:root {
    --bs-primary: #d63855 !important;
    --bs-primary-rgb: 214, 56, 85 !important;
    --bs-body-font-family: Poppins, sans-serif
}

body {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

p,ul.list-style-disc li,ol.list-style-decimal li,.list-style-check li {
    color: #111;
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500
}

ul.list-style-disc {
    list-style: disc !important;
    padding-left: 1.2rem !important;
    margin-bottom: 1rem
}

ul.list-style-disc li {
    margin: 0 !important;
    color: inherit
}

ul.list-style-disc.font-inherit li {
    font-size: inherit !important
}

ol.list-style-decimal {
    list-style: decimal !important;
    padding-left: 1.2rem !important;
    margin-bottom: 1rem
}

ol.list-style-decimal li {
    margin: 0 !important
}

section {
    padding: clamp(60px,6vw,100px) 0
}

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

a {
    text-decoration: none
}


.whatsapp-float {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  background-color: #25D366;
  border-radius: 50%;
  padding: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
}

.whatsapp-float img {
  width: 32px;
  height: 32px;
}


.form-control {
    background: #fff;
    box-shadow: none;
    border: 1px solid var(--bs-border-color)
}

.form-control::placeholder {
    opacity: 1
}

.form-control:focus {
    color: var(--bs-primary);
    border-color: var(--bs-primary) !important;
    outline: 0;
    box-shadow: none
}

.form-control:focus::placeholder {
    color: var(--bs-primary) !important
}

.form-control:focus i {
    color: var(--bs-primary)
}

.fw-bolder {
    font-weight: 800 !important
}

.primary-shadow {
    box-shadow: 1px 1px 30px rgba(214,56,85,.3)
}

.btn-primary {
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-primary) !important;
    --bs-btn-border-color: var(--bs-primary) !important;
    --bs-btn-hover-bg: var(--bs-primary) !important;
    --bs-btn-hover-border-color: var(--bs-primary) !important
}

.btn-outline-dark:hover img {
    filter: brightness(0) invert(1)
}

.btn-outline-light img {
    filter: brightness(0) invert(1)
}

.btn-outline-light:hover img {
    filter: brightness(0)
}

.btn-hover-to-white:hover {
    background: #fff !important;
    color: #000 !important;
    border-color: #fff
}

.btn-hover-to-white:hover img {
    filter: brightness(0)
}

.text-primary {
    color: var(--) !important
}

.link-primary:hover {
    color: var(--bs-primary) !important
}

.bg-primary {
    background: var(--bs-primary)
}

.SwiperArrow .swiper-button-next,.SwiperArrow .swiper-button-prev {
    --swiper-navigation-sides-offset: 0px;
    width: clamp(30px,5vw,60px);
    height: clamp(30px,5vw,60px);
    background: var(--bs-primary);
    border-radius: 50%
}

.SwiperArrow .swiper-button-next::after,.SwiperArrow .swiper-button-prev::after {
    content: "";
    font-family: inherit;
    background: url(../images/arrow-right.svg) no-repeat center/clamp(20px, 3vw, 30px);
    width: 100%;
    height: 100%
}

.SwiperArrow .swiper-button-prev::after {
    rotate: 180deg
}


.BrandsSlider .swiper-wrapper {
    align-items: center
}

.BrandsSlider .swiper-slide {
    display: flex;
    align-items: center
}

.BrandsSlider .swiper-slide-prev {
    opacity: 0 !important
}

.brandSliderShadow {
    position: relative
}

.brandSliderShadow::before {
    content: "";
    width: 34px;
    height: 105px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    background: url(../images/shadow-line.svg) no-repeat center/23px
}

@media screen and (max-width: 992px) {
    .brandSliderShadow::before {
        display:none
    }
}

.brandSliderShadow h2 {
    padding: 0 clamp(5px,5vw,80px);
    font-size: clamp(16px,5vw,20px)
}

