:root {
 --colorYellow: #fff200;
 --colorYellowDark: #f4c51d;
 --colorBlueDark: #23395e;
 --colorFont: #1e2a3a;
 --colorGreenDark: #0db581;
 --blackColor: #000;

 --plusJakartaSans: "Plus Jakarta Sans", sans-serif;

 --Gobold: "Gobold", sans-serif;
 --GoboldBold: "Gobold Bold", sans-serif;
 --GoboldCUTS: "Gobold CUTS", sans-serif;
 --GoboldExtra1: "Gobold Extra1", sans-serif;
 --GoboldExtra2: "Gobold Extra2", sans-serif;
 --GoboldHighBold: "Gobold High Bold", sans-serif;
 --GoboldHigh: "Gobold High", sans-serif;
 --GoboldHighThin: "Gobold High Thin", sans-serif;
 --GoboldHollowBold: "Gobold Hollow Bold", sans-serif;
 --GoboldHollow: "Gobold Hollow", sans-serif;
 --GoboldThinLight: "Gobold Thin Light", sans-serif;
 --GoboldLowplus: "Gobold Lowplus", sans-serif;
 --GoboldThin: "Gobold Thin", sans-serif;
 --GoboldUplow: "Gobold Uplow", sans-serif;
}

html {
 scroll-padding-top: 100px;
}

body {
 font-family: "Open Sans", sans-serif;
}

.font-title {
 font-family: var(--Gobold);
 font-weight: 100 !important;
 letter-spacing: 0px;
 text-transform: uppercase;
}

a,
a:hover {
 text-decoration: none;
 -webkit-transition: 0.3s;
 -moz-transition: 0.3s;
 transition: 0.3s;
 cursor: pointer;
}

dl,
ol,
ul {
 padding: 0;
 margin: 0;
 list-style: none;
}

.lines-1,
.lines-2,
.lines-3,
.lines-4,
.lines-5,
.lines-6,
.lines-7,
.lines-8,
.lines-9,
.lines-10,
.lines-11,
.lines-12,
.lines-13,
.lines-14,
.lines-15 {
 display: -webkit-box !important;
 overflow: hidden;
 -webkit-box-orient: vertical;
}

.lines-1 {
 -webkit-line-clamp: 1;
}

.lines-2 {
 -webkit-line-clamp: 2;
}

.lines-3 {
 -webkit-line-clamp: 3;
}

.lines-4 {
 -webkit-line-clamp: 4;
}

.lines-5 {
 -webkit-line-clamp: 5;
}

.lines-6 {
 -webkit-line-clamp: 6;
}

.lines-7 {
 -webkit-line-clamp: 7;
}

.lines-8 {
 -webkit-line-clamp: 8;
}

.lines-9 {
 -webkit-line-clamp: 9;
}

.lines-10 {
 -webkit-line-clamp: 10;
}

.lines-11 {
 -webkit-line-clamp: 11;
}

.lines-12 {
 -webkit-line-clamp: 12;
}

.lines-13 {
 -webkit-line-clamp: 13;
}

.lines-14 {
 -webkit-line-clamp: 14;
}

.lines-15 {
 -webkit-line-clamp: 15;
}

.sec_padding_y {
 padding: 3rem 0;
}

.loading {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #fff;
 z-index: 99999;
 display: flex;
 align-items: center;
 justify-content: center;
}

.loading svg {
 width: 400px;
}

/* .loading .cls-1 {
  fill: #1e2a3a;
} */
.loading .cls-2 {
 fill: #fff;
}

.loading svg .cls-1 {
 fill: transparent;
 stroke: #1e2a3a;
}

