/* ================================================== */

@import url('https://fonts.googleapis.com/css2?family=Manrope:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* ================================================== */


/* import fonts icon */


/* ================================================== */

@import url("../fonts/fontawesome4/css/font-awesome.css");
@import url("../fonts/fontawesome6/css/fontawesome.css");
@import url("../fonts/fontawesome6/css/brands.css");
@import url("../fonts/fontawesome6/css/solid.css");
@import url("../fonts/elegant_font/HTML_CSS/style.css");
@import url("../fonts/et-line-font/style.css");
@import url("../fonts/icofont/icofont.min.css");

* {
  /* body font */
  --body-font: "Manrope", Helvetica, Arial, sans-serif;
  --body-font-size: 16px;
  --body-font-color: rgba(0, 0, 0, .6);
  --body-font-color-dark: rgba(255, 255, 255, .75);
  --body-font-weight: 500;
  /* heading font */
  --heading-font: "Manrope", Helvetica, Arial, sans-serif;  
  --heading-font-weight: bold;
  --heading-font-color: #000000;
  --heading-text-transform: none;
  /* h1 */
  --h1-font-size: 60px;
  --h1-font-weight: var(--heading-font-weight);
  --h1-letter-spacing: -0.02em;
  --h1-line-height: 1.25em;
  --h1-margin-bottom: 20px;
  /* h2 */
  --h2-font: var(--heading-font);
  --h2-font-size: 48px;
  --h2-font-weight: var(--heading-font-weight);
  --h2-letter-spacing: -0.015em;
  --h2-line-height: 1.2em;
  --h2-margin-bottom: 25px;
  /* h3 */
  --h3-font-size: 26px;
  --h3-font-weight: var(--heading-font-weight);
  --h3-letter-spacing: 0;
  --h3-line-height: 1.5em;
  --h3-margin-bottom: 10px;
  /* h4 */
  --h4-font-size: 20px;
  --h4-font-weight: var(--heading-font-weight);
  --h4-letter-spacing: 0;
  --h4-line-height: 1.6em;
  --h4-margin-bottom: 10px;
  /* h5 */
  --h5-font-size: 18px;
  --h5-font-weight: var(--heading-font-weight);
  --h5-letter-spacing: 0;
  --h5-line-height: 1.6em;
  --h5-margin-bottom: 10px;
  /* h6 */
  --h6-font-size: 16px;
  --h6-font-weight: var(--heading-font-weight);
  --h6-letter-spacing: 0;
  --h6-line-height: 1.6em;
  --h6-margin-bottom: 10px;
  /* mainmenu */
  --mainmenu-font: var(--body-font);
  --mainmenu-font-size: 15px;
  --mainmenu-font-weight: 700;
  --mainmenu-letter-spacing: 0;
  --mainmenu-text-transform: none;
  /* header logo */
  --logo-width: 120px;
  --logo-footer-width: 150px;
  /* misc */
  --border-default: solid 1px rgba(30, 30, 30, 1);
  --bg-color-even: #E8E8E8;
  --bg-color-odd: #F4F4F4;
  --bg-light: #F8F9FA;
  --bg-dark-1: #101435;
  --bg-dark-2: #1A1E42;
  --bg-dark-3: #1e1e1e;  
  --bg-dark-1-rgb: 16, 20, 53;
  --bg-grey: #eeeeee;
  --bg-gradient-1: 0deg, rgba(var(--primary-color-rgb), .1) 0%, rgba(var(--secondary-color-rgb), .2) 100%;
  --swiper-theme-color: var(--secondary-color);
  --rounded-1: 10px;
  --border-color:#bbbbbb;
  --container-max-width:1240px;
  /* button */
  --btn-color: #fff;
  --btn-hover-bg: var(--bg-dark-1);
  --btn-font-family: var(--body-font);
  --btn-font-size: 12px;
  --btn-font-weight: 800;
  --btn-letter-spacing: 2px;
  --btn-padding: 4px 20px;
  --btn-rounded: 6px;
  --btn-text-decoration: none;
  --btn-text-transform: uppercase;
  --gradient-text: 0deg,#888888 0%, #ffffff 75%;
}

/* base background color */
.bg-color{background: var(--primary-color)}
.bg-color-2{background: var(--secondary-color)}
.bg-light{background: var(--bg-light) !important}
.bg-dark,.bg-dark-1{background-color: var(--bg-dark-1) !important}
.bg-dark-2{background-color: var(--bg-dark-2) !important}
.bg-dark-3{background-color: var(--bg-dark-3) !important}
.bg-grey{background-color: var(--bg-grey) !important}
.bg-gradient-1{  background: -moz-linear-gradient(var(--bg-gradient-1)) !important;  background: -webkit-linear-gradient(var(--bg-gradient-1)) !important;background: linear-gradient(var(--bg-gradient-1)) !important;
}
/* base color */
.id-color{color:var(--primary-color)}
.rounded-1{
  border-radius: var(--rounded-1) !important;
  -moz-border-radius: var(--rounded-1) !important;
  -webkit-border-radius: var(--rounded-1) !important;
}
.alt-font-1{font-family:var(--alt-font-1);}

/* ================================================== */


/* body */


/* ================================================== */

html {
  position: relative;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
}

body {
  overflow: hidden;
  font-family: var(--body-font);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);;
  color: var(--body-font-color);
  padding: 0;
  line-height: 1.8em;
  word-spacing: 0px;
}

body.dark-scheme {
  color: var(--body-font-color-dark);
  background: #057b87;
 
  position: relative;
}

a,
a:hover {
  color:var(--body-font-color);
  text-decoration: none;
  outline: none;
}

.dark-scheme a,
.dark-scheme a:hover,
.text-light a,
.text-light a:hover {
  color:var(--body-font-color-dark);
  text-decoration: none;
  outline: none;
}


/* ================================================== */


/*  header  */


/* ================================================== */

header {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1001;
  background: var(--bg-dark-1);
  margin: 0;
}

header.header-s1 {
  top: 0;
}

header.header-bg {
  background: rgba(0, 0, 0, 0.5);
}

header.transparent {
  background: none;
}

body:not(.side-layout) header:not(.smaller):not(.header-mobile).header-light.transparent {
  background: rgba(255, 255, 255, 0.0);
}

header.autoshow {
  top: -120px;
  height: 70px !important;
}

header.autoshow.scrollOn,
header.autoshow.scrollOff {
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  transition: .5s;
  outline: none;
}

header.autoshow.scrollOn {
  top: 0;
}

header.autoshow.scrollOff {
  opacity: ;
  top: -120px;
}

header div#logo {
  color: white;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header .logo-2 {
  display: none;
}

header .logo-scroll {
  display: none;
}

header .logo,
header .logo-2 {
  font-family: var(--body-font);
  color: #fff;
  font-size: 40px;
  font-weight: 300;
}

header .logo-2 {
  color: #333;
}

header.header-full nav {
  float: left;
}

header nav a {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

header nav a:hover {
  color: #555;
}

header.smaller #mainmenu ul ul {
  top: 0px;
}

header.smaller {
  position: fixed;
  top: 0px;
  background: #10143538;
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: none;*/
}

header.header-mobile.header-float .header-inner,
header.smaller.header-float .header-inner{
  background: none;
  margin-top: 0;
  padding: 0;
}

header.smaller.header-float.header-light .header-inner{
  background: none;
}


header.header-light.smaller{
  background: rgba(255, 255, 255, 1.0);
}

.scroll-down {
    margin-top: -90px;
}

.scroll-up {
    margin-top: 0;
}

header.header-center.scroll-down{
  margin-top: -175px;
}

header.header-center #logo-center{
  display: inline-block;
  padding-top: 40px;
}

header.header-center #mainmenu{
  display: inline-block;
}

header.header-center{
  text-align: center;
}

header.header-center #logo{
  display: none;
}

header.smaller div#logo,
header.s2 div#logo {}

header.smaller .logo-init {
  display: none;
}

header.smaller #topbar {
  margin-top:-42px;
  overflow: hidden;
}

header.smaller #topbar.topbar-dark {
  background: rgba(34, 34, 34, .05);
}

header.smaller #topbar.topbar-dark a {
  color: #333333;
}

header .logo-mobile {
  display: none;
}


header.smaller.scroll-light {
  background: #ffffff;
}

header.scroll-light .logo-scroll{
  display: none;
}

header.smaller.scroll-light .logo-main{
  display: none;
}

header.smaller.scroll-light .logo-scroll{
  display: block;
}

header.smaller.scroll-dark {
  background: var(--bg-color-even);
}

header.header-light .h-phone,
header.smaller.scroll-light .h-phone {
  color: #202020;
}

header:not(.header-light).smaller.scroll-light div#logo .logo {
  display: none;
}

header.smaller.scroll-light div#logo .logo-2 {
  display: inline-block;
}

header.smaller.scroll-light div#logo .logo-scroll {
  display: inline-block;
}

header.smaller.header-light div#logo .logo {
  display: none;
}

header.smaller.scroll-light .social-icons i {
  color: var(--heading-font-color);
}

header.smaller.scroll-light #mainmenu li a,
header.smaller.scroll-light #mainmenu li.has-child:after {
  color: var(--heading-font-color);
}

.logo-smaller div#logo {
  width: 150px;
  height: 30px;
  line-height: 65px;
  font-size: 30px;
}

.logo-smaller div#logo img {
  font-size: 30px;
}

div#logo img{
  max-width: var(--logo-width);
}

footer .logo-footer{
  max-width: var(--logo-footer-width);
}

header.smaller div#logo .logo-1 {
  display: none;
}

header.smaller div#logo .logo-2 {
  display: inline-block;
}

.logo-small {
  margin-bottom: 20px;
}

header.header-full {
  padding-left: 30px;
  padding-right: 30px;
}

header .header-row {
  text-align: center;
}

header .header-col {
  position: relative;
  height: 100%;
}

/* left col header */
header .header-col.left {
  float: left;
  padding: 0 30px 0 0;
  /* border-right:solid 1px rgba(255,255,255,.2); */
}

/* middle col header */
header .header-col.mid {
  float: right;
}

header .header-col.mid .social-icons {
  float: right;
  /* border-left:solid 1px rgba(255,255,255,.2); */
  padding: 0 30px 0 30px;
}

header.header-float .header-inner{
  padding: 0 30px;
  background: #10143514;
  margin-top: 40px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

header.header-float.header-light .header-inner{
  background: #ffffff;
}


.header-col-right {
  text-align: right;
}
/* subheader */

#subheader {
  overflow: hidden;
  position: relative;
  padding: 160px 0 120px 0;
}

#subheader h1 {
  font-size: 48px;
  margin-bottom: 0;
  text-transform: uppercase;
}

#subheader.dark {
  background-color: #1A1C26;
}

#subheader.dark h1 {
  color: #fff;
}

.de-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background: rgba(var(--bg-dark-1-rgb), .35);
  }

.de-overlay-gradient{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background: linear-gradient(45deg, rgba(var(--primary-color-rgb),.8), rgba(var(--secondary-color-rgb),.8));
}


.de-overlay-gradient-2{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background: linear-gradient(45deg, rgba(var(--primary-color-rgb),.8) 0%, rgba(var(--secondary-color-rgb),0) 100%);
}

  
/* ================================================== */

#mainmenu {
  font-size: 13px;
  margin: 0 auto;
  padding: 0;
  float: none;
  counter-reset: my-awesome-counter;
}

#mainmenu ul {
  margin: 0px 0px;
  padding: 0px;
  height: 30px;
  background: #ffffff;
  color: var(--body-font-color);
}

#mainmenu ul:not(.mega) {
  border: solid 1px #dddddd;
}

.dark-scheme #mainmenu ul {
  background: var(--bg-dark-1);
  border: solid 1px rgba(255, 255, 255, .1);
}

#mainmenu li {
  margin: 0px 0px;
  padding: 0px 0px;
  float: left;
  display: inline;
  list-style: none;
  position: relative;
}

#mainmenu>li {
  margin-right: 30px;
}

#mainmenu>li:last-child{
  margin-right: 0;
}

#mainmenu>li {
  counter-increment: my-awesome-counter;
}

#mainmenu li a.new:before{
  content:"NEW";
  font-size: 12px;
  padding: 1px 4px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin-right: 5px;
  color:#ffffff;
  background: var(--primary-color);
}
 

header.smaller #mainmenu>li::before{
  transform: scale(0);
}

#mainmenu>li.has-child:after {
  font-family: FontAwesome;
  content: "\f078";
  padding-left: 5px;
  font-size: 8px;
  position: relative;
  top: -2px;
  color:rgba(255, 255, 255, .75);
}

.rtl #mainmenu li.has-child:after {
  padding-left: 15px;
}

.header-light #mainmenu li.has-child:after {
  color: rgba(0, 0, 0, .5);
}


header.transparent.clone.smaller .de-flex{padding-top: 0;}

header.transparent.clone .de-flex{padding-top: 37px;}


#logo a{ margin-left: -145px; }

div#logo img{ width: 75px;}

#mainmenu >li>a {  
  padding-right: 6px;  
  font-size: var(--mainmenu-font-size);
  font-weight: var(--mainmenu-font-weight);
  text-transform: var(--mainmenu-text-transform);
  letter-spacing: var(--mainmenu-letter-spacing);
      display: flex; 
    color: #adcfd9;
    font-family: Inter, var(--default-font-family);
    font-size: 11.5px;
    font-weight: 400;
    line-height: 13.918px;
    text-align: left;
    white-space: nowrap;
    z-index: 46;

}

#mainmenu li.has-child>a {
  padding-right: 0px;
}

#mainmenu a {
  position: relative;
  display: inline-block;
  padding-top: 25px;
  padding-bottom: 25px;
  text-decoration: none;
  color: #ffffff;
  text-align: center;
  outline: none;
}

#mainmenu p {
  line-height: 1.8em;
  margin-bottom: 0;
}

header.header-light #mainmenu a {
  color: var(--heading-font-color);
}

#mainmenu a span:not(.badge) {
  position: relative;
  width: 0%;
  color: #ffffff;
  display: block;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 14px;
  border-bottom: solid 2px #ffffff;
}

#mainmenu li:hover a span:not(.badge) {
  width: 100%;
}

#mainmenu li li a span:not(.badge) {
  float: right;
  margin-top: 5px;
}

#mainmenu a.active span:not(.badge) {
  width: 100%;
  margin-left: 0%;
}

.header-light {
  background: #ffffff;
}

.header-light #mainmenu>li>a {
  color: var(--heading-font-color);
}

#mainmenu li li {
  font-family: var(--body-font);
  font-size: 14px;
}

#mainmenu li li:last-child {
  border-bottom: none;
}

#mainmenu li li a {
  padding: 5px 15px;
  border-top: none;
  color: #606060;
  width: 100%;
  border-left: none;
  text-align: left;
  font-weight: normal;
  border-bottom: solid 1px rgba(255, 255, 255, .1);
  letter-spacing: 0;
}

#mainmenu li li a:hover{
  background: var(--primary-color);
}

#mainmenu li:last-child>a {
  border-bottom: none;
}

.dark-scheme #mainmenu li li a {
  color: #ffffff;
}

.rtl #mainmenu li li a {
  text-align: right;
}

#mainmenu li li a:hover {
  color: #111;
}

#mainmenu li li a:after {
  content: none;
}

#mainmenu li li a:hover,
#mainmenu ul li:hover>a {
  color: #fff;
}

#mainmenu li a{
  position: relative;
}

#mainmenu li a:before{
  content: '';
  width: 0;
  height: 3px;
  position: absolute;
  left: 0;  
  bottom: 20px;
  background: var(--primary-color);
}

#mainmenu li a.active:before{
  width: calc(100% - 5px);
}

#mainmenu li ul {
  width: 190px;
  height: auto;
  position: absolute;
  left: 0px;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  border-radius: 3px;
}

