.row {
  margin-right: 0;
  margin-left: 0;
}

a {
  text-decoration: none !important;
}

.storefront-handheld-footer-bar {
  display: none;
}
.page-template-elementor_header_footer .storefront-breadcrumb {
  display: none;
}

section.general-review .elementor-shortcode {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

section.general-review .elementor-shortcode form,
section.general-review .elementor-shortcode .view-review-list {
  width: 49%;
}

section.general-review .elementor-shortcode form button {
  font-weight: 600;
  background-color: #82b514;
  border-radius: 4px 4px 4px 4px;
  font-size: 12px;
  padding: 12px 30px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: "Roboto";
}

#hubspot-messages-iframe-container {
  z-index: 19998 !important;
}
.woocommerce-MyAccount-navigation
  li.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}
.woocommerce-MyAccount-content h2 {
  font-size: 24px !important;
  font-weight: 500 !important;
}
.col2-set.addresses .col-1 {
  margin-left: 15px !important;
  margin-right: 0 !important;
}
/* body{
background-image: url(../images/sky-bg.jpg);
background-repeat: no-repeat;
background-position: center -250px;
background-size: 100%;
} */

/* body.home{
background-position: center -30px!important;
} */
.home header {
  /* background-size: cover; */
  margin-bottom: 0 !important;
}
/* header.site-header{
padding: 0;
border: none;
background-color:transparent!important;
} */
header.site-header {
  padding: 0 0 20px 0;
  border: none;
  background-color: #fff !important;
}

.site-branding {
  margin: 0 !important;
  z-index: 9999;
}

.storefront-breadcrumb {
  margin: 30px 0 15px 0 !important;
}

.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.children {
  background-color: #427091;
}
.primary-navigation .main-navigation ul li a,
.primary-navigation .site-title a,
.primary-navigation ul.menu li a,
.primary-navigation .site-branding h1 a,
.handheld-navigation ul.menu li a {
  color: #fff;
}
.handheld-navigation ul.menu li a {
  padding: 0.875em;
}
.main-navigation ul li a,
.site-title a,
ul.menu li a,
.site-branding h1 a {
  color: #333;
}
.main-navigation ul.menu ul a:hover,
.main-navigation ul.menu ul li:hover > a,
.main-navigation ul.menu ul li.focus,
.main-navigation ul.nav-menu ul a:hover,
.main-navigation ul.nav-menu ul li:hover > a,
.main-navigation ul.nav-menu ul li.focus {
  background-color: rgba(0, 0, 0, 0.15);
  color: #fff !important;
  text-decoration: none;
}

.wng_phone {
  text-align: right;
  font-size: 15px;
  font-weight: bold;
  color: #427091;
  text-transform: uppercase;
  display: none;
}

.sub-menu li.current-menu-item > a {
  color: #fff !important;
}

h1 {
  line-height: 1;
}

.home .content-area {
  padding: 0;
  margin: 0;
}
/* header.site-header.fixed {
transition: all 0.3s ease-in-out;
background-color: #fff!important;
position: fixed;
box-shadow: 0 0 5px #333;
width: 100%;
padding: 0 5% 10px;
}
header.site-header.fixed .main-navigation ul.nav-menu {
margin-top: 0;
} */
.site-header .site-branding img {
  max-width: 100%;
}
.storefront-primary-navigation {
  clear: unset;
  vertical-align: middle;
}
.storefront-primary-navigation > .col-full {
  padding: 0;
}
.storefront-primary-navigation nav {
  width: 100% !important;
}

.main-navigation ul.nav-menu {
  text-align: right;
  margin-top: 10px;
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
  font-size: 15px;
  font-weight: bold;
  color: #427091;
  text-transform: uppercase;
  padding: 1em 0.48em;
}

.main-navigation ul.nav-menu > li#wpmenucartli span.cartcontents,
.handheld-navigation ul.menu > li#wpmenucartli span.cartcontents {
  display: none !important;
}

.main-navigation ul.menu ul li a,
.main-navigation ul.nav-menu ul li a {
  font-size: 15px;
}

.main-navigation ul.menu > li.menu-item-has-children > a::after,
.main-navigation ul.menu > li.page_item_has_children > a::after,
.main-navigation ul.nav-menu > li.menu-item-has-children > a::after,
.main-navigation ul.nav-menu > li.page_item_has_children > a::after {
  content: none !important;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
  padding-top: 0 !important;
}
.user-account {
  clear: both;
  text-align: right;
  padding: 5px 5%;
  font-size: 12px;
}
.user-account a {
  color: #333333;
}
.home .banner {
  background-image: url(../images/steve.png);
  background-position: 115% -20px;
  background-repeat: no-repeat;
  height: 450px;
  overflow: hidden;
  padding-top: 20px;
}

