/*
Theme Name: Rezolva Acum
Theme URI: 
Author: Marius Cautis
Author URI: 
Description: 
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: rezolva-acum
Tags: 



- Login/Logout Bar
- Backend Styling
- Globals
- Login Banner
- Header 
- Search Box
- Search Results
- Single User Template
- Contractor Dashboard 
- Inactive User Template
- All Categories List Module
- Contractor Results Page
- Premium Layouts
-- First Layout
-- Second Layout

- Custom Slider 
- Inscrie-te page
- Registration Form Styling
- Account Benefits Custom Pattern
- Contact Page Form
- Custom Login Page
- Premium Example Page
- FAQ Module
- Tickbox area (Homepage)
- Single Blog Page
- User Report Button and Form
- Blog Archive
- Single Post Template
- BuddyPress Pages
- Messaging Dashboard
- Social Media Login Icons
- Favourite Side Icon
*/






/* Backend Styling Start  */

#footer[role="contentinfo"] {
  display: none !important;
}

.acf-block-preview .slider-area .owl-carousel{
  display: -webkit-inline-box;
  flex-wrap: nowrap;
  overflow: scroll;
}

.editor-styles-wrapper .slider-area .item img{
  max-width: 200px;
}

html {
  scroll-behavior: smooth;
}

#cookie-notice .cn-button:not(.cn-button-custom){
  color: var(--blue) !important;
}
/* Backend Styling End  */


/* Globals Start  */

:root {
  --orange: #e88d67;
  --lime: #f3f7ec;
  --turqoise: #006989;
  --blue: #005c78;
  --greyBlue: #5d6570;
  --yellow: #f5f08c;
  --ashGray: #95B2B2;
  --paleGreen : #B1C5A4;
}
 
.container {
  max-width: 1600px;
  width: 100%;
  margin: auto !important;
}
.container-small{
  max-width: 1000px;
  width: 100%;
  margin: auto !important;
}

.is-layout-constrained > *,
.is-layout-flow > *,
:where(.wp-site-blocks) > * {
  margin-block-start: 0px !important;
}
.max-width-900 {
  max-width: 900px !important;
  margin: auto !important;
}
.max-width-800 {
  max-width: 800px !important;
  margin: auto !important;
}
.max-width-700 {
  max-width: 700px !important;
  margin: auto !important;
}
.max-width-600 {
  max-width: 600px;
}
.max-width-500 {
  max-width: 500px;
}
.max-width-450 {
  max-width: 450px;
}
.max-width-400 {
  max-width: 400px;
}
.max-width-300 {
  max-width: 300px;
  margin: auto;
}
.max-width-700 {
  max-width: 700px !important;
  margin: auto !important;
}
.orange-tick figure {
  display: flex;
  justify-content: right;
}
.orange-tick figure img {
  max-width: 50px !important;
}
.orange-colour {
  color: var(--orange);
}
.border-radius-15{
  border-radius: 15px;
  overflow: hidden;
}

ul.need-tick{
  list-style: none;
}
ul.need-tick li{
  position: relative;
}
ul.need-tick li::before{
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-image: url(/wp-content/themes/rezolva-acum/assets/images/green-tick.png);
  left: -23px;
  top: 3px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.archive.author hr,
.archive.author #header{
  display: none !important;
}

.acf-field-66ec3923838c1 .acf-label.acf-accordion-title{
  height: 100px;
  position: relative;
  margin-bottom: 40px;
}
.acf-field-66ec3923838c1 label[for="acf-field_66ec3923838c1"]{
  height: 100%;
}
.acf-field-66ec3923838c1 .description{
  position: absolute;
  top: 40px;
  left: 20px;
  right: 20px;
  color: var(--blue);
}
.acf-field-6729f62501e3a .description{
  color: #e88d67 !important;
  font-weight: 700;
}
.btn-green a,
.btn-orange a{
  transition: 0.3s;
}
.btn-green a:focus,
.btn-orange a:focus{
  outline: unset !important;
}
.btn-orange a{
  border: 1px solid var(--orange);
}
.btn-green a{
  border: 1px solid var(--paleGreen);
}
.btn-orange a:hover{
  background-color: transparent !important;
  color: var(--orange) !important;
  transition: 0.3s;
}
.btn-green a:hover{
  background-color: transparent !important;
  color: var(--paleGreen) !important;
  transition: 0.3s;
}
.btn-green a:hover{
  background-color: transparent !important;
}
.login .language-switcher{
  display: none;
}

#terms-and-conditions li{
  margin-bottom: 20px;
}
#terms-and-conditions p{
  margin-bottom: 10px;
}

#cookie-notice .cn-button:not(.cn-button-custom){
  color: var(--blue) !important;
}
div.gform_confirmation_wrapper{
  min-height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: var(--blue);
}
.centered{
  margin: auto !important;
}
.join-btn a{
  transition: 0.3s;
}
.join-btn:hover a{
  background-color: var(--blue) !important;
  color: #fff !important;
  transition: 0.3s;
}
.wp-block-button:hover{
  cursor: pointer;
}

#ajax-menu .heart-button{
  top: 5px;
  left: 5px;
}
h1,h2,h3{
  font-weight: 400 !important;
}
@media screen and (max-width: 781px){
  .inverted .second-item{
    order: 2;
  }
  .guide-module .wp-block-group .wp-block-columns .wp-block-column:first-child{
    margin-bottom: 20px;
    /* border-bottom: 1px solid var(--ashGray); */
  }
  .guide-module .wp-block-group .wp-block-columns .wp-block-column:last-child{
    margin-bottom: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid var(--ashGray);
  }
  .guide-module .wp-block-group .wp-block-columns:last-child .wp-block-column:last-child{
    border-bottom: unset;
  }
  .guide-module .wp-block-group .wp-block-columns .wp-block-column:first-child{
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 550px){
  ul.need-tick{
    padding-left: 30px !important;
  }
}



/* list items colours start */
ul li a:focus-visible,
ul li a:focus{
  outline: unset !important;
}
.orange-colour a{
  color: var(--orange);
}
.green-colour a{
  color: var(--paleGreen);
}
/* list items colours end */







/* Globals End  */





/* - Login Banner Start  */
.contractor-login-area .wp-block-button{
  display: flex;
  justify-content: right;
}
.contractor-login-area a{
  max-width: 200px;
}

/* - Login Banner End  */




/* Header Start  */

.header-area .container {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.header-area .logo-area {
  max-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 20px;
  top: -63px;
  z-index: 999;
  border-radius: 50%;
}
.header-area .header-top .menu-outer li:focus,
.header-area .header-top .menu-outer li:focus-visible,
.header-area .header-top .menu-outer li a:focus,
.header-area .header-top .menu-outer li a:focus-visible,
.header-area .logo-area img:focus,
.header-area .logo-area img:focus-visible,
.header-area .logo-area:focus,
.header-area .logo-area:focus-visible {
  outline: unset !important;
}
.header-area .logo-area img {
  max-width: 100%;
  height: auto;
}
.header-area .header-top,
.header-area .header-bottom {
  display: flex;
  flex-basis: 100%;
  flex-wrap: wrap;
}
.header-area .header-top {
  justify-content: right;
  background-color: #efefef;
}
.header-area .header-bottom {
  justify-content: center;
  /* background-color: var(--ashGray); */
  padding: 50px 0px;
  min-height: 400px;
  align-items: center;
  
}

/* gredient here */
.gradient-background {
  background: linear-gradient(108deg,#e88d67,#95b2b2,#b1c5a4);
  background-size: 180% 180%;
  animation: gradient-animation 6s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}




/* Keyframe animations for premium users */

.premium.gradient-shadow-method2 {
  /* width: 200px;
  height: 120px; */
  background: #2a2a2a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  animation: shadow-gradient-animation 6s ease infinite;
}


@keyframes gradient-animation {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}



@keyframes shadow-gradient-animation {
  0% {
      box-shadow: 
          0 0 30px #e88d67,
          0 0 60px rgba(232, 141, 103, 0.4);
  }
  33% {
      box-shadow: 
          0 0 30px #95b2b2,
          0 0 60px rgba(149, 178, 178, 0.4);
  }
  66% {
      box-shadow: 
          0 0 30px #b1c5a4,
          0 0 60px rgba(177, 197, 164, 0.4);
  }
  100% {
      box-shadow: 
          0 0 30px #e88d67,
          0 0 60px rgba(232, 141, 103, 0.4);
  }
}






.header-area .header-top .menu-outer {
  list-style: none;
  display: flex;
  flex-basis: 100%;
  justify-content: right;
}
.header-area .header-top .menu-outer li {
  padding: 3px 10px;
  position: relative;
}
.header-area .header-top .menu-outer li::after {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  right: 0px;
  top: 7px;
  background-color: var(--ashGray);
}
.header-area .header-top .menu-outer li:last-child:after {
  content: none;
}
.header-area .header-top .menu-outer li a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  color: var(--turqoise);
  transition: 0.3s;
}
.header-area .header-top .menu-outer li a:hover {
  color: var(--ashGray);
  transition: 0.3s;
}
.header-area .close-icon {
  display: none;
}
.header-area .hamburger-icon {
  display: none;
}

.header-area #ajax-search-container {
  max-width: 950px;
  width: 100%;
  padding: 0px 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.header-area #ajax-search-container .search-area input {
  width: 100%;
  height: 70px;
  outline: none;
  border: 1px solid var(--turqoise);
  border-radius: 0px 20px 20px 0px;
  transition: 0.3s;
  background-color: var(--lime);
  padding: 0px 10px;
  font-size: 24px;
  color: var(--blue);
}
.header-area #ajax-search-container input {
  accent-color: var(--orange);
  width: 40px;
  height: 40px;
  border-radius: 12px;
}
.header-area #ajax-search-container input:focus,
.header-area #ajax-search-container input:focus-visible {
  /* -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  transition: 0.3s; */
}

.header-area #ajax-search-container .no-terms-found {
  color: #fff;
  text-align: center;
}
.header-area #ajax-search-results {
  max-width: 100%;
}
.header-area #ajax-search-results .search-result-item {
  display: flex;
  flex-wrap: nowrap;
  padding: 5px 10px;
  margin-bottom: 5px;
  border-radius: 3px;
  background-color: var(--lime);
}
.header-area
  #ajax-search-results
  .search-result-item
  .search-result-thumbnail
  img {
  max-width: 50px;
}
.has-global-padding > .alignfull {
  margin-left: 0px;
  margin-right: 0px;
}
.has-global-padding {
  padding-left: 0px;
  padding-right: 0px;
}
.page-id-145 .no-result {
  color: var(--blue);
}
.no-result {
  color: var(--blue);
  margin: auto;
  font-weight: 600;
  font-size: 18px;
  padding: 30px 0px;
  text-align: center;
}
.page-id-145 #ajax-search-results{
  width: 100%;
}
#see-more-results,
#see-all-results{
  width: 100%;
  height: 70px;
  margin-top: 10px;
  border-radius: 5px;
  outline: unset;
  border: unset;
  border: 1px solid var(--blue);
  background: var(--blue);
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  transition: 0.3s;
  font-size: 20px;
  border-radius: 20px;
}
#see-more-results:hover,
#see-all-results:hover{
  cursor: pointer;
  background-color: var(--turqoise);
  transition: 0.3s;
}
.page-id-145 .contact-area{
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 20px;
}
.page-id-145 .contact-area a{
  width: 30px;
  height: 30px;
  display: flex;
  transition: 0.3s;
}
.page-id-145 .contact-area a:hover{
  transform: scale(1.1);
  transition: 0.3s;
}
.page-id-145 .contact-area .phone-icon{
  background-image: url(/wp-content/themes/rezolva-acum/assets/images/phoneiconblue.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-id-145 .contact-area .email-icon{
  background-image: url("/wp-content/themes/rezolva-acum/assets/images/emailiconblue.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1000px){
  .page-id-145 .has-emergency-mode{
    z-index: 123;
  }
}
@media screen and (max-width: 800px) {
  .header-area .header-top .menu-outer {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 200%;
    right: 0px;
    background: var(--turqoise);
    z-index: 123;
    display: block;
    padding-top: 50px;
    z-index: 1000;
    transition: 0.2s;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .header-area .header-top .menu-outer li {
    text-align: right;
    padding: 5px 20px;
  }
  .header-top-inner.container {
    height: 50px;
  }
  .header-area .header-top .menu-outer li a {
    color: #fff;
  }
  .header-area .close-icon {
    display: block;
    text-align: right;
    padding-right: 30px;
    margin-bottom: 10px;
    font-size: 36px;
    color: var(--ashGray);
  }
  .header-area .hamburger-icon {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 5%;
    top: 10px;
    background-image: url("/wp-content/themes/rezolva-acum/assets/images/hamburger-icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .header-area .header-top .menu-outer.active {
    left: 20%;
    transition: 0.3s;
  }
  .header-area .logo-area {
    top: -60px;
    max-width: 90px;
    left: 20px;
  }
  .header-area .header-top .menu-outer li::after {
    content: none;
  }
}

@media screen and (max-width: 781px) {
  .mobile-height-300 img {
    height: 300px !important;
    width: auto !important  ;
  }

}

@media screen and (max-width: 500px){
  .page-id-145 .search-result .contractor-name{
    font-size: 14px;
  }
  .page-id-145 .contractor-img-area{
    margin-top: -70px;
    max-width: 100px;
    max-height: 100px;
  }
  .page-id-145 .search-result{
    margin-bottom: 50px;
  }
}
/* Header End */  

/* Seearch Box Start  */

#ajax-search-container .search-result .contractor-img-area {
  max-width: 100px;
  width: 100%;
  height: 100px;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-basis: 20%;
  border: 1px solid var(--turqoise);
  border-radius: 50%;
  overflow: hidden;
}
#ajax-search-container .search-result .contractor-img-area .contractor-img {
  max-width: 100%;
 
}
#ajax-search-container .search-result {
  border: 1px solid var(--turqoise);
  padding: 10px 0px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}
#ajax-search-container .search-result .contractor-name {
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  /* display: flex; */
  flex-basis: 100%;
}
.page-id-145 #ajax-search-container .search-result .contractor-name{
  margin-bottom: 10px;
}
#ajax-search-container .search-result .work-city {
  color: #fff;
  margin-bottom: 5px;
  display: flex;
  flex-basis: 100%;
}
#ajax-search-container .search-result .serviciu {
  color: #fff;
  border: 1px solid;
  padding: 2px 5px;
  margin-right: 10px;
  font-size: 14px;
  border-radius: 3px;
  text-decoration: none;
}
#ajax-search-container .search-result .serviciu:hover {
  cursor: pointer;
  background-color: var(--turqoise);
  transition: 0.3s;
}
#ajax-search-container .search-result .details-area {
  flex-basis: 80%;
}
#ajax-search-container .search-result .details-area .work-categories{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#ajax-search-container .search-result .details-area .work-categories h4{
  flex-basis: 100%;
  margin-bottom: 5px;
  font-size: 16px;
}
#ajax-search-container .search-result .serviciu{
  margin-bottom: 5px;
}
#ajax-search-container .search-result .contact-area {
  flex-basis: 20%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: right;
}
.contractor-search-results .search-result .contact-area .email-icon,
#ajax-search-container .search-result .contact-area .email-icon {
  background-image: url("/wp-content/themes/rezolva-acum/assets/images/emailiconblue.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contractor-search-results .search-result .contact-area .phone-icon,
#ajax-search-container .search-result .contact-area .phone-icon {
  background-image: url("/wp-content/themes/rezolva-acum/assets/images/phoneiconblue.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#ajax-search-container .search-result .contact-area .email-icon:hover,
#ajax-search-container .search-result .contact-area .phone-icon:hover {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(229deg)
    brightness(105%) contrast(101%);
  cursor: pointer;
}

#ajax-search-container .search-result .domenii-de-activitate {
  margin: unset;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
#ajax-search-container #counties {
  height: 72px;
  border-radius: 20px 0px 0px 20px;
  padding: 0px 10px;
  background-color: var(--lime);
  font-size: 24px;
  color: var(--blue);
  width: 100%;
}
#ajax-search-container #counties:focus,
#ajax-search-container #counties:focus-visible {
  outline: none;
}