#mainmenu ul li b {
  background: #333;
  color: #ffffff;
  padding: 0 3px;
  padding-bottom: 3px;
  font-size: 10px;
  margin-right: 3px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

#mainmenu li li {
  font-size: 14px;
  display: block;
  float: none;
  text-transform: none;
}

#mainmenu li:hover>ul {
  visibility: visible;
  opacity: 1;
  margin-top: 0px;
}

#mainmenu li ul ul:not(.ul-list) {
  top: 0px;
  margin-left: 188px;
}

#mainmenu select {
  padding: 10px;
  height: 36px;
  font-size: 14px;
  border: none;
  background: #ff4200;
  color: #eceff3;
}

#mainmenu select option {
  padding: 10px;
}

#mainmenu .btn-type {
  padding: 0;
  margin: 0;
}

#mainmenu .btn-type a {
  background: #eee;
  padding: 0;
  margin: 0;
}

#mainmenu>li ul.mega {
  position: fixed;
  left: 0;
  height: 0%;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none;
}

#mainmenu>li ul.mega > li{
  padding: 0;
  margin: 0;
}

#mainmenu>li ul.mega .sb-menu {
  background: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: solid 1px #dddddd;
}

.dark-scheme #mainmenu>li ul.mega .sb-menu {
  background: var(--bg-dark-1);
  border-color: rgba(255, 255, 255, .1);
}

#mainmenu li:hover ul.mega {
  visibility: visible;
  opacity: 1;
}

#mainmenu li ul.mega>li,
#mainmenu li ul.mega>li a {
  width: 100%;
}

#mainmenu li ul.mega li.title {
  padding: 0px 10px 15px 10px;
  text-align: left;
  color: #fff;
  font-weight: bold;
}

#mainmenu li ul.mega>li ul {
  position: static;
  visibility: visible;
  opacity: 1;
  left: 0;
  float: none;
  width: 100%;
}

#mainmenu ul.mega>li ul li {
  margin: 0;
  padding: 0;
}

#mainmenu ul.mega>li ul li:last-child {
  border-bottom: none;
}

#mainmenu li ul.mega .menu-content {
  background: #171A21;
  padding: 30px;
}

#mainmenu li ul.mega li.title {
  font-family: var(--main-font);
  padding: 0px;
  text-align: left;
  font-weight: bold;
  color: #586383;
}

#mainmenu ul.mega>li ul {
  border: none;
}

#mainmenu li ul.mega ul li a {
  background: none;
  padding: 2px 0;
}

#mainmenu li ul.mega ul li a:hover {
  color: #35404e;
}

header.header-mobile #mainmenu>li ul.mega {
  visibility: visible;
  opacity: 1;
}

header:not(.header-mobile) #mainmenu>li:hover ul.mega {
  height: auto;
}

/* menu toggle for mobile */

#menu-btn {
  line-height: 1.5em;
  display: none;
  float: right;
  width: 32px;
  height: 32px;
  padding: 4px;
  text-align: center;
  cursor: poInter;
  color: #fff;
  margin-top: 0px;
  margin-left: 20px;
}

#menu-btn:before {
  font-family: FontAwesome;
  content: "\f0c9";
  font-size: 20px;
}

#menu-btn.menu-open:before{
  content: "\f068";
}

.rtl #menu-btn {
  float: left;
}


#btn-extra{
  position: relative;
  margin-left: 20px;
  width: 24px;
  height: 12px;
  cursor: pointer;
}

#btn-extra span{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  border-bottom: solid 2px #ffffff;
}

#btn-extra.img{
  width: 32px;
  height: 32px;
}

#btn-extra img{
  width: 100%;
}

header.header-light #btn-extra span{
  border-bottom: solid 2px var(--heading-font-color);
}


#btn-extra span:nth-child(2){
  top:auto;
  bottom: 0;
  right: 0;
}

#btn-extra:hover span{
  width: 70%;
}

.header-light #btn-extra span{
  background: var(--bg-dark-1);
}

#extra-wrap{
  position: fixed;
  z-index: 1002;
  top:0;
  right: -500px;
  width: 500px;
  height: 100%;
  overflow: hidden;
  background: rgba(var(--bg-dark-1-rgb), .75);
  -webkit-backdrop-filter: blur(10px);
  -o-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

#extra-wrap.open{
  right: 0;
}

#extra-content{
  padding: 50px;
  color:#ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -17px;
  overflow-y: scroll;
}

#btn-close{
  top: 50px;
  right: 50px;
  position: absolute;
  z-index: 1001;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

#btn-close span{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 2px;
  background: #ffffff;
  transform: rotate(45deg);
}

#btn-close span:nth-child(2){
  transform: rotate(-45deg);
}


header.header-mobile.header-light,
header.header-mobile.header-light #menu-btn,
header.header-mobile.header-light #menu-btn:hover {
  background: none;
}

header.header-mobile.header-light #menu-btn {
  color: #222;
}


header.header-mobile.header-center #logo{
  display: block;
}

header.header-mobile.header-center #logo-center{
  display: none;
}

/* ================================================== */


/* content */


/* ================================================== */

#content {
  width: 100%;
  background: #ffffff;
  padding: 90px 0 90px 0;
  z-index: 100;
}

.dark-scheme #content {
  background: var(--bg-dark-1);
}

.dark-scheme #content {
  background: var(--bg-dark-1);
}

/* ================================================== */


/* section */


 


/* ================================================== */

section {
  padding: 100px 0 100px 0;
}

#content.zebra section:nth-child(even) {
  background: #fcfcfc;
}

section:not(.relative) {}

section.no-bg,
#content.no-bg {
  background: none !important;
}

.bottom-rounded{
  overflow: hidden;
  border-radius:0 0 100% 100%;
  -moz-border-radius:0 0 100% 100%;
  -webkit-border-radius:0 0 100% 100%;
  padding-bottom: 200px;
}

.rounded-up{
  border-radius:60px 60px 0 0;
  -moz-border-radius:60px 60px 0 0;
  -webkit-border-radius:60px 60px 0 0;
}

.rounded-down{
  border-radius:0 0 60px 60px;
  -moz-border-radius:0 0 60px 60px;
  -webkit-border-radius:0 0 60px 60px;
}



.rounded-up-down{
  border-radius:60px;
  -moz-border-radius:60px;
  -webkit-border-radius:60px;
}


.rounded-10px{
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}

.rounded-20px{
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}


.dark-scheme section {
  background: var(--bg-dark-1);
}

.no-bg {
  background: none !important;
}

.bgcolor-variation {
  background: #f6f6f6;
}

.overlay-gradient {
  width: 100%;
  height: 100%;
  z-index: 100;
  top: 0;
  padding: 90px 0 90px 0;
}

.de_light section {
  background: #ffffff;
}

.text_top {
  position: relative;
  z-index: 1000;
}

/* ================================================== */


/* footer */


 
header.header-light-transparent {
  background: rgba(255, 255, 255, .5);
}

header.header-solid.header-light #mainmenu>li>a {
  color: #555;
}

header.header-solid {
  background: #fff;
}

header.smaller.header-dark {
  background: #101435;
  border: none;
}

header.smaller.header-dark #mainmenu a {
  color: #fff;
}

.side-layout header.smaller.header-dark #mainmenu>li {
  border-bottom: solid 1px rgba(255, 255, 255, .1);
}

.side-layout header.smaller.header-dark #mainmenu>li:last-child {
  border-bottom: none;
}

header.header-mobile {
  position: fixed !important;
  background: var(--heading-font-color);
  top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

header.header-mobile .container {
  max-width: 100% !important;
  padding-left: 20px;
  padding-right: 20px;
}

.dark-scheme header.header-mobile {
  background: #245477bf;
}

header.header-mobile.has-topbar .header-row,
header.header-mobile.has-topbar .header-col {
  margin-top: 10px;
}

header.header-mobile nav {
  float: none;
}

header.header-mobile .logo {
  display: none;
}

header.header-mobile .logo-2 {
  display: inline-block;
}

header.header-mobile.header-light {
  background: #fff;
}

header.header-mobile #mainmenu ul {
  padding: 0;
}

header.header-solid.header-light {
  background: #fff;
}

header.header-light .logo {
  display: none;
}

header.header-light .logo-2 {
  display: inline-block;
}
 
header.header-light .h-phone span{
  color: var(--body-font-color);
}


.h-phone i {
  display: inline-block;
  font-size: 32px;
  left: 0;
  top: 12px
}

.menu_side_area .btn-line{
  display: inline-block;
}

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

a {
  text-decoration: none;
}

.de_light a {
  color: #888;
}

.de_light a:hover {
  color: #555;
}

a.btn-text {
  text-decoration: none;
  display: inline-block;
  color: #111;
  font-weight: 600;
  padding: 0;
}

a.btn-text:after {
  font-family: FontAwesome;
  content: "\f054";
  padding-left: 10px;
}

a.btn-text {
  color: #fff;
}

a.btn-big {
  font-size: 14px;
  color: #eceff3;
  letter-spacing: 1px;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
  border: solid 1px #fff;
  padding: 10px 30px 10px 30px;
}

a.btn-big:after {
  font-family: FontAwesome;
  content: "\f054";
  margin-left: 20px;
}

a.btn,
.btn {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

a.btn:before {
  content: "";
  background: rgba(0, 0, 0, 0);
  width: 0;
  height: 100%;
  position: absolute;
  z-index: -1;
}

a.btn-fx:after {
  font-family: FontAwesome;
  content: "\f178";
  margin-left: 15px;
  position: absolute;
  right: -20px;
  margin-top: 0px;
}

a.btn-fx {
  font-size: 14px;
  color: #eceff3;
  letter-spacing: 1px;
  line-height: normal;
  font-weight: bold;
  text-transform: uppercase;
  border: solid 1px #fff;
  padding: 10px 30px 10px 30px;
}

a.btn-fx:hover {
  padding-left: 20px;
  padding-right: 40px;
}

a.btn-fx:before {
  width: 0;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
}

a.btn-fx:hover:after {
  right: 15px;
}

a.btn-fx:hover:before {
  width: 100%;
  background: rgba(0, 0, 0, 1);
}

a.btn-fx.light:hover:before {
  width: 100%;
  background: rgba(255, 255, 255, 1);
}

.btn-fullwidth {
  display: block;
  width: 100%;
}

a.btn-slider {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  line-height: normal;
  text-decoration: none;
  text-transform: uppercase;
  border: solid 2px #fff;
  padding: 10px 30px 10px 30px;
  border-radius: 60px;
}

a.btn-slider:hover {
  color: #222;
  background: #fff;
  border-color: #000;
  border: solid 2px #fff;
}

a.btn-main:hover,
.btn-main:hover,
a.btn-main.btn-line:hover {
  color: #fff;
  background: var(--btn-hover-bg);
}

a.btn-slider:hover:after {
  color: #222;
}

a.btn-id,
a.btn-id:hover {
  border: none;
}

a.btn-light.btn-id {
  color: #222;
}

a.btn-dark.btn-id {
  color: #fff;
}

.btn-main.btn-small {
  padding: 5px 20px 5px 20px;
  font-weight: bold;
  text-transform: uppercase;
}

.btn-fx.btn-main {
  text-transform: normal;
}

a.btn-bg-dark {
  background: #222;
}

a.btn-text-light {
  color: #fff;
}

.btn-icon-left i {
  margin-right: 12px;
  color: #fff;
}

.btn-add_to_cart,
a.btn-add_to_cart {
  border: solid 1px #bbb;
  font-size: 12px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  padding: 3px;
  padding-left: 40px;
  padding-right: 20px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #555;
}

.btn-add_to_cart:before,
a.btn-add_to_cart:before {
  font-family: "FontAwesome";
  content: "\f07a";
  position: absolute;
  left: 20px;
}

a.btn-main,
a.btn-main:active,
a.btn-main:focus,
a.btn-main:visited,
.btn-main,
input[type=button].btn-main,
a.btn-line,
#mainmenu li ul.mega a.btn-main {
  background: var(--primary-color);
  color: var(--btn-color);
  font-family: var(--btn-font-family);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  letter-spacing: var(--btn-letter-spacing);
  padding: var(--btn-padding); 
  text-decoration: var(--btn-text-decoration);
  text-transform: var(--btn-text-transform);
  border-radius: var(--btn-rounded);
  -moz-border-radius: var(--btn-rounded);
  -webkit-border-radius: var(--btn-rounded);
  border: none;
  position: relative;
  display: inline-block;
  text-align: center;
  outline: 0;
}

a.btn-main.fx-slide{
  overflow: hidden;
}

a.btn-main.fx-slide span{
  display: block;
  position: relative;
  transition: all .3s ease-in-out;
}

a.btn-main.fx-slide:hover span{
  transform: translate(0, 40px);
  opacity: 0;
}

a.btn-main.fx-slide:hover:before {
  opacity: 1;
  transform: translate(0, 0);
}

a.btn-main.fx-slide:before {
  content: attr(data-hover);
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translate(0, -100%);
  transition: all 0.3s ease-in-out;
}

a.btn-main.btn-dark-trans{
    background: rgba(255, 255, 255, .1);
}

a.btn-main.btn-dark-trans:hover{
    background: var(--primary-color);
}


a.btn-main.btn-light-trans{
  color:var(--heading-font-color);
  background: rgba(0, 0, 0, .05);
}

a.btn-main.btn-light-trans:hover{
    color:#ffffff;
    background: var(--primary-color);
}

a.btn-main.big{
  font-size: 30px;
  padding: 20px 30px;
}

a.btn-main.btn-trans.light{
  background: rgba(255, 255, 255, .25);
}

a.btn-topbar{
  display: inline-block;
  padding: 5px 20px;
  font-size: 14px;
  font-weight: bold;
}

a.btn-sc {
  display: inline-block;
  font-family: var(--heading-font);
  font-weight: bold;
  padding: 6px;
  font-size: 14px;
  color: #222;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  background: #f2f2f2;
}

a.btn-sc img {
  width: 20px;
  margin-top: -4px;
  margin-right: 8px;
}

a.btn-line,
a.btn-line:hover {
  background: none;
  color: #35404e;
  border: solid 1px rgba(255, 255, 255, .5);
}

a.btn-line:hover {
  border: solid 1px rgba(255, 255, 255, 0);
}

.text-light .btn-line{
  color:#ffffff;
}


a.btn-line:hover {
  color: #ffffff;
}

header:not(.header-light) a.btn-line,
.dark-scheme a.btn-line,
.dark-schem a.btn-line:hover {
  color: #ffffff;
}

a.btn-main.btn-white {
  background: #ffffff;
}

.col-right a.btn-main {
  font-size: 14px;
  text-transform: none;
}

a.btn-border {
  border: solid 2px rgba(255, 255, 255, .3);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  min-width: 120px;
  outline: 0;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 30px;
  min-width: 120px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
}

a.btn-border:hover {
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0);
  margin-top: -2px;
  margin-bottom: 2px;
  box-sizing: border-box
}

a.btn-border.light {
  border: solid 1px #ffffff;
  color: #ffffff;
}

a.btn-border.light:hover {
  background: #ffffff;
}

a.btn-border:hover a {
  color: #ffffff !important;
}

.d-btn-close {
  color: #ffffff;
  cursor: poInter;
  text-align: center;
  display: block;
  text-align: center;
  width: 60px;
  height: 60px;
  background: #333;
  font-size: 32px;
  font-weight: bold;
  text-decoration: none;
  margin: 0 auto;
  padding-top: 12px;
  position: absolute;
  left: 0;
  right: 0;
}

a.btn-link {
  display: block;
  text-decoration: none;
  margin-top: 10px;
}

a.btn-lg{
  font-size: 24px;
  padding: 15px 30px 10px 30px;
}

.btn-plus{
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  text-align: center;
  max-width: 36px;
  height: 36px;
  border-radius:36px;
  -moz-border-radius:36px;
  -webkit-border-radius:36px;
  overflow: hidden;
  border: solid 1px var(--heading-font-color);
  color: var(--heading-font-color);;
}

