@import '../../css2-3';
:root {
    --base-color: #074eb9;
    --dark-gray: #252840;
    --black: #05060a;
    --medium-gray: #7d8087;
    --very-light-gray: #f0f2f8;
    --primary-font: 'Plus Jakarta Sans', sans-serif
}

body {
    line-height: 29px
}

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

.navbar .navbar-nav .nav-link {
    font-size: 17px
}

header .btn.btn-rounded.btn-large {
    padding: 10px 26px;
    font-size: 13px;
    font-weight: 500
}

.sticky .header-transparent .header-button .btn {
    color: var(--dark-gray);
    border-color: var(--extra-medium-gray)
}

.sticky .header-transparent .header-button .btn:hover {
    border-color: var(--dark-gray);
    color: var(--white);
    background: var(--dark-gray)
}

header.sticky.sticky-active [data-header-hover=light] .widget-text i {
    color: var(--white)
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    background-color: var(--dark-gray)
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: var(--white)
}

.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:hover a,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a {
    opacity: .5
}

[class*=btn-transparent],
[class*=" btn-transparent"] {
    font-weight: 500
}

.btn {
    text-transform: none;
    font-family: var(--primary-font)
}

.btn.btn-switch-text.btn-extra-large>span {
    padding: 19px 40px
}

.btn-gradient-purple-pink {
    background-image: linear-gradient(to right, #0b58cb, #e94037, #0b58cb);
    background-size: 200% auto;
    color: var(--white)
}

.bg-gradient-dark-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(24, 25, 28, .5), rgba(255, 255, 255, 0.0))
}

.bg-gradient-very-light-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(240, 244, 253, 1.0), rgba(255, 255, 255, 0.0))
}

.bg-gradient-flamingo-red-transparent {
    background: -webkit-linear-gradient(right, rgba(243, 69, 59, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(243, 69, 59, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%)
}

.bg-gradient-base-color-transparent {
    background: -webkit-linear-gradient(right, rgba(15, 89, 201, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(15, 89, 201, 1.0) 10%, rgba(255, 255, 255, 0.0) 95%)
}

.bg-gradient-light-gray-transparent {
    background: -webkit-linear-gradient(right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0));
    background: linear-gradient(to right, rgba(222, 230, 244, 1.0), rgba(255, 255, 255, 0.0))
}

.bg-midnight-blue {
    background-color: #1e2033
}

.text-flamingo {
    color: #e55b53
}

.text-gradient-orange-sky-blue {
    background-image: linear-gradient(to right, #5e70f3, #6170f1, #8074dc, #b87bb6, #ec8192);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 25px
}

.portfolio-filter li {
    padding: 0 18px;
    line-height: 24px
}

.categories-btn {
    font-size: 11px
}

.page-title-extra-large h1 {
    font-size: 4rem;
    line-height: 4rem
}

.page-title-extra-large h2 {
    font-size: 17px;
    line-height: 28px;
    margin: 0 auto
}

.process-step-style-05 .progress-step-separator {
    bottom: -10px;
    height: 100%;
    z-index: -1
}

.h-72px {
    height: 72px !important
}

#map {
    height: 650px;
    border-radius: 6px 0 0 6px
}

.mt-minus-50px {
    margin-top: -50px
}

.lh-200 {
    line-height: 12.5rem
}

.bottom-auto {
    bottom: auto
}

footer .footer-logo img {
    max-height: 50px
}

footer ul li {
    margin-bottom: 0
}

.footer-light a:hover,
.footer-navbar li a:hover {
    color: var(--dark-gray)
}

@media(max-width:1299px) {
    .navbar .navbar-nav .nav-link {
        font-size: 16px
    }
    header .btn.btn-rounded.btn-large {
        padding: 10px 15px;
        font-size: 12px
    }
}

@media(max-width:1199px) {
    .navbar .navbar-nav .nav-link {
        font-size: 15px
    }
    header .btn.btn-rounded.btn-large {
        padding: 10px;
        font-size: 11px
    }
}

@media(max-width:991px) {
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        width: calc(100% + 30px) !important;
        margin-left: -15px;
        padding: 10px 45px;
        margin-bottom: 0;
        margin-right: -15px
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {
        padding-bottom: 17px
    }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i {
        font-size: 19px
    }
    header .btn.btn-rounded.btn-large {
        color: var(--dark-gray);
        border-color: var(--extra-medium-gray);
        padding: 10px 15px;
        font-size: 13px
    }
}


.hero-area {

  padding: 180px 0 250px 0;

}


@media(max-width:767px) {
    .portfolio-filter li {
        padding: 0
    }


    .hero-area {

      padding: 100px 0 100px 0;

    }

}


.bonus-logo {

  background: #1a192b;
  padding: 30px;
  height: 200px;
  width: 100%;
  position: relative;

}

.bonus-logo img {

  width: 100%;
  height: 100%;
  object-fit: contain;

}

.tc-text p {

  font-size: .7em;
  line-height: 1.3;
  margin: 0;

}

.stars {

  display: flex;
  align-items: center;

}


.stars svg {

  height: 14px;
  width: 14px;
  margin-right: 2px;

}

.stars span {

  font-size: .8em;
  font-weight: 600;
  line-height: 1;
  margin-left: 5px;

}


.badge-are {

  position: absolute;
  top: 5px;
  left: 5px;
  display: flex;
  grid-gap: 5px;

}

.vip-value {

  background: #ff9d37;
  color: #fff;
  font-size: .8em;
  line-height: 1;
  font-weight: 600;
  border-radius: 3px;
  padding: .3em .6em;

}


.nr-value {

  background: #414b8d;
  color: #fff;
  font-size: .8em;
  line-height: 1;
  font-weight: 600;
  border-radius: 3px;
  padding: .3em .6em;

}

.vip-nr {

    background: #ff9d37;

}


.bonus-item:hover {

  transform: scale(1.05);

}


.vip-deals .bonus-item {

  border: 3px solid #ff9d37;

}


.vip-deals {

  background: #fff9eb;

}

.blog-grid .card .blog-image img {

  height: 220px;
  object-fit: cover;

}

.cc-window {

  font-family: var(--primary-font)!important;
  border-radius: 10px!important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .08);

}

.cc-btn {

  background-image: linear-gradient(to right, #0b58cb, #e94037, #0b58cb)!important;
  background-size: 200% auto!important;
  color: var(--white)!important;
  border-radius: 50px!important;
  padding: 12px 20px!important;

}

.cc-btn:hover {

  background-position: right center!important;
  color: var(--white)!important;

}



      .footer-logos {

      	display: flex;
      	align-items:center;
      	flex-wrap: wrap;
        padding-left: 0;
        grid-gap: 60px;

      }


      @media(max-width:767px) {
        .footer-logos {

          grid-gap: 20px;

        }

      }

      .footer-logos li {

      	list-style: none;
      	float: left;
      	opacity: 1;
      	transition: all .5s ease;
        margin-bottom: 20px;

      }



      .footer-logos li img {

      	height: 100%;
      	width: 100%;
      	max-height: 50px;
      	max-width: 150px;

      }



.single_desc h1, .single_desc h2, .single_desc h3, .single_desc h4, .single_desc h5, .single_desc h6 {

  font-weight: bold;
  color: var(--dark-gray);

}
.single_desc h1, .single_desc h2, .single_desc h3, .single_desc h4 {

    letter-spacing: -1px !important;

}