.elementor-128 .elementor-element.elementor-element-e89647d{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-128 .elementor-element.elementor-element-f3026df > .elementor-container{max-width:1200px;}.elementor-128 .elementor-element.elementor-element-f3026df .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-128 .elementor-element.elementor-element-afc69b1 .tf-title-section .title-section{text-align:center;}.elementor-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .tf-title-section.one-line .title-section .heading::before{background-color:var( --e-global-color-6d4ddeb );}.elementor-128 .elementor-element.elementor-element-afc69b1 .tf-title-section.two-line .title-section .heading::before{background-color:var( --e-global-color-6d4ddeb );}.elementor-128 .elementor-element.elementor-element-afc69b1 .tf-title-section.two-line .title-section .heading::after{background-color:var( --e-global-color-6d4ddeb );}.elementor-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-411d2b3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-128 .elementor-element.elementor-element-cc6bc83 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-128 .elementor-element.elementor-element-3d99a22 > .elementor-element-populated{margin:0px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;}body.elementor-page-128 .themesflat-top .wrap-btn-topbar{display:none;}body.elementor-page-128 .themesflat-top .wrap-btn-topbar .btn-topbar{color:#ffffff;background:#57B33E;}body.elementor-page-128 #footer{display:block;}body.elementor-page-128 .info-footer{display:block;}body.elementor-page-128 #bottom{display:block;}body.elementor-page-128 .page-title{display:block;}body.elementor-page-128 .themesflat-partner-box{display:none;}@media(max-width:1024px){.elementor-128 .elementor-element.elementor-element-e89647d{padding:0px 0px 70px 0px;}.elementor-128 .elementor-element.elementor-element-411d2b3{padding:0px 0px 70px 0px;}body.elementor-page-128 #themesflat-content{padding-top:70px;padding-bottom:70px;}}@media(max-width:767px){.elementor-128 .elementor-element.elementor-element-3d99a22 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(min-width:768px){.elementor-128 .elementor-element.elementor-element-cc6bc83{width:25%;}.elementor-128 .elementor-element.elementor-element-3d99a22{width:75%;}}/* Start custom CSS for tf-title-section, class: .elementor-element-afc69b1 *//* ==========================================
   TF TITLE SECTION CONTAINER
   ========================================== */

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

.elementor-128 .elementor-element.elementor-element-afc69b1 .modern-label {
  position: relative;
  z-index: 1;
}

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

.elementor-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .tf-title-section .heading::before {
  display: none !important;
  content: none !important;
}

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

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

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

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

.elementor-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .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-128 .elementor-element.elementor-element-afc69b1 .tf-title-section .sub-title {
    font-size: 48px !important;
  }
  
  .elementor-128 .elementor-element.elementor-element-afc69b1 .tf-title-section h2 {
    font-size: 48px !important;
  }
  
  .elementor-128 .elementor-element.elementor-element-afc69b1 .gradient-heading {
    font-size: 48px !important;
  }
}

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

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

/* Decorative blur circle - top right */
.elementor-128 .elementor-element.elementor-element-e89647d::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-128 .elementor-element.elementor-element-e89647d::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-128 .elementor-element.elementor-element-e89647d {
    padding: 80px 40px !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .elementor-128 .elementor-element.elementor-element-e89647d {
    padding: 60px 20px !important;
  }
  
  /* Hide decorative circles on mobile */
  .elementor-128 .elementor-element.elementor-element-e89647d::before {
    display: none;
  }
  
  .elementor-128 .elementor-element.elementor-element-e89647d::after {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-411d2b3 *//* ==========================================
   MODERN SECTION STYLES
   ========================================== */

/* Main Section Background */
.elementor-128 .elementor-element.elementor-element-411d2b3 {
  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-128 .elementor-element.elementor-element-411d2b3::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-128 .elementor-element.elementor-element-411d2b3::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-128 .elementor-element.elementor-element-411d2b3 {
    padding: 80px 40px !important;
  }
}

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