.btn-plus:hover{
  max-width: 100%;
  color: var(--heading-font-color);;
}

.btn-plus i{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

.btn-plus span{
  opacity: 0;
  display: inline-block;
  overflow: hidden;
  margin-left: 36px;
  line-height: 2.2em;
  padding-right: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn-plus:hover span{
  opacity: 1;
}


.text-light .btn-plus{
  border: solid 1px #ffffff;
  color: #ffffff;;
}

.text-light .btn-plus:hover{
  color: #ffffff;;
}

a.btn-main.btn-with-arrow{
  padding-right: 40px;
}

.btn-with-arrow{
  position: relative;
}

.btn-with-arrow:after{
  position: absolute;
  content: url(../images/ui/arrow-top-right-white.svg);
  top:12px;
}

.btn-with-arrow:hover:after{
  top:8px;
}

.btn-with-arrow:before{
  position: absolute;
  content: url(../images/ui/arrow-top-right-white.svg);
  top:16px;
  left: 8px;
  opacity: 0;
}

a.btn-main.btn-with-arrow:hover{
  padding-right: 25px;
  padding-left: 40px;
}

.btn-with-arrow:hover:after{
  opacity: 0;
}

.btn-with-arrow:hover:before{
  opacity: 1;
  top:12px;
  left: 12px;
}

.cover a.btn-link:hover {
  color: #fff;
}

.play-button {
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  color: #fff;
  text-decoration: none;
  border: solid 5px rgba(255, 255, 255, .3);
  display: inline-block;
  text-align: center;
  width: 80px;
  height: 80px;
  padding-top: 22px;
  padding-left: 5px;
}

.play-button:before {
  font-family: "FontAwesome";
  font-size: 20px;
  content: "\f04b";
  position: relative;
  color: #fff;
}

.play-button:hover {
  border: solid 5px rgba(255, 255, 255, 1);
}

.play-button.dark {
  color: #222;
  border: solid 5px rgba(0, 0, 0, .1);
}

.play-button.dark:before {
  color: #222;
}

.play-button.dark:hover {
  border: solid 5px rgba(0, 0, 0, .5);
}

.text-light .play-button {
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  color: #fff;
  text-decoration: none;
  border: solid 5px rgba(255, 255, 255, .3);
  display: inline-block;
  text-align: center;
  width: 80px;
  height: 80px;
  padding-top: 22px;
  padding-left: 5px;
}

.text-light .play-button:before {
  font-family: "FontAwesome";
  font-size: 20px;
  content: "\f04b";
  position: relative;
  color: #fff;
}

.text-light .play-button.dark {
  color: #fff;
  border: solid 5px rgba(255, 255, 255, .3);
}

.text-light .play-button.dark:before {
  color: #fff;
}

.text-light .play-button.dark:hover {
  border: solid 5px rgba(255, 255, 255, 1);
}



 
.text-line{
   color: transparent !important;
  -webkit-text-stroke: 1px #ffffff;
}

span.underline{
  display: inline-block;
  position: relative;
}

span.underline:before{
  content: '';
  position: absolute;
  width: 100%;
  height: .4vw;
  background: var(--primary-color);
  bottom: 0;
  z-index: -1;
}

h2 span.underline:before{
  height: .25vw;
}

h1{
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);  
  letter-spacing: var(--h1-letter-spacing);
  line-height: var(--h1-line-height);
  margin-bottom: var(--h1-margin-bottom);
}

h2{
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);  
  letter-spacing: var(--h2-letter-spacing);
  line-height: var(--h2-line-height);
  margin-bottom: var(--h2-margin-bottom);
}

h3{
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight); 
  letter-spacing: var(--h3-letter-spacing);
  line-height: var(--h3-line-height);
  margin-bottom: var(--h3-margin-bottom);
}

h4{
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight); 
  letter-spacing: var(--h4-letter-spacing);
  line-height: var(--h4-line-height);
  margin-bottom: var(--h4-margin-bottom);
}

h5{
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight); 
  letter-spacing: var(--h5-letter-spacing);
  line-height: var(--h5-line-height);
  margin-bottom: var(--h5-margin-bottom);
}


h6{
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight); 
  letter-spacing: var(--h6-letter-spacing);
  line-height: var(--h6-line-height);
  margin-bottom: var(--h6-margin-bottom);
}

h1.title {
  font-size: 64px;
  letter-spacing: 10px;
}

h1.title strong {
  text-transform: none;
  letter-spacing: 0;
  font-weight: normal;
}

h2 .de_light .text-light h2 {
  color: #fff;
}

.text-light h2.deco span:before,
.text-light h2.deco span:after {
  border-top: 1px solid rgba(255, 255, 255, .5);
}


h5.new:before{
  content:"NEW";
  font-size: 12px;
  padding: 1px 6px 2px 6px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin-right: 5px;
  color:#ffffff;
  background: var(--primary-color);
}

h5 span.label {
  display: inline-block;
  margin-right: 10px;
  background: #222222;
  color: #ffffff;
  padding: 0 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

 
 
/* list */

ul.d-inline li{
  list-style: none;
  display: inline;
}

.list-mx-10 li{
  margin: 0 10px;
}

ul.cols-2{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.ul-check {
  padding: 0;
  list-style: none;
}

.ul-check li {
  margin: 5px 0 5px 0;
}

.ul-check li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 15px;
  color:var(--primary-color);
}

.ul-check.white li:before{
  color: #ffffff;
}

.dark-scheme .ul-check li a{
  color:rgba(255, 255, 255, .7);
}

.ul-style-4 {
  padding: 0;
  list-style: none;
  font-size: 14px;
}

.ul-style-4 li {
  margin: 2px 0 2px 0;
  display: ;
  font-weight: 500;
}

.ul-style-4 li:before {
  color: #ffffff;
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 15px;
  padding: 3px;
  font-size: 12px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

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

.ul-info li{
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: solid 1px rgba(0, 0, 0, .1);
}

.ul-info li div:nth-child(2){
  font-weight: 600;
}

ol.ol-style-1 {
  list-style-type: none;
  counter-reset: ordered;
  margin-left: 50px;
}

ol.ol-style-1 li {
  font-weight: 500;
  margin-bottom: 20px;
  font-size: 18px;
}

ol.ol-style-1.fs-16 li{
  font-size: 16px;
}

ol.ol-style-1 li::before {
  background: rgba(var(--primary-color-rgb),1);
  border-radius: 50%;
  color: #ffffff;
  content: counter(ordered);
  counter-increment: ordered;
  display: inline-block;
  font-weight: 400;
  margin-left: -50px;
  margin-top: -5px;
  padding: 5px 5px;
  position: absolute;
  width: 40px;
  height: 40px;
  text-align: center;
}

ol.ol-style-1.c2 li::before{
  background: var(--bg-dark-2);
}

.text-light ol.ol-style-1 li::before{
  color: #ffffff;
}

.ol-style-1 {
  font-size: 16px;
  font-weight: bold;
}

.ol-style-1 h4 {
  font-size: 16px;
}

.ol-style-1 p {
  font-weight: normal;
}

.ol-style-1 {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

.ol-style-1 li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

.ol-style-1 li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

.ol-style-1 li li {
  margin: 0;
}

.ol-style-1 li li:before {
  content: counters(item, ".") " ";
}

/* pagination */

.page-link{
  margin: 0 5px;
  font-weight: bold;
  color: var(--heading-font-color);
  background: none;
}

.page-link{
  width: 40px;
  border: none;
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}

.page-link:hover{
  background: none;
}

.page-item.active .page-link{
  border-color:var(--primary-color);
}

.dark-scheme .page-link{
  color: #ffffff;
}

.spinner {
  display: table-cell;
  vertical-align: middle;
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner>div {
  width: 18px;
  height: 18px;
  background-color: #fff;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}



/* ================================================== */

/* preloader */

/* ================================================== */

#de-loader {
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dark-scheme #de-loader{
  background:  #ffffff;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary-color);
  margin: -2px 0 0 -2px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* progress bar */


/* ================================================== */

.de-progress {
  width: 100%;
  height: 8px;
  background: #ffffff;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  overflow: hidden;
}

.de-progress .progress-bar {
  background: #333;
  height: 8px;
  box-shadow: none;
}

.de-progress {
  background: #ffffff;
}

.skill-bar {
  margin-bottom: 40px;
}

.skill-bar.style-2 .de-progress {
  background: rgba(0, 0, 0, .1);
}

.skill-bar .value {
  color: #ccc;
  font-size: 12px;
  font-weight: bold;
  float: right;
  margin-top: -40px;
}

.rtl .skill-bar .value {
  float: left;
}

.skill-bar h4 {
  font-size: 16px;
}


/* social-icons */


/* ================================================== */

.social-icons {
  display: inline-block;
}

.social-icons i {
  text-shadow: none;
  padding: 10px 5px;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 16px;
  margin: 0 3px 0 3px;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
}

.dark-scheme .social-icons i {
  background: rgba(255, 255, 255, .1);
}

.social-icons i.fa-google-plus {
  padding: 12px 14px 10px 6px;
}

.social-icons.s2 i{
  background: rgba(255, 255, 255, .1);
}

.social-icons i:hover {
  background: #fff;
  border-color: #eceff3;
  color: #333;
}

.social-icons.big a{
  padding: 0;
  display: inline-block;
}
.social-icons.big i {
  font-size: 26px;
  width: auto;
  height: auto;
  color:#ffffff;
  background: var(--primary-color);
  border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  width: 48px;
  padding: 14px 0;
}

.social-icons.big i:hover {
  background: none;
}

#topbar .social-icons i{
  font-size: 16px;
  background: none;
  margin-bottom: 0;
  margin-right: 1px;
  padding: 15px 5px;
  height: 30px;
  width: 30px;
  margin-top: 5px;
  color:#ffffff;
}

.social-icons.big i {
  margin: 0 15px 0 15px;
}

.social-icons.big i:hover {
  background: none;
}

.social-icons.s1 i {
  border: none;
  font-size: 16px;
  margin: 3px;
}

.social-icons.s1:hover i {
  background: none;
}

.social-icons.s1 {
  line-height: 0.5;
  text-align: center;
}

.social-icons.s1 .inner {
  display: inline-block;
  position: relative;
}

.social-icons.s1 .inner:before,
.social-icons.s1 .inner:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  top: 0;
  width: 100%;
}

.social-icons.s1 .inner:before {
  right: 100%;
  margin-right: 15px;
  margin-top: 20px;
}

.social-icons.s1 .inner:after {
  left: 100%;
  margin-left: 15px;
  margin-top: 20px;
}

.col-right {
  display: inline-block;
  float: right;
  margin-top: 22px;
}

  
 

/* swiper #2 end */


.player {
  margin: 0 auto;
  background: none;
  width: 120px;
  height: 120px;
  border: solid 2px #fff;
  position: relative; 
  text-indent:-9999px;
}

.player span {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 20px solid #ffffff;
  border-bottom: 15px solid transparent;
  position:absolute;
  top:37.5%;
  left:45%; 
}

.player:hover{
  background:var(--primary-color);
  cursor:pointer;
  border:none;
  box-shadow:none;
}

.player:hover span{
  transform: scale(.8);
}

.player.invert span{
  border-left: 20px solid #000;
}


.player.invert:hover span{
  border-left: 20px solid #fff;
}

.de-flex #mainmenu{
  margin: 0;
}

.col-start, .col-end {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-grow: 1;
  flex-basis: 0;
}

.col-end{
  justify-content: end;
}

.col-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.col-center img{
  width: 160px;
}


.subtitle{
  position: relative;
  font-weight: 500;
  position: relative;
  display: inline-block;
  font-size: 15px;
  padding: 2px 10px;
  font-family:var(--body-font);
  /*background: rgba(var(--bg-dark-1-rgb), .05);*/
  color:var(--heading-font-color);
  text-transform: none;
  letter-spacing: 0;
  line-height: 1.5em;
  margin-bottom: 20px;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}

.subtitle:before{
  content: "[  ";
  color: var(--primary-color);
  font-weight: bold;
}

.subtitle:after{
  content: "  ]";
  color: var(--primary-color);
  font-weight: bold;
}

.dark-scheme .subtitle,
.text-light .subtitle{
  /*background: rgba(255,255,255, .15);*/
}

.dark-scheme .subtitle:not(.id-color), .text-light .subtitle:not(.id-color){
  color:#ffffff;
}

@keyframes blinkingText{
  0%    { background: var(--primary-color);}
  50%   { background: rgba(var(--primary-color-rgb), 0); }
  100%    { background: var(--primary-color);}
}

.scrollbar {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 4px;
  transition: all linear 0.1s;
  min-width: 0%;
  z-index:1000;
}

.scrollbar-v {
  background: #6fc2ca;
  position: fixed;
  top: calc(50% + 60px);
  left: 43px;
  width: 2px;
  transition: all linear 0.1s;
  min-height: 0%;
  z-index:1000;
}

.scrollbar-v:before{
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  min-height: 100px;
  background:rgb(18 174 185 / 6%);
}


.scrollbar-v.dark:before{
  background: rgba(255, 255, 255, .2);
}

.float-text {
    font-family: var(--heading-font);
    width: 20px;
    position: fixed;
    z-index: 1002;
    margin-left: 30px;
    text-align: center;
    font-size: 12.5px;
    top: 50%;
    left: 16px;
    transform: translate(-50%, -50%);
    font-weight: 500;
}

.float-text a{
    color:#12aeb9;
}

.float-text.dark a{
  color:#ffffff;
}

.float-text span{
    margin-left: -5px;
    margin-top: 20px;
    writing-mode: vertical-rl;
    letter-spacing: .75px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #222;
}


.float-text-right {
    width: 20px;
    position: fixed;
    z-index: 1000;
    margin-left: 30px;
    text-align: center;
    letter-spacing: 2px;
    font-size: 12px;
    top: 50%;
    right: 15px;
}

.de_social-icons a{
  color:#ffffff;
  margin:10px 0;
}


.dark-scheme .float-text span{
    color: #ffffff;
}

.triangle-bottomright-dark {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid var(--bg-dark-1);
  border-left: 60px solid transparent;
}


.triangle-bottomright-dark-half {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 30px solid var(--bg-dark-1);
  border-left: 30px solid transparent;
}

.triangle-bottomright-white {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid #ffffff;
  border-left: 60px solid transparent;
}

.triangle-bottomright-light {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid var(--bg-light);
  border-left: 60px solid transparent;
}


.triangle-bottomright-dark-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid var(--bg-dark-2);
  border-left: 60px solid transparent;
}


.triangle-bottomright-dark-2-half {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 30px solid var(--bg-dark-2);
  border-left: 30px solid transparent;
}


.triangle-bottomright-color {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid var(--primary-color);
  border-left: 60px solid transparent;
}

.triangle-bottomleft-dark-2 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 60px solid var(--bg-dark-2);
  border-right: 60px solid transparent;
}

/* de-number begin */

    .de-number{
      margin-top: 8px;
    }

    .d-minus, .d-plus{
      margin-top: -6px;
      cursor: pointer;
      color: #ffffff;
      font-size: 24px;
      width:36px;
      height:36px;
      padding:3px 5px 3px 5px;
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      -webkit-user-select: none; /* Safari */
      -ms-user-select: none; /* IE 10 and IE 11 */
      user-select: none; /* Standard syntax */
      background: var(--primary-color);
    }
    .d-minus:active, .d-plus:active{
      background: #ffffff;
      color: #000;
    }
    .de-number input{
      width: 40px;
      text-align: center;
      font-size: 20px;
      border:none;
      padding: 3px !important;
      background: none;
      color:#ffffff;
      border:solid 1px var(--primary-color);
      }
/* de-number close */

#recaptcha {
    width: 304px;
    margin: 0 auto;
}

.carousel-indicators [data-mdb-target]{
  background: none !important;
  margin: 0 10px;
}
.carousel-indicators [data-mdb-target] img {
    margin-top: 20px;
}

