html {
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
}

body {
  font-family: "Syne", sans-serif;
  line-height: 1.6666;
  font-weight: 400;
}

/*------------------------------------------*/
/*  PAGE CONTENT
/*------------------------------------------*/

#page {
  overflow: hidden;
}

section,
.container {
  position: relative !important;
  z-index: 3;
}

/*------------------------------------------*/
/*  BLOCK SHADOW
/*------------------------------------------*/

.block-shadow {
  -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.08);
}

/*------------------------------------------*/
/*  BORDER SETTINGS
/*------------------------------------------*/

.x-border {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

/*------------------------------------------*/
/*  BORDER RADIUS SETTING
/*------------------------------------------*/
.r-12 {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}

.mb-30 {
  margin-bottom: 30px;
}
.mb-70 {
  margin-bottom: 70px;
}

/*------------------------------------------*/
/*  BACKGROUND SETTINGS
/*------------------------------------------*/

.bg--scroll {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*------------------------------------------*/
/*  GRADIENT COLOR BACKGROUND
/*------------------------------------------*/

/*------------------------------------------*/
/*  BACKGROUND SHAPE
/*------------------------------------------*/
.shape--white-400:after {
  background-color: #eee;
}

h1 {
  font-size: 56px;
}

h2 {
  color: white;
  font-size: 48px;
  font-family: "Syne", sans-serif;
}
h4 {
  font-size: 40px;
}

h5 {
  color: black;
  font-size: 24px;
}
h6 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  PARAGRAPHS
/*------------------------------------------*/

p.p-sm {
  font-size: 0.9375rem;
} /* 15px */
p {
  font-family: "Syne", sans-serif;
  font-size: 1rem;
} /* 16px */ /* 17px */ /* 18px */ /* 19.2px */

/*------------------------------------------*/
/*  FONT SIZE
/*------------------------------------------*/ /* 15px */ /* 16px */
.s-17 {
  font-size: 1.0625rem;
} /* 17px */ /* 18px */ /* 19px */
.s-20 {
  font-size: 1.25rem;
} /* 20px */
.s-21 {
  font-size: 1.3125rem;
} /* 21px */
.s-22 {
  font-size: 1.375rem;
} /* 22px */ /* 23px */ /* 24px */ /* 26px */ /* 28px */ /* 30px */ /* 32px */ /* 34px */ /* 36px */ /* 38px */ /* 40px */ /* 42px */ /* 43px */ /* 44px */ /* 45px */
.s-46 {
  font-size: 2.875rem;
} /* 46px */ /* 47px */ /* 48px */
.s-50 {
  font-size: 3.125rem;
} /* 50px */ /* 52px */ /* 54px */ /* 56px */ /* 58px */ /* 60px */
.s-62 {
  font-size: 3.875rem;
} /* 62px */ /* 64px */ /* 66px */ /* 68px */ /* 70px */ /* 72px */ /* 74px */ /* 76px */ /* 78px */ /* 80px */

/*------------------------------------------*/
/*  FONT WEIGHT
/*------------------------------------------*/
.w-700 {
  color: black;
  font-weight: 700;
  font-family: "Syne", sans-serif;
}

/*------------------------------------------*/
/*  LINK SETTINGS
/*------------------------------------------*/

a {
  font-family: "Syne", sans-serif;
  color: white;
  text-decoration: none;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

a:hover {
  color: #353f4f !important;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

/*------------------------------------------*/
/*  LISTS
/*------------------------------------------*/

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*------------------------------------------*/
/*  TEXT LIST
/*------------------------------------------*/

ul.simple-list {
  list-style-type: none;
  text-decoration: none;
}

/*------------------------------------------*/
/*  DIGIT LIST
/*------------------------------------------*/

/*------------------------------------------*/
/*  BUTTON SETTINGS
/*------------------------------------------*/

.btn {
  background-color: transparent;
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
  padding: 0.9rem 1.8rem;
  border: 2px solid transparent;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

/*------------------------------------------*/
/*  Buttons Group
/*------------------------------------------*/

/*------------------------------------------*/
/*  Button Icon
/*------------------------------------------*/

/*------------------------------------------*/
/*  Button Text
/*------------------------------------------*/

/*------------------------------------------*/
/*  TRANSPARENT BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  WHITE BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  BLACK BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  GREY BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  BLUE BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  GREEN BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  PINK BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  PURPLE BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  RED BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  VIOLET BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  YELLOW BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  BUTTON FOCUS
/*------------------------------------------*/

.btn:focus {
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/*------------------------------------------*/
/*  DOWNLOAD LINKS
/*------------------------------------------*/

/*------------------------------------------*/
/*  OS DOWNLOAD BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  STORE BADGE ICONS
/*------------------------------------------*/

/*------------------------------------------*/
/*  WATCH VIDEO LINK
/*------------------------------------------*/

/*------------------------------------------*/
/*  Link Icon
/*------------------------------------------*/

/*------------------------------------------*/
/*  Link Text
/*------------------------------------------*/

/*------------------------------------------*/
/*  VIDEO POPUP ICON
/*------------------------------------------*/

/*------------------------------------------*/
/*  VECTOR ICONS
/*------------------------------------------*/ /* 15px */ /* 15px */ /* 20px */ /* 25px */ /* 30px */ /* 35px */ /* 40px */ /* 45px */
.ico-50 [class*="flaticon-"]:before,
.ico-50 [class*="flaticon-"]:after {
  font-size: 3.125rem;
} /* 50px */ /* 55px */ /* 60px */ /* 65px */ /* 70px */ /* 75px */ /* 80px */ /* 85px */ /* 90px */ /* 95px */ /* 100px */ /* 105px */ /* 110px */ /* 115px */ /* 120px */ /* 125px */

/*------------------------------------------*/
/*  VECTOR ICON BACKGROUND
/*------------------------------------------*/

.shape-ico {
  position: relative;
  display: inline-block;
  margin: 10px;
}

.shape-ico span {
  position: relative;
  z-index: 2;
}

.shape-ico svg {
  position: absolute;
  z-index: 1;
}

.ico-50 .shape-ico svg {
  width: 130px;
  height: 130px;
  top: -35px;
  left: calc(50% - 60px);
}

/*------------------------------------------*/
/*  VECTOR ROUNDED ICONS
/*------------------------------------------*/

/*------------------------------------------*/
/*  VECTOR SQUARE ICONS
/*------------------------------------------*/

/*------------------------------------------*/
/*   PNG ICONS SETTINGS
/*------------------------------------------*/
.ico-50 img {
  width: 50px;
  height: 50px;
}
.ico-25 img {
  width: 25px;
  height: 25px;
}

/*------------------------------------------*/
/*   SECTION ID
/*------------------------------------------*/

/*------------------------------------------*/
/*  SECTION TITLE
/*------------------------------------------*/

.section-title {
  color: black;
  text-align: center;
}

.section-title h2 {
  margin-bottom: 0;
}

.section-title h2.w-700 {
  letter-spacing: -0.5px;
}

.section-title p.s-21 {
  margin-top: 18px;
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  TEXT COLORS
/*------------------------------------------*/

span {
  color: #00e892;
}

.color--grey {
  color: #757575;
}

/* ==========================================================================
  03. PRELOAD ANIMATION
  ========================================================================== */

/* ==========================================================================
  04. HEADER & NAVIGATION
  =========================================================================== */

#header {
  width: 100%;
  display: block;
  padding-top: 0px;
}

.header-wrapper {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/*------------------------------------------*/
/*  HEADER LOGO
/*------------------------------------------*/

.desktoplogo img {
  width: auto;
  max-width: inherit;
  max-height: 38px;
}

/*------------------------------------------*/
/*  NAVIGATION MENU
/*------------------------------------------*/

.wsmainfull {
  width: 100%;
  height: auto;
  z-index: 1031;
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out;
}

.tra-menu .wsmainfull {
  background-color: transparent !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/*------------------------------------------*/
/*  HEADER LINK
/*------------------------------------------*/

.wsmenu > .wsmenu-list > li > a {
  font-family: "Plus Jakarta Sans", sans-serif;
  display: block;
  font-size: 1rem;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
  margin: 0 7px;
  padding: 10px 15px;
}

.navbar-light .wsmenu > .wsmenu-list > li > a.h-link {
  color: #fff;
}
.navbar-light .wsmenu > .wsmenu-list > li > a.h-link:hover {
  color: #11172d;
}

/*------------------------------------------*/
/*  HEADER LINK INFO
/*------------------------------------------*/

/*------------------------------------------*/
/*  HEADER BUTTONS
/*------------------------------------------*/

/*------------------------------------------*/
/*  HEADER SOCIAL LINKS  
/*------------------------------------------*/

/*------------------------------------------*/
/*  HEADER SUBMENU
/*------------------------------------------*/

/*------------------------------------------*/
/*  HALFMENU
/*------------------------------------------*/

/*------------------------------------------*/
/*  MEGAMENU
/*------------------------------------------*/

/*------------------------------------------*/
/*  SUBMENU TITLE
/*------------------------------------------*/

/*------------------------------------------*/
/*  DARK HEADER SUBMENU / MEGAMENU
/*------------------------------------------*/

/*------------------------------------------*/
/*  ICONS MENU
/*------------------------------------------*/

/*------------------------------------------*/
/*  NAVBAR HOVER
/*------------------------------------------*/

.navbar-light .wsmenu-list > li > a.h-link:hover {
  color: #eee !important;
}

/*------------------------------------------*/
/*  HIDDEN NAVBAR SCROLL
/*------------------------------------------*/

/*------------------------------------------*/
/*  NAVBAR WHITE SCROLL
/*------------------------------------------*/

/*------------------------------------------*/
/*  NAVBAR BLACK SCROLL
/*------------------------------------------*/

/*------------------------------------------*/
/*  WHITE SCROLL BUTTONS
/*------------------------------------------*/

/*------------------------------------------*/
/*  BLACK SCROLL BUTTONS
/*------------------------------------------*/

/*------------------------------------------*/
/*  LOGO IMAGE
/*------------------------------------------*/

.logo-white,
.logo-black {
  display: block;
}

.navbar-light .logo-black {
  display: none;
}

/* ==========================================================================
  05. HERO
  ========================================================================== */

.hero-section,
.hero-section .container {
  position: relative;
  z-index: 3;
}

.hero-section h2 {
  margin-bottom: 28px;
}

.hero-section h2.s-62 {
  margin-bottom: 24px;
}

#hero-12 {
  overflow: hidden;
  background-image: url(../images/banner-header.png);
  padding-top: 200px;
  height: 800px;
}

/*------------------------------------------*/
/*  HERO-13
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-14
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-15
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-16
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-17
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-18
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-19
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-20
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-21
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-22
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-23
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-24
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-25
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-26
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO-27
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO QUICK FORM
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Quick Form Input
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Quick Form Placeholder
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Quick Form Focus
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Quick Form Button
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Quick Form Message
/*------------------------------------------*/

/*------------------------------------------*/
/*  HERO REQUEST FORM
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Request Form Input
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Request Form Placeholder
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Request Form Button
/*------------------------------------------*/

/*------------------------------------------*/
/*  Hero Request Form Message
/*------------------------------------------*/

/* ==========================================================================
  06. ABOUT
  ========================================================================== */

/*------------------------------------------*/
/*  ABOUT TYPOGRAPHY
/*------------------------------------------*/

/*------------------------------------------*/
/*  ABOUT 2 AUTHOR
/*------------------------------------------*/

/*------------------------------------------*/
/*  ABOUT 2 IMAGES
/*------------------------------------------*/

/* ==========================================================================
  07. FEATURES
  ========================================================================== */
#features-12 {
  padding-bottom: 100px;
}

#features-12.pt-100.shape--bg:after {
  position: absolute;
  content: "";
  z-index: -1;
}
#features-12.pt-100.shape--bg:after {
  width: 48%;
  height: 58%;
  top: 21%;
  left: 52%;
}

.rows-3 .fb-1,
.rows-3 .fb-2,
.rows-3 .fb-3,
.rows-3 .fb-4 {
  margin-bottom: 40px;
}

/*------------------------------------------*/
/*  FEATURE BOX
/*------------------------------------------*/

/*------------------------------------------*/
/*  FEATURE BOX IMAGE
/*------------------------------------------*/

/*------------------------------------------*/
/*  FBOX-1 IMAGE
/*------------------------------------------*/

/*------------------------------------------*/
/*  FBOX-2 IMAGE
/*------------------------------------------*/

/*------------------------------------------*/
/*  FBOX-3 IMAGE
/*------------------------------------------*/

/*------------------------------------------*/
/*  FBOX-4 IMAGE
/*------------------------------------------*/

/*------------------------------------------*/
/*  FBOX-5 IMAGE
/*------------------------------------------*/

/*------------------------------------------*/
/*  FEATURE BOX VECTOR ICON
/*------------------------------------------*/

.fbox-ico {
  margin-bottom: 20px;
}

.fbox-11 {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: stretch !important;
  justify-content: flex-start;
}

.fbox-ico-wrap {
  position: relative;
  margin-right: 25px;
}

.fbox-11 .fbox-ico {
  margin-top: 4px;
}

/*------------------------------------------*/
/*  FEATURE BOX
/*------------------------------------------*/

.fbox-11 .fbox-txt {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}

/*------------------------------------------*/
/*  FEATURE BOX TITLE
/*------------------------------------------*/

/*------------------------------------------*/
/*  FEATURE BOX TYPOGRAPHY
/*------------------------------------------*/

.fbox-wrapper .row-cols-md-2 h6 {
  margin-bottom: 10px;
}

.fbox-wrapper p {
  margin-bottom: 0;
}

/*------------------------------------------*/
/*  FEATURE-12
/*------------------------------------------*/

.fbox-12-wrapper {
  padding-left: 45px;
}

.fbox-12 {
  padding: 32px 35px;
}

.fbox-12 h5 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.fbox-12 p {
  margin-bottom: 0;
}

/* ==========================================================================
  08. CONTENT
  ========================================================================== */

/*------------------------------------------*/
/*  CONTENT BOX WRAPPER
/*------------------------------------------*/

/*------------------------------------------*/
/*  TEXT BLOCK
/*------------------------------------------*/

/*------------------------------------------*/
/*  TEXT BLOCK TYPOGRAPHY
/*------------------------------------------*/

.txt-block h2 {
  margin-bottom: 26px;
  font-size: 42px;
  font-family: "Noto Sans", sans-serif;
}

/*------------------------------------------*/
/*  CONTENT BOX
/*------------------------------------------*/

/*------------------------------------------*/
/*  CONTENT BOX TITLE
/*------------------------------------------*/

/*------------------------------------------*/
/*  CONTENT BOX ICON
/*------------------------------------------*/

/*------------------------------------------*/
/*  CBOX #2
/*------------------------------------------*/

/*------------------------------------------*/
/*  CBOX #3
/*------------------------------------------*/

/*------------------------------------------*/
/*  CONTENT BOX TEXT
/*------------------------------------------*/

/*------------------------------------------*/
/*  CONTENT BOX FEATURE
/*------------------------------------------*/

/*------------------------------------------*/
/*  CONTENT BOX TYPOGRAPHY
/*------------------------------------------*/

/*------------------------------------------*/
/*  ACCORDION  
/*------------------------------------------*/

/*------------------------------------------*/
/*  TABS
/*------------------------------------------*/

/*------------------------------------------*/
/*  TAB LINK HOVER / CURRENT
/*------------------------------------------*/

/*------------------------------------------*/
/*  ADVANTAGES LIST
/*------------------------------------------*/

/*------------------------------------------*/
/*  COMPATABILITY
/*------------------------------------------*/

/*------------------------------------------*/
/*  TOOLS LIST / PAYMENT METHODS
/*------------------------------------------*/

/*------------------------------------------*/
/*  Payment Icons
/*------------------------------------------*/

/*------------------------------------------*/
/*  QUOTE
/*------------------------------------------*/

/*------------------------------------------*/
/*  Quote Avatar 
/*------------------------------------------*/

/*------------------------------------------*/
/*  Quote Author 
/*------------------------------------------*/

/*------------------------------------------*/
/*  CONTENT BOX SHAPES
/*------------------------------------------*/

/*------------------------------------------*/
/*  IMG BLOCK IMAGE
/*------------------------------------------*/

/* ==========================================================================
  09. STATISTIC
  =========================================================================== */

/*------------------------------------------*/
/*  STATISTIC BLOCK
/*------------------------------------------*/

/*------------------------------------------*/
/*  STATISTIC BLOCK TYPOGRAPHY
/*------------------------------------------*/

/*------------------------------------------*/
/*  STATISTIC BLOCK TYPOGRAPHY
/*------------------------------------------*/

/* ==========================================================================
  10. PROJECTS
  ========================================================================== */

/*------------------------------------------*/
/*  PROJECT DETAILS
/*------------------------------------------*/

/*------------------------------------------*/
/*  Image Link
/*------------------------------------------*/

/*------------------------------------------*/
/*  Image Hover Overlay
/*------------------------------------------*/

/*------------------------------------------*/
/*    Overlay Background 
/*------------------------------------------*/

/*------------------------------------------*/
/*  Image Hover Effect 
/*------------------------------------------*/

/*------------------------------------------*/
/*  MORE PROJECTS BUTTON
/*------------------------------------------*/

/* ==========================================================================
  11. PROJECT DETAILS
  ========================================================================== */

/*------------------------------------------*/
/*  MORE PROJECTS BUTTON
/*------------------------------------------*/

/* ==========================================================================
  12. RATING
  =========================================================================== */

/*------------------------------------------*/
/*  RATING BOX
/*------------------------------------------*/

/*------------------------------------------*/
/*  RATING BOX LOGO
/*------------------------------------------*/

/*------------------------------------------*/
/*  RATING BOX TYPOGRAPHY
/*------------------------------------------*/

/* ==========================================================================
  13. TESTIMONIALS
  =========================================================================== */

/*------------------------------------------*/
/*  TESTIMONIAL
/*------------------------------------------*/

/*------------------------------------------*/
/*  TESTIMONIAL TEXT
/*------------------------------------------*/

/*------------------------------------------*/
/*  TESTIMONIAL DATA
/*------------------------------------------*/

/*------------------------------------------*/
/*  TESTIMONIAL AUTHOR
/*------------------------------------------*/

/*------------------------------------------*/
/*  TESTIMONIAL CAROUSEL DOTS
/*------------------------------------------*/

/* ==========================================================================
  14. PRESS
  =========================================================================== */

/*------------------------------------------*/
/*  PRESS LOGO
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRESS TEXT
/*------------------------------------------*/

/* ==========================================================================
  15. BRANDS
  =========================================================================== */

/*------------------------------------------*/
/*  BRANDS SECTION TITLE
/*------------------------------------------*/

/*------------------------------------------*/
/*  BRANDS LOGO WRAPPER
/*------------------------------------------*/

/*------------------------------------------*/
/*  BRANDS LOGO IMAGE
/*------------------------------------------*/

/* ==========================================================================
  16. INTEGRATIONS
  =========================================================================== */

/* ==========================================================================
  17. PRICING
  =========================================================================== */

/*------------------------------------------*/
/*  Price Table
/*------------------------------------------*/

/*------------------------------------------*/
/*  TABLE HEADER 
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRICING TABLE DISCOUNT
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRICE
/*------------------------------------------*/

/*------------------------------------------*/
/*  DOLLAR SIGN
/*------------------------------------------*/

/*------------------------------------------*/
/*  COINS
/*------------------------------------------*/

/*------------------------------------------*/
/*  Validity
/*------------------------------------------*/

/*------------------------------------------*/
/*  Text
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRICING TABLE HORIZONTAL LINE
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRICING FEATURES
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRICING TABLE BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRICING TOGGLE BUTTON
/*------------------------------------------*/

/*------------------------------------------*/
/*  TOGGLE BUTTON TYPOGRAPHY
/*------------------------------------------*/

/*------------------------------------------*/
/*  TOGGLE BUTTON SWITCHER
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRICING NOTICE TEXT
/*------------------------------------------*/

/*------------------------------------------*/
/*  COMPARE PRICING TABLE
/*------------------------------------------*/

/*------------------------------------------*/
/*  PRICING COMPARE PAYMENT
/*------------------------------------------*/

/* ==========================================================================
  18. TEAM
  =========================================================================== */

/*------------------------------------------*/
/*  TEAM MEMBER
/*------------------------------------------*/

/*------------------------------------------*/
/*  TEAM MEMBER PHOTO
/*------------------------------------------*/

/*------------------------------------------*/
/*  PHOTO HOVER ZOOM
/*------------------------------------------*/

/*------------------------------------------*/
/*  TEAM MEMBER TYPOGRAPHY
/*------------------------------------------*/

/*------------------------------------------*/
/*  Team Member Social Links
/*------------------------------------------*/

/* ==========================================================================
  19. CAREERS
  =========================================================================== */

/*------------------------------------------*/
/*  ROLE BOX
/*------------------------------------------*/

/*------------------------------------------*/
/*  ROLE BOX TEXT
/*------------------------------------------*/

/* ==========================================================================
  20. CAREER ROLE
  =========================================================================== */

/* ==========================================================================
  21. BANNER
  =========================================================================== */

/*------------------------------------------*/
/*  BANNER WRAPPER
/*------------------------------------------*/

/*------------------------------------------*/
/*  BANNER TEXT
/*------------------------------------------*/

/*------------------------------------------*/
/*  BANNER TYPOGRAPHY
/*------------------------------------------*/

/*------------------------------------------*/
/*  BANNER IMAGE
/*------------------------------------------*/

/* ==========================================================================
  22. CALL TO ACTION / DOWNLOAD
  =========================================================================== */

/* ==========================================================================
  23. FAQS
  =========================================================================== */

/*------------------------------------------*/
/*  FAQS SECTION TITLE 
/*------------------------------------------*/

/*------------------------------------------*/
/*  FAQS ACCORDION  
/*------------------------------------------*/

/*------------------------------------------*/
/*  Question
/*------------------------------------------*/

/*------------------------------------------*/
/*  Answer
/*------------------------------------------*/

/*------------------------------------------*/
/*  FAQS TABS 
/*------------------------------------------*/

/*------------------------------------------*/
/*  TAB LINK CURRENT
/*------------------------------------------*/

/*------------------------------------------*/
/*  MORE QUESTIONS LINK
/*------------------------------------------*/

/* ==========================================================================
  24. NEWSLETTER
  =========================================================================== */
.newsletter-section {
  color: white;
  background: black;
  background-repeat: no-repeat;
  background-image: url(../images/img-form.png);
}

/*------------------------------------------*/
/*  NEWSLETTER TYPOGRAPHY
/*------------------------------------------*/

/*------------------------------------------*/
/*  NEWSLETTER FORM
/*------------------------------------------*/

/*------------------------------------------*/
/*   Newsletter Form Input
/*------------------------------------------*/

.newsletter-section .form-control {
  height: 56px;
  background-color: #fff;
  border: 1px solid #ccc;
  font-size: 1rem;
  color: #353f4f;
  font-weight: 400;
  padding: 0 15px;
  margin-right: 12px;
  box-shadow: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.newsletter-section .form-control:focus {
  background-color: #fff;
  outline: 0;
  box-shadow: none;
  border-color: #1680fb;
}

.newsletter-section .form-control::-moz-placeholder {
  color: #aaa;
}
.newsletter-section .form-control:-ms-input-placeholder {
  color: #aaa;
}
.newsletter-section .form-control::-webkit-input-placeholder {
  color: #aaa;
}

.newsletter-section .btn {
  display: block;
  width: 100% !important;
  height: 56px;
}

.footer {
  background: black;
  padding-bottom: 50px;
}

img.footer-logo {
  width: auto;
  max-width: inherit;
}

.footer h6 {
  color: white;
  line-height: 1;
  margin-bottom: 25px;
}
.footer .footer-mail-link {
  margin-left: 3px;
  margin-bottom: 0;
}

.footer-mail-link a {
  font-weight: 400;
}

.footer-socials {
  margin: 0;
  display: inline-block;
}

.footer-socials li {
  float: left;
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
}

.footer-socials a {
  display: block;
  margin-right: 15px;
}

.footer-socials.ico-25 a {
  margin-right: 16px;
}

hr {
  background-color: black;
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

.color--theme,
.color--theme span {
  color: #f74780 !important;
}

.shape-ico.color--theme path,
.shape-ico.color--theme path,
.shape-ico.color--theme path {
  fill: #feecf2;
}

.newsletter-section .form-control:focus {
  background-color: #fff;
  border-color: #353f4f;
}

h2.info-text {
  color: white; /* Cor do texto */
  font-family: "Open Sans", sans-serif;
}

.titulo-header {
  color: #fff;
  font-size: 46px;
}

.col-xl-10 {
  padding-top: 231px;
  width: 67.333333%;
}

.fbox-12 {
  background: white;
  position: relative;
  padding: 22px 27px;
}
.wsmainwp {
  margin: 0 auto;
  max-width: 1330px;
  padding: 0 15px;
  position: relative;
}

#copy {
  color: white;
}
#titulo-trans,
#titulo-sessao2,
#titulo-digital,
#form-titulo {
  font-family: "Syne", sans-serif;
}

.logo-ili {
  height: 30px;
  padding-left: 10px;
  padding-bottom: 6px;
}

#footer-ili {
  display: flex;
  justify-content: end;
  color: white;
}
#text-ili {
  font-size: 12px;
  padding-top: 9px;
}
.footer-socials {
  padding-top: 15px;
}

#info-text-form {
  padding-top: 43px;
}

#features-11 {
  padding: 100px 0;
}

#logo-form {
  margin-top: auto; /* Isso empurra a logo para baixo */
  padding-top: 75%; /* Espaço extra acima da logo */
}

#section-form {
  padding-bottom: 270px;
  padding-top: 30px;
}

.form-background {
  background-color: #2a2a2a; /* Cor de fundo cinza */
  opacity: 0.9; /* Transparência */
  padding: 20px;
  border-radius: 10px; /* Bordas arredondadas */
}

#section-form .btn {
  color: black;
  background: #00e892;
  font-weight: 600;
  height: 54px;
  font-size: 0.925rem;
  padding: 0.7rem 1.3rem;
}

#section-form.newsletter-section .form-control {
  height: 54px;
  font-size: 0.975rem;
}

li[data-type="control_button"] .form-submit-button {
  color: #ffffff;
  background-color: #00e892;
  background-image: none;
  box-shadow: none;
  text-shadow: none;
}