.loading svg path:nth-child(1) {
 stroke-dasharray: 373;
 stroke-dashoffset: 450;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg path:nth-child(2) {
 stroke-dasharray: 177;
 stroke-dashoffset: 200;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg path:nth-child(3) {
 stroke-dasharray: 226;
 stroke-dashoffset: 300;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg path:nth-child(4) {
 stroke-dasharray: 287;
 stroke-dashoffset: 300;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg path:nth-child(5) {
 stroke-dasharray: 196;
 stroke-dashoffset: 200;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg path:nth-child(6) {
 stroke-dasharray: 193;
 stroke-dashoffset: 200;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg polygon:nth-child(7) {
 stroke-dasharray: 193;
 stroke-dashoffset: 207;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg path:nth-child(8) {
 stroke-dasharray: 153;
 stroke-dashoffset: 224;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg path:nth-child(9) {
 stroke-dasharray: 109;
 stroke-dashoffset: 153;
 animation: strock-animate 1.5s ease forwards;
}

.loading svg path:nth-child(11) {
 stroke-dasharray: 59;
 stroke-dashoffset: 109;
 animation:
  strock-animate 1.5s ease forwards 0.5s,
  animateEye 5s infinite linear forwards;
}

.loading svg path:nth-child(12) {
 stroke-dasharray: 109;
 stroke-dashoffset: 109;
 animation:
  strock-animate 1.5s ease forwards 0.5s,
  animateEye 5s infinite linear forwards;
}

@keyframes strock-animate {
 0% {
  fill: transparent;
 }

 50% {
  fill: transparent;
  stroke-dashoffset: 0;
 }

 100% {
  stroke-dashoffset: 0;
  fill: var(--colorFont);
 }
}

/* $ => Header */
header {
 position: sticky;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 1000;
 background-color: transparent;
 transition: all 0.3s ease-in-out;
 padding: 0.5rem 0;
}

header.sticky {
 background-color: rgba(255, 255, 255, 0.95);
 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); /* Softer shadow */
 backdrop-filter: blur(10px); /* Glassmorphism effect */
 -webkit-backdrop-filter: blur(10px);
 padding: 0.5rem 0; /* Shrink on scroll */
 border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.logo-header img {
 transition: 0.3s;
 display: block;
}
header.sticky .logo-header img {
 width: 80px;
}
header.hide-header {
 transform: translateY(-100%);
}
header .navbar .navbar-nav .nav-link {
 text-transform: uppercase;
 font-size: 20px;
 padding: 1rem 1.5rem;
 letter-spacing: 1px;
 font-family: var(--GoboldThin);
 color: var(--colorFont);
}

header .navbar .navbar-nav .nav-link:hover,
header .navbar .navbar-nav .nav-link.active {
 color: var(--colorGreenDark);
}

.btn_booking {
 background-color: var(--colorYellow);
 color: var(--colorBlueDark);
 font-weight: 400;
 font-family: var(--Gobold);
 font-weight: 400;
 padding: 0.5rem;
 border-radius: 6px;
 font-size: 24px;
}

.btn_booking:hover {
 background-color: var(--colorYellowDark);
}

.show-in-mobile {
 display: none;
}

/* # => Header */

/* $ => Home Banner */
.navbar-nav .nav-link {
 color: #fff;
}

.dropend .dropdown-toggle {
 color: #0db581;
 margin-left: 1em;
}

.dropdown-item:hover {
 background-color: #0db581;
 color: #fff;
}

.dropdown .dropdown-menu {
 display: none;
}

.dropdown:hover > .dropdown-menu,
.dropend:hover > .dropdown-menu {
 display: block;
 margin-top: 0.125em;
 margin-left: 0.125em;
}

@media screen and (min-width: 769px) {
 .dropend:hover > .dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
 }

 .dropend .dropdown-toggle {
  margin-left: 0.5em;
 }
}

.home-banner {
 background-size: cover;
 background-repeat: no-repeat;
 background-attachment: fixed;
 height: 760px;
 overflow: hidden;
}

.banner-slides .splide__slide {
 background-color: transparent; /* Placeholder color */
 width: 280px;
 height: 280px !important;
 aspect-ratio: 1 / 1;
 border-radius: 12px;
 overflow: hidden;
 /* box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); */
 display: flex;
 align-items: center;
 justify-content: center;
}

.banner-slides .splide__slide img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

@media screen and (max-width: 991px) {
 .banner-slides .splide__slide {
  width: 200px;
  height: 200px !important;
 }
}

@media screen and (max-width: 767px) {
 .banner-slides .splide__slide {
  width: 120px;
  height: 120px !important;
 }
}

@media screen and (max-width: 500px) {
 .banner-slides .splide__slide {
  width: 100px;
  height: 100px !important;
 }
}

.banner-slides {
 gap: 1.5rem;
}

.home-banner strong {
 font-size: 75px;
 margin-bottom: 0;
 line-height: 1.4;
 color: var(--colorGreenDark);
}

.home-banner p.txt {
 font-size: 24px;
}

.move_txt2,
.move_txt {
 position: relative;
}

.move_txt2 .text-wrapper,
.move_txt .text-wrapper {
 position: relative;
 display: inline-block;
 overflow: hidden;
 line-height: 1.2;
}

.move_txt2 .letter,
.move_txt .letter {
 display: inline-block;
}

.home-banner .move_txt2 {
 color: var(--colorFont);
 font-weight: 500;
 margin-bottom: 1rem;
 font-size: 80px;
}

.animate-text {
 position: relative;
 z-index: 2;
 color: var(--colorFont);
 font-weight: 500;
 margin: 0;
 margin-bottom: 1rem;
 overflow: hidden;
 font-size: 50px;
}

.animate-text span {
 display: none;
 /* color: var(--colorTwo); */
 font-weight: bold;
 line-height: 1.4;
}

.animate-text span.text-in {
 display: block;
 animation: textIn 0.5s ease;
}

.animate-text span.text-out {
 animation: textOut 0.5s ease;
}

@keyframes textIn {
 0% {
  transform: translateY(-100%);
 }

 100% {
  transform: translateY(0%);
 }
}

@keyframes textOut {
 0% {
  transform: translateY(0%);
 }

 100% {
  transform: translateY(100%);
 }
}

/* # => Home Banner */

/* ==== $ SECTION TITLE ==== */
.sec-title {
 text-align: center;
 margin-bottom: 3.5rem;
}

.sec-title strong.title {
 display: block;
 font-size: 50px;
 text-transform: uppercase;
 font-family: var(--GoboldThinLight);
 letter-spacing: 1px;
}

.sec-title2 {
 text-align: center;
 margin-bottom: 3.5rem;
}

.sec-title2 .title {
 display: block;
 font-size: 50px;
 text-transform: uppercase;
 color: var(--colorGreenDark);
}

/* ==== # SECTION TITLE ==== */

/* $ => Clients */
.splide-clients .splide__slide {
 display: flex;
 align-items: center;
 justify-content: center;
 /* border: 1px solid var(--colorBlueDark);
  border-left: 0; */
 width: 180px;
 height: 180px;
}

.splide-clients .splide__slide img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

/* # => Clients */

/* $ =>  */
.lines_lr {
 position: relative;
 z-index: 1;
}

.lines_lr::before,
.lines_lr::after {
 content: "";
 position: absolute;
 top: 0;
 left: -25px;
 background-color: var(--colorGreenDark);
 width: 20px;
 height: 100%;
 z-index: -1;
}

.lines_lr::after {
 left: auto;
 right: -25px;
}

.filter-options {
 /* margin-bottom: 3rem; */
}

.filter-options .btn_filter {
 background-color: transparent;
 outline: unset;
 padding: 1rem 0.5rem;
 border: 2px solid var(--colorGreenDark);
 border: 0;
 border-radius: 4px;
 height: 100%;
}

.filter-options .btn_filter:focus {
 outline: unset !important;
}

.filter-options .btn_filter.active {
 color: var(--colorGreenDark);
}

.filter-options .btn_filter .icon {
 height: 100px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.filter-options .btn_filter .icon img {
 object-fit: contain;
 width: 100%;
 height: 100%;
}

.filter-options .btn_filter strong.title {
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 500;
 font-size: 16px;
 margin-bottom: 1rem;
 display: block;
}

.splide__arrow {
 background-color: #ecc532;
 width: 4rem;
 height: 4rem;
 border-radius: 0;
 opacity: 1;
 transition: 0.3s;
}

.splide__arrow:hover:not(:disabled) {
 opacity: 1;
}

.splide__arrow:hover {
 opacity: 1;
}

.splide__arrow--prev {
 left: -104px;
}

.splide__arrow--next {
 right: -104px;
}

.left {
 clip-path: polygon(0 50%, 80% 100%, 80% 0);
}

.right {
 clip-path: polygon(100% 50%, 20% 100%, 20% 0);
}

/* .splide__arrow--prev::before,
.splide__arrow--next::before {
  content: unset;
}
.splide__arrow--prev::before {
  border: 50px solid var(--colorYellow);
}
.splide__arrow--next::before {
  border: 50px solid var(--colorYellow);
} */

.item_ps {
 width: 100%;
}

.item_ps .imgs_item {
 width: 100%;
 /* height: 500px; */
 overflow: hidden;
}

.item_ps .imgs_item img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 object-position: top;
 transition: 0.3s linear;
}

.item_ps:hover .imgs_item img {
 transform: scale(1.2) rotate(3deg);
}

.item_ps {
 position: relative;
 overflow: hidden;
 display: block;
}

.item_ps .item_details {
 padding: 1rem;
 position: absolute;
 /*bottom: -78px;*/
 bottom: -22%;
 left: 0;
 background-color: var(--colorGreenDark);
 color: #fff;
 opacity: 0.9;
 transition: 0.3s linear;
}

.item_ps .item_details strong {
 margin-bottom: 0.5rem;
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 400;
 font-size: 24px;
 letter-spacing: 1px;
}

.item_ps .item_details p {
 font-family: var(--plusJakartaSans);
 font-size: 18px;
 opacity: 0;
 transition: 0.3s linear;
}

.item_ps:hover .item_details {
 bottom: 0;
}

.item_ps:hover .item_details p {
 opacity: 1;
}

.portfolio-item .item_details {
 padding: 1rem;
 flex: 1;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 min-height: 120px;
 /* background: white; */
}
.portfolio-item .item_details p {
 margin: 0;
 /* color: #6c757d; */
 font-size: 0.9rem;
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 line-height: 1.4;
}

/* # =>  */

/* $ => Button Booking */
.btn_bookfree {
 background-color: var(--colorYellow);
 color: var(--colorFont);
 padding: 1rem 2.5rem;
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 500;
 font-size: 50px;
 border-radius: 30px;
}

.btn_bookfree:hover {
 background-color: var(--colorYellowDark);
}

.arrow-lr {
 display: inline-block;
 width: 70px;
 height: 70px;
 background-color: var(--colorYellowDark);
}

.arrow_right {
 clip-path: polygon(0 50%, 80% 100%, 80% 0);
}

.arrow_right2 {
 clip-path: polygon(0 50%, 80% 100%, 80% 0);
}

.arrow_left {
 clip-path: polygon(100% 50%, 20% 100%, 20% 0);
}

.arrow_left2 {
 clip-path: polygon(100% 50%, 20% 100%, 20% 0);
}

/* # => Button Booking */

/* $ => Satisfied Brands (Adlengo in Numbers) */
.sec-satisfied {
 position: relative;
 background-size: cover;
 background-position: center;
 background-attachment: fixed; /* Parallax effect */
 padding: 6rem 0;
 margin: 0;
 z-index: 1;
}

.sec-satisfied .overlay-deep {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(10, 10, 10, 0.9); /* Heavy dark overlay */
 z-index: -1;
}

.sec-satisfied .sec-title .title {
 color: #fff;
 font-size: 55px; /* Slightly larger for impact */
}

.sec-satisfied .icon-box {
 color: var(--colorGreenDark);
 transition: transform 0.3s ease;
}

.item-counter:hover .icon-box {
 transform: translateY(-5px);
}

.count-item {
 color: var(--colorGreenDark);
 font-size: 60px;
 font-weight: bold;
 line-height: 1;
 margin-bottom: 15px;
}

.count-item .numscroller {
 color: inherit;
}

.item-counter strong.title {
 color: #ffffff !important;
 font-size: 18px;
 text-transform: uppercase;
 font-family: var(--GoboldThinLight);
 letter-spacing: 2px;
 opacity: 0.8;
}
/* # => Satisfied Brands */

/* $ => Feature Services */
.fs_items {
 position: relative;
}

.sec-feature-services .title-item {
 color: var(--colorGreenDark);
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 400;
 font-size: 50px;
}

.feature-service-item .img-item {
 display: block;
 width: 240px;
 margin: auto;
}
.feature-service-item .img-item img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.sec-feature-services .content_disc {
 padding: 2rem 6rem;
 text-align: center;
}
.sec-feature-services p {
 font-family: var(--plusJakartaSans);
 font-size: 18px;
}

.shape_circle_txt {
 background-color: var(--colorYellow);
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) !important;
 z-index: 1;
 width: 200px;
 height: 200px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 text-align: center;
 border-radius: 50%;
}

.shape_circle_txt .shape_logo {
 top: 60%;
}

.shape_circle_txt .shape_logo svg * {
 fill: var(--colorFont);
}

.rounded-text {
 width: 100%;
 height: 100%;
 text-transform: uppercase;
 transform: rotate(-103deg);
 color: #fff;
 font-weight: bold;
 z-index: -1;
 font-family: Raleway;
 position: absolute;
 top: 0;
 left: 0;
 padding: 10px;
}

@keyframes rotating {
 from {
  transform: rotate(360deg);
 }

 to {
  transform: rotate(0deg);
 }
}

.rotating {
 animation: rotating 12s linear infinite;
}

/* # => Feature Services */

/* $ => 7 Whys */
.title-whys {
}

.title-whys strong {
 color: var(--colorFont);
 font-family: var(--Gobold);
 font-weight: 400;
 font-size: 120px;
 text-transform: uppercase;
 line-height: 1.1;
}

.title-whys p {
 color: var(--colorFont);
 font-family: var(--Gobold);
 font-weight: 400;
 font-size: 40px;
 line-height: 1;
}

.whys-items {
 padding-bottom: 3rem;
}

.whys-item {
 border: 3px solid var(--colorYellowDark);
 border-radius: 20px;
 padding: 3rem 4rem;
 padding-bottom: 1rem;
 position: relative;
 margin-top: 2rem;
}

.whys-item strong.title {
 position: absolute;
 top: -35px;
 left: 50%;
 transform: translateX(-50%);
 color: var(--colorGreenDark);
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 400;
 font-size: 40px;
 background-color: #fff;
 padding: 0 1.5rem;
 white-space: nowrap;
}

.whys-item p {
 font-size: 1.5rem;
}

.splide-whys .splide__pagination {
 bottom: -60px;
}

.splide__pagination__page {
 background: #ccc;
 border: 0;
 border-radius: 50%;
 display: inline-block;
 margin: 3px 0.5rem;
 opacity: 0.7;
 padding: 0;
 position: relative;
 transition: transform 0.2s linear;
 height: 16px;
 width: 16px;
}

.splide__pagination__page.is-active {
 background: var(--colorYellowDark);
 transform: scale(1.6);
 z-index: 1;
}

/* # => 7 Whys */

/* $ => Client Saying */
.sec_clientsay .title {
 color: var(--colorFont);
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 400;
 font-size: 58px;
 line-height: 1.2;
 padding-top: 1.5rem;
}

.clientsay_item {
 border: 3px solid var(--colorGreenDark);
 padding: 1.5rem;
}

.clientsay_item .icon {
 width: 30px;
 margin-bottom: 2rem;
}

.splide-clientsay .splide__slide .clientsay_item .icon svg {
 fill: var(--colorGreenDark);
}

.splide-clientsay .splide__slide.is-next .clientsay_item .icon svg {
 fill: var(--colorYellowDark);
}

.splide-clientsay .clientsay_item .client_info strong {
 color: var(--colorGreenDark);
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 400;
 font-size: 20px;
 letter-spacing: 1px;
 display: block;
}

.splide-clientsay .splide__slide.is-next .clientsay_item .client_info strong {
 color: var(--colorYellowDark);
}

.splide-clientsay .clientsay_item .client_info span {
 color: var(--colorFont);
 font-family: var(--plusJakartaSans);
 font-weight: 700;
 font-size: 14px;
 display: block;
}

.splide-clientsay .splide__arrows {
 /* display: flex; */
}

.splide-clientsay .splide__arrows button {
 width: 3rem;
 height: 3rem;
}

.splide-clientsay .splide__arrows button.left {
 left: -38px;
}

.splide-clientsay .splide__arrows button.right {
 right: -38px;
}

/* # => Client Saying */

/* $ => Footer */
footer .sec-bookfree {
 position: relative;
 bottom: -62px;
}

footer .sec-bookfree .btn_bookfree {
 font-size: 60px;
}

.footer-content {
 padding: 7rem 0;
 padding-bottom: 3rem;
 background-color: var(--colorFont);
 color: #fff;
}

.footer-contacts li {
 margin-bottom: 10px;
 font-family: var(--plusJakartaSans);
}

.footer-contacts li a {
 color: #fff;
 text-decoration: underline;
}

.footer-title {
 display: block;
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 400;
 font-size: 35px;
 letter-spacing: 1px;
 margin-bottom: 1.5rem;
}

.footer-links li {
 margin-bottom: 8px;
}

.footer-links a {
 display: block;
 color: #ddd;
 font-family: var(--plusJakartaSans);
 text-transform: capitalize;
}

.footer-contacts li a:hover,
.footer-links a:hover {
 color: var(--colorYellowDark);
}

footer .socials a {
 background-color: var(--colorYellowDark);
 color: var(--colorFont);
 width: 35px;
 height: 35px;
 margin: auto 5px;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 50%;
 font-size: 20px;
}

.footer-copyright {
 border-top: 1px solid var(--colorBlueDark);
}

/* # => Footer */

/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/

/* $ => Page | Services */
.row.custom_getter {
 --bs-gutter-y: 6rem;
 --bs-gutter-x: 6rem;
}

.service-item {
 text-align: center;
 padding: 1rem;
 padding-top: 0;
 border: 5px solid var(--colorGreenDark);
 border-top: 0;
 border-radius: 10px;
}

.service-item .img_icon {
 height: 80px;
 margin-bottom: 1rem;
}

.service-item .img_icon img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}

.service-item a.title {
 display: block;
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-size: 20px;
 color: var(--colorFont);
 margin-bottom: 0.5rem;
}

.service-item a.title:hover {
 color: var(--colorGreenDark);
}

.service-item p {
 font-family: Inter;
 font-weight: 500;
 text-align: justify;
 font-size: 15px;
}

/* ---------------------------------------------------*/
.fancy-feature-ten .circle-one {
 width: 700px;
 height: 700px;
 border: 1px dashed #e5e5e5;
 padding: 8%;
 z-index: 1;
}

.fancy-feature-ten .block-bg {
 width: 240px;
 height: 65px;
 background: #fff;
 border-radius: 20px;
 padding: 5px;
 text-align: center;
 font-size: 20px;
 line-height: 24px;
 z-index: 2;
 font-weight: bold;
}

.shape_logo {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100px;
 z-index: 1;
}

.shape_logo svg {
 fill: #fff;
}

.eye_rl {
 animation: animateEye 5s infinite linear forwards;
}

@keyframes animateEye {
 0%,
 50%,
 100% {
  transform: translateX(0px);
 }

 25%,
 75% {
  transform: translateX(-5px);
 }
}

.shapes {
 position: absolute;
 z-index: -1;
}

.svg path,
.tran3s {
 transition: all 0.3s ease-in-out;
}

.fancy-feature-ten .block-one {
 top: 0px;
 left: 50%;
 transform: translate(-50%, -50%);
}

.fancy-feature-ten .block-two {
 top: 22%;
 right: -4%;
}

.fancy-feature-ten .block-three {
 bottom: 33%;
 right: -3%;
}

.fancy-feature-ten .block-four {
 bottom: 32%;
 left: -2%;
}

.fancy-feature-ten .block-five {
 top: 22%;
 left: -5%;
}

.fancy-feature-ten .circle-two {
 height: 100%;
 border: 1px dashed #e5e5e5;
 z-index: 1;
 padding: 15%;
}

.fancy-feature-ten .circle-two img {
 width: 80px;
}

.fancy-feature-ten .circle-two .icon-one {
 top: -50px;
 left: 50%;
 transform: translateX(-50%);
}

.fancy-feature-ten .circle-two .icon-two {
 top: 26%;
 right: -50px;
}

.fancy-feature-ten .circle-two .icon-three {
 bottom: 5%;
 right: 6%;
}

.fancy-feature-ten .circle-two .icon-four {
 bottom: 5%;
 left: 7%;
}

.fancy-feature-ten .circle-two .icon-five {
 top: 26%;
 left: -50px;
}

.fancy-feature-ten .circle-three {
 height: 100%;
 background-color: var(--colorGreenDark);
}

.fancy-feature-ten .mobile-screen {
 position: absolute;
 z-index: 5;
 width: 31.29%;
 left: 50%;
 bottom: 7%;
 transform: translateX(-50%);
 box-shadow: 0 25px 100px rgba(7, 9, 24, 0.05);
 border-radius: 40px;
}

.fancy-feature-ten .fancy-shape {
 top: 13%;
 left: 8%;
 width: 60%;
 animation: rotated 90s linear infinite;
}

@keyframes rotated {
 0% {
  transform: rotate(0);
 }

 100% {
  transform: rotate(1turn);
 }
}

@media (min-width: 1200px) and (max-width: 1399px) {
 .fancy-feature-ten .mobile-screen {
  bottom: 14%;
 }
}

@media (min-width: 992px) and (max-width: 1199px) {
 .fancy-feature-ten .mobile-screen {
  width: 28%;
  bottom: 10%;
 }
}

@media (max-width: 1199px) {
 .fancy-feature-ten .block-bg {
  width: 180px;
  height: auto;
  font-size: 16px;
  line-height: 24px;
 }
}

@media (min-width: 768px) and (max-width: 991px) {
 .fancy-feature-ten .circle-one {
  width: 650px;
  height: 650px;
 }

 .fancy-feature-ten .mobile-screen {
  bottom: 15%;
 }
}

@media (max-width: 767px) {
 .fancy-feature-ten .circle-one {
  /* width: 100%;
    height: 100%; */
  width: 400px;
  height: 400px;
  /* position: absolute !important;
    top: 0;
    left: 0; */
  /* border: none; */
 }

 .fancy-feature-ten .fancy-shape {
  width: 50%;
 }

 .fancy-feature-ten .circle-two {
  /* border: none; */
 }

 .fancy-feature-ten .mobile-screen {
  position: static;
  width: 100%;
  transform: none;
 }

 .fancy-feature-ten .block-bg {
  width: 130px;
  font-size: 12px;
  line-height: 16px;
 }

 .fancy-feature-ten .circle-two img {
  width: 50px;
 }

 .fancy-feature-ten .circle-two {
  padding: 24%;
 }

 .shape_logo {
  width: 70px;
 }

 .fancy-feature-ten .circle-two .icon-four,
 .fancy-feature-ten .circle-two .icon-three {
  bottom: 5%;
 }

 .fancy-feature-ten .circle-two .icon-five,
 .fancy-feature-ten .circle-two .icon-two {
  top: 30%;
  right: -45px;
 }

 /* .fancy-feature-ten .circle-one,
  .fancy-feature-ten .block-bg {
    position: static !important;
  }
  .fancy-feature-ten .fancy-shape,
  .shape_logo,
  .fancy-feature-ten .circle-three {
    display: none;
  } */
}

@media (max-width: 480px) {
 .fancy-feature-ten .circle-one {
  width: 300px;
  height: 300px;
 }

 .fancy-feature-ten .block-bg {
  width: 90px;
  font-size: 10px;
  line-height: 1;
 }

 .shape_logo {
  width: 50px;
 }

 .fancy-feature-ten .circle-two img {
  width: 40px;
 }

 .fancy-feature-ten .circle-two .icon-five {
  left: -30px;
 }

 .fancy-feature-ten .circle-two .icon-five,
 .fancy-feature-ten .circle-two .icon-two {
  right: -26px;
 }

 .fancy-feature-ten .block-four,
 .fancy-feature-ten .block-three {
  bottom: 28%;
 }
}

@media (max-width: 380px) {
 .fancy-feature-ten .circle-one {
  width: 250px;
  height: 250px;
 }

 .fancy-feature-ten .circle-two {
  padding: 28%;
 }

 .fancy-feature-ten .circle-two img {
  width: 30px;
 }
}

.mb_5rem {
 margin-bottom: 5rem;
}

/* # => Page | Services */

/* $ => Page | Service TWO */
.sec_service_banner2 {
}

.service-box {
 border: 3px solid var(--colorGreenDark);
}

.bb_border {
 border-bottom: 3px solid var(--colorGreenDark);
}

.pl_border {
 border-left: 3px solid var(--colorGreenDark);
}

.service-box_title img {
 max-width: 140px;
}

.service-box_project_title h2,
.service-box_title h1 {
 display: block;
 font-family: var(--Gobold);
 font-size: 50px;
 text-transform: uppercase;
 color: var(--colorFont);
}

.service-box_project_title h2 {
 text-align: center;
}

.service-box_info {
 padding: 3rem;
}

.service-box_info strong {
 display: block;
 font-family: var(--Gobold);
 font-size: 35px;
 color: var(--colorFont);
 font-weight: 500;
}

.service-box_project_img img {
 max-height: 400px;
}

.service-box_info p {
 font-size: 22px;
 line-height: 1.4;
 /* font-family: Inter, Helvetica, sans-serif; */
}

.sec-services-included .title_services-included,
.sec_service_details .title,
.sec-related-projects .title,
.sec_service_details .title_service .title {
 display: block;
 font-family: var(--Gobold);
 font-size: 40px;
 color: var(--colorFont);
 text-transform: uppercase;
 font-weight: 500;
}

.sec-services-included .title_services-included {
 border: 5px solid var(--colorYellowDark);
 border-bottom: 0;
}

.sec_service_details .title_service p {
 /* font-size: 30px;
 line-height: 1.4; */
}

.service-item_2.service-item {
 border: 5px solid var(--colorYellowDark);
 border-top: 0;
}

.service-item_2.service-item a.title {
 background-color: var(--colorYellow);
}

.service-item_2.service-item a.title:hover {
 background-color: var(--colorGreenDark);
 color: var(--colorFont);
}

.splide_services .splide__arrow {
 width: 2.5rem;
 height: 3rem;
 opacity: 0.9;
}

.splide_services .splide__arrow:hover {
 opacity: 1;
}

.splide_services .splide__arrows button.left {
 left: -27px;
}

.splide_services .splide__arrows button.right {
 right: -27px;
}

.splide_service_related .splide__track {
 padding: 3rem 0;
}

.service_related a.img {
 position: relative;
 border: 8px solid var(--colorGreenDark);
 border-top: 0;
 border-bottom: 0;
}
.service_related a.img img {
 max-height: 400px;
}

.service_related a.img::before,
.service_related a.img::after {
 content: "";
 position: absolute;
 width: 30%;
 /* height: 8px; */
 border: 4px solid var(--colorGreenDark);
}

.service_related a.img::before {
 top: -5px;
 left: -8px;
}

.service_related a.img::after {
 bottom: -5px;
 right: -8px;
}

.top_arr,
.bottom_arr {
 position: absolute;
 display: flex;
}

.top_arr {
 top: -30px;
 left: 27.5%;
}

.bottom_arr {
 bottom: -30px;
 right: 27.5%;
}

.top_arr span {
 clip-path: polygon(0 50%, 80% 100%, 80% 0);
}

.bottom_arr span {
 clip-path: polygon(100% 50%, 20% 100%, 20% 0);
}

.top_arr span,
.bottom_arr span {
 background-color: var(--colorGreenDark);
 width: 60px;
 height: 60px;
}

.service_related .info .title {
 color: var(--colorGreenDark);
}

.service_related .info p {
 font-size: 20px;
 line-height: 1.4;
}

.splide_service_related .splide__pagination {
 bottom: -20px;
}

/* # => Page | Service TWO */

/* $ => Page | Portfolio */
.portfolio-title {
 font-family: var(--Gobold);
 font-size: 70px;
 text-transform: uppercase;
 color: var(--colorFont);
 font-weight: 500;
}

.title-portfolio .title {
 font-family: var(--Gobold);
 font-size: 76px;
 text-transform: uppercase;
 color: var(--colorGreenDark);
 font-weight: 500;
 padding: 0.5rem 1.5rem;
 border: 3px solid var(--colorGreenDark);
 line-height: 1.2;
}

.title-portfolio span {
 width: 260px;
}
.title-portfolio p {
 width: calc(100% - 260px);
}
@media (max-width: 580px) {
 .title-portfolio {
  flex-wrap: wrap;
 }
 .title-portfolio span {
  width: 100%;
 }
 .title-portfolio p {
  width: 100%;
 }
}

.txt_style,
.title-portfolio p {
 font-size: 22px;
 line-height: 1.2;
 padding: 0.5rem 1.5rem;
 border: 3px solid var(--colorYellowDark);
}

.sec-pc .sec-title {
 position: relative;
 margin-bottom: 5rem;
}

.sec-pc .sec-title::before,
.sec-pc .sec-title::after {
 content: "";
 position: absolute;
 width: 76%;
 border: 1px solid var(--colorGreenDark);
}

.sec-pc .sec-title::before {
 top: -8px;
 left: -8px;
}

.sec-pc .sec-title::after {
 bottom: -8px;
 right: -8px;
}

.splide_filter-portfolio .splide__arrow {
 width: 3rem;
 height: 3rem;
 opacity: 1;
}

.splide_filter-portfolio .splide__arrow--prev {
 left: 0;
}

.splide_filter-portfolio .splide__arrow--next {
 right: 0;
}

.splide__arrow:disabled {
 opacity: 0.2 !important;
}

.portfolio_banner_details {
 height: 768px;
 overflow: hidden;
}

.portfolio_banner_details img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

/* # => Page | Portfolio */

/* $ => Page | Espressolab */
.item_espressolab {
 margin-bottom: 2rem;
}

.item_list {
 position: relative;
 padding-left: 4rem;
 color: var(--colorFont);

 font-family: var(--Gobold);
 font-size: 64px;
 text-transform: uppercase;
 font-weight: 100;
}

.item_list::before {
 content: "";
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 background-color: #ecc532;
 width: 3rem;
 height: 3rem;
 clip-path: polygon(100% 50%, 20% 100%, 20% 0);
}

.sec-espressolab .title {
 color: var(--colorGreenDark);
 font-family: var(--Gobold);
 font-size: 40px;
 text-transform: uppercase;
 font-weight: 100;
}

.title_block .txt p,
.sec-espressolab p {
 font-size: 24px;
 margin: 0;
}

.services_list a {
 margin-right: 2rem;
 text-align: center;
}

.services_list a img {
 height: 60px;
}

.services_list a .services_list-title {
 margin-top: 1rem;
 display: block;
 color: var(--colorFont);
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 100;
}

/* # => Page | Espressolab */

/* $ => Page | Portfolio 2 */
.title_block .icon {
 border: 3px solid var(--colorGreenDark);
 min-width: 150px;
 max-width: 150px;
 width: 150px;
 min-height: 150px;
 max-height: 150px;
 height: 150px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.title_block .txt {
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: var(--colorYellow);
 padding: 0 2rem;
}

.title_block .txt strong {
 color: var(--colorGreenDark);
 font-family: var(--Gobold);
 text-transform: uppercase;
 font-weight: 100;
 font-size: 70px;
 padding: 0 2rem;
}

.gallery-1 a {
 display: block;
 position: relative;
 height: 100%;
}

.gallery-1 a img {
 width: 100%;
 height: 100%;
 transition: 0.3s;
}

.gallery-1 a svg {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%) scale(0);
 z-index: 1;
 width: 3em;
 transition: 0.3s;
}

.gallery-1 a:hover svg {
 transform: translate(-50%, -50%) scale(1.5);
}

.gallery-1 a svg path {
 stroke: var(--colorYellow);
}

.gallery-1 a:hover img {
 filter: blur(5px);
}

.grid {
 background: #eee;
 max-width: 1200px;
}

/* clearfix */
.grid:after {
 content: "";
 display: block;
 clear: both;
}

/* ---- grid-item ---- */
.grid-item {
 width: 160px;
 height: 120px;
 float: left;
 background: #d26;
 border: 2px solid #333;
 border-color: hsla(0, 0%, 0%, 0.5);
 border-radius: 5px;
}

.grid-item--width2 {
 width: 320px;
}

.grid-item--width3 {
 width: 480px;
}

.grid-item--width4 {
 width: 640px;
}

.grid-item--height2 {
 height: 200px;
}

.grid-item--height3 {
 height: 260px;
}

.grid-item--height4 {
 height: 360px;
}

/* # => Page | Portfolio 2 */

/* $ => Page | Contact Us */
.page-contact {
 padding-top: 4rem;
}

.sec-benefits .title,
.contact-form .title-form,
.title-contact {
 font-size: 100px;
 text-align: center;
 margin-bottom: 4rem;
 text-transform: uppercase;
}

.contacts-info {
 margin-top: 5rem;
}

.contacts-info .item {
 text-align: center;
 border: 1px solid var(--colorFont);
 height: 100%;
 padding: 2rem;
}

.contacts-info .item .icon {
 height: 80px;
 margin-bottom: 1rem;
 display: flex;
 align-items: center;
 justify-content: center;
}

.contacts-info .item .icon img {
 height: 100%;
}

.contacts-info .item .title {
 display: block;
 color: var(--colorYellowDark);
 text-transform: uppercase;
 font-size: 28px;
}

.contacts-info .item p {
 color: var(--colorFont);
 font-weight: bold;
}

.contacts-info .item a {
 color: var(--colorFont);
 display: block;
 font-weight: bold;
}

.contact-form {
 margin-top: 5rem;
}

.contact-form .title-form {
 color: var(--colorGreenDark);
}

.contact-form form {
 width: 85%;
 margin: auto;
 border: 3px solid var(--colorYellowDark);
 padding: 3rem;
}

.proposal_form .form-select,
.contact-form form .form-control {
 border: 2px solid var(--colorGreenDark);
 border-radius: 0;
 font-size: 40px;
}

.contact-form form .btn-form {
 background-color: var(--colorGreenDark);
 color: #fff;
 padding: 1rem 2rem;
 border-radius: 0;
 border: 0;
 outline: unset;
 font-family: var(--Gobold);
 letter-spacing: 1px;
 font-size: 24px;
 text-transform: uppercase;
 margin: auto;
 display: block;
}

.contact-form form .btn-form:hover {
 background-color: var(--colorYellowDark);
 color: var(--colorFont);
}

.shape_form::before {
 content: "";
 position: absolute;
 left: -74px;
 top: 50%;
 transform: translateY(-50%);
 background-color: var(--colorYellowDark);
 width: 50px;
 height: 50px;
}

.shape_name::before {
 height: 40px;
 clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.shape_email::before {
 height: 30px;
 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.shape_number::before {
 clip-path: circle(50% at 50% 50%);
}

.shape_subject::before {
 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.shape_message::before {
 top: 5px;
 transform: translateY(0);
 clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.proposal_form .shape_form.shape_message::before {
 left: -27px;
 clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
 width: 30px;
 height: 30px;
}

.asking_career .title {
 color: var(--colorFont);
}

.asking_career .title:hover {
 color: var(--colorGreenDark);
}

.asking_career .arrow-lr {
 width: 50px;
 height: 50px;
}

.map-contact {
 margin-top: 4rem;
}

.map-contact iframe {
 width: 100% !important;
 height: 400px !important;
}

/* # => Page | Contact Us */

/* $ => Page | Proposal */
.page-proposal {
 padding-top: 5rem;
}

.proposal_form .form-label {
 font-size: 28px;
 font-family: var(--Gobold);
 text-transform: uppercase;
 color: var(--colorFont);
}

.proposal_form .form-label sub {
 color: var(--colorFont);
}

.contact-form.proposal_form .form-select,
.contact-form.proposal_form .form-control {
 border-color: var(--colorYellowDark);
 font-size: 28px;
 line-height: 1.5;
 padding: 0.375rem 0.75rem;
}

/*******************************************************************/
.checkbox_box {
 position: relative;
}

.checkbox_box::before {
 content: "";
 position: absolute;
 top: 30px;
 left: -14px;
 background-color: var(--colorYellowDark);
 height: 75%;
 width: 2px;
 border-radius: 0;
}

.checkbox_box ul {
 margin-top: 2rem;
}

.checkbox_box ul li {
 position: relative;
 margin-bottom: 2rem;
}

.checkbox_box ul li div {
 margin-left: 5rem;
}

.checkbox_box ul li::after {
 content: "";
 position: absolute;
 left: -14px;
 top: 50%;
 transform: translateY(-50%);
 background-color: var(--colorYellowDark);
 width: 90px;
 height: 2px;
}

.checkbox_box [type="checkbox"] {
 border: 0 !important;
 clip: rect(1px, 1px, 1px, 1px) !important;
 -webkit-clip-path: inset(50%) !important;
 clip-path: inset(50%) !important;
 height: 1px !important;
 overflow: hidden !important;
 padding: 0 !important;
 position: absolute !important;
 width: 1px !important;
 white-space: nowrap !important;
}

.checkbox_box [type="checkbox"]:focus + label::before {
 box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.4) !important;
}

.checkbox_box [type="checkbox"]:hover + label::before {
 border-color: #000;
}

.checkbox_box [type="checkbox"]:active + label::before {
 transition-duration: 0;
}

.checkbox_box [type="checkbox"] + label {
 position: relative;
 padding: 6px;
 font-family: var(--Gobold);
 text-transform: uppercase;
 color: var(--colorGreenDark);
 font-size: 30px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 cursor: pointer;
}

.checkbox_box [type="checkbox"] + label::before {
 background-color: #fff;
 border: 1px solid #444;
 box-sizing: content-box;
 content: "";
 color: #444;
 margin-right: 6px;
 top: 50%;
 left: 0;
 width: 34px;
 height: 34px;
 display: inline-block;
 vertical-align: middle;
}

.checkbox_box [type="checkbox"] + label::after {
 box-sizing: content-box;
 content: "";
 background-color: #444;
 position: absolute;
 top: 50%;
 left: 12px;
 width: 14px;
 height: 14px;
 margin-top: -7px;
 transform: scale(0);
 transform-origin: 50%;
 transition: transform 200ms ease-out;
}

.checkbox_box [type="checkbox"][disabled] + label::before {
 -webkit-animation: none;
 animation: none;
 box-shadow: none;
 border: 1px solid rgba(128, 128, 128, 0.5);
}

.checkbox_box [type="checkbox"][disabled]:active + label::before,
.checkbox_box [type="checkbox"][disabled]:focus + label::before,
.checkbox_box [type="checkbox"][disabled]:hover + label::before {
 border-color: rgba(128, 128, 128, 0.5);
 filter: none;
 transition: none;
}

.checkbox_box [type="checkbox"] + label::before,
.checkbox_box [type="checkbox"] + label::after {
 border-radius: 0;
}

.checkbox_box [type="checkbox"] + label::after {
 background-color: transparent;
 top: 50%;
 left: calc(6px + 1px + 24px / 5);
 width: 22px;
 height: 8.8px;
 margin-top: calc(40px / -2 / 2 * 0.8);
 border-style: solid;
 border-color: var(--colorYellowDark);
 border-width: 0 0 3px 3px;
 border-radius: 0;
 -o-border-image: none;
 border-image: none;
 transform: rotate(-45deg) scale(0);
 transition: none;
}

.checkbox_box [type="checkbox"]:checked + label::after {
 content: "";
 transform: rotate(-45deg) scale(1);
 transition: transform 200ms ease-out;
}

@-webkit-keyframes borderscale {
 50% {
  box-shadow: 0 0 0 2px #900;
 }
}

@keyframes borderscale {
 50% {
  box-shadow: 0 0 0 2px #900;
 }
}

/* # => Page | Proposal */

/* $ => Page | Career */
.sec-available-jobs {
 margin-top: 4rem;
}

.sec-available-jobs .title {
 font-size: 75px;
 border: 2px solid var(--colorGreenDark);
 padding: 0.3rem;
 text-align: center;
 line-height: 1.2;
}

.available-jobs_item {
 text-align: center;
}

.available-jobs_item .title_job {
 border: 22px solid var(--colorYellow);
 border-radius: 50%;
 height: 300px;
 width: 300px;
 margin: auto;
 font-size: 40px;
 color: var(--colorGreenDark);
 font-family: var(--Gobold);
 display: flex;
 align-items: center;
 justify-content: center;
}

.available-jobs_item a {
 display: inline-block;
 background-color: var(--colorFont);
 color: #fff;
 padding: 0.4rem;
 font-family: var(--Gobold);
 font-size: 30px;
 border-radius: 10px;
 margin-top: 2rem;
}

.available-jobs_items {
 border: 3px solid var(--colorGreenDark);
 border-bottom: 0;
 padding: 2rem;
}

.splide_available-jobs .splide__arrow {
 width: 3rem;
 height: 3rem;
}

.splide_available-jobs .splide__arrow--prev {
 left: -30px;
}

.splide_available-jobs .splide__arrow--next {
 right: -30px;
}

.sec-benefits {
 margin-top: 4rem;
 position: relative;
}

.sec-benefits::before {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 height: 100%;
 background-image: url("../imgs/career/patter-01.svg");
 background-repeat: no-repeat;
 width: 140px;
}

.sec-benefits .title {
 font-size: 70px;
}

.sec-benefits .title_block {
 width: 100%;
}

.sec-benefits .title_block .txt {
 background-color: #fff;
 padding: 0 2rem;
 margin: 0 5px;
 border: 3px solid var(--colorYellowDark);
 width: 100%;
 text-align: center;
}

.sec-benefits .title_block .txt strong {
 color: var(--colorGreenDark);
 font-family: var(--plusJakartaSans);
 text-transform: capitalize;
 font-weight: 700;
 font-size: 49px;
 padding: 0;
}

.sec-benefits .title_block .icon {
 min-width: 100px;
 max-width: 100px;
 width: 100px;
 min-height: auto;
 max-height: auto;
 height: auto;
}

.sec-benefits .title_block .icon.b_c_1 {
 border: 2px solid var(--colorYellow);
}

.sec-benefits .title_block .icon.b_c_2 {
 border: 2px solid var(--colorGreenDark);
}

.sec-benefits .title_block .icon img {
 width: 100%;
}

/* # => Page | Career */

/* $ => Page | Career Form */
.page-career-form {
 padding-top: 5rem;
}

.page-career-form .title-contact {
 border: 4px solid var(--colorYellow);
 font-size: 70px;
 display: inline-block;
 padding: 0.8rem 1rem;
}

.career-details {
 border-left: 3px solid var(--colorGreenDark);
 padding-left: 1.5rem;
}

.block_detail {
 margin-bottom: 2rem;
}

.block_detail .title {
 position: relative;
 color: var(--colorGreenDark);
 font-size: 50px;
 margin-bottom: 1rem;
}

.block_detail .title::before {
 content: "";
 position: absolute;
 left: -42px;
 top: 50%;
 transform: translateY(-50%);
 background-color: var(--colorYellowDark);
 width: 30px;
 height: 30px;
}

.block_detail .title.shape_square::before {
 clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.block_detail .title.shape_tringle::before {
 clip-path: polygon(100% 50%, 0 0, 0 100%);
}

.block_detail li {
 list-style: disc;
 font-size: 20px;
 margin-bottom: 0.8rem;
}

/* # => Page | Career Form */

/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/

[dir="rtl"] body {
}

[dir="rtl"] .fa-arrow-right {
 transform: rotate(180deg);
}

/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/
/**********************************/

.text_styless {
 font-size: 1.2rem;
 color: #696969;
}

/*
  =============================
  ## Media CSS || Responsive ##
  =============================
*/

@media (min-width: 1400.98px) {
 .imgs_banner {
  height: 570px;
  overflow: hidden;
 }

 .imgs_banner .img-left,
 .imgs_banner .img-right-top,
 .imgs_banner .img-right-bottom {
  width: 100%;
  height: 100%;
 }
}

@media (min-width: 1399.98px) {
 .lines_lr {
  margin: auto 2rem;
 }
}

@media (max-width: 1399px) {
 .home-banner strong {
  font-size: 70px;
 }

 .home-banner p.txt {
  font-size: 26px;
 }

 .banner-slides .splide__slide {
  width: 260px;
 }

 .service-box_project_title h2,
 .service-box_title h1 {
  font-size: 68px;
 }

 .item-counter strong.title {
  font-size: 24px;
 }

 .filter-options .btn_filter strong.title {
  font-size: 15px;
 }

 .btn_bookfree {
  font-size: 40px;
 }

 .sec_clientsay .title {
  font-size: 50px;
 }

 .item_list {
  font-size: 50px;
 }

 .sec-benefits .title_block .txt strong {
  font-size: 40px;
 }
}

/* max-width => 1399px */

@media (max-width: 1199.98px) {
 header .navbar .navbar-nav .nav-link {
  font-size: 20px;
  padding: 1rem 1rem;
 }

 .btn_booking {
  font-size: 20px;
 }

 .banner-slides .splide__slide {
  width: 240px;
 }

 .home-banner strong {
  font-size: 65px;
 }

 .lines_lr {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
 }

 .btn_bookfree {
  font-size: 35px;
 }

 .sec-title2 .title {
  font-size: 40px;
 }

 .count-item {
  font-size: 45px;
 }

 .item-counter strong.title {
  font-size: 20px;
 }

 .sec-title strong.title {
  font-size: 40px;
 }

 .sec-feature-services .title {
  font-size: 50px;
 }

 .sec-feature-services p {
  font-size: calc(1rem + 0.6vw) !important;
 }

 .title-whys strong {
  font-size: 100px;
 }

 .title-whys p {
  font-size: 30px;
 }

 .sec_clientsay .title {
  font-size: 50px;
 }

 footer .sec-bookfree {
  bottom: -46px;
 }

 footer .sec-bookfree .btn_bookfree {
  font-size: 30px;
 }

 .footer-content {
  padding: 3rem 0;
  padding-bottom: 3rem;
 }
 .footer-contacts li {
  font-size: 16px;
 }
 .footer-title {
  font-size: 20px;
  margin-bottom: 1.5rem;
 }

 .whys-item p {
  font-size: 1.2rem;
 }

 .whys-item strong.title {
  top: -16px;
  font-size: 20px;
  white-space: nowrap;
 }

 .service-box_project_title h2,
 .service-box_title h1 {
  font-size: 60px;
  text-align: center;
 }

 .service-box_info {
  padding: 3rem;
 }

 .service-box_info strong {
  font-size: 60px;
 }

 .service-box_info p {
  font-size: 13px;
 }

 .title_block .txt p,
 .espressolab-txt p {
  font-size: 20px;
 }

 .available-jobs_item .title_job {
  height: 250px;
  width: 250px;
  font-size: 30px;
 }

 .available-jobs_item a {
  font-size: 24px;
 }

 .row.custom_getter {
  --bs-gutter-y: 4rem;
  --bs-gutter-x: 4rem;
 }

 .service-item .img_icon {
  height: 60px;
 }

 .service-item a.title {
  font-size: 17px;
 }

 .service-item p {
  font-size: 16px;
 }

 .btn_booking {
  font-size: 16px;
 }

 .portfolio_banner_details {
  height: 600px;
  overflow: hidden;
 }

 .item_list {
  font-size: 36px;
 }

 .sec-espressolab p {
  font-size: 20px;
 }

 .sec-benefits .title_block .txt strong {
  font-size: 32px;
 }
}

/* max-width => 1199.98px */

@media (max-width: 1099.98px) {
 .banner-slides .splide__slide {
  width: 220px;
 }

 .splide__arrow--prev {
  left: -20px;
 }

 .splide__arrow--next {
  right: -20px;
 }

 .item_ps .imgs_item {
  overflow: hidden;
 }
}

/* max-width => 1099.98px */

@media (max-width: 991.98px) {
 .show-in-mobile {
  display: block;
 }

 .home-banner {
  height: auto;
 }

 .banner-slides {
  flex-direction: column;
 }

 .banner-slides .splide.splide-left {
  margin-bottom: 1rem;
 }

 .banner-slides .splide.splide-right.ms-3 {
  margin: 0 !important;
 }

 .splide-banner_txt {
  text-align: center;
  margin-bottom: 3rem;
 }

 .home-banner strong {
  font-size: 50px;
  margin-bottom: 1rem;
 }

 .home-banner p.txt {
  font-size: 22px;
 }

 .splide__arrow {
  width: 2rem;
  height: 2rem;
 }

 .filter-options .btn_filter .icon {
  height: 70px;
 }

 .item_ps .imgs_item {
  height: 190px;
 }

 .item_ps .item_details {
  bottom: -120px;
 }

 .item_ps .item_details strong {
  font-size: 20px;
 }

 .btn_bookfree {
  font-size: 30px;
 }

 .arrow-lr {
  width: 50px;
  height: 50px;
 }

 .sec-title2 .title {
  font-size: 35px;
 }

 .whys-item {
  padding: 2rem 1rem;
 }

 .whys-item p {
  font-size: 1rem;
 }

 .sec_clientsay .title {
  padding: 0;
  margin-bottom: 2rem;
 }

 .service-box_project_title h2,
 .service-box_title h1 {
  font-size: 40px;
 }

 .service-box_info {
  padding: 1.5rem 2rem;
 }

 .service-item_2.service-item a.title {
  font-size: 24px;
 }

 .service-item p {
  font-size: 15px;
 }

 .sec_service_details .title,
 .sec-related-projects .title,
 .sec_service_details .title_service .title {
  font-size: 40px;
 }

 .service_related .info p {
  font-size: 13px;
 }

 .sec-espressolab .container.d-flex {
  flex-direction: column;
 }

 .espressolab-list {
  display: flex;
  align-items: center;
  justify-content: center;
 }

 .espressolab-list .item {
  padding: 0;
  padding-top: 4rem;
  font-size: 35px;
  margin-left: auto;
  margin-right: auto;
 }

 .espressolab-list .item::before {
  top: 0;
  left: 50%;
  transform: translateY(0) translateX(-50%);
  clip-path: polygon(100% 0%, 50% 80%, 0% 0%);
 }

 .espressolab-txt .title {
  font-size: 60px;
 }

 .espressolab-txt.px-5 {
  padding: 0 !important;
 }

 .title_block .txt {
  padding: 0 1rem;
 }

 .title_block .txt strong {
  font-size: 50px;
 }

 .title_block .txt p,
 .espressolab-txt p {
  font-size: 16px;
 }

 .title_block .icon {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
  min-height: 100px;
  max-height: 100px;
  height: 100px;
  padding: 1rem;
 }

 .title_block .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
 }

 .sec-feature-services .title-item {
  font-size: 40px;
 }

 .portfolio_banner_details {
  height: 500px;
 }

 .sec-espressolab .ps-4 {
  padding-top: 2rem;
 }

 .sec-services-included .title_services-included {
  font-size: 70px;
 }

 .service-box_project_img img {
  max-height: 200px;
 }

 .service_related a.img img {
  max-height: 140px;
 }

 .home-banner strong {
  font-size: 20px;
 }
 .home-banner .move_txt2 {
  font-size: 35px;
 }
}

/* max-width => 991.98px */

@media (max-width: 767.98px) {
 .home-banner p.txt {
  font-size: 16px;
 }

 .sec-title strong.title {
  font-size: 38px;
 }

 .item_ps .item_details {
  bottom: 0;
  position: static;
 }

 .item_ps .item_details p {
  opacity: 1;
 }

 .item_ps .imgs_item {
  /* height: 400px; */
 }

 .btn_bookfree {
  font-size: 20px;
 }

 .sec-title2 .title {
  font-size: 18px;
 }

 .splide-clients .splide__slide {
  height: 80px;
 }

 .item-counter {
  margin-bottom: 2rem;
  max-width: 33.33%;
  flex: 0 0 33.33%;
 }

 .fs_items .col-md-6.d-flex {
  text-align: center !important;
 }

 .shape_circle_txt {
  display: none;
 }

 footer .sec-bookfree .btn_bookfree {
  font-size: 15px;
 }

 footer .sec-bookfree {
  bottom: -32px;
 }

 .footer-title {
  margin-top: 3rem;
 }

 .pl_border {
  border-left: 0;
  border-top: 3px solid var(--colorGreenDark);
 }

 .service-box_title img {
  max-width: 200px;
 }

 .top_arr span,
 .bottom_arr span {
  width: 50px;
  height: 50px;
 }

 .top_arr {
  top: -25px;
  left: 26.5%;
 }

 .bottom_arr {
  bottom: -25px;
  right: 26.5%;
 }

 .service_related .info {
  padding-top: 2rem;
 }

 .portfolio-title {
  font-size: 60px;
 }

 .txt_style,
 .title-portfolio p {
  font-size: 16px;
  line-height: 1.2;
  padding: 0.2rem 0.7rem;
  border: 3px solid var(--colorYellowDark);
 }

 .title-portfolio .title {
  font-size: 40px;
  padding: 0.2rem 0.5rem;
  line-height: 1;
 }

 .sec_padding_y {
  padding: 2rem 0;
 }

 .espressolab-list .item {
  font-size: 25px;
 }

 .title_block {
  flex-wrap: wrap;
 }

 .title_block .txt {
  flex-direction: column;
  padding: 1rem;
 }

 .title_block .icon {
  min-width: 100px;
  max-width: 100px;
  width: 100px;
  min-height: 100%;
  max-height: 100%;
  height: 100%;
  padding: 1rem;
 }

 .title_block div:nth-child(1) {
  order: 1;
  min-width: 50%;
  max-width: 50%;
  width: 50%;
  min-height: 100px;
  max-height: 100px;
  height: 100px;
 }

 .title_block div:nth-child(2) {
  order: 3;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
 }

 .title_block div:nth-child(3) {
  order: 2;
  min-width: 50%;
  max-width: 50%;
  width: 50%;
  min-height: 100px;
  max-height: 100px;
  height: 100px;
 }

 .contacts-info .item {
  padding: 1rem 0.5rem;
 }

 .contacts-info .item .icon {
  height: 60px;
 }

 .contacts-info .item .title {
  font-size: 18px;
 }

 .contacts-info .item p,
 .contacts-info .item a {
  font-size: 14px;
 }

 .contact-form .title-form,
 .title-contact {
  font-size: 56px;
 }

 .contact-form form {
  width: 100%;
 }

 .contact-form form .form-control {
  font-size: 20px;
 }

 .available-jobs_item .title_job {
  height: 200px;
  width: 200px;
  font-size: 24px;
 }

 .sec-available-jobs .title {
  font-size: 40px;
 }

 .sec-benefits::before {
  width: 61px;
 }

 .sec-benefits .title {
  font-size: 30px;
 }

 .sec-benefits img.w-75 {
  width: 100% !important;
 }

 .loading svg {
  width: 200px;
 }

 .portfolio_banner_details {
  height: 400px;
 }

 .sec_service_details .title,
 .sec-related-projects .title,
 .sec_service_details .title_service .title,
 .sec-services-included .title_services-included {
  font-size: 30px;
 }

 .sec-benefits .title_block div:nth-child(3),
 .sec-benefits .title_block div:nth-child(1) {
  min-width: 48%;
  max-width: 48%;
  width: 48%;
  min-height: auto;
  max-height: auto;
  height: auto;
  margin: 0 5px;
  margin-bottom: 3px;
 }

 .sec-benefits .title_block {
  justify-content: center;
 }

 .sec-satisfied .sec-title .title {
  font-size: 30px;
 }

 .feature-service-item .img-item {
  width: 100px;
 }
 .sec-feature-services .title-item {
  font-size: 25px;
 }
 .sec-feature-services .content_disc {
  padding: 2rem 1rem;
 }
}

/* max-width => 767.98px */

@media (max-width: 575.98px) {
 .sec_padding_y {
  padding: 2rem 0;
 }

 .title-whys strong {
  font-size: 70px;
 }

 .sec-whys.sec_padding_y {
  padding-bottom: 7rem;
 }

 .clientsay_item p,
 .whys-item p {
  font-size: 1.2rem;
 }

 .whys-item strong.title {
  top: -20px;
  font-size: 20px;
  white-space: nowrap;
 }

 .sec_clientsay .title {
  font-size: 36px;
 }

 .splide-clientsay .splide__arrows button.left {
  left: 0px;
 }

 .splide-clientsay .splide__arrows button.right {
  right: 0px;
 }

 .service-box_title img {
  max-width: 70px;
 }

 .service-box_info strong,
 .service-box_project_title h2,
 .service-box_title h1 {
  font-size: 40px;
 }

 .sec_service_details .title,
 .sec-related-projects .title,
 .sec_service_details .title_service .title {
  font-size: 20px;
 }

 .sec_service_details .title_service p {
  font-size: 18px;
 }

 .splide_services .splide__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
 }

 .splide_services .splide__arrow {
  position: static;
  transform: translateY(0);
 }

 .top_arr span,
 .bottom_arr span {
  width: 40px;
  height: 40px;
 }

 .bottom_arr {
  bottom: -20px;
  right: 25.5%;
 }

 .top_arr {
  top: -20px;
  left: 25.5%;
 }

 .title-portfolio .title {
  padding: 1rem 0.5rem;
  justify-content: center;
 }

 .title-portfolio p {
  margin: 0 !important;
  margin-top: 0.5rem !important;
  padding: 1rem;
 }

 .title-contact {
  font-size: 34px;
 }

 .contact-form .title-form {
  font-size: 34px;
 }

 .contact-form form {
  width: 95%;
  padding: 2rem;
 }

 .contact-form form > div::before {
  left: -53px;
  width: 40px;
  height: 40px;
 }

 .contact-form form > div.shape_name::before {
  height: 35px;
 }

 .available-jobs_item .title_job {
  height: 160px;
  width: 160px;
  font-size: 18px;
 }

 .available-jobs_item a {
  font-size: 18px;
 }

 .page-career-form .title-contact {
  font-size: 30px;
 }

 .block_detail .title {
  font-size: 36px;
 }

 .block_detail .title::before {
  left: -35px;
  width: 20px;
  height: 20px;
 }

 .block_detail li {
  font-size: 16px;
 }

 .proposal_form .form-label {
  font-size: 20px;
 }

 .contact-form.proposal_form .form-select,
 .contact-form.proposal_form .form-control {
  font-size: 20px;
 }

 .portfolio_banner_details {
  height: 300px;
 }

 .sec-espressolab .title,
 .item_list {
  font-size: 30px;
 }

 .sec-espressolab p {
  font-size: 16px;
 }

 .item_list {
  padding-left: 3rem;
 }

 .item_list::before {
  width: 2rem;
  height: 2rem;
 }

 .sec-benefits .title_block div:nth-child(3),
 .sec-benefits .title_block div:nth-child(1) {
  min-width: 47%;
  max-width: 47%;
  width: 47%;
  margin: 0 3px;
  margin-bottom: 5px;
 }

 .checkbox_box {
  padding-left: 1rem;
 }

 .checkbox_box::before {
  left: 3px;
 }

 .checkbox_box ul li::after {
  left: -12px;
 }

 .checkbox_box::before {
  height: 73%;
 }

 .checkbox_box [type="checkbox"] + label {
  font-size: 20px;
 }

 .shape_message::before {
  top: -2px;
 }

 .checkbox_box::before {
  top: 25px;
 }

 .checkbox_box::before {
  height: 76%;
 }

 .checkbox_box ul li::after {
  width: 50px;
 }

 .checkbox_box ul li div {
  margin-left: 3rem;
 }

 .count-item {
  font-size: 25px;
 }
 .item-counter strong.title {
  font-size: 12px;
 }
}

/* max-width => 575.98px */

@media (max-width: 480.98px) {
 .logo-header img {
  width: 150px;
 }

 .sec-title strong.title {
  font-size: 30px;
 }

 .filter-options .btn_filter .icon {
  height: 50px;
 }

 .filter-options .btn_filter strong.title {
  font-size: 16px;
 }

 .item_ps .item_details p {
  font-size: 14px;
 }

 .item_ps .imgs_item {
  /* height: 299px; */
 }

 .btn_bookfree {
  font-size: 16px;
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
  padding: 1rem 0.5rem;
 }

 .arrow-lr {
  width: 30px;
  height: 30px;
 }

 .title-whys strong {
  font-size: 60px;
 }

 .title-whys p {
  font-size: 20px;
 }

 .clientsay_item p,
 .whys-item p {
  font-size: 1rem;
 }

 .btn_booking {
  font-size: 16px;
  letter-spacing: 0;
 }

 .logo-header img {
  width: 100px;
 }

 .item_ps .imgs_item {
  /* height: 220px; */
 }

 .portfolio-title {
  font-size: 30px;
 }

 .espressolab-list .item {
  font-size: 18px;
 }

 .espressolab-list .item {
  padding-top: 2rem;
 }

 .espressolab-list .item::before {
  width: 2rem;
  height: 2rem;
 }

 .espressolab-txt .title {
  font-size: 40px;
 }

 .services_list a {
  margin: auto 1rem;
 }

 .services_list a .services_list-title {
  font-size: 14px;
 }

 .available-jobs_item .title_job {
  height: 120px;
  width: 120px;
  font-size: 16px;
  border-width: 8px;
 }

 .available-jobs_item a {
  font-size: 16px;
 }

 .available-jobs_item a {
  margin-top: 1rem;
 }

 .service-box_info strong,
 .service-box_project_title h2,
 .service-box_title h1 {
  font-size: 24px;
 }
}

/* max-width => 480.98px */

@media (max-width: 360.98px) {
 .item_ps .imgs_item {
  /* height: 150px; */
 }

 .item_ps .item_details p {
  font-size: 13px;
 }

 .sec-feature-services .title {
  font-size: 40px;
 }

 .title-whys strong {
  font-size: 50px;
 }

 .splide__pagination__page {
  margin: 3px 0.3rem;
  height: 10px;
  width: 10px;
 }

 .sec_clientsay .title {
  font-size: 24px;
 }

 .clientsay_item {
  padding: 0.5rem;
 }

 .clientsay_item p,
 .whys-item p {
  font-size: 0.8rem;
 }

 .splide-clientsay .clientsay_item .client_info strong {
  font-size: 16px;
 }

 .clientsay_item .icon {
  width: 20px;
  margin-bottom: 0.5rem;
 }

 .splide-clientsay .clientsay_item .client_info span {
  font-size: 12px;
 }

 footer .sec-bookfree .btn_bookfree {
  font-size: 13px;
 }

 footer .sec-bookfree {
  bottom: -26px;
 }

 .arrow-lr {
  width: 20px;
  height: 20px;
 }

 .fs_items .col-md-6.p-5 {
  padding: 0.5rem !important;
 }

 .sec-feature-services .title {
  margin-bottom: 0.5rem !important;
 }

 .sec-feature-services p {
  margin-bottom: 3rem !important;
 }

 .portfolio-title {
  font-size: 34px;
 }

 .espressolab-list .item {
  font-size: 14px;
 }

 .espressolab-list .item::before {
  width: 1.5rem;
  height: 1.5rem;
 }

 .espressolab-txt .title {
  font-size: 26px;
 }

 .title_block .txt p,
 .espressolab-txt p {
  font-size: 13px;
 }

 .services_list a img {
  height: 40px;
 }

 .services_list a .services_list-title {
  font-size: 10px;
 }

 .logo-header img {
  width: 80px;
 }

 .btn_booking {
  font-size: 13px;
 }

 .contacts-info .item .icon {
  height: 40px;
 }

 .contacts-info .item .title {
  font-size: 14px;
 }

 .contacts-info .item p,
 .contacts-info .item a {
  font-size: 11px;
 }

 .contact-form .title-form {
  margin-bottom: 2rem;
 }

 .available-jobs_items {
  padding: 1rem;
 }

 .available-jobs_item .title_job {
  height: 100px;
  width: 100px;
  font-size: 13px;
 }

 .available-jobs_item a {
  font-size: 13px;
 }

 .proposal_form .checkbox_box .form-label {
  font-size: 13px;
 }

 .checkbox_box [type="checkbox"] + label {
  font-size: 16px;
 }

 .checkbox_box [type="checkbox"] + label::before {
  width: 28px;
  height: 28px;
 }

 .checkbox_box [type="checkbox"] + label::after {
  width: 16px;
 }
}

/* max-width => 360.98px */

@media (max-width: 300.98px) {
 .contact-form .title-form {
  font-size: 16px;
 }

 .contact-form form {
  padding: 1rem;
 }

 .contact-form form > div::before {
  left: -30px;
  width: 25px;
  height: 25px;
 }

 .contact-form form > div.shape_name::before {
  height: 20px;
 }
}

/* max-width => 300.98px */