/* Site-specific overrides of the Gilroy theme (recovered from the original export, where they were
   appended inside the WordPress emoji style block). Loaded after the theme CSS. */
.tx-header .tx-logo img {
max-width: 200px !important;
}

:root {
--gly-pr-font: "Epilogue", sans-serif;
--gly-sd-font: "Unbounded", sans-serif;
--archivo: "Archivo", sans-serif;
--inter: "Inter", sans-serif;
--montserrat: "Montserrat Alternates", sans-serif;
--urbanist: "Urbanist", sans-serif;
--black-color: #000000;
--white-color: #fff;
--gly-pr-1: #fc002f;
--gly-pr-2: #1042f2;
--gly-pr-3: #fe7524;
--gly-sd-1: #4300e7;
--gly-sd-2: #6907a8;
--gly-heading-1: #181717;
--gly-heading-2: #363539;
--gly-heading-3: #0f0d1e;
--gly-heading-4: #070917;
--gly-para-1: #181717;
--gly-para-2: #363539;
--gly-para-3: #484655;
--gly-para-4: #454753;
--gly-gd-1: linear-gradient(90deg, #662834 0%, #d91d40 100%) !important;
--gly-gd-2: linear-gradient(90deg, rgba(255, 76, 19, 1) 0%, rgba(254, 117, 36, 1) 100%);
--cube-1: cubic-bezier(0.23, 1, 0.32, 1);
--cube-2: cubic-bezier(0.31, -0.105, 0.43, 1.4);
}

svg .svg-elem-1 {
stroke-dashoffset: 1165.384033203125px;
stroke-dasharray: 1165.384033203125px;
fill: transparent;
-webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.5s;
}

svg.active .svg-elem-1 {
stroke-dashoffset: 0;
fill: rgb(255, 255, 255);
}

svg .svg-elem-2 {
stroke-dashoffset: 857.5765380859375px;
stroke-dasharray: 857.5765380859375px;
fill: transparent;
-webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s;
}

svg.active .svg-elem-2 {
stroke-dashoffset: 0;
fill: rgb(255, 255, 255);
}

svg .svg-elem-3 {
stroke-dashoffset: 1020.9168090820312px;
stroke-dasharray: 1020.9168090820312px;
fill: transparent;
-webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.7s;
}

svg.active .svg-elem-3 {
stroke-dashoffset: 0;
fill: rgb(255, 255, 255);
}

svg .svg-elem-4 {
stroke-dashoffset: 668.9999389648438px;
stroke-dasharray: 668.9999389648438px;
fill: transparent;
-webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .svg-elem-4 {
stroke-dashoffset: 0;
fill: rgb(255, 255, 255);
}

svg .svg-elem-5 {
stroke-dashoffset: 1020.9219970703125px;
stroke-dasharray: 1020.9219970703125px;
fill: transparent;
-webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .svg-elem-5 {
stroke-dashoffset: 0;
fill: rgb(255, 255, 255);
}

svg .svg-elem-6 {
stroke-dashoffset: 1166.068359375px;
stroke-dasharray: 1166.068359375px;
fill: transparent;
-webkit-transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
transition: stroke-dashoffset 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.3s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .svg-elem-6 {
stroke-dashoffset: 0;
fill: rgb(255, 255, 255);
}

.main-navigation .navbar-nav li:is(.dropdown) > a::before {
content: "" !important;
}

.gly-project-2-item-content {
position: absolute;
bottom: -30%;
left: 50%;
width: 90%;
background: black !important;
transform: translateX(-50%);
padding: 15px 55px;
border-radius: 50px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
transition: 1000ms var(--cube-2);
}

.main-navigation .navbar-nav li a::after {
display: none;
position: absolute;
content: "";
background: 0 0;
border: 1px solid var(--gly-pr-1);
width: 8px;
height: 8px;
left: -15px;
border-radius: 50%;
top: 49px;
z-index: 1;
transition: 400ms var(--cube-1);
}

.main-navigation .navbar-nav li:hover > a {
color: #ff1c46 !important;
}

.gly-hero-1-social {
display: flex;
flex-direction: unset !important;
gap: 95px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 2%;
}

.gly-hero-1-social-link {
display: inline-block;
writing-mode: horizontal-tb !important;
color: #fff;
font-size: 16px;
transition: 400ms var(--cube-1);
}

.gly-hero-2-wrap .gly-hero-1-social {
left: unset !important;
right: 0px !important;
position: absolute;
top: 10px !important;
gap: 45px;
transform: translateY(-36%);
}

.gly-services-2-item .subtitle::after {
content: "";
width: 100%;
height: 2px !important;
background: #707070bf !important;
position: absolute;
left: 0;
bottom: -11px;
}

.swiper-slide {
width: 400px !important;
height: 400px;
}

.elementor img {
max-width: 250px;
height: 300px;
}

.gly-project-2-item {
height: 450px !important;
max-width: 450px !important;
border-radius: 45px;
overflow: hidden;
position: relative;
z-index: 1;
padding: 10px 0;
}