@media screen and (min-width: 1200px) {
    .SwiperArrow .swiper-button-next {
        margin-right:20px
    }

    .SwiperArrow .swiper-button-prev {
        margin-left: 20px
    }
}

@media screen and (min-width: 1440px) {
    .SwiperArrow .swiper-button-next {
        margin-right:-3.5vw
    }

    .SwiperArrow .swiper-button-prev {
        margin-left: -3.5vw
    }
}

.show-line-1 {
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    -webkit-line-clamp: 1
}

.show-line-2 {
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    -webkit-line-clamp: 2
}

.show-line-3 {
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    -webkit-line-clamp: 3
}

.show-line-4 {
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    -webkit-line-clamp: 4
}

.show-line-5 {
    -webkit-box-orient: vertical;
    display: -webkit-box !important;
    overflow: hidden;
    -webkit-line-clamp: 5
}

@media screen and (min-width: 1200px) {
    .container {
        max-width:clamp(1130px,96vw,1320px)
    }

    .hero-laptop-img {
        width: clamp(614px,50vw,690px);
        left: 33%;
        bottom: -20px;
        height: auto
    }
}

@media screen and (min-width: 1600px) {
    .container {
        max-width:1433px
    }

    .hero-laptop-img {
        width: 750px;
        left: 33%;
        bottom: -91px;
        height: auto
    }
}

.font-10px {
    font-size: 10px
}

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

.font-12px {
    font-size: 12px
}

.font-13px {
    font-size: 13px
}

.font-14px {
    font-size: 14px
}

.font-15px {
    font-size: 15px
}

.font-16px {
    font-size: 16px
}

.font-17px {
    font-size: 17px
}

.font-18px {
    font-size: 18px
}

.font-19px {
    font-size: 19px
}

.font-20px {
    font-size: 20px
}

.font-21px {
    font-size: 21px
}

.font-22px {
    font-size: 22px
}

.font-23px {
    font-size: 23px
}

.font-24px {
    font-size: 24px
}

.font-25px {
    font-size: 25px
}

.font-26px {
    font-size: 26px
}

.font-27px {
    font-size: 27px
}

.font-28px {
    font-size: 28px
}

.font-29px {
    font-size: 29px
}

.font-30px {
    font-size: 30px
}

.font-31px {
    font-size: 31px
}

.font-32px {
    font-size: 32px
}

.font-33px {
    font-size: 33px
}

.font-34px {
    font-size: 34px
}

.font-35px {
    font-size: 35px
}

.font-36px {
    font-size: 36px
}

.font-37px {
    font-size: 37px
}

.font-38px {
    font-size: 38px
}

.font-39px {
    font-size: 39px
}

.font-40px {
    font-size: 40px
}

.font-41px {
    font-size: 41px
}

.font-42px {
    font-size: 42px
}

.font-43px {
    font-size: 43px
}

.font-44px {
    font-size: 44px
}

.font-45px {
    font-size: 45px
}

.font-46px {
    font-size: 46px
}

.font-47px {
    font-size: 47px
}

.font-48px {
    font-size: 48px
}

.font-49px {
    font-size: 49px
}

.font-50px {
    font-size: 50px
}

