.elementor-6984 .elementor-element.elementor-element-93ec4a3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6984 .elementor-element.elementor-element-434dde6 > .elementor-container{max-width:1200px;}.elementor-6984 .elementor-element.elementor-element-434dde6 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .title-section{text-align:center;}.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .title-section .heading{font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:500;line-height:1em;letter-spacing:-0.5px;color:var( --e-global-color-6d4ddeb );margin:0px 0px 10px 0px;}.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section.one-line .title-section .heading::before{background-color:var( --e-global-color-6d4ddeb );}.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section.two-line .title-section .heading::before{background-color:var( --e-global-color-6d4ddeb );}.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section.two-line .title-section .heading::after{background-color:var( --e-global-color-6d4ddeb );}.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .title-section .sub-title{font-family:"Jost", Sans-serif;font-size:50px;font-weight:600;line-height:55px;letter-spacing:-1.5px;color:var( --e-global-color-6d4ddeb );margin:0px 0px 0px 0px;}.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .title-section .sub-title a{font-family:"Jost", Sans-serif;font-size:36px;font-weight:400;line-height:1em;color:#ff4040;}.elementor-6984 .elementor-element.elementor-element-e5104e0{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-6984 .elementor-element.elementor-element-50dedf3 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button{background-color:#040473;font-family:"Jost", Sans-serif;font-size:15px;font-weight:600;fill:#FFFFFF;color:#FFFFFF;transition-duration:0.4s;border-style:none;border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button:hover, .elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button:focus{background-color:var( --e-global-color-6d4ddeb );color:#FFFFFF;}.elementor-6984 .elementor-element.elementor-element-dedd0e2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6984 .elementor-element.elementor-element-dedd0e2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button:hover svg, .elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-6984 .elementor-element.elementor-element-a57b280 > .elementor-element-populated{margin:0px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;}body.elementor-page-6984 .themesflat-top .wrap-btn-topbar{display:none;}body.elementor-page-6984 .themesflat-top .wrap-btn-topbar .btn-topbar{color:#ffffff;background:#57B33E;}body.elementor-page-6984 #footer{display:block;}body.elementor-page-6984 .info-footer{display:block;}body.elementor-page-6984 #bottom{display:block;}body.elementor-page-6984 .page-title{display:block;}body.elementor-page-6984 .themesflat-partner-box{display:block;}@media(max-width:1024px){.elementor-6984 .elementor-element.elementor-element-93ec4a3{padding:0px 0px 70px 0px;}.elementor-6984 .elementor-element.elementor-element-e5104e0{padding:0px 0px 70px 0px;}}@media(max-width:767px){.elementor-6984 .elementor-element.elementor-element-a57b280 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(min-width:768px){.elementor-6984 .elementor-element.elementor-element-50dedf3{width:25%;}.elementor-6984 .elementor-element.elementor-element-a57b280{width:75%;}}/* Start custom CSS for tf-title-section, class: .elementor-element-b2a94f7 *//* ==========================================
   TF TITLE SECTION CONTAINER
   ========================================== */

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section {
  position: relative;
  z-index: 1;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .modern-label {
  position: relative;
  z-index: 1;
}

/* ==========================================
   HEADING - "Over 200+ Clients" (PILL STYLE)
   ========================================== */

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .heading {
  display: inline-flex !important;
  align-items: center;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
  color: #FFFFFF !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(4, 4, 115, 0.25) !important;
  width: fit-content !important;
  margin-bottom: 24px !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section h3 {
  display: inline-flex !important;
  align-items: center;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
  color: #FFFFFF !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(4, 4, 115, 0.25) !important;
  width: fit-content !important;
  margin-bottom: 24px !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .modern-label .heading {
  display: inline-flex !important;
  align-items: center;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
  color: #FFFFFF !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(4, 4, 115, 0.25) !important;
  width: fit-content !important;
  margin-bottom: 24px !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .modern-label h3 {
  display: inline-flex !important;
  align-items: center;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
  color: #FFFFFF !important;
  padding: 10px 24px !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 16px rgba(4, 4, 115, 0.25) !important;
  width: fit-content !important;
  margin-bottom: 24px !important;
}

/* Remove decorative lines if any */
.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .heading::before {
  display: none !important;
  content: none !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .heading::after {
  display: none !important;
  content: none !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .modern-label .heading::before {
  display: none !important;
  content: none !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .modern-label .heading::after {
  display: none !important;
  content: none !important;
}

/* ==========================================
   SUB TITLE - "Who We Are" (GRADIENT TEXT)
   ========================================== */

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .sub-title {
  font-size: clamp(48px, 8vw, 60px) !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  margin-bottom: 32px !important;
  letter-spacing: -1.5px !important;
  line-height: 1.1 !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section h2 {
  font-size: clamp(48px, 8vw, 72px) !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  margin-bottom: 32px !important;
  letter-spacing: -1.5px !important;
  line-height: 1.1 !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .gradient-heading {
  font-size: clamp(48px, 8vw, 72px) !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  margin-bottom: 32px !important;
  letter-spacing: -1.5px !important;
  line-height: 1.1 !important;
}

.elementor-6984 .elementor-element.elementor-element-b2a94f7 .gradient-heading h2 {
  font-size: clamp(48px, 8vw, 72px) !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
  margin-bottom: 32px !important;
  letter-spacing: -1.5px !important;
  line-height: 1.1 !important;
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */

/* Tablet */
@media (max-width: 1024px) {
  .elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .sub-title {
    font-size: 48px !important;
  }
  
  .elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section h2 {
    font-size: 48px !important;
  }
  
  .elementor-6984 .elementor-element.elementor-element-b2a94f7 .gradient-heading {
    font-size: 48px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .sub-title {
    font-size: 36px !important;
  }
  
  .elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section h2 {
    font-size: 36px !important;
  }
  
  .elementor-6984 .elementor-element.elementor-element-b2a94f7 .gradient-heading {
    font-size: 36px !important;
  }
  
  .elementor-6984 .elementor-element.elementor-element-b2a94f7 .tf-title-section .heading {
    font-size: 11px !important;
    padding: 8px 18px !important;
  }
  
  .elementor-6984 .elementor-element.elementor-element-b2a94f7 .modern-label .heading {
    font-size: 11px !important;
    padding: 8px 18px !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-93ec4a3 *//* ==========================================
   MODERN SECTION STYLES
   ========================================== */

/* Main Section Background */
.elementor-6984 .elementor-element.elementor-element-93ec4a3 {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Decorative blur circle - top right */
.elementor-6984 .elementor-element.elementor-element-93ec4a3::before {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(108, 158, 255, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  top: -200px;
  right: -200px;
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}

/* Decorative blur circle - bottom left */
.elementor-6984 .elementor-element.elementor-element-93ec4a3::after {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(4, 4, 115, 0.05) 0%, transparent 70%);
  border-radius: 50%;
  bottom: -100px;
  left: -100px;
  filter: blur(40px);
  pointer-events: none;
  z-index: 0;
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */

/* Tablet */
@media (max-width: 1024px) {
  .elementor-6984 .elementor-element.elementor-element-93ec4a3 {
    padding: 80px 40px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .elementor-6984 .elementor-element.elementor-element-93ec4a3 {
    padding: 60px 20px !important;
  }
  
  /* Hide decorative circles on mobile */
  .elementor-6984 .elementor-element.elementor-element-93ec4a3::before {
    display: none;
  }
  
  .elementor-6984 .elementor-element.elementor-element-93ec4a3::after {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-dedd0e2 *//* ==========================================
   BUTTON WITH ENHANCED ANIMATIONS
   ========================================== */

.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-link {
  position: relative;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: linear-gradient(135deg, #040473 0%, #0066CC 100%) !important;
    color: #FFFFFF !important;
    padding: 18px 40px !important;
    border: none !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 8px 24px rgba(4, 4, 115, 0.3), 0 4px 12px rgba(4, 4, 115, 0.2) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    margin-bottom: 25px;
}

/* Shimmer effect */
.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-link::before {
  content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s ease;
    z-index: 1;
}

.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-link:hover::before {
  left: 100%;
}

/* Pulsing glow on hover */
.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-link::after {
  content: '';
  position: absolute;
  inset: -4px;
  background: linear-gradient(135deg, #040473 0%, #0066CC 100%);
  border-radius: 16px;
  opacity: 0;
  z-index: -1;
  filter: blur(12px);
  transition: opacity 0.4s ease;
}

.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-link:hover::after {
  opacity: 0.6;
}

.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-link:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px rgba(4, 4, 115, 0.4),
              0 8px 20px rgba(4, 4, 115, 0.3) !important;
  background: linear-gradient(135deg, #0066CC 0%, #040473 100%) !important;
}

.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-icon {
  transition: transform 0.3s ease;
  position: relative;
  z-index: 2;
}

.elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-link:hover .elementor-button-icon {
  transform: translateX(6px);
}

@media (max-width: 768px) {
  .elementor-6984 .elementor-element.elementor-element-dedd0e2 .elementor-button-link {
    padding: 15px 30px !important;
    font-size: 15px !important;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e5104e0 *//* ==========================================
   MODERN SECTION STYLES
   ========================================== */

/* Main Section Background */
.elementor-6984 .elementor-element.elementor-element-e5104e0 {
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%) !important;
  padding: 120px 60px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Decorative blur circle - top right */
.elementor-6984 .elementor-element.elementor-element-e5104e0::before {
  content: '';
  position: absolute;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(108, 158, 255, 0.1) 0%, transparent 70%);
  border-radius: 50%;
  top: -200px;
  right: -200px;
  filter: blur(60px);
  pointer-events: none;
  z-index: 0;
}

/* Decorative blur circle - bottom left */
.elementor-6984 .elementor-element.elementor-element-e5104e0::after {
  content: '';
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(4, 4, 115, 0.05) 0%, transparent 70%);
  border-radius: 50%;
  bottom: -100px;
  left: -100px;
  filter: blur(40px);
  pointer-events: none;
  z-index: 0;
}

/* ==========================================
   RESPONSIVE DESIGN
   ========================================== */

/* Tablet */
@media (max-width: 1024px) {
  .elementor-6984 .elementor-element.elementor-element-e5104e0 {
    padding: 80px 40px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .elementor-6984 .elementor-element.elementor-element-e5104e0 {
    padding: 60px 20px !important;
  }
  
  /* Hide decorative circles on mobile */
  .elementor-6984 .elementor-element.elementor-element-e5104e0::before {
    display: none;
  }
  
  .elementor-6984 .elementor-element.elementor-element-e5104e0::after {
    display: none;
  }
}/* End custom CSS */