#ajax-search-container #counties option:first-child {
  opacity: 0.5;
  color: red;
}
#ajax-search-container .search-area {
  position: relative;
  max-width: 100%;
  display: flex;
  flex-basis: 70%;
}
#ajax-search-container .search-area::after{
  content: '';
  width: 90px;
  height: 80%;
  position: absolute;
  right: 10px;
  top: 10px;
  bottom: 0px;
  z-index: 1;
  background: linear-gradient(96deg, rgba(77, 171, 243, 1) 0%, rgba(243, 247, 236, 0) 0%, rgba(243, 247, 236, 0.63) 14%, rgba(243, 247, 236, 0.98) 43%, rgba(243, 247, 236, 1) 100%);
}
#ajax-search-container #counties{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  /* Remove default arrow */
  /* background-image: url(...); */
  /* Add custom arrow */
}
#ajax-search-container .filtering-area{
  position: relative;
}
#ajax-search-container .filtering-area::after{
  content: '';
  width: 50px;
  height: 50px;
  position: absolute;
  right: 20px;
  background-image: url('/wp-content/themes/rezolva-acum/assets/images/chevronorange.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: 0.3s;
}
#ajax-search-container .filtering-area:hover::after{
  transform: scale(1.1);
  transition: 0.3s;
}
/* clear search here */
#ajax-search-container .search-area .clear-search {
  position: absolute;
  right: 20px;
  width: 30px;
  height: 30px;
  background-image: url(/wp-content/themes/rezolva-acum/assets/images/clear-input.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
  top: 20px;
  filter: invert(57%) sepia(67%) saturate(388%) hue-rotate(331deg) brightness(100%) contrast(83%);
  z-index: 2;
}
#ajax-search-container .search-area .clear-search:hover {
  cursor: pointer;
  transform: scale(1.1);
  /* transform: rotate(180deg); */
  transition: 0.3s;
}

#ajax-search-container .filtering-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-basis: 30%;
}
input.em-value {
  background-color: unset;
  border-radius: 50px;
  max-width: 70px;
  margin: unset;
}

input[type="checkbox"] {
  /* appearance: none; */
  width: 30px;
  height: 30px;
  border-radius: 40px;
  position: relative;
  outline: 0;
  cursor: pointer;
}
input.em-value::after {
  left: calc(100% - 65px) !important;
  transition: 0.3s !important;
}
input.em-value.active::after {
  left: calc(100% - 35px) !important;
  transition: 0.3s !important;
}
input[type="checkbox"]:after {
  /* position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background: var(--yellow);
  border: 1px solid var(--ashGray);
  border-radius: 4px;
  top: 50%;
  left: 2px;
  transform: translateY(-50%);
  transition: all 0.35s; */
}
input[type="checkbox"].em-value.active:after {
  background: var(--ashGray);
}
input[type="checkbox"]:checked:before {
  transform: scale(1);
}

input[type="checkbox"]:checked:after {
  left: calc(100% - 37px);
}
#ajax-search-container .em-value-label {
  color: #fff;
  line-height: 1;
  text-align: center;
  height: 40px;
  margin-right: 20px;
  right: 60px;
  top: 0px;
  font-size: 19px;
  display: flex;
  align-items: center;
}
#ajax-search-container .em-area {
  width: 100%;
  display: flex;
  justify-content: right;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 20px 0px;
}
.filtering-area select option {
  background-color: #fff; /* Background color of each option */
  padding: 5px; /* Padding inside each option */
  font-size: 16px; /* Font size */
}
.contractor-search-results.active .search-result.false,
#ajax-search-results.active .search-result.false,
#ajax-search-container.active .search-result.false {
  display: none !important;
}
#ajax-search-container .search-result .details-outer {
  flex-basis: 80%;
  display: flex;
}
#load-more-results {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  outline: none;
  background-color: var(--turqoise);
  border: 1px solid var(--blue);
  color: #fff;
  border: var(--blue);
  transition: 0.3s;
  display: block;
  margin-top: 10px;
}
.page-id-145 #load-more-results {
  /* display: block !important; */
  max-width: 500px;
}
#load-more-results a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#ajax-search-container .search-result .contractor-name:focus,
#ajax-search-container .search-result .contractor-name:focus-visible,
#load-more-results a:focus,
#load-more-results a:focus-visible {
  outline: none;
}
#load-more-results:hover {
  background-color: var(--blue);
  transition: 0.3s;
  cursor: pointer;
}
#ajax-search-container .search-result:last-child {
  margin-bottom: 20px;
}
#ajax-search-container .search-result:nth-child(n + 4) {
  display: none !important;
}
#ajax-search-container .search-result:nth-child(3) {
  /* border-bottom: none !important; */
}
.search-results
  .contractor-search-results
  .search-result
  .details-area
  .serviciu:hover,
.search-results
  .contractor-search-results
  #ajax-search-results
  .search-result
  .details-area
  .serviciu:hover {
  cursor: pointer;
  background-color: var(--turqoise);
  color: #fff;
  transition: 0.3s;
}
.search-results
  .contractor-search-results
  .search-result
  .details-area
  .serviciu,
.search-results
  .contractor-search-results
  #ajax-search-results
  .search-result
  .details-area
  .serviciu {
  transition: 0.3s;
}
.page-id-145 .work-city {
  color: var(--blue);
  font-weight: 600;
  display: flex;
  text-align: center;
  justify-content: center;
}

.page-id-145 #category-list-container{
  flex-basis: 20%;
  padding: 0px 10px;
}
.details-area .contractor-name{
  margin: unset;
}
#ajax-search-results .loading{
  color: #fff;
  text-align: center;
  padding: 30px 0px;
}
span.name{
  text-transform: capitalize;
  flex-basis: 100%;
  display: flex;
  text-decoration: none;
}
.page-id-145 span.name{
  justify-content: center;
}
.search-results-banner{
  color: var(--blue);
  text-align: center;
  border-bottom: 1px solid var(--ashGray);
}
.page-id-145 .work-categories .serviciu{
  padding: 3px 4px;
  border: 1px solid var(--ashGray);
  margin-right: 10px;
  border-radius: 3px;
  font-size: 12px;
  color: var(--blue);
  min-width: 30px;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  margin-bottom: 10px;
  transition: 0.3s;
}
.page-id-145 .work-categories .serviciu:hover{
  color: #fff;
  background-color: var(--blue);
  cursor: pointer;
  transition: 0.3s;
}
.page-id-145 .search-result .contractor-name{
  text-decoration: none;
}

.main-heading{
  color: var(--blue);
  max-width: 500px;
  text-align: center;
  margin-bottom: 60px;
  font-size: 50px;
  flex-basis: 100%;
  display: flex;
  min-width: 100%;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 1000px){
  #ajax-search-results .has-emergency-mode.active .em-msg::after{
    right: 12px;
    border-radius: 10px 10px 0px 10px;
  }
  .page-id-145 .search-results{
    padding-top: 20px;
  }
  .page-id-145 .categories-area{
    flex-basis: 100%;
  }
  .page-id-145 #search-results-container{
    padding-top: 100px;
    flex-basis: 100%;
    justify-content: center;
  }
  .page-id-145 .categories-area h3{
    margin: auto;
    display: flex;
    min-width: 100%;
  }
  .main-heading{
    font-size: 32px;
  }
  #ajax-search-container .filtering-area,
  #ajax-search-container .search-area{
    flex-basis: 100%;
  }
  #ajax-search-container #counties{
    border-radius: 20px 20px 0px 0px;
  }
  .header-area #ajax-search-container .search-area input{
    border-radius: 0px 0px 20px 20px;
  }
  #ajax-search-container .search-area{
    margin-bottom: 20px;
  }
  #ajax-search-container .search-area .clear-search{
    width: 25px;
    height: 25px;
    top: 22px;
  }
  #ajax-search-container .filtering-area::after{
    width: 40px;
    height: 40px;
    right: 15px;
  }
}
@media screen and (max-width: 650px) {
  #ajax-search-container .search-result .details-outer{
    flex-wrap: wrap;
  }
  #ajax-search-container .search-result .contact-area{
    padding: unset;
  }
  #ajax-search-container .search-result .contractor-img-area{
    order: 2;
    margin-right: unset;
    max-width: 70px;
    height: 70px;
    margin-top: 0px;
    margin-right: 10px !important;
  }
  #ajax-search-container .search-result{
    align-items: unset;
    position: relative;
    min-height: 190px;
  }
  #ajax-search-container .search-result .contact-area {
    padding: unset;
    position: absolute;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    top: 80px;
    max-width: 70px;
    justify-content: center;
  }
  .contractor-search-results .search-result .contact-area .phone-icon, 
  #ajax-search-container .search-result .contact-area .phone-icon{
    flex-basis: 100%;
    max-width: 50px;
  }
  #ajax-search-container .search-result .details-area{
    flex-basis: 100%;
    padding: 20px;
    display: flex;
  }
  .has-emergency-mode{
    top: unset;
    /* bottom: unset !important; */
    right: 60px;
  }
  .page-id-145 .search-result{
    flex-basis: 45% !important;
  }
  #ajax-search-container .em-area,
  #ajax-search-container #counties{
    width: 100%;
  }
  #ajax-search-container .filtering-area{
    flex-wrap: wrap;
  }
  #ajax-search-container .em-area{
    order: 1;
    max-width: unset;
    margin-bottom: 30px;
  }
  #ajax-search-container #counties{
    order: 2;
  }
}

/* Search Box End  */

/* Search Results Start  */

.search-results {
  max-width: 1600px;
  width: 100%;
  padding: 90px 0px 50px;
  margin: auto;
}
.search-results .contractor-search-results,
.search-results .contractor-search-results #ajax-search-results {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.search-results .contractor-search-results .search-result,
.search-results .contractor-search-results #ajax-search-results .search-result {
  flex-basis: 32%;
  max-width: 32%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 1px solid var(--turqoise);
  border-radius: 15px;
  margin-bottom: 70px;
  padding: 70px 0px 10px;
}
.search-results .contractor-search-results .search-result {
  align-items: center;
  position: relative;
}
.search-results .contractor-search-results .search-result .details-outer {
  flex-basis: 95%;
}

.search-results .contractor-search-results .search-result .contractor-img-area {
  width: 110px;
  height: 110px;
  border: 1px solid var(--turqoise);
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: -50px;
  background-color: #fff;
}
.search-result .contractor-img-area:focus-visible,
.search-result .contractor-img-area:focus {
  outline: none;
}
.contractor-search-results .search-result .contact-area {
  display: flex;
  justify-content: center;
}
/* .search-results .contractor-search-results #ajax-search-results .search-result .contractor-img-area{
    flex-basis: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    max-height: 120px;
    height: 100%;
} */
.contractor-search-results .search-result .contact-area .email-icon,
.contractor-search-results .search-result .contact-area .phone-icon {
  width: 60px;
  height: 60px;
}
.search-results
  .contractor-search-results
  .search-result
  .details-area
  .contractor-name,
.contractor-search-results .search-result .contact-area .email-icon:focus,
.contractor-search-results .search-result .contact-area .phone-icon:focus,
.contractor-search-results
  .search-result
  .contact-area
  .email-icon:focus-visible,