@media(min-width: 410px) {
    .width-xs {
        width:var(--bs-xs-width)
    }

    .font-xs-10px {
        font-size: 10px
    }

    .font-xs-11px {
        font-size: 11px
    }

    .font-xs-12px {
        font-size: 12px
    }

    .font-xs-13px {
        font-size: 13px
    }

    .font-xs-14px {
        font-size: 14px
    }

    .font-xs-15px {
        font-size: 15px
    }

    .font-xs-16px {
        font-size: 16px
    }

    .font-xs-17px {
        font-size: 17px
    }

    .font-xs-18px {
        font-size: 18px
    }

    .font-xs-19px {
        font-size: 19px
    }

    .font-xs-20px {
        font-size: 20px
    }

    .font-xs-21px {
        font-size: 21px
    }

    .font-xs-22px {
        font-size: 22px
    }

    .font-xs-23px {
        font-size: 23px
    }

    .font-xs-24px {
        font-size: 24px
    }

    .font-xs-25px {
        font-size: 25px
    }

    .font-xs-26px {
        font-size: 26px
    }

    .font-xs-27px {
        font-size: 27px
    }

    .font-xs-28px {
        font-size: 28px
    }

    .font-xs-29px {
        font-size: 29px
    }

    .font-xs-30px {
        font-size: 30px
    }

    .font-xs-31px {
        font-size: 31px
    }

    .font-xs-32px {
        font-size: 32px
    }

    .font-xs-33px {
        font-size: 33px
    }

    .font-xs-34px {
        font-size: 34px
    }

    .font-xs-35px {
        font-size: 35px
    }

    .font-xs-36px {
        font-size: 36px
    }

    .font-xs-37px {
        font-size: 37px
    }

    .font-xs-38px {
        font-size: 38px
    }

    .font-xs-39px {
        font-size: 39px
    }

    .font-xs-40px {
        font-size: 40px
    }

    .font-xs-41px {
        font-size: 41px
    }

    .font-xs-42px {
        font-size: 42px
    }

    .font-xs-43px {
        font-size: 43px
    }

    .font-xs-44px {
        font-size: 44px
    }

    .font-xs-45px {
        font-size: 45px
    }

    .font-xs-46px {
        font-size: 46px
    }

    .font-xs-47px {
        font-size: 47px
    }

    .font-xs-48px {
        font-size: 48px
    }

    .font-xs-49px {
        font-size: 49px
    }

    .font-xs-50px {
        font-size: 50px
    }
}

@media(min-width: 576px) {
    .width-sm {
        width:var(--bs-sm-width)
    }

    .font-sm-10px {
        font-size: 10px
    }

    .font-sm-11px {
        font-size: 11px
    }

    .font-sm-12px {
        font-size: 12px
    }

    .font-sm-13px {
        font-size: 13px
    }

    .font-sm-14px {
        font-size: 14px
    }

    .font-sm-15px {
        font-size: 15px
    }

    .font-sm-16px {
        font-size: 16px
    }

    .font-sm-17px {
        font-size: 17px
    }

    .font-sm-18px {
        font-size: 18px
    }

    .font-sm-19px {
        font-size: 19px
    }

    .font-sm-20px {
        font-size: 20px
    }

    .font-sm-21px {
        font-size: 21px
    }

    .font-sm-22px {
        font-size: 22px
    }

    .font-sm-23px {
        font-size: 23px
    }

    .font-sm-24px {
        font-size: 24px
    }

    .font-sm-25px {
        font-size: 25px
    }

    .font-sm-26px {
        font-size: 26px
    }

    .font-sm-27px {
        font-size: 27px
    }

    .font-sm-28px {
        font-size: 28px
    }

    .font-sm-29px {
        font-size: 29px
    }

    .font-sm-30px {
        font-size: 30px
    }

    .font-sm-31px {
        font-size: 31px
    }

    .font-sm-32px {
        font-size: 32px
    }

    .font-sm-33px {
        font-size: 33px
    }

    .font-sm-34px {
        font-size: 34px
    }

    .font-sm-35px {
        font-size: 35px
    }

    .font-sm-36px {
        font-size: 36px
    }

    .font-sm-37px {
        font-size: 37px
    }

    .font-sm-38px {
        font-size: 38px
    }

    .font-sm-39px {
        font-size: 39px
    }

    .font-sm-40px {
        font-size: 40px
    }

    .font-sm-41px {
        font-size: 41px
    }

    .font-sm-42px {
        font-size: 42px
    }

    .font-sm-43px {
        font-size: 43px
    }

    .font-sm-44px {
        font-size: 44px
    }

    .font-sm-45px {
        font-size: 45px
    }

    .font-sm-46px {
        font-size: 46px
    }

    .font-sm-47px {
        font-size: 47px
    }

    .font-sm-48px {
        font-size: 48px
    }

    .font-sm-49px {
        font-size: 49px
    }

    .font-sm-50px {
        font-size: 50px
    }
}

