/*
Theme Name: Roth Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.force-hyphenate {
  /* 1. Allows the browser to break words mid-syllable and insert a hyphen */
  hyphens: auto;
}

.gentle-break {
  overflow-wrap: break-word;
}

/* Icon Hover Styles */

.icon-hover .elementor-icon svg rect {
    fill: #000000;
    transition: fill 0.3s ease;
}

.icon-hover .elementor-icon svg path {
    fill: #FFDC00;
    transition: fill 0.3s ease;
}

.icon-hover .elementor-icon:hover svg rect {
    fill: #FFDC00;
}

.icon-hover .elementor-icon:hover svg path {
    fill: #000000;
}

/*Form Styles*/
.form .contact-form__row p {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 0 0 15px 0;
}
.form .contact-form__row p .wpcf7-form-control-wrap {
  display: block;
}
.form p {
  margin: 0 0 6px 0;
  padding: 0;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form textarea {
  width: 100%;
  background-color: #ffffff;
  border: 2px solid transparent;
  border-radius: 8px;
  padding: 14px 23px;
  font-size: 16px;
  color: #222222;
  box-sizing: border-box;
  outline: none;
  display: block;
  margin-bottom: 6px;
  transition: border-color 0.2s ease;
  font-family: inherit;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="tel"]:focus,
.form textarea:focus {
  border-color: #FFDC00;
}
.form input::placeholder,
.form textarea::placeholder {
  color: #999999;
}
/* Textarea */
.form textarea {
  min-height: 99px;
  height: 99px;
  resize: vertical;
  margin-bottom: 6px;
}
/* Remove bottom margin from inputs inside the row */
.form .contact-form__row input[type="text"],
.form .contact-form__row input[type="tel"] {
  margin-bottom: 0;
}
/* Individual field wrappers */
.form .contact-form__field {
  margin-bottom: 15px;
}
.form .contact-form__field input[type="text"],
.form .contact-form__field input[type="email"],
.form .contact-form__field textarea {
  margin-bottom: 0;
}
.form .contact-form__field:last-of-type {
  margin-bottom: 38px;
}


/*The Energy News Section using Shortcode*/

.geb-news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 75px;
}

.geb-news-card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.geb-news-image {
  aspect-ratio: 16/9;
  overflow: hidden;
  background: #808080;
  height: 274px;
}

.geb-news-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.geb-news-content {
  padding: 20px 28px 28px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: #1E1E1E;
  height: 160px;
}

.geb-news-date {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ffffff;
  font-size: 16px;
  margin-top: auto;
}

.geb-news-date::before {
  content: "";
  width: 15px;
  height: 15px;
  background-size: contain;
  margin-right: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9375 1.25H9.0625V0.3125C9.0625 0.22962 9.02958 0.150134 8.97097 0.0915292C8.91237 0.0329241 8.83288 0 8.75 0C8.66712 0 8.58763 0.0329241 8.52903 0.0915292C8.47042 0.150134 8.4375 0.22962 8.4375 0.3125V1.25H4.0625V0.3125C4.0625 0.22962 4.02958 0.150134 3.97097 0.0915292C3.91237 0.0329241 3.83288 0 3.75 0C3.66712 0 3.58763 0.0329241 3.52903 0.0915292C3.47042 0.150134 3.4375 0.22962 3.4375 0.3125V1.25H1.5625C1.14825 1.2505 0.751112 1.41528 0.458194 1.70819C0.165276 2.00111 0.000496206 2.39825 0 2.8125V10.9375C0.000496206 11.3517 0.165276 11.7489 0.458194 12.0418C0.751112 12.3347 1.14825 12.4995 1.5625 12.5H10.9375C11.3518 12.4997 11.749 12.3349 12.042 12.042C12.3349 11.749 12.4997 11.3518 12.5 10.9375V2.8125C12.4997 2.3982 12.3349 2.00097 12.042 1.70801C11.749 1.41506 11.3518 1.25033 10.9375 1.25ZM11.875 10.9375C11.875 11.1861 11.7762 11.4246 11.6004 11.6004C11.4246 11.7762 11.1861 11.875 10.9375 11.875H1.5625C1.31386 11.875 1.0754 11.7762 0.899587 11.6004C0.723772 11.4246 0.625 11.1861 0.625 10.9375V5.625H11.875V10.9375ZM11.875 5H0.625V2.8125C0.625 2.295 1.04375 1.875 1.5625 1.875H3.4375V2.8125C3.4375 2.89538 3.47042 2.97487 3.52903 3.03347C3.58763 3.09208 3.66712 3.125 3.75 3.125C3.83288 3.125 3.91237 3.09208 3.97097 3.03347C4.02958 2.97487 4.0625 2.89538 4.0625 2.8125V1.875H8.4375V2.8125C8.4375 2.89538 8.47042 2.97487 8.52903 3.03347C8.58763 3.09208 8.66712 3.125 8.75 3.125C8.83288 3.125 8.91237 3.09208 8.97097 3.03347C9.02958 2.97487 9.0625 2.89538 9.0625 2.8125V1.875H10.9375C11.1861 1.875 11.4246 1.97377 11.6004 2.14959C11.7762 2.3254 11.875 2.56386 11.875 2.8125V5Z' fill='%23FFDC00'/%3E%3C/svg%3E");
}