.d_demo_img {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 5px;
  margin-bottom: 15px;
  border-radius:var(--rounded-1);
  -moz-border-radius:var(--rounded-1);
  -webkit-border-radius:var(--rounded-1);

  box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
  -webkit-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
  -moz-box-shadow: 5px 20px 40px 5px rgba(0,0,0,.1);
}

.d_demo_img:hover{
  border-color:rgba(var(--primary-color-rgb),1);
}

.d_demo_img .d-overlay {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.d_demo_img .d-overlay span {
  color: #ffffff;
  background: var(--primary-color);
  padding: 5px 15px;
  font-weight: bold;
  transform: scale(1.5);
  opacity: 0;
}

.d_demo_img:hover img {
  transform: scale(1.1);
}

.d_demo_img:hover .d-overlay {
  opacity: 1;
}

.d_demo_img:hover .d-overlay span {
  transform: scale(1.0);
  opacity: 1;
}

.de-hover-scale:hover{
  transform: scale(1.2);
  -webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
  -moz-box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
  box-shadow: 0 10px 30px rgb(0 19 87 / 25%);
}

.soft-shadow {
  box-shadow: 0 0.25rem 0.5rem rgb(0 0 0 / 5%), 0 1.5rem 2.2rem rgb(0 0 0 / 10%);
}

.rtl .owl-carousel,
.rtl .bx-wrapper {
  direction: ltr;
}

.rtl .owl-carousel .owl-item {
  direction: rtl;
}

#item-carousel-big {
  padding: 0 25px;
}

.de-flex {
  display: flex;
  justify-content: space-between;
}

.de-flex>.de-flex-col {
  display: flex;
  justify-content: center;
  align-items: center;
}

#loadmore {
  display: inline-block;
  margin-top: 10px;
}

.d-item {
  display: none;
}

.filter__l,
.filter__r {
  font-family: var(--heading-font);
}

.filter__l {
  font-weight: bold;
}

.filter__r {
  float: right;
  cursor: pointer;
}

 
 

#back-to-top {
  background: var(--primary-color);
  position: fixed;
  bottom: -40px;
  right: 20px;
  z-index: 1020;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 30px;
  cursor: poInter;
  padding-top: 3px;
  border: 0;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  outline: none;
  opacity: 0;
  border-radius:30px;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
}

#back-to-top:hover {
  transform: scale(1.1);
}

#back-to-top.show {
  bottom: 20px;
  opacity: 1;
}

#back-to-top.hide {
  bottom: -40px;
}

#back-to-top:before {
  font-family: "FontAwesome";
  font-size: 18px;
  content: "\f106";
  color: #fff !important;
  position: relative;
}

/* mouse scroll icon begin */

.mouse {
  position: absolute;
  width: 22px;
  height: 42px;
  bottom: 40px;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #fff;
  -webkit-animation: intro 1s;
  animation: intro 1s;
}

.scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #fff;
  -webkit-animation: finger 1s infinite;
  animation: finger 1s infinite;
}

@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes finger {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

/* mouse scroll icon close */

@-moz-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@-webkit-keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow-anim {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  background-size: contain;
}

.arrow-anim:before {
  content: "\f107";
  font-family: "FontAwesome";
  font-size: 32px;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

a.read_more {
  display: inline-block;
  font-weight: bold;
  color: #222222;
  text-decoration: none;
}

a.read_more:hover {
  color: #707070;
}

a.read_more i {
  margin-left: 8px;
}

.text-light a.read_more {
  color: #fff;
}

.text-black {
  color: #222;
}


#de-arrow-nav-set {
  text-align: center;
}

#de-arrow-nav-set i {
  color: #222;
  font-size: 32px;
}

#de-arrow-nav-set i.icon_menu {
  display: inline-block;
}

/* owl */
.owl-custom-nav.menu-float{
  position: relative;
}
.owl-custom-nav.menu-float .btn-prev,
.owl-custom-nav.menu-float .btn-next{
  position: absolute;
  z-index: 2000;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  cursor: pointer;
  padding:0;
}
.owl-custom-nav.menu-float .btn-prev{
  left: 0px;
}
.owl-custom-nav.menu-float .btn-next{
  right: 0px;
}
.owl-custom-nav.menu-float .btn-prev:before,
.owl-custom-nav.menu-float .btn-next:before{
  font-size: 24px;
}
.owl-custom-nav .btn-prev:before,
.owl-custom-nav .btn-next:before{
display: block;
font-family:"FontAwesome";
content:"\f105";
color:#ffffff;
padding:10px 0;
font-size:20px;
width: 40px;
height: 50px;
background: var(--primary-color);
text-align: center;
}
.owl-custom-nav .btn-prev:before{
content:"\f104";
border-radius:0 30px 30px 0;
-moz-border-radius:0 30px 30px 0;
-webkit-border-radius:0 30px 30px 0;
}
.owl-custom-nav .btn-next:before{
border-radius:30px 0 0 30px;
-moz-border-radius:30px 0 0 30px;
-webkit-border-radius:30px 0 0 30px;
}

.owl-custom-nav.dark .btn-prev:before,
.owl-custom-nav.dark .btn-next:before{
  color:#000000;
}

.owl-custom-nav a{
  text-decoration:none;
}

.owl-prev,.owl-next{
  display: none;
}

#custom-owl-slider {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  background: #fff;
}

#custom-owl-slider .items {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 20;
  visibility: inherit;
  opacity: 1;
}

#custom-owl-slider .item img {
  display: block;
  width: 100%;
  height: 100%;
}

.owl-slider-nav {
  position: absolute;
  width: 100%;
}

.owl-slider-nav,
.owl-slider-nav div {
  position: absolute;
  z-index: 10;
  cursor: poInter;
}

.owl-slider-nav .next {
  right: -50px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 50px solid transparent;
}

.owl-slider-nav .prev {
  left: -50px;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 50px solid transparent;
}

.owl-slider-nav .next:before {
  font-family: "FontAwesome";
  font-size: 24px;
  content: "\f0da";
  color: #fff;
  position: absolute;
  right: -40px;
  top: -13px;
}

.owl-slider-nav .prev:before {
  font-family: "FontAwesome";
  font-size: 24px;
  content: "\f0d9";
  color: #fff;
  position: absolute;
  left: -40px;
  top: -13px;
}

.owl-dots {
  text-align: center;
  margin-top: 30px !important;
}

.owl-dot {
  background: #ccc;
  border: none;
  margin: 5px;
  width: 6px;
  height: 6px;
  padding: 0;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
}

.dark-scheme .owl-dot,
.text-light .owl-dot {
  background: rgba(255, 255, 255, .2);
}

.owl-item.active div blockquote {
  position: relative;
  overflow: hidden;
}

.owl-item.active div blockquote,
.owl-item.active div blockquote .de_testi_by {
  opacity: 1;
}

.owl-stage {
  overflow: none;
}

.typed-strings p {
  position: absolute;
}

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.5s infinite;
  -moz-animation: blink 0.5s infinite;
  animation: blink 0.5s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.style-2 .date-box {
  text-align: center;
  position: absolute;
  right: 0;
  padding: 15px 5px 5px 5px;
  color: #fff;
}

.style-2 .date-box .d {
  font-weight: 600;
  font-size: 38px;
  margin-bottom: 5px;
}

.style-2 .date-box .m {
  font-family: var(--body-font);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 8px;
  margin-left: 8px;
}

.sitemap {
  margin: 0;
  padding: 0;
}

.sitemap.s1 li {
  list-style: none;
}

.sitemap.s1 li:before {
  font-family: FontAwesome;
  content: "\f016";
  margin-right: 10px;
}

.list {
  margin: 0;
  padding: 0;
}

.list li {
  list-style: none;
}

.rtl .list.s1 li:after,
.list.s1 li:before {
  font-family: FontAwesome;
  content: "\f00c";
  margin-right: 10px;
}

.rtl .list.s1 li:after {
  margin-right: 0;
  margin-left: 10px;
}

.rtl .list.s1 li:before {
  display: none;
}

.list.s2 li:before {
  font-family: FontAwesome;
  content: "\f055";
  margin-right: 10px;
}

.list.s3 {
  display: inline;
  margin: 0;
  padding: 0;
}

.list.s3 li {
  display: inline;
  margin-right: 20px;
}

.list.s3 a {
  font-weight: bold;
}

#owl-logo img:hover {
  opacity: 1;
}

.switch-set {
  font-weight: bold;
  direction: ltr !important;
}

.dark-scheme .switch-set{
  color:#ffffff;
}

.dark-scheme .switch {
  background: rgba(255, 255, 255, .1);
}

.switch-set div {
  display: inline-block;
  padding: 0 5px;
  direction: ltr !important;
}

.switch {
  margin-bottom: -5px;
  -webkit-appearance: none;
  height: 22px;
  width: 42px;
  background-color: #F4F4F4;
  border-radius: 60px;
  position: relative;
  cursor: poInter;
  border: none;
}

.switch::after {
  content: "";
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  position: absolute;
  border-radius: 100%;
  transition: .5s;
  margin: 2px 0 0 2px;
}

.de-switch {
  display: block;
}

.de-switch h3 {
  font-weight: 400;
  padding-bottom: 6px;
}

.de-switch input[type=checkbox] {
  display: none;
}

.de-switch input[type=checkbox]:checked+label {
  background-color: #2f7df9;
}

.de-switch input[type=checkbox]:checked+label:after {
  left: 23px;
}

.de-switch label {
  transition: all 200ms ease-in-out;
  display: inline-block;
  position: relative;
  height: 20px;
  width: 40px;
  border-radius: 40px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, .3);
  color: transparent;
}

.dark-scheme .de-switch label {
  background-color: rgba(255, 255, 255, .1);
}

.de-switch label:after {
  transition: all 200ms ease-in-out;
  content: " ";
  position: absolute;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: white;
  top: 3px;
  left: 3px;
  right: auto;
}

.de-switch.colored input[type=checkbox]:checked+label {
  background-color: #55c946;
}

.de-switch.colored label {
  background-color: #ff4949;
}

.switch-with-title h5 {
  float: left;
}

.switch-with-title .de-switch {
  float: right;
}

.switch:checked::after {
  transform: translateX(20px);
}

.switch:focus {
  outline-color: transparent;
}

.menu_side_area {
  display: flex;
  align-items: center;
}

.rtl .menu_side_area {
  margin-left: 0;
}

.tabs_wrapper {
  margin-top: 40px;
}

.hide-content {
  display: none;
}

.display-none {
  display: none;
}

.ul-check {
  padding: 0;
  list-style: none;
}

.ul-check li {
  position: relative;
  display: block;
  margin-top: 0;
  padding: 0px;
  padding-left: 30px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  line-height: 1.6em;
}

.ul-check li h4 {
  font-size: 18px;
  font-weight: 500;
}

.ul-check.s2 li h4 {
  font-weight: 600;
}

.ul-check.s2 li {
  margin-bottom: 30px;
}

.ul-check.s3 li {
  margin-bottom: 5px
}