@media(min-width: 768px) {
    .width-md {
        width:var(--bs-md-width)
    }

    .font-md-10px {
        font-size: 10px
    }

    .font-md-11px {
        font-size: 11px
    }

    .font-md-12px {
        font-size: 12px
    }

    .font-md-13px {
        font-size: 13px
    }

    .font-md-14px {
        font-size: 14px
    }

    .font-md-15px {
        font-size: 15px
    }

    .font-md-16px {
        font-size: 16px
    }

    .font-md-17px {
        font-size: 17px
    }

    .font-md-18px {
        font-size: 18px
    }

    .font-md-19px {
        font-size: 19px
    }

    .font-md-20px {
        font-size: 20px
    }

    .font-md-21px {
        font-size: 21px
    }

    .font-md-22px {
        font-size: 22px
    }

    .font-md-23px {
        font-size: 23px
    }

    .font-md-24px {
        font-size: 24px
    }

    .font-md-25px {
        font-size: 25px
    }

    .font-md-26px {
        font-size: 26px
    }

    .font-md-27px {
        font-size: 27px
    }

    .font-md-28px {
        font-size: 28px
    }

    .font-md-29px {
        font-size: 29px
    }

    .font-md-30px {
        font-size: 30px
    }

    .font-md-31px {
        font-size: 31px
    }

    .font-md-32px {
        font-size: 32px
    }

    .font-md-33px {
        font-size: 33px
    }

    .font-md-34px {
        font-size: 34px
    }

    .font-md-35px {
        font-size: 35px
    }

    .font-md-36px {
        font-size: 36px
    }

    .font-md-37px {
        font-size: 37px
    }

    .font-md-38px {
        font-size: 38px
    }

    .font-md-39px {
        font-size: 39px
    }

    .font-md-40px {
        font-size: 40px
    }

    .font-md-41px {
        font-size: 41px
    }

    .font-md-42px {
        font-size: 42px
    }

    .font-md-43px {
        font-size: 43px
    }

    .font-md-44px {
        font-size: 44px
    }

    .font-md-45px {
        font-size: 45px
    }

    .font-md-46px {
        font-size: 46px
    }

    .font-md-47px {
        font-size: 47px
    }

    .font-md-48px {
        font-size: 48px
    }

    .font-md-49px {
        font-size: 49px
    }

    .font-md-50px {
        font-size: 50px
    }
}

@media(min-width: 992px) {
    .width-lg {
        width:var(--bs-lg-width)
    }

    .font-lg-10px {
        font-size: 10px
    }

    .font-lg-11px {
        font-size: 11px
    }

    .font-lg-12px {
        font-size: 12px
    }

    .font-lg-13px {
        font-size: 13px
    }

    .font-lg-14px {
        font-size: 14px
    }

    .font-lg-15px {
        font-size: 15px
    }

    .font-lg-16px {
        font-size: 16px
    }

    .font-lg-17px {
        font-size: 17px
    }

    .font-lg-18px {
        font-size: 18px
    }

    .font-lg-19px {
        font-size: 19px
    }

    .font-lg-20px {
        font-size: 20px
    }

    .font-lg-21px {
        font-size: 21px
    }

    .font-lg-22px {
        font-size: 22px
    }

    .font-lg-23px {
        font-size: 23px
    }

    .font-lg-24px {
        font-size: 24px
    }

    .font-lg-25px {
        font-size: 25px
    }

    .font-lg-26px {
        font-size: 26px
    }

    .font-lg-27px {
        font-size: 27px
    }

    .font-lg-28px {
        font-size: 28px
    }

    .font-lg-29px {
        font-size: 29px
    }

    .font-lg-30px {
        font-size: 30px
    }

    .font-lg-31px {
        font-size: 31px
    }

    .font-lg-32px {
        font-size: 32px
    }

    .font-lg-33px {
        font-size: 33px
    }

    .font-lg-34px {
        font-size: 34px
    }

    .font-lg-35px {
        font-size: 35px
    }

    .font-lg-36px {
        font-size: 36px
    }

    .font-lg-37px {
        font-size: 37px
    }

    .font-lg-38px {
        font-size: 38px
    }

    .font-lg-39px {
        font-size: 39px
    }

    .font-lg-40px {
        font-size: 40px
    }

    .font-lg-41px {
        font-size: 41px
    }

    .font-lg-42px {
        font-size: 42px
    }

    .font-lg-43px {
        font-size: 43px
    }

    .font-lg-44px {
        font-size: 44px
    }

    .font-lg-45px {
        font-size: 45px
    }

    .font-lg-46px {
        font-size: 46px
    }

    .font-lg-47px {
        font-size: 47px
    }

    .font-lg-48px {
        font-size: 48px
    }

    .font-lg-49px {
        font-size: 49px
    }

    .font-lg-50px {
        font-size: 50px
    }
}

