/*
Theme Name: cstudio
Theme URI: 
Version: 1.0
Author: Alexandros Chanas
Text Domain: https://www.cstudio.gr
*/

:root{

    --troka_black : #2e2e2e;
    --troka_deepblack : #191919;
    --troka_yellow : #ed2025;
    --troka_gray: #a8a59e;
    --troka_orange: #ed2025;
    --font-satoshi: "Satoshi", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

}

*{

    padding:0;
    margin:0;
    box-sizing:border-box;
    font-family: var(--font-satoshi);
    font-weight: 400;

}

#wpadminbar{top:unset; bottom:0 !important;}
.wpml-ls-legacy-dropdown a{border:transparent; background:transparent;}
.wpml-ls-legacy-dropdown a:hover{background:transparent;}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{background:transparent; border:transparent;}

@media screen and (min-width: 1240px) {

  :root{

    /* Body / text sizes */
    --textXS:  clamp(0.75rem,  calc(0.517rem + 0.30vw), 0.825rem);  /* ~12px → 13.2px */
    --textS:   clamp(0.875rem, calc(0.604rem + 0.35vw), 0.963rem);  /* ~14px → 15.4px */
    --textM:   clamp(1rem,     calc(0.690rem + 0.40vw), 1.10rem);   /* 16px → 17.6px */
    --textL:   clamp(1.125rem, calc(0.776rem + 0.45vw), 1.238rem);  /* 18px → 19.8px */
    --textXL:  clamp(1.25rem,  calc(0.863rem + 0.50vw), 1.375rem);  /* 20px → 22px */
    --text2XL: clamp(1.5rem,   calc(1.035rem + 0.60vw), 1.65rem);   /* 24px → 26.4px */
    --text3XL: clamp(1.875rem, calc(1.294rem + 0.75vw), 2.062rem);  /* 30px → 33px */
    --text4XL: clamp(2.25rem,  calc(1.552rem + 0.90vw), 2.475rem);  /* 36px → 39.6px */

    /* Headings (a bit more aggressive scaling) */
    --headingS: clamp(1.5rem,  calc(0.570rem + 1.20vw), 1.8rem);    /* 24px → 28.8px */
    --headingM: clamp(2rem,    calc(0.760rem + 1.60vw), 2.4rem);    /* 32px → 38.4px */
    --headingL: clamp(2.5rem,  calc(0.950rem + 2.00vw), 3rem);      /* 40px → 48px */
    --headingConst: calc(clamp(9rem, 5.455vw + 4.705rem, 11.25rem));

  }

  a{text-decoration:none !important;}
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      vertical-align: baseline;
  }

  li{list-style: none;}
  
  p{font-size:16px; font-weight:300 !important; line-height:20px;}
  strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit;color: #13294a; }
  em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
  span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
  h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: #13294a; line-height:30px;}
  h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: #13294a; }
  h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: #13294a; }
  h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: #13294a; }
  h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: #13294a; }
  h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: #13294a; }
  body, html {
      font-size: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      --light-blue:#4396d2;
      --grey-color:#414141;
      overflow: hidden; overflow-y: auto;
     
  }  

  .wrapper{width:100%; background:var(--troka_yellow);}
  .wrapper .container{ max-width: 1640px; width: 90%; margin: auto; background:var(--troka_yellow);}

/* header */

  header{position:fixed; top:0; width:100%; z-index: 100000000;}
  .header-content{ width:90%; margin:auto; height:250px; max-width:1640px; display: flex; justify-content: space-between; align-items: center; transition: all 1s ease;}
  .header-content__logo{width:33%; height:100%; display: flex; justify-content: flex-start; align-items: center;}
  .header-content__logo img{width:150px; height:150px;}
  .header-content__menu{width:66%; height:100%; display: flex; justify-content: flex-end; align-items: center; gap:22px; }
  .header-content__menu .widget_nav_menu {width:100%;}
  .header-content__menu .widget_nav_menu li{width:200px; display:flex; justify-content:center; align-items:center; text-align:center;}
  .header-content__menu ul{display:flex; gap:22px; justify-content:flex-end; align-items:flex-end;}
  .header-content__menu ul li a{width:100%; height:100%;}
  .header-content__menu ul li{padding:15px 55px; border-radius:55px; background:var(--troka_black) !important; color:white; transition: all 0.6s ease;}
  .header-content__menu ul li:hover{transform: scale(1.05);}
  .header-content__menu ul li:first-child{background:var(--troka_yellow) !important; color:black; border:2px solid black;}
  .header-content__menu ul li:first-child a{color:black; text-decoration: underline;}
  .header-content__menu ul a{font-size:var(--textM); color:#FFF; font-weight:100 !important; width:100%; height:100%;}

  .header-mobile{display:none;}
  .header-mobile_menuouter{display:none;}


/* header */

/* hero section */



/* hero section */

/* homepage */

/* section one */


.section-one{ width: 100%; height: 1100px; background: var(--troka_orange); padding: 66px; display: flex; }
.section-one__inner{ max-width:1640px; height:100%; margin:auto;}
.section-one__inner .wpb_wrapper {position:relative;}
.section-one__text{position: absolute; z-index: 6; top: 50px; width: 50%;}
.section-one__text p{font-family:"Inter", sans-serif !important; word-spacing: 5px; font-size:var(--text2XL); line-height:calc(1.5 * var(--text2XL)); color:white; font-weight:400 !important;}
.section-one__construction{position: relative; top: 550px; z-index: 8;}
.section-one__construction p{color: transparent; -webkit-text-stroke: 2px rgba(0, 0, 0, 0.4); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst) - 40px); font-weight: 700 !important; opacity: 60%;}

.section-one__image{ position: absolute; width: 550px; height: 550px; z-index: 5; right: 200px; top: 150px; }
.section-one__image img{}
.section-one__logo{position: absolute; right: 50px; z-index: 9; width: 250px; height: 250px; top:600px;}


/* section one */

/* section two */

  .section-two__services{height:800px;}
  .section-two__slider-buttons{ position:absolute; bottom:200px; left:88px; width: 100%; max-width: 1640px; z-index: 10; margin: auto; left: 7%; }

  /* swiper */

  .swiper { width: 100%; height: 100%; } 
  .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
  
  .mySwiper{height:800px;}
  
  .swiper-slide { text-align: center; font-size: 18px; background: var(--troka_black); display: flex; justify-content: flex-start; align-items: flex-start; position:relative;} 
  

  .slide-background__yellow{position: absolute; top: 0; left: 0; width: 100%; height: 66px; background: var(--troka_orange);}
  .slide-background__gray{}

  .slide-background{ width: 80%; height: 100%; background: black; margin-top: 66px; }
  .slide-background__content{ position: absolute; left: 7%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; top: 250px; height: calc(100% - 250px); gap:44px; z-index: 17;}
  .slide-background__content-title{color:white; font-size:var(--headingL); font-weight:400;}
  .slide-background__content-description{color: white; width: 50%; text-align: left; text-transform: uppercase;}
  .slide-background__image{width: 80%; height: 80%; position: absolute; bottom: 0; left: 0;}
  .slide-background__image img{object-position: bottom; object-fit: contain;}
  
  .slide-foreground{position:absolute; right:0; top:0; width:40%; height:100%;}
  .slide-foreground__image{ height: calc(100% - 66px);}
  .slide-foreground__image img{}

  .swiper-button-next{left:66px !important;}
  .swiper-button-next img{width:44px; height:44px;}
  .swiper-button-prev{}
  .swiper-button-prev img{width:44px; height:44px;}


  /* swiper */


/* section two */


/* section three */

  .section-three__outer{width:100%; height:932px; }
  .section-three__outer .swiper-slide{background:var(--troka_black);}
  .section-three__inner{}
  .section-three__content{}
  .section-three__bigtitle{color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst) - 40px); font-weight: 700 !important; opacity: 60%; position: absolute; bottom: 50px; left: 132px; z-index: 1;}
  .section-three__projectname{position: absolute; left: 50%; width: 500px; transform: translate(-50%, -50%); top: 155px; color: var(--troka_orange); font-size: var(--headingS); font-weight: 100 !important;}
  .section-three__description{position: absolute; right: 132px; width: 400px; height: 200px; bottom: 85px; color: white; text-align: left;}
  .section-three__images{width:100%; height:100%;}
  .section-three__image1{position: absolute; top: 132px; left: 132px; width: 410px; height: 536px;}
  .section-three__image1 img{}
  .section-three__image2{ position: absolute; top: 264px; left: calc(132px + 432px + 100px); height: calc(100% - 264px - 50px); width: calc(100% - 410px - 400px - 132px - 132px - 44px - 200px); }
  .section-three__image2 img{}
  .section-three__image3{position: absolute; top: 132px; width: 400px; right: 132px; height: calc(50%);}
  .section-three__image3 img{}

  .section-three__buttons{position: absolute; bottom: 132px; right: calc(132px + 400px); height: 44px; bottom: 50px;}

/* section three */

/* section four */

.hideImage{display:none !important;}

/* section four */

/* section five */

.section-five__outer{ height:800px; padding:132px 0px; background:var(--troka_black) }
.section-five__outer .swiper-slide{height:400px; }
.section-five__follow{ color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst) - 40px); font-weight: 700 !important; opacity: 60%; position: absolute; /* bottom: 50px; */ left: 132px; z-index: 5; top: -11px;}
.section-five__socialbuttons{ display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; gap: 22px; padding-right: 7%;}
.section-five__socialbutton{transition: all 0.6s ease; border: solid 1px white; padding: 11px 33px; border-radius: 55px; width:250px; text-align: center;}
.section-five__socialbutton:hover{transform: scale(1.05);}
.section-five__socialbutton a{ text-decoration: none; color:white; font-weight:600 !important; font-size:var(--textXL)}

/* section five */

/* section six */


.section-six__outer{display: flex; justify-content: center; align-items: center; flex-direction: column; gap:55px; background:var(--troka_deepblack); margin:0;}
.section-six__hashtags{display: flex; justify-content: center; align-items: center; gap:250px;}
.section-six__hashtag{font-size:var(--headingL); color:var(--troka_orange); font-weight:600 !important;}

/* section six */

