.elementor-kit-746{--e-global-color-primary:#333446;--e-global-color-secondary:#94A5CD;--e-global-color-text:#333446;--e-global-color-accent:#5000FF;--e-global-color-2eab7c5:#FFFFFF;--e-global-color-3b1dd06:#FFFFFF00;--e-global-color-97a3d34:#7F8CAA;--e-global-color-63c9634:#F7F6F7;--e-global-color-64ef202:#B8CFCE;--e-global-color-8000bb6:#00000080;--e-global-color-cd1e84d:#0A0A0A80;--e-global-color-a983356:#FFFFFF;--e-global-color-02754a5:#FFFFFF00;--e-global-color-ef9a968:#FFFFFFC7;--e-global-color-c8eca8d:#3BDA5A;--e-global-color-33eb17a:#F3F811;--e-global-color-e68e483:#5000FF;--e-global-color-19126d9:#D30242;--e-global-color-46179f7:#171C2B;--e-global-color-c92ced2:#414759;--e-global-color-1110e13:#D2D3D7;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-size:58px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:capitalize;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:56px;--e-global-typography-primary-letter-spacing:-0.3px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:24px;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.8em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-4c9ffe9-font-family:"Work Sans";--e-global-typography-4c9ffe9-font-size:14vw;--e-global-typography-4c9ffe9-font-weight:400;--e-global-typography-4c9ffe9-text-transform:uppercase;--e-global-typography-4c9ffe9-font-style:normal;--e-global-typography-4c9ffe9-text-decoration:none;--e-global-typography-4c9ffe9-line-height:52px;--e-global-typography-4c9ffe9-letter-spacing:33px;--e-global-typography-4c9ffe9-word-spacing:0em;--e-global-typography-59470f6-font-family:"Work Sans";--e-global-typography-59470f6-font-size:24px;--e-global-typography-59470f6-font-weight:400;--e-global-typography-59470f6-text-transform:uppercase;--e-global-typography-59470f6-font-style:normal;--e-global-typography-59470f6-text-decoration:none;--e-global-typography-59470f6-line-height:52px;--e-global-typography-59470f6-letter-spacing:15px;--e-global-typography-59470f6-word-spacing:0em;--e-global-typography-ccd18f8-font-family:"Work Sans";--e-global-typography-ccd18f8-font-size:24px;--e-global-typography-ccd18f8-font-weight:300;--e-global-typography-ccd18f8-text-transform:none;--e-global-typography-ccd18f8-font-style:normal;--e-global-typography-ccd18f8-text-decoration:none;--e-global-typography-ccd18f8-line-height:32px;--e-global-typography-ccd18f8-letter-spacing:0px;--e-global-typography-ccd18f8-word-spacing:0em;--e-global-typography-e85cf37-font-family:"Work Sans";--e-global-typography-e85cf37-font-size:20px;--e-global-typography-e85cf37-font-weight:300;--e-global-typography-e85cf37-text-transform:none;--e-global-typography-e85cf37-font-style:normal;--e-global-typography-e85cf37-text-decoration:none;--e-global-typography-e85cf37-line-height:24px;--e-global-typography-e85cf37-letter-spacing:0px;--e-global-typography-e85cf37-word-spacing:0em;--e-global-typography-3aefd66-font-family:"Work Sans";--e-global-typography-3aefd66-font-size:20px;--e-global-typography-3aefd66-font-weight:500;--e-global-typography-3aefd66-text-transform:capitalize;--e-global-typography-3aefd66-font-style:normal;--e-global-typography-3aefd66-text-decoration:none;--e-global-typography-3aefd66-line-height:-0.35px;--e-global-typography-3aefd66-letter-spacing:0px;--e-global-typography-3aefd66-word-spacing:0em;--e-global-typography-22e25b7-font-family:"Work Sans";--e-global-typography-22e25b7-font-size:20px;--e-global-typography-22e25b7-font-weight:300;--e-global-typography-22e25b7-font-style:normal;--e-global-typography-22e25b7-text-decoration:none;--e-global-typography-22e25b7-line-height:24px;--e-global-typography-22e25b7-letter-spacing:0px;--e-global-typography-22e25b7-word-spacing:0em;--e-global-typography-e41677f-font-family:"Inter";--e-global-typography-e41677f-font-size:20px;--e-global-typography-e41677f-font-weight:300;--e-global-typography-e41677f-font-style:normal;--e-global-typography-e41677f-text-decoration:line-through;--e-global-typography-e41677f-line-height:24px;--e-global-typography-e41677f-letter-spacing:0px;--e-global-typography-e41677f-word-spacing:0em;--e-global-typography-37c384a-font-family:"Work Sans";--e-global-typography-37c384a-font-size:16px;--e-global-typography-37c384a-font-weight:400;--e-global-typography-37c384a-text-transform:none;--e-global-typography-37c384a-font-style:normal;--e-global-typography-37c384a-text-decoration:none;--e-global-typography-37c384a-line-height:32px;--e-global-typography-37c384a-letter-spacing:0px;--e-global-typography-37c384a-word-spacing:0em;--e-global-typography-3ec3314-font-family:"Work Sans";--e-global-typography-3ec3314-font-size:16px;--e-global-typography-3ec3314-font-weight:300;--e-global-typography-3ec3314-text-transform:none;--e-global-typography-3ec3314-font-style:normal;--e-global-typography-3ec3314-text-decoration:none;--e-global-typography-3ec3314-line-height:24px;--e-global-typography-3ec3314-letter-spacing:0px;--e-global-typography-3ec3314-word-spacing:0em;--e-global-typography-d6f73ac-font-family:"Cormorant Infant";--e-global-typography-d6f73ac-font-size:20px;--e-global-typography-d6f73ac-font-weight:500;--e-global-typography-d6f73ac-text-transform:uppercase;--e-global-typography-d6f73ac-font-style:italic;--e-global-typography-d6f73ac-text-decoration:none;--e-global-typography-d6f73ac-line-height:1em;--e-global-typography-d6f73ac-letter-spacing:0px;--e-global-typography-d6f73ac-word-spacing:0em;--e-global-typography-628465a-font-family:"Lora";--e-global-typography-628465a-font-size:78px;--e-global-typography-628465a-font-weight:700;--e-global-typography-628465a-text-transform:capitalize;--e-global-typography-628465a-font-style:normal;--e-global-typography-628465a-text-decoration:none;--e-global-typography-628465a-line-height:74px;--e-global-typography-628465a-letter-spacing:-2.3px;--e-global-typography-13b2551-font-family:"Inter";--e-global-typography-13b2551-font-size:28px;--e-global-typography-13b2551-font-weight:600;--e-global-typography-13b2551-text-transform:capitalize;--e-global-typography-13b2551-font-style:normal;--e-global-typography-13b2551-text-decoration:none;--e-global-typography-13b2551-line-height:1.6em;--e-global-typography-13b2551-letter-spacing:-0.7px;--e-global-typography-02da0e9-font-family:"Inter";--e-global-typography-02da0e9-font-size:16px;--e-global-typography-02da0e9-font-weight:600;--e-global-typography-02da0e9-text-transform:capitalize;--e-global-typography-02da0e9-font-style:normal;--e-global-typography-02da0e9-text-decoration:none;--e-global-typography-02da0e9-line-height:26px;--e-global-typography-dfc7301-font-family:"Inter";--e-global-typography-dfc7301-font-size:16px;--e-global-typography-dfc7301-font-weight:700;--e-global-typography-dfc7301-text-transform:uppercase;--e-global-typography-dfc7301-font-style:normal;--e-global-typography-dfc7301-text-decoration:none;--e-global-typography-dfc7301-line-height:24px;--e-global-typography-dfc7301-letter-spacing:7.1px;--e-global-typography-dfc7301-word-spacing:0px;background-color:var( --e-global-color-a983356 );color:#D2D3D7;}.elementor-kit-746 e-page-transition{background-color:#FFBC7D;}.elementor-kit-746 a{color:var( --e-global-color-accent );}.elementor-kit-746 h1{color:var( --e-global-color-secondary );}.elementor-kit-746 h2{color:var( --e-global-color-secondary );}.elementor-kit-746 h3{color:var( --e-global-color-secondary );}.elementor-kit-746 h4{color:var( --e-global-color-secondary );}.elementor-kit-746 h5{color:var( --e-global-color-secondary );}.elementor-kit-746 h6{color:var( --e-global-color-secondary );}.elementor-kit-746 label{color:var( --e-global-color-primary );}.elementor-kit-746 input:not([type="button"]):not([type="submit"]),.elementor-kit-746 textarea,.elementor-kit-746 .elementor-field-textual{font-family:"Inter", Sans-serif;font-size:16px;font-weight:300;color:#E23125C2;}.elementor-kit-746 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-746 textarea:focus,.elementor-kit-746 .elementor-field-textual:focus{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1730px;}.e-con{--container-max-width:1730px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-46179f7 );--lightbox-ui-color:var( --e-global-color-secondary );--lightbox-ui-color-hover:var( --e-global-color-accent );--lightbox-text-color:var( --e-global-color-1110e13 );--lightbox-navigation-icons-size:16px;}@media(max-width:1024px){.elementor-kit-746{--e-global-typography-primary-font-size:38px;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:15px;--e-global-typography-secondary-font-size:36px;--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:18px;--e-global-typography-accent-font-size:14px;--e-global-typography-4c9ffe9-font-size:81px;--e-global-typography-4c9ffe9-line-height:54px;--e-global-typography-59470f6-font-size:18px;--e-global-typography-59470f6-line-height:30px;--e-global-typography-ccd18f8-font-size:16px;--e-global-typography-ccd18f8-line-height:18px;--e-global-typography-e85cf37-font-size:14px;--e-global-typography-22e25b7-font-size:24px;--e-global-typography-e41677f-font-size:19px;--e-global-typography-37c384a-font-size:14px;--e-global-typography-3ec3314-font-size:14px;--e-global-typography-d6f73ac-font-size:23px;--e-global-typography-628465a-font-size:58px;--e-global-typography-628465a-line-height:1em;--e-global-typography-13b2551-font-size:22px;--e-global-typography-02da0e9-font-size:14px;--e-global-typography-dfc7301-font-size:14px;--e-global-typography-dfc7301-letter-spacing:6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-746{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:10px;--e-global-typography-primary-word-spacing:0em;--e-global-typography-secondary-font-size:18px;--e-global-typography-accent-font-size:14px;--e-global-typography-4c9ffe9-font-size:42px;--e-global-typography-4c9ffe9-letter-spacing:10px;--e-global-typography-59470f6-font-size:18px;--e-global-typography-59470f6-line-height:25px;--e-global-typography-59470f6-letter-spacing:6.6px;--e-global-typography-ccd18f8-font-size:16px;--e-global-typography-ccd18f8-line-height:1.2em;--e-global-typography-3aefd66-font-size:16px;--e-global-typography-22e25b7-font-size:20px;--e-global-typography-e41677f-font-size:20px;--e-global-typography-d6f73ac-font-size:20px;--e-global-typography-628465a-font-size:36px;--e-global-typography-628465a-letter-spacing:-2px;--e-global-typography-13b2551-font-size:18px;--e-global-typography-dfc7301-font-size:12px;--e-global-typography-dfc7301-letter-spacing:4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
  --color-dark: rgba(23,28,43,1); 
  --color-dark-75: rgba(23,28,43,.75); 
  --color-dark-50: rgba(23,28,43,.5); 
  --color-dark-middle: #414759;
  --color-light-gray-blue: #94A5CD;
  --color-light: #D2D3D7;
  --color-green: rgba(59,218,90,1);
  --color-green-50: rgba(59,218,90,0.5);
  --color-light-green: rgba(59,218,90,0.1);
  --color-blue: rgba(80, 0, 255, 1);
  --color-blue-75: rgba(80, 0, 255, 0.75);
  --color-blue-50: rgba(80, 0, 255, 0.5);
  --color-yellow: rgba(243,248,17,1);
  --color-light-yellow: rgba(243,248,17,0.1);
  --color-red: rgba(211,2,66,1);
  --color-red-30: rgba(211,2,66,0.3);
  --color-red-50: rgba(211,2,66,0.5);
  --color-red-80: rgba(211,2,66,0.8);
  --color-red-light: rgba(211,2,66,0.1);
  --color-transparent: rgba(0,0,0,0);
  --color-white: rgba(255,255,255,1);
  --color-black: rgba(0,0,0,1);
  --color-black-50: rgba(0,0,0,0.5);
  --color-black-75: rgba(0,0,0,0.75);
  --normal-font-size: 20px;
  --small-font-size: 18px;
  --normal-unit: 20px;
  --normal-line-height: 2.5rem;
  --normal-font-weight: 500;
  --bold-font-weight: 700;
  --headline-font-name: "hagrid", sans-serif;
  --e-global-typography-accent-font-size: 20px;
  --e-global-typography-secondary-font-size: 20px;
}

