.bg-clip.best-pt.aos-animate {
    background-color: var(--background-blue);
}
footer {
    background-image: url(../../assets/img/hero/banner-1.jpg);
    background-color: rgb(0 0 0 / 83%);
    
}

section.testimonial-bg:after {

    background-color: rgba(0, 0, 0, 0.70);
}
.green-card {
    background: var(--green-gradient);
}
.home-projects .card .card-header {
    color: #fff;
}
.green-card .pricing-card-title {
    color: var(--parrot-color);
}
.home-projects .list-unstyled li {

    color: #fff;
}
.green-card .btn-outline {
    color: #fff;
    border-color: var(--parrot-color);
}
.about-container .dark-bg {
    background-color: var(--background-blue);
}
.acme-news-ticker-box {
    background: var(--background-blue);
}
.ticker {
    background-color: var(--background-golden);
    color: var(--secondary-color);

}
div .acme-news-ticker-box {
    background: var(--background-dark);
}
.profile-slider h5 {
    color: #b89b5e;
}
.profile-slider .swiper-slide img {
    border-color: var(--background-golden);
}
.solution-grid-wrapper .count-wrap .dot:before {
    background-color: rgb(205 40 40 / 29%);
}
.solution-grid-wrapper .count-wrap .dot {
    background-color: rgb(205 40 40 / 18%);
}
.front-dashobard-bg::after {
    background: linear-gradient(110deg, rgb(244 244 244 / 74%) 50%, rgb(244 244 244 / 86%) 100%);
}
.home-slider-1 .btn-primary {
    border-left: 0;
    border-right: 0;
    background-color: var(--color-fe8918);
}
.home-slider-1 .btn-outline {
    background-color: var(--color-fe8918);
    color: #fff;

}
.home-slider-1 .btn-outline:hover,
.home-slider-1 .btn-primary:hover {
    background-color: var(--color-fe8918);
    color: #fff;
    opacity: .9;
}
.home-projects .card .pricing-card-title:after {
    border-bottom-color: #fff;
}
.green-card .list-unstyled li span img {
    background-color: #4fff80 !important;
}
.home-slider-1 .btn-primary {
    border-left: 0;
    border-right: 0;
    background-color: var(--color-fe8918);
}
.home-slider-1 .btn-outline {
    background-color: var(--color-fe8918);
    color: #fff;

}
.home-slider-1 .btn-outline:hover,
.home-slider-1 .btn-primary:hover {
    background-color: var(--color-fe8918);
    color: #fff;
    opacity: .9;
}
.home-projects .card .pricing-card-title:after {
    border-bottom-color: #fff;
}
.green-card .list-unstyled li span img {
    background-color: #4fff80 !important;
}  
.about-container .bg-shape {
    background-image: url("../../assets/img/about/bg-shape.svg");
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-position: -1040px 53%;
}
  