.ul-check .d-label {
  background: #fdda76;
  font-weight: bold;
  padding: 0 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.ul-check-inline{
  margin: 0;
  padding: 0;
}

.ul-check-inline li {
  display: inline-block;
  padding: 0 20px;
  padding-left: 0;
  color: var(--heading-font-color);
}

.ul-check-inline li:before {
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 10px;
  color: var(--primary-color);
  border: solid 1px var(--primary-color);
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  padding: 5px;
}

.ul-check li:before {
  position: absolute;
  left: 0;
  font-family: "FontAwesome";
  content: "\f00c";
  margin-right: 12px;
  width: 20px;
  line-height: 1;
  padding: 4px 0;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.rtl .ul-check li:before {
  margin-right: 0;
  margin-left: 12px;
}

.ul-style-3 {
  margin-top: 15px;
  padding: 0;
  list-style: none;
}

.ul-style-3 li {
  display: inline-block;
  margin: 0;
  padding: 0px;
}

.ul-style-3 li:after {
  content: "/";
  margin: 0 5px 0 10px;
}

.ul-style-3 li:last-child:after {
  content: "";
}

a:hover .bg-hover-2{
  background: var(--secondary-color) !important;
}

a:hover .text-hover-white{
  color:#ffffff;
}


/* shadow */

.shadow-soft,
.de-map-wrapper iframe,
.expand-custom,
#form_sb input,
.container-timeline ul li::before{
  -webkit-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
  -moz-box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
  box-shadow: 0 10px 30px rgb(0 19 87 / 6%);
}

.shadow-1 {
  -webkit-box-shadow: 0 10px 30px rgb(29, 29, 31, 25%);
  -moz-box-shadow: 0 10px 30px rgb(29, 29, 31, 25%);
  box-shadow: 0 10px 30px rgb(29, 29, 31, 25%);
}

.no-shadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.rounded-5 {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  position: relative;
  overflow: hidden;
}


.rounded-10 {
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.rounded-20 {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  position: relative;
}

.rounded-30{  
  overflow: hidden;
  border-radius:20px;
  -moz-border-radius:20px;
  -webkit-border-radius:20px;
}

.circle{
  border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}

.rtl .carousel-control-next {
  right: 0;
}

.rtl .carousel-control-prev {
  left: 0;
  right: auto;
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  opacity: 1;
  width: 48px;
  height: 48px;
  padding-top: 10px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

.carousel-control-next-icon:after,
.carousel-control-prev-icon:after {
  font-family: FontAwesome;
  content: "\f104";
  font-size: 32px;
  color: var(--primary-color);
}

.carousel-control-next-icon:after {
  content: "\f105";
}

.carousel-control-next-icon:hover,
.carousel-control-prev-icon:hover {
  background: #ffffff;
}

.carousel-indicators [data-mdb-target] {
  background-color: var(--primary-color);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
}

.de-map-wrapper iframe {
  width: 100%;
  height: 450px;
  border: solid 1px #cccccc;
}


/* css animation */


img.anim-up-down {
  -webkit-animation: move-up-down 1s infinite alternate;
  animation: move-up-down 1s infinite alternate;
}

img.anim-up-down {
  -webkit-animation: move-up-down 1s infinite alternate;
  animation: move-up-down 1s infinite alternate;
}

@-webkit-keyframes move-up-down {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes move-up-down {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }
}

.slider-text-wrap {
  background: rgba(255, 255, 255, .75);
  padding: 30px;
  padding-top: 20px;
  overflow: hidden;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.bubble{
  font-weight: bold;
  position: absolute;
  color:#ffffff;
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius:100%;
  padding-top: 35px;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  background: var(--primary-color);
  z-index:1;
}

.bubble-3 .bubble:nth-child(1){
  position: absolute;
  top:25%;
  left: 10%;
}

.bubble-3 .bubble:nth-child(2){
  position: absolute;
  top:35%;
  right: 10%;
}

.bubble-3 .bubble:nth-child(3){
  position: absolute;
  bottom:15%;
  left: 30%;
}

.scale-in-mask{
    animation: scale-in-mask 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s forwards;
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0;
}

@keyframes scale-in-mask {
    0% {
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        clip-path: inset(30% 30% 30% 30%);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}


.mask-left{
     animation: mask-left 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s forwards;
     -moz-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
     opacity: 0;
}

.mask-right{
     animation: mask-right 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s forwards;
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
     opacity: 0;
}

.mask-bottom{
     animation: mask-bottom 1.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) .2s forwards;
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
     opacity: 0;
}

@keyframes mask-bottom {
    0% {
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


@keyframes mask-left {
    0% {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}


@keyframes mask-right {
    0% {
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }
    100% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.rotate-animation{
   animation: rotate-animation 10s infinite linear;
}

@keyframes rotate-animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.d-grid-images{
  border-top: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
}

.d-grid-images .d-item{
  text-align: center;
  display: flex;
  width: 25%;
  height: 100px;
  float: left;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  justify-content: center;
  align-items: center;
}

/* price list */

.def-list-dots{
  padding-left: 30px;
  font-size: 18px;
}

.def-list-dots dl {
  display: table;
  width: 100%;
  margin: 3px 0;
  margin-bottom: 10px;
}
.def-list-dots dt {
  display: table-cell;
  width: 100%;
  max-width: 0;
  overflow: hidden;
  vertical-align: top;
  font-weight: 400;
}
.def-list-dots dt span:after {
  content: " ";
}
.def-list-dots dt:after {
  content: "..................................................................................................................................................................................................................";
  display: inline-block;
  width: 0;
  color: rgba(255,255,255, 0.5);
}
.def-list-dots .no-def-item dt:after {
  content: "";
}
.def-list-dots dd {
  display: table-cell;
  margin: 0;
  padding-left: 4px;
  vertical-align: bottom;
  white-space: nowrap;
  font-weight: 600;
  color:var(--primary-color);
}

.images-carousel-group img{
  height: 350px;
  width: auto;
}

.d-list-menu {
  margin: 0;
  padding: 0;
}
#search {
  float: left;
  width: 70%;
  margin-bottom: 0;
}

#btn-search {
  border: none;
  padding: 7px;
  background: #222;
  float: left;
  width: 30%;
  height: 42px;
}

#btn-search:before {
  font-family: FontAwesome;
  content: "\f002";
  font-size: 24px;
  color: #111;
}

#btn-search:hover {
  background: #fff;
}

/* dropdown */
/* ------------------------------ */
.dropdown {
  position: relative;
  z-index: 500;
  font-weight: 600;
  display: inline-block;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  text-align: left;
}

.dropdown a,
.dropdown a:hover {
  text-decoration: none;
  outline: none;
  display: inline-block;
}

.dropdown a,
.header-light .dropdown a:hover {
  color: #333;
}

.dark-scheme .dropdown a,
.dark-scheme .header-light .dropdown a:hover {
  color: #ffffff;
}

.dropdown>a {
  display: inline-block;
  padding: 7px 12px 7px 12px;
  min-width: 140px;
  border: solid 1px rgba(0, 0, 0, .2);
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  font-weight: bold;
}

.dark-scheme .dropdown>a {
  border: solid 1px rgba(255, 255, 255, .2);
}

.dropdown>a:after {
  font-family: "FontAwesome";
  font-size: 16px;
  content: "\f107";
  position: relative;
  float: right;
  margin-left: 10px;
}

.rtl .dropdown>a:after {
  margin-left: 0;
  float: left;
}

.dropdown ul,
.dropdown li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}

.dropdown ul {
  background: #ffffff;
  padding: 10px;
  position: absolute;
  min-width: 140px;
  display: none;
  cursor: pointer;
  border: solid 1px rgba(0, 0, 0, .1);
}

.dropdown li span {
  background: #ffffff;
  display: block;
  padding: 5px 10px 5px 10px;
  border-top: none;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
}

.dark-scheme .dropdown li span {
  background: var(--bg-dark-1);
  border: solid 1px rgba(255, 255, 255, .1);
}

.dark-scheme .dropdown li span:hover {
  background: var(--bg-color-even);
  color: #fff;
}

.dropdown li span:hover {
  color: #ffffff;
  background: #eeeeee;
}

.dropdown li.active {
  display: none;
}

.dropdown ul.d-col-3 {
  width: 600px !important;
}

.dropdown ul.d-col-3 li {
  width: 33.3%;
  float: left;
}

.dropdown ul.d-col-3 li span {}

.text-light .dropdown {
  background: none;
  border: solid 1px rgba(255, 255, 255, .1);
}

.text-light .dropdown a {
  color: #ffffff;
}

.items_filter {
  font-size: 14px;
  margin-bottom: 30px;
}

.items_filter .dropdown {
  margin-right: 10px;
}

.dropdown.fullwidth,
.dropdown.fullwidth a,
.dropdown.fullwidth ul,
.dropdown.fullwidth li {
  width: 100%;
}

.dropdown.style-2,
.dropdown.style-2 a,
.dropdown.style-2 ul,
.dropdown.style-2 li {
  width: 100%;
}

.rtl .dropdown.style-2 {
  text-align: right;
}

.dropdown.style-2 h4 {
  font-size: 15px;
  font-weight: 500;
}

.dropdown.style-2 a {
  font-size: 20px;
  color: #ffffff;
  padding: 5px 0;
  border: none;
  border-top: solid 1px rgba(255, 255, 255, .3);
}

a.btn-search-big {
  text-align: center;
  display: inline-block;
  width: 100%;
  padding: 20px;
  font-weight: bold;
  color: #ffffff;
  font-size: 20px;
  border: solid 1px #ffffff;
}

a.btn-search-big:hover {
  background: #ffffff;
  color: #35404e;
}

.separator {
  line-height: 0.5;
  text-align: center;
  margin: 30px 0 30px 0;
}

.separator span {
  display: inline-block;
  position: relative;
}

.separator span:before,
.separator span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  top: 5px;
  width: 50px;
}

.separator span:before {
  right: 100%;
  margin-right: 15px;
}

.separator span:after {
  left: 100%;
  margin-left: 15px;
}

.separator span i {
  font-size: 12px;
  padding: 0;
  margin: 0;
  float: none;
}

.de_light .separator span:before,
.de_light .separator span:after {
  border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.text-light .separator span:before,
.text-light .separator span:after {
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.de-separator:after {
background: none repeat scroll 0% 0% var(--primary-color);
content: "";
height: 10px;
right: 0%;
margin: -5px auto auto -5px;
position: absolute;
transform: rotate(-45deg);
width: 10px;
}
.de-separator:before {
background: none repeat scroll 0% 0% var(--primary-color);
content: "";
height: 10px;
left: 0%;
margin: -5px auto auto -5px;
position: absolute;
transform: rotate(-45deg);
width: 10px;
}
.de-separator {
position: relative;
border-top: 1px solid var(--primary-color);
width: 250px;
clear: both;
margin:0 auto;
margin-bottom: 40px;
}  

/* --------------------------------------------------
* plugin
* --------------------------------------------------*/

/* ================================================== */


/* isotope */


/* ================================================== */

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
 

.social-icons-sm i {
  color: #fff;
  margin: 0 5px 0 5px;
  border: solid 1px #555;
  width: 32px;
  height: 32px;
  padding: 8px;
  text-align: center;
  border-radius: 30px;
}

.social-icons-sm i:hover {
  color: #ffffff;
}

.arrowup {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
  margin-top: -30px;
}

.arrowdown {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #ffffff;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: absolute;
}

.arrowright {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid green;
}

.arrowleft {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue;
}

a,
img {
  outline: 0;
}

/* overwrite bootstrap */

.nav-pills .nav-link {
  font-weight: 500;
}

.de-preloader {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  background: #ffffff;
  z-index: 5000;
}

.dark-scheme .de-preloader {
  background: var(--bg-color-even);
}

.dot-loader {
  width: 80px;
  height: 16.6666666667px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.dot-loader-dot {
  will-change: transform;
  height: 16.6666666667px;
  width: 16.6666666667px;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  -webkit-animation: grow 0.5s ease-in-out infinite alternate;
  animation: grow 0.5s ease-in-out infinite alternate;
}

.dot-loader-dot.dot1 {
  left: 0;
  transform-origin: 100% 50%;
}

.dot-loader-dot.dot2 {
  left: 50%;
  transform: translateX(-50%) scale(1);
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}

.dot-loader-dot.dot3 {
  right: 0;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

@-webkit-keyframes grow {
  to {
    transform: translateX(-50%) scale(0);
  }
}

@keyframes grow {
  to {
    transform: translateX(-50%) scale(0);
  }
}


/* -------------------------Line Preloader--------------------- */

.line-preloader {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 80px;
  height: 16.6666666667px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);

}

.line-preloader .p-line {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0);
}

.line-preloader .p-line:nth-child(1) {
  position: absolute;
  width: 25px;
  height: 25px;
  border-right: 2px solid gold;
  border-bottom: 2px solid gold;
  animation: anim4 600ms linear infinite;
}

.line-preloader .p-line:nth-child(2) {
  border-left: 2px solid gold;
  border-top: 2px solid gold;
  animation: anim4 1200ms linear infinite;
}

.line-preloader .p-line:nth-child(3) {
  position: absolute;
  width: 75px;
  height: 75px;
  border-right: 2px solid gold;
  border-top: 2px solid gold;
  animation: anim4 900ms linear infinite;
}

@keyframes anim4 {
  to {
    transform: rotate(360deg);
  }
}

/* countdown-begin */
.countdown-amount{
  color: var(--heading-font-color);
  font-size: 36px;
}
.dark-scheme .countdown-amount{
  color:#ffffff;
}
@media only screen and (max-width: 992px) {
  .countdown-amount{
    font-size: 32px;
  }

  .is-countdown .countdown-section:nth-child(4) {
      display: none;
  }
}

.countdown-s2 .is-countdown .countdown-section{
  border: solid #fff 1px;
  border-radius:var(--rounded-1);
  -moz-border-radius:var(--rounded-1);
  -webkit-border-radius:var(--rounded-1);
}

.d-ticket{
  position: relative;
  overflow: hidden;
  padding: 30px;
  background: url('../images/misc/l3.webp');
  border-radius: var(--rounded-1);
  -moz-border-radius: var(--rounded-1);
  -webkit-border-radius: var(--rounded-1);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
}
.d-ticket.s2{
  background: url('../images/misc/l4.webp');
}
.d-ticket.s3{
  background: url('../images/misc/l5.webp');
}
.d-ticket h2{
  font-size: 36px;
  margin: 0;
}
 
   .back-i{ background: #fff;
    width: 80%;
    left: 10%;
    border-radius: 0 0 300px 300px;} 


@font-face {
    font-family: 'LEMONMILK-Regular'; /* Um nome de sua escolha para referenciar a fonte */
    src: url('../fonts/LEMONMILK-Regular.eot'); /* Para compatibilidade com navegadores antigos (opcional) */
    src: url('../fonts/LEMONMILK-Regular.woff2') format('woff2'),
         url('../fonts/LEMONMILK-Regular.woff') format('woff'),
         url('../fonts/LEMONMILK-Regular.ttf') format('truetype'),
         url('../fonts/LEMONMILK-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}



@font-face {
  font-family: 'Bw Modelica';  
  src: url('../fonts/BwModelica-Medium.woff2') format('woff2'),
       url('../fonts/BwModelica-Medium.woff') format('woff');  
  font-weight: 500;  
  font-style: normal;
}

.main-container {
  overflow: hidden;
}

.main-container,
.main-container * {
  box-sizing: border-box;
}

input,
select,
textarea,
button {
  outline: 0;
}

.main-container {
  position: relative;
  width: 1440px;
  height: 3640px;
  margin: 0 auto;
  background: rgba(0, 0, 0, 0);
  overflow: hidden;
}
.root {
  position: absolute;
  height: 1440px;
  top: 0;
  right: 0;
  left: 0;
  background: #ffffff;
}
/*.image-inic {
  position: absolute;
  width: 1401px;
  height: 667px;
  right: 24px;
  bottom: 773px;
  background: url(../images/background.jpg)
    no-repeat center;
  background-size: cover;
  z-index: 1;
  border-radius: 0 0 150px 150px;
}*/
.flex-row-c {
  position: relative;
  width: 1202px;
  height: 148px;
  margin: 39px 0 0 106px;
  z-index: 46;
}
.image-1 {
  position: absolute;
  width: 57px;
  height: 148px;
  right: 574px;
  bottom: 0;
   
  background-size: cover;
  z-index: 41; /*trocar aqui*/
}
.image-2 {
  position: relative;
  width: 57px;
  height: 65px;
  margin: 14px 0 0 -1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/mqTaqfSNMo.png)
    no-repeat center;
  background-size: cover;
  z-index: 42;
}
.button {
  position: absolute;
  width: 36px;
  height: 38px;
  right: 36px;
  bottom: 80px;
  background: rgba(0, 0, 0, 0);
  z-index: 37;
}
.background {
  position: relative;
  width: 28px;
  height: 28px;
  margin: 5px 0 0 4px;
 
  background-size: cover;
  z-index: 38;
}
.f {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 14px;
  height: 26px;
  right: 6px;
  bottom: 0;
  color: #4599b0;
  font-family: Inter, var(--default-font-family);
  font-size: 33.400001525878906px;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
  white-space: nowrap;
  z-index: 39;
}
.button-3 {
  position: absolute;
  width: 36px;
  height: 37px;
  right: 0;
  bottom: 81px;
  background: rgba(0, 0, 0, 0);
  z-index: 34;
}
.background-4 {

  position: relative;
  width: 214px;
  height: 215px;
  margin: 1px 0 0 2px;  
  background-size: cover;
  z-index: 22;
  overflow: visible auto;
  border-radius: 33px;

}
.in {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 18px;
  height: 18px;
  right: 5px;
  bottom: 5px;
  color: #3f96ad;
  font-family: Inter, var(--default-font-family);
  font-size: 17.899999618530273px;
  font-weight: 900;
  line-height: 18px;
  text-align: center;
  white-space: nowrap;
  z-index: 36;
}
.image-5 {
  position: absolute;
  width: 29px;
  height: 28px;
  right: 76px;
  bottom: 85px; 
  background-size: cover;
  z-index: 40;
}
.company {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  right: 1140px;
  bottom: 91px;
  color: #adcfd9;
  font-family: Inter, var(--default-font-family);
  font-size: 11.5px;
  font-weight: 400;
  line-height: 13.918px;
  text-align: left;
  white-space: nowrap;
  z-index: 46;
}
.ecosystem {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  right: 1040px;
  bottom: 91px;
  color: #acced7;
  font-family: Inter, var(--default-font-family);
  font-size: 11.800000190734863px;
  font-weight: 400;
  line-height: 14.281px;
  text-align: left;
  white-space: nowrap;
  z-index: 45;
}
.platform {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 16px;
  right: 951px;
  bottom: 92px;
  color: #a6cad4;
  font-family: Inter, var(--default-font-family);
  font-size: 11.600000381469727px;
  font-weight: 400;
  line-height: 14.039px;
  text-align: left;
  white-space: nowrap;
  z-index: 44;
}
.cases {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 15px;
  right: 881px;
  bottom: 92px;
  color: #afd0d8;
  font-family: Inter, var(--default-font-family);
  font-size: 11.899999618530273px;
  font-weight: 400;
  line-height: 14.402px;
  text-align: left;
  white-space: nowrap;
  z-index: 43;
}
.desbloquear {
  display: block;
  position: relative;
  height: 79px;
  margin: 68px 0 0 407px;
  color: #60daef;
  font-family: Inter, var(--default-font-family);
  font-size: 80.0999984741211px;
  font-weight: 700;
  line-height: 79px;
  text-align: left;
  white-space: nowrap;
  z-index: 33;

   background: linear-gradient(to right, #58caf0, #daffff 25%, #7ecbe6 50%, #0ee3ff 75%, #29afe4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  letter-spacing: 2px;
}
.negocios-gerando-receitas {
  display: block;
  position: relative;
  height: 46px;
  margin: 2px 0 0 411px;
  color: #dcecf1;
  font-family: Inter, var(--default-font-family);
  font-size: 37.900001525878906px;
  font-weight: 400;
  line-height: 45.868px;
  text-align: left;
  white-space: nowrap;
  z-index: 32;
}
.inteligentes {
  display: block;
  position: relative;
  height: 72px;
  margin: 5px 0 0 414px;
  color: #7be3f3;
  font-family: Inter, var(--default-font-family);
  font-size: 82px;
  font-weight: 700;
  line-height: 72px;
  text-align: left;
  white-space: nowrap;
  z-index: 31;
}
.groups {
  position: absolute;
  width: 1440px;
  height: 1305px;
  right: 0;
  bottom: 117px;
  background: rgba(0, 0, 0, 0);
  z-index: 1;
}
/*.flex-row {
  position: relative;
  width: 1197px;
  height: 275px;
  margin: 541px 0 0 121px;
  z-index: 27;
}*/

.groups-6 {
  position: absolute;
  width: 291px;
  height: 272px;
  right: 600px;
  bottom: 3px;
  background: rgba(0, 0, 0, 0);
  z-index: 21;
}
.background-7 {
  position: relative;
  width: 242px;
  height: 242px;
  margin: 3px 0 0 15px; 
  background-size: cover;
  z-index: 22;
  overflow: visible auto;
  border-radius: 37px;
}
.flex-row-fd {
  position: relative;
  width: 222px;
  height: 55px;
  margin: 66px 0 0 11px;
  z-index: 26;
}
.asset {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 40px;
  right: 0;
  bottom: 15px;
  color: #537baa;
  font-family: Inter, var(--default-font-family);
  font-size: 36.70000076293945px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  white-space: nowrap;
  z-index: 26;
}
.we {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 52px;
  right: 118px;
  bottom: 0;
  color: #4ab9b9;
  font-family: Inter, var(--default-font-family);
  font-size: 60.29999923706055px;
  font-weight: 400;
  line-height: 52px;
  text-align: left;
  white-space: nowrap;
  z-index: 24;
}
.on-chain-value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 12px;
  right: 14px;
  bottom: 1px;
  color: #30888d;
  font-family: Inter, var(--default-font-family);
  font-size: 10.699999809265137px;
  font-weight: 400;
  line-height: 12px;
  text-align: left;
  white-space: nowrap;
  z-index: 25;
}
.captacao-recursos {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 156px;
  height: 81px;
  margin: 23px 0 0 47px;
  color: #333;
  font-family: Inter, var(--default-font-family);
  font-size: 15.800000190734863px;
  font-weight: 400;
  line-height: 18.675px;
  text-align: center;
  text-overflow: initial;
  z-index: 23;
  overflow: hidden;
}
.groups-8 {
  position: absolute;
  width: 260px;
  height: 263px;
  right: 312px;
  bottom: 10px;
  background: rgba(0, 0, 0, 0);
  z-index: 16;
}
.background-9 {
  position: relative;
  width: 242px;
  height: 241px;
  margin: 2px 0 0 10px;
  background-size: cover;
  z-index: 17;
  overflow: visible auto;
  border-radius: 39px;
}
 
.image-b {
  position: absolute;
  width: 62px;
  height: 73px;
  right: 0;
  bottom: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/VCHA4HSjRe.png)
    no-repeat center;
  background-size: cover;
  z-index: 19;
}
.zu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 46px;
  right: 62px;
  bottom: 20px;
  color: #943995;
  font-family: Inter, var(--default-font-family);
  font-size: 52.400001525878906px;
  font-weight: 400;
  line-height: 46px;
  text-align: left;
  white-space: nowrap;
  z-index: 20;
}
.campanhas-digitais {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 203px;
  height: 62px;
  margin: 5px 0 0 24px;
  color: #333;
  font-family: Inter, var(--default-font-family);
  font-size: 17.700000762939453px;
  font-weight: 400;
  line-height: 19.544px;
  text-align: center;
  text-overflow: initial;
  z-index: 18;
  overflow: hidden;
}
.groups-c {
  position: absolute;
  width: 258px;
  height: 272px;
  right: 939px;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 27;
}
.background-d {
  position: relative;
  width: 241px;
  height: 241px;
  margin: 1px 0 0 8px;
  
  background-size: cover;
  z-index: 28;
  overflow: visible auto;
  border-radius: 39px;
}
.image-e {
  position: relative;
  width: 79px;
  height: 92px;
  margin: 37px 0 0 82px;
  background: url(../images/l1.png)
    no-repeat center;
  background-size: cover;
  z-index: 30;
}

.image-e2 {
  position: relative;
  width: 200px;
  height: 62px;
  margin:auto;
  background: url(../images/l2.png)
    no-repeat center; 
     margin-top: -10px;
}

.image-e3 {
position: relative;
    width: 222px;
    height: 69px;
    margin: auto;
    background: url(../images/l3.png) no-repeat center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.image-e4 {
  position: relative;
  width: 140px;
  height: 92px;
  margin: auto;
  background: url(../images/l4.png)
   no-repeat center;
  background-size: cover;
   margin-top: 40px;
}

.projetos-white-label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 128px;
  height: 62px;
  margin: 14px 0 0 59px;
  color: #333;
  font-family: Inter, var(--default-font-family);
  font-size: 17.399999618530273px;
  font-weight: 400;
  line-height: 19.669px;
  text-align: center;
  text-overflow: initial;
  z-index: 29;
  overflow: hidden;
}
.groups-f {
  position: absolute;
  width: 258px;
  height: 258px;
  right: 0;
  bottom: 13px;
  background: rgba(0, 0, 0, 0);
  z-index: 9;
}
.background-10 {
  position: relative;
  width: 241px;
  height: 243px;
  margin: 0 0 0 10px;
  font-size: 0px;
   background-size: cover;
  z-index: 10;
  overflow: visible auto;
}

 

.background-d:before, .background-7:before, .background-9:before , .background-10:before {
content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 25%);
    backdrop-filter: blur(26px);
    border-radius: 40px;
    z-index: -1;
    pointer-events: none;
}


.data-intelligence {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 143px;
  height: 45px;
  margin:auto;
  color: #333;
  font-family: Inter, var(--default-font-family);
  font-size: 17.700000762939453px;
  font-weight: 400;
  line-height: 19.031px;
  text-align: center;
  text-overflow: initial;
  z-index: 11;
  overflow: hidden;
}
.image-11 {
  position: absolute;
  width: 76px;
  height: 76px;
  right: 45px;
  bottom: 115px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/cSjX2irs65.png)
    no-repeat center;
  background-size: cover;
  z-index: 13;
}
.wow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 21px;
  right: 133px;
  bottom: 160px;
  color: #ced6d9;
  font-family: Inter, var(--default-font-family);
  font-size: 17.399999618530273px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;
  white-space: nowrap;
  z-index: 15;
}
.data {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  right: 133px;
  bottom: 142px;
  color: #d3dadd;
  font-family: Inter, var(--default-font-family);
  font-size: 17.700000762939453px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 14;
}
.ai {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  right: 134px;
  bottom: 123px;
  color: #d1dee2;
  font-family: Inter, var(--default-font-family);
  font-size: 17.700000762939453px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  z-index: 12;
}
 
 

.quem-somos2 {
     margin: 27px auto 24px auto;
    color: #fff;
    font-family: Inter, var(--default-font-family);
    font-size: 33.900001525878906px;
    font-weight: 700;
    line-height: 41.027px;
    text-align: center;
    display: block;
    padding-top: 30px;
}


.quem-somos{

   display: flex;
  align-items: center;
  justify-content: center;
  position: relative; 
  font-size: 33.900001525878906px;
  font-weight: 700;
    line-height: 41.027px;
}

.aidda-group2 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; 
  margin: 24px auto;
  color: #dbedf1;
  font-family: Inter, var(--default-font-family);
  font-size: 24.100000381469727px;
  font-weight: 300;
  line-height: 28.736px;
  text-align: center;
  text-overflow: initial;
  z-index: 6;
  overflow: hidden;
}
.desbloqueamos-negocios {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; 
    margin: 24px auto;
  color: #dbedf1;
  font-family: Inter, var(--default-font-family);
  font-size: 23.5px;
  font-weight: 300;
  line-height: 28.891px;
  text-align: center;
  text-overflow: initial;
  z-index: 5;
  overflow: hidden;
}
.oferecemos-solucoes {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 24px auto;
  color: #dbedf1;
  font-family: Inter, var(--default-font-family);
  font-size: 23px;
  font-weight: 300;
  line-height: 27.625px;
  text-align: center;
  padding-bottom: 50px;
  z-index: 4;
  overflow: hidden;
}

