/* ===================================
    01. Google font local
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
====================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&family=Poppins:wght@200;300;400;500;600;700&display=swap');

/* ===================================
    02. Reset
====================================== */

html { 
  font-size: 14px; 
}
body { 
  font-size: 17px; 
  line-height: 32px; 
  font-weight: 400; 
  color: #1f1e1e; 
  font-family: 'Montserrat', sans-serif; 
 }

/* ===================================
    03. Typography
====================================== */

/* font family */
.main-font { font-family: 'Montserrat', sans-serif !important; }
.alt-font { font-family: 'Montserrat', sans-serif; }

/* heading size */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; letter-spacing: -0.5px; font-weight: inherit; }
h1 { font-size:2.85rem; line-height:3.4rem;}
h1 {
  transform: skewX(-8deg);
}
h2 { font-size:2.00rem; line-height:3rem; }
h3 { font-size:1.90rem; line-height:2.5rem; }
h4 { font-size:1.30rem; line-height:2rem; font-weight: 600;}
h5 { font-size:1rem; line-height:1.5rem; }
h6 { font-size:1rem; line-height:1.5rem; }

.element-header {
  text-transform: uppercase;
  color: #366ed1!important ;
  font-weight: 600 !important;
  transform: skewX(-8deg);
}

.element-subheader {
    font-weight: 400 !important;

}



.list-icon {
    list-style: none;
    padding-left: 0;
}

.list-icon li {
  margin-left: 20px;
  margin-bottom: 1rem;
}

.list-icon li:before, .list-icon i {
    color: #366ed1 ;
}

.list-icon li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f05a";
}

.list-icon li:before {
    margin-left: -20px;
    position: absolute;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
}



.timeline-item-date {
  font-size: 2.30rem;
  font-weight: 600;
  color: inherit;
  letter-spacing: -0.5px;
  margin-bottom: 10px;
}


.timeline-item-header-headline {
  color: #484646;
  margin-bottom: 20px;
}



.client-logo-style-03 img:first-child { padding-left: 0; }
.client-logo-style-03 img:last-child { padding-right: 0; }
.client-logo-style-03 img { padding: 0 20px; }

.frame-header {
  margin: 0 0 25px 0;
}

.padding-4-rem-all {
    padding: 4rem !important;
}

.accordion-button {
  font-size: 2.0rem;}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    border: 0;
    background-color: inherit;
}

/* ===================================
    18. Header
====================================== */

header .navbar .navbar-brand .default-logo,
header .navbar .navbar-brand .alt-logo {
  height: 60px;
}

header .navbar .navbar-brand .mobile-logo {
  height: 50px;
}

header .navbar .navbar-brand img {
  max-height: 60px;
}

.navbar .navbar-nav .nav-link {
  text-transform: uppercase;
}

.simple-dropdown .dropdown-menu li { 
}

.simple-dropdown .dropdown-menu li:hover { 
}

.simple-dropdown .dropdown-menu .dropdown a { 
}

.nav-item .active { 
}

.navbar.navbar-light .navbar-nav > .dropdown.active > a, 
.sticky .navbar.header-light .navbar-nav > .dropdown.active > a, 
.navbar.navbar-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, 
.navbar.navbar-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a,
.sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.megamenu:hover > a, 
.sticky .navbar.navbar-dark.header-light .navbar-nav > .nav-item.dropdown.simple-dropdown:hover > a { color: #366ed1 !important; }


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

.button, .btn-primary  {
    font-size: 16px;
padding: 12px 32px;
background-image: linear-gradient(to right, #366ed1, #000433, #0096FF) ;
color: #fff;
background-size: 200% auto;
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.button:hover    {
    background-position: right center;
    color: #fff;
  } 


svg {
    fill: currentColor;
}

.carousel-fullscreen .carousel-item-header {
    font-size: 5rem;
    line-height: 5rem;
    text-shadow: 0 0 50px rgb(0 0 0 / 90%);
}
  
.carousel-fullscreen .carousel-content .carousel-item-subheader {
    font-size: 3rem;
    line-height: 3rem;
    text-shadow: 0 0 50px rgb(0 0 0 / 90%);
}

.carousel-content .button {
    background: #ffffff;
}

.carousel-content .button:hover {
    background: #366ed1;
}

.carousel-item-type-call_to_action .carousel-box {
  background: rgb(255,154,0);
  background: linear-gradient(90deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.9) 100%);
}

#c481 .carousel .carousel-content-inner {
  align-items: end;
}

.carousel-item-type-call_to_action .carousel-box {
max-width: 100%;
}
  
.icongroup-item-icon {
  width: 80px;
}

.lead-2 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 3.3rem;
}

.frame-background-tertiary .lead-2 {
  color: #ffffff;
}

.lead-2 strong {
  background-color: #1f1e1e;
  color: #FFFFFF;
}

.copyright {
  font-size: x-small;
  display: block;
  white-space: nowrap;
  color: #888888;
}

