.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-6eda59b:#0C0C15;--e-global-color-014fd31:#FFFFFF;--e-global-color-327728b:#0063F6;--e-global-color-26e6562:#EBF8EB;--e-global-color-cfcb1c1:#F2FAFF;--e-global-color-1002239:#EAECFE;--e-global-color-259c8bf:#F6F1E2;--e-global-color-a31dea3:#595959;--e-global-color-5c7156b:#151515;--e-global-typography-primary-font-family:"Mona Sans Variable";--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:"Mona Sans Variable";--e-global-typography-fcb7cf0-font-family:"Mona Sans Variable";--e-global-typography-fcb7cf0-font-size:80px;font-weight:500;--e-global-typography-fcb7cf0-line-height:96px;--e-global-typography-e945c10-font-family:"Mona Sans Variable";--e-global-typography-e945c10-font-size:48px;--e-global-typography-e945c10-line-height:56px;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-family:"Mona Sans Variable", Sans-serif;font-size:16px;font-weight:600;line-height:24px;border-radius:12px 12px 12px 12px;padding:16px 24px 16px 24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.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){.elementor-kit-8{--e-global-typography-fcb7cf0-font-size:56px;--e-global-typography-fcb7cf0-line-height:1.4em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-fcb7cf0-font-size:48px;--e-global-typography-fcb7cf0-line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-icon-wrapper{
    display: flex;
}

.blue-text{
    color: var( --e-global-color-327728b );
}

.typing-text{
    color: var( --e-global-color-327728b );
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    position: relative;
}

.cursor {
    all: unset;
    display: inline-flex;
    width: 1px !important;
    height: 1em;
    background: #fff;
    animation: blink 0.7s step-end infinite;
    position: absolute;
}
@keyframes blink {
    50% {
        opacity: 0.5;
    }
}

.breadcrumb-wrapper{
    display: flex;
    gap: 16px;
}  

.breadcrumb-wrapper a {
    text-decoration: none !important;
}

.blue-separator{
    color:#0063F6;
}

 
/*  
   SHARED BUTTON BASE STYLES
  */
.primary-btn .elementor-button,
#form-submit-button {
  display: inline-flex;
  color: #ffffff;
  text-decoration: none;
  transition: background-color 0.3s ease;
  overflow: hidden;
  font-weight: 600 !important;
  min-height: 3.5rem;
  align-items: center;
}

.btn-icon-clone svg {
  height: auto;
  width: 1em;
}

/* Hover background */
.primary-btn .elementor-button:hover,
#form-submit-button:hover {
  background-color: #0044cc;
}

/*  
   TEXT CONTAINER
  */

.primary-btn .btn-text-container,
#form-submit-button .btn-text-container {
  position: relative;
  display: block;
  line-height: 1.2em;
  height: 1.2em;
  overflow: hidden;
}

/* Original text */
.primary-btn .elementor-button-text,
#form-submit-button .elementor-button-text {
  display: block;
  transform: translateY(0);
  transition: transform 1.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* Clone text */
.primary-btn .btn-text-clone,
#form-submit-button .btn-text-clone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  transform: translateY(100%);
  transition: transform 1.6s cubic-bezier(0.19, 1, 0.22, 1);
}

/* TEXT HOVER EFFECT */
.primary-btn .elementor-button:hover .elementor-button-text,
#form-submit-button:hover .elementor-button-text {
  transform: translateY(-100%);
}

.primary-btn .elementor-button:hover .btn-text-clone,
#form-submit-button:hover .btn-text-clone {
  transform: translateY(0);
}

/*  
   ICON CONTAINER
  */

.primary-btn .btn-icon-container,
#form-submit-button .btn-icon-container {
  position: relative;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  overflow: hidden;
}

/* Original icon */
.primary-btn .elementor-button-icon,
#form-submit-button .elementor-button-icon {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(0);
  width: 100%;
  height: 100%;
  transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}

/* Cloned icon */
.primary-btn .btn-icon-clone,
#form-submit-button .btn-icon-clone {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  width: 100%;
  height: 100%;
  transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

/* ICON HOVER EFFECT */
.primary-btn .elementor-button:hover .elementor-button-icon,
#form-submit-button:hover .elementor-button-icon {
  transform: translateX(100%);
}

.primary-btn .elementor-button:hover .btn-icon-clone,
#form-submit-button:hover .btn-icon-clone {
  transform: translateX(0);
}

