.elementor-1868 .elementor-element.elementor-element-565695a8{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overlay-opacity:0.1;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;--z-index:95;}.elementor-1868 .elementor-element.elementor-element-565695a8::before, .elementor-1868 .elementor-element.elementor-element-565695a8 > .elementor-background-video-container::before, .elementor-1868 .elementor-element.elementor-element-565695a8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1868 .elementor-element.elementor-element-565695a8 > .elementor-background-slideshow::before, .elementor-1868 .elementor-element.elementor-element-565695a8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1868 .elementor-element.elementor-element-565695a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://waarheidmarketing.com/wp-content/uploads/2025/01/bk2.png");--background-overlay:'';}.elementor-1868 .elementor-element.elementor-element-565695a8::before{filter:brightness( 200% ) contrast( 0% ) saturate( 102% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1868 .elementor-element.elementor-element-565695a8 > .elementor-shape-bottom .elementor-shape-fill, .elementor-1868 .elementor-element.elementor-element-565695a8 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-1868 .elementor-element.elementor-element-565695a8 > .elementor-shape-bottom svg, .elementor-1868 .elementor-element.elementor-element-565695a8 > .e-con-inner > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:20px;}.elementor-1868 .elementor-element.elementor-element-565695a8.e-con{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1868 .elementor-element.elementor-element-5717e1cc{width:var( --container-widget-width, 5% );max-width:5%;--container-widget-width:5%;--container-widget-flex-grow:0;text-align:center;}.elementor-1868 .elementor-element.elementor-element-5717e1cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1868 .elementor-element.elementor-element-5717e1cc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1868 .elementor-element.elementor-element-5717e1cc img{width:70%;max-width:70%;height:70%;object-fit:fill;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1868 .elementor-element.elementor-element-1787fd2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-1868 .elementor-element.elementor-element-1787fd2 > .elementor-widget-container{padding:0px 20px 0px 0px;}.elementor-1868 .elementor-element.elementor-element-1787fd2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:500;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main .elementor-item{color:#6A1B9A;fill:#6A1B9A;padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#324A6D;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed .elementor-item:before,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed .elementor-item:after{border-color:#324A6D;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FF0000CF;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#324A6D;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#324A6D;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-underline .elementor-item:after,
					 .elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-overline .elementor-item:before,
					 .elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-double-line .elementor-item:before,
					 .elementor-1868 .elementor-element.elementor-element-1787fd2 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a, .elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-menu-toggle{color:#6A1B9A;fill:#6A1B9A;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a:hover,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a:focus,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-menu-toggle:hover,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-menu-toggle:focus{color:#000000;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a:hover,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a:focus,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a.highlighted{background-color:#F3DFFA;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a.elementor-item-active{color:#000000;background-color:#F3DFFA;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown .elementor-item, .elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:0px;word-spacing:0em;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown{border-style:solid;border-color:#6A1B9A;border-radius:5px 5px 5px 5px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 div.elementor-menu-toggle{color:var( --e-global-color-primary );}.elementor-1868 .elementor-element.elementor-element-1787fd2 div.elementor-menu-toggle svg{fill:var( --e-global-color-primary );}.elementor-1868 .elementor-element.elementor-element-8319297 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-1868 .elementor-element.elementor-element-8319297.elementor-element{--align-self:center;}.elementor-1868:not(.elementor-motion-effects-element-type-background), .elementor-1868 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F5F5F5 0%, var( --e-global-color-a4316ae ) 100%);}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1868 .elementor-element.elementor-element-565695a8{--min-height:70px;--justify-content:space-evenly;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:3%;--padding-bottom:4%;--padding-left:5%;--padding-right:7%;}.elementor-1868 .elementor-element.elementor-element-5717e1cc{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;text-align:center;}.elementor-1868 .elementor-element.elementor-element-5717e1cc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1868 .elementor-element.elementor-element-5717e1cc.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1868 .elementor-element.elementor-element-5717e1cc img{width:60%;max-width:100%;height:20%;}.elementor-1868 .elementor-element.elementor-element-1787fd2{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-1868 .elementor-element.elementor-element-1787fd2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 20px 0px 0px;}.elementor-1868 .elementor-element.elementor-element-1787fd2.elementor-element{--align-self:center;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu .elementor-item{font-size:1.6vw;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:5px;padding-bottom:5px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown .elementor-item, .elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:14px;}}@media(min-width:768px){.elementor-1868 .elementor-element.elementor-element-565695a8{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1868 .elementor-element.elementor-element-565695a8{--width:100%;}}@media(max-width:767px){.elementor-1868 .elementor-element.elementor-element-565695a8{--width:100%;--min-height:50px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:7%;--padding-bottom:7%;--padding-left:7%;--padding-right:7%;}.elementor-1868 .elementor-element.elementor-element-565695a8.e-con{--align-self:center;}.elementor-1868 .elementor-element.elementor-element-5717e1cc > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1868 .elementor-element.elementor-element-5717e1cc{--container-widget-width:10%;--container-widget-flex-grow:0;width:var( --container-widget-width, 10% );max-width:10%;}.elementor-1868 .elementor-element.elementor-element-5717e1cc img{width:100%;height:10%;}.elementor-1868 .elementor-element.elementor-element-1787fd2 > .elementor-widget-container{padding:0px 10px 0px 0px;}.elementor-1868 .elementor-element.elementor-element-1787fd2{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;--nav-menu-icon-size:25px;}.elementor-1868 .elementor-element.elementor-element-1787fd2.elementor-element{--align-self:center;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown{border-width:1px 1px 1px 1px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--dropdown a{padding-top:10px;padding-bottom:10px;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:28px !important;}.elementor-1868 .elementor-element.elementor-element-1787fd2 .elementor-menu-toggle{border-width:0px;border-radius:0px;}}/* Start custom CSS for nav-menu, class: .elementor-element-1787fd2 *//* Default font size for the Elementor menu */
.elementor-widget-nav-menu .elementor-item {
  font-size: 5px!important; /* Default size */
  font-weight: 600!important; /* Optional: Make bold */
  text-transform: uppercase; /* Optional: Transform text */
}

/* Font size for mobile screens */
@media (max-width: 767px) {
  .elementor-widget-nav-menu .elementor-item {
    font-size: 10px!important; /* Smaller font size for mobile */
  }
}

/* Font size for tablets */
@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-widget-nav-menu .elementor-item {
    font-size: 12px!important; /* Medium size for tablets */
  }
}