@media(min-width: 1200px) {
    .width-xl {
        width:var(--bs-xl-width)
    }

    .font-xl-10px {
        font-size: 10px
    }

    .font-xl-11px {
        font-size: 11px
    }

    .font-xl-12px {
        font-size: 12px
    }

    .font-xl-13px {
        font-size: 13px
    }

    .font-xl-14px {
        font-size: 14px
    }

    .font-xl-15px {
        font-size: 15px
    }

    .font-xl-16px {
        font-size: 16px
    }

    .font-xl-17px {
        font-size: 17px
    }

    .font-xl-18px {
        font-size: 18px
    }

    .font-xl-19px {
        font-size: 19px
    }

    .font-xl-20px {
        font-size: 20px
    }

    .font-xl-21px {
        font-size: 21px
    }

    .font-xl-22px {
        font-size: 22px
    }

    .font-xl-23px {
        font-size: 23px
    }

    .font-xl-24px {
        font-size: 24px
    }

    .font-xl-25px {
        font-size: 25px
    }

    .font-xl-26px {
        font-size: 26px
    }

    .font-xl-27px {
        font-size: 27px
    }

    .font-xl-28px {
        font-size: 28px
    }

    .font-xl-29px {
        font-size: 29px
    }

    .font-xl-30px {
        font-size: 30px
    }

    .font-xl-31px {
        font-size: 31px
    }

    .font-xl-32px {
        font-size: 32px
    }

    .font-xl-33px {
        font-size: 33px
    }

    .font-xl-34px {
        font-size: 34px
    }

    .font-xl-35px {
        font-size: 35px
    }

    .font-xl-36px {
        font-size: 36px
    }

    .font-xl-37px {
        font-size: 37px
    }

    .font-xl-38px {
        font-size: 38px
    }

    .font-xl-39px {
        font-size: 39px
    }

    .font-xl-40px {
        font-size: 40px
    }

    .font-xl-41px {
        font-size: 41px
    }

    .font-xl-42px {
        font-size: 42px
    }

    .font-xl-43px {
        font-size: 43px
    }

    .font-xl-44px {
        font-size: 44px
    }

    .font-xl-45px {
        font-size: 45px
    }

    .font-xl-46px {
        font-size: 46px
    }

    .font-xl-47px {
        font-size: 47px
    }

    .font-xl-48px {
        font-size: 48px
    }

    .font-xl-49px {
        font-size: 49px
    }

    .font-xl-50px {
        font-size: 50px
    }
}