.contractor-search-results
  .search-result
  .contact-area
  .phone-icon:focus-visible {
  outline: none;
}
.search-results
  .contractor-search-results
  .search-result
  .contractor-img-area
  img {
  max-height: 130px;
  max-width: 130px;
  width: auto;
  height: 100%;
  background-color: #fff;
}
.search-results
  .contractor-search-results
  #ajax-search-results
  .search-result
  .contractor-img-area
  img {
  height: 100%;
  background-color: #fff;
}
.search-results .contractor-search-results .search-result .details-area,
.search-results
  .contractor-search-results
  #ajax-search-results
  .search-result
  .details-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.search-results
  .contractor-search-results
  .search-result
  .details-area
  .contractor-name,
.search-results
  .contractor-search-results
  #ajax-search-results
  .search-result
  .details-area
  .contractor-name {
  color: var(--turqoise);
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  flex-basis: 100%;
  justify-content: center;
  text-align: center;
  display: flex;
  text-transform: capitalize;
}
.search-results
  .contractor-search-results
  .search-result
  .details-area
  .domenii-de-activitate,
.search-results
  .contractor-search-results
  #ajax-search-results
  .search-result
  .details-area
  .domenii-de-activitate {
  margin: unset;
  margin-bottom: 10px;
  color: var(--ashGray);
  flex-basis: 100%;
  text-align: center;
}
.page-id-145 .domenii-de-activitate {
  font-size: 20px;
}
.search-results .contractor-search-results {
  padding: 0px 20px;
  justify-content: center;
  position: relative;
}
.search-results
  .contractor-search-results
  .search-result
  .details-area
  .work-categories,
.search-results
  .contractor-search-results
  #ajax-search-results
  .search-result
  .details-area
  .work-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.search-results
  .contractor-search-results
  .search-result
  .details-area
  .serviciu,
.search-results
  .contractor-search-results
  #ajax-search-results
  .search-result
  .details-area
  .serviciu {
  display: flex;
  text-align: center;
  border: 1px solid var(--ashGray);
  padding: 0px 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  color: var(--ashGray);
  text-decoration: none;
  border-radius: 5px;
}
.search-result {
  position: relative;
}

.search-result.false .has-emergency-mode {
  display: none;
}
.has-emergency-mode {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #f5f08c;
  border: 1px solid var(--turqoise);
  border-radius: 50%;
  right: 10px;
  bottom: 10px;
}
.has-emergency-mode .em-msg {
  position: relative;
}
.user-profile-header .em-msg::after,
.has-emergency-mode.active .em-msg::after {
  content: "Available for emergency call-outs anytime!";
  width: 180px;
  display: flex;
  height: auto;
  background-color: #fff;
  padding: 10px;
  position: absolute;
  top: -43px;
  right: -192px;
  border-radius: 10px 10px 10px 0px;
  color: var(--turqoise);
  line-height: 1;
  text-align: center;
  font-size: 12px;
}
.page-id-145 .has-emergency-mode.active .em-msg::after {
  z-index: 10;
  right: 10px;
  top: -45px;
  border: 1px solid;
  border-radius: 10px 10px 0px 10px;
}
.user-profile-header.basic .user-subtitle{
  padding-left: 0px;
  max-width: 700px;
}




/* Heart button styling */
.heart-button {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 16px;
  cursor: pointer;
  color: #ccc;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  z-index: 2;
}

.heart-button:hover {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 1);
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.heart-button.hearted {
  color: #e74c3c;
  background: rgba(255, 255, 255, 1);
}

.heart-button.hearted:hover {
  color: #c0392b;
}




@media screen and (max-width: 1100px) {
  .user-profile-header.basic .user-subtitle{
    max-width: 500px;
  }
}
@media screen and (max-width: 1000px) {
  .search-results .contractor-search-results .search-result {
    flex-basis: 48% !important;
    max-width: 48% !important;
    max-width: unset;
    position: relative;
    padding-top: 50px;
    margin-bottom: 70px;
  }
  .search-results .contractor-search-results {
    justify-content: space-around;
  }
  .search-results .contractor-search-results .search-result .details-outer {
    flex-basis: 100%;
  }
  .search-results
    .contractor-search-results
    .search-result
    .contractor-img-area {
    width: 110px !important;
    height: 110px !important;
    display: flex !important;
    top: -50px !important;
    position: absolute !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 1px solid var(--ashGray) !important;
    background-color: #fff !important;
  }
  .search-results
    .contractor-search-results
    .search-result
    .contractor-img-area
    img {
    display: flex;
    height: 90%;
    width: auto;
    margin: auto;
  }
  .search-results {
    padding-top: 90px;
  }
  .search-results
    .contractor-search-results
    #ajax-search-results
    .search-result
    .details-area
    .serviciu {
    font-size: 14px;
  }
  #ajax-search-container .search-result .serviciu {
    margin-bottom: 5px;
  }
  .search-results .contractor-search-results .search-result .contractor-img-area{
    width: 80px !important;
    height: 80px !important;
  }
  .page-id-145 #category-list-container{
    flex-basis: 100%;
    padding: 0px 10px;
    margin-bottom: 50px;
  }
  .page-id-145 .search-results{
    flex-wrap: wrap;
  }

}
@media screen and (max-width: 750px){
  .page-id-145 .search-results{
    flex-wrap: wrap;
    padding-top: 40px;
  }
 
  .user-profile-header.basic .user-subtitle{
    max-width: 400px;
  }
  .page-id-145 .search-result:nth-child(odd) .has-emergency-mode.active .em-msg::after{
    left: 10px;
  }
}
@media screen and (max-width: 700px) {
  .search-results
    .contractor-search-results
    .search-result
    .contractor-img-area {
    width: 60px;
    height: 60px;
    top: -30px;
  }
  .search-results .contractor-search-results {
    padding-top: 40px;
    margin-bottom: 50px;
  }
  .search-results {
    padding-top: 20px;
  }
  #ajax-search-container .search-result .domenii-de-activitate {
    flex-basis: 100%;
  }
  #ajax-search-container .work-categories {
    display: flex;
    flex-wrap: wrap;
  }
  .search-results .contractor-search-results #ajax-search-results .search-result .details-area .serviciu{
    font-size: 12px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .page-id-145 .contractor-search-results .search-result .contact-area .email-icon, 
  .page-id-145 .contractor-search-results .search-result .contact-area .phone-icon{
    width: 40px;
    height: 40px;
  }
  .user-profile-header.basic .user-subtitle{
    max-width: 300px;
  }
}

@media screen and (max-width: 600px) {
  .user-profile-header.basic .user-subtitle{
    max-width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .search-results .contractor-search-results{
    flex-basis: 100% !important;
    padding: 0px 10px;
  }
  .search-results .contractor-search-results .search-result {
    flex-basis: 48% !important;
    padding-top: 50px !important;
    max-width: unset !important;
    margin-bottom: 50px !important;
  }
  .search-results .contractor-search-results .search-result .contractor-img-area {
    width: 70px !important;
    height: 70px !important;
    top: -40px !important;
  }
  .search-results .contractor-search-results #ajax-search-results .search-result .details-area .contractor-name{
    font-size: 16px;
  }
  .page-id-145 .work-city{
    font-size: 14px;
  }
  .page-id-145 .domenii-de-activitate{
    font-size: 14px;
  }
  
  .page-id-145 .contractor-search-results .search-result .contact-area{
    padding: 10px 10px;
  }
  .page-id-145 .search-results .contractor-search-results #ajax-search-results .search-result{
    position: relative;
  }

}

/* Search Results Start  End  */

/* - Single User Template Start  */

.author .top-banner {
  display: flex;
  flex-wrap: nowrap;
  padding: 50px 20px 20px 20px;
  border-bottom: 2px solid var(--blue);
  position: relative;
}
.author .user-site-logo {
  max-width: 150px;
}
.author .user-header-content {
  display: block;
  align-self: center;
}
.author .user-title {
  color: var(--turqoise);
  font-size: 50px;
  flex-basis: 100%;
  margin-bottom: 0px;
  margin-top: 0px;
}
.author .user-subtitle {
  color: var(--greyBlue);
  padding: 0px 30px;
  margin: unset;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 200;
}
.author .single-user-profile-pic {
  width: 150px;
  height: 150px;
  border: 3px solid var(--turqoise);
  border-radius: 50%;
  display: flex;
}
.author .basic .single-user-profile-pic{
  width: 150px;
}
.author .single-user-profile-pic.basic{
  max-width: 150px;
  max-height: 150px;
}
.author .single-user-site-logo-container {
  position: absolute;
  right: 20px;
}
.author .single-user-content {
  padding: 30px 20px;
}
.author .single-user-content .container{
  display: flex;
  justify-content: space-between;
}
.author .single-user-content .single-content-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.author .single-user-content .single-user-heading {
  color: var(--turqoise);
  flex-basis: 100%;
  margin: unset;
  margin-bottom: 20px;
  padding-left: 20px;
}
.author .single-user-content .left-col {
  flex-basis: 25%;
  border: 1px solid var(--turqoise);
  padding: 30px 20px;
  border-radius: 10px;
  height: fit-content;
}
.author h4 {
  margin: unset;
  color: var(--blue);
}
.author .detail-row {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--turqoise);
  padding-bottom: 20px;
}
.author .detail-row:last-child {
  border-bottom: unset;
  padding-bottom: unset;
}
.author .about-detail {
  font-size: 20px;
  color: var(--greyBlue);
}
.author .spec-outer {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--turqoise);
  padding-bottom: 20px;
}
.single-user-content.basic .full-services-desc {
  color: var(--blue);
  font-weight: 400;
  font-size: 16px;
  border-bottom: 1px solid var(--turqoise);
  margin-bottom: 20px;
}
.single-user-content.basic .full-services-desc h1,
.single-user-content.basic .full-services-desc h2,
.single-user-content.basic .full-services-desc h3,
.single-user-content.basic .full-services-desc h4{
  font-size: 20px;
  font-weight: 600;
  color: var(--blue);
}
.single-user-content.basic .working-hours {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--turqoise);
  padding-bottom: 20px;
  position: relative;
}
.single-user-content.basic .working-hours .has-emergency-mode {
  top: 2px;
  left: 178px;
}
.single-user-content.basic .working-hours h4 {
  margin-bottom: 10px;
}
.single-user-content.basic .working-hours .day {
  color: var(--blue);
  font-weight: 400;
  border-bottom: 1px solid var(--ashGray);
  padding-bottom: 5px;
}
.single-user-content.basic .working-hours .day:last-child {
  border-bottom: unset;
}
.author .spec-outer .about-detail {
  padding: 0px 10px;
  border: 1px solid var(--greyBlue);
  margin-right: 10px;
  border-radius: 4px;
  margin-bottom: 5px;
}
.author h4.contact,
.author h4.specs {
  margin-bottom: 10px;
}
.author .detail-row.location .about-detail {
  text-transform: capitalize;
}
.author .detail-row.contact .btn-contact {
  display: flex;
  border: 1px solid var(--greyBlue);
  text-decoration: none;
  padding: 5px 20px;
  border-radius: 5px;
  text-align: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  color: var(--greyBlue);
}
.author .detail-row.contact .btn-contact.whatsapp {
  background-color: #138c7e;
  color: #fff;
}
.author .detail-row.contact .btn-contact.phone {
  background-color: var(--blue);
  color: #fff;
}
.author .detail-row.contact .btn-contact.sms {
  background-color: var(--turqoise);
  color: #fff;
}
.author .detail-row.contact .btn-contact.email {
  background-color: var(--ashGray);
  color: #fff;
}
.author .detail-row.contact .btn-contact {
  transition: 0.3s;
}
.author .detail-row.contact .btn-contact:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 105, 137, 1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 105, 137, 1);
  box-shadow: 0px 0px 5px 0px rgba(0, 105, 137, 1);
  transition: 0.3s;
  cursor: pointer;
}

.author .right-col {
  flex-basis: 65%;
  border: 1px solid var(--turqoise);
  border-radius: 10px;
  padding: 30px 20px;
  display: flex;
  flex-wrap: wrap;
  height: max-content;
}
.author .right-col .about-heading {
  margin: unset;
  margin-bottom: 20px;
  flex-basis: 100%;
}
.author .right-col .portfolio-image {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--turqoise);
  justify-content: space-between;
  align-items: center;
}
.author .right-col .portfolio-image:last-child {
  border-bottom: unset;
  padding-bottom: unset;
  margin-bottom: unset;
}
.author .right-col .portfolio-image .img-desc {
  max-width: 35%;
  /* width: 100%; */
  border-radius: 10px;
  padding: 10px;
  color: var(--turqoise);
}
.author .right-col .porftolio-img-inner {
  max-width: 60%;
  /* width: 100%; */
  border-radius: 10px;
  height: fit-content;
}
.contact-area .btn-contact.share-link .user-url,
.author .left-col .btn-contact.share-link .user-url {
  display: none;
}
.contact-area .btn-contact.share-link,
.author .left-col .btn-contact.share-link {
  background: linear-gradient(to right, green 50%, white 50%);
  background-size: 200% 100%;
  background-position: right;
  transition: background-position 0.4s ease-out; /* Smooth transition */
}
.contact-area .btn-contact.share-link.copied,
.author .left-col .btn-contact.share-link.copied {
  background-position: left;
  color: #fff;
}
.author .left-col .btn-contact.share-link:hover {
  cursor: pointer;
}

.profile-pic {
  max-width: 250px;
}

.user-profile-header.basic .has-emergency-mode {
  top: 70px;
  left: 150px;
}