.groups-12{padding: 55px 0 21px 0;
    margin-top: 13px;}

.image-13 {
  position: absolute;
  width: 1440px;
  height: 1328px;
  right: 0;
  bottom: 2312px;
  
    background: -webkit-linear-gradient(53deg, #b5eef9, #4da8c2, #11779b, #047b87);
  background-size: cover;
  z-index: 0;
}
.figma-design-14 {
  position: absolute;
  width: 1440px;
  height: 1440px;
  top: 1274px;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 47;
  overflow: hidden;
}
.root-15 {
  position: absolute;
  height: 1440px;
  top: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 48;
}
 
.image-17 {
    position: absolute;
    width: 1388px;
    height: 607px;
    right: 27px;
    bottom: 4px;
    background: url(../images/background.jpg) no-repeat center;
    background-size: cover;
    z-index: 66;
    border-radius: 150px;
}
.groups-18 {
  position: absolute;
  width: 271px;
  height: 302px;
    left: 160px;
  bottom: 299px;
  background: rgba(0, 0, 0, 0);
  z-index: 77;
}
.image-19 {
       position: relative;
    width: 52px;
    height: 52px;
    margin: 139px 0 0 109px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/zw9wQWjEJc.png) no-repeat center;
    background-size: cover;
    z-index: 80;
}

.itens-nv{ 
    margin-top: 9%;
    position: absolute;
    width: 100%;}


.escalabilidade {
    display: block;
    height: 26px;
    margin: 10px 0;
    color: #ffffff;
    font-size: 22.5px;
    font-weight: 700;
    line-height: 26px;
    text-align: center;
}

.solucoes-prontas {
  display: block;
  position: relative;
  height: 23px;
  margin: 18px 0 0 22px;
  color: #fffdfe;
  font-family: Inter, var(--default-font-family);
  font-size: 16.299999237060547px;
  font-weight: 400;
  line-height: 19.727px;
  text-align: left;
  white-space: nowrap;
  z-index: 78;
}

.groups-20{
 
 width: 1401px;
    margin: auto;  
 
}


.image-1a {
  position: absolute;
  width: 258px;
  height: 257px;
  right: 591px;
  bottom: 279px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/nt4XZOZ2L8.png)
    no-repeat center;
  background-size: cover;
  z-index: 76;
}
.image-1b {
      position: absolute;
    width: 58px;
    height: 64px;
    right: 281px;
    bottom: 406px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/0o5Hztsmwf.png) no-repeat center;
    background-size: cover;
    z-index: 73;
}
.image-1c {
  position: absolute;
  width: 105px;
  height: 5px;
  right: 464px;
  bottom: 402px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/bk6tWnhdug.png)
    no-repeat center;
  background-size: cover;
  z-index: 74;
}
.background-1d {
  position: absolute;
  width: 104px;
  height: 3px;
  right: 873px;
  bottom: 403px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/U5UwMC0nZK.png)
    no-repeat center;
  background-size: cover;
  z-index: 75;
}  
.background-1e {
 position: absolute;
    width: 3px;
    height: 32px;
    right: 50%;
    bottom: 237px;
    z-index: 100;
    background: #fff;
}

.escala{
left: 10%;
  position: absolute;
  width: 300px;
}

.groups-16 {
    position: relative;
    width: 1440px;
    height: 606px;
    margin:auto;
    background: rgba(0, 0, 0, 0);
    z-index: 65;
}

.image-1f {
   position: absolute;
    width: 86px;
    height: 59px;
    right: 677px;
    bottom: 178px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/AuLgZo4buK.png) no-repeat center;
    background-size: cover;
    z-index: 69;
}
 
 
 
