/*!
 * ikuTeam Global CSS v2
 * Copyright 2024 ikuTeam
 */

/*!
 * Includes and CSS variables
 */



 
 :root {
   --iku-light-gray: #83817f;
   --iku-gray: #463a32;
   --iku-black: #241e19;
   --iku-color: #ff5e01; /*colorhexa/ff5e01*/
   --iku-tint: #ff8f34;
   --iku-shade-2: #d94f00;
   --iku-shade-4: #b24100;
   --link-color: var(--iku-color);
   --link-color-over: var(--iku-shade-2); 
   --active-color: var(--iku-shade-4); 
   --atlas: #0052CC;
   --atlas-dark: #0747A6;
   --iku-font: 'Dosis', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
   --iku-font-light: 'Dosis', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; 
  }
 
 /*!
  * Typography
  */
 
 html {font-size: 120%;} /*24.3px*/
 
 @media (max-width: 1400px) {html {font-size: 115%;} /*20px*/}
 @media (max-width: 1024px) {html {font-size: 110%;} /*18.4px*/}
 @media (max-width: 472px) {html {font-size: 100%;} /*16px*/}
 
 body {
   font-weight: 400;
   line-height: 1.5;
   color: var(--iku-gray);
   overflow: scroll;
   overflow-x: hidden;
   overflow-y: auto;
 }
 
 p {margin-bottom: 1.15rem;}
 
 small, .text_small {font-size: 0.8em;}
 
 h1, h2, h3, h4, h5 {
   font-weight: 700;
   color: var(--iku-black);
   margin: 2.75rem 0 1.05rem;
   line-height: 1.1;
 }
 
 h1, .h1 {margin-top: 0;}
 
 h2, .h2 {margin-top: 1rem;}
 
 h3, .h3 {margin-top: 2rem;}
 
 h4 {margin-top: 0.5rem;}
 
 h5 {margin-top: 0;}
 
 h1, .h1, h2, .h2 {font-family: var(--iku-font);}
 
 .h2-before {
   font-family: var(--font-family-sans-serif);
   font-weight: 700;
   line-height: 1.1;
   color: var(--iku-light-gray);
   margin: 2rem 0 0rem;
   font-size: 1.25rem;
 }
 
 a, .nav-link {color: var(--link-color);}
 
 a:hover, .nav-link:focus, .nav-link:hover {color: var(--link-color-over);}
 
 .txt-white {
   color: white;
 }
 
 .txt-brand {color: var(--iku-color)}
 
 
 /*!
  * Navigation
  */
 
 .navbar {
   padding-top: .2rem;
   padding-bottom: .2rem;
   background-color: rgba(255, 255, 255, 0.95);
   box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
 }
 
 .navbar-brand {
  font-family: var(--iku-font);
  font-weight: 700;
  font-size: 1.65rem;
 }

 .navbar-brand-light {
  font-family: var(--iku-font-light);
  font-weight: 400;
  font-size: 1.65rem;
  margin-left: 4px;
 }

 .navbar-separator {
  font-size: 0.65rem;
 }

