@font-face{font-family:"Fira Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fira-sans-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* Generated performance bundle for the service listing page. */
/* Bootstrap 5 grid/utilities subset required by Acjon widget markup. */
*,::after,::before{box-sizing:border-box}
.container{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}
@media(min-width:576px){.container{max-width:540px}}
@media(min-width:768px){.container{max-width:720px}}
@media(min-width:992px){.container{max-width:960px}}
@media(min-width:1200px){.container{max-width:1140px}}
@media(min-width:1400px){.container{max-width:1320px}}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}.text-capitalize{text-transform:capitalize!important}.align-items-center{align-items:center!important}
@media(min-width:768px){.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-7{flex:0 0 auto;width:58.33333333%}}
@media(min-width:992px){.col-lg-6{flex:0 0 auto;width:50%}}
@media(min-width:1200px){.col-xl-3{flex:0 0 auto;width:25%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-9{flex:0 0 auto;width:75%}}.mb-25{margin-bottom:25px}.mb-50{margin-bottom:50px}.mb-60{margin-bottom:60px}.mb-80{margin-bottom:80px}.pt-160{padding-top:160px}.pb-65{padding-bottom:65px}.pb-160{padding-bottom:160px}
picture.acjon-responsive-picture{display:contents}

/*-----------------------------------------------------------------------------------

    Template Name: Acjon - Digital Agency & Creative Portfolio HTML Template
    Author: Theme_Pure
    Support: https://help.themepure.net/support/
    Description: Template
    Version: 1.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

	-----------------
    01. THEME CSS
	-----------------
		1.1 Common Classes
		1.2 Theme Default

	-----------------
    02. COMPONENTS CSS
	-----------------
		2.1 Accordion
		2.2 Animations
		2.3 Background
		2.4 Back to top
		2.5 Breadcrumb
		2.6 Buttons
		2.7 collection Title
		2.8 Magic Cursor
		2.9 Nice Select
		2.10 Preloader
		2.11 Search
		2.12 Section Title

	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style

    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main Menu
		4.2 Mobile Menu
		4.3 offcanvas Menu

	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 Blog css
		5.2 Postbox css
		5.3 Recent Post css
		5.4 Sidebar css

	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1
		6.2 Footer Style 2
		6.3 Footer Style 3
		6.4 Footer Style 4
		6.5 Footer Style 5
		6.6 Footer Style 6
		6.7 Footer Style 7
		6.8 Footer Style 8
		6.9 Footer Style 9
		6.10 Footer Style 10
		6.11 Footer Style 11

	---------------------------------
	07. PAGES CSS
	---------------------------------
		7.1 About Css
		7.2 application Css
		7.3 Award Css
		7.4 Banner Css
		7.5 Brand css
		7.6 cta css
		7.7 faq Css
		7.8 funfact
		7.9 Hero css
		7.10 instagram css
		7.11 Portfolio Css
		7.12 Price
		7.13 prooject-slider
		7.14 Service Css
		7.15 step Css
		7.16 team Css
		7.17 testimonial Css
		7.18 Text Slider Css
		7.19 video css
		7.20 Work Css
		7.21 contact css
		7.22 Shop css
**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&family=Teko:wght@300..700&family=Unbounded:wght@200..900&display=swap");
@keyframes bannerAnimationTwo {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
 a,
button,
p,
input,
textarea,
li {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* transform */
:root {
  /**
  @font family declaration
  */
  --tp-ff-p: 'Poppins', serif;
  --tp-ff-body: 'Poppins', serif;
  --tp-ff-popins: 'Poppins', serif;
  --tp-ff-heading: 'Unbounded', sans-serif;
  --tp-ff-teko: 'Teko', serif;
  --tp-ff-playfair: 'Playfair Display', serif;
  --tp-ff-unbounded: 'Unbounded', sans-serif;
  --tp-ff-space: 'Space Grotesk', sans-serif;
  --tp-ff-bricolage: 'Bricolage Grotesque', sans-serif;
  --tp-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --tp-common-white: #F5F7F5;
  --tp-common-white-solid: white;
  --tp-common-black: #010103;
  --tp-common-black-solid: #000;
  --tp-common-paste: #073333;
  --tp-common-brown: #DFAE4F;
  --tp-common-yellow: #fff669;
  --tp-grey-1: #F5F7F5;
  --tp-grey-2: #f1f1f1;
  --tp-text-body: #717171;
  --tp-theme-primary: #C9F31D;
  --tp-theme-secondary: #F5F7F5;
  --tp-border-1: #EAEBED;
  --tp-border-2: #e7e7e7;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1350px;
  }
  .container-1510 {
    max-width: 1510px;
  }
}
/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 14px;
  line-height: 26px;
  font-weight: normal;
  color: var(--tp-text-body);
  font-family: var(--tp-ff-body);
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  margin-top: 0px;
  font-weight: 500;
  line-height: 1.2;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-heading);
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.56;
  margin-bottom: 15px;
  font-family: var(--tp-ff-p);
  color: var(--tp-text-body);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  height: 60px;
  width: 100%;
  line-height: 60px;
  font-size: 16px;
  padding-left: 26px;
  padding-right: 26px;
  background: rgb(246, 246, 249);
  color: var(--tp-common-black);
  border: 1px solid rgb(246, 246, 249);
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--tp-common-black);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--tp-common-black);
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: var(--tp-common-black);
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--tp-common-black);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: var(--tp-common-black);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--tp-common-black);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

*::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

::selection {
  background: var(--tp-common-black);
  color: var(--tp-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--tp-common-black);
  font-size: 14px;
  opacity: 1;
}

/*---------------------------------
    1.1 Common Classes
---------------------------------*/

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.text-capitalize {
  text-transform: capitalize;
}

.p-relative {
  position: relative;
}

/* dropcap */

/*----------------------------------------*/
/*  2.4 Back to top
/*----------------------------------------*/