.geb-news-title {
  margin: 0 0 13px;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 700;
}

.geb-news-title a {
  color: #FFDC00;
  text-decoration: underline;
  transition: color 0.3s ease;
}

.geb-news-title a:hover {
  color: #ffffff;
}

.geb-news-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 20px;
    color: #ffffff;
    text-decoration: underline;
    font-weight: 600;
    transition: color .3s ease;
}

.geb-news-link::after {
    content: "";
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_210_450)'%3E%3Cpath d='M5 0.3125C7.58875 0.3125 9.6875 2.41125 9.6875 5C9.6875 7.58875 7.58875 9.6875 5 9.6875C2.41125 9.6875 0.3125 7.58875 0.3125 5C0.3125 2.41125 2.41125 0.3125 5 0.3125ZM2.34375 5.84813H5.26453V7.5L7.65625 5L5.26453 2.5V4.24109H2.34375V5.84813Z' fill='%23FFDC00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_210_450'%3E%3Cpath d='M10 0H0V5C0 7.76142 2.23858 10 5 10C7.76142 10 10 7.76142 10 5V0Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  margin-top: 2px;
    
  }

.geb-news-link:hover {
    color: #ffffff;
}

@media(max-width:1200px) {
  .geb-news-grid {
    gap: 25px;
    grid-template-columns: repeat(2, 1fr);
  }

  .geb-news-link::after {
    margin-top: 0px;
  }
}

@media(max-width:767px) {
  .geb-news-grid {
    gap: 25px;
    grid-template-columns: 1fr;
  }

  .geb-news-image {
    height: unset;
  }

  .geb-news-content {
    padding: 20px 20px 22px;
    height: unset;
  }

  .geb-news-link {
    margin-top: 15px;
  }
}


.elementor-nav-menu--main .mobile-button {
    display: none !important;
}

/*  mobile-button  */
@media (max-width: 1024px) {
    .mobile-button {
        padding: 10px 20px !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }

    .mobile-button > a.elementor-item {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        padding: 17px 58px !important;
        background-color: #FFDC00 !important;
        color: black !important;
        border-radius: 40px !important;
        font-weight: 600 !important;
        box-sizing: border-box !important;
        transition: background-color 0.3s ease, color 0.3s ease !important;
    }

    .mobile-button > a.elementor-item:hover {
        background-color: black !important;
        color: #FFDC00 !important;
        border: 3px solid #FFDC00 !important;
    }
}


@media (max-width: 480px) {
    .mobile-button {
        padding: 10px 15px !important;
    }

    .mobile-button > a.elementor-item {
        padding: 14px 20px !important;
    }
}



@media (max-width: 767px) {
  .employee-grid .elementor-element-7d59b44,
  .employee-grid .elementor-element-dd032a9,
  .employee-grid .elementor-element-cbb8506,
  .employee-grid .elementor-element-4a136dd,
  .employee-grid .elementor-element-177d362,
  .employee-grid .elementor-element-06305cc {
    min-height: unset !important;
  }

  .employee-grid .elementor-element-dc815c2 img,
  .employee-grid .elementor-element-b208788 img,
  .employee-grid .elementor-element-cf2ba81 img,
  .employee-grid .elementor-element-79dfd14 img,
  .employee-grid .elementor-element-6edef81 img,
  .employee-grid .elementor-element-4ab692c img {
    height: 250px !important;
    object-fit: cover;
  }

  .employee-grid > .e-con-inner {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 580px) {
  .employee-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
  }
}