.box-area {
  max-width: 1200px;
  margin: 0 auto !important;
  float: none;
}
.home .banner .banner-content {
  width: 45%;
}
.home .banner-content h1 {
  position: absolute;
  top: 30%;
  margin: 0;
}
.banner-content p,
.links-panel p {
  font-size: 20px;
  color: #067194;
  margin: 20px 0;
}
.home .banner-content h1,
.links-panel h1,
.communities h1 {
  font-weight: 600;
  font-size: 45px;
  color: #255263;
}
.home .banner-content a {
  display: block;
  background-color: #427091;
  width: fit-content;
  padding: 5px 30px;
  color: #fff;
  border-radius: 30px;
  font-weight: 500;
  margin: 10px 0;
  font-size: 18px;
}
.home .banner-content i {
  font-size: 17px;
  background-color: #2a5d16;
  color: #fff;
  padding: 6px;
  border-radius: 35px;
  margin: 0px 10px 0 0;
  vertical-align: top;
}
.home .banner-content span {
  display: inline-block;
  margin: 5px;
  font-size: 25px;
  color: #2a5d16;
  font-weight: 600;
}
.home .what-to-do-panel {
  min-height: 360px;
  background-color: #427091;
  width: 100%;
  padding: 0;
  margin-bottom: 30px;
}
.home .what-to-do {
  min-height: 360px;
  background-image: url(../images/people-group.png);
  width: 100%;
  background-position: left;
  background-repeat: no-repeat;
  float: none;
}
.home .what-to-do h1 {
  font-weight: 600;
  font-size: 50px;
  color: #fff;
  margin: 0 0 0 50%;
  padding: 50px 0;
  width: 50%;
}
.home .what-to-do-links {
  position: absolute;
  bottom: 10%;
  width: 50%;
  text-align: left;
  left: 49%;
}
.packages-block > div {
  cursor: pointer;
}
.packages-block .elementor-widget-wrap {
  box-shadow: 0 0 6px #d3dde1;
}
.packages-block .elementor-widget-heading {
  margin-bottom: 0 !important;
}
.packages-block a,
.funeral-plans h5 > a {
  font-weight: bold;
}
.what-to-do-links a {
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
  color: #fff;
  max-width: 100px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 75px;
  background-position: top center;
  padding-top: 80px;
}
a.home-expectedly {
  background-image: url(https://dev.willowandgreen.co.uk/wp-content/uploads/2021/08/home-expectedly.png);
}
a.home-unexpectedly {
  background-image: url(https://dev.willowandgreen.co.uk/wp-content/uploads/2021/08/home-unexpectedly.png);
}
a.hospital {
  background-image: url(https://dev.willowandgreen.co.uk/wp-content/uploads/2021/08/at-hospital.png);
}
.what-to-do-links a:hover {
  background-size: 78px;
}
.page-template-template-homepage .type-page {
  padding: 0;
}

.services {
  display: block;
  width: 80%;
  margin: 0 auto 30px auto;
  border-radius: 20px;
  overflow: hidden;
}
.links-panel {
  text-align: center;
  padding: 50px 0;
}

.links-panel a.icon-link {
  display: inline-block;
  width: 20%;
  margin: 2%;
  vertical-align: top;
  min-width: 150px;
}
.links-panel a.icon-link > img {
  max-height: 110px;
  margin: 0 auto;
}
.links-panel a.icon-link:hover {
  opacity: 0.9;
}
.links-panel a.icon-link > b,
.communities .communities-we-serve .community p {
  font-size: 15px;
  text-transform: uppercase;
  color: #39607c;
}

.how-can-we-help .elementor-widget-image img {
  height: 100px;
  width: auto;
}

.feedback {
  background-image: url(../images/tree.png);
  background-color: #537a05;
  background-size: 65%;
  padding: 30px 0 0 0;
  background-position: center right;
  background-repeat: no-repeat;
  margin: 0;
}
.testimonial {
  text-align: center;
}

.testimonial p {
  font-size: 16px;
  font-style: italic;
  line-height: 30px;
  text-align: center;
  color: #fff;
  width: 80%;
  margin: 10px auto;
}
.testimonial strong {
  margin: 12px auto;
  width: 80%;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  color: #fff;
}
.testimonial a,
.feedback .contact input[type="Submit"] {
  background-color: #f2f2f2;
  font-size: 15px;
  color: #708b39;
  padding: 5px 20px;
  border-radius: 40px;
  margin: 0;
  display: inline-block;
  width: fit-content;
  max-width: 230px;
  text-align: center;
  text-transform: uppercase;
}
.testimonial .flickity-viewport {
  margin-bottom: 60px;
}

.flickity-page-dots .dot {
  background: #fff !important;
}

.feedback .contact h2 {
  color: #fff;
  font-weight: bold;
  margin: 0;
}
.feedback .contact > p {
  font-size: 16px;
  color: #fff;
  width: 85%;
  margin: 20px 0;
}

.all-testimonials .individual-testimonial {
  padding: 30px 12px;
  border-bottom: 1px dotted #ccc;
}
.all-testimonials p {
  font-size: 18px;
  line-height: 28px;
}
.all-testimonials strong {
  color: #408711;
}

.communities {
  background-color: #cfcfcf;
  text-align: center;
  padding: 30px 0 60px;
}

.communities .community-board {
  display: inline-block;
  vertical-align: top;
}
.communities .communities-we-serve {
  width: 80%;
  margin: 50px auto 0;
  vertical-align: top;
  text-align: center;
}
.communities .communities-we-serve li {
  list-style: none;
  background-repeat: no-repeat;
  background-position: top;
  height: 120px;
  padding: 120px 0 0 0;
  display: inline-block;
  width: 20%;
  text-align: center;
  margin: 25px 5px;
  vertical-align: top;
}
.communities .communities-we-serve li.family {
  background-image: url(../images/icon-family.png);
}
.communities .communities-we-serve li.hospital {
  background-image: url(../images/icon-hospital.png);
}
.communities .communities-we-serve li.council {
  background-image: url(../images/icon-council.png);
}
.communities .communities-we-serve li.director {
  background-image: url(../images/icon-director.png);
}

.community img {
  margin: 0 auto;
  max-height: 100px;
  vertical-align: bottom;
}
/* .communities .communities-we-serve .community p {

} */
.flickity-prev-next-button {
  display: none;
}

footer {
  padding: 0 !important;
}
.footer-content > .secondary-navigation {
  background: #427091;
  padding: 4px 104px;
}
.footer-content .secondary-navigation .menu {
  font-size: 0.875em;
  width: auto;
  float: none;
}
.footer-content .secondary-navigation ul.menu a {
  color: #fff;
}
.footer-content .secondary-navigation {
  margin: 0 0 0.6em;
}
.site-footer {
  background: none;
  padding: 0 !important;
}
.site-footer .footer-widgets {
  background: #427091;
}
.site-footer .footer-widgets > .block {
  padding: 13px 0 0 75px;
}
.site-footer .footer-widgets li a {
  color: #fff;
}
.footer-widgets {
  padding-top: 0;
  border-bottom: none;
}
.footer-widgets .widget {
  margin-bottom: 0;
}
.footer-credit {
  padding: 10px;
}
.footer-credit h5 {
  float: right;
  margin-right: 12%;
}
.footer-credit h5 a {
  text-decoration: none !important;
}
.footer-widgets li {
  display: inline-block;
}
.footer-widgets li a {
  text-decoration: none !important;
}
nav.secondary-navigation .socials {
  width: 10%;
  /* display: inline-block; */
  display: inline-flex;
  padding: 6px;
}
nav.secondary-navigation .socials .fb,
nav.secondary-navigation .socials .insta,
nav.secondary-navigation .socials .mail {
  width: 20%;
  margin: 0 10px;
  display: inline-block;
}
nav.secondary-navigation .menu-footer-menu-container {
  display: inline-block;
  /* margin-left: -45px; */
  margin-left: 0;
}
.widget_nav_menu ul li::before {
  content: none !important;
}
.entry-title,
.page-title {
  color: #196a03;
  padding: 0 0 10px 0;
  border-bottom: 1px dashed #999;
  margin: 0 0 20px 0;
  display: block;
}

.entry-content p {
  font-size: 16px;
  color: #444;
  line-height: 26px;
  text-align: justify;
}
.entry-content h5 {
  color: #096795;
  font-size: 18px;
  margin: 20px 0 8px 0;
}

/* css added by whoque */

.feature-content img,
.feature-content p {
  display: inline-block;
}
.feature-content img:first-child {
  width: 10%;
  max-width: 85px;
  min-width: 55px;
}
.feature-content img.feature-right {
  float: right;
  max-width: 20px;
  margin: 14px 10px 0 0;
}
.feature-content p {
  padding: 15px 15px 0px 15px;
  vertical-align: top;
  width: 98%;
  background-image: url(../images/feature-right.png);
  background-repeat: no-repeat;
  background-position: right 14px;
  background-size: 20px;
}
.feature-content p.cross {
  background-image: url(https://willowandgreen.co.uk/wp-content/uploads/2022/05/cross.png);
}

ul.things-to-consider {
  list-style: none;
  margin: 0;
}
ul.things-to-consider > li {
  width: 24%;
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  min-height: 150px;
}
ul.things-to-consider > li p {
  text-align: left;
  font-size: 14px;
}

.funeral-product .product-img {
  max-height: 130px;
  overflow: hidden;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
  width: 25%;
  margin-right: 3%;
}
.summary.entry-summary {
  width: 70% !important;
}
.side-panel .widget {
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.side-panel #custom_html-2 {
  position: fixed;
  width: 225px;
}

.side-panel .widget-title {
  margin: 0;
  padding: 5px 10px;
  background-color: #167dae;
  color: #fff;
  text-transform: capitalize;
  border-radius: 3px 3px 0 0;
}

.woocommerce-loop-product__title {
  font-size: 18px !important;
}

.islamic-img,
.islamic-form {
  display: inline-block;
  vertical-align: top;
}
.islamic-img {
  width: 36%;
}
.islamic-form {
  width: 62%;
}
.islamic-form .acf-input .acf-label,
.elaborate .acf-input .acf-label {
  width: 30%;
  display: inline-block;
}
.islamic-form .acf-input .acf-input,
.elaborate .acf-input .acf-input {
  width: 68%;
  display: inline-block;
}

.single-product div.product .woocommerce-product-gallery img {
  margin: 20px auto 0 auto !important;
}

/* .ppom-wrapper .form-row {

margin-right: 0!important;
margin-left: 0!important;
margin-bottom:20px;
padding: 6px;
background-color: #fff;
/*     border: 1px solid #bad5e1;
box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
border-radius: 5px;
} */

.additional_services_span_we_can_arrange_for_you_at_cost__span_ {
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  margin-bottom: 20px;
  border-radius: 5px;
}

.additional_services__ label.form-control-label,
.optional_extras__span___not_included_in_the_packages___send_me_a_quote____span_
  label.form-control-label,
.feature-container,
.feature-container .feature-heading,
.acf-field-group > .acf-label > label {
  color: #096795;
  font-size: 18px !important;
  font-weight: bold !important;
  margin: 8px 0 !important;
}
.product-price > .price {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin: 0 !important;
}

.ppom-input-attendance__,
.ppom-input-crematorium__,
.additional_services__ .form-check-inline,
.additional_services__ .form-check-inline .form-check-label,
.optional_extras__span___not_included_in_the_packages___send_me_a_quote____span_
  .form-check-inline,
.optional_extras__span___not_included_in_the_packages___send_me_a_quote____span_
  .form-check-inline
  .form-check-label {
  display: block !important;
  padding: 4px 8px;
  border-radius: 5px;
  color: #0f445d;
  margin: 5px 0 !important;
  background-color: #eaf3f6;
}

.optional_extras__span___not_included_in_the_packages___send_me_a_quote____span_
  .form-control-label
  span {
  display: block;
  font-size: 12px;
}

.ppom-input-attendance__,
.ppom-input-crematorium__ {
  margin-top: 0 !important;
}
.additional_services__ .form-group {
  margin: 0 !important;
}

.attendance__ label,
.crematorium__ label {
  display: inline-block !important;
  margin-left: 15px;
}
.attendance__ select,
.crematorium__ select {
  width: 48% !important;
  display: inline-block !important;
  margin-left: 7em !important;
}
.additional_services__ input[type="checkbox"] {
  float: right;
}

.feature-container {
  /*     padding: 8px 12px; */
  background-color: #fff;
  /*     border: 1px solid #bed8e5; */
  border-radius: 5px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.feature-container .feature-content {
  background-color: #eaf3f6;
  margin-bottom: 8px;
  /*     padding: 6px; */
  color: #0f445d;
  font-weight: 600;
  border-radius: 5px;
}
.feature-container .feature-content.prod-price {
  color: #196a03 !important;
  font-family: "Roboto", Sans-serif;
  font-size: 21px !important;
  font-weight: 700 !important;
}
.feature-container > h5 {
  color: #fff;
  margin: 0 0 20px 0;
  padding: 10px 20px;
  background-color: #096795;
}

/* .islamic-form-h5{

}  */

.feature-container > p {
  padding: 0 20px;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.input-text,
input[type="date"],
select {
  /* padding: 3px 5px;
border: 1px solid #ddd;
font-weight: 500; */
  padding: 3px;
  margin-bottom: 10px;
  box-shadow: none;
  border: 1px solid #939393;
  border-radius: 5px;
}
/* textarea {
padding: 3px 18px 3px 5px;
} */

label {
  font-size: 14px;
  color: #555;
}

input[type="submit"] {
  background-color: #80ae27;
  padding: 6px 30px;
  color: #fff;
  border-radius: 4px;
}

input[type="submit"]:hover {
  background-color: #427091;
  color: #fff;
}

.funeral-content .funeral-product {
  width: 24%;
  padding: 15px 0;
  display: inline-block;
  min-height: 410px;
  vertical-align: top;
  /* background-color: #427091; */
  border-radius: 5px;
  margin: 4px;
}
.funeral-content .funeral-product.death-place {
  width: 30%;
  min-height: 425px;
}
.video-panel {
  width: 62% !important;
  background-color: transparent !important;
  padding: 0 !important;
  min-height: auto !important;
}
.death-place ul {
  margin: 20px;
}
.death-place li {
  color: #fff;
  font-size: 18px;
  padding: 10px 30px 0 30px;
  background-image: url(../images/icon-arrow.png);
  background-repeat: no-repeat;
  background-size: 20px;
  list-style: none;
  background-position: 0px 15px;
}

.arrange-funeral .funeral-product img {
  width: 35%;
}
.things-to-consider .funeral-product img,
.funeral-product .product-img img {
  margin: 0 auto 10px auto;
  max-width: 60%;
  max-height: 120px;
  width: auto;
}
.arrange-funeral .what-to-do-links,
.what-to-do-links {
  /*background: #80ae28; */
  padding: 5px;
  position: inherit;
  bottom: 25%;
  width: 100%;
  text-align: center;
}
.arrange-funeral .what-to-do-links a,
.death-place .what-to-do-links a,
.what-to-do-links h5 {
  display: inline-block;
  /* margin: 3px 6%; */
  font-size: 17px;
  border: none;
  border-radius: 25px;
  /* padding: 5px 15px; */
  color: #427091;
  background-color: transparent;
  text-decoration: none !important;
  font-weight: 700;
}
.things-to-consider .what-to-do-links h5 {
  border: none !important;
  background-color: transparent;
}

.death-place .what-to-do-links a {
  padding: 5px 50px;
}
.arrange-funeral .what-to-do-links a:hover,
.death-place .what-to-do-links a:hover {
  background-color: transparent;
}
.entry-content.arrange-funeral p,
.funeral-product p {
  font-size: 15px;
  color: #427091;
  line-height: 24px;
  padding: 20px;
  text-align: left;
  vertical-align: top;
}
.site-main ul.products.columns-4 li.product_cat-religious-funeral h2 {
  text-align: center;
  width: 100%;
  border-radius: 20px;
  text-decoration: none !important;
  padding: 8px;
  color: #fff;
  background-color: #80ae28;
}
.site-main ul.products.columns-4 li.product_cat-religious-funeral h2:hover {
  background-color: #167dae;
}

.callback-form form,
.callback-form form p {
  margin: 0;
  text-align: center;
}

.callback-form .your-phone > input[type="text"] {
  width: 100%;
  border-radius: 0 0 3px 3px;
  margin: 0 auto 6px auto;
}

.contact-us-btn,
.product-price,
.page-template-page-funeral-director-details .site-content button {
  background-color: #427091;
  padding: 10px 6px;
  color: #fff !important;
  display: block;
  text-align: center;
  text-decoration: none !important;
  border-radius: 3px;
  content: "\f015";
}
/* .product-price {
margin-bottom:10px;
} */

div.wpcf7 .ajax-loader {
  position: absolute;
}

.callback-floating {
  right: 90px;
  bottom: 15px;
  z-index: 11999;
  position: fixed;
  padding: 0;
}
a.callback-request {
  background-color: #80ae28 !important;
  padding: 0;
  border-radius: 60px;
  text-align: center;
  height: 60px;
  float: left;
  box-shadow:
    0 1px 6px rgba(0, 0, 0, 0.1),
    0 2px 24px rgba(0, 0, 0, 0.2);
  width: 60px;
}

a.callback request:hover {
  box-shadow:
    0 2px 10px rgba(0, 0, 0, 0.2),
    0 4px 28px rgba(0, 0, 0, 0.3);
}
.callback-floating-content {
  background-color: #fff !important;
  display: none;
  padding: 10px;
  border: 1px solid #d7dfe5;
  border-radius: 4px;
}

a.callback-request > i {
  font-size: 32px;
  line-height: 60px;
  color: #fff !important;
}

a.floating-content-close {
  text-align: right;
  display: none;
  position: absolute;
  bottom: 30px;
  right: 22px;
  line-height: 0;
  font-size: 24px;
}
.callback-floating-content > form {
  margin: 0;
}
.callback-floating-content label {
  font-size: 12px;
  display: inline-block;
  width: 100px;
}
.callback-floating-content input[type="text"] {
  padding: 0;
}
.callback-floating-content input[type="radio"] {
  margin: 0 0 0 5px;
}
.callback-content-processed {
  display: none;
}
.callback-tab {
  overflow: hidden;
  border: none;
  background-color: transparent;
}
.callback-tab a {
  text-decoration: none;
  color: #fff;
  background-color: #167dae;
  float: left;
  border: none;
  outline: none;
  margin: 0 5px 0 0;
  cursor: pointer;
  padding: 6px 15px;
  border-radius: 3px 3px 0 0;
  transition: 0.3s;
  font-size: 16px;
}
.callback-tab a:hover {
  background-color: #ddd;
}
.callback-tab a.active {
  background-color: #92c62d;
}
p.request-sent {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}

.callback-content-pending,
.callback-content-processed {
  border: 1px solid #ddd !important;
}

.ht_ctc_chat_style svg {
  height: 55px !important;
  width: 55px !important;
}

form.login {
  width: 60%;
}
[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.page-template-page-invoices [type="checkbox"] {
  position: unset;
  opacity: 1;
  width: 14px;
  height: 14px;
  vertical-align: middle;
}
.page-template-page-invoices label {
  vertical-align: sub;
}

[type="checkbox"] + img.img-unchecked,
[type="checkbox"] + img.img-checked {
  cursor: pointer;
}

img.img-checked {
  display: none;
}
label.form-check-label > img.img-checked,
label.form-check-label > img.img-unchecked {
  max-height: 20px;
  vertical-align: middle;
  outline: none;
  margin: 0;
  float: right;
  width: auto;
}
label.form-check-label > img.img-unchecked {
  display: inline-block;
}

.community {
  width: 24%;
  margin-right: 10px;
  border-radius: 5px;
  text-align: center;
}
.flickity-prev-next-button.previous {
  left: -20px !important;
}
.flickity-prev-next-button.next {
  right: 40px !important;
}
a.vacancy-btn {
  background-color: #c10d0d !important;
  padding: 7px 16px !important;
  font-size: 13px !important;
  border-radius: 0 !important;
  border: none !important;
  color: #fff !important;
  display: inline-block;
}

table:not(.has-background) th {
  background-color: transparent;
}

#ppom-price-container {
  padding: 10px 10px 5px 10px;
  border: 1px solid #bad5e1;
  border-radius: 5px;
}

.ppom-wrapper .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgb(234, 243, 246) !important;
}

.ppom-total-without-fixed,
.ppom-wrapper
  .table-striped
  tbody
  tr:nth-of-type(odd).ppom-total-without-fixed {
  background-color: #427091 !important;
  color: #fff !important;
  font-size: 15px !important;
}

.ppom-delete-option-table {
  float: right;
  margin-top: 3px;
}

.ppom-wrapper .table th.ppom-price-item {
  text-align: right;
}

.acf-fields > .acf-field {
  margin: 12px 0 !important;
  padding: 12px !important;
  background: #fff;
  border: #bed8e5 solid 1px !important;
  border-radius: 8px;
}
.acf-fields.-border {
  border: none !important;
  background: #fff;
}

iframe {
  border: none;
  border-radius: 5px;
}

p.additional-note {
  color: #db2323;
  font-size: 13px;
  margin: 20px 5px;
}
.woocommerce-view-order .woocommerce-customer-details {
  width: 100%;
}
.woocommerce-customer-details {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 20px;
  width: 100%;
  display: inline-block;
  margin-right: 8px;
}
.woocommerce-customer-details > div.customer-details-block {
  border: 1px solid #ccc;
  margin: 10px 0;
  border-radius: 5px;
}
.woocommerce-customer-details > div.customer-details-block h3,
#custom_client_field h3,
.checkout h3 {
  background-color: #167dae !important;
  color: #fff !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  padding: 6px 10px;
  border-radius: 5px;
}

#order_review button[type="submit"] {
  border-radius: 5px;
  font-size: 19px;
  padding: 7px;
}
.woocommerce-customer-details > div.customer-details-block > p,
.woocommerce-customer-details > div.customer-details-block > a,
.woocommerce-customer-details > div.customer-details-block > address,
.woocommerce-customer-details > div.customer-details-block > div,
.client-details-block > div {
  margin: 6px 10px !important;
}

.woocommerce-customer-details > h2 {
  color: #167dae;
  font-size: 20px;
  margin: 0 0 10px 0;
}

.woocommerce-customer-details > a,
#custom_addiotional_attendance > a,
.custom_checkout_details_edit button,
.custom_client_details_edit button {
  background-color: #80ae28;
  color: #fff;
  padding: 6px 20px;
  border-radius: 30px;
  text-decoration: none !important;
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
  width: 100%;
  text-align: center;
}

.woocommerce-customer-details > a:hover,
#custom_addiotional_attendance > a:hover,
.custom_checkout_details_edit button:hover {
  background-color: #719b21;
}
.custom_checkout_details {
  margin-bottom: 12px;
}

.woocommerce-checkout #primary,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  width: 100%;
  float: none;
  margin-right: 0;
}

.woocommerce-checkout #customer_details {
  width: 48%;
  margin-right: 0 !important;
  display: inline-block;
  border: 1px solid #aaa;
  border-radius: 6px;
  float: left;
}
.woocommerce-checkout #order_review {
  display: inline-block;
  width: 48%;
  margin: 0 0 0 35px !important;
  border: 1px solid #aaa;
  border-radius: 6px;
  padding: 5px 15px;
}
.woocommerce-checkout #order_review table.shop_table thead th,
.woocommerce-checkout #order_review table.shop_table tbody td,
.woocommerce-checkout #order_review table.shop_table tfoot th {
  padding: 1em 0;
}
.woocommerce-checkout #order_review table.shop_table thead th:last-child,
.woocommerce-checkout #order_review table.shop_table tbody td:last-child,
.woocommerce-checkout #order_review table.shop_table tfoot tr td {
  text-align: right;
}
form.checkout .woocommerce-billing-fields__field-wrapper,
form.checkout .woocommerce-additional-fields,
form.checkout #client_details_list {
  padding: 5px 15px;
}
form.checkout .custom_checkout_client_details {
  margin: 0 0 12px 35px;
  display: inline-block;
  width: 48%;
  border: 1px solid #aaa;
  border-radius: 6px;
}
form.checkout .custom_checkout_client_details label {
  margin-right: 15px;
  vertical-align: top;
}
form.checkout .custom_checkout_client_details b {
  vertical-align: top;
  font-size: 15px;
  margin-right: 10px;
}
form.checkout .custom_checkout_client_details h3.client_details_heading {
  margin: 5px 15px !important;
}

