/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

/********** Body **********/
body {
	line-height: normal !important;
}

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

@media screen and (min-width: 1024px) {
    html {
        scroll-padding-top: 122px;
    }
}

/********** Header **********/

.header.megamenu-item-active,
.header:has(.e-n-menu-content.e-active) {
    background-color: #fff;
}

.submenu-expander {
	background-color: transparent !important;
}

.header-menu-wrap .main-nav {
    flex-wrap: wrap;
    row-gap: 12px;
    justify-content: center;
}

.header li.current_page_item > a {
    font-weight: 700 !important;
}

.header li:hovered a {
    font-weight: 700 !important;
}

.header li.menu-item a:focus {
	outline: none;
}

.header li.menu-item a:focus-visible {
	outline: 2px solid #000;
}

.header #main-header-collapse,
.header #primary-nav {
    max-width: 100%;
}

.header #main-header-collapse .menu-item > a {
    white-space: break-spaces;
    align-items: flex-start;
}

#header .elementor-widget-text-editor p {
      font-size: 10px !important;
	  font-weight: 700;
	  line-height: 11.5px; /* 115% */
	  letter-spacing: 1.3px;
}

  .header .nav-item-children a,
  .header .sub-menu a,
  .ld-module-dropdown a,
  .lqd-module-sd a {
      white-space: normal !important;
      word-break: normal !important;
      overflow-wrap: break-word !important;
  }

.max-width-300 {
    max-width: 300px !important;
}

.header .custom-mobile-menu ul.nav-item-children {
    padding-left: 12px !important;
    padding-bottom: 45px;
}

.header .custom-mobile-menu ul.nav-item-children li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-inline-end: 0px;
}

.header .submenu-expander  {
/*     height: 43px !important; */
	top: 0px !important;
}

.header .submenu-expander svg {
    width: 9px !important;
    height: auto !important;
}

.header .desktop-header .main-nav > .menu-item > a,
.header .category-desktop-header .main-nav > .menu-item > a {
    padding-inline-end: 14px !important;
	padding-inline-start: 14px !important;
}

.header .desktop-header .main-nav > .menu-item:first-child > a,
.header .category-desktop-header .main-nav > .menu-item:first-child > a {
	padding-inline-start: 0px !important;
}

.custom-bullet .link-icon {
    margin-inline-end: 15px;
    height: 16.2px;
}

.custom-bullet .link-icon svg {
    width: 6px !important;
    height: auto !important;
}

.header .desktop-header {
    display: none !important;
}

.header .mobile-header {
    display: flex !important;
}

.header .desktop-header .menu-item a[href='#'] {
    cursor: default;
}

.header .nav-item-children a {
    pointer-events: auto !important;
}

.header .elementor-widget-ld_header_menu:first-child .main-nav li.menu-item:last-child a {
    padding-right: 0px !important;
}

.header .desktop-header li div.nav-item-children {
    transition: all 0.2s linear !important;    
}

.mobile-menu .nav-trigger.style-6:not(.circle) .bars {
	margin-inline-end: 0px !important;
}


@media screen and (min-width: 1340px) {
    .header .desktop-header {
        display: flex !important;
    }
    
    .header .mobile-header {
        display: none !important;
    }
	
	.header .submenu-expander {
		display: none !important;
	}

}

@media screen and (min-width: 1340px) and (max-width: 1920px) {
	.header .menu-heading-container {
		flex-direction: column !important;
		align-items: flex-start !important;
		row-gap: 0px !important;
	}
}