/* back to top */

  .backToTop{position:fixed; bottom: 133px; padding:22px; right:44px; border-radius:55px; background:var(--troka_orange); display:flex; justify-content: center; align-items: center; z-index: 10000000; border:solid 2px black; display:none;}
  .backToTop img{width:25px; height:25px;}

/* back to top */

/* homepage */

/* projects */

.hero__inner{position: relative; overflow: hidden; height: 600px;}
.hero__background{}
.hero__video{height: 750px;}
.hero__overlay{ position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background: var(--troka_black); opacity: 60%; transform: translate(-50%, -50%);}
.hero__title{ position: absolute; z-index: 100000; font-size: 100px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: white; font-weight: 100 !important; font-style: italic; text-transform: uppercase;}

.projects{width:100%; min-height:500px; background:var(--troka_orange);}
.projects__inner{width:90%; margin:auto; max-width:1640px; float:unset !important;}
.projects__inner-title{padding:44px 0px; font-size:var(--headingL); line-height:calc(1 * var(--headingL)); color:white; font-weight:600 !important; }
.projects__divider{margin: 44px 0px; width: 100%; height: 4px; background: var(--troka_black);}

.projects__grid-buttons{display: flex; justify-content: space-between; align-items: center; width:100%; padding:44px 0px;}
.projects__grid-button{ width: calc(100% / 6 - 44px); border-radius: 55px; background: var(--troka_black); display: flex; justify-content: center; align-items: center; transition: all 0.6s ease; height: calc(((16px * 1.5) * 2) + 30px);}
.projects__grid-button:hover{transform: scale(1.05);}
.projects__grid-button a{ color: white; height: 100%; text-align: center; width: calc(100% - 22px - 22px); padding: 15px; display:flex; justify-content:center;  align-items:center;}
.projects__grid-button .grid-active{ width: 22px; height: 22px; border-radius: 22px; background: var(--troka_orange); display:none;}

.projects__grid{display:grid; grid-template-columns: repeat(3,calc(33% - 11px)); margin:22px 0px; grid-gap:22px;}
.projects__grid-item{width:100%; height:350px; position:relative; overflow:hidden;}
.projects__grid-item {transition: all 1s ease;}
.projects__grid-item:hover .projects__grid-item_shadow{ opacity:40%; }
.projects__grid-item:hover .projects__grid-item_tags{ opacity:1; }
.projects__grid-item:hover .projects__grid-item_overlay{ opacity:1; }
.projects__grid-item:hover .projects__grid-title{ opacity:0; }


.projects__grid-item_shadow{position:absolute; top:0; left:0; width:100%; height:100%; background:black; opacity:0; z-index: 10; transition: all 1s ease; opacity:0%; }

.projects__grid-item_tags{position: absolute; right: 11px; top: 11px; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: row; z-index: 20; transition: all 1s ease; opacity:0; gap:11px; flex-wrap:wrap;}
.projects__grid-item_tag{padding:11px; color:white; background:var(--troka_black); border-radius:44px; }
.projects__grid-item_overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; padding: 11px; gap: 4px; transition: all 1s ease; opacity:0;}
.projects__grid-item_overlay span{font-weight:800 !important;}
.projects__grid-item_overlay--title{color:white; width:80%; font-weight:800 !important; padding-bottom:11px; border-bottom:4px solid var(--troka_orange);}
.projects__grid-item_overlay--divider{}
.projects__grid-item_overlay--category{color:white; width:80%;}
.projects__grid-item_overlay--projectsize{color:white; width:80%;}
.projects__grid-item_overlay--projectperiod{color:white; width:80%;}
.projects__grid-item_overlay--link{position:absolute; right:22px; bottom:22px;}
.projects__grid-item_overlay--link a{display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;}
.projects__grid-item_overlay--link img{width:44px; height:44px;}

.projects__grid-title{ position: absolute; bottom: 0; left: 0; z-index: 22; width: 100%; height: 88px; background: rgba(0, 0, 0, 0.4); transition: all 1s ease; opacity:1; z-index:5; }
.projects__grid-title_bg{}
.projects__grid-title_text{padding: 22px; color: white; width: 80%;}

.projects__grid-background{width: 100%; height: 100%; overflow: hidden; background: var(--troka_deepblack);}
.projects__grid-background img{ width: 100%; height: 100%; object-fit: contain; object-position: center; }

.projects__collab-outer{background:var(--troka_orange); padding:44px 0px;}
.projects__collab-inner{max-width:1640px; display:flex; justify-content:center; align-items:center; float:unset; margin:auto; }
.projects__collab-inner .wpb_text_column {width:50%; height:100%; margin:0; }
.projects__collab-inner .wpb_wrapper{ display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; overflow: hidden; }
.projects__collab{ left: unset; height: 100%; width: 100%; background: var(--troka_deepblack); display: flex; justify-content: space-around; flex-direction: column; padding: 22px;}
.projects__collab-image{width: 50%; height: 100%; margin: 0;}
.projects__collab-text{}
.projects__collab-text p{font-size:var(--textXL); color:white;}
.projects__collab-buttons{display: flex; justify-content: center; gap: 22px;}
.projects__collab-button{ width:200px; border-radius: 55px; background: var(--troka_black); display: flex; justify-content: center; align-items: center; transition: all 0.6s ease;}
.projects__collab-button a{text-decoration:none; color:white; padding:15px;}

.projects__line-outer{margin: auto; float: unset; background: var(--troka_yellow);}
.projects__line-inner{max-width:1640px; margin:auto; width:90%; float:unset;}

/* projects */

/*single project*/

.singleProjectSlider{height:700px;}
.singleProjectSlider .swiper-slide img{object-fit: contain; background: var(--troka_gray);}

.single-project__outer{background: var(--troka_gray); padding: 0px 22px;}
.single-project__image{}
.single-project__title{margin:44px 0px; font-size:var(--text4XL); font-weight:800 !important;}
.single-project__descriptionservices{display:flex; justify-content:flex-start; align-items:flex-start; height:300px; margin:44px 0px; margin-top:0px;}
.single-project__description{width:50%; height:100%; padding-right:11px;}
.single-project__description-description{margin:22px 0px; font-weight:800 !important; font-size:var(--textL); }
.single_project__services{ width:50%; height:100%;}
.single_project__services-service{margin:22px 0px; font-weight:800 !important; font-size:var(--textL);}
.single-project__images{}

.single-project__extrainfo{padding-bottom:44px;}
.single-project__extrainfo-title{margin:22px 0px; font-weight:800 !important; font-size:var(--textL);}
.single-project__extrainfo-info{}
.single-project__extrainfo-info span{font-weight:600;}

/*single project*/

/*services*/

.services_inner{position:relative; height:600px;}
.services-hero_title{ position: absolute; z-index: 100000; font-size: 100px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: white; font-weight: 100 !important; font-style: italic; text-transform: uppercase;}
.services-description{padding:44px 0px; font-size:var(--headingL); line-height:calc(1 * var(--headingL)); color:white; font-weight:600 !important;  }

/*single service*/

.singleservice-outer{margin:44px 0px; background:black; height:400px;}
.singleservice-heading{margin:0;}
.singleservice-outer:last-child{margin-bottom:0;}
.singleservice-service{ padding:0px 22px; position:relative; display:flex; justify-content:center; align-items:center;}
.singleservice-info{ display:flex; justify-content:center; align-items:flex-start; flex-direction:column; width:60%; height:calc(400px - 44px);}
.singleservice-title{color:white; padding:22px 0px; font-size:var(--headingM); font-weight:600;}
.singleservice-description{color:white;}
.singleservice-image{position:absolute; top:0; right:0; height:400px; aspect-ratio:1; z-index:4;}
.singleservice-triangle{width: 0px; height: 0px; border-style: solid; border-width: 134px 0px 0px 150px; border-color: transparent transparent transparent var(--troka_gray); transform: rotate(270deg); position: absolute; bottom: -1px; right: -9px; z-index: 6;}
.singleservice-icon{ position:absolute; bottom:0; right:0; height:66px; width:66px; z-index:6; margin:0;}


/*single service*/

/*services*/


/*contact*/

.contact-outer{height:600px;}
.contact-inner{position:relative; height:600px;}
.contact-hero_title{ position: absolute; z-index: 100000; font-size: 100px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: white; font-weight: 100 !important; font-style: italic; text-transform: uppercase; }
.contact-image img{height:600px;}
.contact-content{margin:66px 0px;}
.contact-form{}
.contact-info{}

.contact-formcol form{padding:22px; border-radius:22px; background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px; color:white;}
.contact-formcol form input[type="submit"]{padding:22px; background:white; color:black;}