.author .has-emergency-mode .em-msg {
  display: none;
}
.author .has-emergency-mode .em-msg::after {
  border: 1px solid var(--ashGray);
}
.author .has-emergency-mode.active .em-msg {
  display: flex;
}
.author .contact-area .single-user-site-logo-container{
  position: unset;
}
.user-profile-header.basic .single-user-site-logo-container{
  max-width: 150px;
  display: flex;
}
.user-profile-header.basic .single-user-site-logo-container img{
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 900px) {
  .author .user-title {
    font-size: 30px;
  }
  .author .user-subtitle {
    font-size: 16px;
  }
  .author .single-user-profile-pic {
    width: 90px;
    height: 90px;
  }
  .author .user-site-logo {
    max-width: 100px;
  }
  .author .single-user-site-logo-container {
    top: 45px;
  }
  .author .single-user-content .left-col {
    flex-basis: 100%;
  }
  .author .left-col {
    margin-bottom: 20px;
  }
  .author .right-col {
    flex-basis: 100%;
  }
  .user-profile-header.basic .has-emergency-mode {
    top: 120px;
    left: 97px;
  }
  .user-profile-header.basic .single-user-site-logo-container{
    max-width: 100px;
  }
  .author .basic .single-user-profile-pic{
    width: 90px;
    height: 90px;
  }
}

