/* style.css - Base Styles */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    /* font-family: emoji; */
    font-family:  "Roboto", sans-serif;
}

body {
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Navigation */
.navbar {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
    padding: 1rem 0;
}

.nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 1.8rem;
    font-weight: 700;
    color: #2c3e50;
    text-decoration: none;
}
.logo span { color: #3498db; }

.nav-menu {
    display: flex;
    list-style: none;
    align-items: center;
}
.nav-menu li { margin-left: 2rem; }
.nav-menu a {
    text-decoration: none;
    color: #555;
    font-weight: 600;
    transition: color 0.3s;
}
.nav-menu a:hover { color: #3498db; }
.contact-btn {
    background-color: #3498db;
    color: white !important;
    padding: 0.5rem 1.5rem;
    border-radius: 4px;
}
.menu-toggle {
    display: none;
    flex-direction: column;
    cursor: pointer;
    background: none;
    border: none;
}
.bar {
    height: 3px;
    width: 25px;
    background-color: #333;
    margin: 3px 0;
    border-radius: 2px;
}

/* Hero Section */
.hero {
    background: linear-gradient(rgba(44, 62, 80, 0.8), rgba(44, 62, 80, 0.9)), url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80') center/cover no-repeat;
    color: white;
    text-align: center;
    padding: 6rem 1rem;
    min-height: 31rem;
}
.hero h1 {
    font-size: 3.5rem !important;
    margin-bottom: 1rem;
}
.hero p {
    font-size: 1.2rem;
    max-width: 700px;
    margin: 0 auto 2rem;
}
.btn-primary {
    display: inline-block;
    background-color: #e74c3c;
    color: white;
    padding: 0.8rem 2rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: background 0.3s;
}
.btn-primary:hover { background-color: #c0392b; }

/* Stats */
.stats {     padding: 0rem 1rem 7rem;
    background-color: #201f1f00;
    position: absolute;
    width: -webkit-fill-available;
    bottom: -59px;
    z-index: 1;}
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    text-align: center;
}
.stat-card h3 {
    font-size: 2.5rem;
    color: #fff;
    margin-bottom: 0.5rem;
}
.stat-card{
    background: #411273;
    min-height: 7rem;
    border: 1px solid rgba(255, 255, 255, .15);
    padding: 20px;
    color: #fff;
    /* background: rgba(15, 15, 15, .39); */
    background: #0c0e5363;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.stat-card p {
    color: #fff;
    font-weight: 600;
}

/* Services Preview */
.services-preview { padding: 5rem 1rem;    background: antiquewhite; }
.section-title {
    text-align: center;
    font-size: 3rem;
    color: #2c3e50;
    margin-bottom: 1rem;
}
.section-subtitle {
    text-align: center;
    color: #7f8c8d;
    max-width: 700px;
    margin: 0 auto 3rem;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2.5rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.service-card {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    text-align: center;
    transition: transform 0.3s;
}
.service-card:hover { transform: translateY(-10px); }
.service-card i { color: #3498db; margin-bottom: 1rem; }
.service-card h3 { margin-bottom: 0.8rem; color: #2c3e50; }
.service-card p { color: #666; }
.center-btn { text-align: center; }
.btn-secondary {
    display: inline-block;
    background-color: #2c3e50;
    color: white;
    padding: 0.8rem 2rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    border: 2px solid #2c3e50;
    transition: all 0.3s;
}
.btn-secondary:hover {
    background-color: transparent;
    color: #2c3e50;
}

/* Footer */
.footer {
    background-color: #2c3e50;
    color: #ecf0f1;
    padding: 3rem 0 0;
}
.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 3rem;
    padding-bottom: 2rem;
}
.footer-links h4, .footer-contact h4 {
    color: #fff;
    margin-bottom: 1.2rem;
    font-size: 1.2rem;
}
.footer-links ul { list-style: none; }
.footer-links li { margin-bottom: 0.5rem; }
.footer-links a {
    color: #bdc3c7;
    text-decoration: none;
    transition: color 0.3s;
}
.footer-links a:hover { color: #3498db; }
.footer-contact p {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
}
.footer-contact i {
    margin-right: 10px;
    color: #3498db;
}
.footer-bottom {
    text-align: center;
    padding: 1.5rem;
    border-top: 1px solid #34495e;
    color: #95a5a6;
    font-size: 0.9rem;
}

/* Responsive */
@media (max-width: 768px) {
    .menu-toggle { display: flex; }
    .nav-menu {
        position: fixed;
        flex-direction: column;
        background: white;
        width: 100%;
        top: 70px;
        left: -100%;
        padding: 2rem;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
        transition: left 0.5s ease;
    }
    .nav-menu.active { left: 0; }
    .nav-menu li { margin: 1rem 0; }
    .hero h1 { font-size: 2.2rem; }
    .hero p { font-size: 1rem; }
}


html,
body {
 overflow-x:clip
}
header {
 position:fixed;
 top:0;
 left:0;
 right:0;
 z-index:9;
 background-color:#0f0f0f;
 transition:all 0.5s ease;
 content-visibility:initial!important
}
header .wpml-ls-item-toggle .wpml-ls-native {
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis
}
header .main-header {
 justify-content:space-between;
 position:relative;
 background-color:#0f0f0f;
 color:#fff;
 align-items:center;
 padding:0
}
@media only screen and (min-width:1024px) {
 header .main-header {
  background-color:transparent;
  padding:12px 24px;
  justify-content:flex-start
 }
}
header .main-header .brand-wrap {
 margin-right:auto;
 margin-left:16px;
 order:2
}
@media only screen and (min-width:1024px) {
 header .main-header .brand-wrap {
  order:unset;
  margin-right:0;
  margin-left:0
 }
}
header .main-header .brand-wrap img {
 height:17px;
 -o-object-position:left;
 object-position:left;
 -o-object-fit:contain;
 object-fit:contain
}
@media only screen and (min-width:1024px) {
 header .main-header .brand-wrap img {
   height:36.66px !important;
 }
}
header .main-header .brand-wrap a {
 display:-ms-flex;
 display:flex
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap {
  margin-left:32px
 }
}
@media only screen and (min-width:1280px) {
 header .main-header .menu-wrap {
  margin-left:64px
 }
}
header .main-header .menu-wrap .menu-list {
 margin-left:0;
 position:fixed;
 inset:0;
 background:#0f0f0f;
 flex-direction:column;
 padding:84px 36px 36px;
 align-items:flex-start;
 transform:translateY(-100%);
 transition:all 0.8s ease;
 overflow:hidden auto;
 opacity:0;
 z-index:-1
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list {
  overflow:unset;
  transform:unset;
  padding:0;
  background:transparent;
  position:unset;
  display:-ms-flex;
  display:flex;
  flex-direction:row;
  opacity:1;
  z-index:1
 }
}
header .main-header .menu-wrap .menu-list.active {
 transform:translateY(0);
 z-index:9;
 opacity:1
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list li:hover .sub-menu {
  display:-ms-flex;
  display:flex;
  transform:scaleY(1);
  overflow-y:visible;
  max-height:calc(100vh - 60px)
 }
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list li.mobile-menu {
  display:none
 }
}
header .main-header .menu-wrap .menu-list li.quick-links {
 margin-top:auto;
 margin-bottom:16px;
 padding-bottom:0!important
}
header .main-header .menu-wrap .menu-list li.quick-links>.menu-item-wrapper>a {
 font-size:16px!important;
 line-height:1.375!important;
 font-weight:400;
 letter-spacing:normal;
 color:#98A2B3!important;
 margin-bottom:0!important
}
header .main-header .menu-wrap .menu-list li.quick-link-menu,
header .main-header .menu-wrap .menu-list li.mail-menu,
header .main-header .menu-wrap .menu-list li.phone-menu {
 margin-bottom:16px;
 padding-bottom:0!important
}
header .main-header .menu-wrap .menu-list li.quick-link-menu>.menu-item-wrapper>a,
header .main-header .menu-wrap .menu-list li.mail-menu>.menu-item-wrapper>a,
header .main-header .menu-wrap .menu-list li.phone-menu>.menu-item-wrapper>a {
 font-size:16px!important;
 line-height:1.375!important;
 font-weight:400;
 letter-spacing:normal;
 margin-bottom:0!important
}
header .main-header .menu-wrap .menu-list li.phone-menu {
 margin-top:44px
}
header .main-header .menu-wrap .menu-list li.phone-menu>.menu-item-wrapper>a::before {
 content:"\e904"
}
header .main-header .menu-wrap .menu-list li.mail-menu>.menu-item-wrapper>a,
header .main-header .menu-wrap .menu-list li.phone-menu>.menu-item-wrapper>a {
 color:#91a6ff;
 position:relative
}
header .main-header .menu-wrap .menu-list li.mail-menu>.menu-item-wrapper>a::before,
header .main-header .menu-wrap .menu-list li.phone-menu>.menu-item-wrapper>a::before {
 font-family:"icomoon"!important;
 font-size:12px;
 height:20px;
 width:20px;
 padding-right:32px;
 display:inline-block
}
header .main-header .menu-wrap .menu-list li.mail-menu>.menu-item-wrapper>a::before {
 content:"\e926"
}
header .main-header .menu-wrap .menu-list li.single-menu {
 position:relative
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list li.single-menu .sub-menu {
  flex-direction:column;
  padding:0;
  width:-moz-max-content;
  width:max-content;
  min-width:230px;
  border-radius:0 0 4px 4px;
  top:50px !important;
  margin-left:-24px
 }
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list li.single-menu .sub-menu>li {
  max-width:100%;
  border-bottom:1px solid rgba(255,255,255,.12)
 }
}
header .main-header .menu-wrap .menu-list li.single-menu .sub-menu>li .menu-item-wrapper>a {
 color:#222
}
li{
    list-style: none;
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list li.single-menu .sub-menu>li .menu-item-wrapper>a {
  font-size:16px;
  line-height:1.375;
  font-weight:400;
  letter-spacing:normal;
  margin-bottom:0;
  padding:16px 24px
 }
}
header .main-header .menu-wrap .menu-list>li {
 padding-right:0;
 display:-ms-flex;
 display:flex;
 align-items:center;
 margin-bottom:24px;
 width:100%
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li {
  width:unset;
  margin-bottom:0;
  padding-right:14px
 }
}
@media only screen and (min-width:1280px) {
 header .main-header .menu-wrap .menu-list>li {
  padding-right:16px
 }
}
@media only screen and (min-width:1440px) {
 header .main-header .menu-wrap .menu-list>li {
  padding-right:26px
 }
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li:hover.menu-item-has-children>a::before {
  opacity:1;
  transform:scaleY(1)
 }
}
header .main-header .menu-wrap .menu-list>li:hover .menu-item-wrapper .menu-item-icon {
 opacity:1
}
header .main-header .menu-wrap .menu-list>li .menu-item-wrapper {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:25px;
 width:100%
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li .menu-item-wrapper {
  width:unset;
  justify-content:flex-start;
  gap:0
 }
}
header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
 font-size:24px;
 line-height:1.1;
 font-weight:400;
 letter-spacing:-.32px;
 display:-ms-flex;
 display:flex;
 justify-content:space-between;
 align-items:center
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
  font-size:25px;
  line-height:1.1;
  font-weight:400;
  letter-spacing:-.32px
 }
}
@media only screen and (min-width:1440px) {
 header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
  font-size:27px;
  line-height:1.1;
  font-weight:400;
  letter-spacing:-.32px
 }
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
  font-size:14px;
  line-height:1.429;
  font-weight:400;
  letter-spacing:normal
 }
 header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a:hover {
  color:#ffc700
 }
}
@media only screen and (min-width:1280px) {
 header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a {
  font-size:18px;
  line-height:1.389;
  font-weight:400;
  letter-spacing:normal
 }
}
header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a:hover {
 color:#ffc700
}
header .main-header .menu-wrap .menu-list>li .menu-item-wrapper>a:hover~.menu-item-icon {
 color:#ffc700
}
header .main-header .menu-wrap .menu-list>li.mobile-menu .menu-item-wrapper a {
 justify-content:flex-start
}
header .main-header .menu-wrap .menu-list>li .menu-item-wrapper a {
 color:#fff
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li.active>.menu-item-wrapper>a {
  color:#ffc700
 }
}
header .main-header .menu-wrap .menu-list>li.active.menu-item-has-children>.menu-item-wrapper>a::before {
 opacity:1;
 transform:scaleY(1)
}
header .main-header .menu-wrap .menu-list>li.active>.sub-menu {
 transform:translateX(0);
 overflow-y:auto;
 overflow-x:hidden
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li.active>.sub-menu {
  display:-ms-flex;
  display:flex;
  transform:scaleY(1);
  overflow-y:auto;
  overflow-x:auto;
  max-height:calc(100vh - 60px)
 }
}
header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li {
 display:none
}
header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li.active {
 display:block
}
header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li.active>.menu-item-wrapper>a {
 color:rgba(255,255,255,.6);
 font-size:16px;
 line-height:1.375;
 font-weight:400;
 letter-spacing:normal
}
header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li.active>.menu-item-wrapper .menu-item-icon {
 transform:rotate(90deg)
}
header .main-header .menu-wrap .menu-list>li.active>.sub-menu.active>li.active>.sub-menu {
 transform:translateX(0);
 opacity:1
}
header .main-header .menu-wrap .menu-list>li .menu-item-wrapper .menu-item-icon {
 cursor:pointer;
 font-size:12px;
 display:inline-block;
 transition:all 0.2s ease;
 padding:5px
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li .menu-item-wrapper .menu-item-icon {
  transform:translateX(5px);
  opacity:0
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu {
 position:fixed;
 z-index:1;
 margin-left:0;
 transition:all 0.5s ease;
 padding:84px 36px 36px;
 width:100%;
 /* background-color:#fff; */
 flex-wrap:wrap;
 inset:0;
 transform:translateX(100%);
 height:calc(100% - 300px)
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu {
  height:auto;
  transform-origin:top;
  transform:scaleY(0);
  /* background-color:#fff; */
  /* background-color:#222222;
  top:58px; */
          background-color: #383f60 !important;
        top: 74px !important;
  left:0;
  bottom:unset;
  position:absolute;
  display:-ms-flex;
  display:flex;
  padding:30px
 }
}
@media only screen and (min-width:1280px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu {
  padding:48px
 }
}
@media only screen and (min-width:1440px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu {
  top:60px
 }
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu .menu-item-wrapper .menu-item-icon {
  display:none
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li {
 padding-right:0;
 width:100%
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li {
  max-width:25%
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper {
 width:100%;
 margin-bottom:24px
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper {
  width:auto;
  margin-bottom:16px
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
 font-size:24px;
 line-height:1.1;
 font-weight:400;
 letter-spacing:-.32px;
 color:rgba(255,255,255,.6)
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
  font-size:25px;
  line-height:1.1;
  font-weight:400;
  letter-spacing:-.32px
 }
}
a{
    text-decoration: none !important;
}
@media only screen and (min-width:1440px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
  font-size:27px;
  line-height:1.1;
  font-weight:400;
  letter-spacing:-.32px
 }
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
  font-size:18px;
  line-height:1.375;
  font-weight:400;
  letter-spacing:normal;
  color:rgba(255,255,255,.6)
 }
}

@media (max-width: 900px) {
    .stats{
            position: relative;
    }
    .stat-card{
       background-color:  #411273 !important
    }
    
}
@media only screen and (min-width:1280px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>a {
  font-size:18px;
  line-height:1.375;
  font-weight:400;
  letter-spacing:normal
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>.menu-item-icon {
 color:rgba(255,255,255,.6)
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>.menu-item-wrapper>.menu-item-icon {
  color:rgba(255,255,255,.6)
 }
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li:not(.menu-item-has-children)>.menu-item-wrapper {
  margin-bottom:0
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li.active>.sub-menu {
 padding-bottom:32px;
 height:auto;
 overflow:unset
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul {
 padding-left:0;
 margin-left:0
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul.sub-menu {
 gap:32px;
 height:0;
 background:#0f0f0f;
 overflow:hidden;
 transform:translateX(100%);
 opacity:0;
 transition:all 0.5s ease
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul.sub-menu {
  transform:translateX(0);
  opacity:1;
  height:unset;
  overflow:unset;
  padding-bottom:18px;
  display:block;
  background:transparent
 }
}
@media only screen and (min-width:1280px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul.sub-menu {
  padding-bottom:32px
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li {
 padding-bottom:16px
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li {
  padding-bottom:8px
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li:last-child {
 padding-bottom:0
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li>.menu-item-wrapper>a {
 font-size:19px;
 line-height: 1.381 !important;
 font-weight: 400;
 letter-spacing: normal;
 color: #fff;
 text-transform: capitalize;
 text-decoration: none;
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li>.menu-item-wrapper>a {
  font-size:18px;
  line-height:1.429;
  font-weight:400;
  letter-spacing:normal
 }
}
@media only screen and (min-width:1280px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li>ul>li>.menu-item-wrapper>a {
  font-size:18px;
  line-height:1.389;
  font-weight:400;
  letter-spacing:normal
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu {
 flex:0 0 100%;
 max-width:100%;
 display:none
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu {
  display:block
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu a {
 margin-bottom:0;
 position:relative;
 display:-ms-flex;
 display:flex;
 align-items:center;
 justify-content:center;
 width:-moz-max-content;
 width:max-content;
 font-size:16px;
 line-height:1.375;
 font-weight:400;
 letter-spacing:normal
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu a {
  font-size:14px;
  line-height:1.429;
  font-weight:400;
  letter-spacing:normal
 }
}
@media only screen and (min-width:1280px) {
 header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu a {
  font-size:16px;
  line-height:1.375;
  font-weight:400;
  letter-spacing:normal
 }
}
header .main-header .menu-wrap .menu-list>li>.sub-menu>li.full-menu a::after {
 content:"\e919";
 font-family:"icomoon"!important;
 padding-left:9px
}
header .main-header .menu-wrap .menu-list>li>.sub-menu.open {
 visibility:visible;
 opacity:1
}
@media only screen and (min-width:1024px) {
 header .main-header .menu-wrap .menu-list>li.industries-main-menu>.sub-menu>li {
  max-width:20%
 }
}
header .select-menu .select-btn {
 min-height:48px;
 min-width:48px;
 justify-content:center
}
@media only screen and (min-width:1024px) {
 header .select-menu .select-btn {
  justify-content:space-between;
  min-height:auto;
  min-width:auto
 }
}
.country-warp {
 order:1;
 position:relative;
 align-items:center
}
@media only screen and (min-width:1024px) {
 .country-warp {
  padding-left:15px;
  order:unset
 }
}
.country-warp .btn {
 margin-left:16px;
 white-space:nowrap;
 display:none
}
@media only screen and (min-width:1024px) {
 .country-warp .btn {
  display:-ms-flex;
  display:flex
 }
}
.country-warp .icon-arrow-dropdown {
 font-size:10px
}
.country-warp .icon-globe {
 font-size:15px
}
.country-warp .icon-arrow-dropdown,
.country-warp .select-btn-text {
 display:none
}
@media only screen and (min-width:1024px) {
 .country-warp .icon-arrow-dropdown,
 .country-warp .select-btn-text {
  display:block
 }
}
.search-wrap {
 order:4
}
@media only screen and (min-width:1024px) {
 .search-wrap {
  order:unset;
  margin-right:auto
 }
}
.search-wrap .search-field-icon {
 height:48px;
 width:48px;
 display:-ms-flex;
 display:flex;
 align-items:center;
 justify-content:center;
 font-size:13px;
 color:#38373d !important;
 cursor:pointer
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-field-icon {
  font-size:20px;
  height:24px;
  width:24px
 }
}
.search-wrap .search-input-group {
 display:none;
 position:absolute;
 background-color:#222;
 left:0;
 right:0;
 top:48px;
 height:calc(100vh - 48px)
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group {
  top:60px;
  height:60px
 }
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group::after {
  content:"";
  display:block;
  height:2px;
  width:100%;
  background:linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%)
 }
}
.search-wrap .search-input-group .form-group {
 padding-left:16px;
 padding-right:16px;
 margin-bottom:0;
 display:-ms-flex;
 display:flex;
 flex-direction:column-reverse
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group .form-group {
  padding-left:32px;
  padding-right:32px;
  flex-direction:row;
  align-items:center
 }
}
.search-wrap .search-input-group .form-group input {
 background-color:#222;
 height:60px;
 width:100%;
 color:rgba(255,255,255,.7215686275);
 border:none;
 font-size:27px;
 line-height:1;
 font-weight:400;
 letter-spacing:.32px
}
.search-wrap .search-input-group .form-group input::-moz-placeholder {
 color:rgba(255,255,255,.7215686275)
}
.search-wrap .search-input-group .form-group input::placeholder {
 color:rgba(255,255,255,.7215686275)
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group .form-group input {
  line-height:1;
  font-size:16px;
  letter-spacing:.32px
 }
}
.search-wrap .search-input-group .form-group .search-btn {
 position:absolute;
 bottom:50px;
 left:20px;
 right:20px;
 border:1px solid #fff;
 padding:5px 24px;
 display:flex;
 align-items:center;
 justify-content:space-between
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group .form-group .search-btn {
  position:static;
  border:0;
  padding:0
 }
}
.search-wrap .search-input-group .form-group .search-btn .icon-search::before {
 content:"\e919"
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group .form-group .search-btn .icon-search::before {
  content:"\e91b";
  color:#fff
 }
}
.search-wrap .search-input-group .form-group .search-btn .search-field-text {
 font-size:16px;
 color:#fff
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group .form-group .search-btn .search-field-text {
  font-size:0
 }
}
.search-wrap .search-input-group .form-group .search-btn:disabled {
 pointer-events:none;
 border:1px solid rgba(255,255,255,.6)
}
.search-wrap .search-input-group .form-group .search-btn:disabled .search-field-text {
 color:rgba(255,255,255,.6)
}
.search-wrap .search-input-group .form-group .search-btn:disabled .icon-search::before {
 color:rgba(255,255,255,.6)
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group .form-group .search-btn:disabled {
  pointer-events:auto;
  border:none
 }
 .search-wrap .search-input-group .form-group .search-btn:disabled .search-field-text,
 .search-wrap .search-input-group .form-group .search-btn:disabled .icon-search::before {
  color:#fff
 }
}
.search-wrap .search-input-group .form-group .icon-search {
 height:24px;
 width:24px
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group .form-group .icon-search {
  height:24px
 }
}
.search-wrap .search-input-group .form-group .icon-close {
 margin-left:auto
}
@media only screen and (min-width:1024px) {
 .search-wrap .search-input-group .form-group .icon-close {
  margin-left:16px
 }
}
.btn-header-icon {
 display:-ms-flex;
 display:flex;
 align-items:center;
 justify-content:center;
 height:48px;
 width:48px;
 color:#fff;
 padding:0;
 font-size:13px
}
@media only screen and (min-width:1024px) {
 .btn-header-icon {
  display:none
 }
}
.btn-header-icon.header-chat-icon {
 order:3
}
@media only screen and (min-width:1024px) {
 .btn-header-icon.header-chat-icon {
  order:unset
 }
}
.btn-header-icon.header-menu-icon {
 order:5
}
@media only screen and (min-width:1024px) {
 .btn-header-icon.header-menu-icon {
  order:unset
 }
}
.btn-header-icon.header-menu-icon.active {
 position:fixed;
 top:0;
 right:0;
 z-index:999
}
.btn-header-icon.header-menu-icon.active span::before {
 content:"\e918"
}
.header-back-btn {
 position:fixed;
 left:0;
 top:0;
 z-index:91
}
.badge-blue{
    background: #0073e6 !important;
}
.header-back-btn.back-two {
 z-index:92
}
body {
 padding-top:48px!important
}
@media only screen and (min-width:1024px) {
 body {
  padding-top:58px!important
 }
}
@media only screen and (min-width:1440px) {
 body {
  padding-top:60px!important
 }
}
body.home,
body.transparent_header {
 padding-top:0!important
}
body.home header,
body.transparent_header header {
 background-color:transparent
}
body header.fixed-header {
 background-color:#0f0f0f
}
body.overlay-active::after {
 content:"";
 background-color:rgba(15,15,15,.2);
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 z-index:3
}
body.overflow-active {
 overflow-y:hidden;
 padding-right:0!important;
 padding-top:0!important
}
.popup-overlay {
 position:fixed;
 height:100%;
 background:rgba(0,0,0,.5);
 display:none;
 align-items:center;
 justify-content:center;
 z-index:103!important;
 width:100%!important;
 text-align:center!important;
 position:fixed;
 left:0;
 right:0;
 top:0;
 bottom:0;
 overflow:auto!important
}
.popup-content {
 background:#fff;
 max-width:100%;
 z-index:1000;
 position:absolute;
 top:60px;
 left:50%;
 box-shadow:0 12px 30px rgba(0,0,0,.3);
 transform:translateX(-50%);
 text-align:left;
 width:954px;
 border-radius:0;
 padding:20px 0 0 0
}
.popup-content form h6 {
 margin:2% 0% 1% 0%
}
dl, ol, ul, p {
    margin-bottom: 0px !important;
}
.popup-content form p {
 margin:0% 0% 2% 0%
}
body.popup-overlay {
 overflow:hidden!important;
 position:fixed!important;
 width:100%!important
}
.demohead,
.demobody {
 padding:.5% 5% 1.5% 5%
}
h4.demohead {
 font-weight:600;
 font-size:25px
}
#demo-popup .contact-main-form .form-group {
 margin-bottom:0%
}
.close-popup {
 position:absolute;
 top:10px;
 right:21px;
 font-size:40px;
 cursor:pointer;
 color:#000
}
#demo-popup .contact-main-form {
 display:-ms-flex;
 display:flex;
 flex-wrap:wrap
}
@media only screen and (min-width:768px) {
 #demo-popup .contact-main-form {
  gap:0 32px
 }
}
#demo-popup .contact-main-form .form-group {
 width:100%;
 max-width:100%
}
@media only screen and (min-width:768px) {
 #demo-popup .contact-main-form .form-group {
  max-width:calc(50% - 16px)
 }
}
#demo-popup .contact-main-form .form-group.w-full {
 max-width:100%
}
#demo-popup .contact-main-form .color-secondary {
 color:rgba(60,60,67,.6)
}
#demo-popup .contact-main-form .mb-12 {
 margin-bottom:12px
}
#demo-popup .contact-main-form .btn {
 width:100%;
 justify-content:space-between
}
@media only screen and (min-width:768px) {
 #demo-popup .contact-main-form .btn {
  width:auto
 }
}
#demo-popup .contact-main-form .link-text {
 color:#5878ff
}
#demo-popup .contact-main-form .checkbox-wrap .wpcf7-list-item label {
 display:flex;
 align-items:center;
 margin-bottom:0
}
#demo-popup .contact-main-form .checkbox-wrap .wpcf7-list-item label span {
 display:block
}
#demo-popup .contact-main-form ul.country-list {
 width:100%;
 max-width:100%
}
#demo-popup .contact-main-form ul.country-list li.country {
 display:-ms-flex;
 display:flex
}
#demo-popup .contact-main-form ul.country-list li.country .country-name {
 text-wrap:wrap
}


.innovation {
       /* background-color: #fff4e2; */
       background-color: #f1fdff;
     background-color:  #493d93;
    color: #111453;
    overflow-y: hidden;
    /* min-height: 1100px */
}

@media (max-width: 1024px) {
    .innovation {
        padding-bottom:0
    }
}

.innovation .desc-inner-sec {
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 32px 0
}

.innovation .desc-inner-sec>* {
    flex: 0 0 calc(100% - 0px);
    width: calc(100% - 0px)
}

@media only screen and (min-width: 576px) {
    .innovation .desc-inner-sec {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 32px
    }

    .innovation .desc-inner-sec>* {
        flex: 0 0 calc(50% - 16px);
        width: calc(50% - 16px)
    }
}

.innovation .desc-inner-sec p {
    margin-bottom: 24px
}

.innovation .desc-inner-sec .desc-inner-sec-links {
    gap: 4px
}

.innovation p {
    color: #111453;
}

.innovation p span {
    background: linear-gradient(88.21deg,#ffbf01 -28.43%,#ff7402 123%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.innovation .counter-ani-sec {
    padding-top: 48px;
    padding-bottom: 64px;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 32px 32px
}

.innovation .counter-ani-sec>* {
    flex: 0 0 calc(50% - 16px);
    width: calc(50% - 16px)
}

@media only screen and (min-width: 768px) {
    /* .innovation .counter-ani-sec {
        padding-top:120px;
        padding-bottom: 120px
    } */
}

@media only screen and (min-width: 768px) {
    .innovation .counter-ani-sec {
        display:-ms-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 0 32px
    }

    .innovation .counter-ani-sec>* {
        flex: 0 0 calc(25% - 24px);
        width: calc(25% - 24px)
    }
}

.innovation .counter-ani-sec h2 {
    margin-bottom: 12px;
    background: linear-gradient(87.41deg,#FFD600 0%,#FF9602 37.67%,#FF9602 90.67%,#FF0202 99.45%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.innovation .counter-ani-sec p {
    color: #111453;
}

.innovation .counter-ani-sec .fadein {
    opacity: 0;
    transition: all 1.5s
}

.innovation .counter-ani-sec .fadein:first-child {
    transform: translate(0,400px)
}

.innovation .counter-ani-sec .fadein:first-child.visible {
    opacity: 1;
    transform: translate(0,0)
}

.innovation .counter-ani-sec .fadein:nth-child(2) {
    transform: translate(0,100px)
}

.innovation .counter-ani-sec .fadein:nth-child(2).visible {
    opacity: 1;
    transform: translate(0,0)
}

.innovation .counter-ani-sec .fadein:nth-child(3) {
    transform: translate(0,300px)
}

.innovation .counter-ani-sec .fadein:nth-child(3).visible {
    opacity: 1;
    transform: translate(0,0)
}

.innovation .counter-ani-sec .fadein:nth-child(4) {
    transform: translate(0,150px)
}

.innovation .counter-ani-sec .fadein:nth-child(4).visible {
    opacity: 1;
    transform: translate(0,0)
}

.innovation .counter-ani-sec .fadein:nth-child(4) h2 {
    margin-left: -8px
}

@media (max-width: 575px) {
    .innovation .partner-slider-wrap {
        background-color:#222;
        margin-left: -16px;
        margin-right: -16px;
        padding: 60px 20px 20px;
        border-top: 1px solid rgba(255,255,255,.5019607843)
    }
}

.innovation .partner-slider-wrap .partner-title {
    text-align: center;
    color: #fff;

}

@media only screen and (min-width: 1280px) {
    .innovation .partner-slider-wrap .partner-title {
        text-align:left
    }
}

.innovation .partner-slider-wrap .partner-slider {
    margin-top: 60px
}

@media only screen and (min-width: 768px) {
    .innovation .partner-slider-wrap .partner-slider {
        margin-top:32px
    }
}

@media (max-width: 575px) {
    .innovation .partner-slider-wrap .partner-slider {
        margin-top:30px
    }
}

.innovation .partner-slider-wrap .partner-slider .swiper-wrapper {
    transition-timing-function: linear!important;
    justify-content: space-evenly
}

.innovation .partner-slider-wrap .partner-slider .swiper-wrapper .swiper-slide {
    line-height: 0;
    margin-top: 0;
    margin-bottom: 70px;
    text-align: center
}

@media only screen and (min-width: 1024px) {
    .innovation .partner-slider-wrap .partner-slider .swiper-wrapper .swiper-slide {
        margin-bottom:50px
    }
}

@media only screen and (min-width: 1280px) {
    .innovation .partner-slider-wrap .partner-slider .swiper-wrapper .swiper-slide {
        margin-bottom:0
    }
}

@media (max-width: 575px) {
    .innovation .partner-slider-wrap .partner-slider .swiper-wrapper .swiper-slide {
        margin-bottom:30px;
        max-height: 40px;
        max-width: 170px
    }
}

@media only screen and (min-width: 768px) {
    .innovation .partner-slider-wrap .partner-slider .swiper-wrapper .swiper-slide img {
        max-height:40px
    }
}

@media (max-width: 575px) {
    .innovation .partner-slider-wrap .partner-slider .swiper-wrapper .swiper-slide img {
        max-width:60%
    }
}

.innovation .partner-slider-wrap.fadein {
    /* opacity: 0; */
    transition: all 1.5s;
    /* transform: translate(0,300px) */
}

.innovation .partner-slider-wrap.fadein.visible {
    opacity: 1;
    transform: translate(0,0)
}

.clutch-img {
    margin-left: 8px;
    margin-bottom: -3px;
    height: 17px;
    width: 56px
}

.partner-slider-marquee {
    background: none;
    box-shadow: none;
    height: 3rem;
    margin-top: 60px
}

@media only screen and (min-width: 768px) {
    .partner-slider-marquee {
        margin-top:32px
    }
}

@media (max-width: 575px) {
    .partner-slider-marquee {
        margin-top:30px
    }
}

.partner-slider-marquee .marquee__img img {
    height: 40px
}

@media (max-width: 1024px) {
    .partner-slider-marquee {
        margin-bottom:50px
    }
}

section,.section {
    width: 100%;
    padding-top: 64px;
    padding-bottom: 64px
}

@media only screen and (min-width: 768px) {
    section,.section {
        padding-top:100px;
        padding-bottom: 100px
    }
}

@media only screen and (min-width: 1280px) {
    section,.section {
        padding-top:120px;
        padding-bottom: 120px
    }
}

@media only screen and (min-width: 1440px) {
    section,.section {
        padding-top:180px;
        padding-bottom: 180px
    }
}

p {
    margin-bottom: 0
}

.marquee {
    width: 100%;
    height: 7rem;
    pointer-events: none;
    /* background: #000; */
    overflow: hidden;
    /* box-shadow: 0 2rem 2rem .4rem rgba(0,0,0,.2) */
}

.marquee__inner-wrap {
    height: 100%;
    width: 100%;
    overflow: hidden
}

.marquee__img {
    height: auto;
    margin: 0 3vw;
    width: -moz-max-content;
    width: max-content
}

.marquee__img img {
    height: 36px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.marquee__inner {
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    display: flex;
    position: relative;
    animation: marquee 120s linear infinite;
    will-change: transform;
    justify-content: center
}

@keyframes marquee {
    to {
        transform: translateX(-50%)
    }
}

@media (max-width: 768px) {
    .marquee__inner-wrap.footer-logo-swiper {
        margin-top:0px!important
    }
}



article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {
    display: block
}

img,a,input,nav,textarea,p,h1,h2,h3,h4,h5,h6 {
    padding: 0;
    margin: 0
}

.h1,h1 {
    font-size: 61px !important;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h1,h1 {
        font-size:80px !important;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h1,h1 {
        font-size:99px !important;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h2,h2 {
    font-size: 47px;
    line-height: 1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h2,h2 {
        font-size:54px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h2,h2 {
        font-size:61px;
        line-height: 1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h3,h3 {
    font-size: 36px;
    line-height: 1.06;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h3,h3 {
        font-size:40px;
        line-height: 1.06;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h3,h3 {
        font-size:47px;
        line-height: 1.06;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h4,h4 {
    font-size: 27px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h4,h4 {
        font-size:32px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h4,h4 {
        font-size:36px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h5,h5 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -.32px
}

@media only screen and (min-width: 1024px) {
    .h5,h5 {
        font-size:25px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

@media only screen and (min-width: 1440px) {
    .h5,h5 {
        font-size:27px;
        line-height: 1.1;
        font-weight: 400;
        letter-spacing: -.32px
    }
}

.h6,h6 {
    font-size: 21px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: normal
}

@media only screen and (min-width: 1024px) {
    .h6,h6 {
        font-size:22px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: normal
    }
}

@media only screen and (min-width: 1440px) {
    .h6,h6 {
        font-size:24px;
        line-height: 1.25;
        font-weight: 400;
        letter-spacing: normal
    }
}

.body-font-xl {
    font-size: 21px;
    line-height: 1.381;
    font-weight: 400;
    letter-spacing: normal
}

.body-font-lg {
    font-size: 18px;
    line-height: 1.389;
    font-weight: 400;
    letter-spacing: normal
}

.body-font-md {
    font-size: 16px;
    line-height: 1.375;
    font-weight: 400;
    letter-spacing: normal
}

.body-font-sm {
    font-size: 14px;
    line-height: 1.429;
    font-weight: 400;
    letter-spacing: normal
}