.contact-working{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-working_title{color:white; font-weight: 800;}
.contact-working_hours{color:white;}

.contact-phone{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-phone_text{color:white;}
.contact-phone_text a{color:white; text-decoration: underline;}

.contact-email{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-email_text{color:white; font-weight: 800;}
.contact-phone_text-title{color:white; font-weight: 800;}
.contact-email_text-title{font-weight: 800;}
.contact-email_text a{color:white; text-decoration: underline; }

/*contact*/





/* footer */

  footer{background:var(--troka_gray)}
  .footer-content{width:90%; padding-top:22px; margin:auto; height:300px; max-width:1640px; display: flex; justify-content: flex-start; align-items: flex-start;}

  .footer-content__left{width:50%; height:100%;}

  .footer-content__left--logo{height:50%;}
  .footer-content__left--logo img{width:150px; height:150px;}
  .footer-content__left--info{height: 50%; padding-left: 15px; display: flex; justify-content: flex-start; align-items: end;}
  .footer-content__left--info-inner{display: flex; justify-content: flex-start; align-items: flex-start; gap:3px; flex-direction: column;}
  .footer-content__left--info-inner li{color: white; font-size: var(--textL); line-height: calc(1 * var(--textL)); text-align: start; text-transform: uppercase; font-weight: 100 !important;}
  .footer-content__left--info-inner li a{text-decoration: none; color: white; font-size: var(--textL); line-height: calc(1 * var(--textL)); font-weight: 100 !important;}

  .footer-content__right{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column;}
  .footer-content__right--menu{height: 50%; width: 100%; display: flex; justify-content: flex-end; align-items: center;}
  .footer-content__right--menu li{ }
  .footer-content__right--menu li a{padding: 15px 55px; border-radius: 55px; background: var(--troka_black); transition: all 0.6s ease; color:white; text-decoration: none;}
  .footer-content__right--text{height:50%; width:50%;}
  .footer-content__right--text li.widget {height:100%;}
  .footer-content__right--text li.widget .textwidget{height:100%;}
  .footer-content__right--text-inner{height:100%; display: flex; justify-content: flex-end; align-items: flex-end;}
  .footer-content__right--text-inner p{color: white; font-size: var(--textL); line-height: calc(1 * var(--textL)); text-align: end; text-transform: uppercase; display: flex; justify-content: flex-end; align-items: flex-end; height: 100%;}

  .footer-content_right--text-menu{display: flex; justify-content: flex-end; align-items: flex-end; gap:22px;}
  .footer-content_right--text-menu li{padding:15px 55px; border-radius:55px; background:var(--troka_black); transition: all 0.6s ease;}
  .footer-content_right--text-menu li a{text-decoration:none; color:white; font-size:var(--textM)}
  .footer-content_right--text-menu li:hover{transform: scale(1.05);}

  .footer-underfooter{display: flex; justify-content: center; align-items: center; padding:11px 0px;}
  .footer-underfooter p{font-size:var(--textS); color:white; font-weight:100 !important;}
  .footer-underfooter p a{font-weight:600 !important; color:#8e7b6b; transition: all 1s ease;}
  .footer-underfooter p a:hover{font-weight:600 !important; color:#d36206; }



/* footer */

@media screen and (max-width:1600px) and (min-width: 1240px){

  :root{

    /* Body / text sizes */
    --textXS:  clamp(0.75rem,  calc(0.517rem + 0.30vw), 0.825rem);  /* ~12px → 13.2px */
    --textS:   clamp(0.875rem, calc(0.604rem + 0.35vw), 0.963rem);  /* ~14px → 15.4px */
    --textM:   clamp(1rem,     calc(0.690rem + 0.40vw), 1.10rem);   /* 16px → 17.6px */
    --textL:   clamp(1.125rem, calc(0.776rem + 0.45vw), 1.238rem);  /* 18px → 19.8px */
    --textXL:  clamp(1.25rem,  calc(0.863rem + 0.50vw), 1.375rem);  /* 20px → 22px */
    --text2XL: clamp(1.5rem,   calc(1.035rem + 0.60vw), 1.65rem);   /* 24px → 26.4px */
    --text3XL: clamp(1.875rem, calc(1.294rem + 0.75vw), 2.062rem);  /* 30px → 33px */
    --text4XL: clamp(2.25rem,  calc(1.552rem + 0.90vw), 2.475rem);  /* 36px → 39.6px */

    /* Headings (a bit more aggressive scaling) */
    --headingS: clamp(1.5rem,  calc(0.570rem + 1.20vw), 1.8rem);    /* 24px → 28.8px */
    --headingM: clamp(2rem,    calc(0.760rem + 1.60vw), 2.4rem);    /* 32px → 38.4px */
    --headingL: clamp(2.5rem,  calc(0.950rem + 2.00vw), 3rem);      /* 40px → 48px */
    --headingConst: calc(clamp(5.5rem, 4.848vw + 1.682rem, 7.5rem))


  }
 


/* section one */


.section-one{ width: 100%; height: 1000px; background: var(--troka_orange); padding: 66px; display: flex; }
.section-one__inner{ max-width:1640px; height:100%; margin:auto;}
.section-one__inner .wpb_wrapper {position:relative;}
.section-one__text{ position: absolute; z-index: 6; top: 50px; width: 47%;  }
.section-one__text p{font-family:"Inter", sans-serif !important; word-spacing: 5px; font-size:var(--text2XL); line-height:calc(1.5 * var(--text2XL)); color:white; font-weight:400 !important;}
.section-one__construction{position: relative; top: 696px; z-index: 12; word-spacing: 3px;}
.section-one__construction p{ color: transparent; -webkit-text-stroke: 2px rgba(0, 0, 0, 0.4); letter-spacing: 8px; font-size: var(--headingConst); line-height: calc(1 * var(--headingConst)); font-weight: 700 !important; opacity: 60%; text-align: end; }

.section-one__image{ position: absolute; width: 550px; height: 550px; z-index: 5; right: 0px; top: 150px; }
.section-one__image img{}
.section-one__logo{ position: absolute; z-index: 9; width: 250px; height: 250px; top: 500px; right: 0; }
.section-one__logo img{ width:200px; height:200px; object-fit: contain; }

  

/* section one */



/* section three */

  .section-three__outer{width:100%; height:932px; }
  .section-three__outer .swiper-slide{background:var(--troka_black);}
  .section-three__inner{}
  .section-three__content{}
  .section-three__bigtitle{color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst) - 20px); font-weight: 700 !important; opacity: 60%; position: absolute; bottom: 50px; left: 132px; z-index: 1;}
  .section-three__projectname{position: absolute; color: var(--troka_orange); font-size: var(--headingS); font-weight: 100 !important; z-index: 66; top: unset !important; bottom: 222px; width: 300px; left: 132px; transform: unset !important;}
  .section-three__description{position: absolute; right: 132px; width: 400px; height: 200px; bottom: 132px; color: white; text-align: left;}
  .section-three__images{width:100%; height:100%;}
  .section-three__image1{position: absolute; top: 132px; left: 132px; width: 410px; height: 420px;}
  .section-three__image1 img{}
  .section-three__image2{position: absolute; top: 132px; left: 33%; width: 33%; height: 420px;}
  .section-three__image2 img{}
  .section-three__image3{position: absolute; top: 132px; width: 400px; right: 132px; height: 420px;}
  .section-three__image3 img{}

  .section-three__buttons{position: absolute; bottom: 132px; right: calc(132px + 400px); height:44px;}

/* section three */


.section-five__follow{ color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst)); font-weight: 700 !important; opacity: 60%; position: absolute; /* bottom: 50px; */ left: 132px; z-index: 5; top: -11px;}



}


}


@media screen and (max-width: 1239px) and (min-width: 768px) {

      :root{




    }

    a{text-decoration:none !important;}
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
    }

    li{list-style: none;}
    
    p{font-size:16px; font-weight:300 !important; line-height:20px;}
    strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit;color: #13294a; }
    em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
    span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
    h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: #13294a; line-height:30px;}
    h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: #13294a; }
    h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: #13294a; }
    h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: #13294a; }
    h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: #13294a; }
    h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: #13294a; }
    body, html {
        font-size: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        --light-blue:#4396d2;
        --grey-color:#414141;
        overflow: hidden; overflow-y: auto;
      
    }  


   :root{

    /* Body / text sizes */
    --textXS:  clamp(0.75rem,  calc(0.517rem + 0.30vw), 0.825rem);  /* ~12px → 13.2px */
    --textS:   clamp(0.875rem, calc(0.604rem + 0.35vw), 0.963rem);  /* ~14px → 15.4px */
    --textM:   clamp(1rem,     calc(0.690rem + 0.40vw), 1.10rem);   /* 16px → 17.6px */
    --textL:   clamp(1.125rem, calc(0.776rem + 0.45vw), 1.238rem);  /* 18px → 19.8px */
    --textXL:  clamp(1.25rem,  calc(0.863rem + 0.50vw), 1.375rem);  /* 20px → 22px */
    --text2XL: clamp(1.5rem,   calc(1.035rem + 0.60vw), 1.65rem);   /* 24px → 26.4px */
    --text3XL: clamp(1.875rem, calc(1.294rem + 0.75vw), 2.062rem);  /* 30px → 33px */
    --text4XL: clamp(2.25rem,  calc(1.552rem + 0.90vw), 2.475rem);  /* 36px → 39.6px */

    /* Headings (a bit more aggressive scaling) */
    --headingS: clamp(1.5rem,  calc(0.570rem + 1.20vw), 1.8rem);    /* 24px → 28.8px */
    --headingM: clamp(2rem,    calc(0.760rem + 1.60vw), 2.4rem);    /* 32px → 38.4px */
    --headingL: clamp(2.5rem,  calc(0.950rem + 2.00vw), 3rem);      /* 40px → 48px */
    --headingConst: calc(clamp(9rem, 5.455vw + 4.705rem, 11.25rem));
    --headingConstS: calc(clamp(5rem, 3.455vw + 3.705rem, 9.25rem));

  }

  a{text-decoration:none !important;}
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      vertical-align: baseline;
  }

  li{list-style: none;}
  
  p{font-size:16px; font-weight:300 !important; line-height:20px;}
  strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit;color: #13294a; }
  em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
  span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
  h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: #13294a; line-height:30px;}
  h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: #13294a; }
  h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: #13294a; }
  h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: #13294a; }
  h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: #13294a; }
  h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: #13294a; }
  body, html {
      font-size: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      --light-blue:#4396d2;
      --grey-color:#414141;
      overflow: hidden; overflow-y: auto;
     
  }  

  .wrapper{width:100%; background:var(--troka_yellow);}
  .wrapper .container{ max-width: 1640px; width: 90%; margin: auto; background:var(--troka_yellow);}