@media screen and (max-width: 800px){
  .author .detail-row.contact .btn-contact{
    padding: 5px 20px;
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .author .top-banner {
    flex-wrap: wrap;
  }
  .author .user-header-content {
    flex-basis: 100%;
  }
  .author .user-subtitle,
  .author .user-title {
    padding: 0px;
  }
  .author .single-user-site-logo-container {
    right: 15px;
  }
  .author .single-user-profile-pic {
    margin-bottom: 20px;
  }
  .author .right-col .porftolio-img-inner {
    max-width: 100%;
    margin-bottom: 10px;
  }
  .author .right-col .portfolio-image .img-desc {
    max-width: 100%;
  }

}
/* - Single User Template End  */

/* - Contractor Dashboard  Start  */
.contractor-dashboard {
  padding: 50px 10px;
}
.contractor-dashboard .attachments-browser .media-toolbar-primary{
  display: none !important;
}
.contractor-dashboard .profile-img-area p{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
  position: relative;
  padding-left: 10px;
  color: var(--orange);
}
.contractor-dashboard .profile-img-area p .acf-button{
  border: 1px solid var(--blue);
  padding: 5px 20px;
  border-radius: 5px;
  text-decoration: none;
  color: #fff;
  background-color: var(--blue);
  position: absolute;
  bottom: -50px;
  left: 30px;
}
.contractor-dashboard .dashboard-heading {
  padding-bottom: 20px;
  border-bottom: 2px solid var(--blue);
  margin-bottom: 20px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.contractor-dashboard .logo-area:focus,
.contractor-dashboard .logo-area:focus-visible,
.contractor-dashboard .logo-area img:focus,
.contractor-dashboard .logo-area img:focus-visible {
  outline: unset;
}
.contractor-dashboard h1 {
  font-size: 30px;
  color: var(--blue);
  margin: unset;
  text-align: left;
}
.contractor-dashboard h4 {
  margin: unset;
  font-weight: 300;
  color: var(--ashGray);
  text-align: left;
}
.contractor-dashboard .acf-table label,
.contractor-dashboard .acf-field .acf-label label {
  font-weight: 600;
  color: var(--turqoise);
}
.contractor-dashboard .acf-field .acf-label label {
  margin-bottom: -15px;
  padding-bottom: 15px;
}
.contractor-dashboard .acf-field select,
.contractor-dashboard .acf-field input[type="text"] {
  height: 40px;
  border: 1px solid var(--blue);
  border-radius: 4px;
  max-width: 420px;
  color: var(--turqoise);
}
.contractor-dashboard .acf-field-66d439dbe954d img {
  max-width: 200px !important;
  height: 200px !important;
  border-radius: 50%;
  border: 2px solid var(--blue);
}
.contractor-dashboard .acf-table td.acf-field {
  padding: unset;
}
.contractor-dashboard .acf-table textarea {
  border: 1px solid #efefef;
  min-height: 400px;
  color: var(--blue);
}
.contractor-dashboard .acf-table {
  border-radius: 5px;
  border: 1px solid var(--turqoise);
  overflow: hidden;
}
.contractor-dashboard .acf-field input[type="text"]:focus,
.contractor-dashboard .acf-field input[type="text"]:focus-visible,
.contractor-dashboard .acf-field select:focus,
.contractor-dashboard .acf-field select:focus-visible,
.contractor-dashboard .acf-table textarea:focus,
.contractor-dashboard .acf-table textarea:focus-visible {
  outline: unset;
}
.contractor-dashboard .acf-table > thead > tr > th {
  background-color: var(--lime) !important;
}
.contractor-dashboard .acf-fields {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.acf-input .acf-repeater tr:nth-child(even) .acf-row-handle {
  background-color: var(--turqoise);
}
.acf-input .acf-repeater tr:nth-child(odd) .acf-row-handle {
  background-color: #4c9fad;
}
.acf-input .acf-repeater tr .acf-row-handle {
  width: 20px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.acf-input .acf-repeater tr {
  display: flex;
  border-bottom: 2px solid var(--turqoise);
}
.acf-input .acf-repeater tr .acf-field {
  flex-basis: 50%;
}
.contractor-dashboard .acf-fields .acf-field-repeater {
  flex-basis: 100%;
  margin-bottom: 50px;
}
.contractor-dashboard .acf-field-6729f62501e3a{
  margin-bottom: 50px !important;
}

.contractor-dashboard .acf-fields .acf-field-text,
.contractor-dashboard .acf-fields .acf-field-select {
  flex-basis: 50%;
}
.contractor-dashboard .acf-button.acf-repeater-add-row {
  text-decoration: none;
  border: 1px solid var(--turqoise);
  padding: 3px 40px;
  color: var(--turqoise);
  border-radius: 4px;
  font-weight: 400;
  transition: 0.3s;
}
.contractor-dashboard .acf-button.acf-repeater-add-row:hover {
  background-color: var(--turqoise);
  color: #fff;
  transition: 0.3s;
}
.contractor-dashboard .acf-form-submit .acf-button {
  max-width: 300px;
  width: 100%;
  padding: 10px;
  background-color: var(--ashGray);
  border: unset;
  border-radius: 5px;
  color: #fff;
  font-size: 18px;
  margin-left: 20px;
  transition: 0.3s;
}
.contractor-dashboard .acf-form-submit .acf-button:hover {
  background-color: var(--turqoise);
  transition: 0.3s;
  cursor: pointer;
}

.contractor-dashboard .profile-variant {
  display: block;
  justify-content: center;
  flex-wrap: wrap;
}
.contractor-dashboard .acf-field .acf-label {
  flex-basis: 100%;
}
.contractor-dashboard .acf-field-accordion {
  display: flex;
  width: 100%;
  max-width: 98%;
  margin: auto !important;
  margin-bottom: 30px !important;
  flex-wrap: wrap;
}
.contractor-dashboard .acf-field-accordion .acf-field-message {
  flex-basis: 100%;
}
.contractor-dashboard .acf-field-accordion .acf-field-message p {
  color: var(--turqoise);
  font-weight: 600;
  font-size: 16px;
}

label[for="acf-field_66eaf0768e4ae"] {
  background-color: var(--lime);
  padding: 20px !important;
  border-radius: 5px;
  border: 1px solid var(--turqoise);
}
label[for="acf-field_66ed3489965a0"],
label[for="acf-field_66ec3923838c1"],
label[for="acf-field_66eb00751b99d"] {
  background-color: var(--lime);
  padding: 20px !important;
  border-radius: 5px;
  border: 1px solid var(--turqoise);
}
.acf-field.acf-accordion .acf-label.acf-accordion-title {
  padding: unset !important;
}
.contractor-dashboard .acf-field-accordion .acf-accordion-icon::before {
  top: 6px;
  position: absolute;
  right: 20px;
  font-size: 40px;
}
/* .page-template-wp-custom-template-contractor-dashboard .acf-expand-details,
.page-template-wp-custom-template-contractor-dashboard .media-toolbar-secondary,
.page-template-wp-custom-template-contractor-dashboard .media-sidebar,
.page-template-wp-custom-template-contractor-dashboard .spinner,
.page-template-wp-custom-template-contractor-dashboard #menu-item-browse.media-menu-item {
  display: none !important;
} */

.page-template-wp-custom-template-contractor-dashboard .acf-form{
  margin-bottom: 30px;
}
.page-template-wp-custom-template-contractor-dashboard .formular-support h2{
  display: none;
}
.page-template-wp-custom-template-contractor-dashboard .formular-support select{
    height: 50px;
    border: 1px solid var(--blue);
    border-radius: 5px;
    overflow: hidden;
}
.page-template-wp-custom-template-contractor-dashboard .formular-support textarea{
  border: 1px solid var(--blue);
  border-radius: 5px;
  overflow: hidden;
  color: var(--blue);
  padding: 10px;
}
.page-template-wp-custom-template-contractor-dashboard .formular-support select:focus,
.page-template-wp-custom-template-contractor-dashboard .formular-support select:focus-visible,
.page-template-wp-custom-template-contractor-dashboard .formular-support textarea:focus,
.page-template-wp-custom-template-contractor-dashboard .formular-support textarea:focus-visible{
  outline: none;
}
.page-template-wp-custom-template-contractor-dashboard .formular-support_wrapper h2{
  display: none;
}
.page-template-wp-custom-template-contractor-dashboard .formular-support .ginput_container.ginput_container_consent{
  display: flex;
  align-items: center;
}
.page-template-wp-custom-template-contractor-dashboard .formular-support .gform-field-label,
.page-template-wp-custom-template-contractor-dashboard .formular-support label{
  color: var(--blue);
}
.page-template-wp-custom-template-contractor-dashboard .formular-support .ginput_container.ginput_container_consent label{
  margin-left: 20px;
  color: var(--blue);
}
.page-template-wp-custom-template-contractor-dashboard .formular-support .gform_button.button{
  display: flex;
    width: 100%;
    justify-content: center;
    padding: 15px 0px;
    background-color: var(--paleGreen);
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid var(--paleGreen);
    transition: 0.3s;
    border-radius: 5px;
}
.page-template-wp-custom-template-contractor-dashboard .formular-support .gform_button.button:hover{
  background-color: var(--blue);
  transition: 0.3s;
  cursor: pointer;
}

.page-template-wp-custom-template-contractor-dashboard .support-area{
  padding: 30px 20px 50px;
  border-top: 2px solid var(--paleGreen);
  background-color: #efefef;
  background-color: var(--lime);
}

.page-template-wp-custom-template-contractor-dashboard .gform_wrapper{
  display: none;
}
.page-template-wp-custom-template-contractor-dashboard .btn-support{
  padding: 8px 30px;
  max-width: 240px;
  border: 1px solid var(--paleGreen);
  background-color: var(--paleGreen);
  color: #fff;
  border-radius: 5px;
  text-align: center;
  transition: 0.3s;
}
.page-template-wp-custom-template-contractor-dashboard .btn-support.active{
  background-color: var(--orange);
  transition: 0.3s;
}
.page-template-wp-custom-template-contractor-dashboard .btn-support:hover{
  background-color: var(--blue);
  transition: 0.3s;
  cursor: pointer;
}

.page-template-wp-custom-template-contractor-dashboard .gform_confirmation_message_1.gform_confirmation_message{
  padding: 50px 0px;
  color: var(--blue);
  font-size: 20px;
  text-align: center;
}
.contractor-dashboard .acf-gallery-main .acf-hl .acf-button {
  text-decoration: none;
  font-size: 17px;
  text-transform: uppercase;
  border: 1px solid var(--turqoise);
  padding: 5px 20px;
  border-radius: 5px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--turqoise);
  color: #fff;
  font-weight: 600;
}
.contractor-dashboard .full-width {
  flex-basis: 100% !important;
}
.contractor-dashboard
  .acf-field-66ec3923838c1
  .acf-input.acf-accordion-content {
  width: 100% !important;
}
.contractor-dashboard #acf-field_66ec3939838c2,
.contractor-dashboard #acf-field_66ec394b838c3,
.contractor-dashboard #acf-field_66f3f27d73e95 {
  max-width: 100%;
  width: 100%;
}
.contractor-dashboard .wp-switch-editor.switch-html {
  display: none;
}
.contractor-dashboard .acf-repeater .acf-row-handle.order {
  color: #fff;
  text-shadow: none;
  font-weight: 600;
  font-size: 26px;
}
.contractor-dashboard .acf-field-wysiwyg .wp-editor-tools {
  display: none;
}
.contractor-dashboard .acf-editor-wrap .wp-editor-container {
  border: 1px solid var(--turqoise);
  box-shadow: none !important;
  border-radius: 5px;
  overflow: hidden;
}
.contractor-dashboard
  .acf-field.acf-accordion
  .acf-input.acf-accordion-content
  > .acf-fields {
  border-top: unset !important;
}
.contractor-dashboard
  .acf-field.acf-accordion
  .acf-input.acf-accordion-content {
  margin-top: 15px;
  border: 1px solid var(--blue);
  border-radius: 0px 0px 5px 5px;
}
.contractor-dashboard .acf-field-66d439dbe954d .acf-label label {
  padding-left: 10px;
}
.page-template-wp-custom-template-contractor-dashboard {
  background-color: #fff;
}
.contractor-dashboard .acf-field-66e486a16aaee {
  border-left: unset !important;
}
.contractor-dashboard
  .acf-field-66ed3489965a0
  label[for="acf-field_66ed3489965a0"] {
  margin-bottom: 20px;
}

.contractor-dashboard .acf-field-66ed3489965a0 .acf-actions {
  display: flex;
}
.contractor-dashboard .acf-field-66decd7165736 .acf-row .acf-field-image {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.contractor-dashboard
  .acf-field-66decd7165736
  .acf-row
  .acf-field-image
  .hide-if-value
  p
  a,
.contractor-dashboard
  .acf-field-66decd7165736
  .acf-row
  .acf-field-image
  .hide-if-value
  p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-basis: 100%;
}
.contractor-dashboard
  .acf-field-66decd7165736
  .acf-row
  .acf-field-image
  .hide-if-value
  p {
  color: var(--turqoise);
  font-size: 16px;
  font-weight: 600;
  padding: 50px 0px;
}
.contractor-dashboard
  .acf-field-66decd7165736
  .acf-row
  .acf-field-image
  .hide-if-value
  p
  a {
  text-decoration: none;
  background-color: var(--turqoise);
  border-radius: 5px;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 10px;
}

.contractor-dashboard .acf-field-66d436a5b8e05{
  width: 100%;
}
.contractor-dashboard .acf-checkbox-list{
  display: flex;
  flex-wrap: wrap;
}
.contractor-dashboard .acf-checkbox-list li{
  flex-basis: 15%;
  margin-bottom: 10px;
  color: var(--blue);
  padding-right: 20px;
}
.acf-field-6729f62501e3a{
  width: 100%;
}
@media screen and (max-width: 1000px){
  .contractor-dashboard .acf-checkbox-list li{
    flex-basis: 20%;
  }
}
@media screen and (max-width: 800px) {
  .acf-input .acf-repeater tr .acf-row-handle {
    width: 100% !important;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eda49f;
  }
  .acf-input .acf-repeater tr:nth-child(odd) .acf-row-handle.remove,
  .acf-input .acf-repeater tr:nth-child(even) .acf-row-handle.remove {
    background-color: #eda49f;
  }
  thead .acf-row-handle {
    display: none !important;
  }
  thead .acf-th {
    display: flex;
    justify-content: center;
  }
  .acf-input .acf-repeater tr .acf-row-handle.remove::after {
    content: "Delete";
    color: #fff;
  }
}
@media screen and (max-width: 700px) {
  .mobile-full {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  .contractor-dashboard .acf-checkbox-list li{
    flex-basis: 25%;
  }
  .contractor-dashboard .logo-area{
    width: 100px;
    display: flex;
    align-items: center;
  }
  .contractor-dashboard .logo-area img{
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  .contractor-dashboard .acf-checkbox-list::before{
    content: none;
  }
  .contractor-dashboard .acf-checkbox-list{
    justify-content: space-between;
  }
  .contractor-dashboard .acf-checkbox-list li{
    flex-basis: 40%;
  }
}

/* - Contractor Dashboard  End  */

/* Inactive User Template Start  */
.inactive-user {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  justify-content: center;
  background-color: var(--lime);
}

.inactive-user .inactive-block {
  max-width: 600px;
  border: 1px solid var(--ashGray);
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  padding: 50px 0px;
  margin: auto;
}
.inactive-user .inactive-block h1 {
  margin: unset;
  color: var(--turqoise);
  margin-bottom: 20px;
}
.inactive-user .inactive-message {
  display: flex;
  flex-basis: 100%;
  text-align: center;
  justify-content: center;
  font-size: 22px;
  color: var(--blue);
  max-width: 300px;
  line-height: 1;
  margin-bottom: 20px;
}
.inactive-user .inactive-btn {
  flex-basis: 100%;
  border: 1px solid var(--ashGray);
  max-width: 400px;
  padding: 10px;
  border-radius: 5px;
  background-color: var(--ashGray);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  transition: 0.3s;
}
.inactive-user .inactive-btn:hover {
  background-color: var(--turqoise);
  transition: 0.3s;
  border-color: var(--turqoise);
}
/* Inactive User Template End  */

/* -- First Layout Start  */
.user-profile-header.basic .user-header-content{
  padding-left: 20px;
}
.user-profile-header.first-layout {
  padding: 0px 10px;
}
.user-profile-header.first-layout .top-banner {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.user-profile-header.first-layout .about-detail {
  font-weight: 600;
  text-transform: capitalize;
  color: Var(--turqoise);
}
.user-profile-header.first-layout .top-banner::before {
  content: "";
  height: 200px;
  width: 2px;
  background-color: var(--blue);
  left: -27px;
  bottom: -5px;
  position: absolute;
  transform: rotate(-15deg);
}
.user-profile-header.first-layout .categorii-de-munca {
  display: flex;
  justify-content: right;
}

.first-layout .bottom-banner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 20px 0px;
}
.first-layout .bottom-banner .work-cats {
  flex-basis: 40%;
}
.user-profile-header.first-layout .user-title {
  text-align: right;
  margin-bottom: 20px;
}
.user-profile-header.first-layout .categorii-de-munca .categorie-principala {
  font-size: 20px;
  padding: 4px 20px;
  border: 2px solid var(--blue);
  border-radius: 5px;
  margin-right: 20px;
  color: var(--blue);
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2;
  display: flex;
  align-items: center;
}
.user-profile-header.first-layout .slogan {
  font-size: 24px;
  font-weight: 600;
  text-align: right;
  color: var(--ashGray);
  max-width: 600px;
}
.first-layout.gallery {
  padding: 20px 10px;
}
.first-layout.gallery .gallery-top {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
  padding-top: 20px;
}
.first-layout.gallery .gallery-top .gallery-inner {
  flex-basis: 65%;
  display: block;
  column-count: 3;
  margin-bottom: 30px;
}
.first-layout.gallery .gallery-top .gallery-description {
  color: var(--blue);
  font-size: 18px;
  max-width: 1000px;
  flex-basis: 30%;
}
.first-layout.gallery .gallery-outer {
  padding-bottom: 50px;
  margin-bottom: 30px;
  border-bottom: 2px solid var(--turqoise);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.first-layout.gallery .gallery-outer.content-mode .gallery-inner{
  flex-basis: 100%;
}

.first-layout.gallery .gallery-outer:last-child {
  border-bottom: unset;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.first-layout.gallery .gallery-heading {
  color: var(--ashGray);
  flex-basis: 100%;
}
.first-layout.gallery .gallery-img {
  display: flex;
  justify-content: center;
  max-width: 100%;
  margin: auto;
  border-radius: 10px;
  margin-bottom: 10px;
}
.first-layout.content {
  background-color: #efefef;
  padding: 50px 10px;
}
.first-layout.content .heading-area {
  display: flex;
  outline: none;
  border-radius: 5px;
  overflow: hidden;
  flex-basis: 100%;
}

.first-layout.content .heading-area h2 {
  color: var(--turqoise);
  position: relative;
  display: flex;
  justify-content: center;
  font-size: 30px;
}
.first-layout.content .heading-area h2::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: var(--ashGray);
  position: absolute;
  bottom: -10px;
}
.first-layout.content .full-services-area h2,
.first-layout.content .full-services-area h3 {
  color: var(--blue);
}
.first-layout.content .full-services-area {
  color: var(--blue);
  font-size: 20px;
  flex-basis: 60%;
  position: relative;
}

.first-layout.content .full-services-area  a{
  color: var(--blue);
}
.first-layout.content .reviews-area {
  flex-basis: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.first-layout.content .reviews-area h3 {
  color: var(--ashGray);
}
.first-layout.content .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.first-layout .about-heading {
  font-size: 30px;
  color: var(--ashGray);
}

.contact-area .container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.contact-area .container .contact {
  flex-basis: 30%;
}
.contact-area .container .working-hours {
  flex-basis: 15%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.contact-area .working-hours {
  flex-basis: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-area .working-days{
  position: relative;
}
.contact-area .working-days .day span {
  font-size: 14px;
  color: var(--blue);
  font-weight: 600;
}
.contact-area .working-hours h4 {
  margin-bottom: 20px;
  flex-basis: 100%;
  text-align: center;
  font-size: 26px;
  padding-right: 30px;
}
.contact-area .working-days .day {
  width: 150px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid;
  margin-bottom: 10px;
  color: var(--ashGray);
  font-size: 14px;
}
.contact-area .working-days .day:last-child{
  border-bottom: unset;
}
.map-area iframe {
  border: unset;
  border-top: 3px solid var(--turqoise);
  border-bottom: 3px solid var(--turqoise);
}
.map-area {
  margin-bottom: 50px;
}
.map-area:focus,
.map-area:focus-visible,
.map-area *:focus,
.map-area *:focus-visible {
  outline: none;
}
.contact-area .detail-row.contact {
  padding: 0px 10px;
}

.first-layout .gallery-outer .video-player-area {
  border: 2px solid var(--turqoise);
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}
.first-layout .gallery-outer.video {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.first-layout .gallery-outer.video .gallery-heading {
  flex-basis: 100%;
}
.first-layout .gallery-outer.video .gallery-inner {
  flex-basis: 50%;
  display: flex;
}
.first-layout .gallery-outer.video .gallery-description {
  flex-basis: 50%;
}
.footer.contact-area{
  background-color: #efefef;
  padding: 50px 0px;
}
.contact-area .logo-area{
  flex-basis: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-area .logo-area img{
  max-width: 150px;
  height: auto;
}
.contact-area .trusted-area{
  flex-basis: 15%;
  display: block;
  text-align: center;
}
.contact-area .trusted-area .trusted-img{
  max-height: 90px;
}
.contact-area .trusted-area .trusted-description{
  font-size: 16px;
  color: var(--blue);
  font-weight: 600;
  line-height: 1.1;
  max-width: 150px;
  margin: auto;
  margin-top: -12px;
}
.first-layout .user-visuals{
  position: relative;
  max-width: 150px;
  max-height: 150px;
}
.first-layout .has-emergency-mode{
  bottom: 10px;
}
.first-layout h2{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: right;
}
.first-layout h2 .trusted-img{
  width: 80px;
}
.first-layout h2{
  position: relative;
}
.first-layout h2 .trusted-label{
  position: absolute;
  background: #fff;
  font-size: 14px;
  max-width: 200px;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 30px;
  border-radius: 10px 0px 10px 10px;
  border: 1px solid var(--ashGray);
  right: 50px;
  top: 50px;
  display: none;
}
.first-layout h2 .trusted-label.active{
  display: flex;
}
.first-layout .gallery-outer.full-width .gallery-inner{
  flex-basis: 100%;
}
.first-layout .has-emergency-mode{
  right: 0px;
}
.full-services-area ul{
  padding: 0px;
}
@media screen and (max-width: 1200px) {
  .first-layout .gallery-outer.video .gallery-description {
    flex-basis: 100%;

    margin: auto;
    
  }
  .first-layout .gallery-outer.video .gallery-inner {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .first-layout.content .full-services-area,
  .first-layout.content .reviews-area {
    flex-basis: 100%;
    border-bottom: 2px solid var(--turqoise);
  }
  .first-layout.content .reviews-area {
    padding: 30px 0px;
  }
  .first-layout.content .full-services-area::after {
    content: none;
  }
  .first-layout h1 .trusted-label{
    border-radius: 10px;
  }
}
@media screen and (max-width: 900px){
  .first-layout .user-visuals .has-emergency-mode{
    bottom: 80px;
  }
}
@media screen and (max-width: 800px) {
  .user-profile-header.first-layout .top-banner {
    flex-wrap: wrap;
    justify-content: center;
  }
  .first-layout h2{
    justify-content: center;
  }
  .user-profile-header.first-layout .user-title {
    text-align: center;
    font-size: 22px;
  }
  .user-profile-header.first-layout .slogan {
    text-align: center;
    margin-right: auto;
    max-width: unset;
    font-size: 18px;
  }
  .user-profile-header.first-layout .categorii-de-munca .categorie-principala {
    margin-left: 10px;
    margin-right: 10px;
  }
  .user-profile-header.first-layout .categorii-de-munca {
    flex-wrap: wrap;
    justify-content: center;
  }
  .user-profile-header.first-layout .user-header-content {
    flex-basis: 100%;
  }
  .user-profile-header.first-layout .single-user-profile-pic {
    margin-bottom: 20px;
  }
  .first-layout.gallery .gallery-top .gallery-inner {
    column-count: 2;
    flex-basis: 100%;
  }
  .user-profile-header.first-layout .top-banner::before {
    content: none;
  }
  .first-layout .bottom-banner {
    flex-wrap: wrap;
  }
  .first-layout .bottom-banner .about-contractor,
  .first-layout .bottom-banner .work-cats {
    flex-basis: 100%;
  }
  .first-layout .bottom-banner .about-contractor {
    margin-bottom: 20px;
  }

  .first-layout .bottom-banner .work-cats {
    justify-content: unset;
    display: flex;
  }
  .first-layout .video-player-area iframe {
    max-width: 100%;
  }
  .acf-input .acf-repeater tr {
    flex-wrap: wrap;
  }
  .acf-input .acf-repeater tr .acf-field {
    flex-basis: 100%;
  }
  table.acf-table thdead {
    display: flex;
    flex-wrap: wrap;
  }
  .acf-repeater table.acf-table tr th {
    flex-basis: 100%;
  }
  .acf-repeater .acf-row-handle.order {
    flex-basis: 100%;
    background-color: var(--ashGray);
  }
  .acf-repeater tr:nth-child(odd) .acf-row-handle.order {
    background-color: var(--ashGray);
  }
  .contact-area .container{
    flex-wrap: wrap;
    justify-content: center;
  }
  .contact-area{
    padding: 50px 10px;
  }
  .page-id-145 .contact-area{
    padding: 20px 10px;
  }
  .contact-area .trusted-area,
  .contact-area .logo-area,
  .contact-area .container .working-hours,
  .contact-area .container .contact{
    flex-basis: 45%;
    margin-bottom: 30px;
  }
  .contact-area .trusted-area,
  .contact-area .logo-area{
    border-top: 1px solid var(--blue);
    padding-top: 20px;
  }
  .first-layout.gallery .gallery-top .gallery-description{
    flex-basis: 100%;
  }
  .first-layout .user-visuals .has-emergency-mode{
    bottom: 20px;
  }
  .user-profile-header.first-layout .about-detail,
  .first-layout .about-heading{
    font-size: 18px;
  }
  .user-profile-header.first-layout .categorii-de-munca .categorie-principala{
    border: 1px solid var(--turqoise);
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 10px;
  }
  .user-profile-header.first-layout .categorii-de-munca{
    justify-content: left;
  }
  .first-layout.content .heading-area h2{
    font-size: 18px;
  }
  .first-layout.content .full-services-area, .first-layout.content .reviews-area{
    font-size: 14px;
    border-bottom: unset;
  }
  .first-layout.content{
    padding: 10px;
  }
  .first-layout.gallery .gallery-outer{
    padding-bottom: 30px;
    margin-bottom: 0px;
  }
  .first-layout.gallery .gallery-top .gallery-description{
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .contact-area .container {
    flex-wrap: wrap;
  }
  .contact-area .container .working-hours,
  .contact-area .container .contact {
    flex-basis: 100%;
    margin-bottom: 30px;
  }
  .contact-area .working-days .day,
  .contact-area .working-days {
    width: 100%;
  }
  .contact-area .container .working-hours {
    background-color: #efefef;
    padding: 20px 10px;
  }
  .contact-area .working-days .day span,
  .contact-area .trusted-area .trusted-description{
    font-size: 14px;
  }
  .contact-area .trusted-area{
    flex-basis: 50%;
  }
  .user-profile-header.basic .user-header-content{
    padding-left: unset;
  }
}
/* -- First Layout End  */

/* Contractor Results Page Start  */
.city-name {
  display: none;
}
.page-id-145 h3 {
  margin: unset;
  margin-bottom: 20px;
  color: var(--turqoise);
  max-width: 300px;
  text-align: center;
  font-size: 24px;
}
.page-id-145 .search-results {
  /* display: flex; */
  display: block;
  justify-content: center;
}
.page-id-145 #ajax-search-results{
  position: relative;
  display: flex;
  justify-content: center;
}
.page-id-145 .search-results #show-more-results{
  position: absolute;
  bottom: -10px;
  padding: 10px 50px;
  border-radius: 5px;
  background-color: var(--paleGreen);
  color: #fff;
  font-size: 20px;
  border: 1px solid var(--paleGreen);
  font-weight: 500;
  transition: 0.3s;
}
.page-id-145 .search-results #show-more-results:hover{
  background-color: var(--turqoise);
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}
.search-results .contractor-search-results {
  flex-basis: 95%;
  margin: auto;
}
.search-results .category-list-container {
  flex-basis: 10%;
}
.page-id-145 #category-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: unset;
  gap: 10px;
}
.page-id-145 #category-list li {
  border: 1px solid var(--blue);
  padding: 3px 7px;
  border-radius: 5px;
  color: var(--blue);
}
.page-id-145 #category-list li:hover{
  background-color: var(--turqoise);
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 1000px){
  .page-id-145 h3{
    font-size: 20px;
  }
}

@media screen and (max-width: 750px){
  .page-id-145 h3{
    margin: auto;
    margin-bottom: 30px;
  }
  
}


@media screen and (max-width: 600px){
  .page-id-145 #category-list li{
    font-size: 12px;
  }
}


/* -- Second Layout Start  */
.second-layout .top-banner{
  justify-content: space-between;
}
.second-layout .single-user-profile-pic{
  border: 3px solid var(--ashGray);
}
.second-layout .slogan{
  color: var(--ashGray);
  font-size: 22px;
  max-width: 700px;
  line-height: 1.2;
}
.second-layout h1{
  margin-bottom: 20px !important;
}
.second-layout .trusted-area{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 130px;
  height: 100px;
  position: absolute;
  right: 180px;
  bottom: 30px;
}
.second-layout .trusted-area img{
  max-width: 80px;
}
.second-layout .trusted-area .trusted-description{
  font-size: 12px;
  text-align: center;
  line-height: 1;
  color: var(--blue);
  margin-top: -5px;
}
.second-layout .has-emergency-mode{
  right: -6px !important;
  bottom: 32px !important;
  top: unset !important; 
}
.second-layout .has-emergency-mode.active .em-msg::after{
  right: 10px;
  border-radius: 10px 10px 0px 10px;
}
.second-layout .user-visuals{
  position: relative;
  max-width: 150px;
  max-height: 150px;
}
.second-layout .bottom-banner{
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
}
.second-layout .categorii-de-munca{
  display: flex;
  flex-wrap: wrap;
}
.second-layout .categorie-principala{
  border: 1px solid var(--ashGray);
  color: var(--ashGray);
  padding: 5px 20px;
  border-radius: 5px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.second-layout .about-detail{
  text-transform: capitalize;
}
.second-layout .gallery-inner{
  display: block;
  column-count: 3;
}
.second-layout .gallery-inner.video{
  display: flex;
  flex-basis: 100%;
  justify-content: center;
  margin-bottom: 20px;
}
.second-layout.gallery{
  padding: 30px 20px;
}
.second-layout .gallery-outer.half-width-row .gallery-inner img{  
  gap: 10px;
  display: flex;
  margin-bottom: 10px;
  border-radius: 5px;
  width: 100%;
}
.second-layout .gallery-outer .gallery-inner img{  
  border-radius: 5px;
  width: 100%;
  margin-bottom: 10px;
}
.second-layout .gallery-description{
  color: var(--blue);
  margin-bottom: 50px;
  font-size: 18px;
}

.second-layout .gallery-outer h3{
  flex-basis: 100%;
  color: var(--blue);
}

.second-layout .gallery-outer.half-width-row .gallery-description{
  flex-basis: 34%;
}
.second-layout .gallery-inner.video .video-player-area{
  border-radius: 5px;
  overflow: hidden;
}
.second-layout .gallery-outer{
  margin-bottom: 10px;
  border-bottom: 1px solid var(--blue);
  padding-bottom: 30px;
}
.second-layout .gallery-inner.video{
  flex-basis: 50%;
}
.second-layout .gallery-outer.video{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  justify-content: center;
}
.second-layout .gallery-outer.half-width-row .gallery-inner.images{
  margin-bottom: 20px;
}
.contact-area .container .working-hours{
  position: relative;
}
.contact-area .container .has-emergency-mode{
  top: 0px;
}
.contact-area .container .has-emergency-mode.active .em-msg::after{
  right: 10px;
  border-radius: 10px 10px 0px 10px;
}
.second-layout.content{
  background-color: var(--lime);
  padding: 50px 20px;
}
.second-layout .content-heading{
  color: var(--ashGray);
}
.second-layout .full-services-area{
  color: var(--blue);
} 
.second-layout .work-cats{
  display: flex;
  align-items: center;
}

.second-layout .trusted-img{
  width: 80px;
  height: 80px;
  display: block;
  position: absolute;
  left: -80px;
}
.second-layout .user-visuals{
  position: relative;
}
.second-layout .trusted-label{
  position: absolute;
  background: #fff;
  font-size: 14px;
  max-width: 200px;
  justify-content: center;
  text-align: center;
  padding: 30px;
  border-radius: 10px 0px 10px 10px;
  border: 1px solid var(--ashGray);
  right: 200px;
  top: 50px;
  display: none;
  width: 100%;
}
.second-layout .trusted-label.active{
  display: flex;
}

.second-layout .em-msg::after{
  border: 1px solid var(--ashGray);
  right: 10px;
  top: -35px;
  border-radius: 10px 10px 0px 10px;
}

@media screen and (min-width: 800px){
  .second-layout .gallery-outer.half-width-row.images{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .second-layout .gallery-outer.half-width-row.images .gallery-inner.images{
    flex-basis: 65%;
    order: 3;
  }
}

@media screen and (max-width: 1100px){
  .second-layout .user-header-content{
    flex-basis: 60%;
  }
}



@media screen and (max-width: 900px){
  .second-layout .trusted-area{
    width: 90px;
    bottom: -20px;
    left: -80px;
  }
  .second-layout .trusted-area img{
    max-width: 50px;
    height: 50px;
  }
  .second-layout .trusted-area .trusted-description{
    max-width: 90px;
    font-size: 10px;
    margin-top: -20px;
  }
  .second-layout .has-emergency-mode{
    top: 6px;
    right: 0px;
  }
  .second-layout .gallery-outer.half-width-row.video .gallery-description{
    flex-basis: 100%;
    order: 3;
  }
  .second-layout .user-visuals{
    max-height: 200px;
  }
  .second-layout .has-emergency-mode{
    bottom: 42px !important;
  }
  .second-layout .trusted-img{
    width: 60px;
    height: 60px;
    left: -60px;
  }
  .second-layout .trusted-label{
    padding: 10px 30px;
    right: 130px;
    top: 30px;
    width: 170px;
  }
}

@media screen and (max-width: 800px){
  .second-layout .bottom-banner{
    flex-wrap: wrap;
  }
  .second-layout .work-cats{
    flex-basis: 100%;
    margin-bottom: 10px;
  }
  .second-layout .about-contractor{
    flex-basis: 100%;
    order: 2;
  }

  .second-layout .gallery-outer.half-width-row .gallery-inner.images{
    padding: unset;
  }
  .second-layout .gallery-outer.half-width-row .gallery-description{
    margin-bottom: 20px;
  } 
  .second-layout .gallery-inner.video{
    order: 2;
    margin-bottom: 30px;
  }

}
@media screen and (max-width: 700px){

  .second-layout .gallery-inner{
    column-count: 2;
  }

  .second-layout .top-banner{
    flex-wrap: wrap;
  }
  .second-layout .user-header-content{
    flex-basis: 100%;
    order: 1;
  }
  .second-layout .trusted-img{
    width: 60px;
    height: 60px;
    left: unset;
    right: -60px;
    top: -10px;
  }
  .second-layout .has-emergency-mode{
    bottom: 22px !important;
    left: 0px;
  }
  .second-layout .em-msg::after{
    left: 10px;
    top: -35px;
    border-radius: 10px 10px 10px 0px;
  }
  .second-layout .trusted-label.active{
    display: flex;
    right: unset;
    left: 130px;
    top: 20px;
    border-radius: 0px 10px 10px 10px;
  }
  .user-profile-header.second-layout{
    margin-top: 50px;
  }
}


@media screen and (max-width: 600px){
  .second-layout .user-header-content{
    order: 2;
  }
  .second-layout .top-banner{
    padding: 0px 20px 20px;

  }
  .second-layout .trusted-area{
    left: -100px;
    top: 10px;
  }
  .second-layout .gallery-inner.video iframe{
    max-width: 100%;
    display: flex;
  }
  .second-layout .gallery-inner.video{
    flex-basis: 100%;
  }
  .contact-area .container .has-emergency-mode{
    right: 10px;
  }
  .second-layout .trusted-label.active{
    display: flex;
    font-size: 10px;
    padding: 10px 5px;
    max-width: 110px;
  }
  .second-layout .gallery-description,
  .second-layout p{
    font-size: 16px;
  }
  .second-layout .has-emergency-mode{
    bottom: 33px !important;
  }

}

/* -- Second Layout End --  */


/* - All Categories List Module Start  */
.all-categories{
  max-width: unset;
  display: flex;
  justify-content: center;
  padding: 50px 20px;
  background-color: var(--turqoise);
  color: #fff;
}
.all-categories #category-list-container{
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.all-categories h2{
  flex-basis: 100%;
  margin: unset;
  text-align: center;
  color: var(--lime);
  margin-bottom: 30px;
}
.all-categories #category-list{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  padding: unset;
}
.all-categories #category-list li{
  border: 1px solid var(--lime);
  padding: 3px 20px;
  border-radius: 3px;
  color: var(--lime);
  margin-right: 5px;
  margin-left: 5px;
  transition: 0.3s;
  margin-bottom: 10px;
}
.all-categories #category-list li:hover{
  background-color: var(--lime);
  color: var(--turqoise);
  transition: 0.3s;
  cursor: pointer;
}

@media screen and (max-width: 600px){
  .all-categories #category-list li{
    font-size: 14px;
  }
}
/* - All Categories List Module End  */


/* - Custom Slider  Start  */
.slider-area{
  max-width: unset;
  background-color: var(--lime);
  padding: 50px 0px;
}
.slider-area .owl-item .item{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.slider-area .owl-item .item h4{
  font-size: 16px;
  color: var(--turqoise);
  flex-basis: 100%;
  display: flex;
  justify-content: center;
}
.slider-area .owl-item .item h4 span{
  max-width: 70%;
  text-align: center;
}
.slider-area .container {
  max-width: 1600px; /* Set max width to 1600px */
  margin: 0 auto; /* Center the container */
}

.slider-area .item img {
  width: 100%; /* Make the image take up the full width of the container */
  height: auto; /* Maintain aspect ratio */
}
.slider-area .slide-outer{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.slider-area .slider-heading{
  color: var(--turqoise);
  max-width: 700px;
  text-align: center;
  margin: auto;
  padding: 0px 10px;
  margin-bottom: 30px;
}
.slider-area .owl-nav{
  position: absolute;
  top: 50%;
  width: 100%;
}
.slider-area .owl-nav .owl-prev{
  position: absolute;
  left: 0px;
  font-size: 100px !important;
  display: flex;
  top: -100px !important;
  color: var(--turqoise) !important;
  transition: 0.3s;
}
.slider-area .owl-nav .owl-next{
  position: absolute;
  right: 0px;
  font-size: 100px !important;
  display: flex;
  top: -100px !important;
  color: var(--turqoise) !important;
  transition: 0.3s;
}
.slider-area .owl-nav .owl-prev:focus,
.slider-area .owl-nav .owl-next:focus{
  outline: none;
}
.slider-area .owl-nav .owl-prev:hover,
.slider-area .owl-nav .owl-next:hover{
  color: var(--ashGray) !important;
  transition: 0.3s;
}
/* - Custom Slider  End */

/* - Inscrie-te page Start  */

.account-type{
  border-radius: 10px;
  overflow: hidden;
}

.account-type h2 a{
  text-decoration: none;
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 40px 0px;
}
.account-type h2.basic{
  transition: 0.3s;
}
.account-type h2.basic:hover{
  background-color: var(--blue);  
  cursor: pointer;
  transition: 0.3s;
}
.account-type h2.basic:hover a{
  color: #fff;
  transition: 0.3s;
}

.account-type h2.premium{
  transition: 0.3s;
}
.account-type h2.premium:hover{
  background-color: #6db23f; 
  cursor: pointer;
  transition: 0.3s;
}
.account-type h2.premium:hover a{
  color: #fff;
  transition: 0.3s;
}


/* - Inscrie-te page End  */



/* - Registration Form Styling Start  */
.reg-block input{
  height: 50px;
  border: 1px solid var(--blue);
  border-radius: 4px;
  color: var(--blue);
  background-color: var(--lime);
}
.reg-block input:focus-visible{
  outline: none;
}
.reg-block input:focus{
  outline: 2px solid var(--turqoise);
}
.reg-block label{
  display: none !important;
}

.reg-block .gfield--type-total label{
  display: flex !important;
  color: var(--blue);
  font-size: 20px !important;
}
.reg-block input.gform_button{
  width: 100%;
  font-weight: 700;
  font-size: 16px;
  background-color: var(--blue);
  color: #fff;
}
.reg-block input.gform_button:hover{
  background-color: var(--turqoise);
  cursor: pointer;
}
.reg-block .password_input_container{
  padding-right: unset !important;
}

.reg-block .lunar,
.reg-block .trimestrial,
.reg-block .semestrial,
.reg-block .anual{
  /* display: none; */
}
.gfield--type-total .ginput_container_total{
  display: flex;
  margin-top: -15px;
}

  /* Premium forms area  */
.sub-type-area .sub-type{
  border-radius: 5px;
}
.sub-type-area .sub-type:hover{
  cursor: pointer;
  background-color: var(--blue) !important;
  transition: 0.3s;
}
.sub-type-area .sub-type:hover h3{
  color: #fff !important;
  transition: 0.3s;
}
.reg-block .gfield--type-product{
  /* display: none !important; */
  visibility: hidden;
  height: 0px;
}

label[for="Field-numberInput"] {
  display: none !important;
}
@media screen and (max-width: 781px){
  div.wp-block-column.sub-type{
    max-width: 45% !important;
  }
  .sub-type-area{
    justify-content: center;
    margin-bottom: 50px;
  }

}


/* - Registration Form Styling End  */


/* - Account Benefits Custom Pattern Start  */
.benefits-block .wp-block-column{
  position: relative;
}
.benefits-block .wp-block-column .wp-block-buttons{
  position: absolute;
  bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 1000px){
  .benefits-block .wp-block-column ul{
    padding-bottom: 20px !important;
  }
}
@media screen and (max-width: 781px){
  .benefits-block .wp-block-column ul{
    padding-bottom: 50px !important;
  }
}
/* - Account Benefits Custom Pattern End  */





/* Contact Page Form Start  */



.contact-page-form .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){
  padding-right: 0px;
}

.contact-page-form select,
.contact-page-form input{
  border: 1px solid var(--blue);
  border-radius: 5px;
  height: 50px;
}
.contact-page-form textarea:focus,
.contact-page-form select:focus,
.contact-page-form input:focus{
  outline: none;
}
.contact-page-form #input_12_5_1 .ginput_container{
  height: unset;
}
.contact-page-form #input_12_3 .gform-field-label{
  display: none;
}
.contact-page-form .ginput_container{
  display: flex;
  align-items: center;
}
.contact-page-form label,
.contact-page-form legend{
  color: var(--blue);
}
.contact-page-form a{
  color: var(--orange);
}
.contact-page-form .gform_button{
  background-color: var(--ashGray);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.contact-page-form .gform_button:hover{
  background-color: var(--orange);
  cursor: pointer;
}
.contact-page-form #input_12_6{
  width: 100%;
}
/* Contact Page Form End  */



/* - Login/Logout Bar Start  */

.login-logout{
  padding: 20px 0px;
  background-color: var(--lime);
}
.login-logout .container{
  display: flex;
  flex-wrap: nowrap;
  justify-content: right;
}
.login-logout .logged-in-block{
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
}
.login-logout .logged-in-block p{
  margin: 0px;
  margin-bottom: 15px;
  color: var(--blue);
  flex-basis: 100%;
  text-align: right;
  padding-right: 20px;
}
.login-logout span.dashboard{
  padding: 6px 20px;
  border: 1px solid var(--turqoise);
  border-radius: 3px;
  text-decoration: none;
  background-color: var(--turqoise);
  color: #fff;
  margin-right: 20px;
  transition: 0.3s;
  text-decoration: none;
}
.login-logout span.dashboard:hover{
  background-color: transparent;
  color: var(--turqoise);
  transition: 0.3s;
  cursor: pointer;
}
.login-logout span.logout{
  padding: 6px 20px;
  border: 1px solid var(--orange);
  border-radius: 3px;
  text-decoration: none;
  background-color: var(--orange);
  color: #fff;
  margin-right: 20px;
  text-decoration: none;
}
.login-logout .button{
  text-decoration: none;
}
.login-logout span.logout:hover{
  background-color: transparent;
  color: var(--orange);
  transition: 0.3s;
  cursor: pointer;
}
.login-logout .login-btn{
  border: 1px solid var(--blue);
  padding: 5px 20px;
  border-radius: 5px;
  color: #fff;
  background-color: var(--blue);
  text-decoration: none;
  transition: 0.3s;
  margin-right: 10px;
}
.login-logout .login-btn:hover{
  background-color: transparent;
  color: var(--blue);
  transition: 0.3s;
  cursor: pointer;
}
.login-logout a:focus,
.login-logout a:focus-visible{
  outline: none;
}
@media screen and (max-width: 600px){
  .login-logout .button{
    flex-basis: 100%;
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
  }
  .login-logout span.logout,
  .login-logout span.dashboard{
    padding: 3px 20px;
  }
}
/* - Login/Logout Bar End */



/* - Custom Login Page Start  */
.custom-login-page #loginform{
  max-width: 350px;
  margin: auto;
}
.custom-login-page #loginform{
  color: #005c78;
}
.custom-login-page #loginform input{
  width: 100%;
  height: 40px;
  border: 1px solid #005c78;
  border-radius: 5px;
  color: #005c78;
  font-size: 18px;
  padding: unset;
}
.custom-login-page #loginform .login-remember input{
  max-width: 30px;
}
.custom-login-page #loginform .login-remember label{
  display: flex;
  flex-wrap: nowrap;
  justify-content: left;
  align-items: center;
}