.navbar-brand-logo {width: 58px; height: 46px;} /*145%*/
.navbar-brand {margin-right: 16px;}

 @media (max-width: 1400px) {
  .navbar-brand {margin-right: 12px;}
  .navbar-brand-logo {width: 50px; height: 40px;} /*125%*/
  .navbar-brand-light {margin-left: 3px;}
}
 @media (max-width: 1024px) {
  .navbar-brand {margin-right: 11px;}
  .navbar-brand-logo {width: 46px; height: 36px;} /*115%*/
}
 @media (max-width: 472px) {
  .navbar-brand {margin-right: 8px;}
  .navbar-brand-logo {width: 40px; height: 32px;} /*100%*/
  .navbar-brand-light {margin-left: 2px;}
}


 
 /*!
  * Backgrounds styles
  */
 
 .bg-brand {background-color: var(--iku-color) !important;}
 .bg-brand2 {background-color: var(--iku-tint) !important;}
 
 

 
 .bg-grad {
   background: rgb(215,215,215);
   background: -moz-linear-gradient(0deg, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 40%);
   background: -webkit-linear-gradient(0deg, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 40%);
   background: linear-gradient(0deg, rgba(215,215,215,1) 0%, rgba(255,255,255,1) 40%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d7d7d7",endColorstr="#ffffff",GradientType=1); 
 }
 
 
 .bg-full-binary {
  background: url("../img/content/security.svg") no-repeat center bottom;
  background-size: cover;
}

.bg-full-flow {
  background: url("../img/content/flow.svg") no-repeat center bottom;
  background-size: cover;
}


 
 
 .bg-lighter {
   background-color: rgba(255,255,255,0.85);
 }
 
 .bg-light {
   background-color: #f5f5f5 !important;
 }
 
 a.bg-light:focus, a.bg-light:hover {
   background-color: #dae0e5 !important;
 }
 
 .bg-atlas {
   background-color: #DEEBFF !important;
 }
 
 .bg-atlas2 {
   background-color: var(--atlas) !important;
 }
 
 .bg-darki {
   background-color: var(--iku-black);
 }
 
 .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.6);
 }
 
 .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
   color: rgba(255, 255, 255, 0.85);
 }
 
 
 .navbar-dark .navbar-toggler {
   color: rgba(255, 255, 255, 0.5);
   border-color: rgba(255, 255, 255, 0.1);
 }
 
 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
 }
 
 
 
 .brand-logo {
   width:180px; 
   height: auto; 
 }
 
 .btn-primary {
   color: #fff;
   background-color: var(--iku-color);
   border-color: var(--iku-color);
   font-weight: 500;
 }
 
 .btn-ghost {
   color: var(--iku-color);
   background-color: transparent;
   border-color: var(--iku-color);
 }
 
 .btn-light {
   color: white;
   border-color: white;
 }
 
 .btn-primary:hover,
 .btn-ghost:hover {
   color: #fff;
   background-color: var(--iku-shade-2);
   border-color: var(--iku-shade-2);
 }
 
 .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
 .btn-ghost:not([disabled]):not(.disabled).active, .btn-ghost:not([disabled]):not(.disabled):active, .show>.btn-ghost.dropdown-toggle, 
 .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
   background-color: var(--active-color);
   border-color: var(--active-color);
   box-shadow: 0 0 0 0.2rem rgba(255,94,1,.95);
 }
 
 .show>.btn-primary.dropdown-toggle:focus,
 .btn-primary:focus,
 .btn-ghost:focus {
   outline: 0;
   background-color: var(--active-color);
   border-color: var(--active-color);
   box-shadow: 0 0 0 0.2rem rgba(255,94,1,.25);
 }
 
 .btn-atlas {
   color: #fff;
   background-color: var(--atlas);
   border-color: var(--atlas);
 }
 
 .btn-atlas:hover {
   color: #fff;
   background-color: var(--atlas-dark);
   border-color: var(--atlas-dark);
 }
 
 .btn-pill {
   border-radius: 2rem; 
   margin-bottom: 10px;
 }
 
 .btn-link {
   color: var(--link-color);
   text-decoration: none;
   padding-left: 0;
 }
 
 .btn-link:hover {
   color: var(--link-color-over);
 }
 
 .dropdown-item.active, .dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: var(--iku-color);
   }
 
 
 #mc_embed_signup_scroll form {
     text-align: left;
 }
 
 #mc_embed_signup_scroll input.email {
     border: 1px solid rgba(0, 0, 0, 0.3);
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     color: var(--iku-gray);
     background-color: white;
     box-sizing: border-box;
     height: 38px;
     padding: 0px 0.4em;
     display: inline-block;
     margin: 0;
     width: 300px;
     vertical-align: top;
 }
 
 #mc_embed_signup_scroll .clear {
     display: inline-block;
     background-color: transparent;
 }
 
 .clients,
 .partners {
   display: inline-flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 
 .clients img {
   height: 56px;
   margin: 20px;
   width: auto;
   filter: grayscale(1);
   opacity: 0.8;
   -webkit-transition: all .7s ease; /* Safari */
   transition: all .7s ease;
 }
 
 .clients img:hover {
   filter: grayscale(0);
   opacity: 1;
 }
 
 @media (max-width:1399px) {
  .clients img {
    height: 48px;
  }
}

@media (max-width:1024px) {
  .clients img {
    height: 44px;
    margin: 10px;
  }
}


@media (max-width: 782px) {
    .clients img {
      height: 40px;
  }
  .center-sm {
    text-align: center;
  }
}

@media (max-width: 350px) {
  .clients img {
    height: 32px;
  }
}
 
 
 .grid {
   display: grid;
 }
 
 .user-pic {
   border-radius: 50%;
   width: 96px;
 }
 
 
 .card.shadow-sm:hover {
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.075) !important;
 }
 
 .btn-icon-light {
   color: var(--iku-black);
 }
 
 .btn-icon-light:hover {
   color: white;
 }
 
 .card-title {
   margin: 0 0 .75rem
 }
 
 
 .table td {
   vertical-align: middle;
   border-top: 1px solid #dee2e6;
   border-bottom: 1px solid #dee2e6;
 }
 
 

 
 @media (max-width: 767px) {
   .overlay-light {
     background-color: rgba(255, 255, 255, 0.8);
   }
 }


 /* Bootstrap icons styles */
.bi-1x {font-size: 1rem;}
.bi-2x {font-size: 2rem;}
.bi-3x {font-size: 3rem;}

.bi-gray {color:var(--iku-light-gray);}
.bi-iku {color:var(--iku-color);}
.bi-green {color:green;}
.bi-red {color:firebrick;}



#ventures-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  display: block; 
  transition: transform 0.3s ease-in-out; /* Add transition for transform */
  transform: translateY(0); /* Start position for the transition */
}

#ventures-bar.hide {
  transform: translateY(100%); /* Move the bar outside the viewport */
}


.rounded-icon {
  border-radius: 14px;
  transition: all .15s ease-in-out;
}

.rounded-icon:hover {
  transform: scale(110%); 
}

.app-icon {
  border-radius: 28px;
  width: 196px;
}

.img-link {
  filter: grayscale(1);
  transition: all .1s ease-in-out;
}

.img-link:hover {
  filter: brightness(0);
  opacity: .8;
}