.woocommerce-checkout #secondary {
  display: none;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
  display: block;
  width: 100%;
  margin: 0 !important;
}
.woocommerce-checkout .col2-set .col-2 {
  vertical-align: top;
  margin-top: 28px;
}

.woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields h3 {
  text-transform: capitalize;
  margin: 5px 15px !important;
  border-radius: 5px;
  padding: 8px 15px;
}
table.woocommerce-checkout-review-order-table .product-name {
  width: 50% !important;
}

#order_review_heading {
  width: 100% !important;
  float: none !important;
  /* padding-left: 10px; */
  border-radius: 5px;
}
span.optional {
  display: none;
}
p#billing_city_field,
p#billing_state_field,
p#billing_postcode_field,
p#billing_phone_field {
  width: 49%;
  display: inline-block;
}
p#billing_city_field,
p#billing_postcode_field {
  margin-right: 5px;
}
p#billing_state_field,
p#billing_phone_field {
  margin-left: 5px;
}
div#payment {
  width: 100%;
}
#payment .place-order {
  padding: 0 !important;
}
address p,
.custom_checkout_details p {
  font-size: 14px !important;
  margin: 0;
}

#custom_checkout_field > h3,
#custom_addiotional_attendance > h3,
.client-details-block > h3 {
  font-size: 16px;
  color: #167dae;
  margin: 0 0 10px 0;
  cursor: pointer;
  padding: 7px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f2f2f2;
}
#custom_checkout_field > h3 i {
  float: right;
}
#client_details_list {
  display: none;
}
.woocommerce-column--shipping-address {
  display: none;
  visibility: hidden;
}
.custom_checkout_client_details input.same_as_billing {
  position: unset;
  opacity: 1;
  height: 15px;
  width: 15px;
}
.woocommerce-customer-details a.checkout-edit {
  font-weight: normal;
  font-size: 13px;
  float: right;
  margin: 4px;
}

