/* 
Theme Name: Hello Elementor 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
*/

.txt-grad {
	background-image: linear-gradient(to right, #4DE9E2, #47D5FE, #3898FD);
  color: transparent;
  background-clip: text;
}
.txt-scnd,
.color-scnd {
  color: var( --e-global-color-accent );
}
.color-main {
  color: var(--e-global-color-primary);
}
.bg-glass {
	backdrop-filter: blur(5.5px);
-webkit-backdrop-filter: blur(5.5px);
}
.bg-grad-1 {
	background: linear-gradient(180deg, #060F27 0%, #00398E 78.85%, #060F27 100%);
}
.bg-grad-2 {
	background: linear-gradient(180deg, #060F27 0%, #1E2551 46.63%, #060F27 100%);
}
.bg-grad-3 {
  background: linear-gradient(180deg, #060F27 0.96%, #013789 46.63%, #060F27 100%);
}
.hover-white:hover {
	color: #fff;
}

.reset-aspect .elementor-wrapper {
  --video-aspect-ratio: auto !important;
}

.swiper-slide {
  flex: none !important;
  display: flex !important;
  height: auto !important;
}
.swiper-wrapper {
  flex-wrap: unset !important;
}
.swiper-button-prev,
.swiper-button-next {
  width: 2.8em!important;
  height: 2.8em!important;
  background-color: var( --e-global-color-efbb912 );
  border-radius: 50%;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: var( --e-global-color-secondary )!important;
}
.swiper-button-prev .swiper-navigation-icon,
.swiper-button-next .swiper-navigation-icon {
  width: 11px;
  color: var( --e-global-color-primary );
}
.swiper-button-prev .swiper-navigation-icon {
  margin-right: 4px;
}
.swiper-button-next .swiper-navigation-icon {
  margin-left: 4px;
}
.swiper-button-prev:hover .swiper-navigation-icon,
.swiper-button-next:hover .swiper-navigation-icon {
  color: #fff;
}
.swiper-button-prev.light,
.swiper-button-next.light {
  background: none;
  border: 2px solid #fff;
}
.swiper-button-prev.light:hover,
.swiper-button-next.light:hover {
  border-color: var( --e-global-color-secondary );
}
.swiper-button-prev.light .swiper-navigation-icon,
.swiper-button-next.light .swiper-navigation-icon {
  color: #fff;
}

.brain-info:hover * {
  color: #fff !important;
}


#why-accordion details {
  border-radius: 10px;
}
#why-accordion details[open] {
  background-position: center right;
  background-size: cover;
}
#why-accordion details:nth-of-type(1) {
  background-image: linear-gradient(231.31deg, #4993E0 17.46%, #4CCCE1 87.12%);
}
#why-accordion details:nth-of-type(2) {
  background-image: linear-gradient(180deg, #47D5FE 0%, #3898FD 100%);
}
#why-accordion details:nth-of-type(3) {
  background-image: linear-gradient(180deg, #3898FD 0%, #0052CD 100%);
}
#why-accordion details:nth-of-type(4) {
  background-image: linear-gradient(180deg, #0052CC 0%, #002966 100%);
}
#why-accordion details:not([open]) summary {
  padding-block: 1em;
  align-self: center;
  text-align: center;
}
#why-accordion details[open] summary {
  align-self: start;
  padding: 1em 1em 0;
}


/* BOOK A DEMO */
.testim-slider .elementor-main-swiper .swiper-slide {
  margin-top: 6rem;
  overflow: unset;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
  margin-bottom: 1em;
}
.testim-slider .elementor-testimonial {
  height: 100%;
}
.testim-slider .elementor-testimonial__content {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
}
.testim-slider .elementor-testimonial__footer {
  margin-top: -10em;
}
.testim-slider .elementor-testimonial__image img {
  background-color: #fff;
}
.elementor-widget-video .elementor-wrapper iframe, .elementor-widget-video .elementor-wrapper video {
  background: none;
}

.sy-header {
  position: fixed;
  top: 0;
}

.sy-header.scroll {
  background-color: #0d2130ab;
  box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
}
.sy-desktop-menu nav.hfe-nav-menu__layout-horizontal {
  width: auto !important;
}
@media (max-width:1000px) {
  .sy-desktop-menu {
    display: none!important;
  }
}
@media (min-width:1001px) {
  .sy-mobile-menu {
    display: none!important;
  }
}
@media (max-width:1430px) {
  .sy-menu-btns {
    display: none!important;
  }
}