@media(min-width: 1400px) {
    .width-xxl {
        width:var(--bs-xxl-width)
    }

    .font-xxl-10px {
        font-size: 10px
    }

    .font-xxl-11px {
        font-size: 11px
    }

    .font-xxl-12px {
        font-size: 12px
    }

    .font-xxl-13px {
        font-size: 13px
    }

    .font-xxl-14px {
        font-size: 14px
    }

    .font-xxl-15px {
        font-size: 15px
    }

    .font-xxl-16px {
        font-size: 16px
    }

    .font-xxl-17px {
        font-size: 17px
    }

    .font-xxl-18px {
        font-size: 18px
    }

    .font-xxl-19px {
        font-size: 19px
    }

    .font-xxl-20px {
        font-size: 20px
    }

    .font-xxl-21px {
        font-size: 21px
    }

    .font-xxl-22px {
        font-size: 22px
    }

    .font-xxl-23px {
        font-size: 23px
    }

    .font-xxl-24px {
        font-size: 24px
    }

    .font-xxl-25px {
        font-size: 25px
    }

    .font-xxl-26px {
        font-size: 26px
    }

    .font-xxl-27px {
        font-size: 27px
    }

    .font-xxl-28px {
        font-size: 28px
    }

    .font-xxl-29px {
        font-size: 29px
    }

    .font-xxl-30px {
        font-size: 30px
    }

    .font-xxl-31px {
        font-size: 31px
    }

    .font-xxl-32px {
        font-size: 32px
    }

    .font-xxl-33px {
        font-size: 33px
    }

    .font-xxl-34px {
        font-size: 34px
    }

    .font-xxl-35px {
        font-size: 35px
    }

    .font-xxl-36px {
        font-size: 36px
    }

    .font-xxl-37px {
        font-size: 37px
    }

    .font-xxl-38px {
        font-size: 38px
    }

    .font-xxl-39px {
        font-size: 39px
    }

    .font-xxl-40px {
        font-size: 40px
    }

    .font-xxl-41px {
        font-size: 41px
    }

    .font-xxl-42px {
        font-size: 42px
    }

    .font-xxl-43px {
        font-size: 43px
    }

    .font-xxl-44px {
        font-size: 44px
    }

    .font-xxl-45px {
        font-size: 45px
    }

    .font-xxl-46px {
        font-size: 46px
    }

    .font-xxl-47px {
        font-size: 47px
    }

    .font-xxl-48px {
        font-size: 48px
    }

    .font-xxl-49px {
        font-size: 49px
    }

    .font-xxl-50px {
        font-size: 50px
    }
}

.section-title span {
    font-size: clamp(16px,4vw,20px);
    font-weight: bold;
    margin-bottom: clamp(.5rem,4vw,1rem)
}

.section-title p {
    font-size: clamp(16px,4vw,22px);
    color: #000
}

.section-title h2 {
    font-size: clamp(30px,4vw,70px);
    font-weight: 900;
    margin-bottom: 1rem;
    line-height: 1
}

.header-social-icons li a>div {
    box-shadow: 0 0 0 7px rgba(255,255,255,.1);
    transition: .2s ease-in-out;
    flex-shrink: 0
}

.header-social-icons li a:hover {
    color: var(--bs-primary) !important
}

.header-social-icons li a:hover>div {
    background: var(--bs-primary) !important;
    box-shadow: 0 0 0 7px rgb(var(--bs-primary-rgb), 0.1)
}

.header-social-icons li a:hover>div img {
    filter: brightness(0) invert(1)
}

.hero-bg {
    background: url(../images/hero-bg-line.svg) no-repeat center/cover,url(../images/hero-bg.webp) no-repeat center/cover,#197ea5;
    padding: clamp(7rem,20vw,10rem) 0 3rem
}

.hero-bg h1 {
    font-size: clamp(31px,4vw,66px);
    line-height: .85;
    white-space: nowrap
}

.hero-bg h1 span {
    font-size: clamp(47px,6vw,100px);
    display: block
}

.hero-bg .in-just-price-card {
    padding: 1rem;
    border-radius: 20px
}

.hero-bg .in-just-price-card span {
    font-size: 31px
}

.hero-bg .in-just-price-card span:last-child {
    font-size: 70px;
    line-height: 1
}

.hero-bg .hero-img {
    position: relative;
    scale: 2;
    translate: 100px 80px;
    z-index: -1
}

@media screen and (min-width: 1024px) {
    .hero-bg {
        padding-top:7vw
    }
}

