.elementor-5944 .elementor-element.elementor-element-7b74b6b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for synckhomev1header, class: .elementor-element-659ae683 */.phone-rotator {
  font-family: "DM Sans", sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 18px;
  color: rgb(33, 37, 41);
  display: inline-block;
  position: relative;
  height: 22px; /* adjust based on your font size */
  overflow: hidden;
}

.phone-item {
  display: flex;
  align-items: center;
  gap: 5px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateY(100%);
  transition: all 0.6s ease;
}

.phone-item.active {
  opacity: 1;
  transform: translateY(0);
  position: relative;
}

.phone-item.exit {
  opacity: 0;
  transform: translateY(-100%);
}

.call-us {
  font-family: "DM Sans", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: rgb(26, 146, 220);
  font-size: 16px;
  line-height: 16px;
}



#heads ul > li:first-child {
  order: 99;
}


#heads ul > li:last-child {
  order: 100;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b74b6b */.header-area .phone-number{
    min-width: 270px;
}/* End custom CSS */
/* Start custom CSS */@media (max-width: 1366px) {
    .header-area {
        padding: 10px 0;
    }
    .header-area.header-2 .navbar-wrapper ul li .mega-menu {
        width: 100%;
        left: 0;
        box-shadow: none;
    }
    .header-area .navbar-wrapper {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        overflow-x: hidden;
        top: 0;
        z-index: 9999;
        background: rgb(28 28 28 / 50%);
        padding: 70px 84px 70px 60px;
        transition: .3s;
        display: block !important;
    }
    .header-area .navbar-wrapper.active {
        opacity: 1;
        visibility: visible;
    }
    .header-area .navbar-wrapper::before {
        content: '';
        position: fixed;
        width: calc(100% - 60px);
        height: 100%;
        background: #ffffff;
        left: -70px;
        top: 0;
        transition: .3s;
    }
    .header-area .navbar-wrapper.active::before {
        left: 0;
    }
    .header-area .navbar-wrapper > ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
    .header-area .navbar-wrapper > ul > li {
        line-height: 1;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        border-bottom: 1px solid #D2D2D2;
        padding: 5px 0;
        z-index: 9;
        min-height: 46px;
    }
    .header-area .navbar-wrapper > ul > li:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
    .header-area .navbar-wrapper ul li.mega-menu-item > a:after, 
    .header-area .navbar-wrapper ul li.dropdown-menu-item > a:after {
        display: none;
    }
    .header-area .navbar-wrapper ul li.dropdown-menu-item a, 
    .header-area .navbar-wrapper ul li.mega-menu-item a {
        padding-right: 0;
    }
    .header-area .header-left {
        flex: 1;
        justify-content: space-between;
        padding-right: 40px;
        gap: 20px;
    }
    .header-area .navbar-wrapper ul li > .dropdown-menu,
    .header-area .navbar-wrapper ul li .dropdown-menu-item-icon,
    .header-area .navbar-wrapper .close-menu-bar,
    .header-area .header-left .menu-bar {
        display: none;
    }
    .header-area .header-left .header-left-right {
        display: flex;
    }
    .header-area .navbar-wrapper ul li > .dropdown-menu {
        width: 100%;
        position: relative;
        box-shadow: none;
        max-height: 0;
        overflow-x: hidden;
        padding: 0px 35px 0px 15px;
        border: none;
    }
    .header-area .navbar-wrapper ul li > .dropdown-menu li a {
        font-size: 16px;
        display: block;
        padding-top: 12px;
        margin: 7px 0;
    }
    .header-area .navbar-wrapper ul li > .dropdown-menu li:last-child a {
        margin-top: 0;
        padding-bottom: 12px;
    }
    .header-area .navbar-wrapper > ul > li.active > .dropdown-menu {
        max-height: 400px;
        visibility: visible;
        opacity: 1;
    }
    .header-area .navbar-wrapper ul li .mega-menu {
        position: relative;
        max-height: 0;
        overflow-x: hidden;
        border: none;
        height: auto;
    }
    .header-area .navbar-wrapper ul > li.active {
        padding-bottom: 20px;
    }
    .header-area .navbar-wrapper ul > li.active > .mega-menu {
        max-height: 2000px;
        opacity: 1;
        visibility: visible;
    }
    .header-area .navbar-wrapper ul li .mega-menu .mega-menu-inner .mega-menu-links,
    .header-area .navbar-wrapper ul li .mega-menu .mega-menu-inner .mega-menu-link-wrap {
        gap: 40px;
    }
    .header-area .navbar-wrapper .mega-menu-link ul li a {
        font-size: 14px;
        line-height: 1.1;
    }
    .header-area .navbar-wrapper ul li .mega-menu .mega-menu-inner .left {
        padding-right: 40px;
    }
    .header-area .navbar-wrapper ul li .mega-menu.mega-menu-portfolio .mega-menu-inner .mega-menu-portfolio-card .img-box {
        max-width: 130px;
    }
    .how-we-do-area .custom-container > .custom-row {
        flex-direction: column;
        gap: 70px;
    }
    .how-we-do-area .how-we-do-left-content {
        gap: 50px;
    }
    .news2-sticky.news2-card img {
        max-width: 550px;
        height: auto;
    }
    .our-team-box .img-box {
        max-width: 500px;
    }
    .about-area .custom-row {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 70px;
    }
    .about-area .left-content {
        max-width: 100%;
    }
    .testimonial-slider-wrap .swiper-button-prev, 
    .testimonial-slider-wrap .swiper-button-next {
        background: #ffffff;
    }
    .partner-area .custom-row,
    .feature-area .custom-row {
        gap: 70px;
    }
    .contact-area .custom-row {
        flex-wrap: wrap;
    }
    .footer-area .footer-all-links-wrap {
        gap: 50px;
        padding-right: 70px;
    }
    .footer-area .footer-bottom .footer-contact-info {
        padding-left: 70px;
    }
    .portfolio-lists {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
    .event-details-area .img-box,
    .about-service3-area .img-box {
        max-width: 548px;
    }
    .event-details-area .custom-row,
    .about-service3-area .custom-row {
        gap: 70px;
    }
    .hero-company-box {
        padding: 60px;
    }
    .feature3-area .custom-row {
        gap: 60px;
    }
    .contact-location-area .contact-location-left-content {
        padding-right: 70px;
        max-width: 400px;
    }
    .contact-location-area .contact-location-left-content .contact-location-left-body .section-title br {
        display: none;
    }
    .contact-location-box,
    .contact-locations-list {
        gap: 20px;
    }
    .career-body .career-lists {
        padding-left: 70px;
    }
    .career-body .career-left {
        max-width: 400px;
        padding-right: 70px;
        top: 0;
    }
}/* End custom CSS */