img.glitch-free-pic {
  width: 53%;
  vertical-align: top;
  display: inline-block;
  /*     border: 1px solid #ddd; */
}

.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color
  tr:first-child {
  background-color: #80ae28 !important;
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tr {
  background-color: #427091 !important;
  color: #fff;
}

.looking-after {
  background-color: #427091;
  padding: 10px 0;
  border-top: 20px solid #80ae28;
  margin: 8px;
  width: 30%;
  color: #fff;
  vertical-align: top;
  min-height: 525px;
  border-radius: 10px;
  display: inline-block;
}

.looking-after > h2 {
  margin: 10px;
  padding: 10px;
  font-weight: bold;
  color: #fff;
  font-size: 17px;
  line-height: 25px;
  text-transform: uppercase;
}

.looking-after > h4 {
  padding: 8px 16px;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.looking-after > p {
  padding: 8px 16px;
  font-size: 15px;
  color: #fff;
  line-height: 22px;
  text-align: justify;
}
.looking-after a {
  margin: 6px 0;
  font-size: 13px;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 25px;
  padding: 1px 15px;
  color: #fff;
  text-align: left;
  text-decoration: none !important;
}
.looking-after a:hover {
  background-color: #80ae28;
}
.page table.green-statement {
  font-size: 15px !important;
}

a.remove:before {
  content: "\f1f8" !important;
}

td.product-remove,
td.product-name,
td.product-price,
td.product-quantity,
td.product-subtotal {
  vertical-align: middle;
}

.callback-content-pending td a {
  margin-right: 5px;
}

table.callback-content-pending:not(.has-background) tbody tr:nth-child(2n) td {
  background-color: #e0eff8 !important;
}

table.callback-content-pending:not(.has-background) th {
  background-color: #167dae;
  color: #fff;
}
.who-we-are-topic {
  display: inline-block;
  vertical-align: baseline;
}

.who-we-are-topic h5 {
  margin: 0 !important;
}
.page-id-304 .entry-content h5,
.who-we-are h5 {
  /*     color: #fff!important;
background: #80ae28; */
  padding: 5px;
  position: inherit;
  bottom: 25%;
  width: 100%;
  /*text-align: center;*/
  border-radius: 5px 5px 0 0;
}
/*.page-id-304 .entry-content h5 strong{
font-weight: 500!important;
}*/
.page-id-304 .entry-content p,
.who-we-are p {
  color: #096795;
  padding: 15px 9px;
  display: inline-block;
  vertical-align: top;
  /*     background-color: #427091; */
  border-radius: 0 0 5px 5px;
  margin-top: -8px;
  width: 100%;
}
.page-id-1709 .entry-content img {
  width: 45%;
  height: auto;
}
.green-statement-table {
  border-radius: 5px;
  overflow: hidden;
}
.green-statement-table tbody > tr:first-child td {
  background-color: #80ae28 !important;
}
.green-statement-table td,
.green-statement-table td a {
  background-color: #427091 !important;
  color: #fff;
}
.green-statement-table td a {
  text-decoration: underline !important;
}
.green-statement-table td a:hover {
  color: #80ae28;
}
.all-testimonials img {
  max-width: 477px;
  margin: auto;
}

/* ------------------------ styles for vaccancies ----------------------------------*/

.vacancy-post {
  border: 1px solid #ddd;
  margin: 8px;
  vertical-align: top;
  border-radius: 8px;
  overflow: hidden;
}
.vacancy-post > h3 {
  margin: 0;
  background-color: #678d1e;
  color: #fff;
  padding: 6px 20px;
}
.vacancy-post .info {
  padding: 20px;
  font-size: 16px;
  color: #666;
}
.vacancy-post > span {
  color: #427091;
  font-size: 18px;
  font-weight: bold;
  margin: 25px 20px 0 20px;
  display: block;
  border-bottom: 1px dotted #ddd;
}
.btn-apply {
  background-color: #427091;
  padding: 8px 20px;
  text-align: center;
  width: 15%;
  margin: 0 0 20px 20px;
}
.btn-apply > a {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

/* ------------------------ styles for vaccancies ----------------------------------*/
/* ------------------------ styles for vaccancies form ----------------------------------*/

.wg-vacancy-form {
  width: 100%;
  margin: 0 auto 0;
  border: 1px solid #bed8e5;
  padding: 40px 20px 10px;
  border-radius: 5px;
}
.wg-vacancy-form label {
  width: 100%;
}
.wg-vacancy-form label b {
  width: 20%;
  display: inline-block;
  font-size: 19px;
  font-weight: 500;
  vertical-align: top;
}
.wg-vacancy-form label span {
  position: relative;
  width: 80%;
  display: inline-block;
}
.wg-vacancy-form label span input,
.wg-vacancy-form label span textarea {
  width: 100%;
  background-color: #eaf3f6;
  margin-bottom: 8px;
  padding: 6px;
  border: 1px solid #80ae28;
}
.wg-vacancy-form input[type="submit"] {
  padding: 9px 30px;
  width: 80%;
  text-transform: uppercase;
  border-radius: 5px;
}
/* ------------------------ styles for vaccancies form ----------------------------------*/

.woocommerce-tabs ul.tabs {
  width: 100% !important;
  margin-right: 0;
}
.woocommerce-tabs ul.tabs li::after {
  display: none;
}
.more-details {
  position: relative;
  margin: 10px 10px;
}
.more-details-topic {
  position: relative;
  padding: 10px 0;
  font-size: 30px;
  color: black;
  cursor: pointer;
}
.more-details-topic::before {
  content: "+";
  color: black;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 30px;
  transform: translateY(-50%);
}
.more-details-content {
  position: relative;
  background: white;
  height: 0;
  font-size: 20px;
  text-align: justify;
  width: 780px;
  overflow: hidden;
  transition: 0.5s;
}
.more-details.active .more-details-content {
  height: 300px;
}
.more-details.active .more-details-topic::before {
  content: "-";
  font-size: 30px;
}

.more-details.active .more-details-content {
  display: block;
}
/* ------------------------ bespoke funeral form view ----------------------------------*/

.bespoke-funeral-form .included,
.bespoke-funeral-form .additional,
.bespoke-funeral-form .optional-nocost,
.bespoke-funeral-form .optional-withcost {
  background-color: #fff;
  border-radius: 15px 15px 3px 3px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  margin: 10px 0 20px 0;
}
.bespoke-funeral-form .optional-withcost {
  margin: 10px 0 0 0;
}
.bespoke-funeral-form .form-content {
  padding: 0 15px 15px 15px;
}
.bespoke-funeral-form h2 {
  color: #196a03;
  font-family: "Roboto", Sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding: 10px 0;
  background-color: #eaf3f6;
  margin: 0;
}
.bespoke-funeral-form h4 {
  background-color: #427091;
  padding: 15px 6px;
  color: #fff !important;
  display: block;
  text-align: center;
  border-radius: 15px 15px 0 0;
  margin-top: 0;
  font-weight: 700;
}
.bespoke-funeral-form .included h4 {
  margin-bottom: 0;
}
.bespoke-funeral-form h4 span {
  display: block;
  font-size: 13px;
  font-weight: 500;
}
.bespoke-funeral-form h3 {
  margin-top: 0;
  padding: 10px 0;
}
.bespoke-funeral-form input[type="checkbox"] {
  position: unset;
  opacity: 1;
  width: 16px;
  height: 16px;
  float: right;
}
.bespoke-funeral-form .wpcf7-list-item,
.bespoke-funeral-form .wpcf7-list-item > label {
  display: block;
  margin: 0 0 15px 0;
  background-color: #eaf3f6;
  padding: 10px;
  color: #0f445d;
}
.bespoke-funeral-form .included .wpcf7-list-item.first.last {
  padding: 10px 27px 10px 20px;
}
.bespoke-funeral-form .wpcf7-list-item > label {
  margin-bottom: 0;
  padding: 0;
}
.bespoke-funeral-form .wpcf7-list-item > label > span.wpcf7-list-item-label {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
}
.bespoke-funeral-form label.total {
  background-color: #427091 !important;
  color: #fff !important;
  font-size: 17px !important;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  margin-bottom: 0;
}
.bespoke-funeral-form label.total span.calculated-957 strong {
  text-align: right !important;
  margin-left: 1px;
}
.bespoke-funeral-form input[type="submit"] {
  width: 100%;
  background-color: #80ae28;
  margin-top: 0px;
  padding: 10px 15px;
  font-size: 17px;
  border-radius: 0 0 4px 4px;
}
.bespoke-funeral-form input[type="submit"]:hover {
  color: #fff;
}
.make-enquiry {
  /* margin-top: 15px;
background-color: #ffffff;
border-radius: 15px 15px 0 0;
box-shadow: 0 3px 10px rgb(0 0 0 / 20%); */
  padding: 15px;
  background-color: #eaf3f6;
}
.make-enquiry h4 {
  margin: 0;
}
.make-enquiry p {
  padding: 15px;
  margin: 0;
}
.make-enquiry label {
  width: 100%;
  display: block;
  background-color: #eaf3f6;
  padding: 7px 10px;
}
.make-enquiry label b {
  color: #427091;
  font-weight: 500;
  font-size: 15px;
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
.make-enquiry label span {
  display: inline-block;
  width: 80%;
}
.make-enquiry label span input {
  width: 100%;
  padding: 5px;
}
/* ------------------------ bespoke funeral form view ----------------------------------*/

.page-template-page-funeral-director-document .panel-heading {
  padding: 2px 10px;
}
form.app-doc {
  margin-bottom: 0;
}
.app-doc .input-group {
  width: 72%;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
}
.app-doc .input-group input[type="text"],
.app-doc .input-group input[type="file"] {
  width: 48%;
  display: inline-flex;
  margin: 0 0 0 12px !important;
}
.app-doc .input-group input[type="checkbox"] {
  opacity: 1;
  border: 1px solid #333;
  position: initial;
  z-index: unset;
  float: none;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 0 0 12px !important;
}
.app-doc .input-group-btn {
  display: inline-flex;
}
.app-doc button.btn.btn-success.add-more,
.app-doc .btn-danger.remove {
  margin-top: 0 !important;
}
.app-doc .input-group-btn.submit {
  padding: 0;
  float: right;
  width: 20% !important;
}

/* ------------------------ deposite plugin view ----------------------------------*/

#ppom-price-container {
  margin-bottom: 20px;
}
form.cart {
  padding: 0 !important;
  margin-bottom: 0 !important;
}
#ppom-box- label.form-control-label span {
  display: inline-block;
  font-size: 15px;
  margin-left: 5px;
}
form.cart .wc-deposits-wrapper.wc-deposits-optional {
  margin: 0;
  background-color: #ffffff;
  border-radius: 15px 15px 0 0;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  padding-bottom: 1px;
}
form.cart
  .wc-deposits-wrapper.wc-deposits-optional
  .wc-deposits-payment-description {
  padding: 0 15px;
}
form.cart button.single_add_to_cart_button.button.alt {
  font-size: 17px;
  border-radius: 0 0 4px 4px;
}
.postid-8178 form.cart {
  display: none;
}

/* ------------------------ deposite plugin view ----------------------------------*/

/* ......................... ninja form view ............................. */

.nf-form-content .nf-mp-body {
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
  margin: 0 0 20px 0;
  padding: 20px;
}
.nf-form-content .nf-progress-container {
  display: none;
}
.field-wrap {
  display: flex;
  justify-content: space-between;
  background-color: #eaf3f6;
  padding: 10px;
}
.nf-form-content h3 {
  font-size: 20px;
  background-color: #427091;
  padding: 15px 6px;
  color: #fff !important;
  display: block;
  text-align: center;
  border-radius: 15px 15px 0 0;
  margin: 0;
  font-weight: 700;
}
.label-left .nf-field-label {
  padding-right: 0 !important;
  text-align: left !important;
  width: 30% !important;
}
.label-left .nf-field-element {
  display: inline-block;
  width: 70% !important;
}
/* .nf-form-content div, .nf-form-content select.ninja-forms-field:not([multiple]) {
height: 40px!important;
} */
.nf-form-content label {
  font-size: 14px !important;
}
.nf-form-content .ninja-forms-field {
  font-size: 14px !important;
}
.nf-form-content .list-select-wrap > div div:after {
  font-size: 13px !important;
}
.nf-form-content input[type="button"],
.nf-form-content input[type="submit"] {
  background: #427091 !important;
  padding: 10px 30px;
}

/* ......................... ninja form view ............................. */

/* ......................... blog view ............................. */

article.type-post {
  width: 42%;
  border: 1px solid #ccc;
  padding: 15px;
  background-color: #fff;
  margin: 1%;
  display: inline-flex;
  flex-direction: column;
  border-radius: 5px;
}
.single-post article.type-post {
  width: 100%;
}
.blog header.entry-header {
  margin-bottom: 0;
}
.blog header.entry-header h2.alpha.entry-title,
.single-post header.entry-header h1.entry-title,
.category header.entry-header h2.alpha.entry-title {
  margin: 10px 0 0 0;
}
.blog header.entry-header h1.alpha.entry-title a,
.blog header.entry-header h2.alpha.entry-title a,
.single-post header.entry-header h1.entry-title a,
.category header.entry-header h2.alpha.entry-title a {
  color: #196a03;
}
.single-post header.entry-header {
  margin-bottom: 30px;
}
.blog header.entry-header .post-author,
.blog header.entry-header .post-comments,
.single-post header.entry-header .post-author,
.single-post header.entry-header .post-comments,
.category header.entry-header .post-author,
.category header.entry-header .post-comments {
  display: none;
}
.category header.page-header {
  width: 95%;
  margin: 0 auto;
}
.blog.group-blog .main-content {
  max-width: 1200px;
  margin: 0 auto;
}
/* ......................... blog view ............................. */

/* ------------------------ styles for mobile view ----------------------------------*/

@media only screen and (max-width: 767px) {
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review,
  form.checkout .custom_checkout_client_details {
    width: 100%;
    margin: 10px auto !important;
    display: block;
  }

  .wng_phone {
    display: block;
  }

  .mobile-hidden {
    display: none;
  }
}

@media only screen and (max-width: 980px) {
  /*.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {
    background-color: #fff;
}*/
  .right-sidebar .content-area {
    width: 100%;
  }
  .right-sidebar .widget-area {
    display: none;
  }
  /*.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li:hover > a, .main-navigation ul.menu ul li.focus, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li:hover > a, .main-navigation ul.nav-menu ul li.focus {
    color: #666!important;
}*/
  /* body.home {
background-position: center top !important;
} */

  .elementor-element-1bc6f2d2 {
    position: unset !important;
  }
  .elementor-element-1bc6f2d2 img {
    max-width: 50% !important;
  }

  .home .banner .banner-content {
    width: auto;
  }
  .home .banner {
    background-position: center 150px;
    background-size: contain;
    height: 420px;
  }
  .home .banner-content h1 {
    font-size: 50px;
    width: 100%;
    top: 12%;
    text-align: center;
    left: 0;
  }

  .home .banner-content h1,
  .links-panel h1,
  .communities h1 {
    font-size: 32px;
  }

  .services {
    width: 90%;
  }
  .home .what-to-do {
    width: 100%;
    background-position: -15px top;
    background-size: contain;
    position: relative;
  }
  .home .what-to-do h1 {
    font-size: 34px;
    margin: 0;
    position: absolute;
    padding: 30px;
    width: 100%;
    bottom: 10%;
    text-align: center;
  }
  .home .what-to-do-panel {
    min-height: 450px;
  }
  .what-to-do-links {
    bottom: unset !important;
    position: initial !important;
    width: 100% !important;
    text-align: center !important;
    left: unset !important;
  }
  .what-to-do-links a {
    display: inline-block;
    margin: auto;
  }

  .page-template-page-arrange-a-funeral .what-to-do-links a {
    max-width: fit-content;
    padding: 0;
  }
  .links-panel .rack {
    background-image: none;
    margin: 0 auto;
    width: auto;
    vertical-align: bottom;
  }
  .links-panel .rack a.icon-link {
    max-width: unset;
    width: 36%;
    margin: 5% 2%;
    vertical-align: baseline;
  }

  .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    margin: 3% auto;
  }

  .feedback {
    height: auto;
    background-position: left top;
    background-size: contain;
  }
  .feedback h2 {
    font-size: 25px;
    padding-top: 15px;
    padding-left: 15px;
  }

  .feedback .contact h2 {
    text-align: center;
  }
  .feedback .contact > p {
    width: 100%;
  }
  .wpcf7-spinner {
    position: absolute;
  }
  .feedback .contact input[type="Submit"] {
    margin: 10px 0;
  }

  .feedback p {
    margin: 0;
    width: auto;
    font-size: 20px;
    text-align: center;
  }

  .flickity-enabled {
    margin-bottom: 50px;
  }
  .feedback a {
    margin: 20px auto;
    display: block;
    max-width: 200px;
  }
  .communities {
    height: auto;
    background-size: contain;
    padding: 20px 0;
    background-position: center;
  }
  .communities .community-board {
    display: none;
  }
  .communities .communities-we-serve {
    width: 100%;
    display: block;
    /*margin: 20px auto;*/
  }
  .community {
    width: 90%;
    position: fixed !important;
  }
  .communities-we-serve .flickity-slider {
    display: flex;
  }

  .site-footer {
    margin-bottom: 25%;
  }

  .funeral-content .funeral-product {
    width: auto;
    display: block;
    min-height: unset;
  }
  .islamic-img,
  .islamic-form {
    display: block;
    width: auto;
  }
  .islamic-img > img {
    margin: 0 auto;
  }
  .looking-after {
    margin: 8px auto;
    width: auto;
    min-height: unset;
    display: block;
  }
  .summary.entry-summary {
    width: auto !important;
  }
  .feature-content img:first-child {
    min-width: 20px;
  }
  .feature-content img.feature-right {
    margin: 10px 7px 0 0;
  }
  .single-product div.product .woocommerce-product-gallery img {
    margin: 0 auto;
  }
  .attendance__ select {
    margin-left: 3.5em !important;
  }
  .feature-content img {
    width: 30px;
  }

  .feature-content p {
    padding: 10px 10px 0px 10px;
  }

  .green-statement-table tr:first-child {
    width: 38% !important;
  }
  .green-statement-table tbody > tr:first-child td {
    display: block;
    min-height: 130px;
    width: 100%;
  }
  .green-statement-table tbody tr {
    width: 60%;
    float: left;
  }
  .green-statement-table td {
    float: left;
    min-height: 130px;
  }

  .funeral-content .funeral-product {
    width: 98% !important;
  }
}

/* ------------------------ styles for mobile view ----------------------------------*/

@media only screen and (min-width: 768px) {
  nav.secondary-navigation {
    clear: both !important;
  }
}

@media only screen and (max-width: 767px) {
  .secondary-navigation {
    display: block;
    padding: 0;
  }
  .side-panel #custom_html-2 {
    display: none;
  }
  .site-header,
  .home.post-type-archive-product .site-header {
    margin-bottom: 0 !important;
  }
  .elementor.elementor-6690 {
    padding-top: 25px;
  }
  .elementor-element-253b09b.elementor-widget:not(:last-child) {
    margin-bottom: 0;
  }
  .elementor-6690 .elementor-element.elementor-element-f99f930 {
    background-position: center 30vh !important;
    background-size: 100% !important;
    padding-top: 20px;
    min-height: 70vh;
  }
  .elementor-6690
    .elementor-element.elementor-element-253b09b
    > .elementor-widget-container {
    padding: 0 !important;
  }
  /*.elementor-6690 .elementor-element.elementor-element-253b09b .elementor-heading-title {
font-size: 25px!important;
line-height: 1!important;
text-align: center;
}*/
  .elementor-6690
    .elementor-element.elementor-element-f99f930
    > .elementor-container {
    min-height: 40vw;
    text-align: center;
  }
  .elementor-element-0b90d66.banner-phone h3 {
    font-size: 20px !important;
    margin-top: 15px;
  }
  /*.elementor-6690 .elementor-element.elementor-element-1acba82{
margin-top: -30vh!important;
}*/
  .elementor-widget-wrap > .elementor-element-042c47c.elementor-absolute {
    position: relative !important;
    padding-top: 15px;
  }
  .elementor-6690 .elementor-element.elementor-element-c868a07 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .elementor-6690 .elementor-element.elementor-element-c868a07 h2 {
    font-size: 25px;
    text-align: center;
  }
  .elementor-6690
    .elementor-element.elementor-element-c868a07
    .elementor-heading-title {
    margin-bottom: 10px;
  }
  .elementor-element-8c8dbc3.elementor-align-right,
  .elementor-element-57f3eb5.elementor-align-right {
    text-align: left !important;
    margin-left: 10px;
  }
  .elementor-6690
    .elementor-element.elementor-element-99213c0
    > .elementor-element-populated,
  .elementor-6690
    .elementor-element.elementor-element-8979441
    > .elementor-element-populated,
  .elementor-6690
    .elementor-element.elementor-element-464e0e3
    > .elementor-element-populated {
    margin: 10% 5% !important;
  }
  .elementor-6690 .elementor-element.elementor-element-cb2cce1 {
    font-size: 17px !important;
  }
  .elementor-column-gap-default
    > .elementor-column.elementor-element-54180b3
    > .elementor-element-populated {
    padding: 20px;
  }
  .green-statement-table tbody > tr:first-child td {
    min-height: 144px;
  }
  .green-statement-table {
    border-radius: 0;
  }
  .green-statement-table td {
    min-height: 129.2px;
  }
  article#post-285 h1.entry-title {
    font-size: 24px;
    line-height: 31px;
  }
  article#post-285 figure.wp-block-image {
    margin: 50px auto !important;
  }
  .elementor-297 .elementor-section .elementor-col-33 {
    width: 29%;
  }
  .elementor-297 .elementor-section .elementor-col-66 {
    width: 71%;
  }
  .elementor-297 .elementor-section .elementor-col-66 h4 {
    font-size: 16px;
  }
  .elementor-297 .elementor-section .elementor-col-66 p {
    text-align: left;
  }
  .feature-container .feature-content.prod-price {
    font-size: 15px !important;
  }
  .elementor-304 .elementor-element-e41d510 {
    margin-bottom: 0 !important;
    margin-top: 10px !important;
  }
  .elementor-304
    .elementor-element.elementor-element-e41d510
    .elementor-heading-title {
    font-size: 25px !important;
  }
  .elementor-304
    .elementor-element-08af9e5
    .elementor-element
    > .elementor-widget-container {
    padding: 0px 20px !important;
  }
  .elementor-304
    .elementor-element-08af9e5
    .elementor-element
    > .elementor-widget-container
    h3.elementor-image-box-title {
    margin: 10px 0 !important;
    text-align: left;
  }
  .elementor-304
    .elementor-element-08af9e5
    .elementor-element
    > .elementor-widget-container
    p.elementor-image-box-description {
    text-align: left;
  }
  .callback-floating {
    right: 15px;
    bottom: 65px;
  }
  .ht_ctc_chat_style svg {
    height: 55px !important;
    width: 55px !important;
  }
  .wg-vacancy-form {
    padding: 20px 20px 10px;
  }
  .wg-vacancy-form label b {
    width: 100%;
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
  }
  .wg-vacancy-form label span {
    width: 100%;
    display: block;
  }
  .wg-vacancy-form input[type="submit"] {
    width: auto;
  }
  .site-footer {
    margin-bottom: 0;
  }
  .footer-content .secondary-navigation {
    text-align: center;
    padding: 10px 0;
    margin: 0;
  }
  nav.secondary-navigation .socials {
    width: 100%;
    display: block;
    padding: 6px;
  }
  nav.secondary-navigation .menu-footer-menu-container {
    display: block;
    margin-left: 0;
    width: 100%;
  }
  .footer-content .secondary-navigation .menu {
    margin: 0;
  }
  nav.secondary-navigation .socials .fb,
  nav.secondary-navigation .socials .insta,
  nav.secondary-navigation .socials .mail {
    width: 7%;
  }
  .footer-credit {
    text-align: center;
  }
  .footer-credit h5 {
    float: none;
    margin: 0;
  }
  .woocommerce-customer-details,
  img.glitch-free-pic {
    width: 100%;
  }
  #custom_addiotional_attendance > a,
  .custom_checkout_details_edit button {
    width: 90%;
  }
  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout .col2-set .col-2 {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  #payment .place-order {
    width: 100% !important;
    margin: 0 auto;
  }
}