/*carousel*/
@media (min-width: 580px) and (max-width: 767px) {
  .employee-carousel .swiper {
    overflow: visible !important;
    clip-path: inset(0 -100vw 0 -100vw);
  }
  .employee-carousel .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
  }
  .employee-carousel .swiper-slide {
    width: calc((100% - -20px) / 2 - 20px) !important;
    transition: transform 0.3s ease;
  }
  .employee-carousel .swiper-track {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 579px) {
  .employee-carousel .swiper {
    overflow: visible !important;
    clip-path: inset(0 -100vw 0 -100vw);
  }
  .employee-carousel .swiper-wrapper {
    display: flex !important;
    align-items: stretch !important;
  }
  .employee-carousel .swiper-slide {
    width: calc(100% - 0px) !important;
    transition: transform 0.3s ease;
  }
  .employee-carousel .swiper-track {
    display: flex;
    justify-content: center;
  }
}


/* Call To Action */

.call-to-action .e-con-inner {
  gap: 130px;
}

.call-to-action>.e-con-inner>.e-child:last-child .elementor-icon-box-content p {
  margin-bottom: 0 !important;
}

@media (max-width: 1410px) {

  .call-to-action>.e-con-inner {
    flex-direction: column !important;
    gap: 30px;
  }

  .call-to-action>.e-con-inner>.e-child:first-child {
    align-items: center;
    text-align: center;
  }

  .call-to-action>.e-con-inner>.e-child:last-child {
    align-items: center;
    justify-content: center;
  }

  .call-to-action>.e-con-inner>.e-child:last-child .elementor-widget-button {
    width: fit-content;
    flex-grow: 0;
  }

}

@media (max-width: 1024px) {

  .call-to-action>.e-con-inner>.e-child:first-child {
    padding-bottom: 0;
  }

  .call-to-action>.e-con-inner>.e-child:last-child {
    flex-direction: column !important;
    padding: 0px !important;
  }

}

@media (max-width: 767px) {

  .call-to-action>.e-con-inner>.e-child:first-child .elementor-element:last-child h4 {
      line-height: 1.3;
    }

  .call-to-action>.e-con-inner>.e-child:first-child > .elementor-widget-heading:first-child {
    margin-bottom: 22px;
  }

}

@media (max-width: 767px) {
  .employee-carousel .swiper-slide {
    height: auto !important;
  }

  .employee-carousel .swiper-slide .e-con-boxed {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  .employee-carousel .swiper-slide .e-con-boxed .e-con-inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* outer card wrapper */
  .employee-carousel .swiper-slide .e-con-boxed .e-con-inner > .e-con-full {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
  }

  /* image container */
  .employee-carousel .swiper-slide .e-con-boxed .e-con-inner > .e-con-full > .e-con-full:first-child {
    flex: 0 0 auto !important;
    padding: 0 !important;
  }

  /* text container */
  .employee-carousel .swiper-slide .e-con-boxed .e-con-inner > .e-con-full > .e-con-full:last-child {
    flex: 1 !important;
    padding: 16px !important;
    overflow: visible !important;
  }
}

.about-us-counter .elementor-counter {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.about-us-counter .elementor-counter-number-wrapper {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-start !important;
  order: 1 !important;
}
.about-us-counter .elementor-counter-number-suffix {
  align-self: flex-start !important;
  font-size: 24px;
  font-weight: 400;
  position: relative;
  top: -5px;
}
.about-us-counter .elementor-counter-title {
  order: 2 !important;
  text-align: center !important;
}
.about-us-counter .e-con-full {
  align-items: center !important;
  flex-direction: column !important;
}
.about-us-counter .elementor-heading-title {
  text-align: center !important;
}

.home-counter .elementor-counter-number-suffix {
    font-size: 24px;
    position: relative;
    vertical-align: super;
    font-weight: 400;
    top:-5px;
}

/* Mobile */
@media (max-width: 76px) {
  .elementor-widget-icon-list .elementor-icon-list-icon svg {
    width: 30px;
    height: 20px;
  }
 
  .elementor-widget-icon-list .elementor-icon-list-text {
    font-size: 14px;
  }
}

.cmplz-btn.cmplz-manage-consent{

    background-color: #FFDC00 !important;
    color: black !important;
     border: 3px solid #FFDC00 !important;

}
.cmplz-btn {
    transition: all 0.3s ease-in-out !important;
     border: 3px solid #FFDC00 !important;
}
.cmplz-btn:hover {
    background-color: #000000 !important;
    color: #FFDC00 !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    border: 3px solid #FFDC00 !important;
}