.faq-accordion .e-n-accordion-item {
    border-radius: 48px;
    overflow: hidden;
    transition: border-radius 0.4s ease;
}

.faq-accordion summary {
    border-radius: 48px;
    transition: background-color 0.4s ease;
}
.faq-accordion .e-n-accordion-item[open] summary {
    border-radius: 48px 48px 0 0 !important;
}

.faq-accordion .e-n-accordion-item[open] summary {
    border-bottom: none;
    margin-bottom: 0;
}

.faq-accordion .e-n-accordion-item-title-icon {
    padding: 14px;
    background: #fff;
    border-radius: 50%;
}

.faq-accordion .e-n-accordion-item-title[aria-expanded="true"] .e-n-accordion-item-title-icon{
    background-color: #F6F1E2;
}
 

.blue-hover-bg{
    overflow: hidden;
    position: relative;
}

.blue-hover-bg::before{
    content:"";
    position:absolute;
    transition: all 0.8s ease;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/wp-content/uploads/2025/11/blue-hover-effect-bg.png");
    background-size: cover;
    background-position:bottom center;
    background-repeat: no-repeat;
}

.blue-hover-bg:hover::before{
    top:-10%;
    height: 120%;
}


.blue-hover-bg:hover .elementor-heading-title, .blue-hover-bg:hover  .elementor-widget-text-editor{
    color:#fff !important;
}
.blue-hover-bg:hover  *{
    color:#fff !important;
}

.hover-pause-slider .swiper-wrapper{
  transition-timing-function: linear !important; 
}

.hover-pause-slider:hover .swiper-wrapper {
  transition-duration: 0ms !important;
   /*transition: none !important;*/
    
}



/* Base footer button */
.footer-mail-button .elementor-button-content-wrapper{
    align-items: center;
}
.footer-mail-button .elementor-button {
  display: inline-flex;
  align-items: center;
  min-height: 3.5rem;
  overflow: hidden;
  color: #ffffff;
  font-weight: 600;
}

/* ---------------------------
   ICON CONTAINER (vertical)
--------------------------- */
.footer-mail-button .btn-icon-container {
  position: relative;
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  overflow: hidden;
}

/* Original icon */
.footer-mail-button .elementor-button-icon {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(0);
  width: 100%;
  height: 100%;
  transition: transform 1.6s cubic-bezier(0.19, 1, 0.22, 1);
}

 
.footer-mail-button .btn-icon-clone {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(100%);
  width: 100%;
  height: 100%;
  transition: transform 1.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.footer-mail-button .btn-icon-clone svg path{
    stroke:#0063F6 !important;
}


.footer-mail-button .elementor-button:hover .elementor-button-icon {
  transform: translateY(-100%);
}

.footer-mail-button .elementor-button:hover .btn-icon-clone {
  transform: translateY(0);
}

 
.footer-mail-button .btn-icon-clone svg,
.footer-mail-button .elementor-button-icon svg {
  width: 1em;
  height: auto;
}

.text-rotator{
  position: relative;
  height: 2em;
  display: flex;
  font-size: 32px;
  line-height: 36px;
  font-weight: 500;
  justify-content: center;
  align-items: center;
  color:#151515 !important;
}
.rotator-wrapper{
    overflow: hidden;
    opacity: 0;
    transition:all 0.5s ease;
}
.rotator-container:hover .rotator-wrapper{
    opacity: 1;
}

.rotating-line{
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  top: 0;
  opacity: 0;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
 
 
.rotator-wrapper.play .rotating-line {
  animation: rotateSingle 6s 1 forwards;
  animation-delay: var(--d);
}
 
@keyframes rotateSingle{
  0%{
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
  }
  10%{
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  30%{
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  40%{
    transform: translateX(-50%) translateY(-100%);
    opacity: 0;
  }
  100%{
    transform: translateX(-50%) translateY(-100%);
    opacity: 0;
  }
}
 
.rotator-wrapper.play .rotating-line:last-child{
  animation: rotateLast 6s forwards;
  animation-delay: var(--d);
}

@keyframes rotateLast{
  0%{
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
  }
  10%{
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
  100%{
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}



.tech-list .gallery-caption {
    border: none;
}

.tech-list .gallery-icon{
    padding: 25px !important;
    background-color: #fff;
    border-radius: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Mona Sans Variable';
	font-display: auto;
	src: url('https://dinjan.omherb.com/wp-content/uploads/2025/11/MonaSans-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */