/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Common Hover Effect */
.hover-bg,
.green-hover-bg {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.hover-bg h2,
.hover-bg h3,
.hover-bg h4,
.hover-bg h5,
.hover-bg p,
.hover-bg img,
.green-hover-bg h2,
.green-hover-bg h3,
.green-hover-bg h4,
.green-hover-bg h5,
.green-hover-bg p,
.green-hover-bg img {
    position: relative;
    z-index: 11;
}

.hover-bg .cursor-bg,
.green-hover-bg .cursor-bg {
    position: absolute;
    width: 300px;
    height: 300px;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: left 0.08s linear, top 0.08s linear, opacity 0.3s ease;
    opacity: 0;
    filter: blur(100px);
    z-index: 0;
    border-radius: 50%; /* Change to 0 if you want a square */
}

.hover-bg > *:not(.cursor-bg),
.green-hover-bg > *:not(.cursor-bg) {
    position: relative;
    z-index: 11;
}

/* Individual Colors */
.hover-bg .cursor-bg {
    background: #44628292; /* Blue */
}

.green-hover-bg .cursor-bg {
    background:#295121; /* Green */
}

/* Header Css */

.sub-menu-icon-box .elementor-icon-box-title {
  margin: 0;
}

.sub-menu--wrapper {
  backdrop-filter: blur(100px);
}

.elementskit-megamenu-panel {
  max-width: 608px !important;
}

.elementskit-submenu-indicator {
  display: none !important;
}

/* li .elementskit-navbar-nav > li:hover > a{
	border-width: 1px 1px 0px 1px;
    border-radius: 12px 12px 0px 0px;
} */

.elementor-163 .elementor-element.elementor-element-2b56a47.e-con {
  z-index: 99999;
}

.sub-menu-icon-box .elementor-icon-box-wrapper::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  opacity: 0;
  transition: all 0.3s ease;
}

.sub-menu-icon-box:hover .elementor-icon-box-wrapper::after {
  opacity: 1;
  right: 20px;
}


@media screen and (min-width: 1025px) {
  #menu-header-menu #menu-item-24:first-child {
    position: relative;
  }

  #menu-header-menu li:not(:first-child):not(:last-child) a {
    border: none !important;
  }

  #menu-header-menu li:not(:first-child):not(:last-child):hover a {
    border: none !important;
  }

  #menu-header-menu #menu-item-24:first-child:hover::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -16px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-bottom-left-radius: 12px;
    box-shadow: -4px 4px 0 0 #151f28;
    border-left: 1px solid #2d3d4a;
    border-bottom: 1px solid #2d3d4a;
    pointer-events: none;
    z-index: 25;
  }

  #menu-header-menu #menu-item-24:first-child:hover::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 106%;
    height: 1px;
    background-color: #151f28;
    z-index: 2222;
  }


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

  #menu-header-menu #menu-item-1926:last-child .elementskit-megamenu-panel {
    max-width: 500px !important;
  }

  #menu-header-menu #menu-item-1926:last-child {
    position: relative;
  }

  #menu-header-menu #menu-item-1926:last-child:hover::before {
    content: "";
    position: absolute;
    bottom: -1px;
    right: -16px;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border-bottom-left-radius: 12px;
    box-shadow: -4px 4px 0 0 #151f28;
    border-left: 1px solid #2d3d4a;
    border-bottom: 1px solid #2d3d4a;
    pointer-events: none;
    z-index: 25;
  }

  #menu-header-menu #menu-item-1926:last-child:hover::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 106%;
    height: 1px;
    background-color: #151f28;
    z-index: 2222;
  }

/*   .elementor-1927 .elementor-element.elementor-element-90fc5ee {
    border: none !important;
  } */

}

@media screen and (max-width: 767px) {
  .elementskit-submenu-indicator {
    display: block !important;
  }

  .counter-center-line {
    background-image: linear-gradient(90deg,
        rgba(110, 236, 0, 0) 0%,
        rgb(84 129 44) 50%,
        rgba(110, 236, 0, 0) 100%) !important;
    filter: blur(0.1px);
  }

  .feature-image img {
    width: 100% !important;
    height: auto !important;
  }

  .feature-header h3 {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .feature-card {
    margin-bottom: 8px !important;
  }

  .solution-tab .e-n-tabs .e-n-tabs-heading button {
    margin-block-start: 0 !important;
  }

  .solution-tab .e-n-tabs .e-n-tabs-heading .elementor.elementor button {
    margin-block-end: 0 !important;
    margin-bottom: 0 !important;
  }

  .solution-tab .e-n-tabs {
    gap: 56px !important;
  }
	
	 .pricing-tab .e-n-tab-title{
        width: 100%;
        flex: 0 0 60%;
    }
	.solution-tab .e-n-tabs .e-n-tabs-heading {
	  justify-content: start !important;
  }
}

@media (max-width: 1024px) {
  .elementor-32 .elementor-element.elementor-element-abcb540 .elementskit-menu-container {
    background-color: #08030300;
    max-width: 100%;
    border-radius: 0px 0px 0px 0px;
    backdrop-filter: blur(148px);
  }

  .elementor-32 .elementor-element.elementor-element-abcb540 button.elementskit-menu-hamburger {
    padding: 8px 8px 8px 8px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    backdrop-filter: blur(177px);
    background: #1c2835;
    --tw-backdrop-blur: blur(71px);
  }

  button.elementskit-menu-hamburger svg {
    width: 1.5em;
    height: 1.5em;
  }

  .elementor-32 .elementor-element.elementor-element-abcb540 button.elementskit-menu-close {
    border-radius: 12px;
  }

  .elementor-32 .elementor-element.elementor-element-abcb540 .elementskit-navbar-nav>li>a .elementskit-submenu-indicator {
    fill: #ffffff;
    color: #ffffff;
    border: none;
  }

  .elementor-32 .elementor-element.elementor-element-5e44368 img {
    position: relative;
    z-index: 9999;
  }

  .elementskit-navbar-nav-default button.elementskit-menu-close {
    margin-top: 40px !important;
  }

  .elementskit-submenu-indicator {
    display: block !important;
  }

  .elementskit-megamenu-panel {
    max-width: 100% !important;
    width: 100% !important;
  }

  .elementor-32 .elementor-element.elementor-element-abcb540 .elementskit-navbar-nav>li:hover>a {
    color: var(--e-global-color-72d7c5c);
    border-style: solid;
    border-width: 0;
    border-color: transparent;
    border-radius: 0;
  }

  .elementor-163 .elementor-element.elementor-element-2b56a47 {
    border-width: 0 !important;
  }

  .elementskit-navbar-nav,
  .elementskit-navbar-nav>li,
  .elementskit-megamenu-panel {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .elementskit-navbar-nav>li:has(.elementskit-megamenu-panel.elementskit-dropdown-open) {
    border: 1px solid #2d3d4a !important;
    border-radius: 12px;
    background-color: #47584e !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
  }

  .elementskit-navbar-nav>li .elementskit-submenu-indicator {
    transition: transform 0.3s ease-in-out !important;
    transform: rotate(0deg);
    display: inline-block;
  }

  .elementskit-navbar-nav>li:has(.elementskit-megamenu-panel.elementskit-dropdown-open) .elementskit-submenu-indicator {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease-in-out !important;
  }

  ul#menu-header-menu {
    padding: 0 20px;
  }

  .solution-tab .e-n-tabs .e-n-tabs-heading {
    width: 100% !important;
    overflow: scroll !important;
    display: flex !important;
    gap: 24px !important;
    flex-wrap: nowrap !important;
	  justify-content: center;
  }

  .solution-tab .e-n-tabs .e-n-tabs-heading button {
    margin-block-start: 0 !important;
    margin-bottom: 0 !important;
  }

  .solution-tab .e-n-tabs .e-n-tabs-heading .elementor.elementor button {
    margin-block-end: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* Home Page Css */

.home-banner-tagline {
  border: 1px solid rgba(52, 110, 180, 0.2);
}

.text-green {
  color: #6eec00;
}

.surt-btn a{
  background: linear-gradient(168deg,
      #30455b99 9.57%,
      #30455b 56.98%,
      #30455b 97.79%);
}

.surt-btn a:hover {
  background: linear-gradient(168deg,
      #30455bea 9.57%,
      #30455b99 56.98%,
      #30455bee 97.79%) !important;
}

.counter-center-line {
  background-image: linear-gradient(180deg,
      rgba(110, 236, 0, 0) 0%,
      rgb(84 129 44) 50%,
      rgba(110, 236, 0, 0) 100%) !important;
  filter: blur(0.1px);
}

@media (max-width: 768px) {
  br {
    display: none;
  }
}

@media (min-width: 1441px) {
  .surt-banner {
    padding-left: 235px;
  }

  .feature-image img.image-2 {
    transform: translateX(95px);
    width: 1200px;
  }
}

@media (min-width: 1601px) and (max-width: 1920px) {
  .feature-image img.image-2 {
    transform: translateX(230px);
    width: 1200px;
  }
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .feature-image img.image-2 {
    transform: translateX(95px) !important;
    width: 1200px;
  }
}



/* Solution Page Css  */


.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title {
  border-bottom: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-bottom: 0;
}

.faq-ans {
  border-top: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}


@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.solution-tag {
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: linear-gradient(#1c2835, #1c2835) padding-box,
    conic-gradient(from 0deg, transparent, transparent) border-box !important;
}

.solution-tag.active {
  background:
    linear-gradient(#1c2835, #1c2835) padding-box,
    conic-gradient(from var(--angle), transparent 70%, #6eec00, #6eec00, transparent) border-box !important;
  animation: rotate-border 3s linear forwards !important;
}

@keyframes rotate-border {
  from {
    --angle: 0deg;
  }

  to {
    --angle: 360deg;
  }
}

/* Terms and Conditions */
.policy-list .policy-content ul {
  gap: 20px;
}

.policy-list .policy-content li {
  border: 1px solid #405469;
  background: rgba(243, 243, 242, 0.10);
  padding: 10px 16px;
  border-radius: 20px;
}

.policy-list .policy-content ul li.active {
  background: #1A3D12;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #6eec00;
}

.surt-policy-content p a {
  color: #6eec00;
}

.surt-policy-content hr {
  border: 1px solid #30455B;

}

/* Tablet & Mobile */
@media (max-width: 768px) {

  .policy-content .elementor-icon-list-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    gap: 12px;
    justify-content: flex-start !important;

    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Firefox */
  }

  .policy-content .elementor-icon-list-items::-webkit-scrollbar {
    display: none;
  }

  .policy-content .elementor-icon-list-item {
    flex: 0 0 auto !important;
    display: inline-flex;
  }

  .policy-content .elementor-icon-list-item a {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }
}

/* Pricing css */

/* .pricing-card{
background: linear-gradient(131deg, #6EEC00 0%, rgba(110, 236, 0, 0.30) 52.18%, rgba(110, 236, 0, 0.70) 97.1%), rgba(255, 255, 255, 0.04);
background-blend-mode: overlay, normal;
} */


.pricing-card {
  box-sizing: border-box;
}

.pricing-card.active {
  border: 1px solid #6EEC00 !important;
}

.pricing-card.active .pricing-contact-btn a.active{
	background:#6EEC00;
	color:#151f28;
}