.pilares {
  display: block;
  position: relative;
  height: 37px;
  margin: 88px 0 0 0;
  color: #18b1bc;
  font-family: Inter, var(--default-font-family);
  font-size: 31.899999618530273px;
  font-weight: 700;
  line-height: 37px;
  text-align: center;
  white-space: nowrap;
  z-index: 64;
}
.button-21 {
      position: relative;
    width: 831px;
    height: 151px;
    margin: auto;
    background: rgba(0, 0, 0, 0);
    z-index: 60;
    text-align: center;
}
.background-22 {
  position: absolute;
  width: 822px;
  height: 141px;
  right: 4px;
  bottom: 4px;
  background: url(../images/img-tira.png)
    no-repeat center;
  background-size: cover;
  z-index: 61;
  border-radius: 33px;
}
.white-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 196px;
  height: 99px;
  right: 183px;
  bottom: 26px;
  color: #ecf3f7;
  font-family: Inter, var(--default-font-family);
  font-size: 49.099998474121094px;
  font-weight: 700;
  line-height: 49.19px;
  text-align: left;
  text-overflow: initial;
  z-index: 62;
  overflow: hidden;
}
.plataformas-de-t {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  width: 255px;
  height: 63px;
  right: 392px;
  bottom: 36px;
  color: #ebf0f0;
  font-family: Inter, var(--default-font-family);
  font-size: 25.799999237060547px;
  font-weight: 700;
  line-height: 28.237px;
  text-align: right;
  text-overflow: initial;
  z-index: 63;
  overflow: hidden;
}
.mais-que-plataforma {
  display: block;
  position: relative;
  height: 25px;
  margin: 20px auto;
  color: #4e4e4f;
  font-family: Inter, var(--default-font-family);
  font-size: 23.200000762939453px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  white-space: nowrap;
  z-index: 59;
}
.flex-row-e {
  position: relative;
  width: 1204px;
  margin: auto;
  z-index: 58;
}
.construimos-negocios-digitais-com-voce {
  align-items: center;
  justify-content: flex-start;
  height: 27px;
  right: 318px;
  bottom: 16px;
  color: #1db2bd;
  font-family: Inter, var(--default-font-family);
  font-size: 22.700000762939453px;
  font-weight: 800;
  line-height: 27px;
  text-align: left;
  white-space: nowrap;
  z-index: 57;
}
.image-23 {
  position: absolute;
  width: 17px;
  height: 29px;
  right: 1187px;
  bottom: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/8GBMH2GFp5.png)
    no-repeat center;
  background-size: cover;
  z-index: 58;
}
.image-24 {
  position: absolute;
  width: 17px;
  height: 29px;
  right: 0;
  bottom: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/NLZOE6nTaX.png)
    no-repeat center;
  background-size: cover;
  z-index: 56;
}
.plataforma-white-label-web3 {
  align-items: center;
  justify-content: center;
  position: relative;
  margin: auto;
  color: #3f4041;
  font-weight: 700;
  line-height: 27.813px;
  text-align: center;
  z-index: 55;
  overflow: hidden;
  display: block;
}
.button-25 {
  position: relative;
  width: 113px;
  height: 43px;
  margin: auto;
  background: rgba(0, 0, 0, 0);
 margin-top: 10px;
}
.background-26 {
 position: absolute;
    width: 106px;
    height: 35px;
    right: 2px;
    bottom: 4px;
    background: url(../images/img-tira.png) no-repeat center;
    background-size: cover;
    z-index: 53;
    border-radius: 15.75px;
}
.veja-mais {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 18px;
  right: 20%;
  bottom: 10px;
  color: #fff;
  font-family: Inter, var(--default-font-family);
  font-size: 13.199999809265137px;
  font-weight: 400;
  line-height: 15.975px;
  text-align: left;
  white-space: nowrap;
  z-index: 54;
}
.principais-cases {
  display: block;
  position: relative;
  height: 39px;
  margin: 145px 0 0 0;
  color: #12aeb9;
  font-family: Inter, var(--default-font-family);
  font-size: 31.899999618530273px;
  font-weight: 700;
  line-height: 38.606px;
  text-align: center;
  white-space: nowrap;
  z-index: 51;
}
.image-27 {
  position: absolute;
  width: 1440px;
  height: 1440px;
  right: 0;
  bottom: 0;
     background: -webkit-linear-gradient(284deg, #aeebf9, #4fadc7, #1f809f, #96b7c0, #ffeded, #f5f5f5, #d8dfe1, #b6c7ce, #a7e4f1);
  background-size: cover;
  z-index: 49;
}
.figma-design-28 {
  position: absolute;
  width: 1440px;
  height: 1440px;
  top: 2547px;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 81;
  overflow: hidden;
}
.root-29 {
  position: absolute;
  height: 1440px;
  top: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  z-index: 82;
}
.image-2a {
  position: absolute;
  height: 1440px;
  top: 0;
  right: 0;
  left: 0;
  background: #ffffff;
  z-index: 83;
}
.image-2b {
  position: absolute;
  width: 1440px;
  height: 637px;
  right: 0;
  bottom: 803px;
  background: #f2f8fa;
  z-index: 84;
}
.image-2c {
  position: absolute;
  width: 1440px;
  height: 1093px;
  right: 0;
  bottom: 347px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/BrbVhGQ2i8.png)
    no-repeat center;
  background-size: cover;
  z-index: 87;
}
.groups-2d {
  position: absolute;
  width: 1440px;
  height: 176px;
  right: 0;
  bottom: 1264px;
     background: -webkit-linear-gradient(66deg, #f0f5f6, #e6e6e6, #e3e3e3, #d3dde1, #ccd5d9, #bfced3, #b6c8d1, #b2ced6);
  z-index: 124;
}


.bg-white-label-section .fs-4.fw-bold, .bg-white-label-section .fs-3.fw-bold,  .bg-white-label-section .text-primary,  .bg-white-label-section .text-secondary{ text-transform: uppercase; }


.footer-aidda {
  background-color: #232632;
  color: #dedede;
  padding: 40px 0 20px 0;
  font-size: 1rem;
}
.footer-aidda h5 {
  color: #fff;
  font-weight: bold;
  margin-bottom: 1rem;
  font-size: 1.2em;
   text-transform: uppercase;
}
.footer-aidda a {
  color: #81dbe3;
  text-decoration: none;
}
.footer-aidda a:hover {
  color: #f3f3f3; 
}
.aidda-logo-placeholder {
  width: 200px;
  height: 40px; 
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #20ddae;
  font-weight: bold;
  font-size: 1.2rem;
  border-radius: 4px;
}

.footer-aidda p{color: #e7e7e7;}

.aidda-logo-placeholder img{width: 200px;}

.social-icons-aidda a {
  margin-right: 12px;
  color: #232632;
  background: #dedede;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 1.3rem;
  transition: background 0.3s;
}
.social-icons-aidda a:hover {
  background: #20ddae;
  color: #232632;
}
.footer-aidda-bottom {
  font-size: 0.75rem;
  margin-top: 24px;
  border-top: 1px solid #c0e0f4;
  padding-top: 12px;
  color: #e0e0e0;
}


 



/* ======== SEÇÃO CARROSSEL DE LOGOS ======== */
   .carousel-container {
      width: 1200px;
      margin:auto;
      height: 100px;
      overflow: hidden;
      border-radius: 15px;  
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      top: 25%;
      z-index: 200;
    }
    .carousel-track {
      display: flex;
      transition: transform 0.6s cubic-bezier(0.65,0,0.35,1);
      align-items: center;
    }
    .carousel-logo {
      width: 365px;
      height: 70px;
      margin: 0 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5em;
      font-family: Arial,sans-serif;
      font-weight: bold;
      color: #fff;
      border-radius: 8px;
      opacity: 0.5;
      transition: all 0.6s cubic-bezier(0.65,0,0.35,1);
    
    }

    .carousel-logo.active {
      opacity: 1;
      background: rgba(255,255,255,0.06);
      color: #fff;
      border: 2px solid #fff;
      font-size: 2em;
      z-index: 2;
    }
    .carousel-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background: none;
      border: none;
      color: #fff;
      font-size: 2.5em;
      cursor: pointer;
      z-index: 10;
      transition: background 0.18s;
      padding: 0 12px;
      opacity: .7;
    }
    .carousel-arrow:hover {
      opacity: 1;
    }
    .carousel-arrow.left {
      left: 0;
    }
    .carousel-arrow.right {
      right: 0;
    }

    .carousel-logo img{width: 80%;}

.principais-cases-2e {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 39px;
  right: 559px;
  bottom: 22px;
  color: #14aeb9;
  font-family: Inter, var(--default-font-family);
  font-size: 31.899999618530273px;
  font-weight: 700;
  line-height: 38.606px;
  text-align: left;
  white-space: nowrap;
  z-index: 125;
}
.groups-2f {
  position: absolute;
  width: 1440px;
  height: 195px;
  right: 0;
  bottom: 1075px;
  background: rgba(0, 0, 0, 0);
  z-index: 112;
 background: url(../images/background.jpg) no-repeat center;
}
.background-30 {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 329px;
  height: 8px;
  margin: 73px 0 0 557px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/7P2ojczHn6.png)
    no-repeat center;
  background-size: cover;
  z-index: -Infinity;
}
.flex-row-a-31 {
  position: relative;
  width: 1204px;
  height: 53px;
  margin: -5px 0 0 118px;
  z-index: 122;
}
.button-32 {
  position: absolute;
  width: 267px;
  height: 52px;
  right: 62px;
  bottom: 1px;
  background: rgba(0, 0, 0, 0);
  z-index: 115;
}
.flex-row-fd-33 {
  position: relative;
  width: 258px;
  height: 44px;
  margin: 4px 0 0 5px;
  font-size: 0px;
  z-index: 118;
  overflow: visible auto;
}
.grupo-locale {
  display: block;
  position: relative;
  height: 29px;
  margin: 6px 0 0 8px;
  color: #3480a7;
  font-family: Inter, var(--default-font-family);
  font-size: 29.399999618530273px;
  font-weight: 300;
  line-height: 29px;
  text-align: left;
  white-space: nowrap;
  z-index: 118;
}
.background-34 {
  position: absolute;
  width: 258px;
  height: 44px;
  right: 0;
  bottom: 0;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/RfnFN6uAPO.png)
    no-repeat center;
  background-size: cover;
  z-index: 116;
}
.baresi-restaurant {
  display: block;
  position: relative;
  height: 12px;
  margin: -8px 0 0 57px;
  color: #28749e;
  font-family: Inter, var(--default-font-family);
  font-size: 9.100000381469727px;
  font-weight: 300;
  line-height: 11.013px;
  text-align: left;
  white-space: nowrap;
  z-index: 117;
}
.bancodobrasil {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 41px;
  right: 871px;
  bottom: 8px;
  color: #65adba;
  font-family: Inter, var(--default-font-family);
  font-size: 25.700000762939453px;
  font-weight: 700;
  line-height: 31.103px;
  text-align: left;
  white-space: nowrap;
  z-index: 120;
}
.image-35 {
  position: absolute;
  width: 37px;
  height: 37px;
  right: 1101px;
  bottom: 9px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/aWv4C3HX62.png)
    no-repeat center;
  background-size: cover;
  z-index: 121;
}
.americanas {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 46px;
  right: 432px;
  bottom: 0;
  color: #eef2f4;
  font-family: Inter, var(--default-font-family);
  font-size: 44.79999923706055px;
  font-weight: 700;
  line-height: 46px;
  text-align: left;
  white-space: nowrap;
  z-index: 119;
}
.image-36 {
  position: absolute;
  width: 17px;
  height: 29px;
  right: 1187px;
  bottom: 9px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/qWVNch9xbS.png)
    no-repeat center;
  background-size: cover;
  z-index: 122;
}
.image-37 {
  position: absolute;
  width: 17px;
  height: 29px;
  right: 0;
  bottom: 9px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/BhNDJSZ5XW.png)
    no-repeat center;
  background-size: cover;
  z-index: 114;
}
.background-38 {
  display: flex;
  align-items: flex-start;
  position: relative;
  width: 328px;
  height: 7px;
  margin: 2px 0 0 558px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/73gnNX6hzw.png)
    no-repeat center;
  background-size: cover;
  z-index: -Infinity;
}
.background-39 {
  position: absolute;
  width: 1440px;
  height: 257px;
  right: 0;
  bottom: 819px;
  background: #f2f8fa;
  z-index: 85;
}
.image-3a {
  position: absolute;
  width: 1440px;
  height: 728px;
  right: 0;
  bottom: 347px;
  background: #f2f8fa;
  z-index: 86;
}
.groups-3b { 
  background: rgba(0, 0, 0, 0);
  background: url(../images/background.jpg) no-repeat center;
 padding: 130px 20px 55px 20px;
 background-size: cover;
}

.flex-row-3c {
    position: relative;
    height: 260px;
    margin: auto;
    background: url(../images/background.jpg) no-repeat 90%;
    background-size: 252% !important;
}

.conteudo{    width: 1400px;
    margin: auto;}

.groups-3d1 {

    background: url(../images/background.jpg) no-repeat 90%;padding: 50px 20px;
 
}

.groups-3e {
  width: 1245px;
  height: 262px;
  font-size: 0px;
  background: rgba(0, 0, 0, 0);
  z-index: 108;
  margin: auto;
  position: relative;
  top: 100px;
} 

.transformamos-at {
  display: block;
  position: relative;
  height: 44px;
  margin: 0px 0 0 176px;
  color: #eaf1f3;
  font-family: Inter, var(--default-font-family);
  font-size: 35.900001525878906px;
  font-weight: 400;
  line-height: 43.447px;
  text-align: left;
  white-space: nowrap;
  z-index: 111;
}
.oportunidades-es {
  display: block;
  position: relative;
  height: 41px;
  margin: 2px 0 0 96px;
  color: #f1f6f7;
  font-family: Inter, var(--default-font-family);
  font-size: 35.70000076293945px;
  font-weight: 800;
  line-height: 41px;
  text-align: left;
  white-space: nowrap;
  z-index: 110;
}
.background-3f {
  position: absolute;
  width: 1245px;
  height: 262px;
  bottom: 55px;
  background: url(../images/img-tira2.png)
    no-repeat center;
  background-size: cover;
  z-index: 109;
  margin: auto;
  display: block;
}
.image-40 {
  display: flex;
  align-items: flex-start;
  position: relative;
 width: 420px;
  height: 117px;
  margin: auto;
 margin-top: 50px;
  background: url(../images/laidda.png)
    no-repeat center;
  background-size: cover;
  z-index: -Infinity;
}
.aidda-group {
  display: block;
  position: relative;
  height: 45px;
  margin: 2px 0 0 518px;
  color: #f2f7f9;
  font-family: Inter, var(--default-font-family);
  font-size: 50.599998474121094px;
  font-weight: 800;
  line-height: 45px;
  text-align: left;
  white-space: nowrap;
  z-index: 106;
}
.background-41 {
  display: flex;
    align-items: flex-start;
    position: relative;
    width: 410px;
    height: 2px;
    margin: 2px 0 13px 515px;
    background-size: cover;
    z-index: -Infinity;
    background: #fff;
}
.flex-row-ad {
  position: relative;
  width: 401px;
  height: 27px;
  margin: 5px 0 0 518px;
  z-index: 104;
}
.wowdata-ai {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 26px;
  right: 0;
  bottom: 1px;
  color: #bbd6e4;
  font-family: Inter, var(--default-font-family);
  font-size: 20.100000381469727px;
  font-weight: 400;
  line-height: 24.326px;
  text-align: left;
  white-space: nowrap;
  z-index: 99;
}
.aidda-assets-tracking {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  width: 116px;
  height: 25px;
  right: 262px;
  bottom: 1px;
  color: #cce0e8;
  font-family: Inter, var(--default-font-family);
  font-size: 11.600000381469727px;
  font-weight: 600;
  line-height: 12.438px;
  text-align: left;
  text-overflow: initial;
  z-index: 102;
  overflow: hidden;
}
.image-42 {
  position: absolute;
    width: 68px;
    height: 32px;
    right: 131px;
    bottom: -5px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/1xqsZtZT4B.png) no-repeat center;
    background-size: cover;
    z-index: 100;
}
.image-43 {
  position: absolute;
  width: 110px;
  height: 34px; 
  bottom: -4px;
  background: url(../images/AIDDA-AeT-branco.png)
    no-repeat center;
  background-size: 100% !important;
  left: -55px;
 
}

.image-50 {
  position: absolute;
  width: 110px;
  height: 34px; 
  bottom: -4px;
   left: 75px;
  background: url(../images/f3.png)
    no-repeat center;
  background-size: cover;
 
}

.image-52 {
position: absolute;
    width: 350px;
    height: 34px;
    bottom: -4px;
    right: -133px;
    background: url(../images/lg2.png) no-repeat center;
    background-size: 46% !important;
 
}

.asset-44 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 15px;
  right: 218px;
  bottom: 10px;
  color: #88b7d1;
  font-family: Inter, var(--default-font-family);
  font-size: 13.399999618530273px;
  font-weight: 300;
  line-height: 15px;
  text-align: left;
  white-space: nowrap;
  z-index: 101;
}
.ch-chnieenive {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 7px;
  right: 221px;
  bottom: 3px;
  color: #4c94b9;
  font-family: Inter, var(--default-font-family);
  font-size: 3.9000000953674316px;
  font-weight: 300;
  line-height: 4.72px;
  text-align: left;
  white-space: nowrap;
  z-index: 103;
}
.background-45 {
     display: flex;
    align-items: flex-start;
    position: relative;
    width: 705px;
    height: 1px;
    margin: 34px 0 0 367px;
    background: #fff;
}
.flex-row-46 {
  position: relative;
  width: 402px;
  height: 23px;
  margin: 16px 0 0 520px;
  z-index: 97;
}
.in-47 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 21px;
  height: 23px;
  right: 68px;
  bottom: 0;
  color: #dceaf1;
  font-family: Inter, var(--default-font-family);
  font-size: 22px;
  font-weight: 700;
  line-height: 23px;
  text-align: center;
  white-space: nowrap;
  z-index: 93;
}
.image-48 {
  position: absolute;
  width: 19px;
  height: 19px;
  right: 383px;
  bottom: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/fadiPp9kMp.png)
    no-repeat center;
  background-size: cover;
  z-index: 97;
}
.image-49 {
  position: absolute;
  width: 19px;
  height: 19px;
  right: 222px;
  bottom: 1px;
  background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-10-31/4TTYHpQO0Q.png)
    no-repeat center;
  background-size: cover;
  z-index: 95;
}
.facebook {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  right: 144px;
  bottom: 3px;
  color: #f1f6f7;
  font-family: Inter, var(--default-font-family);
  font-size: 11.899999618530273px;
  font-weight: 300;
  line-height: 14.402px;
  text-align: left;
  white-space: nowrap;
  z-index: 94;
}
.instagram {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 16px;
  right: 299px;
  bottom: 3px;
  color: #f1f6f7;
  font-family: Inter, var(--default-font-family);
  font-size: 11.899999618530273px;
  font-weight: 400;
  line-height: 14.402px;
  text-align: left;
  white-space: nowrap;
  z-index: 96;
}
.linkedin {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  height: 17px;
  right: 0;
  bottom: 1px;
  color: #f1f6f7;
  font-family: Inter, var(--default-font-family);
  font-size: 10.699999809265137px;
  font-weight: 400;
  line-height: 12.949px;
  text-align: left;
  white-space: nowrap;
  z-index: 92;
}
.background-4a {
     display: flex ;
    align-items: flex-start;
    position: relative;
    width: 705px;
    height: 1px;
    margin: 34px 0 0 367px;
    background: #fff;
}
.desenvolvido-por {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 150px;
  height: 24px;
  margin: 12px 0 0 646px;
  color: #f1f6f7;
  font-family: Inter, var(--default-font-family);
  font-size: 8.5px;
  font-weight: 400;
  line-height: 11.891px;
  text-align: center;
  text-overflow: initial;
  z-index: 90;
  overflow: hidden;
}

.circle {
width: 259px;
    height: 259px;
    border-radius: 50%;
    border: 40px solid white;
    background: transparent;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
    margin: auto;
    top: 35px;
 
}



/*modificado*/

.image-inic {
    width: 1401px;
    height: 667px;
    background: url(../images/background.jpg) no-repeat center;
    border-radius: 0 0 150px 150px;
    margin: auto;

}