.brands-swiper:before,
.brands-swiper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 5em;
  z-index: 2;
}
.brands-swiper:before {
  left: 0;
  background: linear-gradient(to right, white, transparent);
}
.brands-swiper:after {
  right: 0;
  background: linear-gradient(to left, white, transparent);
}
.sy-tabs-nav .elementor-button,
.sy-tabs-b-nav .elementor-button {
  cursor: pointer;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sy-tabs-nav.active .elementor-button,
.sy-tabs-b-nav.active .elementor-button {
  background-color: var( --e-global-color-secondary )!important;
}

.sy-test-swiper,
.sy-ops-swiper {
  overflow: visible!important;
}

.sy-acc-b-el.open,
.sy-acc-c-el.open {
  flex-grow: 1;
}
.sy-acc-c-el.open {
  background-color: var( --e-global-color-efbb912 )!important;
}
.sy-acc-b-el .inner-block,
.sy-acc-c-el .inner-block {
  transition-property: opacity;
}
.sy-acc-b-el .inner-block,
.sy-acc-c-el .inner-block {
  opacity: 1;
}
.sy-acc-b-el:not(.open) .inner-block,
.sy-acc-c-el:not(.open) .inner-block {
  opacity: 0;
}

.sy-steps .e-n-tab-title {
  aspect-ratio: 1 !important;
  height: 3.3em;
}

.sy-coll-b .e-n-accordion-item-title-header:before {
  margin-right: 8px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  align-self: center;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EC5D16' d='M12 15.5A3.5 3.5 0 0 1 8.5 12A3.5 3.5 0 0 1 12 8.5a3.5 3.5 0 0 1 3.5 3.5a3.5 3.5 0 0 1-3.5 3.5m7.43-2.53c.04-.32.07-.64.07-.97s-.03-.66-.07-1l2.11-1.63c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.31-.61-.22l-2.49 1c-.52-.39-1.06-.73-1.69-.98l-.37-2.65A.506.506 0 0 0 14 2h-4c-.25 0-.46.18-.5.42l-.37 2.65c-.63.25-1.17.59-1.69.98l-2.49-1c-.22-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64L4.57 11c-.04.34-.07.67-.07 1s.03.65.07.97l-2.11 1.66c-.19.15-.25.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1.01c.52.4 1.06.74 1.69.99l.37 2.65c.04.24.25.42.5.42h4c.25 0 .46-.18.5-.42l.37-2.65c.63-.26 1.17-.59 1.69-.99l2.49 1.01c.22.08.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64z'/%3E%3C/svg%3E");
}

.sy-users-acc details[open] .e-n-accordion-item-title,
.sy-coll-c details[open] .e-n-accordion-item-title {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* DEVIN */
.dvn-hero-itemm.active {
  background-color: #354161;
}
.dvn-hero-img:not(.active) {
  display: none;
  opacity: 0;
}
.dvn-hero-txt:not(.active) {
  display: none;
  opacity: 0;
}
#dvn-brands-swiper .swiper-wrapper,
.brands-swiper .swiper-wrapper {
  transition-timing-function: linear;
  align-items: center;
}
.dvn-tool:hover svg {
  fill: #fff !important;
}
@media (max-width:900px) {
  .mob-bold *{
    font-weight: 600!important;
  }
  
  .sy-header {
    left: 0;
    right: 0;
    padding-top: 1em;
  }
  .sy-header.scroll {
    padding-block: .2em;
  }
  .sy-header .sy-logo {
    display: none!important;
  }
  .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
    display: flex;
    flex-direction: row-reverse;
  }

  #why-accordion summary img {
    margin-right: .8rem;
    width: 2.8rem;
    vertical-align: middle;
  }
  .sy-acc-el {
    flex: none !important;
    display: flex !important;
    height: auto !important;
  }
  .sy-accordion {
    flex-wrap: unset !important;
  }
  .sy-acc-b-el,
  .sy-acc-c-el {
    height: 100px;
    min-height: 100px;
    transition-duration: 1s;
    transition-property: height;
    /* height: 688px; */
    overflow: hidden;
  }
  .sy-acc-b-el.open,
  .sy-acc-c-el.open {
    flex-grow: 1;
    height: auto;
  }
  .sy-acc-b-el .inner-block,
  .sy-acc-c-el .inner-block {
    transition-property: opacity;
    transition-duration: 500ms;
    transition-delay: 0s;
  }
  .sy-acc-b-el:not(.open) .inner-block,
  .sy-acc-c-el:not(.open) .inner-block {
    transition-duration: 200ms;
    transition-delay: 0s;
  }
  .sy-acc-b-el .close-txt,
  .sy-acc-c-el .close-txt {
    position: absolute;
    height: 100%;
  }
  .sy-acc-b-el.open .close-txt,
  .sy-acc-c-el.open .close-txt {
    display: none;
  }
}