.custom-login-page #loginform #wp-submit{
  background-color: #005c78;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  transition: 0.3s;
}
.custom-login-page #loginform #wp-submit:hover{
  background-color: #006989;
  cursor: pointer;
  transition: 0.3s;
}
.custom-login-page figure a:focus-visible,
.custom-login-page figure a:focus{
  outline: none !important;
}


/* - Custom Login Page End  */



/* Premium Example Page Start */

.version-btn-area .version{
  transition: 0.3s;
  border-radius: 6px;
}
.version-btn-area .version.active{
  -webkit-box-shadow: 0px 0px 15px 3px rgba(0,105,137,1);
  -moz-box-shadow: 0px 0px 15px 3px rgba(0,105,137,1);
  box-shadow: 0px 0px 15px 3px rgba(0,105,137,1);
  transition: 0.3s;

}



/* Premium Example Page End */



/* - FAQ Module Start  */

.faq{
  padding: 50px 20px;
  background-color: var(--ashGray);
  max-width: unset;
}
.faq .faq-module-heading{
  color: var(--lime);
  text-align: center;
  margin-bottom: 50px;
}
.faq .faq-outer{
  max-width: 800px;
  margin: auto;
}
.faq .faq-outer .faq-item{
  margin-bottom: 20px;
  border: 1px solid var(--turqoise);
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  transition: 0.3s;
}
.faq .faq-outer .faq-item .faq-heading{
  flex-basis: 100%;
  color: var(--lime);
  padding: 20px 20px;
  margin: unset;
  border-bottom: 1px solid var(--turqoise);
  font-size: 24px;
}
.faq .faq-outer .faq-item .faq-heading:hover{
  cursor: pointer;
}
.faq .faq-outer .faq-item .content{
  padding: 20px;
  color: var(--lime);
  display: none;
}
.faq .faq-outer .faq-item.active .faq-heading{
  background-color:var(--turqoise);
  transition: 0.3s;
}
@media screen and (max-width: 800px){
  .faq .faq-outer .faq-item .faq-heading{
    font-size: 20px;
  }
}
@media screen and (max-width: 781px){
  .faq{
    padding: 20px 20px;
  }
  .faq .faq-module-heading{
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
/* - FAQ Module End */




/* - Tickbox area (Homepage) Start  */

@media screen and (max-width: 600px){
  .tick-box-area h2{
    margin-bottom: 5px !important;
  }
  .tick-box-area p{
    font-size: 14px !important;
  }
  .tick-box-area .wp-block-media-text__media img{
    max-width: 30px !important;
  }
  .tick-box-area .orange-tick figure{
    justify-content: center;
  }
  .tick-box-area h3{
    margin-bottom: 30px !important;
  }
}



/* - Tickbox area (Homepage) End  */




/* - Single Blog Page Start  */

.single-post h2{
  padding: 20px 0px 10px 0px;
}
.single-post h3{
  padding: 10px 0px;
}
/* - Single Blog Page End  */



/* - User Report Button and Form Start  */
.user-profile-header .container{
  position: relative;;
}
.report-btn-outer {
  position: absolute;
  bottom: 15px;
  right: 30px;
  z-index: 100;
}
.report-btn-outer:hover{
  cursor: pointer;
}
.report-btn-outer .report-btn{
  position: relative;
}
.report-btn-outer.active .report-btn::after{
  content: 'Raporteaza profilul';
  position: absolute;
  top: -60px;
  left: -90px;
  background-color: var(--orange);
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  text-align: center;
}
.report-btn-outer span{
  border: 1px solid var(--orange);
  position: absolute;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background-color: var(--orange);
}
.report-content{
  /* display: none; */
}
.report-content.active{
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
/* - User Report Button and Form End */



/* Blog Archive Start  */


.archive-loop .loop-content{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.archive-loop .loop-content .blog-item{
  flex-basis: 31%;
  margin-bottom: 20px;
  border-radius: 20px;
  border: 1px solid var(--ashGray);
  position: relative;
  text-decoration: none;
  transition: 0.3s;
}
.archive-loop .loop-content .blog-item:hover{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,92,120,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,92,120,1);
  box-shadow: 0px 0px 5px 0px rgba(0,92,120,1);
}

.archive-loop .loop-content .blog-date{
  color: var(--blue);
}
.archive-loop .loop-content .blog-item:nth-child(odd){
  background-color: #efefef;
}

.archive-loop .blog-featured-image{
  width: 100%;
  height: 300px;
  border-radius: 20px 20px 0px 0px;
  background-size: cover;
}
.archive-loop .blog-details{
  padding: 20px;
}
.archive-loop .blog-title{
  margin-top: 10px;
  margin-bottom: 10px;
  color: var(--blue);
}
.archive-loop .excerpt{
  margin-bottom: 20px;
  color: var(--turqoise)
}
.archive-loop .filter-heading{
  color: var(--lightblue);
  font-weight: 600;
}
.archive-loop .filtering-area{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 20px 0px;
  gap: 40px;
}
.archive-loop .filtering-area label{
  font-size: 22px;
  font-weight: 600;
  color: var(--blue);
  margin-right: 5px;
}
.archive-loop .filtering-area select {
  padding: 5px 30px;
  border: 1px solid var(--paleGreen);
  border-radius: 5px;
  color: var(--paleGreen);
}
.archive-loop .filter-section{
  margin-bottom: 30px;
}

.archive-loop .filter-btn{
  padding: 10px 60px;
  border-radius: 5px;
  border: 1px solid var(--blue);
  background-color: var(--blue);
  color: #fff;
  transition: 0.3s;
}
.archive-loop .filter-btn:hover{
  cursor: pointer;
  background-color: var(--paleGreen);
  transition: 0.3s;
}
.archive-loop .pagination{
  text-align: center;
}
.archive-loop .pagination .page-numbers{
  color: var(--pink);
  font-size: 20px;
  text-decoration: none;
}
.archive-loop .pagination .page-numbers.current{
  color: var(--orange);
  transition: 0.3s;
}
.archive-loop .pagination a:hover{
  color: var(--orange);
  transition: 0.3s;
}
.archive-loop .blog-inner .btn.blog-btn:hover{
  background-color: transparent !important;
  border-color: var(--darkblue) !important;
  color: var(--darkblue);
}

.archive-loop .blog-btn{
  color: var(--orange);
  text-decoration: none;
  transition: 0.3s;
}
.archive-loop .blog-inner .btn.blog-btn:hover{
  color: var(--paleGreen);
  transition: 0.3s;
}
@media screen and (max-width: 1620px){
  .archive-loop{
      padding: 0px 20px;
  }
}
@media screen and (max-width: 1200px){
  .archive-loop .filtering-area{
      flex-wrap: wrap;
      justify-content: center;
      gap: unset;
  }
  .archive-loop .date-order,
  .archive-loop .category-order,
  .archive-loop .author-order{
      flex-basis: 33%;
      margin-bottom: 20px;
      display: flex;
      justify-content: center;
  }
  .archive-loop .filter-btn-area{
      flex-basis: 100%;
      display: flex;
      justify-content: center;
      margin-bottom: 50px;
      margin-top: 20px;
  }
  .archive-loop .filter-btn-area .filter-btn{
      min-width: 400px;        
  } 
  .archive-loop .date-order,
  .archive-loop .category-order,
  .archive-loop .author-order{
      flex-basis: 100%;
  }
}
@media screen and (max-width: 1000px){
  .archive-loop .loop-content .blog-item{
      flex-basis: 45%;
  }
  .archive-loop .date-order,
  .archive-loop .category-order,
  .archive-loop .author-order{
      display: flex;
      flex-wrap: wrap;
  }
  .archive-loop .filtering-area label{
      text-align: center;
  }
  .archive-loop .blog-featured-image{
      height: 150px;
      background-position-y: center !important;
  }
}
@media screen and (max-width: 576px){
 
  .archive-loop .filtering-area select{
      width: 100%;
      text-align: center;
  }
  .archive-loop .filtering-area label{
      text-align: left;
      margin-right: 0px;
  }
  .archive-loop .filter-btn-area .filter-btn{
      min-width: 100%;
  }
  .archive-loop .blog-featured-image{
      height: 170px;
      background-position-y: center !important;
  }
  .archive-loop .category-filter{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  .archive-loop .filter-btn-area{
    margin-bottom: 0px;
  }
  .archive-loop .loop-content .blog-date{
    font-size: 12px;
  }
  .archive-loop .blog-title{
    font-size: 14px;
  }
  .archive-loop .excerpt{
    margin-bottom: 10px;
    font-size: 12px;
  }
  .archive-loop .blog-btn{
    font-size: 12px;
  }
  .archive-loop{
    padding: 0px 10px;
  }
  .archive-loop .blog-details{
    padding: 10px;
  }
  .archive-loop .loop-content{
    gap: 10px;
    justify-content: space-between;
  }
  .archive-loop .loop-content .blog-item{
    flex-basis: 47%;
  }
}
@media screen and (max-width: 350px){
  .archive-loop .loop-content .blog-item{
    flex-basis: 100%;
  }
}
/* Blog Archive End  */





/* - Single Post Template Start  */

.single.single-post #ajax-menu{
  padding-top: 60px;
}

/* - Single Post Template End  */





/* Additional CSS for button states and preventing duplicates */
.messaging-dashboard {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  margin: 20px 0;
}

.messaging-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #eee;
}

.messaging-header h2 {
  margin: 0;
  color: #333;
}

.message-stats span {
  margin-left: 15px;
  padding: 5px 10px;
  background: #f0f0f0;
  border-radius: 15px;
  font-size: 12px;
  font-weight: 600;
}

.unread-messages {
  background: #e74c3c !important;
  color: white !important;
}

.messaging-tabs {
  display: flex;
  background: #f8f9fa;
  border-bottom: 1px solid #eee;
}

.tab-button {
  flex: 1;
  padding: 15px 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
}

.tab-button.active {
  background: #fff;
  color: #0073aa;
  border-bottom: 3px solid #0073aa;
}

.tab-button:hover:not(.active) {
  background: #e9ecef;
}

.tab-content {
  display: none;
  padding: 20px;
  min-height: 400px;
}

.tab-content.active {
  display: block;
}

.message-thread {
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  transition: background 0.2s ease;
  border-left: 4px solid transparent;
}

.message-thread:hover {
  background: #f8f9fa;
}

.message-thread.unread {
  background: #e3f2fd;
  font-weight: 600;
  border-left-color: #0073aa;
}

.message-thread:last-child {
  border-bottom: none;
}

.message-avatar {
  margin-right: 15px;
  flex-shrink: 0;
}

.message-avatar img {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.message-info {
  flex-grow: 1;
  min-width: 0; /* Allows text to truncate */
}

.message-sender {
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
}

.message-subject {
  font-weight: 600;
  color: #0073aa;
  margin-bottom: 5px;
  word-wrap: break-word;
}

.message-excerpt {
  color: #666;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 1.4;
  word-wrap: break-word;
}

.message-date {
  color: #999;
  font-size: 12px;
}

.message-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.view-thread-btn {
  padding: 8px 15px;
  background: #0073aa;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.view-thread-btn:hover {
  background: #005a87;
}

.view-thread-btn:disabled,
.view-thread-btn.loading {
  background: #ccc;
  cursor: not-allowed;
}

.unread-indicator {
  width: 10px;
  height: 10px;
  background: #e74c3c;
  border-radius: 50%;
  flex-shrink: 0;
}

.compose-form {
  max-width: 600px;
}

.form-group {
  margin-bottom: 20px;
}

.form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #333;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  padding: 12px 15px;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-size: 14px;
  font-family: inherit;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  box-sizing: border-box;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: #0073aa;
  box-shadow: 0 0 0 3px rgba(0,115,170,0.1);
}

.form-group textarea {
  resize: vertical;
  min-height: 120px;
}

.form-actions {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.form-actions button {
  padding: 12px 25px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  position: relative;
}

#send-message-dashboard {
  background: #0073aa;
  color: white;
}

#send-message-dashboard:hover:not(:disabled) {
  background: #005a87;
}

#send-message-dashboard:disabled,
#send-message-dashboard.sending {
  background: #ccc;
  cursor: not-allowed;
}