.g-itens {
    margin: auto;
    position: relative;
    margin-top: 5%;
    left: 0;
    width: 1200px;
}

.back-gr1{background: -webkit-linear-gradient(53deg, #b5eef9, #4da8c2, #11779b, #047b87);}


.back-gr2{ 
  padding: 50px 20px; background: -webkit-linear-gradient(284deg, #b2effc, #60b4cb, #2286a6, #96b7c0, #ffeded, #f5f5f5, #d8dfe1, #b6c7ce, #a7e4f1);
}


.token-carousel-wrapper {
  width: 100%; 
  overflow: hidden;
  position: relative;
}

.token-carousel-container {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0 0 0;
}

.token-carousel-track {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.token-slide {
  min-width: 100%;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.token-slide.active {
  opacity: 1;
}

/* Botões de navegação */
.token-carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  color: #00acb6;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  z-index: 10;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: background 0.3s;
}

 

.token-prev {
  left: 10px;
}

.token-next {
  right: 10px;
}

/* Conteúdo interno — mantém seu visual */
.token-banner-content {
  text-align: center;
  color: #333; 
}

.token-banner-top h3 {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, #004b8d, #00b1b0);
  padding: 20px;
  border-radius: 20px;
  display: inline-block;
}

.token-banner-top .white {
  color: #fff;
}

.token-banner-middle p {
  font-size: 1.1rem;
  margin-top: 20px;
  color: #333;
}

.token-banner-middle span {
  color: #00b1b0;
  font-weight: 700;
}

.token-banner-bottom {
  max-width: 800px;
  margin: 20px auto;
}

.token-btn-veja-mais {
  background: linear-gradient(90deg, #00b1b0, #004b8d);
  color: white;
  border: none;
  border-radius: 30px;
  padding: 10px 25px;
  cursor: pointer;
  font-weight: 600;
  margin-top: 15px;
  transition: opacity 0.3s;
}

.token-btn-veja-mais:hover {
  opacity: 0.8;
}

  .token-carousel-track {
    display: flex;
    position: relative;
  }
  .token-slide {
    flex: 0 0 100%;
    opacity: 0;
    transition: opacity 0.4s ease;
    position: absolute;
    width: 100%;
  }
  .token-slide.active {
    opacity: 1;
    position: relative;
  }
.content-limit{ margin-top: -39px; }


.sec-escala{ position: relative;
    width: 1388px;
    height: 607px; 
    background: url(../images/background.jpg) no-repeat center !important;
    background-size: cover !important; 
    border-radius: 150px; margin: auto;}


 


.sec-escala h4{    color: #ffffff; 
    font-size: 22.5px;
    font-weight: 700;
    line-height: 26px;}


.tecno img{ margin-top: 90px; width: 90px;}

.tecno:before{ height: 39px;
    background: #fff;
    width: 3px;
    content: "";
    position: absolute;
    display: block;
    right: 50%;
    margin-top: 40px;}

  .linha-esc:before{
    width: 82px;
    background: #fff;
    height: 3px;
    content: "";
    position: absolute;
    display: block;
    left: 30%;
    margin-top: 40px;
}

.linha-tay:before{

width: 82px;
    background: #fff;
    height: 3px;
    content: "";
    position: absolute;
    display: block;
    right: 30%;
    margin-top: 40px;

}


 .bg-white-label-section{ width: 80%; margin: auto;  }

.white-label-banner {
  background: url(../images/img-tira.png) no-repeat center;border-radius: 25px;
  height: 128px;
}
.btn-gradient {
  background: linear-gradient(90deg, #31bcd1, #236a94);
  border: none;
}
.btn-gradient:hover {
  background: linear-gradient(90deg, #236a94, #31bcd1);
}
.text-primary {
  color: #31bcd1 !important;
}


.bg-white-label-section .text-secondary{
  font-size: 23.200000762939453px;
    font-weight: 400;
    line-height: 25px; margin: 20px auto;
    color: #4e4e4f !important;}


.bg-white-label-section .text-primary{line-height: 27px;font-size: 22.700000762939453px !important;}

.bg-white-label-section .text-muted{ color: #3f4041 !important;font-weight: 700;
    line-height: 27.813px; width: 80%; margin: auto;}
 
 .bg-white-label-section .btn.btn-gradient{ background-size: cover; background: url(../images/img-tira.png) no-repeat center; font-size: 13px; font-weight: 500 !important;}

 


.btn-gradient {
  background: linear-gradient(90deg, #31bcd1, #236a94);
  border: none;
}
.btn-gradient:hover {
  background: linear-gradient(90deg, #236a94, #31bcd1);
}
.text-primary {
  color: #31bcd1 !important;
}


.section-transformamos .row{ 
   width: 100%;
    height: 262px;
    bottom: 26px;
    background: url(../images/img-tira2.png) no-repeat center;
    background-size: cover;
    z-index: 109;
    margin: auto;
    display: block;
    position: relative;
    text-align: center;
  }

  .section-transformamos .row .i1{ 
     
    margin-top: 50px;
    color: #eaf1f3; 
    font-size: 35.900001525878906px;
    font-weight: 400;
    line-height: 43.447px;
    }

    .section-transformamos .row .i2{  
    color: #f1f6f7; 
    font-size: 35.70000076293945px;
    font-weight: 800;
    line-height: 41px; 
    }


/* ================= HEADER RESPONSIVO ================= */

 

/* 992px e abaixo — menu vira scroll horizontal se ficar grande */
@media (max-width: 992px) {
  #mainmenu ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
    padding-bottom: 6px;
    scrollbar-width: none; /* Firefox */
  }
  #mainmenu ul::-webkit-scrollbar { display: none; } /* Chrome */
}

/* 768px e abaixo — centraliza tudo e ajusta espaçamento */
@media (max-width: 768px) {
  .de-flex {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #logo img {
    max-width: 100px;
  }

  #mainmenu ul {
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  #mainmenu li a {
    font-size: 11px;
    padding: 10px 6px;
  }
}

/* 576px e abaixo — menu compacto e fácil de clicar */
@media (max-width: 576px) {
  #mainmenu ul {
    gap: 8px;
  }
  #mainmenu li a {
    font-size: 10.5px;
    padding: 8px 4px;
  }
  #logo img {
    max-width: 90px;
  }
}


.wrapper.groups-3d1 .owl-prev{ position: absolute; top: 12px; left: 0}

.wrapper.groups-3d1 .owl-next{ position: absolute; top: 12px; right: 0}

.wrapper.groups-3d1 .owl-theme .owl-nav [class*=owl-]{ background: transparent; border: none; color: #bfd5de; font-size: 26px;}


/* mobile */

@media (max-width: 1200px){


  .image-inic{ width: 100%; height: 680px;}

 .desbloquear, .negocios-gerando-receitas, .inteligentes{margin: 0 auto; text-align: center;}

 .desbloquear{ margin-top: 30px; }

 .negocios-gerando-receitas{ margin-top: 2px; }

 .inteligentes{ margin-top: 5px; }

 .image-17 { width: 100%; right: 0;}

.groups-16{width: 100%; margin-top: -90px;}

.pilares{ margin: auto;text-align: center;margin-top: 80px;} 

.principais-cases{ margin:auto; margin-top: 145px; text-align: center;}

.carousel-logo{ width: 360px;}

.carousel-container{ width: 95%;}

.groups-3e, .flex-row-e, .g-itens, .groups-20{ width: 100%;}

.background-3f{ width: 100%; background-size: 90% !important; bottom: 70px;}

.conteudo { width: 100%;}

.groups-3b{ padding: 70px 20px 55px 20px; }

.background-41{ margin: 7px auto 20px auto; }

.flex-row-ad, .flex-row-46{ margin: 5px auto 0;}

.background-45{ margin: 34px auto 20px auto;}

.background-4a{margin: 24px auto 20px auto;}

.desenvolvido-por{ margin: 12px auto 0;}

.sec-escala { width: 100%; margin-top: -85px;}

.groups-3e{top: 0; height: auto;}

.section-transformamos .row{ width: 89%; bottom: -90px; border-radius: 70px;}


}


@media (max-width: 1024px){

  .principais-cases{white-space: normal;}

  .desenv{ font-size: 14px; line-height: 20px;}

.flex-row.g-itens{position: absolute;}

.groups-8, .groups-c, .groups-f, .groups-6 {width: 25%;right: initial;position: relative;bottom: 260px; float: left;}

.quem-somos{ margin-top: 40px;}

.transformamos-at, .oportunidades-es{ font-size: 30px;}

 .social-icons.mt-4{ margin-top: 0 !important;}

 .groups-3b {
        padding: 90px 20px 55px 20px;
    }

.principais-cases{ margin-top: 110px;}

.image-40{ width: 330px; height: 93px; background-size: 80% !important; }

.section-transformamos .row{bottom: -50px;}

.flex-row-3c{background-size: cover!important; background: url(../images/background.jpg) no-repeat 100%;}

footer .col-md-5{width: 60%;}

footer .col-md-3.redes{ margin-left: 60%;}

footer .mb-1.txt{width: 70%}
}

@media (max-width: 991px){
  .groups-8, .groups-c, .groups-f, .groups-6{ width: 35%;}

  .flex-row.g-itens{left: 15%;}

  .groups-12{padding: 300px 0 21px 0;}

  .button-21{width: 100%;}

  .background-22{width: 100%;background-size: 80% !important;}

 .token-carousel-container{padding-top: 0}

.carousel-logo {width: 250px;}

.groups-3d1{padding: 25px 20px;}

.aidda-group2, .desbloqueamos-negocios, .oferecemos-solucoes{ font-size: 21.1px; line-height: 27.736px; padding: 0 37px;}

.groups-16{margin-top: -50px;}

.transformamos-at, .oportunidades-es {font-size: 23px;line-height: 30px;height: 30px;}

.background-3f{ top: -125px;}

}




/* === MENU MOBILE (overlay) === */
@media (max-width: 992px) {
  #menu-btn {
    display: block;
    position: absolute;
    top: 35px;
    right: 20px;
    z-index: 2001;
    font-size: 28px;
    cursor: pointer;
  }

  #mainmenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgb(3 113 167 / 77%);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 2000;
  }

  #mainmenu.menu-open {
    display: flex;
  }

  #mainmenu li {
    float: none;
    margin: 20px 0;
  }

  #mainmenu li a {
    font-size: 20px;
    color: #fff;
  }

  header.transparent.clone .de-flex{ padding-top: 0;display: inline-block;}

  header .de-flex>.de-flex-col{ display: inline-block;}
 header .row .col-md-12{flex: none;}
 

  div#logo img { width: 58px;}

  .de-flex-col .social-icons { margin-right: 55px;
        text-align: right;
        right: 22px;
        position: absolute;
        top: 25%; }

  .circle {width: 215px; height: 215px;border: 25px solid white;}

  .white-label{ font-size: 39.099998px; line-height: 42.19px;right: 150px;}

 .sec-escala { width: 100%; margin-top: -25px; }

 #menu-btn{margin-top: -25px;}

 #logo a{margin-left: 0;}

 .section-transformamos .row .i1{ margin-top: 30px;}


}

@media (max-width: 768px){ 

  .transformamos-at, .oportunidades-es{ font-size: 21px;}

  header .social-icons{top: -10px;position: relative;left: 40px;}

  header div#logo{ left: 125px;}

  .groups-3e{ margin-bottom: -23px;}

  .section-transformamos .row{ bottom: -50px;}

  .section-transformamos .row .i1{margin-top: 20px;}

}

@media (max-width: 667px){

.circle{display: none;}

.sec-escala{ height: auto; }

.desbloquear, .inteligentes{ font-size: 60.099998px;}

.negocios-gerando-receitas{ font-size: 31.900002px;}

.linha-esc:before{display: none;}

.icon.tecno{ margin-top: -45px;}

.tecno:before{ margin-top: 25px;}

.linha-tay:before{    height: 39px;
    background: #fff;
    width: 3px;
    content: "";
    position: absolute;
    display: block;
    right: 50%;
    margin-top: -55px;
}

.linha-tay{ margin-top: 30px;}

.plataformas-de-t{right: 50%;}

.white-label{ right: 10%;}

.transformamos-at, .oportunidades-es {font-size: 19px;margin: 0 10%;}

.background-45, .background-4a, .background-41{ width: 100%;}

}


@media (max-width: 667px){

.desbloquear, .inteligentes {font-size: 40.099998px;}

.negocios-gerando-receitas {font-size: 20.900002px;}

.desbloquear {margin-top: -25px;}

.negocios-gerando-receitas, .inteligentes {margin-top: -15px;}

.flex-row.g-itens{ position: relative; margin-top: 85px; margin-bottom: -250px;}

.image-inic {width: 100%;height: 500px;border-radius: 0 0 60px 60px;}

.groups-8, .groups-c, .groups-f, .groups-6{ float: none; }

.groups-12 {padding: 0; padding-bottom: 30px;}

.back-gr2{ margin-top: -25px; padding-bottom: 61px;}

.sec-escala{ border-radius: 50px;}

.image-40{ width: 250px;margin-top: 0;}

.principais-cases { margin-top: 50px; }

.oferecemos-solucoes, .desbloqueamos-negocios, .aidda-group2{ color: #ffffff;}

.button-21{ position: relative;
 position: relative;
        width: 100%;
        height: 140px;
        right: initial;
        bottom: initial;
        background: url(../images/img-tira.png) no-repeat center;
        background-size: cover;
        z-index: 61;
        border-radius: 20px;
        margin-top: 22px;}

.background-22{background: none;}
 
 

.plataformas-de-t, .white-label {right: initial;right: initial;margin: auto;text-align: center;display: block;width: 100%;float: none;position: relative;}

.plataformas-de-t{ margin-top: -90px;}

.white-label br{display: none;}

.text-end, .text-start { text-align: center !important;}

.bg-white-label-section .text-muted{ width: 100%;}

.token-banner-content{margin-top: 20px;}


.section-transformamos .row .i2 { 
    font-size: 21px;
    font-weight: 800;
    line-height: 27px;
    margin-top: 10px;
}


.section-transformamos .row .i1 {
    margin-top: 20px; 
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}


.section-transformamos .row{ bottom: -25px;}

.groups-3b {padding: 60px 20px 30px 20px;}


.facebook{right: 161px; bottom: 2px;}

.image-49{ right:240px;}

.in-47{ right: 107px;}

.linkedin { right: 42px;}


.desenvolvido-por{ line-height: 11.891px;  height: 44px font-size: 11.5px; width: 100%;}

.logos-footer {top: -20px;height: auto;position: relative;}
 

.logos-footer div {
        left: initial;
        right: initial;
        float: left;
        display: inline-block;
        position: relative;
        width: 33%;
        margin-left: 10%;
        margin-top: 10px;
        background-size: 88% !important;
        height: 57px;
    }

 .logos-footer div.image-52{ background-size: 100% !important;}   


.footer-aidda{text-align: center;}

.aidda-logo-placeholder{margin:auto; margin-bottom: 30px;}

.aidda-logo-placeholder img {width: 225px;}

.align-items-start .row.mb-2 .col-md-2, .align-items-start .row.mb-2 .col-md-3{ width: 45%;float: left;text-align: center;}

.background-d{ margin: 1px 0 0 15px;}

footer .row.mb-4 .col-md-3{ width: 50%; height: 140px;}

 footer .col-md-5, footer .mb-1.txt {width: 100%;}

footer .col-md-3.redes{margin-left: 0;}

 .carousel-logo img{margin-left: 0;}
 

.bg-white-label-section .fs-1.fw-bold br{ display: none; }

.wow-ag-ia{ display: contents; }

.flex-row.g-itens {left: 18%;}

.carousel-logo{margin: auto;}

.bg-white-label-section{ width: 100%; }

}



@media (max-width: 417px){ 

  .token-next {right: -7px;}

  .token-prev{left: -7px;}

.background-d, .background-7, .background-9, .background-10{margin: 1px 0 0 0;}

}