/* Font size for desktops */
@media (min-width: 1025px) and (max-width: 1920px) {
  .elementor-widget-nav-menu .elementor-item {
    font-size: 14px!important; /* Larger font size for desktops */
  }
}

/* Font size for ultra-wide screens */
@media (min-width: 1921px) {
  .elementor-widget-nav-menu .elementor-item {
    font-size: 22px!important; /* Even larger font size */
  }
}

/* Hover effect for menu items */
.elementor-widget-nav-menu .elementor-item:hover {
  color: #fe5e7d; /* Change hover color */
  transition: color 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8319297 */.plugs {
  all: unset;
  top: 20px;
  right: 20px;
  width: 100px;
  height: 48px;
  border-radius: 0px;
  background:#010b1f !important;
  backdrop-filter: blur(8px)!important;
  -webkit-backdrop-filter: blur(8px)!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  cursor: pointer!important;
  z-index: 999;
  box-shadow: 0 4px 20px rgba(197, 0, 119, 0.5) !important;
  transition: background 0.1s ease 0s, box-shadow 0.1s ease 0s !important;

}
  
.plugs__img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 40px; 
    color: white;
    transition-property: color;
    transition-duration: 0.1s;
    transition-timing-function: ease;
    transition-delay: 0s;
  }
    
    
.plugs__img-left, .plugs__img-left-seg, .plugs__img-left-head, .plugs__img-right, .plugs__img-right-seg, .plugs__img-right-head, .plugs__img-prong, .plugs__img-spark-1-x, .plugs__img-spark-1-y, .plugs__img-spark-2-x, .plugs__img-spark-2-y, .plugs__img-spark-3-x, .plugs__img-spark-3-y {
      animation-duration: 0.9s;
      animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1); }
.plugs__img-left-head, .plugs__img-right-head {
      transform-origin: 2px 0; }
.plugs__img-left {
      transform: translate(13px, 10px) rotate(0); }
.plugs__img-right {
      transform: translate(57px, 10px) rotate(0); }