#clear-message {
  background: #6c757d;
  color: white;
}

#clear-message:hover {
  background: #545b62;
}

/* MODAL FIXES - This is the key part for fixing the modal display issue */
.thread-modal {
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  backdrop-filter: blur(3px);
  
  /* These properties ensure the modal can be shown/hidden properly */
  display: none !important; /* Override any inline styles initially */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  
  /* Center the modal content */
  align-items: flex-start;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

/* When the modal should be visible */
.thread-modal.show {
  display: flex !important; /* Override display: none */
  opacity: 1;
  visibility: visible;
}

.thread-modal .modal-content {
  background-color: #ffffff;
  border: none;
  border-radius: 15px;
  width: 100%;
  max-width: 800px;
  height: 80vh;
  max-height: 800px;
  min-height: 500px;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  
  /* Animation */
  transform: translateY(-20px) scale(0.95);
  transition: transform 0.3s ease;
  margin-top: 3vh; /* Offset from top */
}

.thread-modal.show .modal-content {
  transform: translateY(0) scale(1);
}

.modal-header {
  padding: 20px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  background: #f8f9fa;
  border-radius: 15px 15px 0 0;
}

.modal-header h3 {
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  word-wrap: break-word;
  flex: 1;
  padding-right: 20px;
}

.close-thread-modal {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #999;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.close-thread-modal:hover {
  background: #e9ecef;
  color: #333;
}

.modal-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.thread-messages {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
  background: #fafafa;
  border-radius: 0;
}

.thread-message {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  animation: fadeInMessage 0.3s ease-in-out;
}

@keyframes fadeInMessage {
  from {
      opacity: 0;
      transform: translateY(10px);
  }
  to {
      opacity: 1;
      transform: translateY(0);
  }
}

.thread-message.own-message {
  flex-direction: row-reverse;
}

.thread-message .message-avatar {
  margin: 0;
}

.thread-message .message-avatar img {
  width: 35px;
  height: 35px;
}

.thread-message .message-content {
  background: #ffffff;
  padding: 15px;
  border-radius: 15px;
  max-width: 70%;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  position: relative;
  border: 1px solid #eee;
}

.thread-message.own-message .message-content {
  background: #0073aa;
  color: white;
  border-color: #0073aa;
}

.thread-message .message-sender {
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 12px;
  opacity: 0.8;
}

.thread-message .message-text {
  margin-bottom: 8px;
  line-height: 1.4;
  word-wrap: break-word;
}

.thread-message .message-time {
  font-size: 11px;
  opacity: 0.6;
  font-style: italic;
}

.reply-form {
  padding: 20px;
  border-top: 1px solid #eee;
  display: flex;
  gap: 10px;
  flex-shrink: 0;
  background: #fff;
  border-radius: 0 0 15px 15px;
}

.reply-form textarea {
  flex: 1;
  resize: none;
  border: 2px solid #e1e5e9;
  border-radius: 20px;
  padding: 10px 15px;
  font-family: inherit;
  font-size: 14px;
  transition: border-color 0.3s ease;
  min-height: 40px;
}

.reply-form textarea:focus {
  outline: none;
  border-color: #0073aa;
}

.reply-form button {
  padding: 10px 20px;
  background: #0073aa;
  color: white;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.reply-form button:hover:not(:disabled) {
  background: #005a87;
}

.reply-form button:disabled,
.reply-form button.sending {
  background: #ccc;
  cursor: not-allowed;
}

.no-messages {
  text-align: center;
  color: #666;
  padding: 40px 20px;
}

.no-messages p {
  margin: 0;
  font-style: italic;
}

/* Contact info styling for compose form */
.contact-info {
  text-align: center;
  color: #666;
  font-style: italic;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 20px;
}

/* Loading states */
.loading-spinner {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #0073aa;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 8px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* Responsive design */
@media (max-width: 768px) {
  .messaging-tabs {
      flex-wrap: wrap;
  }
  
  .tab-button {
      flex: 1 1 33%;
      padding: 12px;
      font-size: 14px;
  }
  
  .message-thread {
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
  }
  
  .message-actions {
      width: 100%;
      justify-content: space-between;
  }
  
  .message-info {
      width: 100%;
  }
  
  .thread-modal {
      padding: 10px;
  }
  
  .thread-modal .modal-content {
      width: 100%;
      height: 90vh;
      margin-top: 1vh;
      border-radius: 10px;
  }
  
  .modal-header {
      padding: 15px;
      border-radius: 10px 10px 0 0;
  }
  
  .modal-header h3 {
      font-size: 16px;
  }
  
  .thread-messages {
      padding: 15px;
  }
  
  .thread-message .message-content {
      max-width: 85%;
      padding: 12px;
  }
  
  .reply-form {
      flex-direction: column;
      padding: 15px;
  }
  
  .reply-form textarea {
      border-radius: 8px;
      margin-bottom: 10px;
  }
  
  .reply-form button {
      border-radius: 8px;
      align-self: flex-end;
  }
  
  .form-actions {
      flex-direction: column;
  }
  
  .form-actions button {
      width: 100%;
      margin-bottom: 10px;
  }
  
 
  .message-stats span {
      margin-left: 0;
      flex-basis: 100%;
      display: flex;
      margin-bottom: 10px;
  }
}

/* Additional fixes for better UX */
.thread-modal:not(.show) {
  pointer-events: none;
}

.thread-modal.show {
  pointer-events: all;
}

/* Scrollbar styling for webkit browsers */
.thread-messages::-webkit-scrollbar {
  width: 6px;
}

.thread-messages::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.thread-messages::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.thread-messages::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}







/* - BuddyPress Pages Start */
.page-id-0.registration #buddypress{
  background-color: var(--lime);
}
.page-id-0.registration #register-page.register-page{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  padding: 100px 20px;
}