/* header */

  header{position:fixed; top:0; width:100%; z-index: 100000000;}
  .header-content{ width:90%; margin:auto; height:250px; max-width:1640px; display: flex; justify-content: space-between; align-items: center; transition: all 1s ease; display:none;}
  .header-content__logo{width:33%; height:100%; display: flex; justify-content: flex-start; align-items: center;}
  .header-content__logo img{width:150px; height:150px;}
  .header-content__menu{width:66%; height:100%; display: flex; justify-content: flex-end; align-items: center; gap:22px; }
  .header-content__menu ul{display:flex; gap:22px;}
  .header-content__menu ul li{padding:15px 55px; border-radius:55px; background:var(--troka_black) !important; color:white; transition: all 2s ease;}
  .header-content__menu ul li:hover{transform: scale(1.05);}
  .header-content__menu ul li:first-child{background:var(--troka_yellow) !important; color:black; border:2px solid black;}
  .header-content__menu ul li:first-child a{color:black; text-decoration: underline;}
  .header-content__menu ul a{font-size:var(--textM); color:#FFF; font-weight:100 !important; width:100%; height:100%;}

    li.widget_icl_lang_sel_widget ul{display:flex; justify-content:center;
 align-items:center;}


/* header */

/* sidebar menu */

.header-mobile{height:88px; position:relative; }
.header-mobile_activator{position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; width:88px; height:100%; background:var(--troka_yellow); border:2px solid black;}
.header-mobile_activator img{width:100%; height:100%; object-fit:contain;}
.header-mobile_menuouter{width: 350px; left:-350px; height: 100vh; background: var(--troka_black); position:relative; transition:all 0.6s ease;}
.header-mobile_closemenu{position: absolute; top: 0; left: 0; width: 88px; background: var(--troka_yellow);}
.header-mobile_closemenu img{width:88px; height:88px;}
.header-mobile_menulogo{}
.header-mobile_menulogo img{width:88px; height:88px;}
.header-mobile_menu{position:absolute; top:calc(88px + 44px);  width:100%; padding:22px 0px; border-top:2px solid var(--troka_yellow); border-bottom:2px solid var(--troka_yellow);}
.header-mobile_menu ul{}
.header-mobile_menu ul li{ text-align:center; color:white; font-size:var(--textL);}
.header-mobile_menu ul li a{text-decoration:none; color:white; transition:all 0.6s ease;}
.header-mobile_menu ul li a:hover{padding-left:5px;}


.header_sidebar-tel{ height:88px;}
.header_sidebar-tel a{color:white; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}

.header-mobile_tel img{width:33px; height:33px;}
.header-mobile_tel{ position: absolute; right: 0; top: 0; border: solid thin red; height: 100%; width: 150px; background: var(--troka_yellow); border: 2px solid black; font-weight: 600; display: flex; justify-content: center; align-items: center; gap: 11px; }


/* sidebar menu */

/* hero section */



/* hero section */

/* homepage */

/* section one */


.section-one{ width: 100%; height: 1400px; background: var(--troka_orange); padding: 66px; display: flex; }
.section-one__inner{ max-width:1640px; height:100%; margin:auto;}
.section-one__inner .wpb_wrapper {position:relative;}
.section-one__text{position: absolute; z-index: 6; top: 0px;}
.section-one__text p{ font-family: "Inter", sans-serif !important; word-spacing: 5px; font-size: var(--textXL); line-height: calc(1.5 * var(--textXL)); color: white; font-weight: 400 !important;}
.section-one__construction{position: relative; top: 1000px; z-index: 8;}
.section-one__construction p{color: transparent; -webkit-text-stroke: 2px rgba(0, 0, 0, 0.4); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst)); font-weight: 700 !important; opacity: 60%;}

.section-one__image{ position: absolute; width: 550px; height: 550px; z-index: 5; right: 0; top: 410px; left: calc(50% - 275px); }
.section-one__image img{}
.section-one__logo{ position: absolute; right: 0px; z-index: 9; width: 250px; height: 250px; top: 815px;}


/* section one */

/* section two */

  .section-two__services{height:800px;}
  .section-two__slider-buttons{ position:absolute; bottom:200px; left:88px; width: 100%; max-width: 1640px; z-index: 10; margin: auto; left: 7%; }

  /* swiper */

  .swiper { width: 100%; height: 100%; } 
  .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
  
  .mySwiper{height:800px;}
  
  .swiper-slide { text-align: center; font-size: 18px; background: var(--troka_black); display: flex; justify-content: flex-start; align-items: flex-start; position:relative;} 
  

  .slide-background__yellow{position: absolute; top: 0; left: 0; width: 100%; height: 66px; background: var(--troka_orange);}
  .slide-background__gray{}

  .slide-background{ width: 50%; height: 100%; background: black; margin-top: 66px; }
  .slide-background__content{ position: absolute; left: 7%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; top: 250px; height: calc(100% - 250px); gap:44px; z-index: 17;}
  .slide-background__content-title{color:white; font-size:var(--headingL); font-weight:400; width:45%;}
  .slide-background__content-description{color: white; width: 40%; text-align: left; text-transform: uppercase; font-size:15px;}
  .slide-background__image{width: 80%; height: 80%; position: absolute; bottom: 121px; left: 0;}
  .slide-background__image img{object-position: bottom; object-fit: contain;}
  
  .slide-foreground{position:absolute; right:0; top:0; width:51%; height:100%;}
  .slide-foreground__image{ height: calc(100% - 66px);}
  .slide-foreground__image img{}

  .swiper-button-next{left:66px !important;}
  .swiper-button-next img{width:44px; height:44px;}
  .swiper-button-prev{}
  .swiper-button-prev img{width:44px; height:44px;}


  /* swiper */


/* section two */


/* section three */

  .section-three__outer{width:100%; height:932px; }
  .section-three__outer .swiper-slide{background:var(--troka_black);}
  .section-three__inner{}
  .section-three__content{}
  .section-three__bigtitle{ color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConstS); line-height: calc(1 * var(--headingConstS)); font-weight: 700 !important; opacity: 17%; position: absolute; bottom: 50px; left: 132px; z-index: 1; left: 0;}
  .section-three__projectname{position: absolute; left: 50%; width: 500px; transform: translate(-50%, -50%); top: 132px; color: var(--troka_orange); font-size: var(--headingS); font-weight: 100 !important; background: var(--troka_black); z-index:5;}
  .section-three__description{position: absolute; height: 200px; bottom: 50px; color: white; text-align: left; width: 50%; right: 0; }
  .section-three__images{width:100%; height:100%;}
  .section-three__image1{position: absolute; top: 132px; left: 0%; width: 33%; height: 536px;}
  .section-three__image1 img{}
  .section-three__image2{position: absolute; top: 132px; left: 33%; width: 33%; height: 536px; }
  .section-three__image2 img{}
  .section-three__image3{ position: absolute; top: 132px; height: 536px; left: 66%; width: 33%; }
  .section-three__image3 img{}

  .section-three__buttons{ position: absolute; height: 44px; bottom: 35px; right: 25%; }

/* section three */

/* section four */

.hideImage{display:none !important;}

/* section four */

/* section five */

.section-five__outer{ height:800px; padding:132px 0px; background:var(--troka_black) }
.section-five__outer .swiper-slide{height:400px; }
.section-five__follow{ color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConstS); line-height: calc(1 * var(--headingConstS)); font-weight: 700 !important; opacity: 30%; position: absolute; z-index: 5; top: -11px; left: 0;}
.section-five__socialbuttons{ display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; gap: 22px; padding-right: 7%;}
.section-five__socialbutton{transition: all 0.6s ease; border: solid 1px white; padding: 11px 33px; border-radius: 55px; width:250px; text-align: center;}
.section-five__socialbutton:hover{transform: scale(1.05);}
.section-five__socialbutton a{ text-decoration: none; color:white; font-weight:600 !important; font-size:var(--textXL)}

/* section five */

/* section six */


.section-six__outer{display: flex; justify-content: center; align-items: center; flex-direction: column; gap:55px; background:var(--troka_deepblack)}
.section-six__hashtags{display: flex; justify-content: center; align-items: center; gap:250px;}
.section-six__hashtag{font-size:var(--headingL); color:var(--troka_orange); font-weight:600 !important;}

/* section six */

/* back to top */

  .backToTop{position:fixed; bottom:200px; padding:22px; right:44px; border-radius:55px; background:var(--troka_orange); display:flex; justify-content: center; align-items: center; z-index: 10000000; border:solid 2px black; display:none;}
  .backToTop img{width:25px; height:25px;}

/* back to top */

/* homepage */

/* projects */

.hero__inner{position: relative; overflow: hidden; height: 600px;}
.hero__background{}
.hero__video{height: 750px; height:2135px;}
.hero__overlay{position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background: var(--troka_black); opacity: 60%; transform: translate(-50%, -50%);}
.hero__title{position: absolute; z-index: 100000; font-size: 100px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: white; font-weight: 100 !important; font-style: italic; text-align:center;}

.projects{width:100%; min-height:500px; background:var(--troka_orange);}
.projects__inner{width:90%; margin:auto; max-width:1640px; float:unset !important;}
.projects__inner-title{padding:44px 0px; font-size:var(--headingL); line-height:calc(1 * var(--headingL)); color:white; font-weight:600 !important; }
.projects__divider{margin: 44px 0px; width: 100%; height: 4px; background: var(--troka_black);}

.projects__grid-buttons{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 44px 0px; flex-wrap: wrap; gap: 11px;}
.projects__grid-button{ width: calc(100% / 3 - 44px); border-radius: 55px; background: var(--troka_black); display: flex; justify-content: center; align-items: center; transition: all 0.6s ease; }
.projects__grid-button:hover{transform: scale(1.05);}
.projects__grid-button a{ color: white; height: 100%; text-align: center; width: calc(100% - 22px - 22px); padding: 15px;}
.projects__grid-button .grid-active{ width: 22px; height: 22px; border-radius: 22px; background: var(--troka_orange); display:none;}

.projects__grid{display:grid; grid-template-columns: repeat(1,calc(100%)); margin:22px 0px; grid-gap:22px;}
.projects__grid-item{width:100%; height:350px; position:relative; overflow:hidden;}
.projects__grid-item {transition: all 1s ease;}
.projects__grid-item:hover .projects__grid-item_shadow{ opacity:40%; }
.projects__grid-item:hover .projects__grid-item_tags{ opacity:1; }
.projects__grid-item:hover .projects__grid-item_overlay{ opacity:1; }
.projects__grid-item:hover .projects__grid-title{ opacity:0; }


.projects__grid-item_shadow{position:absolute; top:0; left:0; width:100%; height:100%; background:black; opacity:0; z-index: 10; transition: all 1s ease; opacity:0%; }

.projects__grid-item_tags{position: absolute; right: 11px; top: 11px; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: row; z-index: 20; transition: all 1s ease; opacity:0; gap:11px; flex-wrap:wrap;}
.projects__grid-item_tag{padding:11px; color:white; background:var(--troka_black); border-radius:44px; }
.projects__grid-item_overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; padding: 11px; gap: 4px; transition: all 1s ease; opacity:0;}
.projects__grid-item_overlay span{font-weight:800 !important;}
.projects__grid-item_overlay--title{color:white; width:80%; font-weight:800 !important; padding-bottom:11px; border-bottom:4px solid var(--troka_orange);}
.projects__grid-item_overlay--divider{}
.projects__grid-item_overlay--category{color:white; width:80%;}
.projects__grid-item_overlay--projectsize{color:white; width:80%;}
.projects__grid-item_overlay--projectperiod{color:white; width:80%;}
.projects__grid-item_overlay--link{position:absolute; right:22px; bottom:22px;}
.projects__grid-item_overlay--link a{display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;}
.projects__grid-item_overlay--link img{width:44px; height:44px;}