@media screen and (min-width: 1537px) {
    .hero-bg {
        padding:clamp(7rem,20vw,10rem) 0 6rem
    }
}

.hero-list-items li {
    color: #fff
}

.contact-form {
    border-radius: 40px;
    background: #f2f2f2;
    z-index: 10
}

.contact-form .discount-header {
    background: var(--bs-primary);
    font-size: clamp(30px,8vw,45px);
    color: #fff;
    font-weight: bold;
    padding: clamp(1rem,2vw,2rem);
    padding-bottom: clamp(3.5rem,5vw,4rem);
    border-radius: 40px;
    border: 3px solid #fff
}

.contact-form .discount-header h2 {
    margin: 0
}

.contact-form .dark-strips {
    background: #000;
    padding: 1rem;
    margin-top: -3rem;
    margin-inline:-15px;position: relative
}

.contact-form .dark-strips::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 0;
    z-index: -1;
    display: block;
    border: 8px solid #000;
    border-top-color: rgba(0,0,0,0);
    border-left-color: rgba(0,0,0,0)
}

.contact-form .dark-strips::after {
    content: "";
    position: absolute;
    top: -15px;
    right: 0;
    z-index: -1;
    display: block;
    border: 8px solid #000;
    border-top-color: rgba(0,0,0,0);
    border-right-color: rgba(0,0,0,0)
}

.contact-form .btn-primary {
    padding: 1rem 1.5rem !important;
    box-shadow: 0px 12px 30px #707070
}

.contact-form .btn-primary:hover {
    box-shadow: none
}

.contact-form form {
    padding: 1.5rem 1rem 1.5rem 1rem
}

.contact-form form input {
    padding: 1rem 1.5rem;
    min-height: clamp(50px,4vw,62px);
    border: 0
}

.hero-list-items li {
    padding-left: 2.3rem;
    position: relative
}

.hero-list-items li::before {
    content: "";
    width: clamp(22px,4vw,28px);
    height: 16px;
    background: url(../images/shap1.svg) no-repeat center/contain;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px
}

@media screen and (min-width: 768px) {
    .hero-list-items li::before {
        left:0px
    }
}

.pricing-tabs ul li button.nav-link {
    border: 1px solid #000;
    border-radius: 50rem;
    font-size: clamp(14px,4vw,16px);
    font-weight: bold;
    padding: clamp(1rem,4vw,1.3rem) 2.22rem
}

.pricing-tabs ul li button.nav-link.active {
    border-color: var(--bs-primary);
    background: var(--bs-primary);
    box-shadow: 1px 1px 30px rgba(214,56,85,.3)
}

.pricing-tabs ul li button.nav-link:hover {
    background: var(--bs-primary);
    color: #fff;
    border-color: var(--bs-primary)
}

.BrandsSlider .swiper-wrapper {
    align-items: center
}

.BrandsSlider .swiper-slide {
    display: flex;
    align-items: center
}

.BrandsSlider .swiper-slide-prev {
    opacity: 0 !important
}

.brandSliderShadow {
    position: relative
}

.brandSliderShadow::before {
    content: "";
    width: 34px;
    height: 105px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    background: url(../images/shadow-line.svg) no-repeat center/23px
}

@media screen and (max-width: 992px) {
    .brandSliderShadow::before {
        display:none
    }
}

.brandSliderShadow h2 {
    padding: 0 clamp(5px,5vw,80px);
    font-size: clamp(16px,5vw,20px)
}

@media screen and (min-width: 992px) {
    .status-cards li:not(:last-child) {
        border-right:3px solid rgba(255,255,255,.2)
    }
}

.hover_bg-primary {
    transition: .2s ease-in-out
}

.hover_bg-primary:hover {
    background: var(--bs-primary) !important
}

.hover_bg-primary:hover *:not(.static-color) {
    color: var(--hover_all-items-color, white) !important;
    opacity: 1 !important
}

.hover_bg-primary:hover img:not(.static-color) {
    filter: brightness(0) invert(1)
}