.woocommerce-MyAccount-content tfoot tr:nth-child(2),
.document-btn .document-list {
  display: none;
}

.document-list {
  margin: 10px;
}

.document-list a {
  padding: 5px;
}

button#autoload_client_data,
button#autoload_deceased_data {
  background: #80ae28;
  padding: 3px 12px;
  border-radius: 30px;
  color: #fff;
  float: right;
}

button#autoload_client_data:hover,
button#autoload_deceased_data:hover {
  background: #6b951b;
}
/*** FORM ACCORDION **/

.accordionItemHeading {
  cursor: pointer;
  margin: 0px 0px 10px 0px;
  padding: 10px 20px;
  background: #427091;
  font-size: 20px;
  color: #fff;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
}

.accordionItemHeading span {
  float: right;
}

.accordionItemHeading:hover {
  background: #35607e;
}

.collapsed .accordionItemContent {
  height: 0px;
  transition: height 1s ease-out;
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  float: left;
  display: block;
}

.show .accordionItemContent {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  width: 100%;
  margin: 0px 0px 10px 0px;
  display: block;
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition: -webkit-transform 0.4s ease-out;
  -o-transition: -o-transform 0.4s ease;
  -ms-transition: -ms-transform 0.4s ease;
  transition: transform 0.4s ease;
  box-sizing: border-box;
}