.solution-grid-wrapper {
    padding-top: 20px;
    position: relative;
}
  
  .application-portal-slider .swiper-slide,
  .application-portal-slider-2 .swiper-slide {
    flex-direction: column;
    padding: 16px;
    background-color: transparent;
    height: auto;
  }
  .application-portal-slider .card,
  .application-portal-slider-2 .card {
    height: 100%;
  }
  .solution-grid-wrapper:before {
    content: "";
    width: 10000px;
    height: 1px;
    position: absolute;
    top: 21px;
    left: 0;
    background-color: var(--secondary-color);
}
  .solution-grid-wrapper .count-wrap {
    position: relative;
    height: 28px;
    margin-bottom: 20px;
  }
  .solution-grid-wrapper .count-wrap .dot {
    /* background-color: rgb(90 120 181 / 18%); */
    top: -14px;
    width: 28px;
    height: 28px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 2;
  }
  .solution-grid-wrapper .count-wrap .dot:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    /* background-color: rgb(90 120 181 / 29%); */
  }
  .solution-grid-wrapper .count-wrap .dot:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--background-red);
  }
  
  .solution-grid-single {
    position: relative;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.09);
    padding: 30px 25px 20px;
    text-align: center;
    width: 100%;
    height: 100%;
    background-color: var(--secondary-color);
}
  .solution-grid-single:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: calc(50% + 21px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 15px solid;
    border-color: transparent transparent #fff #fff;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(-225deg);
            transform: rotate(-225deg);
    -webkit-filter: drop-shadow(-3px 3px 3px rgba(0, 0, 0, 0.05));
            filter: drop-shadow(-3px 3px 3px rgba(0, 0, 0, 0.05));
  }
  .solution-grid-single__title {
    margin-bottom: 15px;
    font-size: var(--md-font-size);
    font-weight: var(--font-weight-600);
  }
  .single-sidebar-widget {
    position: relative;
    z-index: 1;
  }
  .single-sidebar-widget ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    gap: 10px;
  }
  .single-sidebar-widget .nav-link {
    display: flex;
    gap: 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    /* background-color: #ddd; */
    font-weight: var(--font-weight-600);
  }
  .single-sidebar-widget .nav-link.active {
    color: #fff;
    background-color: var(--background-red-dark);
}
.tool-bg {
    position: relative;
}
.single-sidebar-widget .nav-link {
    position: relative;
    text-align: center;
    color: var(--primary-color);
}
.single-sidebar-widget .nav-link.active::before {
    border-left-color: var(--background-red-dark);
}
.single-sidebar-widget .nav-link:before {
    content: "";
    position: absolute;
    border: 6px solid transparent;
    right: -12px;
    /* left: 50%; */
    /* -webkit-transform: translateX(-50%); */
    /* transform: translateX(-50%); */
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    top: 38%;
}
.tool-bg .swiper-btn-top {
    /* z-index: 2; */
}
.solution-grid-single__title i {
    color: var(--background-red-dark);
    font-size: var(--xs-font-size);
    margin-right: 5px;


}
.tool-bg {
    background-color: var(--color-d7ebf4);
}
.solution-grid-single:after {
    /* border-color: transparent transparent #012763 #115fa9; */
}
.solution-grid-single {
    /* background-color: var(--background-orange); */
}