body * {
    font-family: Arial, Helvetica, sans-serif !important;
}

body,
body.wp-singular,
body .elementor-widget-text-editor:not(.copyright) {
  background-color: var(--color-black) !important;
  font-size: var(--normal-font-size) !important;
  line-height: var(--normal-line-height) !important;
}

body .elementor-widget-text-editor.copyright {
    font-size: var(--small-font-size) !important;    
}

/*//////////// Header menu ///////////*/

.header-menu a {
  color: var(--color-light-gray-blue) !important;
  font-size: var(--normal-font-size) !important;
}

.header-menu a:hover,
.header-menu a.elementor-item-active {
  color: var(--color-white) !important;
}

/*/////////// Headlines ////////////*/

.header .logotype .elementor-heading-title > a,
.elementor-heading-title,
.project-title,
.ticker__container h1 {
  font-family: var(--headline-font-name) !important;
}

h1 {
  font-weight: var(--normal-font-weight) !important;
  font-size: 4rem !important;
  letter-spacing: normal !important;
  line-height: 4rem !important;
}

@media (max-width: 767px) {
  h1 {
    font-size: 3rem !important;
    line-height: 3rem !important;
  }
}

.main-headline,
.ticker {
  margin: 75px 0 100px !important; /* 50px 0 75px */

  @media (max-width: 1024px) {
      margin: 35px 0 50px !important;
  }
}