/* web development header*/
/* @media screen and (max-width: 1325px) {
    .header .elementor-1332 #primary-nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
        gap: 8px 16px;
    }
    
    .header .elementor-1332 #primary-nav li.menu-item a {
        padding-right: 0px !important;
    }
    
    .header .elementor-1332 .header-inner-container {
        padding-top: 21px !important;
        padding-bottom: 21px !important;
    }
    
    .header .elementor-1332 #primary-nav li.menu-item a {
        font-size: 13px;
        line-height: normal;
    }
} */

  /* general header wrap */
  @media screen and (max-width: 1795px) {
	  
/*       main#lqd-site-content > #lqd-contents-wrap > .elementor > .e-con:first-child {
          padding-top: 55px !important;
      } */
	  
      .header:has(.two-menu-header) 
	  .e-con {
          flex-wrap: wrap !important;
      }

      .header:has(.two-menu-header) 
	  .e-con > .elementor-widget.header-menu-wrap {
          flex: 1 0 100% !important;
          width: 100% !important;
          max-width: 100% !important;
          order: 99;
          margin-top: 12px !important;
          padding-bottom: 12px !important;
          border-bottom: 1px solid #e0e0e0 !important;
      }

      .header:has(.two-menu-header) .elementor-widget-ld_header_menu .module-primary-nav,
      .header:has(.two-menu-header) .elementor-widget-ld_header_menu .navbar-collapse,
      .header:has(.two-menu-header) .elementor-widget-ld_header_menu ul.main-nav {
          flex-wrap: nowrap !important;
          white-space: nowrap !important;
      }

  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap .elementor-widget-container,
  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap .module-primary-nav,
  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap .navbar-collapse,
  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap ul.main-nav {
      width: 100% !important;
      flex: 1 1 100% !important;
      justify-content: center !important;   /* was: space-between */
      flex-wrap: nowrap !important;
      white-space: nowrap !important;
      margin: 0 !important;
      padding: 0 !important;
  }

      .header:has(.two-menu-header)
          .elementor-widget-ld_header_menu ul.main-nav > li,
      .header:has(.two-menu-header)
          .elementor-widget-ld_header_menu ul.main-nav > li > a {
          white-space: nowrap !important;
          word-break: keep-all !important;
          overflow-wrap: normal !important;
      }

      .header:has(.two-menu-header)
	  .e-con > .elementor-widget.header-menu-wrap ul.main-nav > li:first-child {
          padding-left: 0 !important;
          margin-left: 0 !important;
      }

      .header:has(.two-menu-header) 
	  .e-con > .elementor-widget.header-menu-wrap ul.main-nav > li:last-child {
          padding-right: 0 !important;
          margin-right: 0 !important;
      }
	  
      /* Tighten the space between menu items */
      .header:has(.two-menu-header) 
	  .elementor-widget-ld_header_menu {
          --lqd-menu-items-right-padding: 14px !important;
          --lqd-menu-items-left-padding: 0px !important;
      }

      .header:has(.two-menu-header) 
	  .e-con > .elementor-widget.header-menu-wrap {
          flex: 1 0 100% !important;
          width: 100% !important;
          max-width: 100% !important;
          min-width: 0 !important;
          order: 99;
          margin-top: 12px !important;
          padding-bottom: 16px !important;   
          position: relative;
          border-bottom: none !important;
          overflow: visible !important;
      }

      .header.is-not-stuck:has(.two-menu-header)
	  .e-con > .elementor-widget.header-menu-wrap::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0px;
          right: 0px;
          height: 1px;
          background: #0e094814;
          pointer-events: none;
      }
  }

  /* Precise spacing around the header's vertical divider */
  #header .e-con:has(> .elementor-widget-ld_header_image + .e-con + .elementor-widget-text-editor) {
      --gap: 0 !important;
      --column-gap: 0 !important;
      --row-gap: 0 !important;
      gap: 0 !important;
  }

  /* Divider: 10px from the logo, 13px from the text */
  #header .category-desktop-header .elementor-widget-ld_header_image + .e-con {
      margin-left: 10px !important;
      margin-right: 9px !important;
  }


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

	  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap .elementor-widget-container,
	  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap .module-primary-nav,
	  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap .navbar-collapse,
	  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap ul.main-nav {
		  width: 100% !important;
		  flex: 1 1 100% !important;
		  justify-content: center !important;
		  flex-wrap: nowrap !important;
		  white-space: nowrap !important;
		  margin: 0 !important;
		  padding: 0 !important;
	  }

      /* 86px only on the logo/tagline group */
      .header:has(.two-menu-header) .e-con:has(> .elementor-widget-ld_header_image + .e-con + .elementor-widget-text-editor) {
          margin-right: 86px !important;
          flex-shrink: 0 !important;
      }

  /* Logo flush left, right menu flush right */
  .header:has(.two-menu-header) .e-con:has(> .elementor-widget.header-menu-wrap) {
      --justify-content: space-between !important;
      justify-content: space-between !important;
      --column-gap: 22px !important;
      gap: 22px !important;
  }

  /* First menu fills the space between logo and right menu */
  .header:has(.two-menu-header) .e-con > .elementor-widget.header-menu-wrap {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      overflow: visible !important;
  }

      /* Right menu holds its natural size, flush to the right */
      .header:has(.two-menu-header) .e-con > .elementor-widget-ld_header_menu:last-child {
          flex-shrink: 0 !important;
      }

	  /* Keep the first menu's items (and their text) on one line */
	  .header:has(.two-menu-header) .elementor-widget-ld_header_menu.header-menu-wrap ul.main-nav,
	  .header:has(.two-menu-header) .elementor-widget-ld_header_menu.header-menu-wrap .module-primary-nav,
	  .header:has(.two-menu-header) .elementor-widget-ld_header_menu.header-menu-wrap .navbar-collapse {
		  flex-wrap: nowrap !important;
		  white-space: nowrap !important;
		  justify-content: center !important; 
	  }

      .header:has(.two-menu-header) .elementor-widget-ld_header_menu ul.main-nav > li,
      .header:has(.two-menu-header) .elementor-widget-ld_header_menu ul.main-nav > li > a,
      .header:has(.two-menu-header) #main-header-collapse .menu-item > a {
          white-space: nowrap !important;
          word-break: keep-all !important;
          overflow-wrap: normal !important;
      }
	  
  }