.simple-marquee-container *{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.simple-marquee-container {
  width: 100%;
    background-color: #366ed1;
  float: left;
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  height: 45px;
  position: relative;
  cursor: pointer;
  margin-bottom: 10px;
  border-right: solid 3px #366ed1;
}

.simple-marquee-container .marquee-sibling {
padding: 0;
    background: #366ed1;
    width: 300px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    float: left;
    left: 0;
    z-index: 1;
}

.simple-marquee-container .marquee, .simple-marquee-container *[class^="marquee"] {
  display: inline-block;
  white-space: nowrap;
  position:absolute;
}

.simple-marquee-container .marquee{
  margin-left: 25%;
}

.simple-marquee-container .marquee-content-items{
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}

.simple-marquee-container .marquee-content-items li,
.simple-marquee-container .marquee-content-items li a,
.simple-marquee-container .marquee-content-items li a:hover,
.simple-marquee-container .marquee-content-items li a:visited {
  color: #a6a2a2;
  display: inline-block;
  line-height: 35px;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  background-image: none;
}

.simple-marquee-container .marquee-content-items li:after{
  content: "";
  margin: 0 0.2em;
}

/* ===================================
  26. Footer
====================================== */
footer img {
  max-width: 200px;
}

footer .frame {
  padding: 20px 0;
}

footer figure img {
  margin: 0;
}

.footer-dark .frame a[class=""], .footer-dark .frame a:not([class]) {
  color: #1f1e1e;
}

.footer-dark .frame a[class=""]:hover, .footer-dark .frame a:not([class]):hover {
  color: #bdbdbd;
}

.sociallinks-link-icon {
  font-size: 1.75rem;
  width: 1.75rem;
  height: 1.75rem;
}



@media (max-width: 767px) {
  .simple-marquee-container .marquee-sibling {
    width: 33.333333333% !important;
  }
  .simple-marquee-container .marquee-sibling span {
    display: none;
  }
}

.box-layout .frame-container {
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 576px) {
  .box-layout .frame-container-default {
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .box-layout .frame-container-default {
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .box-layout .frame-container-default {
    max-width: 100%;
  }

  .carousel-item-type-header .carousel-text-inner {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .box-layout .frame-container-default {
    max-width: 100%;
  }
}

@media (min-width: 1400px) {
  .box-layout .frame-container-default {
    max-width: 100%;
  }
}

:root {
  --frame-color: #1f1e1e;
  --frame-link-color: #000080;
  --frame-link-hover-color: #a6a2a2;
  --frame-background: transparent;
  --frame-embedded-border-radius: 0.5rem;
  --frame-width-large: 1600px;
  --frame-width-medium: 870px;
  --frame-width-small: 600px;
  --frame-spacing: 7.75rem;
  --frame-spacing-small: 0.75rem;
  --frame-spacing-xs: 7.75rem;
  --frame-spacing-small-xs: 0.75rem;
  --frame-spacing-sm: 7.1rem;
  --frame-spacing-small-sm: 0.9rem;
  --frame-spacing-md: 7.275rem;
  --frame-spacing-small-md: 0.975rem;
  --frame-spacing-lg: 7.45rem;
  --frame-spacing-small-lg: 1.05rem;
  --frame-spacing-xl: 7.625rem;
  --frame-spacing-small-xl: 1.125rem;
  --frame-outer-spacing-before: 0;
  --frame-outer-spacing-after: 0;
  --frame-outer-spacing-variant-none: 0rem;
  --frame-outer-spacing-variant-extra-small: 1rem;
  --frame-outer-spacing-variant-small: 1.5rem;
  --frame-outer-spacing-variant-medium: 2rem;
  --frame-outer-spacing-variant-large: 2.5rem;
  --frame-outer-spacing-variant-extra-large: 3rem;
}


.btn {
  margin-right: 0.5rem !important
}

.btn {
  font-size: 0.875rem;
  line-height: 1;
  font-weight: 400;
  padding: .7rem 1.5rem;
  border-radius: 0.1275rem
}

.container {
  margin-top: 100px
}

.text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover {
    color: #1f1e1e;
  }

  :root {
    --swiper-theme-color: #366ed1,
    --bs-primary-rgb: 	255, 154, 0;
  }

  a, a.nav-link, a:active, a:focus {
    color: #366ed1;
  }

  a:hover, a:focus {
    text-decoration: none;
    outline: none;
    outline-offset: 0;
    color: #a6a2a2;
  }


.bg-slate-blue {
  background-color: #366ed1;
}

.footer-dark .frame a:not([class]) {
  color: #FFF;
}

.footer-dark a {
  color: #FFF;
}

.border-color-medium-gray {
  border-color: #e4e4e4 !important;
}

.border-color-black-transparent {
  border-color: rgb(90, 88, 88) !important;
}

.bg-gradient-extra-dark-gray-transparent {
 
  background: linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(35, 35, 35, 0) 100%);
  
}

.bg-gradient-magenta-orange-2 {
  background-image: linear-gradient(to right, #ff9a00, #ff4d00, #efbb1a);
}


.btn-gradient-magenta-orange {
  background-image: linear-gradient(to right, #ff9a00, #ff4d00, #efbb1a);
  color: #fff;
  background-size: 200% auto;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

hr {
  margin: 1rem 0;
    margin-bottom: 1rem;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0;
}

.carousel-item-layout-secondary {
  --carousel-item-color: #ffffff;
  --carousel-item-background: #fff;
  --carousel-item-link-color: #ffffff;
  --carousel-item-link-hover-color: #ffffff;
}

#c559 .frame-header > :last-child {
  margin-bottom: 5rem;
}


.accordion-item {
  background-color: #fff;
  border: 0px solid rgba(0,0,0,.125);
    border-top-color: rgba(0, 0, 0, 0.125);
    border-right-color: rgba(0, 0, 0, 0.125);
    border-bottom-color: rgba(0, 0, 0, 0.125);
    border-left-color: rgba(0, 0, 0, 0.125);
}

.border-radius-5px {
  border-radius: 0px;
}


.card {
  border: 0px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
}

.accordion-button:not(.collapsed) {
  color: #366ed1;
  background-color: #fff;
  box-shadow: inset 0 0 0 rgba(0,0,0,.125);
}

.accordion-button::after {
color: #366ed1 ;
}
.frame-indent .frame-inner {
  margin-left: 11% !important;
  margin-right: 11% !important;
}