.page-id-0.registration #buddypress .bp-feedback.bp-messages.info{
  max-width: 700px;
  padding: 30px 20px;
  font-size: 20px;
  color: var(--blue);
  font-weight: 600;
  border-radius: 15px;
}

.page-id-0.registration #buddypress.twentytwentyfour .bp-feedback .bp-icon{
  color: var(--wp--preset--color--base);
  height: 50px;
  background-color: mediumseagreen;
  border-radius: 4px;
}
.page-id-0.registration input{
  border-radius: 4px !important;
}
.page-id-0.registration .submit #submit{
  max-width: 700px;
  width: 100%;
  padding: 15px;
  background: green;
}
.buddypress-wrap #pass-strength-result.good,
.buddypress-wrap #pass-strength-result.short,
.buddypress-wrap #pass-strength-result.bad, 
.buddypress-wrap #pass-strength-result.error,
.page-id-0.registration .buddypress-wrap #pass-strength-result.strong{
  width: 100%;
}
.register-page .signup-form{
  flex-basis: 100%;
}
.register-page .signup-form .layout-wrap{
  max-width: 1000px;
  margin: auto;
}



.activation.activate.buddypress #buddypress #activate-page{
  max-width: 1000px;
  margin: auto;
  text-align: center;
}
.activation.activate.buddypress #buddypress #activate-page p:first-child{
  max-width: 700px;
  margin: auto;
  font-size: 20px;
  color: var(--blue);
  font-weight: 600;
  margin-bottom: 50px;
}
.activation.activate.buddypress .entry-content{
  padding: 100px 0px;
  background: var(--lime);
}
.activation.activate.buddypress #buddypress #activate-page p:last-child a{
  max-width: 600px;
  width: 100%;
  text-align: center;
  justify-content: center;
  display: flex;
  border: 1px solid var(--paleGreen);
  margin: auto;
  padding: 10px;
  border-radius: 5px;
  background-color: var(--paleGreen);
  color: #fff;
  font-weight: 600;
}
.registration .the_champ_outer_login_container{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  flex-basis: 100%;
}
.registration .the_champ_social_login_title{
  flex-basis: 100%;
  color: var(--blue);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
/* - BuddyPress Pages End  */



/* - Messaging Dashboard Start  */

#contractor-messaging-dashboard{
  max-width: 1600px;
  margin: auto;
}
#contractor-messaging-dashboard .messages-list .message-thread:nth-child(odd){
  background-color: var(--lime);
}
#contractor-messaging-dashboard  #compose-tab #compose-message-form{
    margin: auto;
    padding: 40px 0px;
}

/* - Messaging Dashboard End  */


/* - Social Media Login Icons Start  */




/* - Social Media Login Icons End  */


/* - Favourite Side Icon  Start  */

.favourite-url-icon{
  position: fixed;
  right: 0px;
  top: 30%;
  width: 50px;
  height: 50px;
  background: var(--orange);
  border: 2px solid var(--ashGray);
  border-radius: 50% 0px 0px 50%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 999;
}
.favourite-url-icon:hover{
  cursor: pointer;
}
.favourite-url-icon a{
  text-decoration: none;
}
.favourite-url-icon .heart-icon{
  display: flex;
  flex-basis: 100%;

}


/* Side Label */
.favourite-url-icon a{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.favourite-url-icon .heart-icon{
  position: absolute;
  background-image: url('/wp-content/themes/rezolva-acum/assets/images/favourites-heart.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 80%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.favourite-url-icon .favorites-count{
  z-index: 2;
  color: #fff;
  font-weight: 700;
}

/* - Favourite Side Icon End  */