/********** Custom Marquee ***********/
.custom-marquee .swiper-wrapper {
	transition-timing-function: linear !important;
}

/*********** Hover Highlight effect ***********/
.hover-highlight .elementor-icon svg path,
.hover-highlight .elementor-icon svg circle {
    transition: stroke 0.3s, fill 0.3s;
}

.hover-highlight-indigo:hover .elementor-icon svg path,
.hover-highlight-indigo:hover .elementor-icon svg circle,
.hover-highlight-indigo-2:hover .elementor-icon svg circle {
    stroke: #7287FF;
    transition: stroke 0.3s;
}

.hover-highlight-indigo-2:hover .elementor-icon svg path {
    fill: #7287FF;
    transition: fill 0.3s;
}

.hover-highlight-indigo:hover h3,
.hover-highlight-indigo-2:hover h3 {
    color: #7287FF !important;
}

.hover-highlight-lb:hover .elementor-icon svg path,
.hover-highlight-lb:hover .elementor-icon svg circle,
.hover-highlight-lb-2:hover .elementor-icon svg circle,
.hover-highlight-lb-3:hover .elementor-icon svg path:first-child,
.hover-highlight-lb-3:hover .elementor-icon svg circle, 
.hover-highlight-lb-4:hover .elementor-icon svg circle,
.hover-highlight-lb-4:hover .elementor-icon svg path:last-child {
    stroke: #0091E5;
    transition: stroke 0.3s;
}

.hover-highlight-lb:hover h3,
.hover-highlight-lb-2:hover h3,
.hover-highlight-lb-3:hover h3,
.hover-highlight-lb-4:hover h3{
    color: #0091E5 !important;
}

.hover-highlight-lb-2:hover .elementor-icon svg path,
.hover-highlight-lb-3:hover .elementor-icon svg path:nth-child(2),
.hover-highlight-lb-4:hover .elementor-icon svg path:nth-child(2),
.hover-highlight-lb-4:hover .elementor-icon svg path:nth-child(3) {
    fill: #0091E5;
    transition: stroke 0.3s;
}

.hover-highlight-db:hover .elementor-icon svg path,
.hover-highlight-db:hover .elementor-icon svg circle,
.hover-highlight-db-2:hover .elementor-icon svg circle,
.hover-highlight-db-3:hover .elementor-icon svg path:first-child,
.hover-highlight-db-3:hover .elementor-icon svg circle, 
.hover-highlight-db-4:hover .elementor-icon svg circle,
.hover-highlight-db-4:hover .elementor-icon svg path:last-child {
    stroke: #618FFF;
    transition: stroke 0.3s;
}

