/*
 *  custom style
*/
.oom-widget-popup {
    z-index: 999 !important;
}

.oom-widget-chat-content-message {
    width: 100%;
}

button.oom-widget-chat-button {
    background-color: transparent !important;
}

button.oom-widget-chat-button {
    margin-bottom: 80px !important;
}
.oom-widget-popup {
    margin-bottom: 80px !important;
}

.oom-widget-chat-button {
    bottom: 30px;
    background-color: #2AA81A;
	border-radius: 10px !important; 
	border: 1px solid #ffffff !important;
	box-shadow: 3px 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.oom-widget-popup-wrapper .oom-widget-chat-button:hover {
    bottom: 35px;
}

.iti.iti--allow-dropdown.iti--show-flags {
	width: 100%
}

.iti--inline-dropdown .iti__dropdown-content {
	display: none;
}

.gradient-text {
  background: linear-gradient(
    to bottom,
    #111111 0%,
    #111111 15%,
    #ffffff 85%,
    #ffffff 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

@media (max-width: 767px) {
  .gradient-text {
    background: linear-gradient(
      to bottom,
      #111111 0%,
      #111111 10%,
      #ffffff 50%,
      #ffffff 100%
    );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  }
}


/*============================
=           BUTTONS          =
============================*/

/* black button */
.black-btn .elementor-button::before,
.black-btn .elementor-button.elementor-button-link::before {
    background: #FFFFFF;
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.5s;
}

.black-btn .elementor-button:hover::before,
.black-btn .elementor-button:focus::before,
.black-btn .elementor-button.elementor-button-link:focus::before,
.black-btn .elementor-button.elementor-button-link:hover::before {
    width: 100%;
}

.black-btn .elementor-button,
.black-btn .elementor-button-content-wrapper {
    position: relative;
}

/* white button */
.white-btn .elementor-button::before,
.white-btn .elementor-button.elementor-button-link::before {
    background: #000000;
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.5s;
}

.white-btn .elementor-button:hover::before,
.white-btn .elementor-button:focus::before,
.white-btn .elementor-button.elementor-button-link:focus::before,
.white-btn .elementor-button.elementor-button-link:hover::before {
    width: 100%;
}

.white-btn .elementor-button,
.white-btn .elementor-button-content-wrapper {
    position: relative;
}


/*============================
=          TAB ICONS         =
============================*/

.tab-icon-wrap {
  text-align: left;
}

.tab-icon-img {
  width: 270px;
  height: 270px;
  padding-bottom: 20px;
}

@media (min-width: 767px) {
	.tab-icon-img {
	  width: 300px;
	  height: 300px;
	  padding-bottom: 20px;
	}
	
	.e-n-tabs-content::before {
	  content: '';
	  position: absolute;
	  top: 408px;
	  left: 40px;
	  width: 0;
	  height: 0;
	  border-left: 24px solid transparent;
	  border-right: 24px solid transparent;
	  border-bottom: 32px solid white;
	}
}

@media (min-width: 1023px) {
	.tab-icon-img {	
	  width: 215px;
	  height: 215px;
	  padding-bottom: 20px;
	}
}

@media (min-width: 1280px) {
	.tab-icon-img {	
	  width: 240px;
	  height: 240px;
	  padding-bottom: 20px;
	}
}

@media (min-width: 1440px) {
	.tab-icon-img {	
	  width: 270px;
	  height: 270px;
	  padding-bottom: 20px;
	}
	
/* 	Header */
		.elementor-element.elementor-element-1b10c6c4.e-con-full.oom-full-viewport.e-flex.e-con.e-parent.elementor-sticky.elementor-sticky--active.elementor-section--handles-inside.elementor-sticky--effects.e-lazyloaded.animated.slideInDown {
		min-width: 1440px !important;
	}
}

@media (min-width: 1920px) {
	.tab-icon-img {
	  width: 370px;
	  height: 370px;
	  padding-bottom: 20px;
	}
}

.e-n-tabs-content {
  position: relative;
  box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.1);
}

.e-n-tabs-content::before {
  content: '';
  position: absolute;
  top: -24px;
  left: 40px;
  width: 0;
  height: 0;
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
  border-bottom: 32px solid white;
}

.tab-icon-wrap span {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 25px;
  line-height: 35px;
  letter-spacing: 0%;
  display: block;
}

.tab-icon-wrap span + br + * {
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
  line-height: 0px;
  letter-spacing: 0%;
  text-align: left;
  display: block;
  opacity: 50%;
}

/*======== Joel ========*/
.tab-joel .tab-icon-img {
  content: url('https://communa-interiors-dlp.oomdcstaging.com/wp-content/uploads/2025/06/Rectangle-25.png');
}

.tab-joel:hover .tab-icon-img {
  content: url('http://communa-interiors-dlp.oomdcstaging.com/wp-content/uploads/2025/06/0fbecf6ea5a8997562e0b6a6719326a7ba9c053f.jpg');
}


/*======== Zach ========*/
.tab-zach .tab-icon-img {
	content: url('https://communa-interiors-dlp.oomdcstaging.com/wp-content/uploads/2025/06/Rectangle-26.png');
}

.tab-zach:hover .tab-icon-img {
  	content: url('https://communa-interiors-dlp.oomdcstaging.com/wp-content/uploads/2025/06/Rectangle-261.png');
}


/*======== Carmen ========*/
.tab-carmen .tab-icon-img {
  content: url('https://communa-interiors-dlp.oomdcstaging.com/wp-content/uploads/2025/06/Rectangle-27.png');
}

.tab-carmen:hover .tab-icon-img {
  content: url('https://communa-interiors-dlp.oomdcstaging.com/wp-content/uploads/2025/06/Rectangle-271.png');
}

/*======== Alfred ========*/
.tab-alfred .tab-icon-img {
  content: url('https://communa-interiors-dlp.oomdcstaging.com/wp-content/uploads/2025/06/Rectangle-28.png');
}

.tab-alfred:hover .tab-icon-img {
  content: url('https://communa-interiors-dlp.oomdcstaging.com/wp-content/uploads/2025/06/Rectangle-282.png');
}