.projects__grid-title{ position: absolute; bottom: 0; left: 0; z-index: 22; width: 100%; height: 88px; background: rgba(0, 0, 0, 0.4); transition: all 1s ease; opacity:1; z-index:5; }
.projects__grid-title_bg{}
.projects__grid-title_text{padding: 22px; color: white; width: 80%;}

.projects__grid-background{width: 100%; height: 100%; overflow: hidden; background: var(--troka_deepblack);}
.projects__grid-background img{ width: 100%; height: 100%; object-fit: contain; object-position: center; }

.projects__collab-outer{background:var(--troka_orange); padding:44px 0px;}
.projects__collab-inner{max-width:1640px; display:flex; justify-content:center; align-items:center; float:unset; margin:auto; }
.projects__collab-inner .wpb_text_column {width:50%; height:100%; margin:0; }
.projects__collab-inner .wpb_wrapper{ display: flex; justify-content: center; align-items: center; width: 100%; height: 300px; overflow: hidden; background:var(--troka_deepblack); }
.projects__collab{ left: unset; height: 100%; width: 100%; background: var(--troka_deepblack); display: flex; justify-content: space-around; flex-direction: column; padding: 22px; }
.projects__collab-image{width: 50%; height: 100%; margin: 0;}
.projects__collab-text{}
.projects__collab-text p{font-size:var(--textXL); color:white;}
.projects__collab-buttons{display: flex; justify-content: center; gap: 22px;}
.projects__collab-button{ width:200px; border-radius: 55px; background: var(--troka_black); display: flex; justify-content: center; align-items: center; transition: all 0.6s ease;}
.projects__collab-button a{text-decoration:none; color:white; padding:15px;}

.projects__line-outer{margin: auto; float: unset; background: var(--troka_yellow);}
.projects__line-inner{max-width:1640px; margin:auto; width:90%; float:unset;}

/* projects */

/*single project*/

.single-project__outer{}
.single-project__image{}
.single-project__title{margin:44px 0px; font-size:var(--text4XL); font-weight:800 !important;}
.single-project__descriptionservices{display:flex; justify-content:flex-start; align-items:flex-start; height:300px; margin:44px 0px; margin-top:0px;}
.single-project__description{width:50%; height:100%; padding-right:11px;}
.single-project__description-description{margin:22px 0px; font-weight:800 !important; font-size:var(--textL); }
.single_project__services{ width:50%; height:100%;}
.single_project__services-service{margin:22px 0px; font-weight:800 !important; font-size:var(--textL);}
.single-project__images{}

.single-project__extrainfo{margin-bottom:44px;}
.single-project__extrainfo-title{margin:22px 0px; font-weight:800 !important; font-size:var(--textL);}
.single-project__extrainfo-info{}
.single-project__extrainfo-info span{font-weight:600;}

/*single project*/

/*services*/

.services_inner{position:relative;}
.services-hero_title{position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); padding:44px 0px; font-size:var(--headingL); line-height:calc(1 * var(--headingL)); color:white; font-weight:600 !important;  }
.services-description{padding:44px 0px; font-size:var(--headingL); line-height:calc(1 * var(--headingL)); color:white; font-weight:600 !important;  }

/*single service*/

.singleservice-outer{margin:44px 0px; background:black; height:800px;}
.singleservice-service{ padding:0px 22px; position:relative; display:flex; justify-content:center; align-items:center;}
.singleservice-info{ display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.singleservice-title{color:white; padding:22px 0px; font-size:var(--headingM); font-weight:600;}
.singleservice-description{color:white;}
.singleservice-image{ position: absolute; /* top: 0; */ right: 0px; height: 400px; aspect-ratio: 1; z-index: 4; bottom: -482px; }
.singleservice-triangle{width: 0px; height: 0px; border-style: solid; border-width: 134px 0px 0px 150px; border-color: transparent transparent transparent var(--troka_gray); transform: rotate(270deg); position: absolute; bottom: -1px; right: -9px; z-index: 6; display:none;}
.singleservice-icon{position: absolute; bottom: -409px; right: 0; height: 66px; width: 66px; z-index: 6; margin: 0; display:none;}


/*single service*/

/*services*/


/*contact*/

.contact-outer{height:300px;}
.contact-inner{position:relative; height:300px;}
.contact-hero_title{position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); padding:44px 0px; font-size:var(--headingL); line-height:calc(1 * var(--headingL)); color:white; font-weight:600 !important; }
.contact-image img{height:300px;}
.contact-content{margin:66px 0px;}
.contact-form{}
.contact-info{}

.contact-formcol form{padding:22px; border-radius:22px; background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px; color:white;}
.contact-formcol form input[type="submit"]{padding:22px; background:white; color:black;}

.contact-working{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-working_title{color:white;}
.contact-working_hours{color:white;}

.contact-phone{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-phone_text{color:white;}
.contact-phone_text a{color:white; text-decoration: underline;}

.contact-email{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-email_text{color:white; font-weight: 800;}
.contact-phone_text-title{color:white; font-weight: 800;}
.contact-email_text-title{font-weight: 800;}
.contact-email_text a{color:white; text-decoration: underline; }
/*contact*/




/* footer */

  footer{background:var(--troka_gray)}
  .footer-content{width:90%; padding-top:22px; margin:auto; height:300px; max-width:1640px; display: flex; justify-content: flex-start; align-items: flex-start;}

  .footer-content__left{width:50%; height:100%;}

  .footer-content__left--logo{height:50%;}
    .footer-content__left--logo img{width:150px;}
  .footer-content__left--info{height: 50%; padding-left: 15px; display: flex; justify-content: flex-start; align-items: end;}
  .footer-content__left--info-inner{display: flex; justify-content: flex-start; align-items: flex-start; gap:8px; flex-direction: column;}
  .footer-content__left--info-inner li{color: white; font-size: var(--textL); line-height: calc(1 * var(--textL)); text-align: start; text-transform: uppercase; font-weight: 100 !important;}
  .footer-content__left--info-inner li a{text-decoration: none; color:white; font-weight: 100 !important;}

  .footer-content__right{width: 50%; height: 100%; display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column;}
  .footer-content__right--menu{height: 50%; width: 100%; display: flex; justify-content: flex-end; align-items: center;}
  .footer-content__right--menu li{ }
  .footer-content__right--menu li a{padding: 15px 55px; border-radius: 55px; background: var(--troka_black); transition: all 0.6s ease; color:white; text-decoration: none;}
  .footer-content__right--text{height:50%; }
  .footer-content__right--text li.widget {height:100%;}
  .footer-content__right--text li.widget .textwidget{height:100%;}
  .footer-content__right--text-inner{height:100%; display: flex; justify-content: flex-end; align-items: flex-end;}
  .footer-content__right--text-inner p{color: white; font-size: var(--textL); line-height: calc(1 * var(--textL)); text-align: end; text-transform: uppercase; display: flex; justify-content: flex-end; align-items: flex-end; height: 100%;}

  .footer-content_right--text-menu{display: flex; justify-content: flex-end; align-items: flex-end; gap:22px;}
  .footer-content_right--text-menu li{padding:15px 55px; border-radius:55px; background:var(--troka_black); transition: all 0.6s ease;}
  .footer-content_right--text-menu li a{text-decoration:none; color:white; font-size:var(--textM)}
  .footer-content_right--text-menu li:hover{transform: scale(1.05);}

  .footer-underfooter{display: flex; justify-content: center; align-items: center; padding:11px 0px;}
  .footer-underfooter p{font-size:var(--textS); color:white; font-weight:100 !important;}
  .footer-underfooter p a{font-weight:600 !important; color:#8e7b6b; transition: all 1s ease;}
  .footer-underfooter p a:hover{font-weight:600 !important; color:#d36206; }



/* footer */

@media screen and (max-width:1400px) and (min-width: 1240px){

  :root{

    /* Body / text sizes */
    --textXS:  clamp(0.75rem,  calc(0.517rem + 0.30vw), 0.825rem);  /* ~12px → 13.2px */
    --textS:   clamp(0.875rem, calc(0.604rem + 0.35vw), 0.963rem);  /* ~14px → 15.4px */
    --textM:   clamp(1rem,     calc(0.690rem + 0.40vw), 1.10rem);   /* 16px → 17.6px */
    --textL:   clamp(1.125rem, calc(0.776rem + 0.45vw), 1.238rem);  /* 18px → 19.8px */
    --textXL:  clamp(1.25rem,  calc(0.863rem + 0.50vw), 1.375rem);  /* 20px → 22px */
    --text2XL: clamp(1.5rem,   calc(1.035rem + 0.60vw), 1.65rem);   /* 24px → 26.4px */
    --text3XL: clamp(1.875rem, calc(1.294rem + 0.75vw), 2.062rem);  /* 30px → 33px */
    --text4XL: clamp(2.25rem,  calc(1.552rem + 0.90vw), 2.475rem);  /* 36px → 39.6px */

    /* Headings (a bit more aggressive scaling) */
    --headingS: clamp(1.5rem,  calc(0.570rem + 1.20vw), 1.8rem);    /* 24px → 28.8px */
    --headingM: clamp(2rem,    calc(0.760rem + 1.60vw), 2.4rem);    /* 32px → 38.4px */
    --headingL: clamp(2.5rem,  calc(0.950rem + 2.00vw), 3rem);      /* 40px → 48px */
    --headingConst: calc(clamp(5.5rem, 4.848vw + 1.682rem, 7.5rem))


  }
 


/* section one */


.section-one{ width: 100%; height: 1000px; background: var(--troka_orange); padding: 66px; display: flex; }
.section-one__inner{ max-width:1640px; height:100%; margin:auto;}
.section-one__inner .wpb_wrapper {position:relative;}
.section-one__text{ position: absolute; z-index: 6; top: 50px; width: 47%;  }
.section-one__text p{font-family:"Inter", sans-serif !important; word-spacing: 5px; font-size:var(--text2XL); line-height:calc(1.5 * var(--text2XL)); color:white; font-weight:400 !important;}
.section-one__construction{position: relative; top: 696px; z-index: 12; word-spacing: 3px;}
.section-one__construction p{ color: transparent; -webkit-text-stroke: 2px rgba(0, 0, 0, 0.4); letter-spacing: 8px; font-size: var(--headingConst); line-height: calc(1 * var(--headingConst)); font-weight: 700 !important; opacity: 60%; text-align: end; }

.section-one__image{ position: absolute; width: 550px; height: 550px; z-index: 5; right: 0px; top: 150px; }
.section-one__image img{}
.section-one__logo{ position: absolute; z-index: 9; width: 250px; height: 250px; top: 500px; right: 0; }
.section-one__logo img{ width:200px; height:200px; object-fit: contain; }

  

/* section one */



/* section three */

  .section-three__outer{width:100%; height:932px; }
  .section-three__outer .swiper-slide{background:var(--troka_black);}
  .section-three__inner{}
  .section-three__content{}
  .section-three__bigtitle{color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst) - 20px); font-weight: 700 !important; opacity: 60%; position: absolute; bottom: 50px; left: 132px; z-index: 1;}
  .section-three__projectname{position: absolute; color: var(--troka_orange); font-size: var(--headingS); font-weight: 100 !important; z-index: 66; top: unset !important; bottom: 240px; width: 300px; left: 132px; transform: unset !important;}
  .section-three__description{position: absolute; right: 132px; width: 400px; height: 200px; bottom: 132px; color: white; text-align: left;}
  .section-three__images{width:100%; height:100%;}
  .section-three__image1{position: absolute; top: 132px; left: 132px; width: 410px; height: 420px;}
  .section-three__image1 img{}
  .section-three__image2{position: absolute; top: 132px; left: 33%; width: 33%; height: 420px;}
  .section-three__image2 img{}
  .section-three__image3{position: absolute; top: 132px; width: 400px; right: 132px; height: 420px;}
  .section-three__image3 img{}

  .section-three__buttons{position: absolute; bottom: 132px; right: calc(132px + 400px); height:44px;}

/* section three */


.section-five__follow{ color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst)); font-weight: 700 !important; opacity: 60%; position: absolute; /* bottom: 50px; */ left: 132px; z-index: 5; top: -11px;}





}


    
}