/*----------------------------------------*/
/*  2.6 Buttons
/*----------------------------------------*/
.tp-btn-circle {
  position: relative;
  display: flex;
  place-content: center;
  text-align: center;
  padding: 10px;
  height: 200px;
  width: 200px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-unbounded);
  border: 1px solid rgba(1, 1, 3, 0.1);
}
.tp-btn-circle:hover {
  color: var(--tp-common-white);
}
.tp-btn-circle:hover .tp-btn-circle-dot {
  width: 420px;
  height: 420px;
}
.tp-btn-circle span {
  display: block;
  margin-bottom: 11px;
}
.tp-btn-circle .tp-btn-circle-dot {
  position: absolute;
  bottom: 0;
  left: 32px;
  width: 20px;
  height: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  background-color: var(--tp-common-black);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

/*----------------------------------------*/
/*  2.2 Animations
/*----------------------------------------*/
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes lqdItiImgOut {
  0% {
    transform: translateY(0) scale(1);
  }
  to {
    transform: translateY(100%) scale(1.15);
  }
}
@keyframes hero-circle-2 {
  0% {
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes hero-circle-3 {
  0% {
    -webkit-transform: translateX(500px);
    -moz-transform: translateX(500px);
    -ms-transform: translateX(500px);
    -o-transform: translateX(500px);
    transform: translateX(500px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes move1 {
  0% {
    bottom: -300px;
    left: -300px;
  }
  30% {
    bottom: 100px;
    left: 300px;
  }
  60% {
    bottom: 200px;
    left: 600px;
  }
  100% {
    bottom: -300px;
    left: 1200px;
  }
}
@keyframes move1-reverse {
  0% {
    bottom: -150px;
    left: 1400px;
  }
  40% {
    bottom: 50px;
    left: 600px;
  }
  70% {
    bottom: 200px;
    left: 300px;
  }
  100% {
    bottom: -150px;
    left: -150px;
  }
}
@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes animate-pulse-2 {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 246, 105, 0.1), 0 0 0 0 rgba(255, 246, 105, 0.1);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 246, 105, 0.1);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}
@keyframes marquee-horizontal {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-moz-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-ms-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@keyframes scroll-up-down {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes scroll1 {
  0% {
    top: 0px;
  }
  100% {
    top: 100%;
  }
}
@keyframes scroll2 {
  0% {
    top: 0px;
  }
  100% {
    top: 100%;
  }
}
@keyframes transform {
  0% {
    transform: scale(0.5);
    opacity: 0.8;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0.8;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes tp_zoom_in_out {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-moz-keyframes tp_zoom_in_out {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-ms-keyframes tp_zoom_in_out {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes tp_zoom_in_out {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes scroll_anim {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes loadingAnimation {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes roteted {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes bar_anim {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-moz-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-ms-keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes tpshake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes sunMove {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  50% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  75% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes shaking {
  from, to {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.7, 1.1);
  }
  50% {
    transform: scale(1.1, 0.7);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(30%);
  }
  50% {
    opacity: 0;
    transform: translateX(-30%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes tp-hotspot {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-moz-keyframes tp-hotspot {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-ms-keyframes tp-hotspot {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes tp-hotspot {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes tp-hotspot-2 {
  0% {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-moz-keyframes tp-hotspot-2 {
  0% {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-ms-keyframes tp-hotspot-2 {
  0% {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@keyframes tp-hotspot-2 {
  0% {
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

/*----------------------------------------*/
/*  2.10 Preloader
/*----------------------------------------*/

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*--- end of preloader ---*/
/*----------------------------------------*/
/*  2.3 Background
/*----------------------------------------*/

/*----------------------------------------*/
/*  2.9 Nice Select
/*----------------------------------------*/

/*----------------------------------------*/
/*  2.5 Breadcrumb
/*----------------------------------------*/

/*----------------------------------------*/
/*  2.1 Accordion
/*----------------------------------------*/

/*----------------------------------------*/
/*  2.12 Section Title
/*----------------------------------------*/
.tp-section-subtitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-bricolage);
}
.tp-section-subtitle.st-border {
  padding: 12px 25px;
  border-radius: 20px;
  border: 1px solid rgba(1, 1, 3, 0.1);
}
.tp-section-subtitle.st-dot {
  position: relative;
}
.tp-section-subtitle.st-dot::before {
  content: "";
  height: 6px;
  width: 6px;
  margin-right: 10px;
  border-radius: 50%;
  display: inline-block;
  transform: translateY(-2px);
  background-color: var(--tp-common-black);
}
.tp-section-subtitle.st-unbounded {
  font-weight: 600;
  font-family: var(--tp-ff-unbounded);
}
.tp-section-subtitle.st-unbounded.fs-13 {
  font-size: 13px;
}

.tp-section-title {
  font-size: 62px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: -0.04em;
  color: var(--tp-common-black);
  font-family: var(--tp-ff-bricolage);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .tp-section-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-section-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .tp-section-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .tp-section-title {
    font-size: 36px;
  }
}
.tp-section-title.tl-unbounded {
  font-weight: 700;
  font-family: var(--tp-ff-unbounded);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-section-title.tl-unbounded br {
    display: none;
  }
}
.tp-section-title.tl-unbounded.fs-42 {
  font-size: 42px;
  line-height: 1.2;
  letter-spacing: -0.84px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .tp-section-title.tl-unbounded.fs-42 {
    font-size: 36px;
  }
}
.tp-section-title.tl-unbounded.fs-42 span {
  color: rgba(1, 1, 3, 0.2);
}

/*----------------------------------------*/
/*  2.11 Search
/*----------------------------------------*/

/*----------------------------------------*/
/*  2.8 Magic Cursor
/*----------------------------------------*/

/* Ball view 
============= */

/* Ball drag 
============= */

/* Ball close 
============== */

/*----------------------------------------*/
/*  2.7 collection Title
/*----------------------------------------*/

.tp-hover-line-white {
  position: relative;
}
.tp-hover-line-white.border-up::after {
  bottom: 3px;
}
.tp-hover-line-white::after {
  position: absolute;
  content: "";
  bottom: 1px;
  right: 0;
  width: 0;
  height: 1px;
  transition: 0.3s ease-in-out;
  background-color: var(--tp-common-white);
}
.tp-hover-line-white:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}

.tp-blur-bottom {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  bottom: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  height: 100px;
  left: 0;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)) add;
  -webkit-mask: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%) add;
  mask: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)) add;
  mask: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%) add;
  overflow: visible;
  position: fixed;
  right: 0;
  pointer-events: none;
  z-index: 999;
}

/* HEADER CSS */
/*----------------------------------------*/
/*   3.1 Header Style
/*----------------------------------------*/

/*----------------------------------------*/
/*  4.1 Main Menu
/*----------------------------------------*/

.tp-megamenu-wrapper {
  position: absolute;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  top: 100%;
  left: 0;
  right: 0;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 65px 65px 40px;
  transform-origin: top;
  transition-duration: 0.1s;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tp-megamenu-wrapper {
    padding: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-megamenu-wrapper {
    padding: 25px 0;
  }
}

/*----------------------------------------*/
/*  4.2 Mobile Menu
/*----------------------------------------*/

/*----------------------------------------*/
/*  4.3 offcanvas Menu
/*----------------------------------------*/

/*----------------------------------------*/
/*  5.2 Postbox css
/*----------------------------------------*/

/*----------------------------------------*/
/*  5.3 Recent Post css
/*----------------------------------------*/

/*----------------------------------------*/
/*  5.4 Sidebar css
/*----------------------------------------*/

/*----------------------------------------*/
/*  5.1 Blog css
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-details-social {
    margin-left: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-blog-details-social > div {
    display: inline-block;
  }
}
.tp-blog-details-social a {
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: var(--tp-common-black);
  background-color: var(--tp-grey-2);
  margin-bottom: 8px;
}
.tp-blog-details-social a:hover {
  background: var(--tp-theme-primary);
}

/*----------------------------------------*/
/*  6.1 Footer Style
/*----------------------------------------*/

/*----------------------------------------*/
/*  6.2 Footer Style 2
/*----------------------------------------*/

/*----------------------------------------*/
/*  6.3 Footer Style 3
/*----------------------------------------*/

/*----------------------------------------*/
/*  6.4 Footer Style 4
/*----------------------------------------*/

/*----------------------------------------*/
/*  6.5 Footer Style 5
/*----------------------------------------*/

/*----------------------------------------*/
/*  6.6 Footer Style 6
/*----------------------------------------*/
/*----------------------------------------*/
/*  6.7 Footer Style 7
/*----------------------------------------*/
/*----------------------------------------*/
/*  6.8 Footer Style 8
/*----------------------------------------*/
/*----------------------------------------*/
/*  6.9 Footer Style 9
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.0 Footer Style 10
/*----------------------------------------*/
/*----------------------------------------*/
/*  7.9 Hero css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.1 About Css
/*----------------------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .dgm-about-ptb {
    padding-bottom: 100px;
  }
}
.dgm-about-bottom {
  margin-left: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dgm-about-bottom {
    margin-left: 0;
  }
}
.dgm-about-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #717171;
  padding-right: 70px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dgm-about-content p {
    padding-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dgm-about-content p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dgm-about-title-box {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .dgm-about-title-box .tp-section-title br {
    display: none;
  }
}
.dgm-about-info-item {
  position: relative;
  z-index: 1;
  margin-right: 70px;
  margin-top: -150px;
  padding: 45px 40px;
  padding-bottom: 35px;
  border: 5px solid #2B3837;
  background-color: var(--tp-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .dgm-about-info-item {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dgm-about-info-item {
    margin-top: 0;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .dgm-about-info-item {
    margin-top: 25px;
    margin-right: 0;
  }
}
.dgm-about-info-item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #717171;
  text-transform: capitalize;
}
.dgm-about-info-item span {
  position: relative;
  font-size: 92px;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
  color: var(--tp-common-black);
}
.dgm-about-info-item span em, .dgm-about-info-item span i {
  font-style: normal;
  font-family: var(--tp-ff-unbounded);
}
.dgm-about-info-item span i {
  position: absolute;
  top: 23%;
  right: 10px;
  height: 20px;
  width: 20px;
  line-height: 3px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--tp-theme-primary);
}
.dgm-about-info-icon {
  margin-bottom: 75px;
  display: inline-block;
}
.dgm-about-info-wrap {
  padding-left: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dgm-about-info-wrap {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dgm-about-info-wrap {
    display: flex;
    gap: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dgm-about-info-wrap {
    margin-left: -25px;
  }
}
.dgm-about-thumb {
  margin-left: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dgm-about-thumb {
    margin-left: 0;
    flex: 0 0 auto;
  }
}
@media (max-width: 767px) {
  .dgm-about-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dgm-about-thumb img.mb-60 {
    display: none;
  }
}
.dgm-about-thumb-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 540px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .dgm-about-thumb-left {
    left: -85px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .dgm-about-thumb-left {
    left: -160px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dgm-about-thumb-left {
    display: none;
  }
}
.dgm-about-thumb-shape {
  position: absolute;
  bottom: -12%;
  right: -24px;
}
@media (max-width: 767px) {
  .dgm-about-thumb-shape {
    display: none;
  }
}
.dgm-about-btn .tp-btn-circle {
  width: 142px;
  height: 142px;
  font-size: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tp-about-dgm-ptb {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-about-dgm-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

/*----------------------------------------*/
/*  7.4 Banner Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.14 Service Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.20 Work Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.3 Award Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.18 Text Slider Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.17 testimonial Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.16 team Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.11 Portfolio Css
/*----------------------------------------*/

@keyframes img-border {
  0% {
    -webkit-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
    -moz-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
    border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
  }
  100% {
    -webkit-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
    -moz-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
    border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
  }
}

/*----------------------------------------*/
/*  7.8 funfact
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.12 Price
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.6 cta css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.5 brand css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.15 step Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.7 faq Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.10 instagram css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.19 video css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.2 application Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.13 prooject-slider
/*----------------------------------------*/
/* ============ creative Slider ================= */

/* ============ creative Slider ================= */

/* ============ showcase Slider ================= */

/* ============ showcase Slider ================= */
/*----------------------------------------*/
/*  9.5 Intaractive Css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.21 contact css
/*----------------------------------------*/

/*----------------------------------------*/
/*  7.22 Shop css
/*----------------------------------------*/

/* 16. Cart */

/* 17. Checkout */

/*----------------------------------------*/
/*  10.2 Login Css
/*----------------------------------------*/

/* Elementor-specific safeguards for the Acjon widgets. */

/* Ensure Acjon font families override WordPress theme / Elementor defaults */
[class*="elementor-widget-acjon_"] {
    font-family: var(--tp-ff-body, 'Poppins', sans-serif);
}

[class*="elementor-widget-acjon_"] h1,
[class*="elementor-widget-acjon_"] h2,
[class*="elementor-widget-acjon_"] h3,
[class*="elementor-widget-acjon_"] h4,
[class*="elementor-widget-acjon_"] h5 {
    font-family: var(--tp-ff-heading, 'Unbounded', sans-serif) !important;
}

[class*="elementor-widget-acjon_"] p,
[class*="elementor-widget-acjon_"] span,
[class*="elementor-widget-acjon_"] a,
[class*="elementor-widget-acjon_"] label,
[class*="elementor-widget-acjon_"] input,
[class*="elementor-widget-acjon_"] textarea {
    font-family: var(--tp-ff-body, 'Poppins', sans-serif);
}

/* Contact card brand defaults. Elementor's Contact Card controls can
   override every color below for an individual widget instance. */

/* The corporate hero deliberately uses Space Grotesk for its display and
   supporting figures. Restore that component typography after the generic
   Elementor heading/body safeguards above. */

/* Elementor's frontend reset makes the creative hero's large lower image
   participate in layout on wide screens. Restore the source template's
   desktop overlay behavior; the original responsive rules still take over
   below 1400px. */

/* Keep both layers of the rotating hero badge on the same mathematical
   center. The source theme relies on line-height, which Elementor's global
   inline-element rules shift slightly downward. */

/* Service detail titles can contain long user-entered phrases. Scale the
   source-template display size continuously in Elementor's narrower canvas,
   and never split a word merely to make it fit. */

.elementor-widget-acjon_header { position: relative; z-index: 999; }

/* ── Acjon header mega menu (desktop) ── */
.elementor-widget-acjon_header .tp-megamenu-wrapper {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    right: auto;
    transform: translateX(-50%) translateY(10px);
    min-width: 640px;
    background-color: #ffffff;
    border-top: 3px solid #007F89;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
    padding: 28px 0 24px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform-origin: top center;
    transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
}
/* Invisible bridge fills the gap so hover isn't lost moving from link to panel */
.elementor-widget-acjon_header .tp-megamenu-wrapper .row {
    padding: 0 8px;
}

/* ── Acjon header mega menu (mobile panel) ── */
@keyframes acjonHeaderDrop { from { transform: translateY(-100%); } to { transform: translateY(0); } }

/* Universal tp-clip-anim safeguards: display image properly */

/* When GSAP clip animation script generates .mask elements, hide raw image so masks render reveal animation */

/* Blog card layout: keep image aspect ratio stable and prevent post-grid
   items from overlapping the section title before script init. */

/* Double marquee — preserves the index.html two-row composition while allowing
   semantic text tags instead of relying on the original span-only selectors. */

/* Digital-marketing process cards. Column widths are owned by the widget's
 * `cards_per_row` responsive control (Elementor-generated CSS) and the skin.
 * Hardcoded width/@media rules were removed because they overrode the control. */

/* Keep the About Us service cards faithful to the source template when the
   WordPress theme supplies a global link color. The card/footer text remains
   editable through its parent typography and color controls. */

/* ==========================================================================
 * SOLUTEK WIDGET ISOLATION
 *
 * main.css sets global h1–h6 { font-family: Unbounded } and p { font-size:18px }.
 * The Acjon-family heading block above uses !important on [class*="elementor-widget-acjon_"]
 * which accidentally catches elementor-widget-acjon_solutek_about (legacy ID).
 * The rules below restore Solutek typography inside every Solutek widget subtree
 * and prevent any Acjon global style from leaking in.
 * ========================================================================== */

/* Headings: force Poppins inside every solutek_* widget and acjon_solutek_about */
[class*="elementor-widget-solutek_"] h1,
[class*="elementor-widget-solutek_"] h2,
[class*="elementor-widget-solutek_"] h3,
[class*="elementor-widget-solutek_"] h4,
[class*="elementor-widget-solutek_"] h5 {
    font-family: "Poppins", sans-serif !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

/* Body text: Solutek uses Fira Sans for paragraphs (main.css sets Poppins globally) */
[class*="elementor-widget-solutek_"] p {
    font-family: "Fira Sans", sans-serif;
}

/* Isolate Acjon heading rule from leaking into acjon_solutek_about via substring match.
   Same specificity as the Acjon rule but declared later → wins the cascade. */

/* Missing bounceleft keyframe used by Solutek About Us decorative shapes */
@keyframes bounceleft {
    0%, 100% { transform: translateX(0); }
    50%       { transform: translateX(-12px); }
}

/* --------------------------------------------------------------------------
 * Solutek Hero (static extraction of index-3.php; deliberately not a slider)
 * ----------------------------------------------------------------------- */

@keyframes solutek-hero-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* ==================================================
   Solutek Services Area Styles
   ================================================== */

/* Equal-height cards — override Bootstrap's align-items-center that prevents stretching */

@-webkit-keyframes solutek-services-dance {
    0% { -webkit-transform: scale(0.5); transform: scale(0.5); }
    100% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@keyframes solutek-services-dance {
    0% { -webkit-transform: scale(0.5); transform: scale(0.5); }
    100% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@-webkit-keyframes solutek-services-float-bob3 {
    0%, 100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}

@keyframes solutek-services-float-bob3 {
    0%, 100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    50% { -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}

@-webkit-keyframes solutek-services-float-bob4 {
    0%, 100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}

@keyframes solutek-services-float-bob4 {
    0%, 100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}

/* The reference layout deliberately pulls the white progress panel 140px over
   the large image. Keep that composition, but ensure the panel and its text
   paint above the animated image masks. */

/* The customer/hiring marquee is a separate row after Choose Us. The source
   template positioned it absolutely over the section; the Elementor version
   intentionally keeps it in normal flow so content can never be covered. */
/* Choose Us hiring marquee — pin to the bottom of the section (matches
   reference position:absolute; bottom:0). The section already has pt-120 pb-120
   and the inner .cr-choose-wrapper has pb-60, so the ~50px marquee slots into
   that padding without overlapping content. */

/* Isolate the corporate FAQ accordion from WordPress theme button colors. */

/* Elementor's icon control renders its own i/svg node, so use a neutral
   wrapper instead of nesting an i element inside another i element. */

/* Keep an optional WPForms newsletter inside the original fourth-column form
   geometry. A one-email-field form matches the reference most closely. */

/* About Banner: preserve the source's oversized upward-offset image while
   making Elementor-selected media reliably fill the fixed banner viewport. */

/* Keep editor-selected source images inside the proportions used by Acjon. */

/* About Fun Facts — the three .style-2/3/4 circles are position:absolute and
   sit at top:180/315/375 with heights 178/212/360, so they extend well past
   the .tp-about-funfact-wrapper natural height of one static 306px circle.
   In the reference layout the surrounding section pb-180 + right-column
   pt-150 provide the visual room. Inside Elementor the column can collapse
   because absolute children contribute no height, so we anchor a min-height
   large enough for circle 4 (top:375 + height:360 = 735) and let the section
   pb-180 finish the composition. */

/* Blog Hero (acjon_blog_hero) — enforce Acjon fonts + reference padding
   against the active theme's h2 overrides. Reference: main.css:2536+. */

/* =========================================================================
   THEME COLOR OVERRIDE — primary accent
   To revert: delete or comment out this entire block (down to the END marker).
   Original color: #C9F31D  |  New color: #FF4D00
   ========================================================================= */
:root {
    --tp-theme-primary: #FF4D00;
}

/* Overrides for hardcoded #C9F31D occurrences in main.css */

/* Fallback color inside acjon-elementor.css var() calls is still #c9f31d, but
   since --tp-theme-primary is now defined above, the fallback never applies. */
/* === END THEME COLOR OVERRIDE === */

/* WPForms integration for Acjon Contact Form widget */

/* Also support elementor-widget-acjon_contact_footer in footer WPForms styling */
.elementor-widget-acjon_contact_footer .acjon-footer-wpforms .wpforms-container,
.elementor-widget-acjon_contact_footer .acjon-footer-wpforms .wpforms-form,
.elementor-widget-acjon_contact_footer .acjon-footer-wpforms .wpforms-field-container {
    margin: 0;
}

.elementor-widget-acjon_contact_footer .acjon-footer-wpforms .wpforms-form {
    position: relative;
}

.elementor-widget-acjon_contact_footer .acjon-footer-wpforms .wpforms-field {
    padding: 0;
}

.elementor-widget-acjon_contact_footer .acjon-footer-wpforms .wpforms-field-label {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.elementor-widget-acjon_contact_footer .acjon-footer-wpforms input[type="email"],
.elementor-widget-acjon_contact_footer .acjon-footer-wpforms input[type="text"] {
    width: 100%;
    max-width: none;
    height: 50px;
    padding: 0 118px 0 20px;
    color: var(--tp-common-white, #f5f7f5);
    border: 1px solid rgba(113, 113, 113, .5);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.elementor-widget-acjon_contact_footer .acjon-footer-wpforms input::placeholder {
    color: rgba(245, 247, 245, .8);
}

.elementor-widget-acjon_contact_footer .acjon-footer-wpforms .wpforms-submit-container {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 0;
    margin: 0;
}

.elementor-widget-acjon_contact_footer .acjon-footer-wpforms button[type="submit"] {
    min-height: 38px;
    padding: 10px 15px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: var(--tp-common-black, #010103);
    border: 1px solid var(--tp-theme-primary, #ff4d00);
    border-radius: 0;
    background: var(--tp-theme-primary, #ff4d00);
    box-shadow: none;
}

.elementor-widget-acjon_contact_footer .acjon-footer-wpforms button[type="submit"]:hover,
.elementor-widget-acjon_contact_footer .acjon-footer-wpforms button[type="submit"]:focus {
    color: var(--tp-common-black, #010103);
    border-color: var(--tp-common-white, #f5f7f5);
    background: var(--tp-common-white, #f5f7f5);
}

/* Text-forward editorial section: deliberately shallow markup and reusable
   Elementor controls for page-specific supporting copy. */

/* ==================================================
   Solutek About Area Styles
   ================================================== */

@-webkit-keyframes solutek-about-dance {
    0% { -webkit-transform: scale(0.5); transform: scale(0.5); }
    100% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

@keyframes solutek-about-dance {
    0% { -webkit-transform: scale(0.5); transform: scale(0.5); }
    100% { -webkit-transform: scale(1.2); transform: scale(1.2); }
}

/* ==================================================
   Solutek FAQ Area Styles
   ================================================== */


/* =====================================================================
   SOLUTEK TESTIMONIALS — DigiCareHouse palette + full base styles
   ===================================================================== */

/* --- Section title base (scoped: Hello Elementor does not load Solutek style.css) --- */

/* --- Testimonial section wrapper --- */

/* --- Cards --- */

/* --- Author: nullify source ::before/::after, use inline shape spans --- */

/* --- Swiper container --- */

/* --- Pagination dots --- */

/* --- 8 Solutek responsive breakpoints --- */

/* ---- Solutek About Us Widget ---- */

/* ---- Solutek Contact Widget ---- */
@keyframes solutek-rotateme {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.elementor-widget-solutek_contact .contact-area {
    background: #f9fafc;
    padding: 120px 0;
    position: relative;
}
.elementor-widget-solutek_contact .section-sub-title {
    font-size: 16px;
    color: #007F89;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    border-radius: 20px;
    background-color: rgba(0, 127, 137, 0.06);
    border: 1px solid rgba(0, 127, 137, 0.2);
    display: inline-block;
    padding: 6px 29px;
    margin: 0 0 22px;
    position: relative;
    z-index: 1;
    line-height: 25px;
}
.elementor-widget-solutek_contact .section-sub-title::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 7px;
    background: #007F89;
    border-radius: 30px;
    left: -8%;
    top: 14px;
}
.elementor-widget-solutek_contact .section-main-title {
    font-size: 28px;
    line-height: 38px;
    color: #050a1e;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    margin: 0;
}
.elementor-widget-solutek_contact .section-main-title span {
    color: #007F89;
}
/* WPForms field resets to match source look */
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field input {
    border: 1px solid rgba(122, 122, 122, 0.5) !important;
    height: 60px !important;
    border-radius: 15px !important;
    padding: 0 23px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #7a7a7a !important;
    font-weight: 400 !important;
    font-family: "Fira Sans", sans-serif !important;
    background: #fff !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
}
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field textarea {
    border: 1px solid rgba(122, 122, 122, 0.5) !important;
    outline: 0 !important;
    width: 100% !important;
    padding: 17px 23px !important;
    height: 150px !important;
    border-radius: 25px !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #7a7a7a !important;
    font-weight: 400 !important;
    font-family: "Fira Sans", sans-serif !important;
    background: #fff !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
    resize: vertical !important;
}
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field input::placeholder,
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field textarea::placeholder {
    color: #7a7a7a !important;
    font-family: "Fira Sans", sans-serif !important;
}
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field input:focus,
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field textarea:focus {
    border-color: #007F89 !important;
    box-shadow: 0 0 4px rgba(0, 127, 137, 0.4) !important;
    outline: 0 !important;
}
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field {
    margin-bottom: 21px !important;
    padding: 0 !important;
}
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field label.wpforms-field-label {
    display: none !important;
}
/* Submit button */
.elementor-widget-solutek_contact .acjon-wpforms-wrap button[type="submit"],
.elementor-widget-solutek_contact .acjon-wpforms-wrap input[type="submit"],
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-submit {
    background: #007F89 !important;
    padding: 16px 48px !important;
    border-radius: 30px !important;
    transition: background 0.4s, color 0.4s !important;
    font-size: 16px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-family: "Fira Sans", sans-serif !important;
    border: none !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.elementor-widget-solutek_contact .acjon-wpforms-wrap button[type="submit"]:hover,
.elementor-widget-solutek_contact .acjon-wpforms-wrap input[type="submit"]:hover,
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-submit:hover {
    background: #050a1e !important;
    color: #fff !important;
}
/* No-form placeholder */
/* WPForms two-column (half-width) field support */
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field-container {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 16px !important;
}
.elementor-widget-solutek_contact .acjon-wpforms-wrap .wpforms-field {
    flex: 0 0 100% !important;
}
/* Right column */
.elementor-widget-solutek_contact .contact-box {
    position: relative;
    padding: 0;
    overflow: visible;
    z-index: 1;
}
.elementor-widget-solutek_contact .contact-right-img-wrap {
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}
.elementor-widget-solutek_contact .contact-right-img-wrap img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px;
}
/* Play button — centered on the right image */
/* Pulsing ring around the play button */
/* Rotating shape — top-right corner of image, contained */
/* Responsive: 8 bands */
@media (min-width: 1400px) and (max-width: 1600px) {
    .elementor-widget-solutek_contact .contact-area { padding: 100px 0; }
}
@media (min-width: 1300px) and (max-width: 1399px) {
    .elementor-widget-solutek_contact .contact-area { padding: 100px 0; }
}
@media (min-width: 1200px) and (max-width: 1299px) {
    .elementor-widget-solutek_contact .contact-area { padding: 90px 0; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .elementor-widget-solutek_contact .section-main-title { font-size: 24px; }
    .elementor-widget-solutek_contact .contact-area { padding: 80px 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .elementor-widget-solutek_contact .section-main-title { font-size: 20px; }
    .elementor-widget-solutek_contact .contact-box { margin-top: 40px; }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .elementor-widget-solutek_contact .section-main-title { font-size: 22px; }
    .elementor-widget-solutek_contact .contact-box { display: none; }
    .elementor-widget-solutek_contact .contact-area { padding: 70px 0; }
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
    .elementor-widget-solutek_contact .section-main-title { font-size: 20px; }
    .elementor-widget-solutek_contact .contact-box { display: none; }
    .elementor-widget-solutek_contact .contact-area { padding: 60px 0; }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .elementor-widget-solutek_contact .section-main-title { font-size: 18px; line-height: 28px; }
    .elementor-widget-solutek_contact .contact-box { display: none; }
    .elementor-widget-solutek_contact .contact-area { padding: 50px 0; }
}

/* ============================================================
   SOLUTEK HEADER WIDGET
   ============================================================ */

@keyframes sh-slide-down {
    from { transform: translateY(-100%); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

/* ── Nav bar ── */

/* ── Logo ── */

/* ── Desktop nav ── */

/* Chevron */

/* ── Standard dropdown ── */

/* ── Mega menu ── */

/* ── Mega column count widths ── */

/* ── CTA button ── */

/* ── Hamburger ── */

/* ── Mobile panel ── */

/* Mobile panel header */

/* Mobile nav */

/* Mobile sub-menu */

/* Mobile mega – render as flat list inside panel */

/* Mobile CTA */

/* ── Overlay ── */

/* Body lock when mobile nav is open */

/* ── Bootstrap display utils (if Bootstrap not loaded) ── */

/* ── Responsive ── */

/* ── Style 2 — Light / White theme overrides ── */
/* Specificity 0,4,0: widget-class(0,1,0) + compound-style+wrapper(0,2,0) + target(0,1,0)
   Beats Elementor's generated CSS which uses {{WRAPPER}} = .elementor-element.elementor-element-{id} = 0,3,0 */
/* Nav links — dark text */
/* Chevron — dark */
/* Dropdown — white bg with teal border accent */
/* Mega menu — white bg */
/* CTA — teal */
/* Hamburger — dark bars */
/* Mobile panel — white */

/* ============================================================
   SOLUTEK HEADER 2 WIDGET  (light / white style)
   ============================================================ */

/* ── Nav bar ── */

/* ── Logo ── */

/* ── Desktop nav ── */

/* ── Dropdown ── */

/* ── Mega menu (reuses sh-mega-* from Walker) ── */

/* ── CTA Button ── */

/* ── Hamburger button ── */

/* ── Mobile overlay ── */

/* ── Mobile panel ── */

/* ── Mobile mega menu ── */

/* ── Responsive ── */

/* ============================================================
   SOLUTEK FOOTER WIDGET
   ============================================================ */

/* ── Main row ── */

/* ── Brand column ── */

/* Social icons */

/* ── Link columns ── */

/* ── Newsletter column ── */

/* Plain email form */

/* ── Copyright row ── */

/* ── Back-to-top ── */

/* ── Bootstrap grid columns (footer) ── */

/* ============================================================
   SOLUTEK BLOG WIDGET
   ============================================================ */

/* ── Section header ── */

/* Header right: divider + button */

/* ── Posts grid row ── */

/* ── Featured card ── */

/* Featured thumbnail */

/* Meta bar overlaid at bottom of featured image */

/* Featured body */

/* ── Side column ── */

/* Small card */

/* Small thumbnail */

/* Small body */

/* Small meta row (top of content area) */

/* Small card content */

/* ── Bootstrap grid helpers ── */

/* ==================================================
 * CUSTOM BLOG GRID STYLES (DigiCareHouse Theme)
 * Primary Theme Color: #005B60
 * ================================================== */

/* Fix Blog Grid Card Layout Padding and Image Alignment */

/* Force Blog Image to Cover the Container and Fix Alignment */

/* Refine Blog Meta Spacing */

/* Divider for Read More Link */

/* Fix GSAP Mask Layout for Blog Grid */

/* Force Image Visibility Over GSAP Mask */

/*
 * DigiCareHouse Solutek skin
 *
 * A reversible presentation layer for the Acjon-derived Elementor widgets.
 * It intentionally preserves source markup, geometry, responsive rules and JS.
 * Palette: teal only.
 */

body.dch-solutek-skin {
    --dch-teal-950: #04383d;
    --dch-teal-900: #06484e;
    --dch-teal-800: #075b62;
    --dch-teal-700: #006e77;
    --dch-teal-600: #007f89;
    --dch-teal-500: #0799a3;
    --dch-teal-200: #a9dcda;
    --dch-teal-100: #d8efed;
    --dch-teal-50: #eef8f7;
    --dch-white: #ffffff;
    --dch-text: #587174;
    --dch-border: #cfe5e3;
    --dch-heading-font: "Poppins", sans-serif;
    --dch-body-font: "Fira Sans", sans-serif;
}

html:has(body.dch-solutek-skin),
body.dch-solutek-skin {
    max-width: 100%;
    margin: 0 !important;
    overflow-x: clip;
}

/* Hide Hello Elementor's native page title on Elementor-built documents. */
body.dch-solutek-skin.elementor-page .entry-title {
    display: none;
}

/* Acjon widgets inherit one consistent Solutek-inspired token set. */
body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) {
    --tp-theme-primary: var(--dch-teal-600);
    --tp-theme-secondary: var(--dch-teal-50);
    --tp-common-black: var(--dch-teal-950);
    --tp-common-black-solid: var(--dch-teal-950);
    --tp-common-paste: var(--dch-teal-900);
    --tp-common-white: var(--dch-white);
    --tp-common-white-solid: var(--dch-white);
    --tp-ff-p: var(--dch-body-font);
    --tp-ff-body: var(--dch-body-font);
    --tp-ff-popins: var(--dch-body-font);
    --tp-ff-heading: var(--dch-heading-font);
    --tp-ff-unbounded: var(--dch-heading-font);
    --tp-ff-bricolage: var(--dch-heading-font);
    --tp-ff-space: var(--dch-heading-font);
    color: var(--dch-text);
    font-family: var(--dch-body-font);
}

body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) :is(h1, h2, h3, h4, h5),
body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) :is( .tl-unbounded, .st-unbounded) {
    color: var(--dch-teal-950);
    font-family: var(--dch-heading-font) !important;
    font-weight: 700;
    letter-spacing: -0.025em;
}

body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) :is(p, li, label, input, textarea) {
    font-family: var(--dch-body-font) !important;
}

body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) p,
body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) li {
    color: var(--dch-text);
}

body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) :is(.tp-section-subtitle) {
    color: var(--dch-teal-600);
}

/* Shared buttons and linked actions. Elementor instance controls remain able
 * to override these defaults through their more specific generated selectors. */
body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) :is( button[type="submit"], input[type="submit"], .wpforms-submit) {
    border-color: var(--dch-teal-600);
    border-radius: 999px;
    background: linear-gradient(135deg, var(--dch-teal-500), var(--dch-teal-700));
    color: var(--dch-white);
    font-family: var(--dch-heading-font) !important;
    box-shadow: 0 10px 24px rgb(0 127 137 / 18%);
}

/* Button interaction transitions — restores motion that the original template had. */
body.dch-solutek-skin [class*="elementor-widget-acjon_"] :is( button[type="submit"], input[type="submit"], .wpforms-submit) {
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

/* High-contrast WHITE buttons for dark hero / feature sections. */

/* Global header: retain the proven Acjon menu/mobile behavior, restyle it. */

/* Service detail hero: decorative shape SVG uses hardcoded black stroke — make it visible on dark bg. */

/* Service detail hero title-accent SVG: black triangle fill is invisible on teal-950 — override to white. */

/* About hero and blog/service-detail heroes use a deep teal surface. */

/* About page section rhythm. */
body.dch-solutek-skin .elementor-widget-acjon_about_content .dgm-about-ptb {
    background: var(--dch-teal-50);
}

/* Services listing. */

/* Blog cards. */

/* Core fix: `.tp-clip-anim:has(.mask) .tp-anim-img { opacity:0 !important }` in base CSS was hiding
 * the image whenever GSAP added its reveal masks. Beat it with higher specificity + !important. */

/* Hide the GSAP reveal mask overlays so the raw image shows directly. */

/* CRITICAL FIX: main.css:7086 sets `.cr-blog-content { position: absolute; bottom: 0; right: 0 }`
 * which stacks content OVER the thumb and leaves only a thin image strip visible. Force static flow. */

/* main.css:7073 also sets `padding-right: 150px` on the thumb (template design where content
 * overlaid a smaller image). Reset it. The base override at line 4958 uses `padding: 0 !important`
 * which should neutralize it, but be defensive. */

/* Contact sections and forms. */


body.dch-solutek-skin .elementor-widget-acjon_contact_footer :is(input:not([type="submit"]), textarea) {
    border-color: var(--dch-border) !important;
    border-radius: 10px !important;
    background: var(--dch-white) !important;
    color: var(--dch-teal-950) !important;
}


body.dch-solutek-skin .elementor-widget-acjon_contact_footer :is(input:not([type="submit"]), textarea):focus {
    border-color: var(--dch-teal-600) !important;
    box-shadow: 0 0 0 3px rgb(0 127 137 / 14%);
}

/* Reused service-detail components: one rule set updates all 22 pages. */

/* Step counter label "step_01" — keep legible on dark bg */

/* Override generic -item border rule; step cards sit on dark bg so soften the border */

/* Toggleable CTA buttons added to service_detail_content & service_detail_steps widgets. */

/* On the dark Steps section, button needs white background for contrast. */

/* ──────────────────────────────────────────────────────────────────────────
 * CTA WIDGET — reusable call-to-action card (acjon_cta). */

/* --- Gradient style (dark hero) --- */

/* --- Light teal style --- */

/* --- Solid dark style --- */

/* ──────────────────────────────────────────────────────────────────────────
 * FOOTER — enhanced attractive presentation layer.
 * Fully reversible: lives in skin CSS, scoped to `.dch-solutek-skin`.
 * Remove this block or the body class to restore the original flat footer.
 * ────────────────────────────────────────────────────────────────────────── */

/* Deep gradient background + decorative glow overrides the inline bg color. */
body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-footer-7-area {
    background: linear-gradient(180deg, var(--dch-teal-900) 0%, var(--dch-teal-950) 100%) !important;
    position: relative;
    overflow: hidden;
    padding-top: 100px;
}

body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-footer-7-area::before,
body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-footer-7-area::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-footer-7-area::before {
    top: -220px;
    right: -220px;
    width: 540px;
    height: 540px;
    background: radial-gradient(circle, rgb(168 220 218 / 10%) 0%, transparent 65%);
}

body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-footer-7-area::after {
    bottom: -180px;
    left: -180px;
    width: 460px;
    height: 460px;
    background: radial-gradient(circle, rgb(7 153 163 / 12%) 0%, transparent 65%);
}

/* Keep content above the decorative glows. */

/* Column titles — uppercase with teal accent bar underneath. */

/* Address column: cleaner layout, accent dot before each line. */

/* Menu links — slide-in arrow + color/padding transition on hover. */

/* Newsletter: fixed-height pill input with inline submit button inside it. */

/* Newsletter: email-safety checkbox styling. */

/* Divider between main columns and bottom section. */

/* Logo refinement. */

/* "Let's Talk" circle button — large, prominent, with glow + scale hover. */
body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-btn-circle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    width: 120px;
    height: 120px;
    background: linear-gradient(135deg, var(--dch-teal-500), var(--dch-teal-700)) !important;
    color: var(--dch-white) !important;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    box-shadow: 0 12px 32px rgb(7 153 163 / 40%);
    transition: background 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease;
}

body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-btn-circle:hover {
    background: var(--dch-white) !important;
    color: var(--dch-teal-950) !important;
    transform: scale(1.08);
    box-shadow: 0 18px 40px rgb(255 255 255 / 22%);
}

body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-btn-circle span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-btn-circle svg {
    width: 20px;
    height: 20px;
    transition: transform 0.35s ease;
}

body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-btn-circle:hover svg {
    transform: translate(3px, -3px);
}

/* Fallback color rules kept for anything not matched above. */
body.dch-solutek-skin .elementor-widget-acjon_contact_footer :is(h1, h2, h3, h4, h5, a) {
    color: var(--dch-white);
}

body.dch-solutek-skin .elementor-widget-acjon_contact_footer :is(p, li) {
    color: var(--dch-teal-100);
}

/* Mobile: footer stacking and spacing. */
@media (max-width: 767px) {
    body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-footer-7-area {
        padding-top: 60px;
    }
    body.dch-solutek-skin .elementor-widget-acjon_contact_footer .tp-btn-circle {
        width: 100px;
        height: 100px;
        font-size: 12px;
    }
}

/* Existing Solutek homepage sections also use deep teal surfaces so the
 * whole public site follows the requested teal-only direction. */
body.dch-solutek-skin [class*="elementor-widget-solutek_"] {
    --solutek-brand-primary: var(--dch-teal-600);
    --solutek-brand-primary-dark: var(--dch-teal-900);
    --solutek-brand-primary-light: var(--dch-teal-200);
}

body.dch-solutek-skin [class*="elementor-widget-solutek_"] :is(h1, h2, h3, h4, h5) {
    color: var(--dch-teal-950);
}

body.dch-solutek-skin [class*="elementor-widget-solutek_"] :is(a:hover, a:focus) {
    color: var(--dch-teal-600);
}

/* Header state is explicit so disabling the optional information bar never
 * leaves behind its vertical offset. The WordPress admin toolbar is separate
 * and remains untouched while it is actually visible. */

/* ── Dark hero / feature sections — each gets a distinct teal gradient so
 * sections have visual depth and don't all look identical. Excludes:
 *   • acjon_banner       — parallax image; must not override its background
 *   • acjon_about_hero   — handled with radial gradient above
 *   • acjon_blog_detail_hero — handled above
 *   • acjon_about_funfacts / about_steps — explicit white bg above
 *   • acjon_about_us_* — light sections, added to teal-50 block below
 * ──────────────────────────────────────────────────────────────────────── */

/* Headings on dark sections — white for contrast. */

/* Body text on dark sections — pale teal for legibility, not invisible light-on-light. */

/* Eyebrow / subtitle badge on dark sections — luminous teal-200. */

body.dch-solutek-skin :is(
    .elementor-widget-acjon_about_content) > .elementor-widget-container > :first-child {
    background-color: var(--dch-teal-50);
}

body.dch-solutek-skin [class*="elementor-widget-acjon_"] :is(
    [class*="-item"],
    [class*="-card"],
    [class*="-box"]
) {
    border-color: var(--dch-border);
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, transform 0.25s ease;
}

/* Card hover lift — adds physical depth on interactive sections.
 * about_us_services + marketing_process have their own more-specific hover rules
 * earlier in this file (line ~438); keeping them here would cause specificity
 * conflicts that make the lift inconsistent and feel odd. */

body.dch-solutek-skin [class*="elementor-widget-acjon_"] :is(
    [class*="subtitle"],
    [class*="sub-title"],
    [class*="number"],
    [class*="icon"],
    [class*="meta"],
    [class*="tag"]
) {
    color: var(--dch-teal-600);
}

body.dch-solutek-skin [class*="elementor-widget-acjon_"] :is(
    button,
    [role="button"],
    [class*="tab"]
):is( .active) {
    border-color: var(--dch-teal-600);
}

/* Inner FAQ accordion button text — dark heading-weight label on light bg. */

/* Blog detail hero: light-surface presentation (was in old flat dark block, now gets neutral white/teal-50). */

body.dch-solutek-skin [class*="elementor-widget-acjon_"] svg:not([fill="none"]) {
    color: var(--dch-teal-600);
}

/* ──────────────────────────────────────────────────────────────────────────
 * SERVICE PAGES — LAYOUT & SYMMETRY FIXES (AI Automation page and all 22 service pages)
 * These fixes correct asymmetric offsets, empty-element gaps, and broken grid
 * alignment from the original Acjon template while keeping widget markup intact.
 * ────────────────────────────────────────────────────────────────────────── */

/* ---- 1. SERVICE DETAIL HERO: symmetry when there's no subtitle column ----
 * Template renders: col-xl-9 offset-xl-2 → col-lg-9 offset-lg-3
 * When subtitle is absent, the description text sits right-of-center which
 * looks visually unbalanced against the full-width title above it.
 * Fix: center the content wrap and remove the inner offset. */

/* Neutralize the Bootstrap offset that pushes description to the right */

/* Keep parent column full-width (remove the offset-xl-2) */

/* ---- 2. ABOUT US SERVICES: center the heading, keep cards' original hover ---- */

/* Center the whole title row (title + button stacked, centered). */

/* Right-side top button column: center it under the title. */

/* ---- 3. SERVICE DETAIL CONTENT: fix asymmetric mr-50 only (do not hide any content) ---- */
/* Replace asymmetric mr-50 with symmetric gap */

/* Vertically align text and image columns */

/* ---- 4. MARKETING PROCESS: responsive cards + proper gaps ---- */

/* Elementor's responsive Cards Per Row control owns the column widths. */

/* Equal-height cards: parent row has `align-items: stretch`, so making the
 * column a flex container lets the card fill the full row height.
 * Keep .dgm-step-item as block layout so hover transform/animation stays intact. */

/* Apply the same equal-height treatment to About Us Services cards. */

/* ---- 5. SERVICE DETAIL STEPS: 50/50 symmetric split for image + content ---- */

@media (max-width: 767px) {
    body.dch-solutek-skin [class*="elementor-widget-acjon_"]:not(.elementor-widget-acjon_solutek_about) :is(h1, h2, h3, h4, h5) {
        letter-spacing: -0.018em;
    }
}

/* Magnific Popup CSS */

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* Main image in popup */

/* The shadow behind the image */

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */ }


html{line-height:1.15;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}h1,h2,h3,h4,h5{color:inherit;font-family:inherit;font-weight:500;line-height:1.2;margin-block-end:1rem;margin-block-start:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}p{margin-block-end:.9rem;margin-block-start:0}a{background-color:transparent;color:#c36;text-decoration:none}a:active,a:hover{color:#336}a:not([href]):not([tabindex]),a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}b,strong{font-weight:bolder}small{font-size:80%}img{border-style:none;height:auto;max-width:100%}[hidden],template{display:none}@media print{*,:after,:before{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{-moz-column-break-inside:avoid;break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{-moz-column-break-after:avoid;break-after:avoid}}label{display:inline-block;line-height:1;vertical-align:middle}button,input,textarea{font-family:inherit;font-size:1rem;line-height:1.5;margin:0}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],textarea{border:1px solid #666;border-radius:3px;padding:.5rem 1rem;transition:all .3s;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,textarea:focus{border-color:#333}button,input{overflow:visible}button{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;width:auto}[type=button],[type=submit],button{background-color:transparent;border:1px solid #c36;border-radius:3px;color:#c36;display:inline-block;font-size:1rem;font-weight:400;padding:.5rem 1rem;text-align:center;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background-color:#c36;color:#fff;text-decoration:none}[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}textarea{overflow:auto;resize:vertical}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}li,ul{background:transparent;border:0;font-size:100%;margin-block-end:0;margin-block-start:0;outline:0;vertical-align:baseline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{box-shadow:0 0 0 4px #fff;outline:2px solid #000;outline-offset:2px}a:focus:not(:focus-visible),button:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){box-shadow:none;outline:none}

.page-content a{text-decoration:underline}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#333;display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:12px 24px;text-decoration:none;top:5px;width:auto;z-index:100000}.post .entry-title a{text-decoration:none}.page-header .entry-title,body:not([class*=elementor-page-]) .site-main{margin-inline-end:auto;margin-inline-start:auto;width:100%}@custom-media --hello-screen-xs-and-below (width < 576px);@custom-media --hello-screen-xs-and-above (width >= 576px);@custom-media --hello-screen-xs-only (0 <= width < 576px);@custom-media --hello-screen-sm-and-below (width < 768px);@custom-media --hello-screen-sm-and-above (width >= 768px);@custom-media --hello-screen-sm-only (576px <= width < 768px);@custom-media --hello-screen-md-and-below (width < 992px);@custom-media --hello-screen-md-and-above (width >= 992px);@custom-media --hello-screen-md-only (768px <= width < 992px);@custom-media --hello-screen-xl-and-below (width < 1200px);@custom-media --hello-screen-xl-and-above (width >= 1200px);@custom-media --hello-screen-xl-only (992px <= width < 1200px);@media(max-width:575px){.page-header .entry-title,body:not([class*=elementor-page-]) .site-main{padding-inline-end:10px;padding-inline-start:10px}}@media(min-width:576px){.page-header .entry-title,body:not([class*=elementor-page-]) .site-main{max-width:500px}}@media(min-width:768px){.page-header .entry-title,body:not([class*=elementor-page-]) .site-main{max-width:600px}}@media(min-width:992px){.page-header .entry-title,body:not([class*=elementor-page-]) .site-main{max-width:800px}}@media(min-width:1200px){.page-header .entry-title,body:not([class*=elementor-page-]) .site-main{max-width:1140px}}

.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.e-con{--container-max-width:1024px;}}@media(max-width:767px){.e-con{--container-max-width:767px;}}
.acjon-hd{--hd-orange:#f97316;--hd-orange-dark:#c2410c;--hd-deep:#062a2c;--hd-ink:#0b3a3d;--hd-mint:#eef7f4;--hd-tint:#d9eee8;--hd-body:#4b5f61;--hd-line:#c9e3de;--hd-teal:#0f766e;position:relative;z-index:999;font-family:"Fira Sans",Arial,sans-serif;color:#fff}
.acjon-hd *,.acjon-hd *:before,.acjon-hd *:after{box-sizing:border-box}
.acjon-hd :where(h1,h2,h3,h4,h5,p,div,span,strong,small){margin-top:0}
.acjon-hd a{text-decoration:none!important}
.acjon-hd ul{margin:0;padding:0;list-style:none}
.acjon-hd-container{width:min(100% - 48px,1320px);margin:0 auto}
.acjon-hd-bar{position:relative;background:linear-gradient(105deg,#0a4448,#062a2c 62%);box-shadow:0 7px 28px rgba(0,0,0,.13)}
.acjon-hd-bar>.acjon-hd-container{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:84px}
.acjon-hd-logo{display:inline-flex;align-items:center;width:max-content}.acjon-hd-logo img{display:block;width:150px;max-width:100%;height:auto}
.acjon-hd-nav{height:100%}.acjon-hd-nav>ul{display:flex;align-items:center;justify-content:center;gap:3px;height:100%}
.acjon-hd-nav>ul>li{position:static;height:100%;display:flex;align-items:center}
.acjon-hd-nav>ul>li>a{display:inline-flex;align-items:center;gap:7px;padding:11px 13px;border-radius:10px;color:#fff!important;font-size:14px;font-weight:600;line-height:1.2;transition:background .18s,color .18s}
.acjon-hd-nav>ul>li>a:hover,.acjon-hd-nav>ul>li.is-open>a,.acjon-hd-nav>ul>li.current-menu-item>a{color:var(--hd-orange)!important;background:rgba(255,255,255,.075)}
.acjon-has-mega-menu>a:after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.acjon-has-mega-menu.is-open>a:after{transform:rotate(225deg) translate(-2px,-1px)}
.acjon-hd-actions{display:flex;align-items:center;justify-content:flex-end;gap:18px}
.acjon-hd-phone{display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-weight:600;font-size:14px;white-space:nowrap}.acjon-hd-phone>span:first-child{color:var(--hd-orange)}.acjon-hd-phone-text{margin:0;color:inherit;font:inherit}
.acjon-hd-cta{display:inline-flex;align-items:center;gap:10px;padding:12px 19px;border-radius:11px;background:var(--hd-orange);color:var(--hd-deep)!important;font-size:14px;font-weight:700;white-space:nowrap;transition:transform .18s,background .18s}.acjon-hd-cta:hover{background:#fb8a37;transform:translateY(-2px)}.acjon-hd-cta-text{margin:0;color:inherit;font:inherit}
.acjon-hd-menu-toggle{display:none;width:44px;height:44px;padding:11px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.06)}.acjon-hd-menu-toggle i{display:block;height:2px;margin:4px 0;border-radius:2px;background:#fff}
.acjon-hd-mega{position:absolute;top:100%;left:50%;width:min(1120px,calc(100vw - 48px));opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none}
.elementor-widget-acjon_header .acjon-hd .acjon-hd-nav>ul>li{position:static!important;overflow:visible!important}
.elementor-widget-acjon_header .acjon-hd .acjon-hd-mega.tp-megamenu-wrapper{display:block!important;position:absolute!important;top:100%!important;left:50%!important;right:auto!important;width:min(1120px,calc(100vw - 48px))!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;transform:translate(-50%,8px);transform-origin:top center!important}
.acjon-has-mega-menu.is-open>.acjon-hd-mega,.acjon-has-mega-menu:hover>.acjon-hd-mega,.acjon-has-mega-menu:focus-within>.acjon-hd-mega{opacity:1;visibility:visible;transform:translate(-50%,0);pointer-events:auto}
.elementor-widget-acjon_header .acjon-hd .acjon-has-mega-menu.is-open>.acjon-hd-mega.tp-megamenu-wrapper,.elementor-widget-acjon_header .acjon-hd .acjon-has-mega-menu:hover>.acjon-hd-mega.tp-megamenu-wrapper,.elementor-widget-acjon_header .acjon-hd .acjon-has-mega-menu:focus-within>.acjon-hd-mega.tp-megamenu-wrapper{opacity:1!important;visibility:visible!important;transform:translate(-50%,0)!important;pointer-events:auto!important}
.acjon-hd-mega-inner{display:grid;width:100%;min-width:0;grid-template-columns:320px minmax(0,1fr) 250px;min-height:410px;overflow:hidden;border-radius:0 0 22px 22px;background:#fff;box-shadow:0 30px 70px -20px rgba(0,0,0,.55)}
.acjon-hd-categories{padding:16px;background:var(--hd-mint)}
.acjon-hd-category-item{display:block;min-width:0}
.acjon-hd-category{display:grid;width:100%;grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;gap:12px;margin:0 0 4px;padding:12px;border:0;border-radius:14px;text-align:left;background:transparent;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.acjon-hd-category:hover,.acjon-hd-category.is-active{background:#fff;box-shadow:0 5px 17px -9px rgba(11,58,61,.35)}
.acjon-hd-category:focus-visible{outline:2px solid var(--hd-orange);outline-offset:1px}
.acjon-hd-category-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--hd-tint);color:var(--hd-teal)}
.acjon-hd-category.is-active .acjon-hd-category-icon{background:var(--hd-orange);color:var(--hd-deep)}
.acjon-hd-category-copy{display:block;min-width:0}.acjon-hd-category-title{display:block;margin:0;color:var(--hd-ink)!important;font-family:Poppins,"Fira Sans",sans-serif;font-size:14px;font-weight:700;line-height:1.3}.acjon-hd-category-arrow{color:var(--hd-orange-dark);opacity:0;transition:opacity .15s}.acjon-hd-category.is-active .acjon-hd-category-arrow,.acjon-hd-category:hover .acjon-hd-category-arrow{opacity:1}
.acjon-hd-panes{padding:26px 28px;color:var(--hd-ink)}.acjon-hd-pane[hidden]{display:none}.acjon-hd-pane-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;text-transform:uppercase}.acjon-hd-pane-title{margin:0;color:var(--hd-ink)!important;font-size:13px;font-weight:700;letter-spacing:.09em}.acjon-hd-pane-heading>span{color:var(--hd-body);font-size:12px;text-transform:none}
.acjon-hd-services{display:grid;grid-template-columns:1fr 1fr;gap:6px}.acjon-hd-service{display:block;padding:12px 14px;border-radius:12px;transition:background .15s}.acjon-hd-service:hover{background:var(--hd-mint)}.acjon-hd-service-title{display:block;margin:0 0 2px;color:var(--hd-ink)!important;font-size:14px;font-weight:600;line-height:1.35}.acjon-hd-service:hover .acjon-hd-service-title{color:var(--hd-orange-dark)!important}
.acjon-hd-promo{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;margin:16px;padding:22px;border-radius:18px;background:var(--hd-deep);color:#cfe6e1}.acjon-hd-promo:after{content:"";position:absolute;right:-50px;bottom:-50px;width:140px;height:140px;border:22px solid rgba(249,115,22,.22);border-radius:50%}.acjon-hd-promo-title{display:block;margin:0 0 8px;color:#fff!important;font-family:Poppins,"Fira Sans",sans-serif;font-size:19px;font-weight:700;line-height:1.3}.acjon-hd-promo-text{margin:0;color:#cfe6e1!important;font-size:13px;line-height:1.55}.acjon-hd-promo-link{position:relative;z-index:1;display:inline-flex;align-items:center;align-self:flex-start;gap:8px;margin-top:18px;padding:10px 16px;border-radius:10px;background:var(--hd-orange);color:var(--hd-deep)!important;font-size:14px;font-weight:700}.acjon-hd-promo-button-text{margin:0;color:inherit;font:inherit}
.acjon-hd-mobile,.acjon-hd-overlay{display:none}

/* Motion system: restrained entrances, directional hover feedback and staggered mega content. */
@keyframes acjonHdDrop{0%{opacity:0;transform:translateY(-18px)}100%{opacity:1;transform:none}}
@keyframes acjonHdRise{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
@keyframes acjonHdPop{0%{opacity:0;transform:scale(.88)}65%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}
@keyframes acjonHdPanel{0%{opacity:0;transform:translateY(-10px) scale(.985);filter:blur(4px)}100%{opacity:1;transform:none;filter:blur(0)}}
@keyframes acjonHdShine{0%{transform:translateX(-150%) skewX(-22deg)}100%{transform:translateX(430%) skewX(-22deg)}}
@keyframes acjonHdGlow{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.08)}50%{box-shadow:0 0 0 7px rgba(249,115,22,.02)}}
@keyframes acjonHdOrb{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-8px,-7px) rotate(7deg)}}
@keyframes acjonHdAmbient{0%,100%{opacity:.18;background-position:0% 50%}50%{opacity:.32;background-position:100% 50%}}
.acjon-hd-bar{background-size:180% 180%;transition:background-position .8s ease,box-shadow .35s ease;animation:acjonHdDrop .7s cubic-bezier(.22,1,.36,1) both}
.acjon-hd-bar:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(22,166,158,.55),transparent 30%),radial-gradient(circle at 78% 35%,rgba(249,115,22,.28),transparent 24%);background-size:180% 180%;animation:acjonHdAmbient 9s ease-in-out infinite}.acjon-hd-bar>.acjon-hd-container{position:relative;z-index:1}
.acjon-hd-logo{animation:acjonHdRise .55s .14s cubic-bezier(.22,1,.36,1) both}
.acjon-hd-logo img{transition:transform .4s cubic-bezier(.22,1,.36,1),filter .3s ease}.acjon-hd-logo:hover img{transform:translateY(-2px) scale(1.025)}
.acjon-hd-nav>ul>li{opacity:0;animation:acjonHdRise .48s cubic-bezier(.22,1,.36,1) forwards}.acjon-hd-nav>ul>li:nth-child(1){animation-delay:.12s}.acjon-hd-nav>ul>li:nth-child(2){animation-delay:.17s}.acjon-hd-nav>ul>li:nth-child(3){animation-delay:.22s}.acjon-hd-nav>ul>li:nth-child(4){animation-delay:.27s}.acjon-hd-nav>ul>li:nth-child(5){animation-delay:.32s}.acjon-hd-nav>ul>li:nth-child(n+6){animation-delay:.37s}
.acjon-hd-nav>ul>li>a{position:relative;overflow:hidden}.acjon-hd-nav>ul>li>a:before{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:2px;border-radius:3px;background:var(--hd-orange);transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,1,.36,1)}.acjon-hd-nav>ul>li>a:hover:before,.acjon-hd-nav>ul>li.is-open>a:before,.acjon-hd-nav>ul>li.current-menu-item>a:before{transform:scaleX(1);transform-origin:left}
.acjon-hd-actions{animation:acjonHdRise .55s .28s cubic-bezier(.22,1,.36,1) both}.acjon-hd-phone>span:first-child{display:inline-block;transition:transform .3s}.acjon-hd-phone:hover>span:first-child{transform:rotate(-12deg) scale(1.15)}
.acjon-hd-cta{position:relative;overflow:hidden;isolation:isolate}.acjon-hd-cta:before{content:"";position:absolute;z-index:-1;inset:-40% auto -40% -35%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:translateX(-150%) skewX(-22deg)}.acjon-hd-cta:hover:before{animation:acjonHdShine .75s ease}.acjon-hd-cta>span:last-child{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.acjon-hd-cta:hover>span:last-child{transform:translateX(4px)}
.acjon-has-mega-menu.is-open>.acjon-hd-mega .acjon-hd-mega-inner,.acjon-has-mega-menu:hover>.acjon-hd-mega .acjon-hd-mega-inner,.acjon-has-mega-menu:focus-within>.acjon-hd-mega .acjon-hd-mega-inner{animation:acjonHdPanel .36s cubic-bezier(.22,1,.36,1) both}
.acjon-has-mega-menu.is-open>.acjon-hd-mega .acjon-hd-category-item,.acjon-has-mega-menu:hover>.acjon-hd-mega .acjon-hd-category-item,.acjon-has-mega-menu:focus-within>.acjon-hd-mega .acjon-hd-category-item{opacity:0;animation:acjonHdRise .36s cubic-bezier(.22,1,.36,1) forwards}.acjon-hd-category-item:nth-child(1){animation-delay:.04s!important}.acjon-hd-category-item:nth-child(2){animation-delay:.08s!important}.acjon-hd-category-item:nth-child(3){animation-delay:.12s!important}.acjon-hd-category-item:nth-child(4){animation-delay:.16s!important}.acjon-hd-category-item:nth-child(5){animation-delay:.2s!important}.acjon-hd-category-item:nth-child(6){animation-delay:.24s!important}
.acjon-hd-category-icon{transition:transform .35s cubic-bezier(.22,1,.36,1),background .2s,color .2s}.acjon-hd-category:hover .acjon-hd-category-icon,.acjon-hd-category.is-active .acjon-hd-category-icon{transform:translateY(-2px) rotate(-3deg) scale(1.06)}.acjon-hd-category-arrow{transform:translateX(-5px);transition:opacity .2s,transform .3s cubic-bezier(.22,1,.36,1)}.acjon-hd-category.is-active .acjon-hd-category-arrow,.acjon-hd-category:hover .acjon-hd-category-arrow{transform:none}
.acjon-hd-pane.is-active .acjon-hd-pane-heading{animation:acjonHdRise .32s ease both}.acjon-hd-pane.is-active .acjon-hd-service{opacity:0;animation:acjonHdRise .34s cubic-bezier(.22,1,.36,1) forwards}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(1){animation-delay:.03s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(2){animation-delay:.06s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(3){animation-delay:.09s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(4){animation-delay:.12s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(5){animation-delay:.15s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(6){animation-delay:.18s}.acjon-hd-pane.is-active .acjon-hd-service:nth-child(n+7){animation-delay:.21s}
.acjon-hd-service{transition:background .2s,transform .28s cubic-bezier(.22,1,.36,1)}.acjon-hd-service:hover{transform:translateX(4px)}
.acjon-hd-promo{animation:acjonHdGlow 4s ease-in-out infinite}.acjon-hd-promo:after{animation:acjonHdOrb 6s ease-in-out infinite}.acjon-hd-promo-link{transition:transform .28s cubic-bezier(.22,1,.36,1),background .2s}.acjon-hd-promo-link:hover{transform:translateY(-3px)}
.acjon-hd-menu-toggle i{transition:transform .3s,opacity .25s}.acjon-hd.is-mobile-open .acjon-hd-menu-toggle i:nth-child(1){transform:translateY(6px) rotate(45deg)}.acjon-hd.is-mobile-open .acjon-hd-menu-toggle i:nth-child(2){opacity:0}.acjon-hd.is-mobile-open .acjon-hd-menu-toggle i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1199px){.acjon-hd-container{width:min(100% - 32px,960px)}.acjon-hd-bar>.acjon-hd-container{grid-template-columns:1fr auto;min-height:72px}.acjon-hd-nav,.acjon-hd-phone{display:none}.acjon-hd-menu-toggle{display:block}.acjon-hd-mobile{display:block;position:fixed;z-index:1002;top:0;right:0;width:min(390px,92vw);height:100dvh;padding:22px;overflow:auto;background:#fff;color:var(--hd-ink);transform:translateX(102%);transition:transform .25s}.acjon-hd.is-mobile-open .acjon-hd-mobile{transform:none}.acjon-hd-overlay{display:block;position:fixed;z-index:1001;inset:0;background:rgba(3,28,29,.62);opacity:0;visibility:hidden;transition:.25s}.acjon-hd.is-mobile-open .acjon-hd-overlay{opacity:1;visibility:visible}.acjon-hd-mobile-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--hd-line)}.acjon-hd-mobile .acjon-hd-logo img{width:145px;filter:brightness(.25)}.acjon-hd-menu-close{width:42px;height:42px;border:0;border-radius:10px;background:var(--hd-mint);color:var(--hd-ink);font-size:27px}.acjon-hd-mobile-nav>ul>li{border-bottom:1px solid var(--hd-line)}.acjon-hd-mobile-nav>ul>li>a{display:flex;justify-content:space-between;padding:16px 2px;color:var(--hd-ink)!important;font-weight:700}.acjon-hd-mobile .acjon-hd-mega{position:static;width:100%;opacity:1;visibility:visible;transform:none;display:none;pointer-events:auto}.acjon-hd-mobile .acjon-has-mega-menu.is-open>.acjon-hd-mega{display:block}.acjon-hd-mobile .acjon-hd-mega-inner{display:block;min-height:0;border-radius:14px;box-shadow:none}.acjon-hd-mobile .acjon-hd-categories{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:10px}.acjon-hd-mobile .acjon-hd-category{min-height:0!important;grid-template-columns:38px minmax(0,1fr) 14px!important;grid-template-rows:1fr!important;align-items:center;padding:10px;margin:0}.acjon-hd-mobile .acjon-hd-category-icon{grid-column:1!important}.acjon-hd-mobile .acjon-hd-category-copy{grid-column:2!important;align-self:center!important}.acjon-hd-mobile .acjon-hd-category-arrow{grid-column:3!important;grid-row:1!important}.acjon-hd-mobile .acjon-hd-panes{padding:12px}.acjon-hd-mobile .acjon-hd-services{grid-template-columns:1fr}.acjon-hd-mobile .acjon-hd-service{background:var(--hd-mint)}.acjon-hd-mobile .acjon-hd-promo{margin:10px}.acjon-hd-mobile-contact{display:grid;gap:8px;margin-top:22px}.acjon-hd-mobile-contact a{color:var(--hd-teal)!important;font-weight:600}}
@media(max-width:575px){.acjon-hd-container{width:min(100% - 24px,540px)}.acjon-hd-bar>.acjon-hd-container{gap:12px}.acjon-hd-logo img{width:122px}.acjon-hd-cta{display:none}.acjon-hd-actions{gap:10px}}
@media(max-width:1199px){.elementor-widget-acjon_header .acjon-hd .acjon-hd-mobile .acjon-hd-mega.tp-megamenu-wrapper{display:none!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important}.elementor-widget-acjon_header .acjon-hd .acjon-hd-mobile .acjon-has-mega-menu.is-open>.acjon-hd-mega{display:block!important}}
@media(prefers-reduced-motion:reduce){.acjon-hd *,.acjon-hd *:before,.acjon-hd *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.acjon-hd-nav>ul>li,.acjon-hd-pane.is-active .acjon-hd-service,.acjon-hd-category-item{opacity:1!important}}

.acjon-ft2 {
  --acjon-ft2-bg: #062a2c;
  --acjon-ft2-ink: #fff;
  --acjon-ft2-copy: #cfe6e1;
  --acjon-ft2-muted: rgba(207,230,225,.72);
  --acjon-ft2-line: rgba(207,230,225,.16);
  --acjon-ft2-glass: rgba(207,230,225,.07);
  --acjon-ft2-accent: #f97316;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  padding: 72px 0 0;
  color: var(--acjon-ft2-copy);
  background: radial-gradient(800px 420px at 100% 0%,rgba(19,120,122,.35),transparent 65%),radial-gradient(600px 400px at 0% 100%,rgba(15,118,110,.22),transparent 60%),linear-gradient(180deg,#0a4448 0%,#073638 55%,var(--acjon-ft2-bg) 100%);
  font-family: "Fira Sans",Arial,sans-serif;
  font-size: 15px;
}
.acjon-ft2 *,.acjon-ft2 *::before,.acjon-ft2 *::after{box-sizing:border-box}
.acjon-ft2 :where(h1,h2,h3,h4,h5,p,div,span,strong,small){margin:0}
.acjon-ft2 a{color:inherit;text-decoration:none!important}
.acjon-ft2-container{position:relative;z-index:1;width:min(100%,1180px);margin:0 auto;padding:0 56px}
.acjon-ft2-head{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:48px}
.acjon-ft2-logo{display:block;flex:0 0 auto}
.acjon-ft2-logo img{display:block;width:auto;max-width:min(100%,250px);height:64px;object-fit:contain}
.acjon-ft2-intro{max-width:340px;color:var(--acjon-ft2-copy)!important;line-height:1.7;text-align:right}
.acjon-ft2-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:40px;padding:44px 0;border-top:1px solid var(--acjon-ft2-line)}
.acjon-ft2-column{min-width:0}
.acjon-ft2-title{display:flex;flex-direction:column;gap:10px;margin:0 0 22px!important;color:var(--acjon-ft2-ink)!important;font-family:Poppins,"Fira Sans",sans-serif;font-size:13px;font-weight:700;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}
.acjon-ft2-title::after{content:"";width:28px;height:2px;border-radius:2px;background:var(--acjon-ft2-accent)}
.acjon-ft2-address{display:block;color:var(--acjon-ft2-muted)!important}
.acjon-ft2-address-text{display:block;color:inherit;line-height:1.7}
.acjon-ft2-contact-link{display:block;width:fit-content;margin-top:12px;color:var(--acjon-ft2-ink)!important;font-size:16px;font-weight:500}
.acjon-ft2-contact-link:hover{color:var(--acjon-ft2-accent)!important}
.acjon-ft2-contact-text{color:inherit;line-height:1.35;overflow-wrap:anywhere}
.acjon-ft2-nav ul{display:grid;gap:13px;margin:0;padding:0;list-style:none}
.acjon-ft2-nav li{margin:0;padding:0}
.acjon-ft2-nav a{display:inline-flex;align-items:center;gap:8px;color:var(--acjon-ft2-muted)!important;line-height:1.45;transition:color .15s ease,padding-left .15s ease}
.acjon-ft2-nav a:hover{padding-left:4px;color:var(--acjon-ft2-ink)!important}
.acjon-ft2-form{margin:0}
.acjon-ft2-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.acjon-ft2-socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--acjon-ft2-ink)!important;box-shadow:inset 0 0 0 1px var(--acjon-ft2-line);transition:color .15s ease,background-color .15s ease,box-shadow .15s ease,transform .15s ease}
.acjon-ft2-socials a:hover{color:var(--acjon-ft2-bg)!important;background:var(--acjon-ft2-accent);box-shadow:none;transform:translateY(-2px)}
.acjon-ft2-social-text{color:inherit;font-size:13px;font-weight:600;line-height:1}
.acjon-ft2 .wpforms-container{margin:0!important}
.acjon-ft2 .wpforms-field{padding:0 0 12px!important}
.acjon-ft2 .wpforms-submit-container{padding:0!important}
.acjon-ft2 .wpforms-field input{width:100%!important;min-height:50px;border:1px solid var(--acjon-ft2-line)!important;border-radius:999px!important;color:var(--acjon-ft2-ink)!important;background:var(--acjon-ft2-glass)!important}
.acjon-ft2 .wpforms-submit{min-height:46px!important;padding:0 22px!important;border:0!important;border-radius:999px!important;color:var(--acjon-ft2-bg)!important;background:var(--acjon-ft2-accent)!important}
.acjon-ft2-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 30px;border-top:1px solid var(--acjon-ft2-line);color:var(--acjon-ft2-muted);font-size:13.5px}
.acjon-ft2-copyright{color:var(--acjon-ft2-muted)!important;line-height:1.5}
.acjon-ft2-copyright a{color:var(--acjon-ft2-ink)!important}
.acjon-ft2-legal{display:flex;flex-wrap:wrap;gap:24px}
.acjon-ft2-legal a{color:var(--acjon-ft2-muted)!important}
.acjon-ft2-legal a:hover{color:var(--acjon-ft2-ink)!important}
.acjon-ft2-legal-text{color:inherit;line-height:1.4}
@media(max-width:1100px){.acjon-ft2-row{grid-template-columns:1fr 1fr;gap:40px 32px}}
@media(max-width:720px){.acjon-ft2{padding-top:48px}.acjon-ft2-container{padding:0 20px}.acjon-ft2-head{flex-direction:column;align-items:flex-start;gap:18px;padding-bottom:32px}.acjon-ft2-logo img{height:52px}.acjon-ft2-intro{max-width:100%;text-align:left}.acjon-ft2-row{grid-template-columns:1fr 1fr;gap:36px 24px;padding:36px 0}.acjon-ft2-row>.acjon-ft2-office,.acjon-ft2-row>.acjon-ft2-newsletter{grid-column:1/-1}.acjon-ft2-bottom{flex-direction:column-reverse;align-items:flex-start;gap:14px}.acjon-ft2-legal{gap:18px}}
@media(prefers-reduced-motion:reduce){.acjon-ft2 a,.acjon-ft2 button{transition:none!important}}

.acjon-slh5{--acjon-slh5-bg:#fff;--acjon-slh5-ink:#0d1126;--acjon-slh5-dark:#05383c;--acjon-slh5-accent:#016b73;--acjon-slh5-orange:#f97316;--acjon-slh5-mint:#d9efed;position:relative;overflow:hidden;background:var(--acjon-slh5-bg);color:var(--acjon-slh5-ink);font-family:"Fira Sans","Segoe UI",sans-serif}
.acjon-slh5 *,.acjon-slh5 *::before,.acjon-slh5 *::after{box-sizing:border-box}.acjon-slh5 :where(h1,h2,h3,h4,h5,p,figure,ul){margin:0}.acjon-slh5-wrap{position:relative;width:min(100%,1288px);margin:0 auto;padding-inline:24px}
.acjon-slh5-block{position:absolute;top:0;right:0;bottom:64px;width:44%;overflow:hidden;border-bottom-left-radius:80px;background-color:var(--acjon-slh5-dark);background-image:repeating-radial-gradient(circle at 100% 7%,transparent 0 29px,rgba(0,152,156,.2) 30px 31px)}
.acjon-slh5-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:76px;padding-bottom:120px}
.acjon-slh5-crumb{display:flex;align-items:center;gap:9px;margin-bottom:22px;color:#566269;font-size:13px;line-height:1.4}.acjon-slh5-crumb a{color:inherit;text-decoration:none}.acjon-slh5-crumb strong{color:var(--acjon-slh5-accent);font-weight:600}.acjon-slh5-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--acjon-slh5-accent);font:600 13px/1 Poppins,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase}.acjon-slh5-eyebrow::before{content:"";width:28px;height:3px;border-radius:4px;background:#6fd3d0}
.acjon-slh5-title{max-width:650px;margin:22px 0 18px!important;color:var(--acjon-slh5-ink)!important;font:700 54px/1.1 Poppins,"Segoe UI",sans-serif;letter-spacing:-.02em}.acjon-slh5-title span{display:block;color:var(--acjon-slh5-accent)}.acjon-slh5-lead{max-width:610px;color:#566269!important;font-size:18px;line-height:1.65}
.acjon-slh5-checks{display:grid;gap:10px;padding:0;list-style:none;margin-top:20px!important}.acjon-slh5-checks li{display:flex;align-items:flex-start;gap:12px;color:var(--acjon-slh5-ink);font-size:15px;line-height:1.55}.acjon-slh5-checks li::before{content:"✓";display:grid;place-items:center;flex:0 0 auto;width:22px;height:22px;margin-top:1px;border-radius:50%;background:var(--acjon-slh5-mint);color:var(--acjon-slh5-accent);font-size:12px;font-weight:700}
.acjon-slh5-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.acjon-slh5-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:0 22px;border:1px solid transparent;border-radius:999px;color:var(--acjon-slh5-ink)!important;font:600 14px/1 Poppins,"Segoe UI",sans-serif;text-decoration:none!important;transition:transform .2s ease,background-color .2s ease,color .2s ease}.acjon-slh5-button:hover{transform:translateY(-2px)}.acjon-slh5-button.is-primary{background:var(--acjon-slh5-orange)}.acjon-slh5-button.is-primary:hover{background:#e45d08}.acjon-slh5-button.is-secondary{border-color:#b9d0d1;background:#fff;color:var(--acjon-slh5-dark)!important}.acjon-slh5-button.is-secondary:hover{border-color:var(--acjon-slh5-dark);background:var(--acjon-slh5-dark);color:#fff!important}.acjon-slh5-button i{font-style:normal;font-size:17px}
.acjon-slh5-art{position:relative;height:470px}.acjon-slh5-photo{position:absolute;overflow:hidden;background:#0b5a60;box-shadow:0 18px 40px rgba(5,56,60,.18)}.acjon-slh5-photo.is-main{left:6%;top:0;width:62%;height:74%;border-radius:28px 28px 28px 90px}.acjon-slh5-photo.is-secondary{right:0;bottom:0;width:52%;height:56%;border:6px solid var(--acjon-slh5-dark);border-radius:90px 28px 28px 28px}.acjon-slh5-image{display:block;width:100%;height:100%!important;object-fit:cover}.acjon-slh5-photo-label{position:absolute;left:14px;bottom:14px;padding:6px 10px;border-radius:6px;background:rgba(5,56,60,.82);color:#fff;font:600 11px/1.2 Poppins,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.acjon-slh5-activity{position:absolute;z-index:3;left:-8%;bottom:6%;width:270px;padding:22px;border-radius:16px;background:#fff;box-shadow:0 18px 40px rgba(5,56,60,.18)}.acjon-slh5-activity-head,.acjon-slh5-activity-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.acjon-slh5-activity-head{margin-bottom:14px}.acjon-slh5-activity-head strong{font:600 15px/1.3 Poppins,sans-serif}.acjon-slh5-activity-head>span{color:var(--acjon-slh5-accent);font-size:12px;font-weight:600}.acjon-slh5-activity-row{margin-top:8px;padding:10px 11px;border-radius:9px;background:#eef4f6;color:var(--acjon-slh5-ink);font-size:12px;line-height:1.35}.acjon-slh5-activity-row small{flex:0 0 auto;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:700}.acjon-slh5-activity-row .is-live{background:#6fd3d0;color:#05383c}.acjon-slh5-activity-row .is-review{background:#ffe8d6;color:#a8380b}.acjon-slh5-activity-row .is-next{background:#05383c;color:#fff}
.acjon-slh5-promises{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:-64px;border-radius:28px;background:#fff;box-shadow:0 18px 40px rgba(5,56,60,.12);overflow:hidden}.acjon-slh5-promises article{display:flex;align-items:center;gap:14px;min-width:0;padding:24px 26px;border-left:1px solid #e2e8ea}.acjon-slh5-promises article:first-child{border-left:0}.acjon-slh5-promises i{display:grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:#eef8f7;color:#01848e}.acjon-slh5-promises svg{width:24px;height:24px}.acjon-slh5-promises strong{display:block;color:var(--acjon-slh5-ink);font:600 15px/1.3 Poppins,sans-serif}.acjon-slh5-promises article div>span{display:block;color:#566269;font-size:14px;line-height:1.45}
@media(max-width:1024px){.acjon-slh5-block{top:auto;bottom:64px;width:100%;height:540px;border-radius:0}.acjon-slh5-inner{grid-template-columns:1fr;gap:52px;padding-top:64px}.acjon-slh5-copy{max-width:720px}.acjon-slh5-art{width:min(100%,680px);margin:0 auto}.acjon-slh5-activity{left:0}.acjon-slh5-promises{grid-template-columns:repeat(2,minmax(0,1fr))}.acjon-slh5-promises article:nth-child(3){border-left:0;border-top:1px solid #e2e8ea}.acjon-slh5-promises article:nth-child(4){border-top:1px solid #e2e8ea}}
@media(max-width:767px){.acjon-slh5-wrap{padding-inline:16px}.acjon-slh5-inner{padding-top:44px;padding-bottom:104px}.acjon-slh5-title{font-size:38px}.acjon-slh5-lead{font-size:16px}.acjon-slh5-buttons{align-items:stretch;flex-direction:column}.acjon-slh5-button{width:100%}.acjon-slh5-art{height:500px}.acjon-slh5-photo.is-main{left:0;width:78%;height:61%;border-radius:20px 20px 20px 60px}.acjon-slh5-photo.is-secondary{width:62%;height:47%;border-width:4px;border-radius:60px 20px 20px 20px}.acjon-slh5-activity{bottom:3%;width:min(82%,270px);padding:17px}.acjon-slh5-block{height:550px}.acjon-slh5-promises{grid-template-columns:1fr;border-radius:20px}.acjon-slh5-promises article,.acjon-slh5-promises article:nth-child(3),.acjon-slh5-promises article:nth-child(4){border-left:0;border-top:1px solid #e2e8ea}.acjon-slh5-promises article:first-child{border-top:0}}
@media(prefers-reduced-motion:reduce){.acjon-slh5 *{transition:none!important}}

.acjon-slb{--acjon-slb-bg:#f4f4f4;--acjon-slb-card:#fff;--acjon-slb-dark:#05383c;--acjon-slb-mint:#cdeae8;--acjon-slb-accent:#00989c;--acjon-slb-orange:#f97316;--acjon-slb-ink:#0d1126;--acjon-slb-muted:#566269;box-sizing:border-box;padding:56px 24px 72px;background:var(--acjon-slb-bg);color:var(--acjon-slb-ink);font-family:"Fira Sans","Segoe UI",sans-serif}
.acjon-slb *,.acjon-slb *::before,.acjon-slb *::after{box-sizing:border-box}
.acjon-slb :where(h1,h2,h3,h4,h5,p,div,span,strong,small){margin:0}
.acjon-slb-wrap{width:min(100%,1240px);margin:0 auto}
.acjon-slb-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin:0 0 38px}
.acjon-slb-filter button{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 18px;border:1px solid #d9e1e3;border-radius:0;background:#fff;color:var(--acjon-slb-ink);font:600 13px/1 Poppins,"Segoe UI",sans-serif;cursor:pointer;transition:.2s ease}
.acjon-slb-filter button:first-child{border-radius:999px 0 0 999px}.acjon-slb-filter button:last-child{border-radius:0 999px 999px 0}.acjon-slb-filter button:only-child{border-radius:999px}
.acjon-slb-filter button:hover,.acjon-slb-filter button.is-active{border-color:var(--acjon-slb-dark);background:var(--acjon-slb-dark);color:#fff}
.acjon-slb-filter-label{color:inherit;font:inherit}.acjon-slb-filter em{font:500 11px/1 Poppins,sans-serif;font-style:normal;opacity:.86}
.acjon-slb-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense;gap:20px;align-items:stretch}
.acjon-slb-card{grid-column:span 3;min-width:0;min-height:320px;border-radius:15px;background:var(--acjon-slb-card);box-shadow:0 10px 30px rgba(5,56,60,.06);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.acjon-slb-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(5,56,60,.12)}
.acjon-slb-card.is-wide{grid-column:span 6}.acjon-slb-card.is-featured{grid-column:span 6;grid-row:span 2;min-height:660px;background:var(--acjon-slb-dark);color:#fff}
@media(min-width:1025px){.acjon-slb-grid[data-card-count="1"]>.acjon-slb-card.is-featured{grid-column:1/-1;grid-row:auto;min-height:520px}.acjon-slb-grid[data-card-count="2"]>.acjon-slb-card.is-featured{grid-column:span 6;grid-row:auto;min-height:500px}.acjon-slb-grid[data-card-count="2"]>.acjon-slb-card:nth-child(2){grid-column:span 6}.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card.is-featured{grid-column:span 6;grid-row:auto}.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card:nth-child(2),.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card:nth-child(3){grid-column:span 3}}
.acjon-slb-card-link{display:flex;flex-direction:column;width:100%;height:100%;padding:32px;color:inherit!important;text-decoration:none!important}.acjon-slb-card.is-featured .acjon-slb-card-link{padding:36px}
.acjon-slb-icon{width:43px;height:43px;margin-bottom:22px;color:var(--acjon-slb-accent);flex:0 0 auto}.acjon-slb-card.is-featured .acjon-slb-icon{width:49px;height:49px;color:#6fd3d0}
.acjon-slb-eyebrow{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:0 0 18px!important;color:#8be6e1;font:600 11px/1 Poppins,sans-serif;letter-spacing:.08em;text-transform:uppercase}.acjon-slb-eyebrow::before{content:"";width:28px;height:3px;border-radius:3px;background:#6fd3d0}
.acjon-slb-card-title{margin:0 0 14px!important;color:inherit!important;font:600 19px/1.3 Poppins,"Segoe UI",sans-serif;letter-spacing:-.015em}.acjon-slb-card.is-featured .acjon-slb-card-title{font-size:28px}
.acjon-slb-card-copy{color:var(--acjon-slb-muted)!important;font-size:14px;line-height:1.65}.acjon-slb-card.is-featured .acjon-slb-card-copy{max-width:530px;color:#d2e5e3!important;font-size:15px}
.acjon-slb-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.acjon-slb-tag{padding:4px 8px;border:1px solid #9bd6d3;border-radius:999px;color:#016b73;font-size:11px;line-height:1}
.acjon-slb-mock{margin-top:28px;padding:20px;border:1px solid rgba(111,211,208,.14);border-radius:13px;background:rgba(1,107,115,.35)}
.acjon-slb-mock-head,.acjon-slb-mock-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.acjon-slb-mock-head{padding-bottom:13px}.acjon-slb-mock-title{color:#fff;font-size:13px;font-weight:600}.acjon-slb-mock-label{color:#8be6e1;font-size:11px}
.acjon-slb-mock-row{min-height:35px;padding:7px 10px;border-top:1px solid rgba(111,211,208,.15);border-radius:6px;color:#fff;background:rgba(255,255,255,.035)}.acjon-slb-mock-text{font-size:12px;line-height:1.35}.acjon-slb-status{flex:0 0 auto;padding:3px 7px;border-radius:4px;background:#8be6e1;color:#05383c;font-size:10px;font-weight:600;line-height:1}
.acjon-slb-card-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:25px}.acjon-slb-plus{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#eef8f7;color:var(--acjon-slb-accent);font-size:18px;transition:.2s ease}.acjon-slb-view{color:#016b73;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:0;transform:translateX(-6px);transition:.2s ease}
.acjon-slb-card:hover .acjon-slb-plus{color:#fff;background:var(--acjon-slb-accent);transform:rotate(90deg)}.acjon-slb-card:hover .acjon-slb-view{opacity:1;transform:none}.acjon-slb-card.is-featured .acjon-slb-plus{background:var(--acjon-slb-orange);color:#071328}.acjon-slb-card.is-featured .acjon-slb-view{color:#8be6e1;opacity:1;transform:none}
.acjon-slb-more{grid-column:span 6;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:168px;padding:30px 34px;border-radius:15px;background:var(--acjon-slb-orange);color:#071328}.acjon-slb-more-title{margin-bottom:7px!important;color:inherit!important;font:600 19px/1.3 Poppins,sans-serif}.acjon-slb-remaining{display:block;font-size:13px;opacity:.78}.acjon-slb-more-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex:0 0 auto;min-height:46px;padding:0 21px;border:0;border-radius:999px;background:#071328;color:#fff;font:600 13px/1 Poppins,sans-serif;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.acjon-slb-more-button:hover{transform:translateY(-2px);background:#05383c}.acjon-slb-more-button-text{color:inherit;font:inherit}
@media(min-width:768px) and (max-width:1024px){.acjon-slb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.acjon-slb-card{grid-column:auto}.acjon-slb-card.is-featured{grid-column:span 2;min-height:600px}.acjon-slb-card.is-wide,.acjon-slb-more{grid-column:span 2}.acjon-slb-grid[data-card-count="1"]>.acjon-slb-card.is-featured{grid-column:1/-1}.acjon-slb-grid[data-card-count="2"]>.acjon-slb-card.is-featured,.acjon-slb-grid[data-card-count="2"]>.acjon-slb-card:nth-child(2){grid-column:auto;min-height:500px}.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card.is-featured{grid-column:span 2;min-height:520px}.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card:nth-child(2),.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card:nth-child(3){grid-column:auto}}
@media(min-width:1025px){.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card.is-featured{grid-row:span 2}.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card:nth-child(2),.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card:nth-child(3){grid-column:span 6}}
@media(min-width:768px) and (max-width:1024px){.acjon-slb-grid[data-card-count="3"]>.acjon-slb-card.is-featured{grid-column:auto;grid-row:span 2;min-height:660px}}
@media(max-width:767px){.acjon-slb{padding:42px 16px 54px}.acjon-slb-filter{justify-content:flex-start;flex-wrap:nowrap;margin-bottom:28px;padding-bottom:6px;overflow-x:auto}.acjon-slb-filter button,.acjon-slb-filter button:first-child,.acjon-slb-filter button:last-child{flex:0 0 auto;border-radius:999px}.acjon-slb-grid{grid-template-columns:1fr;gap:14px}.acjon-slb-card,.acjon-slb-card.is-featured{grid-column:auto;grid-row:auto;min-height:330px}.acjon-slb-card.is-featured{min-height:560px}.acjon-slb-card.is-wide,.acjon-slb-more{grid-column:auto}.acjon-slb-card-link,.acjon-slb-card.is-featured .acjon-slb-card-link{padding:27px}.acjon-slb-more{align-items:flex-start;flex-direction:column;min-height:180px}.acjon-slb-more-button{align-self:stretch}.acjon-slb-view{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.acjon-slb *{scroll-behavior:auto!important;transition:none!important}}

.elementor-135 .elementor-element.elementor-element-e0a7ab5{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-135 .elementor-element.elementor-element-951dd8a .acjon-slh5{--acjon-slh5-bg:#ffffff;--acjon-slh5-ink:#0d1126;--acjon-slh5-dark:#05383c;--acjon-slh5-accent:#016b73;--acjon-slh5-orange:#f97316;--acjon-slh5-mint:#d9efed;}.elementor-135 .elementor-element.elementor-element-458d563 .acjon-slb{--acjon-slb-bg:#f4f4f4;--acjon-slb-card:#ffffff;--acjon-slb-dark:#05383c;--acjon-slb-mint:#cdeae8;--acjon-slb-accent:#00989c;--acjon-slb-orange:#f97316;--acjon-slb-ink:#0d1126;}.elementor-135 .elementor-element.elementor-element-13db3b2 .contact-area{background-color:#ffffff;}.elementor-135 .elementor-element.elementor-element-13db3b2 .section-sub-title{color:#007F89;}.elementor-135 .elementor-element.elementor-element-13db3b2 .section-main-title{color:#050A1E;}.elementor-135 .elementor-element.elementor-element-13db3b2 .section-main-title span{color:#007F89;}.elementor-135 .elementor-element.elementor-element-13db3b2 .acjon-wpforms-wrap .wpforms-container button[type="submit"], .elementor-135 .elementor-element.elementor-element-13db3b2 .acjon-wpforms-wrap .wpforms-container input[type="submit"], .elementor-135 .elementor-element.elementor-element-13db3b2 .acjon-wpforms-wrap .wpforms-container .wpforms-submit{width:auto !important;}
.elementor-108 .elementor-element.elementor-element-9334256{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-bar{background:#00646C;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-nav > ul > li > a{color:#f5f7f5;}.elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd{--hd-orange:#f97316;} .elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-logo img{width:190px;height:auto;max-width:100%;object-fit:contain;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){ .elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-logo img{width:165px;height:auto;max-width:100%;object-fit:contain;}}@media(max-width:767px){ .elementor-108 .elementor-element.elementor-element-0db4ec7 .acjon-hd-logo img{width:150px;height:auto;max-width:100%;object-fit:contain;}}
.elementor-113 .elementor-element.elementor-element-e2260db{--display:flex;}.elementor-113 .elementor-element.elementor-element-ec0ada7 .acjon-ft2{--acjon-ft2-bg:#00646C;}.elementor-113 .elementor-element.elementor-element-ec0ada7 .acjon-wpforms-wrap .wpforms-container button[type="submit"], .elementor-113 .elementor-element.elementor-element-ec0ada7 .acjon-wpforms-wrap .wpforms-container input[type="submit"], .elementor-113 .elementor-element.elementor-element-ec0ada7 .acjon-wpforms-wrap .wpforms-container .wpforms-submit{width:auto !important;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}
.acjon-deferred-form{min-height:486px;position:relative}
.acjon-deferred-form.is-compact{min-height:58px}
.acjon-form-slot:empty{display:none}
.acjon-form-status{margin:0;padding:16px 0}
.acjon-deferred-form.is-ready .acjon-form-status,.acjon-deferred-form.is-ready .acjon-form-fallback{display:none}
@media(max-width:600px){.acjon-deferred-form{min-height:648px}.acjon-deferred-form.is-compact{min-height:58px}}
@media(max-width:375px){.acjon-deferred-form{min-height:680px}}
.acjon-slb-filter button:is(:hover,:focus,:active),.acjon-slb-filter button.is-active{border-color:var(--acjon-slb-dark)!important;background:var(--acjon-slb-dark)!important;color:#fff!important;white-space:normal!important;overflow-wrap:anywhere}