.package-card {
    background: #f5f5f5;
    border-radius: 50px;
    transition: .2s ease-in-out
}

.package-card:hover {
    background: var(--bs-primary);
    box-shadow: 0 16px 24px rgba(240,88,116,.3)
}

.package-card:hover *:not(.btn) {
    color: #fff !important
}

.package-card:hover .btn-outline-dark {
    --bs-btn-border-color: white;
    --bs-btn-color: white !important
}

.package-card:hover .btn-primary {
    --bs-btn-bg: white !important;
    --bs-btn-border-color: white !important;
    --bs-btn-color: black !important
}

.package-card:hover .divider-strip {
    background: #fff !important
}

.package-card:hover .divider-strip span {
    color: var(--bs-primary) !important
}

.package-card:hover img:not(.static-color) {
    filter: brightness(0) invert(1)
}

.package-card .btn-primary {
    box-shadow: 0 16px 24px rgba(0,0,0,.2)
}

.package-card .btn-primary:hover {
    background-color: #111;
    box-shadow: none
}

.package-card .package-list-items ul {
    list-style: disc !important;
    padding-left: 1.4rem !important
}

.process-card img {
    transition: .2s ease-in-out;
    border-radius: 50%;
    border: 3px solid rgba(0,0,0,0)
}

.process-card:hover>img {
    border-color: #fff
}

.testimonialSlider {
    margin-top: -10rem
}

@media screen and (max-width: 1024px) {
    .testimonialSlider {
        margin-top:0
    }

    .testimonialSlider img.testimonialSideImage {
        height: 100px !important;
        width: 100% !important;
        object-position: center !important
    }
}

@media screen and (min-width: 1200px) {
    .testimonialSlider .swiper-wrapper {
        height:500px !important
    }
}

.faq-card button {
    font-size: clamp(16px,5vw,20px);
    font-weight: 600
}

.faq-card .accordion-button::after {
    background: var(--bs-primary) url(../images/faq-arrow.svg) no-repeat center/clamp(13px, 3vw, 20px);
    width: clamp(30px,4vw,48px);
    height: clamp(30px,4vw,48px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    border-radius: 50rem;
    transform: rotate(-180deg)
}

.faq-card .accordion-button:not(.collapsed)::after {
    transform: rotate(0deg) !important
}

.faq-card .accordion-body p {
    color: #111
}

.iti {
    width: 100%
}

.iti--inline-dropdown .iti__country-list {
    padding: 10px
}

.iti__country {
    font-size: clamp(14px,5vw,17px);
    font-weight: 500
}

.iti__search-input {
    width: 100%;
    outline: none;
    border-width: 0;
    border-radius: 3px;
    padding: var(--iti-search-padding);
    font-size: clamp(15px,5vw,17px);
    font-weight: 500;
    border-bottom: 1px solid rgba(0,0,0,.06) !important
}

.iti__dropdown-content {
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    overflow: hidden;
    border-radius: 15px;
    background-color: #fff;
    z-index: 999
}

.iti__selected-country-primary {
    --iti-hover-color: transparent
}

.iti__country.iti__highlight {
    border-radius: 8px
}

::-webkit-scrollbar {
    width: 9px;
    height: .6em;
    background: #fafafa
}

::-webkit-scrollbar-thumb {
    background: var(--bs-primary);
    border-radius: 100vw;
    border: 2px solid rgba(0,0,0,0);
    background-clip: content-box
}

.swiper-button-next,.swiper-button-prev {
    --swiper-navigation-top-offset: 102%;
    margin: auto
}

.SwiperArrow .swiper-button-next {
    margin-right: calc(50% - clamp(30px,5vw,60px) - 5px)
}

.SwiperArrow .swiper-button-prev {
    margin-left: calc(50% - clamp(30px,5vw,60px) - 5px)
}

.iti {
    width: 100%
}

.form-error {
    border: 1px solid red !important
}

.form-error::placeholder {
    color: red !important
}

/*# sourceMappingURL=landing-5.css.map */