.hover-highlight-db:hover h3,
.hover-highlight-db-2:hover h3,
.hover-highlight-db-3:hover h3,
.hover-highlight-db-4:hover h3 {
    color: #618FFF !important;
}

.hover-highlight-db-2:hover .elementor-icon svg path,
.hover-highlight-db-3:hover .elementor-icon svg path:nth-child(2),
.hover-highlight-db-4:hover .elementor-icon svg path:nth-child(2),
.hover-highlight-db-4:hover .elementor-icon svg path:nth-child(3) {
    fill: #618FFF;
    transition: stroke 0.3s;
}

.hover-highlight-sblue:hover .elementor-icon svg path,
.hover-highlight-sblue:hover .elementor-icon svg circle,
.hover-highlight-sblue-2:hover .elementor-icon svg circle,
.hover-highlight-sblue-3:hover .elementor-icon svg path:first-child,
.hover-highlight-sblue-3:hover .elementor-icon svg circle {
    stroke: #37B2E1;
    transition: stroke 0.3s;
}

.hover-highlight-sblue:hover h3,
.hover-highlight-sblue-2:hover h3,
.hover-highlight-sblue-3:hover h3 {
    color: #37B2E1 !important;
}

.hover-highlight-sblue-2:hover .elementor-icon svg path,
.hover-highlight-sblue-3:hover .elementor-icon svg path:nth-child(2) {
    fill: #37B2E1;
    transition: stroke 0.3s;
}

.hover-highlight-green:hover .elementor-icon svg path,
.hover-highlight-green:hover .elementor-icon svg circle,
.hover-highlight-green-2:hover .elementor-icon svg circle{
    stroke: #13C5C7;
    transition: stroke 0.3s;
}

.hover-highlight-green-2:hover .elementor-icon svg path {
    fill: #13C5C7;
    transition: fill 0.3s;
}

.hover-highlight-green:hover h3,
.hover-highlight-green-2:hover h3 {
    color: #13C5C7 !important;
}

/*********** Animated Waves bg ***********/
.testimonial-wrapper {
    overflow: hidden;
}

.waves-wrapper {
    display: none;
}
    
@media only screen and (min-width: 767px) {
    .waves-wrapper {
        display: block
    }
    
    .testimonial-wrapper,
    .animate-waves {
        position: relative;
    }
    
    .animate-waves svg {
        position: absolute;
        bottom: 0;
    }

    .testimonials-container {
        z-index: 2;
    }
    
    .animate-waves svg {
        width: 150%;
        position: absolute;
        bottom: 0;
        display: block;
        opacity: 0.80;
    }
    
    .animate-waves svg:first-child {
        left: -50%;
        bottom: -50px;
        animation: waves-left 7s ease-in-out infinite;
        animation-delay: 1.2s;
    }
    
    .animate-waves svg:last-child {
        left: 0%;
        animation: waves-right 5s ease-in-out infinite;
    }
    
    @keyframes waves-left {
        0%   { transform: translateX(0%); }
        60%  { transform: translateX(10%); }
        100% { transform: translateX(0%); }
    }
    
    @keyframes waves-right {
        0%   { transform: translateX(0%); }
        40%  { transform: translateX(-10%); }
        100% { transform: translateX(0%); }
    }
}

/*Event popup*/
body.dialog-lightbox-body {
    overflow: unset !important;
}

body.admin-bar .dialog-type-lightbox {
    position: fixed !important;
}

.event-popup .dialog-message {
    line-height: 0 !important;
}

.event-popup .dialog-message {
    overflow-y: hidden;
}

.no-popup-animation .dialog-widget .dialog-widget-content.fadeInUp:not(.reverse) {
    animation: none !important;
    transition: none !important;
}

@media only screen and (max-width: 767px) {
    .event-popup .dialog-widget-content {
        box-shadow: 0 24px 48px 0 rgba(25, 28, 30, 0.12) !important;
    }
}