.plugs__img-prong {
      stroke-dashoffset: 0; }
.plugs__img-spark-1-x, .plugs__img-spark-2-x, .plugs__img-spark-3-x {
      animation-timing-function: linear; }
.plugs__img-spark-1-y, .plugs__img-spark-2-y, .plugs__img-spark-3-y {
      animation-timing-function: cubic-bezier(0.35, 1, 0.65, 1); }
.plugs[aria-pressed="false"] .plugs__img-left {
    animation-name: left-swing-tail-off; }
.plugs[aria-pressed="false"] .plugs__img-left-seg {
      animation-name: left-swing-seg-off; }
.plugs[aria-pressed="false"] .plugs__img-left-seg--flip {
        animation-name: left-swing-seg-off-2; }
.plugs[aria-pressed="false"] .plugs__img-left-head {
      animation-name: left-swing-head-off; }
.plugs[aria-pressed="false"] .plugs__img-right {
    animation-name: right-swing-tail-off; }
.plugs[aria-pressed="false"] .plugs__img-right-seg {
      animation-name: right-swing-seg-off; }
.plugs[aria-pressed="false"] .plugs__img-right-seg--flip {
        animation-name: right-swing-seg-off-2; }
.plugs[aria-pressed="false"] .plugs__img-right-head {
      animation-name: right-swing-head-off; }
.plugs[aria-pressed="false"] .plugs__img-prong {
    animation-name: prongs-off;
    animation-timing-function: cubic-bezier(0.35, 0, 0.65, 0); }
.plugs[aria-pressed="false"] .plugs__img-spark-1-x {
    animation-name: spark-1-x; }
.plugs[aria-pressed="false"] .plugs__img-spark-1-y {
    animation-name: spark-1-y; }
.plugs[aria-pressed="false"] .plugs__img-spark-2-x {
    animation-name: spark-2-x; }
.plugs[aria-pressed="false"] .plugs__img-spark-2-y {
    animation-name: spark-2-y; }
.plugs[aria-pressed="false"] .plugs__img-spark-3-x {
    animation-name: spark-3-x; }
.plugs[aria-pressed="false"] .plugs__img-spark-3-y {
    animation-name: spark-3-y; }
.plugs[aria-pressed="true"] .plugs__img-left {
    animation-name: left-swing-tail-on;
    transform: translate(13px, 10px) rotate(-90deg); }
.plugs[aria-pressed="true"] .plugs__img-left-seg {
      animation-name: left-swing-seg-on; }
.plugs[aria-pressed="true"] .plugs__img-left-seg--flip {
        animation-name: right-swing-seg-on; }
.plugs[aria-pressed="true"] .plugs__img-left-head {
      animation-name: left-swing-head-on; }
.plugs[aria-pressed="true"] .plugs__img-right {
    animation-name: right-swing-tail-on;
    transform: translate(57px, 10px) rotate(90deg); }
.plugs[aria-pressed="true"] .plugs__img-right-seg {
      animation-name: right-swing-seg-on; }
.plugs[aria-pressed="true"] .plugs__img-right-seg--flip {
        animation-name: left-swing-seg-on; }
.plugs[aria-pressed="true"] .plugs__img-right-head {
      animation-name: right-swing-head-on; }
.plugs[aria-pressed="true"] .plugs__img-prong {
    animation-name: prongs-on;
    animation-timing-function: cubic-bezier(0.35, 1, 0.65, 1);
    stroke-dashoffset: 2; }
.plugs__label {
    overflow: hidden;
    position: absolute;
    width: 0;
    height: 0; }

/* Dark theme */

.dark-mode .plugs {
        background: #6b1a9a !important;
        transition: background 0.3s ease 0.5s, box-shadow 0.3s ease 0.5s !important;
    }
.dark-mode .plugs__img {
        color:white;
        transition: color 0.3s ease 0.5s;
    }

[data-dark="false"] body,
[data-dark="false"] button {
    transition-duration: 0.675s, 0.3s, 0.675s; }

/* Animations */
@keyframes prongs-off {
  from {
    stroke-dashoffset: 2; }
  17.5%,
  to {
    stroke-dashoffset: 0; } }

@keyframes left-swing-tail-off {
  from {
    transform: translate(13px, 10px) rotate(-90deg); }
  25% {
    transform: translate(13px, 10px) rotate(-32deg); }
  50% {
    transform: translate(13px, 10px) rotate(2deg); }
  75% {
    transform: translate(13px, 10px) rotate(-1deg); }
  to {
    transform: translate(13px, 10px) rotate(0); } }

@keyframes left-swing-seg-off {
  from {
    transform: translate(0, 1px) rotate(0); }
  25% {
    transform: translate(0, 1px) rotate(-10deg); }
  50% {
    transform: translate(0, 1px) rotate(2deg); }
  75% {
    transform: translate(0, 1px) rotate(-1deg); }
  to {
    transform: translate(0, 1px) rotate(0); } }

@keyframes left-swing-seg-off-2 {
  from {
    transform: translate(0, 1px) rotate(0); }
  25% {
    transform: translate(0, 1px) rotate(10deg); }
  50% {
    transform: translate(0, 1px) rotate(2deg); }
  75% {
    transform: translate(0, 1px) rotate(-1deg); }
  to {
    transform: translate(0, 1px) rotate(0); } }

@keyframes left-swing-head-off {
  from {
    transform: translate(-2.5px, 1px) rotate(0); }
  25% {
    transform: translate(-2.5px, 1px) rotate(-10deg); }
  50% {
    transform: translate(-2.5px, 1px) rotate(2deg); }
  75% {
    transform: translate(-2.5px, 1px) rotate(-1deg); }
  to {
    transform: translate(-2.5px, 1px) rotate(0); } }

@keyframes right-swing-tail-off {
  from {
    transform: translate(57px, 10px) rotate(90deg); }
  25% {
    transform: translate(57px, 10px) rotate(32deg); }
  50% {
    transform: translate(57px, 10px) rotate(-2deg); }
  75% {
    transform: translate(57px, 10px) rotate(1deg); }
  to {
    transform: translate(57px, 10px) rotate(0); } }

@keyframes right-swing-seg-off {
  from {
    transform: translate(0, 1px) rotate(0); }
  25% {
    transform: translate(0, 1px) rotate(10deg); }
  50% {
    transform: translate(0, 1px) rotate(-2deg); }
  75% {
    transform: translate(0, 1px) rotate(1deg); }
  to {
    transform: translate(0, 1px) rotate(0); } }

@keyframes right-swing-seg-off-2 {
  from {
    transform: translate(0, 1px) rotate(0); }
  25% {
    transform: translate(0, 1px) rotate(-10deg); }
  50% {
    transform: translate(0, 1px) rotate(-2deg); }
  75% {
    transform: translate(0, 1px) rotate(1deg); }
  to {
    transform: translate(0, 1px) rotate(0); } }

@keyframes right-swing-head-off {
  from {
    transform: translate(-2.5px, 1px) rotate(0); }
  25% {
    transform: translate(-2.5px, 1px) rotate(10deg); }
  50% {
    transform: translate(-2.5px, 1px) rotate(-2deg); }
  75% {
    transform: translate(-2.5px, 1px) rotate(1deg); }
  to {
    transform: translate(-2.5px, 1px) rotate(0); } }

@keyframes prongs-on {
  from,
  70% {
    stroke-dashoffset: 0; }
  90%,
  to {
    stroke-dashoffset: 2; } }

@keyframes left-swing-tail-on {
  from {
    transform: translate(13px, 10px) rotate(0); }
  50% {
    transform: translate(13px, 10px) rotate(-32deg); }
  to {
    transform: translate(13px, 10px) rotate(-90deg); } }

@keyframes left-swing-seg-on {
  from {
    transform: translate(0, 1px) rotate(0); }
  50% {
    transform: translate(0, 1px) rotate(-10deg); }
  to {
    transform: translate(0, 1px) rotate(0); } }

@keyframes left-swing-head-on {
  from {
    transform: translate(-2.5px, 1px) rotate(0); }
  50% {
    transform: translate(-2.5px, 1px) rotate(-10deg); }
  to {
    transform: translate(-2.5px, 1px) rotate(0); } }

@keyframes right-swing-tail-on {
  from {
    transform: translate(57px, 10px) rotate(0); }
  50% {
    transform: translate(57px, 10px) rotate(32deg); }
  to {
    transform: translate(57px, 10px) rotate(90deg); } }

@keyframes right-swing-seg-on {
  from {
    transform: translate(0, 1px) rotate(0); }
  50% {
    transform: translate(0, 1px) rotate(10deg); }
  to {
    transform: translate(0, 1px) rotate(0); } }

@keyframes right-swing-head-on {
  from {
    transform: translate(-2.5px, 1px) rotate(0); }
  50% {
    transform: translate(-2.5px, 1px) rotate(10deg); }
  to {
    transform: translate(-2.5px, 1px) rotate(0); } }

@keyframes spark-1-x {
  from,
  12.5% {
    r: 1px;
    transform: translate(0, 0); }
  37.5%,
  to {
    r: 0;
    transform: translate(-10px, 0); } }

@keyframes spark-1-y {
  from {
    animation-timing-function: steps(1, end);
    transform: translate(0, 0);
    visibility: hidden; }
  12.5% {
    animation-timing-function: linear;
    transform: translate(0, 0);
    visibility: visible; }
  37.5%,
  to {
    transform: translate(0, -9px); } }

@keyframes spark-2-x {
  from,
  12.5% {
    r: 1px;
    transform: translate(0, 0); }
  37.5%,
  to {
    r: 0;
    transform: translate(4px, 0); } }

@keyframes spark-2-y {
  from {
    animation-timing-function: steps(1, end);
    transform: translate(0, 0);
    visibility: hidden; }
  12.5% {
    animation-timing-function: linear;
    transform: translate(0, 0);
    visibility: visible; }
  37.5%,
  to {
    transform: translate(0, -8px); } }

@keyframes spark-3-x {
  from,
  12.5% {
    r: 1px;
    transform: translate(0, 0); }
  37.5%,
  to {
    r: 0;
    transform: translate(-1px, 0); } }

@keyframes spark-3-y {
  from {
    animation-timing-function: steps(1, end);
    transform: translate(0, 0);
    visibility: hidden; }
  12.5% {
    animation-timing-function: linear;
    transform: translate(0, 0);
    visibility: visible; }
  37.5%,
  to {
    transform: translate(0, 8px); } }

/* 🔲 Ultra-Wide Screens (e.g., 2560px and up - 34"/Ultrawide) */
@media (min-width: 2560px) {
  .plugs {
    width: 160px;
    height: 80px;
    /* Custom styles for ultrawide */
  }
  .plugs__img {
    width: 100%;
    height: 40px; 
  }
}

/* 💻 Large Desktop (e.g., 1920px - 27") */
@media (min-width: 1920px) and (max-width: 2559px) {
  .plugs {
    width: 100px;
    height: 50px;
  }
  .plugs__img {
    width: 100%;
    height: 40px; 
  }
}

/* 🖥 Standard Desktop (1440px - 24") */
@media (min-width: 1440px) and (max-width: 1919px) {
  .plugs {
    width: 100px;
    height: 50px;
  }
  .plugs__img {
    width: 100%;
    height: 40px; 
  }
}

/* 🖥 Small Desktop / Large Laptop (1280px - 19" or 16") */
@media (min-width: 1280px) and (max-width: 1439px) {
  .plugs {
    width: 110px;
    height: 54px;
  }
  .plugs__img {
    width: 100%;
    height: 40px; 
  }
}

/* 💻 Medium Laptop (1024px - 13") */
@media (min-width: 1024px) and (max-width: 1279px) {
  .plugs {
    width: 90px;
    height: 40px;
  }
  .plugs__img {
    width: 100%;
    height: 35px; 
  }
}

/* 📱 Tablet Landscape (768px–1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .plugs {
    width: 80px;
    height: 44px;
  }
  .plugs__img {
    width: 100%;
    height: 30px; 
  }
}

/* 📱 Tablet Portrait & Large Phones (481px–767px) */
@media (min-width: 481px) and (max-width: 767px) {
  .plugs {
    width: 50px;
    height: 30px;
  }
  .plugs__img {
    width: 100%;
    height: 20px; 
  }
}

/* 📱 Mobile Phones (max 480px) */
@media (max-width: 480px) {
  .plugs {
    width: 50px;
    height: 30px;
  }
  .plugs__img {
    width: 100%;
    height: 20px; 
  }
}/* End custom CSS */