.main-hero-slider .swiper-button-prev {
    left: 20px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.b-sh .bg0shape {
    position: absolute;
    top: -140px;
    left: -70px;
    display: block;
    /* height: 100%; */
    width: 30%;
    /* z-index: -1; */
    opacity: .7 !important;
}

.swiper.main-hero-slider {
    padding: 0 20px;
}
.tp-br-btm {
    border-bottom: 0;
}
body header nav.navbar {
    border-top: 0;
}
header nav ul li.nav-item a.nav-link, header nav .dropdown button {
    text-transform: uppercase;
    text-align: left;
}

@media (min-width: 992px) {
    div .swiper-button-prev.type-1 {
        left: -10px;
    }
    div .swiper-button-next.type-1 {
        right: -10px;
    }
    div .swiper-button-prev.type-1, div .swiper-button-next.type-1 {
        top: 50%;
    }
}
@media (min-width: 1200px) {
    .tool-bg .swiper-btn-top {
        top: 14%;
    }
    section.pd {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }
    .px-ct {
        padding-left: 65px;
        padding-right: 65px;
    }
    .ps-ct {
        padding-left: 65px;
    }
    .pe-ct {
        padding-right: 65px;
    }
}

.erinyen .tp-title-wrap {

    position: absolute;

    z-index: 1;

    display: inline-block;

    background: var(--background-red);

    min-height: 70px;

    line-height: 70px;

    /*top: 0px;

    */margin-left: 0px;

    overflow: hidden;

    transition: opacity 0.3s;

    -webkit-transition: opacity 0.3s;

    -moz-transition: opacity 0.3s;

    -webkit-transform: scale(0);

    -moz-transform: scale(0);

    transform: scale(0);

    visibility: hidden;

    opacity: 0;

    border-radius: 15px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    -ms-border-radius: 15px;

    -o-border-radius: 15px;

}



.erinyen.tparrows:hover .tp-title-wrap {

    -webkit-transform: scale(.58);

    -moz-transform: scale(.58);

    transform: scale(.58);

    opacity: 1;

    visibility: visible;

    -ms-transform: scale(.58);

    -o-transform: scale(.58);

}
.erinyen.tp-rightarrow .tp-title-wrap {
    right: -3px;
    /* margin-right: 0px; */
    /* margin-left: 0px; */
    /* transform-origin: 100% 50%; */
    /* -webkit-transform-origin: 100% 50%; */
    /* padding-right: 20px; */
    /* padding-left: 10px; */
    /* border-radius: 15px; */
    /* -webkit-border-radius: 15px; */
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    padding-right: 0;
}
.erinyen.tp-leftarrow .tp-title-wrap {

    padding-left: 0;

    /* padding-right: 10px; */

    left: 0;

}

.erinyen .tp-arr-titleholder {

    letter-spacing: 3px;

    position: relative;

    -webkit-transition: -webkit-transform 0.3s;

    transition: transform 0.3s;

    transform: translatex(200px);

    text-transform: uppercase;

    color: rgb(255,255,255);

    font-weight: var(--font-weight-600);

    font-size: var(--md-font-size);

    /* line-height: 70px; */

    white-space: nowrap;

    padding: 0px 20px;

    /* margin-left: 11px; */

    opacity: 0;

}



.erinyen .tp-arr-imgholder {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    background-position: center center;

    background-size: cover

}



.erinyen .tp-arr-img-over {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

    background: rgba(0,0,0,0.51)

}



.erinyen.tp-rightarrow .tp-arr-titleholder {

    transform: translatex(-200px);

    margin-left: 0px;

    margin-right: 11px

}



.erinyen.tparrows:hover .tp-arr-titleholder {

    transform: translatex(0px);

    -webkit-transform: translatex(0px);

    transition-delay: 0.1s;

    opacity: 1;

}

.cta-video-image__video-mark {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

    /* z-index: -1; */

}
.cta-video-image__video-mark .wave-pulse {

    width: 1px;

    height: 0;

    margin: 0 auto;

  }

  .cta-video-image__video-mark .wave-pulse:after {

    opacity: 0;

    content: "";

    display: block;

    position: absolute;

    width: 400px;

    height: 400px;

    top: 50%;

    border-radius: 50%;

    border: 1px solid #fff;

    -webkit-animation: zoomBig 5.25s linear 5.25s infinite;

            animation: zoomBig 5.25s linear 5.25s infinite;

  }

  .cta-video-image__video-mark .wave-pulse-1:before {

    -webkit-animation-delay: 0.75s;

            animation-delay: 0.75s;

  }

  .cta-video-image__video-mark .wave-pulse-2:before {

    -webkit-animation-delay: 2.25s;

            animation-delay: 2.25s;

  }

  .cta-video-image__video-mark .wave-pulse-2:after {

    -webkit-animation-delay: 1.5s;

            animation-delay: 1.5s;

  }

  .cta-video-image__video-mark .wave-pulse-3:before {

    -webkit-animation-delay: 3.75s;

            animation-delay: 3.75s;

  }

  .cta-video-image__video-mark .wave-pulse-3:after {

    -webkit-animation-delay: 3s;

            animation-delay: 3s;

  }

  @-webkit-keyframes zoomBig {

    0% {

      -webkit-transform: translate(-50%, -50%) scale(0);

              transform: translate(-50%, -50%) scale(0);

      opacity: 1;

    }

    100% {

      -webkit-transform: translate(-50%, -50%) scale(1);

              transform: translate(-50%, -50%) scale(1);

      opacity: 0;

    }

  }

  @keyframes zoomBig {

    0% {

      -webkit-transform: translate(-50%, -50%) scale(0);

              transform: translate(-50%, -50%) scale(0);

      opacity: 1;

    }

    100% {

      -webkit-transform: translate(-50%, -50%) scale(1);

              transform: translate(-50%, -50%) scale(1);

      opacity: 0;

    }

  }
  
  .home-slider-1 .card-body, .home-slider-2 .card-body {
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.home-slider-1 .card, .home-slider-2 .card {
    border: 0;
}
.home-slider-1 .album-maroon .card .card-body, .home-slider-2 .album-maroon .card .card-body {
    padding: 20px 0;
}
.home-slider-1 .card, .home-slider-2 .card {
    color: var(--primary-color);
}
.home-slider-1 .item {
    overflow: hidden;
    border: 1px solid var(--bs-border-color-translucent);
    border-radius: var(--md-border-radius);
    -webkit-border-radius: var(--md-border-radius);
    -moz-border-radius: var(--md-border-radius);
    -ms-border-radius: var(--md-border-radius);
    -o-border-radius: var(--md-border-radius);
}
.home-slider-1 .btn-primary {
    border-left: 0;
    border-right: 0;
    background-color: var(--color-fe8918);
}
.home-slider-1 .btn-primary {
    border: 2px solid var(--secondary-color);
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.home-slider-1 .btn-outline {
    background-color: var(--color-fe8918);
    color: #fff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.mt--1px {
    margin-top: 12px;
    margin-left: 20px;
    margin-right: 20px;
}
.front-dashobard-bg {
    background-repeat: no-repeat;
    background-image: url(../../assets/img/dashboard-bg.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: inherit;
    position: relative;
}
.front-dashobard-bg .inner {
    position: relative;
    z-index: 1;
}
.front-dashobard-bg::after {
    background: linear-gradient(110deg, rgb(244 244 244 / 74%) 50%, rgb(244 244 244 / 86%) 100%);
}
.front-dashobard-bg::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background: linear-gradient(110deg,rgb(215 235 244 / 75%) 50%,rgb(215 235 244 / 100%) 100%); */
    /* background: linear-gradient(110deg,rgb(191 207 255 / 75%) 50%,rgb(191 207 255 / 100%) 100%); */
    /* background: linear-gradient(110deg, rgba(0,0,0,.20) 50%, rgba(0,0,0,0.15) 100%); */
}
.imp-links .nav-link.active, .imp-links nav .nav-tabs button, .imp-links nav .nav-tabs a, .stats .nav-link.active, .stats nav .nav-tabs button, .stats nav .nav-tabs a {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -ms-border-radius: 6px 6px 0 0;
    -o-border-radius: 6px 6px 0 0;
}
.stats nav .nav-tabs.nav-fill button:active, .stats nav .nav-tabs.nav-fill a:active {
    background-color: transparent;
}
body .logo-bg {
    background: var(--logo-gradient);
    /* background-color: var(--background-light); */
    /* background-color: #e1eaec; */
    /* background: var(--color-d7ebf4); */
}
.rating-slider .rt-content p {
    text-align: center;
}
.about-container {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
    position: relative;
    /* background-color: var(--background-blue); */
}
.home-slider-2 .card span {
    display: none;
}
.home-slider-2 .card .card-footer {
    background-color: var(--color-fe8918);
    text-align: center;
    padding: 0;
}
.home-slider-2 .btn-outline {
    background-color: var(--color-fe8918);
    width: 100%;
    border-radius: 0;
}
.bd-resources.cst.bg a:hover {
    color: #fff;
    opacity: .8;
}
.bg-clip {
    position: absolute;
}
.bg-clip.best-pt {
    /* width: 80%; */
    top: 0;
    height: 100%;
    width: 75.666667%;
}
.bg-clip.best-pt.aos-animate {
    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    /* background-color: #03061d; */
    background-color: var(--background-blue);

    /* background-color: var(--background-orange); */
}
@-webkit-keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  @keyframes slide-in-left {
    0% {
      -webkit-transform: translateX(-1000px);
              transform: translateX(-1000px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1;
    }
  }
  .best-practice-content {
    background-color: transparent;
    padding-bottom: 0;
}
.best-practice-slide {
    margin-top: auto;
}


.about-container .p-cst {
    padding-left: 24px;
    position: relative;
}
.abt-img-grid {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 12px;

}
.abt-img-grid img {
    max-width: 100%;
    width: 100%;
    height: 260px;
    object-fit: cover;
    border: 8px solid #fff;
}
@media (max-width: 480px){
    div .home-slider-1 .card-body, div .home-slider-2 .card-body {
        margin-top: inherit;
    }
    .b-sh .pppac-breadcrumb .bd-pd {
        padding-top: 0;
    }
    .b-sh .approval.cst .slider-pd {
        padding-bottom: 0;
    }
    .b-sh .swiper-button-prev.type-1, .b-sh .swiper-button-next.type-1 {
        top: 58%;
    }
    .home-slider-2 .card {
        background-color: transparent;
    }
    .abt-img-grid img {
        height: 150px;
    }
    .bg-clip.best-pt {
        width: 100%;
    }
    .about-container .p-cst {
        padding-left: 15px;
    }
    .swiper.main-hero-slider {
        padding: 0;
    }
    .mt--1px {
        margin-top: inherit;
        margin-left: 0;
        margin-right: 0;
    }
    .about-container {
        padding-left: 0;
        padding-right: 0;
    }
    div .main-hero-slider .swiper-button-next {
        right: 0;
    }
    div .main-hero-slider .swiper-button-prev {
        left: 0;
    }
    .swiper-slide .new-ribbon img {
        width: auto;
    }
}