/*********** Portfolio Projects ***********/
.tags-wrapper .elementor-shortcode {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.tags-wrapper .acf-tags {
    font-weight: 700;
    line-height: 130%;
    padding: 4px 12px;
    border-radius: 6px;
    border: 1px solid rgba(9, 25, 72, 0.08);
    background-color: #fff;
    color: #3E76FE;
    font-size: 12px;
}

.display-content {
    grid-column: 1/3;
}

.project-content .close-icon {
    top: 20px;
    right: 0px;
    cursor: pointer;
}

.project-content h3 {
    color: #253056;
    font-size: 20px;
    font-weight: 700;
    line-height: 40.32px;
}

@media screen and (min-width: 767px) {
    .project-content .close-icon {
        top: 48px;
        right: 48px;
        cursor: pointer;
    }
}

@media screen and (min-width: 1024px) {
    .display-content {
        grid-column: 1/4;
    }
}

/*********** Home Page ***********/
.testimonial-box-shadow {
    box-shadow: 0px 6px 8px 0px rgba(38, 80, 178, 0.05), 0px 16px 20px 0px rgba(38, 80, 178, 0.06);
}

.page-id-7187 .text-align-center .txt-rotate-keyword,
.home .text-align-center .txt-rotate-keyword {
    text-align: center;
}

.page-id-7187 .weight-700 .txt-rotate-keyword,
.home .weight-700 .txt-rotate-keyword {
    font-weight: 700;
}

.home .txt-rotate-keywords {
    mask-image: none;
    -webkit-mask-image: none;
	overflow: hidden;
}

.elementor-widget-lottie.emonster-lottie svg > g > g:last-child,
.page-id-7187 .elementor-widget-lottie svg > g > g:last-child,
.home .elementor-widget-lottie svg > g > g:last-child {
    /*display: none !important;*/
    opacity: 0 !important;
}

.page-id-7187 .lqd-lottie,
.home .lqd-lottie {
    width: 100vw !important;
}

.home .scrolling-mobile-text .txt-rotate-keyword span {
    text-wrap-mode: wrap;
    max-width: 327px;
}

.home .scrolling-mobile-text .txt-rotate-keywords {
	height: 80px;
}

@media screen and (min-width: 767px) {
    .blue-bg-gradient {
        background: 
            url('https://emonster.solutions/wp-content/uploads/2025/05/emonster-homepage-desktop.png'),   
            linear-gradient(180deg, #EEF5FD 12.94%, rgba(255, 255, 255, 0.00) 70%),
            linear-gradient(180deg, #EEF5FD 0%, #FFF 70%);
        background-color: #FFF; /* this is the fallback color behind all layers */
        background-position: center top;
        background-repeat: no-repeat;
        background-size: auto 50%, cover, cover;
    }
	
	.home .scrolling-mobile-text {
		display: none;
	}
    
    .home .testimonial-scrolling-text h2 > .txt-rotate-keywords {
        width: 300px !important;
        display: block;
    }
	
	.home .elementor-hidden-mobile .txt-rotate-keywords {
		height: 70px;
	}
}

@media screen and (max-width: 701px) {
    .page-id-7187 .mobile-text-center .txt-rotate-keyword,
    .home .mobile-text-center .txt-rotate-keyword {
        text-align: center;
        white-space: nowrap;
    }
}

/*@media screen and (min-width: 1024px) {*/
/*   .blue-bg-gradient {*/
/*       background-position: center 65px;*/
/*   }*/
/*}*/

/*********** Portfolio Page ***********/
body:not(.page-id-1381) .tab-content {
	padding: 0px;
}

body.page-id-1381 .tab-content {
	padding: 0px 2px;
}

.tab-content.active {
    max-height: 8000px;
    transition: max-height 0.5s ease, padding 1s linear;
    opacity: 1;
    margin-top: 58px;
}

body:not(.page-id-1381) .tab-content.active {
  border-color: #DADADA !important;
  padding: 24px 0px 24px 0px;
}

body.page-id-1381 .tab-content.active {
  border-color: #F3F4F6 !important;
  padding: 20px 2px 5px 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}


.tablinks {
    cursor: pointer !important;
}

.close-content {
    background: transparent;
    border: none;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 2;
}

.close-content svg {
    width: 24px;
}

body.page-id-1381 .close-content {
	right: 0px;
}

@media only screen and (min-width: 767px) {
    body:not(.page-id-1381) .close-content {
        right: -65px;
    }
    
    body:not(.page-id-1381) .close-content svg {
        width: 48px;
    }
    
    .close-content {
        right: -40px;
    }
}


@media only screen and (min-width: 1024px) {
    body:not(.page-id-1381) .tab-content {
        padding: 0px 144px 0px 48px;
    }
    
    body:not(.page-id-1381) .tab-content.active {
        padding: 48px 144px 48px 48px;
    }

}

/*********** Enterprise & CMS Solutions Page ***********/
.blue-gradient {
    background: linear-gradient(180deg, #FFF 0%, #E9F0FF 47.65%, #FFF 96.44%), #FFF;
}

.gradient-text h1,
.gradient-text h2,
.gradient-text p {
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}

.gradient-text-db h1,
.gradient-text-db h2,
.gradient-text-db p {
    background: linear-gradient(87deg, #02033B 4.28%, #3E76FE 97.2%);
}

.tabs-box-shadow {
    box-shadow: 0px 6px 8px 0px rgba(68, 102, 137, 0.05), 0px 16px 20px 0px rgba(137, 170, 205, 0.06), 0px 50px 60px 0px rgba(89, 113, 138, 0.10);
}

.radial-gradient-background {
    background: radial-gradient(50% 50% at 50% 80%, #F2F7FF 50%, #FFF 100%);
}

.grid-background {
    background: url('http://emonster.solutions/wp-content/uploads/2025/04/emonster-grid-background.png'),
    #111827;
    overflow: hidden;
}

.grid-background-db:before {
    content: "";
    width: 92%;
    height: 1190px;
    background: linear-gradient(126deg, rgba(83, 101, 229, 0.50) 23.53%, rgba(144, 220, 255, 0.50) 87.01%);
    filter: blur(150px);
    border-radius: 50%;
    margin-top: 8%;
}

@media screen and (max-width: 767px) {
    .bullets-no-padding ul {
        padding-inline-start: 24px;
    }
}

/*********** E-commerce Page ***********/
.light-blue-gradient {
    background: linear-gradient(180deg, #FFF 0%, #EEF8FD 47.65%, #FFF 96.44%), #FFF;
}

.grid-background-light-blue:before {
    content: "";
    width: 92%;
    height: 1190px;
    background: linear-gradient(126deg, rgba(52, 165, 252, 0.50) 23.53%, rgba(144, 255, 240, 0.35) 87.01%);
    filter: blur(150px);
    background-blend-mode: darken;
    border-radius: 50%;
    margin-top: 8%;
}

.gradient-text-lb h1,
.gradient-text-lb h2,
.gradient-text-lb p {
    background: linear-gradient(156deg, #02033B 21.15%, #0091E5 77.09%);
}

.excerpt-content {
    max-height: 1000px;
}

.excerpt-content,
.full-content {
    overflow: hidden;
    transition: max-height 0.7s ease !important;
}

.ui-boxshadow {
   filter: drop-shadow(10px 14px 15px rgba(89, 113, 138, 0.25));
}

/*********** Custom Web Development ***********/
.gradient-text-indigo h1,
.gradient-text-indigo h2,
.gradient-text-indigo p {
    background: linear-gradient(91deg, #02033B 24.18%, #4863FF 76.07%);
}

.gradient-text-indigo-dark h2 {
    background: linear-gradient(180deg, #02033B 17.49%, #162775 79.32%);
}

.indigo-bg-gradient {
    background: linear-gradient(180deg, #FFF 0%, #EFF1FF 47.65%, #FFF 96.44%), #FFF;
}

.grid-background-indigo:before {
    content: "";
    width: 92%;
    height: 1190px;
    background: linear-gradient(126deg, rgba(144, 83, 229, 0.50) 23.53%, rgba(144, 220, 255, 0.50) 87.01%);
    filter: blur(150px);
    background-blend-mode: darken;
    border-radius: 50%;
    margin-top: 8%;
}

.cube-container {
    position: relative;
}

.cube-floating {
  animation: cubeFloating 3s ease-in-out infinite;
  transform-origin: center bottom;
}

.shadow {
  position: absolute;
  bottom: -10%;
  width: 300px;
  height: 32px;
  border-radius: 50%;
  z-index: 0;
  animation: floatShadow 3s ease-in-out infinite;
}

.shadow-indigo {
    background: radial-gradient(51.48% 50.03% at 50% 50%, rgba(16, 9, 53, 0.66) 0%, rgba(16, 9, 53, 0.1) 70%, rgba(206, 206, 206, 0.00) 100%);
}

@media screen and (max-width: 1024px) {
    .shadow {
        left: calc(50% - 150px);
    }
}

@keyframes cubeFloating {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

@keyframes floatShadow {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.85);
    opacity: 0.8;
  }
}


/*********** Enterprise Software Solutions ***********/
.gradient-text-sblue h1,
.gradient-text-sblue h2,
.gradient-text-sblue p {
    background: linear-gradient(90deg, #02033B 2.04%, #27B2E7 98.97%);
}

.sblue-gradient {
    background: linear-gradient(180deg, #FFF 0%, #EEF8FD 47.65%, #FFF 96.44%), #FFF;
}

.grid-background-sblue:before {
    content: "";
    width: 92%;
    height: 1190px;
    background: linear-gradient(126deg, rgba(117, 195, 255, 0.50) 23.53%, rgba(144, 255, 240, 0.35) 87.01%);
    filter: blur(150px);
    background-blend-mode: darken;
    border-radius: 50%;
    margin-top: 8%;
}

/*********** Custom Software Development ***********/
.db-gradient {
    background: linear-gradient(180deg, #FFF 0%, #EFF4FF 47.65%, #FFF 96.44%), #FFF;
}

.radial-gradient-lb {
    position: relative;
}

.radial-gradient-lb:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 706px;
    background: linear-gradient(139deg, rgba(27, 155, 254, 0.17) 24.05%, rgba(205, 233, 255, 0.30) 77.32%);
    background-blend-mode: darken;
    filter: blur(133.39999389648438px);
    position: absolute;
    z-index: -1;
}

/*********** Native Mobile APP Dev ***********/
.gradient-text-green h1,
.gradient-text-green h2,
.gradient-text-green p {
    background: linear-gradient(90deg, #02033B 2.04%, #11A2A2 98.97%);
}

.green-gradient-bg {
    background: linear-gradient(180deg, #FFF 0%, #F4FFFF 47.65%, #FFF 96.44%), #FFF;
}

.grid-background-green:before {
    content: "";
    width: 92%;
    height: 1190px;
    background: linear-gradient(283deg, rgba(117, 195, 255, 0.50) 15.53%, rgba(144, 255, 240, 0.35) 80.74%);
    filter: blur(150px);
    background-blend-mode: darken;
    border-radius: 50%;
    margin-top: 8%;
}

.shadow-green {
    background: radial-gradient(51.48% 50.03% at 50% 50%, #70A6B4 0%, rgba(112, 166, 180, 0.05) 70%, rgba(206, 206, 206, 0.00) 100%);
}

/*********** cross-platform mobile app development ***********/
.max-width-960 {
    max-width: 960px !important;
}

.shadow-sblue {
    background: radial-gradient(51.48% 50.03% at 50% 50%, #6B939D 0%, rgb(107, 147, 157, 0.1) 70%, rgba(206, 206, 206, 0.00) 100%);
}

/*********** SEO & SEM Services ***********/
.max-width-1000 {
    max-width: 1000px !important;
}

.radial-gradient-bg-db {
    position: relative;
}

.radial-gradient-bg-db:before {
    display: block;
    content: "";
    width: 100%;
    height: 764px;
    border-radius: 764px;
    background: linear-gradient(139deg, rgba(27, 110, 254, 0.17) 24.05%, rgba(205, 233, 255, 0.30) 77.32%);
    background-blend-mode: darken;
    filter: blur(144.35919189453125px);
    position: absolute;
    z-index: -1;
}

/*********** Social Media & Community Engagement ***********/
.shadow-lb {
    background: radial-gradient(51.48% 50.03% at 50% 50%, #7086B4 0%, rgba(112, 134, 180, 0.1) 80%, rgba(206, 206, 206, 0.00) 100%);
}

/*********** email marketing and automation ***********/
@media screen and (min-width: 1024px) {
    .text-nowrap-desktop {
        white-space: nowrap;
    }
}

/*********** Resource ***********/
.radial-gradient-bg-db-small {
    position: relative;
}

.radial-gradient-bg-db-small:before {
    display: block;
    content: "";
    width: 100%;
    height: 465.852px;
    border-radius: 534.6px;
    background: linear-gradient(139deg, rgba(27, 110, 254, 0.17) 24.05%, rgba(205, 233, 255, 0.30) 77.32%);
    background-blend-mode: darken;
    filter: blur(144.35919189453125px);
    position: absolute;
    z-index: -1;
}

.shadow-lb-large {
    width: 450px;
    background: radial-gradient(51.48% 50.03% at 50% 50%, #7086B4 0%, rgba(112, 134, 180, 0.1) 80%, rgba(206, 206, 206, 0.00) 100%);
}

/*********** About us ***********/
.gradient-text-black h1,
.gradient-text-black h2 {
    background: linear-gradient(141deg, #02033B 0%, #162775 100%);
}

.radial-gradient-bg-db-left {
    position: relative;
}

.radial-gradient-bg-db-left:before {
    display: block;
    content: "";
    width: 100%;
    height: 342px;
    border-radius: 473px;
    background: linear-gradient(139deg, rgba(27, 95, 254, 0.17) 24.05%, rgba(205, 212, 255, 0.30) 77.32%);
    background-blend-mode: darken;
    filter: blur(90px);
    position: absolute;
    left: 0;
    bottom: 27px;
    z-index: -1;
}

/*********** Contact Page ***********/
.emonster-form input,
.emonster-form textarea,
.emonster-form .ui-selectmenu-button {
    background: #f5f6f8;
    color: #253056;
    border: none;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    line-height: 150%;
}

.emonster-form textarea::placeholder,
.emonster-form input::placeholder,
.emonster-form .ui-selectmenu-button .ui-selectmenu-text {
    color: #7B8899;
}

.emonster-form .ui-selectmenu-button {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.emonster-form .form-row {
    display: flex;
    gap: 32px;
}

.emonster-form .form-row .form-col {
    width: 100%;
}

.emonster-form .form-row .form-col-2 {
    width: 50%;
}

.emonster-form .form-row .form-col p,
.emonster-form .form-row .form-col-2 p {
    margin-bottom: 32px;
}

.emonster-form .form-row.user-message .form-col p {
    margin-bottom: 48px;
}

.emonster-form .ui-selectmenu-icon::before {
    content: "";
    background-image: url("https://emonster.solutions/wp-content/uploads/2026/04/emonster-form-arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: 8px;
    height: 24px;
}

.emonster-form .ui-menu {
    overflow-y: auto;
}

.emonster-form .ui-menu li.ui-menu-item {
    background-color: #f5f6f8;
}

.emonster-form .ui-menu li.ui-menu-item .ui-menu-item-wrapper {
    font-size: 16px;
    line-height: 35px;
    padding: 5px 10px;
}

.emonster-form .submit-container {
    text-align: right;
}

.emonster-form .submit-container input[type="submit"] {
    width: 194px;
    background-color: #142236;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    padding: 13px 10px;
}

.emonster-form .submit-container .input-filled,
.emonster-form .submit-container p:first-child {
    margin-bottom: 0px;
}

.emonster-form .submit-container p:last-child {
    display: none;
}

/* Parent Pages */
.lb-page-gradient {
	background: linear-gradient(180deg, #EEF5FD 0%, rgba(238, 245, 253, 0.00) 80.41%), #fff;
}

.gradient-text-rb h1,
.gradient-text-rb h2,
.gradient-text-rb p {
    background: linear-gradient(91deg, #02033B 24.18%, #4863FF 76.07%);
}

.cta-db-gradient {
	background: linear-gradient(90deg, #16233E 0%, #1D3A73 62%, #2670E8 100%);
}

/*********** Footer ***********/
.footer-development-menu .reset-ul {
    display: grid;
    grid-template-rows: repeat(6, auto);
    grid-auto-flow: column;
}

@media screen and (min-width: 1024px) and (max-width: 1201px) {
    .footer .menu-container > .elementor-element:first-child {
        width: 30%;
    }
    
    .footer .menu-container > .elementor-element:nth-child(2) {
        width: 65%;
    }

}