@media (min-width:900px) {
  .bg-shadow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 7em;
    background: linear-gradient(90deg, #051029, rgba(8, 6, 39, 0));
    z-index: 10;
  }
  .bg-shadow:after {
    content: '';
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    width: 7em;
    background: linear-gradient(270deg, #051029, rgba(8, 6, 39, 0));
    z-index: 10;
  }
  #why-accordion .e-n-accordion {
    display: flex;
    gap: 15px;
  }
  #why-accordion details {
    display: flex;
    justify-content: center;
    min-height: 35em;
    max-height: 35em;
    margin-bottom: 0;
  }
  #why-accordion details[open] summary {
    padding: 1em 3em 0;
  }
  #why-accordion details:not([open]) summary {
    min-width: 9em;
    max-width: 10em;
  }
  #why-accordion details:not([open]) summary img {
    display: block;
    margin: 0 auto .8rem;
    width: 2.8rem;
  }
  #why-accordion details[open] summary img {
    margin-right: .8rem;
    width: 2.8rem;
    vertical-align: middle;
  }
  #why-accordion summary + .elementor-element {
    transition-property: opacity;
  }
  #why-accordion summary[aria-expanded="true"] + .elementor-element {
    opacity: 1;
    transition-delay: 500ms;
    transition-duration: 500ms;
  }
  #why-accordion summary[aria-expanded="false"] + .elementor-element {
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 50ms;
  }
  #why-accordion details[open]:nth-of-type(1) {
    background-image: url('http://www-staging.synergysuite.com/wp-content/uploads/2025/10/wbg-scale2-1.jpg');
    /* background: linear-gradient(231.31deg, #4993E0 17.46%, #4CCCE1 87.12%); */
  }
  #why-accordion details[open]:nth-of-type(2) {
    background-image: url('http://www-staging.synergysuite.com/wp-content/uploads/2025/10/wbg-access2-1.jpg');
    /* background: linear-gradient(180deg, #47D5FE 0%, #3898FD 100%); */
  }
  #why-accordion details[open]:nth-of-type(3) {
    background-image: url('http://www-staging.synergysuite.com/wp-content/uploads/2025/10/wbg-connect2-1.jpg');
    /* background: linear-gradient(180deg, #3898FD 0%, #0052CD 100%); */
  }
  #why-accordion details[open]:nth-of-type(4) {
    background-image: url('http://www-staging.synergysuite.com/wp-content/uploads/2025/10/wbg-sync2-1.jpg');
    /* background: linear-gradient(180deg, #0052CC 0%, #002966 100%); */
  }

  .sy-header {
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    transition: width 500ms;
  }
  .sy-header .sy-logo-cont {
    transition: width 500ms;
  }
  .sy-header .sy-icon {
    display: none;
  }
  .sy-header .sy-icon img,
  .sy-header .sy-logo img {
    max-width: 100%;
  }
  .sy-header.scroll {
    margin-top: 1em;
    width: 81em;
    border-radius: 12px;
    padding: .5em;
    backdrop-filter: blur(5.5px);
    -webkit-backdrop-filter: blur(5.5px);
  }
  .sy-header.scroll .sy-logo-cont {
    width: 3.5em!important;
  }
  .sy-header.scroll .sy-icon {
    display: inline-block;
  }
  .sy-header.scroll .sy-logo {
    display: none;
  }

  .no-bg-fix .elementor-button {
    background: none;
  }

  .brands-swiper:before,
  .brands-swiper:after {
    width: 10em;
  }
  .sy-acc-el,
  .sy-acc-b-el,
  .sy-acc-c-el {
    width: 100px;
    min-width: 100px;
    transition-duration: 1s;
    transition-property: width;
    max-height: 600px;
  }
  .sy-acc-el.open,
  .sy-acc-b-el.open,
  .sy-acc-c-el.open {
    flex-grow: 1;
  }
  .sy-acc-el .inner-block{
    transition-property: opacity;
  }
  .sy-acc-el .inner-block,
  .sy-acc-b-el .inner-block,
  .sy-acc-c-el .inner-block {
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 550ms;
  }
  .sy-acc-el:not(.open) .inner-block,
  .sy-acc-b-el:not(.open) .inner-block,
  .sy-acc-c-el:not(.open) .inner-block {
    /* display: none; */
    opacity: 0;
    transition-duration: 200ms;
    transition-delay: 0s;
  }
  .sy-acc-el .img-block {
    background: none!important;
  }
  .sy-acc-imgbg .inner-block {
    background-color: var( --e-global-color-98f0149 )!important;
  }
  .sy-acc-imgbg .inner-block p,
  .sy-acc-imgbg .inner-block .elementor-heading-title {
    color: var( --e-global-color-primary )!important;
  }
  .sy-acc-imgbg .inner-block .link {
    border-color: var( --e-global-color-primary );
  }
  .sy-tabs,
  .sy-tabs-b {
    position: relative;
  }
  .sy-tab,
  .sy-tab-b {
    position: absolute;
    transition-property: opacity;
    transition-delay: 0s;
  }
  .sy-tab.active,
  .sy-tab-b.active {
    opacity: 1;
    transition-duration: 1s;
    z-index: 2;
  }
  .sy-tab:not(.active),
  .sy-tab-b:not(.active) {
    opacity: 0;
    transition-duration: 200ms;
  }
  .sy-coll-el {
    /* transition: padding 250ms; */
    transition: padding 650ms;
  }
  .sy-coll-el .sy-coll-txt {
    transition-property: max-height;
    /* transition-duration: 400ms; */
    transition-duration: 900ms;
    /* transition-timing-function: linear; */
  }
  .sy-coll-el .sy-coll-ttl .elementor-heading-title {
    transition-property: font-size;
    /* transition-duration: 400ms; */
    transition-duration: 700ms;
    /* transition-timing-function: linear; */
  }
  .sy-coll-el.open .sy-coll-icon {
    display: none;
  }
  .sy-coll-el.open .sy-coll-txt {
    max-height: 25em;
  }
  .sy-coll-el:not(.open) {
    padding-block: .9em;
    gap: 0;
    cursor: pointer;
  }
  .sy-coll-el:not(.open) .sy-coll-ttl {
    width: 90%;
  }
  .sy-coll-el:not(.open) .sy-coll-ttl .elementor-heading-title {
    font-size: 1.8em;
    /* transition-duration: 250ms; */
    transition-duration: 300ms;
  }
  .sy-coll-el:not(.open) .sy-coll-txt {
    max-height: 0!important;
    overflow: hidden;
    /* transition-duration: 200ms; */
    transition-duration: 400ms;
  }
  
  .sy-tb-swiper {
    overflow: visible;
  }
  .sy-tb-nav {
    position: absolute;
    top: -3em;
    right: 1em;
  }
  .sy-tb-swiper .photo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
  }
  .sy-tb-swiper .swiper-slide.open .photo,
  .sy-tb-swiper.no-img .photo {
    display: none;
  }
  .sy-history-cont .sy-h-nav {
    position: absolute;
    right: 5%;
    top: 5em;
  }

  /* DEVIN */
  .dvn-hero-itemd.active {
    background: linear-gradient(90deg, #354161 0%, #13151D 100%);
    border: 1px solid #e1eefc!important;
  }
  .dvn-acc-el {
    width: 100px;
    min-width: 100px;
    transition-duration: 1s;
    transition-property: width;
    height: 688px;
  }
  .dvn-acc-el.open {
    flex-grow: 1;
  }
  .dvn-acc-el .txt-block,
  .dvn-acc-el .img-block {
    transition-property: opacity;
  }
  .dvn-acc-el.open .txt-block,
  .dvn-acc-el.open .img-block {
    opacity: 1;
    transition-duration: 1s;
    transition-delay: 350ms;
  }
  .dvn-acc-el:not(.open) .txt-block,
  .dvn-acc-el:not(.open) .img-block {
    /* display: none; */
    opacity: 0;
    transition-duration: 200ms;
    transition-delay: 0s;
  }
  .dvn-acc-el .img-block {
    background: none!important;
  }
  .dvn-acc-el-1 {
    background-image: linear-gradient(90deg, #E24900, #E77800);
  }
  .dvn-acc-el-2 {
    background-image: linear-gradient(90deg, #E24900, #E77800);
  }
  .dvn-acc-el-3 {
    background-image: linear-gradient(90deg, #E77900, #F59A51);
  }
  .dvn-acc-el-4 {
    background-image: linear-gradient(90deg, #F59A51, #f0a86d);
  }
  .dvn-acc-el .elementor-icon-list-text,
  .dvn-acc-el p,
  .dvn-acc-el h2,
  .dvn-acc-el h3 {
    color: #fff;
  }
  .dvn-acc-el .elementor-icon-list-icon svg {
    fill: #fff!important;
  }
}