.featured-works__title {
  margin: 150px 0 0 !important; /* 75px 0 100px */

  @media (max-width: 1024px) {
      margin: 100px 0 0 !important;
  }

  @media (max-width: 768px) {
      margin: 50px 0 0 !important;
  }
}

.cta-heading h2 { 
  font-weight: var(--normal-font-weight) !important;
  font-size: 4rem !important;
  letter-spacing: normal !important;
  line-height: 4rem !important;
  background: linear-gradient(135deg, var(--color-yellow) 0%, var(--color-blue) 50%, var(--color-red) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

@media (max-width: 767px) {
  .cta-heading h2 { 
    font-size: 3rem !important;
    line-height: 3rem !important;
  }
}

/* Buttons */
.normal-button a .elementor-button-text {
  font-size: var(--normal-font-size) !important;
}

/* More projects block */
.more-projects {
    margin-bottom: 50px !important;
}

.more-projects .elementor-post__text {
  margin-top: 0 !important;
  padding: 15px 25px !important;
}

.more-projects .elementor-post__text a {
  color: var(--color-light-gray-blue) !important;
  font-weight: 600 !important;
  background-color: none !important;
  padding: 25px 15px !important;
}

@media (max-width: 1024px) {
  .more-projects .elementor-post__text {
    padding: 0 var(--normal-unit) !important;
  }
  .more-projects .elementor-post__text a {
    padding: 0 !important;
  }
}

.more-projects .elementor-post__text a:hover {
  color: var(--color-white) !important;
  background: 
    radial-gradient(
      ellipse 40% 30%,
      var(--color-red-50) 0%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 80% 60%,
      var(--color-blue) 0%,
      transparent 70%
    );
}

.header {
  z-index: 3;
}
/* Visuals presentation */
.screens__desktop {
  padding: 50px 9%;
  border-radius: 36px;
  position: relative;
  color: var(--color-dark-middle);
  overflow: hidden;
}
.mobile-screens img,
.screens__desktop figure img,
[class^="wp-image-"],
.screens__desktop video {
  border: 1px solid var(--color-blue) !important;
  border-radius: 24px;
}
.desktop-screens {
  padding: 0 5%;
}

@media (max-width: 767px) {
  .screens__desktop {
    padding: 25px 5%;
  }
}
.screens__desktop::before {
  content: '';
  position: absolute;
  top: -20px;
  left: -20px;
  right: -20px;
  bottom: -20px;
  background: radial-gradient(ellipse 20% 250% at center, var(--color-blue) 0%, var(--color-dark) 30%) !important;
  transform: rotate(30deg) scale(2.5);
  z-index: -1;
  filter: blur(50px);
}
figcaption {
  color: var(--color-light);
  font-style: normal;
  margin-top: 1rem !important;
}

/* Override columns on mobile */
@media (max-width: 768px) {
  .wp-block-gallery.columns-4:not(.no-grid-change) {
    --columns: 2 !important;
  }
  
  .wp-block-gallery.columns-2:not(.no-grid-change),
  .wp-block-gallery.columns-default:not(.no-grid-change) {
    --columns: 1 !important;
  }

  .wp-block-gallery.columns-4:not(.no-grid-change) .wp-block-image {
    flex: 0 0 49.5% !important;
  }

  .wp-block-gallery.columns-2:not(.no-grid-change) .wp-block-image,
  .wp-block-gallery.columns-default:not(.no-grid-change) .wp-block-image {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .is-layout-grid.screens__desktop:not(.no-grid-change) {
    grid-column: 1;
  }
}
@media (max-width: 548px) {
  .wp-block-gallery.columns-4:not(.no-grid-change) .wp-block-image {
    flex: 0 0 100% !important;
  }
}

/* Main video in header */
.project-main-video {
  margin-bottom: 50px;
  position: relative;
  z-index: -2;
}
.project-main-video > video {
  max-height: 640px !important;
  object-fit: cover !important;
}
.project-main-video::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 500px;
  background: linear-gradient(to top, var(--color-black) 10%, transparent 100%); /* Shadow */
  pointer-events: none;
  z-index: 1;
}
@media (max-width: 767px) {
  .project-main-video::after {
    height: 150px;
  }
}
.project-main-video > figcaption {
  display: none;
}

/* Change lightbox overlay background to dark */
.wp-lightbox-overlay .scrim {
  background-color: var(--color-dark) !important;
}
.logotype {
  text-transform: uppercase;
  font-family: "hagrid", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.logotype:hover {
  /* color: var(--color-red); */
  background: linear-gradient(135deg, var(--color-blue) 0%, var(--color-blue) 50%, var(--color-red) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.height_500 > img,
.height_500 > video {
  max-height: 500px !important;
  object-fit: contain !important;
}
.height_600 > img,
.height_600 > video {
  max-height: 600px !important;
  object-fit: contain !important;
}
.height_700 > img,
.height_700 > video {
  max-height: 700px !important;
  object-fit: contain !important;
}

/* Project title */
.project-title {
  margin-top: -250px !important;
  font-family: "hagrid", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  background: linear-gradient(135deg, var(--color-green) 0%, var(--color-blue) 50%, var(--color-red) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.client-info {
  color: var(--color-light-gray-blue) !important;
}

@media (max-width: 767px) {
  .project-title {
    font-size: 3rem !important;
    margin-top: -100px !important;
  }
}

.project-title-1 {
  margin-top: -200px !important;
  font-family: "hagrid", sans-serif;
  font-weight: 500;
  font-size: 4rem;
  background: linear-gradient(135deg, var(--color-light-gray-blue) 0%, var(--color-blue) 50%, var(--color-red) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

@media (max-width: 1200px) {
  .wp-block-columns.is-layout-flex.project-description.project-description--stack {
    flex-direction: column !important;
  }
  
  .wp-block-columns.is-layout-flex.project-description.project-description--stack .wp-block-column {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

.project-container {
   /* font-size: 20px !important;
  line-height: 2rem;*/
}

/* Lists */
ul, ol {
  list-style: none; 
  padding-left: 0;  
  margin-left: 0;  
}
ol.ordered_list__project li {
  position: relative;  
  padding-left: 1em;  
  font-style: italic; 
  line-height: 2rem;
}
ol.ordered_list__project li::before {
  content: "–";        
  position: absolute;
  left: 0;             
}
ol.ordered_list__project {
  margin-bottom: 1.8rem;
}

/* Sub headers on project pages */
.project_subheader {
  color: var(--color-white) !important;
  font-weight: 600 !important;
  background: 
    radial-gradient(
      ellipse 40% 30%,
      var(--color-red-50) 0%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 80% 60%,
      var(--color-blue) 0%,
      transparent 70%
    );
  position: relative;
  padding: 30px 50px;
  margin-left: -50px;
  margin-top: -10px;
  display: inline-block;
  border-radius: 6px;
}
.project_subheader:hover {
    background: 
    radial-gradient(
      ellipse 70% 50%,
      var(--color-red-80) 0%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 80% 60%,
      var(--color-blue) 0%,
      transparent 70%
    );
}

/* Hidden additional content */
.additional-content {
  color: var(--color-light-gray-blue) !important;
  /* font-size: 1rem !important; */
  background: var(--color-dark);
  padding: 20px;
  border-radius: 24px;
  border: var(--color-light-gray-blue) 1px dashed;
}
.additional-content a {
  color: var(--color-blue) !important;
  font-size: inherit !important;
}
.additional-content a:hover {
  color: var(--color-red) !important;
}
.additional-content a.wp-element-button {
  /*color: var(--color-blue) !important;*/
  background: none !important;
  font-size: 1rem !important;
  padding: 10px 30px !important;
  border: 2px solid var(--color-blue);
  border-radius: 60px !important;
}
.additional-content a.wp-element-button:hover {
  border-color: var(--color-red) !important;
}

/* Utils */
.highlighted {
  color: var( --color-yellow);
  font-weight: 600;
}
.warning {
  color: var( --color-red);
  font-weight: 600;
}
.success {
  color: var( --color-green);
  font-weight: 600;
}

/* Spacers config */
.spacer {
  height: 100px;
}
.spacer_medium {
  height: 50px;
}
.spacer_small {
  height: 25px;
}
@media (max-width: 1024px) {
  .spacer {
    height: 75px;
  }
  .spacer_medium {
    height: 25px;
  }
  .spacer_small {
    height: 15px;
  }
}
@media (max-width: 767px) {
  .spacer {
    height: 50px;
  }
  .spacer_medium {
    height: 15px;
  }
  .spacer_small {
    height: 10px;
  }
}

/* Tags */
.project-tags a {
  padding: 6px 14px;
  color: var(--color-light-gray-blue) !important;
  border: 1px solid var(--color-light-gray-blue);
  border-radius: 25px;
  margin-right: 10px;
}

.project-tags a:hover {
  color: var(--color-dark) !important;
  background: var(--color-light-gray-blue);
  border: 1px solid var(--color-light-gray-blue);
}

@media (max-width: 767px) {
  .project-tags {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px;
    padding: 0 20px !important; 
    margin: 0 -20px 20px !important; 
    -webkit-overflow-scrolling: touch;
    
    scrollbar-width: none; 
    -ms-overflow-style: none; 
  }
  
  .project-tags::-webkit-scrollbar {
    display: none; 
  }

  .project-tags a {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    padding: 0 20px;
    color: var(--color-light-gray-blue) !important;
    border: 1px solid var(--color-light-gray-blue);
    border-radius: 25px;
    margin-right: 0 !important;
  }
}

/* Footer */
.deep-footer {
  /*max-height: 150px;*/
  background: linear-gradient(to top, rgba(80,0,255,0.5) 0%,rgba(80,0,255,0.3) 20%, rgba(80,0,255,0.1) 45%, transparent 70%);
  padding: 25px 0 50px 5% !important;
  margin: 0 !important;
}
.copyright {
  font-size: 0.9rem !important;
  color: var(--color-dark-middle) !important;
}

/*/////////////// Latest Projects Feed ///////////////////*/

.latest-projects-feed {
    margin-bottom: 50px !important;
}

.latest-projects-feed .elementor-grid {
    display: block !important;
}

.latest-projects-feed article {
    display: flex !important;
    flex-direction: column !important;
}

 .latest-projects-feed article:not(:last-child) {
    margin-bottom: 25px !important;
  }

.latest-projects-feed article .elementor-post__thumbnail {
    padding-bottom: 0 !important;
}

.latest-projects-feed article .elementor-post__thumbnail__link {
    background-color: none;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.latest-projects-feed .elementor-post__thumbnail__link img {
    width: 100% !important;
    border-radius: 36px;
}

.latest-projects-feed article .elementor-post__thumbnail__link img {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    transform: none !important;
}

/* Latest Projects Feed –– Text */
.latest-projects-feed article .elementor-post__text {
    background-color: none;
    position: relative;
    height: 100%;
}

.latest-projects-feed article .elementor-post__text .elementor-post__title {
    margin-left: 2vw; /*20px*/
    margin-right: 5vw;
    display: block;
    background: none;
    position: absolute;
    bottom: 5vw; /*50px*/
}

.latest-projects-feed article .elementor-post__text .elementor-post__title a {
    color: var(--color-blue);
    background-color: var(--color-dark);
    font-family: "hagrid", sans-serif !important;
    font-weight: 900 !important;
    font-size: 2rem !important;
    text-transform: capitalize !important;
    letter-spacing: 0.1rem !important;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0px 20px;
    border-radius: 16px;
    line-height: 3rem !important;
    box-shadow: 0 12px 60px rgba(80, 0, 255, 0.5);
    transition: all 0.3s ease;
}

.latest-projects-feed article .elementor-post__text .elementor-post__title a:hover {
    color: var(--color-light-gray-blue);
    background-color: var(--color-blue);
    box-shadow: 0 12px 60px rgba(80, 0, 255, 0.75);
}

@media (min-width: 1025px) {
    
  .latest-projects-feed .elementor-grid {
      display: grid !important;
  }
  
  .latest-projects-feed article {
      flex-direction: row !important;
  }

  .latest-projects-feed article:not(:last-child) {
      margin-bottom: 50px !important;
  }
  
  .latest-projects-feed article:nth-child(even) {
      flex-direction: row-reverse !important;
  }

  .latest-projects-feed article .elementor-post__text .elementor-post__title {
      margin-left: -150px !important;
      display: block;
      background: none;
      position: absolute;
      bottom: 100px;
  }
  
  .latest-projects-feed article:nth-child(even) .elementor-post__text {
      position: relative;
  }
  
  .latest-projects-feed article:nth-child(even) .elementor-post__text .elementor-post__title {
      margin-left: 0 !important;
      margin-right: -150px !important;
      right: 0;
      text-align: right;
      position: absolute;
      bottom: 100px; 
  }

  .latest-projects-feed article .elementor-post__text .elementor-post__title a {
      font-size: inherit;
  }

  .latest-projects-feed .elementor-post__thumbnail__link {
      flex: 0 0 66% !important;
  }
  
  .latest-projects-feed .elementor-post__text {
      flex: 1 !important;
  }
}

@media (min-width: 1200px) {
  .latest-projects-feed article:not(:last-child) {
      margin-bottom: 75px !important;
  }
}

@media (max-width: 767px) {
    .latest-projects-feed.elementor-widget-posts {
        margin-left: 0 !important;
    }

    .latest-projects-feed .elementor-post.elementor-grid-item {
        max-width: none !important;
    }

    .latest-projects-feed .elementor-post.elementor-grid-item:last-child {
        margin-right: 0 !important;
    }

    .latest-projects-feed article .elementor-post__text .elementor-post__title a {       
        font-size: 1.5rem !important;
        line-height: 2.5rem !important;
    }
}


/* Download button tweaks */
.download-btn {
    margin-top: 20px;
}

.download-btn a:first-child {
    display: none;
}

.download-btn .wp-block-file__button.wp-element-button {
    margin-left: 0 !important;
    width: 100% !important;
    font-size: var(--normal-font-size) !important;
    line-height: var(--normal-line-height) !important;
    text-align: center;
}

/* Margin-bottom tweaks */
:where(figure) {
    margin-bottom: 0 !important;
}

p:not(.header-menu *), ul:not(.header-menu *), ol:not(.header-menu *) {
    margin-block-end: 1.2rem !important;
}

@media (max-width: 1024px) {
    p:is(.header-menu *), ul:is(.header-menu *), ol:is(.header-menu *) {
        margin-block-end: 1.2rem !important;
    }
}

/*///////////////// Mobile horizontal scroll for Elementor posts widget ///////////////////*/

@media (max-width: 767px) {
    /* Target all parent containers that might add margins, .elementor-element-8df0d0e, .elementor-element-aaa76ab */
    .elementor-element.elementor-element-8df0d0e,
    .elementor-element.elementor-element-aaa76ab {
        margin: 0 !important;
        padding: 0 !important;
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
    }
    
    /* Remove margins from section and column */
    .elementor-section,
    .elementor-column,
    .elementor-column-wrap,
    .elementor-widget-wrap {
        margin: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    /* Widget container */
    .elementor-widget-posts {
        margin: 0 !important;
        padding: 0 !important;
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        overflow: hidden !important;
    }
    
    .elementor-widget-posts .elementor-widget-container {
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        width: 100% !important;
    }
    
    /* Posts container - full bleed horizontal scroll */
    .elementor-posts-container.elementor-posts.elementor-posts--skin-cards.elementor-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        gap: 20px !important;
        padding: 20px 0 20px 20px !important; /* Top, right, bottom, left */
        margin: 0 !important;
        width: 100% !important;
        
        /* Smooth scrolling */
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
        
        /* Custom scrollbar */
        scrollbar-width: thin;
        scrollbar-color: rgba(0,0,0,0.3) transparent;
    }
    
    /* Scrollbar styling for webkit */
    .elementor-posts-container.elementor-posts.elementor-posts--skin-cards.elementor-grid::-webkit-scrollbar {
        height: 4px;
    }
    
    .elementor-posts-container.elementor-posts.elementor-posts--skin-cards.elementor-grid::-webkit-scrollbar-track {
        background: transparent;
    }
    
    .elementor-posts-container.elementor-posts.elementor-posts--skin-cards.elementor-grid::-webkit-scrollbar-thumb {
        background: rgba(0,0,0,0.2);
        border-radius: 2px;
    }
    
    /* Individual post items */
    .elementor-post.elementor-grid-item {
        flex: 0 0 320px !important;
        min-width: 320px !important;
        max-width: 320px !important;
        margin: 0 !important;
        height: auto !important;
    }
    
    /* Last item spacing */
    .elementor-post.elementor-grid-item:last-child {
        margin-right: 20px !important;
    }
    
    /* Alternative card size - uncomment if you want larger cards */
    /*
    .elementor-post.elementor-grid-item {
        flex: 0 0 85vw !important;
        min-width: 85vw !important;
        max-width: 85vw !important;
    }
    */
    
    /* Remove any container max-width constraints */
    .elementor-container {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Override any theme container styles */
    body .elementor-section .elementor-container {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/*////////////// Utilities ////////////////*/

@media (max-width: 767px) {
    .flex-to-grid .wp-block-column:last-child img {
        /* Reset sizing constraints first */
        max-height: none !important;
        max-width: none !important;
        width: auto;
        height: auto;
        
        /* Apply rotation */
        /* transform: rotate(-90deg);
        transform-origin: center center;
        
        max-width: 300px;  */
    }
}

@media (min-width: 1025px) {
    .flex-to-grid.wp-block-columns {
        display: grid !important;
        grid-template-columns: 2fr 1fr; 
        align-items: start;
    }

    .flex-to-grid .wp-block-column:last-child img {
        max-height: 100%;
        width: auto;
        object-fit: contain;
    }
}

.font--italic {
    font-style: italic !important;
} 

.color--light-gray-blue {
    color: var(--color-light-gray-blue) !important;
}

/*////////////// Video Button Mask ////////////////*/

[data-id="d9617c8"] {
    width: 50vw !important;
    height: auto;
    position: relative;
    --video-contrast: 1.6;   /* 1 = no change, >1 increases contrast */
    --video-saturate: 1.6;    /* 1 = no change, >1 increases saturation */

    @media (max-width: 767px) {
        width: 90vw !important;
    }
}

[data-id="d9617c8"] video {
    mask: url(https://kruglikov.com/wp-content/uploads/2025/09/video_btn_mask.svg);
    -webkit-mask: url(https://kruglikov.com/wp-content/uploads/2025/09/video_btn_mask.svg);
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    /* Add contrast and saturation */
    -webkit-filter: contrast(var(--video-contrast)) saturate(var(--video-saturate));
    filter: contrast(var(--video-contrast)) saturate(var(--video-saturate));
    transition: filter 300ms ease, -webkit-filter 300ms ease;
    will-change: filter;
}

/* Glossy overlay */
/* Layer 1: Main gloss */
[data-id="d9617c8"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url('https://kruglikov.com/wp-content/uploads/2025/09/video_btn_glossy.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: multiply;
    opacity: 1;
    transition: all 2s ease;
    z-index: 1;
}

/* Layer 2: Highlight effect */
[data-id="d9617c8"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: url('https://kruglikov.com/wp-content/uploads/2025/09/video_btn_glossy.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    mix-blend-mode: screen;
    opacity: 0.9;
    transition: all 2s ease;
    z-index: 2;
}

/* Click Event Handle */
.video-link-wrapper {
    pointer-events: none; /* Disable clicks on the container */
}

.video-link-wrapper video {
    pointer-events: auto; /* Enable clicks only on the video */
}

[data-id="d9617c8"] video:hover {
    -webkit-filter: opacity(0);
    filter: opacity(0.9);
    transition: filter 300ms ease, -webkit-filter 300ms ease;
    will-change: filter;
}

[data-id="d9617c8"]:has(video:hover)::before,
[data-id="d9617c8"]:has(video:hover)::after {
    background-image: url('https://kruglikov.com/wp-content/uploads/2025/09/video_btn_filter.svg');
}


/*////////////// Ticker ////////////////*/

@keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
      
.ticker {
    max-width: 100%;
    overflow: hidden;
}
      
.ticker__in {
    display: flex;
    width: fit-content;
    animation: ticker 30s linear infinite;
    -webkit-transform-style: preserve-3d; /* Фикс возможного глюка с морганием в Сафари */
}
      
.ticker__item {
    padding: .5em .75em;
    white-space: nowrap;
    -webkit-backface-visibility: hidden; /* Фикс возможного глюка с морганием в Сафари */
}

.star-svg {
    width: 2.5rem;
    height: 5.5rem;
    vertical-align: bottom;
    margin: 0 5px;
    fill: var(--color-dark-middle); /* --color-blue */
    animation: rotate360 4s linear infinite; /* Add this line */
}

@media (max-width: 767px) {

    .star-svg {
        width: 2rem;
        height: 4.5rem;
    }

}

@keyframes rotate360 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}


/*////////////// Latest Works Cards ////////////////*/

.cards__container {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {

    .cards__container {
        margin-bottom: 50px;
        flex-direction: column;
        align-items: stretch;
    }

}

[class^="card__image_"],
.card {
    display: flex;
    width: 30vw;
    height: 30vw;
    transition: 0.4s ease-out;
    position: relative;
    left: 0px;
    background-color: var(--color-dark); 
    background-size: cover;
    border-radius: 24px;
}

[class^="card__image_"]:not(:first-child) .card {   
    box-shadow: 
        -1rem 0 2rem -0.5rem var(--color-black-50),
        -2rem 0 3rem -1rem var(--color-blue); 
}

@media (max-width: 768px) {

    .card {
        border: 1px solid var(--color-blue);
    }

    [class^="card__image_"]:not(:first-child) .card {   
        box-shadow: 
            0 -1rem 6rem -1rem var(--color-black-75),
            0 -1rem 3rem -1rem var(--color-blue); 
    }
}

@media (max-width: 768px) {

    [class^="card__image_"],
    .card {
        width: 90vw;
        height: calc(90vw * 9 / 16);
    }   

}

[class^="card__image_"]:hover {
    transform: translateY(-20px);
    transition: 0.4s ease-out;
}

@media (min-width: 1025px) {

    [class^="card__image_"]:not(:first-child) {
        margin-left: -50px;
    }

    [class^="card__image_"]:hover ~ [class^="card__image_"] {
        position: relative;
        left: 50px;
        transition: 0.4s ease-out;
    }

}

@media (max-width: 768px) {

    [class^="card__image_"]:not(:first-child) {
        margin-top: -50px;
    }

    [class^="card__image_"]:hover ~ [class^="card__image_"] {
        position: relative;
        top: 50px;
        transition: 0.4s ease-out;
    }

}

.circle {
    width: 6rem;
    height: 6rem; 
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (max-width: 768px) {

    .circle { 
        width: 4rem;
        height: 4rem;  
    }   

}

/* SVG Stroke Animation */

svg {
    fill: none;
    stroke-width: 4px;
}

a:hover svg {
    fill: var(--color-dark-50);
    transition: 0.4s ease-out;
}

.stroke {
    stroke: var( --color-light-gray-blue);
    stroke-dasharray: 381.59;
    stroke-dashoffset: 381.59;
    transition: 0.6s ease-out;
}

a:hover .stroke {
    stroke: var(--color-red);
    cursor: pointer;
    stroke-dashoffset: 0;
    transition: 1s ease-out;
}


/*////////////// Rive Test ////////////////*/

/* Still testing... */


/*////////////// Hide redundant CTA block on the Contact Us page ////////////////*/

/* Prevention "floated" upward footer on the Contact Us page (ID 773, 776) 
┌─────────────────────┐
│      HEADER         │ ← flex-shrink: 0 (fixed height)
├─────────────────────┤
│                     │
│    MAIN CONTENT     │ ← flex: 1 0 auto (expands to fill space)
│   (.elementor-773)  │
│                     │
├─────────────────────┤
│      FOOTER         │ ← flex-shrink: 0 (fixed height)
└─────────────────────┘
*/

body.elementor-page-773,
body.elementor-page-776 {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

.elementor-773,
.elementor-776 {
    flex: 1 0 auto;
}

.elementor-location-header,
.elementor-location-footer {
    flex-shrink: 0;
}

.page-id-773 .elementor-element-7edbea48 {
    display: none !important;
}/* End custom CSS */