@media screen and (max-width: 767px){

      :root{




    }

    a{text-decoration:none !important;}
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        vertical-align: baseline;
    }

    li{list-style: none;}
    
    p{font-size:16px; font-weight:300 !important; line-height:20px;}
    strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit;color: #13294a; }
    em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
    span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
    h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: #13294a; line-height:30px;}
    h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: #13294a; }
    h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: #13294a; }
    h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: #13294a; }
    h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: #13294a; }
    h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: #13294a; }
    body, html {
        font-size: 100%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        --light-blue:#4396d2;
        --grey-color:#414141;
        overflow: hidden; overflow-y: auto;
      
    }  


   :root{

    /* Body / text sizes */
    --textXS:  clamp(0.75rem,  calc(0.517rem + 0.30vw), 0.825rem);  /* ~12px → 13.2px */
    --textS:   clamp(0.875rem, calc(0.604rem + 0.35vw), 0.963rem);  /* ~14px → 15.4px */
    --textM:   clamp(1rem,     calc(0.690rem + 0.40vw), 1.10rem);   /* 16px → 17.6px */
    --textL:   clamp(1.125rem, calc(0.776rem + 0.45vw), 1.238rem);  /* 18px → 19.8px */
    --textXL:  clamp(1.25rem,  calc(0.863rem + 0.50vw), 1.375rem);  /* 20px → 22px */
    --text2XL: clamp(1.5rem,   calc(1.035rem + 0.60vw), 1.65rem);   /* 24px → 26.4px */
    --text3XL: clamp(1.875rem, calc(1.294rem + 0.75vw), 2.062rem);  /* 30px → 33px */
    --text4XL: clamp(2.25rem,  calc(1.552rem + 0.90vw), 2.475rem);  /* 36px → 39.6px */

    /* Headings (a bit more aggressive scaling) */
    -headingZS: clamp(1rem,  calc(0.370rem + 1vw), 1.3rem);    
    --headingS: clamp(1.5rem,  calc(0.570rem + 1.20vw), 1.8rem);    /* 24px → 28.8px */
    --headingM: clamp(2rem,    calc(0.760rem + 1.60vw), 2.4rem);    /* 32px → 38.4px */
    --headingL: clamp(2.5rem,  calc(0.950rem + 2.00vw), 3rem);      /* 40px → 48px */
    --headingConst: calc(clamp(9rem, 5.455vw + 4.705rem, 11.25rem));
    --headingConstS: calc(clamp(5rem, 3.455vw + 3.705rem, 9.25rem));
    --headingConstXS: calc(clamp(3rem, 2.355vw + 2.305rem, 6.25rem));

  }

  a{text-decoration:none !important;}
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
      margin: 0;
      padding: 0;
      border: 0;
      vertical-align: baseline;
  }

  li{list-style: none;}
  
  p{font-size:16px; font-weight:300 !important; line-height:20px;}
  strong{font-weight:bold; font-family:inherit !important; font-size:inherit;line-height:inherit;color: #13294a; }
  em{font-family:inherit !important; font-size:inherit; line-height:inherit; font-style:italic;}
  span{font-family:inherit !important; font-size:inherit; line-height:inherit;}
  h1{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 28px; color: #13294a; line-height:30px;}
  h2{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 26px; color: #13294a; }
  h3{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 24px; color: #13294a; }
  h4{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 22px; color: #13294a; }
  h5{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 20px; color: #13294a; }
  h6{font-family:inherit !important; line-height:inherit; font-weight:bold; font-size: 18px; color: #13294a; }
  body, html {
      font-size: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      --light-blue:#4396d2;
      --grey-color:#414141;
      overflow: hidden; overflow-y: auto;
     
  }  

  .wrapper{width:100%; background:var(--troka_yellow);}
  .wrapper .container{ max-width: 1640px; width: 90%; margin: auto; background:var(--troka_yellow);}

/* header */

  header{position:fixed; top:0; width:100%; z-index: 100000000;}
  .header-content{ width:90%; margin:auto; height:250px; max-width:1640px; display: flex; justify-content: space-between; align-items: center; transition: all 1s ease; display:none;}
  .header-content__logo{width:33%; height:100%; display: flex; justify-content: flex-start; align-items: center;}
  .header-content__logo img{width:250px; height:250px;}
  .header-content__menu{width:66%; height:100%; display: flex; justify-content: flex-end; align-items: center; gap:22px; }
  .header-content__menu ul{display:flex; gap:22px;}
  .header-content__menu ul li{padding:15px 55px; border-radius:55px; background:var(--troka_black) !important; color:white; transition: all 2s ease;}
  .header-content__menu ul li:hover{transform: scale(1.05);}
  .header-content__menu ul li:first-child{background:var(--troka_yellow) !important; color:black; border:2px solid black;}
  .header-content__menu ul li:first-child a{color:black; text-decoration: underline;}
  .header-content__menu ul a{font-size:var(--textM); color:#FFF; font-weight:100 !important; width:100%; height:100%;}

    li.widget_icl_lang_sel_widget ul{display:flex; justify-content:center;
 align-items:center;}

/* header */

/* sidebar menu */

.header-mobile{height:66px; position:relative; }
.header-mobile_activator{position:absolute; left:0; top:0; display:flex; justify-content:center; align-items:center; width:66px; height:100%; background:var(--troka_yellow); border:2px solid black;}
.header-mobile_activator img{width:100%; height:100%; object-fit:contain;}
.header-mobile_menuouter{width: 350px; left:-350px; height: 100vh; background: var(--troka_black); position:relative; transition:all 0.6s ease;}
.header-mobile_closemenu{position: absolute; top: 0; left: 0; width: 66px; height:66px; background: var(--troka_yellow);}
.header-mobile_closemenu img{width:66px; height:66px;}
.header-mobile_menulogo{}
.header-mobile_menulogo img{width:66px; height:66px;}
.header-mobile_menu{position:absolute; top:calc(66px + 44px);  width:100%; padding:22px 0px; border-top:2px solid var(--troka_yellow); border-bottom:2px solid var(--troka_yellow);}
.header-mobile_menu ul{}
.header-mobile_menu ul li{ text-align:center; color:white; font-size:var(--textL);}
.header-mobile_menu ul li a{text-decoration:none; color:white; transition:all 0.6s ease;}
.header-mobile_menu ul li a:hover{padding-left:5px;}


.header_sidebar-tel{ height:88px;}
.header_sidebar-tel a{color:white; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}

.header-mobile_tel img{width:33px; height:33px;}
.header-mobile_tel{ position: absolute; right: 0; top: 0; border: solid thin red; height: 100%; width: 150px; background: var(--troka_yellow); border: 2px solid black; font-weight: 600; display: flex; justify-content: center; align-items: center; gap: 11px; }


/* sidebar menu */

/* hero section */



/* hero section */

/* homepage */

/* section one */


.section-one{ width: 100%; height: 929px; background: var(--troka_orange); padding: 66px; display: flex; }
.section-one__inner{ max-width:1640px; height:100%; margin:auto;}
.section-one__inner .wpb_wrapper {position:relative;}
.section-one__text{ position: absolute; z-index: 6; top: 0px; height: 500px;}
.section-one__text p{ font-family: "Inter", sans-serif !important; word-spacing: 5px; font-size: var(--textXS); line-height: calc(1.5 * var(--textXS)); color: white; font-weight: 400 !important;}
.section-one__construction{ position: relative; top: 690px; z-index: 8; width: 100%; display: flex; justify-content: center; align-items: baseline; }
.section-one__construction p{color: transparent; -webkit-text-stroke: 2px rgba(0, 0, 0, 0.4); font-size: var(--headingConstXS); line-height: calc(1 * var(--headingConstXS)); font-weight: 700 !important; opacity: 60%;}

.section-one__image{ position: absolute; height: 422px; z-index: 5; right: 0; top: 356px; width: 100%; left: 0; }
.section-one__image img{}
.section-one__logo{ position: absolute; right: 0px; z-index: 9; width: 100px; height: 100px; top: 560px; }


/* section one */

/* section two */

  .section-two__services{height:800px;}
  .section-two__slider-buttons{ position:absolute; bottom:200px; left:88px; width: 100%; max-width: 1640px; z-index: 10; margin: auto; left: 7%; bottom:88px; }

  /* swiper */

  .swiper { width: 100%; height: 100%; } 
  .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
  
  .mySwiper{height:800px;}
  
  .swiper-slide { text-align: center; font-size: 18px; background: var(--troka_black); display: flex; justify-content: flex-start; align-items: flex-start; position:relative;} 
  

  .slide-background__yellow{position: absolute; top: 0; left: 0; width: 100%; height: 66px; background: var(--troka_orange);}
  .slide-background__gray{}

  .slide-background{ width: 55%; height: 100%; background: black; margin-top: 66px; }
  .slide-background__content{ position: absolute; left: 7%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; top: 250px; height: calc(100% - 250px); gap:44px; z-index: 17;}
  .slide-background__content-title{ color: white; font-size: var(--headingXS); font-weight: 800; text-align: left; width: 45%; }
  .slide-background__content-description{color: white; width: 40%; text-align: left; text-transform: uppercase; font-size:15px;}
  .slide-background__image{width: 80%; height: 80%; position: absolute; bottom: 121px; left: 0;}
  .slide-background__image img{object-position: bottom; object-fit: contain;}
  
  .slide-foreground{position:absolute; right:0; top:0; width:45%; height:100%;}
  .slide-foreground__image{ height: calc(100% - 66px);}
  .slide-foreground__image img{}

  .swiper-button-next{left:66px !important;}
  .swiper-button-next img{width:44px; height:44px;}
  .swiper-button-prev{}
  .swiper-button-prev img{width:44px; height:44px;}


  /* swiper */


/* section two */


/* section three */

  .section-three__outer{width:100%; height:932px; }
  .section-three__outer .swiper-slide{background:var(--troka_black);}
  .section-three__inner{}
  .section-three__content{}
  .section-three__bigtitle{ color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConstXS); line-height: calc(1 * var(--headingConstXS)); font-weight: 700 !important; opacity: 17%; position: absolute; bottom: 50px; left: 132px; z-index: 1; left: 0;}
  .section-three__projectname{ position: absolute; left: 50%; /* width: 500px; */ transform: translate(-50%, -50%); top: 132px; color: var(--troka_orange); font-size: var(--headingS); font-weight: 100 !important; background: var(--troka_black); z-index: 5; width: 100%; padding: 5px; border: 2px solid var(--troka_orange);}
  .section-three__description{ position: absolute; height: 200px; bottom: 55px; color: white; text-align: left; right: 0; font-size: 12px; padding: 11px; }
  .section-three__images{width:100%; height:100%;}
  .section-three__image1{position: absolute; top: 132px; left: 0%; width: 33%; height: 536px;}
  .section-three__image1 img{}
  .section-three__image2{position: absolute; top: 132px; left: 33%; width: 33%; height: 536px; }
  .section-three__image2 img{}
  .section-three__image3{ position: absolute; top: 132px; height: 536px; left: 66%; width: 33%; }
  .section-three__image3 img{}

  .section-three__buttons{ position: absolute; height: 44px; bottom: 44px; right: 132px; }

/* section three */

/* section four */

.hideImage{display:none !important;}

/* section four */

/* section five */

.section-five__outer{ height:800px; padding:132px 0px; background:var(--troka_black) }
.section-five__outer .swiper-slide{height:400px; }
.section-five__follow{ color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConstXS); line-height: calc(1 * var(--headingConstXS)); font-weight: 700 !important; opacity: 30%; position: absolute; z-index: 5; top: -11px; left: 0; }
.section-five__socialbuttons{ display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; gap: 22px; padding-right: 7%; height: 170px;}
.section-five__socialbutton{transition: all 0.6s ease; border: solid 1px white; padding: 11px 33px; border-radius: 55px; width:170px; text-align: center;}
.section-five__socialbutton:hover{transform: scale(1.05);}
.section-five__socialbutton a{ text-decoration: none; color:white; font-weight:600 !important; font-size:var(--textM)}

/* section five */

/* section six */


.section-six__outer{display: flex; justify-content: center; align-items: center; flex-direction: column; gap:55px; background:var(--troka_deepblack)}
.section-six__hashtags{ display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 5px;}
.section-six__hashtag{font-size:var(--headingL); color:var(--troka_orange); font-weight:600 !important;}

/* section six */

/* back to top */

  .backToTop{position:fixed; bottom:200px; padding:22px; right:44px; border-radius:55px; background:var(--troka_orange); display:flex; justify-content: center; align-items: center; z-index: 10000000; border:solid 2px black; display:none;}
  .backToTop img{width:25px; height:25px;}

/* back to top */

/* homepage */

/* projects */

.hero__inner{position: relative; overflow: hidden; height: 600px;}
.hero__background{height: 600px;}
.hero__video{height: 600px; object-fit:cover}
.hero__overlay{position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; background: var(--troka_black); opacity: 60%; transform: translate(-50%, -50%);}
.hero__title{ position: absolute; z-index: 100000; font-size: 55px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: white; font-weight: 100 !important; font-style: italic; text-align: center; text-transform: uppercase;}

.projects{width:100%; min-height:500px; background:var(--troka_orange);}
.projects__inner{width:90%; margin:auto; max-width:1640px; float:unset !important;}
.projects__inner-title{padding:44px 0px; font-size:var(--headingL); line-height:calc(1 * var(--headingL)); color:white; font-weight:600 !important; }
.projects__divider{margin: 44px 0px; width: 100%; height: 4px; background: var(--troka_black);}

.projects__grid-buttons{ display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 44px 0px; flex-wrap: wrap; gap: 11px;}
.projects__grid-button{ width: calc(100%); border-radius: 55px; background: var(--troka_black); display: flex; justify-content: center; align-items: center; transition: all 0.6s ease; }
.projects__grid-button:hover{transform: scale(1.05);}
.projects__grid-button a{ color: white; height: 100%; text-align: center; width: calc(100% - 22px - 22px); padding: 15px;}
.projects__grid-button .grid-active{ width: 22px; height: 22px; border-radius: 22px; background: var(--troka_orange); display:none;}

.projects__grid{display:grid; grid-template-columns: repeat(1,calc(100%)); margin:22px 0px; grid-gap:22px;}
.projects__grid-item{width:100%; height:350px; position:relative; overflow:hidden;}
.projects__grid-item {transition: all 1s ease;}
.projects__grid-item:hover .projects__grid-item_shadow{ opacity:40%; }
.projects__grid-item:hover .projects__grid-item_tags{ opacity:1; }
.projects__grid-item:hover .projects__grid-item_overlay{ opacity:1; }
.projects__grid-item:hover .projects__grid-title{ opacity:0; }


.projects__grid-item_shadow{position:absolute; top:0; left:0; width:100%; height:100%; background:black; opacity:0; z-index: 10; transition: all 1s ease; opacity:0%; }

.projects__grid-item_tags{position: absolute; right: 11px; top: 11px; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: row; z-index: 20; transition: all 1s ease; opacity:0; gap:11px; flex-wrap:wrap;}
.projects__grid-item_tag{padding:11px; color:white; background:var(--troka_black); border-radius:44px; }
.projects__grid-item_overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; padding: 11px; gap: 4px; transition: all 1s ease; opacity:0;}
.projects__grid-item_overlay span{font-weight:800 !important;}
.projects__grid-item_overlay--title{color:white; width:80%; font-weight:800 !important; padding-bottom:11px; border-bottom:4px solid var(--troka_orange);}
.projects__grid-item_overlay--divider{}
.projects__grid-item_overlay--category{color:white; width:80%;}
.projects__grid-item_overlay--projectsize{color:white; width:80%;}
.projects__grid-item_overlay--projectperiod{color:white; width:80%;}
.projects__grid-item_overlay--link{position:absolute; right:22px; bottom:22px;}
.projects__grid-item_overlay--link a{display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;}
.projects__grid-item_overlay--link img{width:44px; height:44px;}

.projects__grid-title{ position: absolute; bottom: 0; left: 0; z-index: 22; width: 100%; height: 88px; background: rgba(0, 0, 0, 0.4); transition: all 1s ease; opacity:1; z-index:5; }
.projects__grid-title_bg{}
.projects__grid-title_text{padding: 22px; color: white; width: 80%;}

.projects__grid-background{width: 100%; height: 100%; overflow: hidden; background: var(--troka_deepblack);}
.projects__grid-background img{ width: 100%; height: 100%; object-fit: contain; object-position: center; }

.projects__collab-outer{background:var(--troka_orange); padding:44px 0px;}
.projects__collab-inner{max-width:1640px; display:flex; justify-content:center; align-items:center; float:unset; margin:auto; }
.projects__collab-inner .wpb_text_column { height: 100%; margin: 0; padding: 22px; width: 90%;}
.projects__collab-inner .wpb_wrapper{ display: flex; justify-content: center; align-items: center; width: 100%; flex-direction:column; overflow: hidden; background:var(--troka_deepblack); }
.projects__collab{ left: unset; height: 100%; width: 100%; background: var(--troka_deepblack); display: flex; justify-content: space-around; flex-direction: column; padding: 22px; }
.projects__collab-image{height: 100%; margin: 0;}
.projects__collab-text{}
.projects__collab-text p{font-size:var(--textXL); color:white; text-align:center;}
.projects__collab-buttons{ display: flex; justify-content: center; align-items: center; gap: 22px; flex-direction: column; padding: 22px 0px; }
.projects__collab-button{ width:200px; border-radius: 55px; background: var(--troka_black); display: flex; justify-content: center; align-items: center; transition: all 0.6s ease;}
.projects__collab-button a{text-decoration:none; color:white; padding:15px;}

.projects__line-outer{margin: auto; float: unset; background: var(--troka_yellow);}
.projects__line-inner{max-width:1640px; margin:auto; width:90%; float:unset;}

/* projects */

/*single project*/

.single-project__outer{}
.single-project__image{}
.single-project__title{margin:44px 0px; font-size:var(--text4XL); font-weight:800 !important;}
.single-project__descriptionservices{display:flex; justify-content:flex-start; align-items:flex-start; height:300px; margin:44px 0px; margin-top:0px;}
.single-project__description{width:50%; height:100%; padding-right:11px;}
.single-project__description-description{margin:22px 0px; font-weight:800 !important; font-size:var(--textL); }
.single_project__services{ width:50%; height:100%;}
.single_project__services-service{margin:22px 0px; font-weight:800 !important; font-size:var(--textL);}
.single-project__images{}

.single-project__extrainfo{margin-bottom:44px;}
.single-project__extrainfo-title{margin:22px 0px; font-weight:800 !important; font-size:var(--textL);}
.single-project__extrainfo-info{}
.single-project__extrainfo-info span{font-weight:600;}

/*single project*/

/*services*/

.services_inner{position:relative;}
.services_inner img{height: 600px; object-fit: cover;}
.services-hero_title{ position: absolute; z-index: 100000; font-size: 55px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: white; font-weight: 100 !important; font-style: italic; text-align: center; text-transform: uppercase; }
.services-description{padding:44px 0px; font-size:var(--headingL); line-height:calc(1 * var(--headingL)); color:white; font-weight:600 !important;  }

/*single service*/

.singleservice-outer{ margin: 44px 0px; background: black; }
.singleservice-outer:last-child{ margin-bottom: 0px; }
.singleservice-service{ padding:0px 22px; position:relative; display:flex; justify-content:center; align-items:center;}
.singleservice-info{ display:flex; justify-content:center; align-items:flex-start; flex-direction:column;}
.singleservice-title{color:white; padding:22px 0px; font-size:var(--headingM); font-weight:600;}
.singleservice-description{color:white;}
.singleservice-image{ }
.singleservice-triangle{width: 0px; height: 0px; border-style: solid; border-width: 134px 0px 0px 150px; border-color: transparent transparent transparent var(--troka_gray); transform: rotate(270deg); position: absolute; bottom: -1px; right: -9px; z-index: 6; display:none;}
.singleservice-icon{position: absolute; bottom: -409px; right: 0; height: 66px; width: 66px; z-index: 6; margin: 0; display:none;}


/*single service*/

/*services*/


/*contact*/

.contact-outer{height:600px;}
.contact-inner{position:relative; height:600px;}
.contact-hero_title{ position: absolute; z-index: 100000; font-size: 55px; transform: translate(-50%, -50%); left: 50%; top: 50%; color: white; font-weight: 100 !important; font-style: italic; text-align: center; text-transform: uppercase; }
.contact-image img{height:600px; object-fit:cover;}
.contact-content{margin:66px 0px;}
.contact-form{}
.contact-info{}

.contact-formcol form{padding:22px; border-radius:22px; background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px; color:white; margin-bottom:35px;}
.contact-formcol form input{width:100%;}
.contact-formcol form textarea{width:100%;}
.contact-formcol form input[type="submit"]{padding:22px; background:white; color:black;}

.contact-working{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-working_title{color:white;}
.contact-working_hours{color:white;}

.contact-phone{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-phone_text{color:white;}
.contact-phone_text a{color:white; text-decoration: underline;}

.contact-email{padding:22px; border-radius:22px; height:calc(150px); background:black; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:22px;}
.contact-email_text{color:white; font-weight: 800;}
.contact-phone_text-title{color:white; font-weight: 800;}
.contact-email_text-title{font-weight: 800;}
.contact-email_text a{color:white; text-decoration: underline; }
/*contact*/




/* footer */

  footer{background:var(--troka_gray)}
  .footer-content{width:90%; padding-top:22px; margin:auto; height:600px; max-width:1640px; flex-direction:column; display: flex; justify-content: center; align-items:center;}

  .footer-content__left{height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}

  .footer-content__left--logo{height:50%;}
  .footer-content__left--logo img{width:150px;}
  .footer-content__left--info{height: 50%; padding-left: 15px; display: flex; justify-content: center; align-items: center;}
  .footer-content__left--info-inner{ display: flex; justify-content: center; align-items: center; gap: 2px; flex-direction: column; }
  .footer-content__left--info-inner li{color: white; font-size: var(--textL); line-height: calc(1 * var(--textL)); text-align: start; text-transform: uppercase; font-weight: 100 !important;}
  .footer-content__left--info-inner li a{text-decoration: none; color:white; font-weight: 100 !important; font-size: var(--textL); line-height: calc(1 * var(--textL));}

  .footer-content__right{height: 100%; display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column;}
  .footer-content__right--menu{height: 50%; width: 100%; display: flex; justify-content: center; align-items: center;}
  .footer-content__right--menu li{ }
  .footer-content__right--menu li a{padding: 15px 55px; border-radius: 55px; background: var(--troka_black); transition: all 0.6s ease; color:white; text-decoration: none;}
  .footer-content__right--text{height:50%; }
  .footer-content__right--text li.widget {height:100%;}
  .footer-content__right--text li.widget .textwidget{height:100%;}
  .footer-content__right--text-inner{height:100%; display: flex; justify-content: center; align-items: center;}
  .footer-content__right--text-inner p{color: white; font-size: var(--textL); line-height: calc(1 * var(--textL)); text-align: center; text-transform: uppercase; display: flex; justify-content: center; align-items: center; height: 100%; font-weight: 100 !important;}

  .footer-content_right--text-menu{display: flex; justify-content: flex-end; align-items: flex-end; gap:22px;}
  .footer-content_right--text-menu li{padding:15px 55px; border-radius:55px; background:var(--troka_black); transition: all 0.6s ease;}
  .footer-content_right--text-menu li a{text-decoration:none; color:white; font-size:var(--textM)}
  .footer-content_right--text-menu li:hover{transform: scale(1.05);}

  .footer-underfooter{display: flex; justify-content: center; align-items: center; padding:11px 0px;}
  .footer-underfooter p{font-size:var(--textS); color:white; font-weight:100 !important;}
  .footer-underfooter p a{font-weight:600 !important; color:#8e7b6b; transition: all 1s ease;}
  .footer-underfooter p a:hover{font-weight:600 !important; color:#d36206; }



/* footer */

@media screen and (max-width:1400px) and (min-width: 1240px){

  :root{

    /* Body / text sizes */
    --textXS:  clamp(0.75rem,  calc(0.517rem + 0.30vw), 0.825rem);  /* ~12px → 13.2px */
    --textS:   clamp(0.875rem, calc(0.604rem + 0.35vw), 0.963rem);  /* ~14px → 15.4px */
    --textM:   clamp(1rem,     calc(0.690rem + 0.40vw), 1.10rem);   /* 16px → 17.6px */
    --textL:   clamp(1.125rem, calc(0.776rem + 0.45vw), 1.238rem);  /* 18px → 19.8px */
    --textXL:  clamp(1.25rem,  calc(0.863rem + 0.50vw), 1.375rem);  /* 20px → 22px */
    --text2XL: clamp(1.5rem,   calc(1.035rem + 0.60vw), 1.65rem);   /* 24px → 26.4px */
    --text3XL: clamp(1.875rem, calc(1.294rem + 0.75vw), 2.062rem);  /* 30px → 33px */
    --text4XL: clamp(2.25rem,  calc(1.552rem + 0.90vw), 2.475rem);  /* 36px → 39.6px */

    /* Headings (a bit more aggressive scaling) */
    --headingS: clamp(1.5rem,  calc(0.570rem + 1.20vw), 1.8rem);    /* 24px → 28.8px */
    --headingM: clamp(2rem,    calc(0.760rem + 1.60vw), 2.4rem);    /* 32px → 38.4px */
    --headingL: clamp(2.5rem,  calc(0.950rem + 2.00vw), 3rem);      /* 40px → 48px */
    --headingConst: calc(clamp(5.5rem, 4.848vw + 1.682rem, 7.5rem))


  }
 


/* section one */


.section-one{ width: 100%; height: 1000px; background: var(--troka_orange); padding: 66px; display: flex; }
.section-one__inner{ max-width:1640px; height:100%; margin:auto;}
.section-one__inner .wpb_wrapper {position:relative;}
.section-one__text{ position: absolute; z-index: 6; top: 50px; width: 47%;  }
.section-one__text p{font-family:"Inter", sans-serif !important; word-spacing: 5px; font-size:var(--text2XL); line-height:calc(1.5 * var(--text2XL)); color:white; font-weight:400 !important;}
.section-one__construction{position: relative; top: 696px; z-index: 12; word-spacing: 3px;}
.section-one__construction p{ color: transparent; -webkit-text-stroke: 2px rgba(0, 0, 0, 0.4); letter-spacing: 8px; font-size: var(--headingConst); line-height: calc(1 * var(--headingConst)); font-weight: 700 !important; opacity: 60%; text-align: end; }

.section-one__image{ position: absolute; width: 550px; height: 550px; z-index: 5; right: 0px; top: 150px; }
.section-one__image img{}
.section-one__logo{ position: absolute; z-index: 9; width: 250px; height: 250px; top: 500px; right: 0; }
.section-one__logo img{ width:200px; height:200px; object-fit: contain; }

  

/* section one */



/* section three */

  .section-three__outer{width:100%; height:932px; }
  .section-three__outer .swiper-slide{background:var(--troka_black);}
  .section-three__inner{}
  .section-three__content{}
  .section-three__bigtitle{color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst) - 20px); font-weight: 700 !important; opacity: 60%; position: absolute; bottom: 50px; left: 132px; z-index: 1;}
  .section-three__projectname{position: absolute; color: var(--troka_orange); font-size: var(--headingS); font-weight: 100 !important; z-index: 66; top: unset !important; bottom: 240px; width: 300px; left: 132px; transform: unset !important;}
  .section-three__description{position: absolute; right: 132px; width: 400px; height: 200px; bottom: 132px; color: white; text-align: left;}
  .section-three__images{width:100%; height:100%;}
  .section-three__image1{position: absolute; top: 132px; left: 132px; width: 410px; height: 420px;}
  .section-three__image1 img{}
  .section-three__image2{position: absolute; top: 132px; left: 33%; width: 33%; height: 420px;}
  .section-three__image2 img{}
  .section-three__image3{position: absolute; top: 132px; width: 400px; right: 132px; height: 420px;}
  .section-three__image3 img{}

  .section-three__buttons{position: absolute; bottom: 132px; right: calc(132px + 400px); height:44px;}

/* section three */


.section-five__follow{ color: transparent; -webkit-text-stroke: 2px var(--troka_yellow); font-size: var(--headingConst); line-height: calc(1 * var(--headingConst)); font-weight: 700 !important; opacity: 60%; position: absolute; /* bottom: 50px; */ left: 132px; z-index: 5; top: -11px;}





}