.show .accordionItemHeading {
  margin: 0px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background-color: #80ae28;
}

.customer-summary > span {
  display: flex;
  background: linear-gradient(88deg, #ebebeb, transparent);
  margin-bottom: 5px;
  padding: 5px 15px;
  max-width: 700px;
}
.customer-summary > span > b {
  width: 200px;
  color: #427091;
  font-size: 15px;
  border-right: 1px dotted #aaa;
  margin-right: 20px;
}

.accordionItemContent table,
.accordionItemContent form {
  margin: 8px auto 0 auto;
}
.accordionItemContent td,
.accordionItemContent th {
  padding: 5px;
  border-bottom: 1px dashed #eee;
}
.accordionItemContent td:nth-child(1),
.accordionItemContent th:nth-child(1),
.accordionItemContent td:nth-child(2),
.accordionItemContent th:nth-child(2),
.accordionItemContent td:nth-child(5),
.accordionItemContent th:nth-child(5),
.accordionItemContent td:nth-child(6),
.accordionItemContent th:nth-child(6),
.accordionItemContent td:nth-child(7),
.accordionItemContent th:nth-child(7) {
  width: 12%;
}
.accordionItemContent td:nth-child(3),
.accordionItemContent th:nth-child(3),
.accordionItemContent td:nth-child(4),
.accordionItemContent th:nth-child(4) {
  width: 15%;
}
.accordionItemContent textarea {
  background-color: transparent;
  border: 1px solid #ccc;
}
span.status-dot {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 30px;
  vertical-align: middle;
  margin-left: 3px;
}
span.status-dot.red {
  background-color: #bb0000;
}
span.status-dot.amber {
  background-color: #e5871a;
}
span.status-dot.green {
  background-color: #2b9329;
}

.page-template-page-funeral-dirctor-form input[type="text"],
.page-template-page-funeral-dirctor-form input[type="tel"],
.page-template-page-funeral-dirctor-form input[type="email"] {
  background-color: #ffffff;
}

.page-template-page-funeral-dirctor-form select,
.page-template-page-funeral-dirctor-form input[type="date"],
.page-template-page-funeral-dirctor-form input[type="datetime-local"] {
  background-color: #f2f2f2;
}

.page-template-page-funeral-dirctor-form textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow:
    inset 0 1px 1px rgb(0 0 0 / 8%),
    0 0 8px rgb(102 175 233 / 60%);
  box-shadow:
    inset 0 1px 1px rgb(0 0 0 / 8%),
    0 0 8px rgb(102 175 233 / 60%);
}

.page-template-page-checklist-document button.btn-success {
  margin-top: -12px !important;
  padding: 7px 17px;
}

.invoice-table {
  width: 100%;
}

.invoice-table td {
  width: 25%;
}

#post-10218 header h1 {
  margin: 0 0 20px 20px;
  padding-bottom: 20px;
  font-weight: 600;
  border-bottom: 5px solid #8baa3a;
}

.gallery-item img {
  transition: 0.3s;
}

@media screen and (min-width: 768px) {
  .gallery-item:hover img {
    transform: scale(1.3);
    outline: 5px solid #ffffff !important;
    border-radius: 30px;
  }
}

@media screen and (max-width: 767px) {
  #post-10218 header h1 {
    margin: 0 0 10px 10px;
  }
}

.faq-question {
  cursor: pointer;
}

.faq-answer {
  display: none;
}

.product-fca,
.product-notes,
.product-notes p {
  font-size: 13px !important;
  color: #777 !important;
  line-height: 20px !important;
}

.single-product .product-fca {
  padding: 15px;
  font-style: italic;
  text-align: center;
  margin: 30px 0;
  border-top: 1px solid #ddd;
}