body .form-group .iti {
    display: block;
}

body .iti__country-list {
    z-index: 1000;
}

body .display-none,
body .hidden {
    display: none;
}

body .cursor-pointer {
    cursor: pointer;
}

body .notyf__ripple {
    border-radius: 3px;
}

body .reimbursement-zone,
body .reimbursement-bank-zone,
body .insurance-zone {
    display: none;
}

body .alert-warning {
    background-color: #ffffe0;
}

/* -------------FONT-FAMILY------------- */
/* Poppins SBold 700 */
.ffpb {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

/* Poppins Semi-bold 600 */
.ffpsb {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

/* Poppins 500 */
.ffpm {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

/* Poppins Regular 400 */
.ffpr {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

/* Poppins Light 300 */
.ffpl {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.ffqsb {
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
}

/* -------------FONT-FAMILY------------- */
/* -------------FONT-SIZE------------- */

.fs10 {
    font-size: 10px;
    line-height: 1.3em;
}

.fs11 {
    font-size: 11px;
    line-height: 1.3em;
}

.fs12 {
    font-size: 12px;
    line-height: 1.3em;
}

.fs13 {
    font-size: 13px;
    line-height: 1.3em;
}

.fs14 {
    font-size: 14px;
    line-height: 1.3em;
}

.fs16 {
    font-size: 16px;
    line-height: 1.3em;
}

.fs19 {
    font-size: 19px;
    line-height: 1.3em;
}

.fs20 {
    font-size: 20px;
    line-height: 1.3em;
}

.fs22 {
    font-size: 22px;
    line-height: 1.6em;
}

.fs24 {
    font-size: 24px;
    line-height: 1.3em;
}

.fs26 {
    font-size: 26px;
    line-height: 1.3em;
}

.fs28 {
    font-size: 28px;
    line-height: 1.3em;
}

.fs30 {
    font-size: 30px;
    line-height: 1.3em;
}

.fs36 {
    font-size: 36px;
    line-height: 1.3em;
}

.fs44 {
    font-size: 44px;
    line-height: 1.3em;
}

.fs40 {
    font-size: 56px;
    line-height: 1.2em;
}

.fs60 {
    font-size: 60px;
    line-height: 1.3em;
}

.fs62 {
    font-size: 62px;
    line-height: 1.3em;
}

.pt-25 {
    padding-top: 25px;
}

.lh05 {
    line-height: 0.5em !important;
}

.lh-1-1 {
    line-height: 1.1em !important;
}

.zmdi-account-o {
    font-size: 22px !important;
}

.lh0-6 {
    line-height: 0.6;
}

/* -------------FONT-SIZE------------- */
/* -------------FONT-COLOR------------- */
body .fcw {
    color: #fff;
}

body .fcb {
    color: #000;
}

body .fcblue {
    color: #081057;
}

body .fcdark {
    color: #37324e;
}

body .fcr {
    color: #df0d8f;
}

body .fco {
    color: #ff6a00;
}

body .fcg {
    color: #cecbcb;
}

body .fcor {
    color: #f62844;
}

/* -------------FONT-COLOR------------- */
/* -------------HEADER------------- */
.navbar-expand-lg .navbar-nav .nav-link {
    width: 100%;
    color: #fff;
    font-size: 14px;
}

.navbar.navbar-expand-lg {
    position: relative;
    padding: 15px 0;
    z-index: 999;
}

.navbar-toggler {
    background-color: transparent;
    padding-right: 0;
}

.navbar-toggler .line {
    width: 100%;
    float: left;
    height: 3px;
    background-color: #fff;
    margin-bottom: 6px;
    margin-top: 2px;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav .auth {
    background-image: linear-gradient(to right bottom, #fff -200%, #413be7 50%);
    border-radius: 35px;
    box-shadow: 1px 3px 5px -2px rgba(0, 0, 0, 0.3);
    padding-top: 0.8%;
    padding-bottom: 0.8%;
}

.hoverTwoB {
    background-color: #fff;
    border-radius: 35px;
}

.hoverNav-color {
    color: #f52c3e;
}

.image.user {
    max-width: 14%;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.nav-link {
    padding: 0.4rem 1rem;
}

.navbar-expand-lg .navbar-nav .active .nav-link.pages,
.navbar-expand-lg .navbar-nav .nav-link.pages:hover {
    transition: all 0.3s ease;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 9px;
}

.hpBkg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 65vh;
    border-radius: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    min-height: 573.898px;
    background-image: -moz-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
    background-image: -webkit-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
    background-image: -ms-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
}

@media (min-width: 992px) {
    .hpBkg {
        border-radius: 60px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
}

.otherPageBkg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 25vh;
    border-radius: 60px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -moz-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
    background-image: -webkit-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
    background-image: -ms-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
}

@media (min-width: 778px) {
    .otherPageBkg {
        min-height: 35vh;
    }
}

.orderPageBkg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 130px;
    height: 80px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -moz-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
    background-image: -webkit-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
    background-image: -ms-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
}

.offer,
.confirm {
    background-color: #230e61;
    height: 130px;
    position: relative;
}

.hpBkg::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/img/home/bgHeader.png);
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 60px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.otherPageBkg::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/img/home/bgHeader.png);
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 60px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.orderPageBkg::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/img/home/bgHeader.png);
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 60px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.hpBkg::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 50%;
    left: 50%;
    right: 0;
    background: url(/img/home/vectorHp.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.otherPageBkg::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0%;
    left: 0%;
    right: 0;
    background: url(/img/general/vectorOthers.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.offer::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/img/home/bgHeader.png);
    background-position: top center;
    background-repeat: no-repeat;
    border-radius: 60px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.pagesBkg {
    background: url(/img/general/pagesBkg.png);
    background-position: top center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 100vh;
}

.tab-pane.romania {
    background-color: #fff;
}

.tab-pane.strainatate {
    /* background-color: #3c1ebb; */
}

.tab-pane .fs14 {
    line-height: 1.3em;
    margin-bottom: 10px;
}

.tab-pane .form-select {
    line-height: 34px;
}

.tab-pane .form-select,
.tab-pane .form-control {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    border: 1px solid #000;
    min-height: 47px;
    border-radius: 10px;
}

.tab-pane .envelopeInfo {
    margin-top: 10px;
}

.tab-pane .envelopeInfo p {
    line-height: 1.2;
}

.page-order .input-group,
.tab-pane .input-group {
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
}

.tab-pane .input-group .form-select,
.tab-pane .input-group .form-control,
.page-order .input-group .form-select,
.page-order .input-group .form-control {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    min-height: 45px;
    border: none;
    padding-right: 0;
    box-shadow: none !important;
}

.tab-pane .input-group .input-group-text,
.page-order .input-group .input-group-append {
    padding: 5px;
    font-size: 14px;
    background: #fff;
    border: none;
    display: flex;
}

.input-group .input-group-append .input-group-text {
    padding: 0;
    font-size: 14px;
    background: #fff;
    border: none;
}

.nav-tabs {
    background-image: linear-gradient(transparent 35%, white 35%);
}

.nav-tabs button {
    background-color: #f8a171 !important;
    color: #fff !important;
}

.nav-tabs button.active {
    background-color: #fff !important;
    color: #000 !important;
}

.nav-tabs button span {
    color: inherit;
    transition: all 300ms ease;
}

#nav-tabContent {
    background-color: #fff;
}

#nav-romania-tab {
    border: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 40px;
    padding: 1.5% 0%;
}

#nav-strainatate-tab {
    border: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 40px;
    padding: 1.5% 0%;
}

.soon {
    position: absolute;
    bottom: 100%;
    top: auto;
    right: 0;
    width: 115px;
    height: 40px;
    background: url(/img/general/in_curand.png) no-repeat center center;
    background-size: 100% 100%;
    transform: rotate(7deg);
    z-index: 1;
}

.soon-txt {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    top: 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    vertical-align: middle;
    text-align: center;
    margin: 0;
}

@media (min-width: 992px) {
    .soon {
        width: 174px;
        height: 55px;
        right: -50px;
        bottom: 60%;
        transform: rotate(12deg);
    }

    .soon-txt {
        font-size: 24px;
    }
}

.estimate .title-main {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}

.estimate .title-secondary {
    color: #fff;
    font-size: 18px;
}

@media (min-width: 992px) {
    .estimate .title-main {
        font-size: 46px;
    }

    .estimate .title-secondary {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .estimate .title-main {
        text-align: center;
    }

    .estimate .title-secondary {
        text-align: center;
    }
}

.nav-tabs {
    border-bottom: 0;
}

.nav-tabs .nav-link {
    margin: 0;
}

.linearWhite {
    background-image: linear-gradient(transparent 35%, white 35%);
}

.linearOrange {
    background-image: linear-gradient(transparent 35%, #f8a171 35%);
}

.linearBlue {
    background-image: linear-gradient(transparent 35%, #3c1ebb 35%);
}

.swap {
    max-width: 5%;
    padding: 0;
    margin: 0;
}

.tab-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 15px 30px -20px;
    padding-bottom: 2.2rem !important;
}

.activeBlue {
    background-color: #3c1ebb !important;
}

.activeWhite {
    background-color: #fff !important;
}

.sendParcel {
    position: relative;
}

.sendParcel .price {
    background: url(/img/home/pricebkg.png) no-repeat center center;
    background-size: contain;
    padding: 70px 50px 30px 50px;
    transition: all 1000ms ease-in-out;
    min-width: 278px;
}

.services {
    position: relative;
}

.contact {
    position: relative;
}

.about {
    position: relative;
}

.services .phone {
    background-color: #fff9f9;
}

.contact .car {
    background-color: #fff9f9;
}

.nav-link {
    width: 50%;
}

/* -------------HEADER------------- */
/* -------------FOOTER------------- */
.footer {
    /* background: url(/img/general/vectorFooter.png);
    background-repeat: repeat;
    background-size: 100% 30%;
    background-position: top; */

    background-color: #230e61;
}

.bkg-vector {
    background: url(/img/general/confirmVector.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center;
}

.footer .container-fluid {
    padding-top: 30px;
    padding-bottom: 15px;
}

.footer p,
.footer span {
    color: #fff;
}

.footer .fIconBkg {
    font-size: 22px;
    background-color: #655791;
    padding: 0.5% 3%;
    border-radius: 5px;
    margin: 6%;
    margin-top: 0%;
}

.fIconBkg.facebook {
    padding: 0.5% 4%;
}

.fIconBkg.you {
    padding: 0.5% 3.5%;
}

.footer .socialFooter {
    margin-top: -2%;
}

.logo.logoFooter {
    display: inline-block;
    max-width: 100%;
}

.footer .contLogo {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
}

.footer .links p {
    font-size: 21px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.footer .small-links a {
    font-family: "Poppins", sans-serif;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.footer .small-links a:hover {
    text-decoration: underline;
}

.footer .links a {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    padding: 5px 0;
}

.footer .links-b a {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    margin-right: 2%;
}

.footer .links span {
    font-size: 15px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.footer .fIconBkgContact {
    background-color: #655791;
    border-radius: 5px;
    font-size: 22px;
    color: #fff;
    padding: 7% 10%;
}

.footer .links .tel,
.footer .links .email {
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
}

.footer .links a[href^="tel:"] {
    display: inline-block;
}

.vrline-r,
.vrline-l {
    border-left: 1px solid #655791;
}

.vrline-l {
    height: 200px;
    margin: auto;
}

.vrline-c {
    border-left: 1px solid #655791;
    opacity: 0.3;
}

.footer .links.effect a:hover {
    text-decoration: underline;
}

/* -------------FOOTER------------- */
/* -------------GENERAL------------- */
.box-circle {
    position: relative;
    height: 0;
    padding-top: 100%;
    border: 5px dashed #f73968;
    border-radius: 50%;
}

.circle-image {
    position: absolute;
    top: 5%;
    bottom: 0;
    left: 0;
    right: 0;
}

.circle-text {
    position: absolute;
    top: 65%;
    bottom: 0;
    left: 0;
    right: 0;
}

.circle-image .image {
    display: block;
    margin: 5% auto auto auto;
    max-width: 100%;
}

.circle-image.money {
    top: 8%;
}

.circle-text.money {
    top: 54%;
}

.about .number1,
.about .number2,
.about .number3,
.about .number4 {
    position: absolute;
    top: -5%;
    left: 45%;
    /* border-left: 1px solid #f73968;
    border-bottom: 1px solid #f73968; */
    border-radius: 50%;
}

.about .number2 {
    top: 45%;
    left: -5%;
}

.about .number3 {
    top: 5%;
    left: 80%;
}

.about .number4 {
    top: 60%;
    left: -5%;
}

.roundBkg p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 50px;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
}

.roundBkg {
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-color: #f73968;
    margin-left: 1%;
}

.steps {
    position: relative;
    /* margin-bottom: 5%; */
    padding-bottom: 12%;
    background: url(/img/about/vectorAbout.png);
    background-size: cover;
    background-attachment: fixed;
    background-color: #fff9f9;
    background-repeat: no-repeat;
    background-position: bottom;
}

.steps p.fs16 {
    font-size: 16px;
}

/* 
.steps::after {
    display: block;
    content: "";
    top: 0;
    position: absolute;
    bottom: 0%;
    left: 0%;
    right: 0;
    background: url(/img/general/vectorOthers.png);
    background-position: top right;
    background-repeat: no-repeat;
} */

/* .bottomBkg {
    background: url(/img/about/vectorAbout.png);
    background-color: #fff9f9;
    background-repeat: no-repeat;
    background-position: top;
    height: 40vh;
} */

.circle-1::after {
    display: block;
    content: "";
    top: 40%;
    position: absolute;
    bottom: 0;
    left: 127%;
    right: 0;
    border-left: 5px dashed #f73968;
    transform: rotate(-75deg);
    height: 250px;
}

.circle-1::before {
    display: block;
    content: "-";
    top: -192%;
    left: -54%;
    position: absolute;
    bottom: 0;
    transform: rotate(243deg);
    border-radius: 50%/680px 680px 0 0;
    width: 227%;
    height: 185%;
    border: dashed 5px #f73968;
    border-color: #f73968 transparent transparent transparent;
}

.circle-2::before {
    display: block;
    content: "";
    top: -18%;
    left: 75%;
    position: absolute;
    bottom: 0;
    transform: rotate(-23deg);
    border-radius: 50%/100px 44px 0 0;
    width: 507px;
    height: 135px;
    border: dashed 5px #f73968;
    border-color: #f73968 transparent transparent transparent;
}

.circle-3::after {
    display: block;
    content: "";
    top: 89%;
    left: 70%;
    position: absolute;
    bottom: 0;
    transform: rotate(49deg);
    border-radius: 135%/100px 44px 0 0;
    width: 260px;
    height: 150px;
    border: dashed 5px #f73968;
    border-color: #f73968 transparent transparent transparent;
}

.circle-4::after {
    display: block;
    content: "";
    top: 112%;
    left: 66%;
    position: absolute;
    bottom: 0;
    transform: rotate(245deg);
    border-radius: 70%/50px 0px 0 0;
    width: 71%;
    height: 20%;
    border: dashed 5px #f73968;
    border-color: #f73968 transparent transparent transparent;
}

.just-dash {
    border-bottom: 2px dashed #f73968;
}

.btn.btn-primary {
}

.btn.btn-primary:hover,
.btn.btn-primary:focus {
}

.btn.btn-secondary {
    background: #e8505b;
    border-color: #e8505b;
    color: #fff;
    transition: all 300ms ease;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

.btn.btn-secondary:hover,
.btn.btn-secondary:focus {
    background: #230e61;
    border-color: #230e61;
}

@media (min-width: 992px) {
    .btn.btn-secondary {
        font-size: 24px;
    }
}

.text-link,
.page-order .card a.text-link {
    color: #081057 !important;
    text-decoration: underline !important;
}

.btn-primary {
    background-color: #081057;
    border-color: #081057;
}

.btn-primary:hover {
    background: #f25423;
    border-color: #f25423;
}

.btn-outline-primary {
    color: #081057;
    border-color: #081057;
}

.btn-outline-primary:hover {
    background-color: #081057;
    border-color: #081057;
}

.btn.create {
    padding: 1.4% 5%;
    background-color: #df0d8f;
    border-radius: 10px;
}

.btn.create.contact {
    padding: 1.68% 5%;
    background-color: #df0d8f;
    border-radius: 10px;
}

.btn.create.about {
    padding: 0.78% 5%;
    background-color: #df0d8f;
    border-radius: 10px;
}

.btn.send {
    padding: 1.345% 5%;
    background-color: #df0d8f;
    border-radius: 10px;
    width: 100%;
    margin-top: 25px;
}

.btn.checkPrice {
    padding: 0.72% 5% !important;
    background-color: #df0d8f;
    border-radius: 10px;
}

.btn-offer {
    background-color: #fff;
    border-radius: 10px;
    text-decoration: none;
}

.btn.alege {
    color: #fff;
    border-radius: 10px;
    background-color: #df0d8f;
    /* padding: 1% 2%; */
}

.account .btn.create {
    margin-left: 5%;
}

.account .ulaccount {
    font-size: 16px;
    line-height: 1.3;
}

@media (min-width: 992px) {
    .account .ulaccount {
        font-size: 20px;
        line-height: 1.5;
    }
}

.btn.alege:hover,
.btn.create:hover,
.btn.checkPrice:hover,
.btn.send:hover,
.btn-offer:hover {
    color: #df0d8f !important;
    background-color: transparent;
    border: 1px solid #df0d8f;
}

.home.acc {
    margin-left: 5%;
}

.servicii {
    text-transform: uppercase;
    width: fit-content;
    margin-top: 5%;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    background-color: #fcb0c3;
    border-radius: 10px;
    padding: 1% 3%;
    color: red;
}

.zInd {
    position: relative;
    z-index: 1;
}

.mt-7 {
    margin-top: 7%;
}

.mt-10 {
    margin-top: 10%;
}

.mt-20 {
    margin-top: 20%;
}

.mt-30 {
    margin-top: 30%;
}

.mb-7 {
    margin-bottom: 7%;
}

.mb-10 {
    margin-bottom: 10%;
}

.mb-20 {
    margin-bottom: 20%;
}

.mb-30 {
    margin-bottom: 30%;
}

.mb-50 {
    margin-bottom: 50%;
}

.pb-10 {
    padding-bottom: 10%;
}

.pt-10 {
    padding-top: 10%;
}

.pt-10p {
    padding-top: 10px;
}

.pt-40 {
    padding-top: 40px;
}

.logo {
    max-width: 100%;
}

.image {
    max-width: 100%;
    display: inline-block;
}

.imageSendCompanies {
    margin: auto;
}

.w900 {
    max-width: 900px;
}

.w1000 {
    max-width: 1000px;
}

.w1010 {
    max-width: 1010px;
}

.w1100 {
    max-width: 1100px;
}

.w1200 {
    max-width: 1200px;
}

.w1300 {
    max-width: 1300px;
}

.checkpriceimg {
    box-shadow: 0px 40px 60px 10px;
}

.fixSpace {
    margin-top: 20%;
}

.section-text h2 {
    font-size: 20px;
    line-height: 1.3;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #000;
}

.section-text p {
    font-size: 16px;
    line-height: 1.3;
    color: #333;
}

.section-text.big-title h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .section-text h2 {
        font-size: 28px;
    }

    .section-text.big-title h2 {
        font-size: 44px;
    }

    .section-text p {
        font-size: 20px;
        line-height: 1.5;
    }
}

.companies h2 {
    color: #000;
}

.benefits {
    background: url(/img/home/vectorAvantaje.png);
    background-repeat: no-repeat;
    background-color: #230e61;
    border-radius: 50px;
    background-size: cover;
    background-position: right;
    max-width: calc(100% - 30px);
}

.benefits p {
    color: #fff;
}

@media (max-width: 768px) {
    .benefits img {
        max-width: 50px;
    }

    .benefits .mt-5 {
        margin-top: 10px !important;
    }

    .benefits {
        margin-bottom: 10px;
    }

    .btn.fs24,
    .btn.fs22 {
        font-size: 18px;
    }

    .benefits p {
        font-size: 14px;
    }
}

.panel {
    background-color: #fdfdfd;
    /* For browsers that do not support gradients */
    background-image: linear-gradient(#fdfdfd, #e2edfd);
}

.companies .logo {
    padding: 3px;
    margin: 5px 0;
}

.companies,
.money,
.panel,
.credits,
.account {
    padding: 3% 0%;
}

.benefits {
    padding: 3% 0%;
}

.credits {
    background-color: #fff9f9;
}

.account {
    background-color: #fff;
    padding: 3% 0%;
}

.activeMobile {
    display: none;
}

.ulaccount {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.ulaccount li {
    position: relative;
    padding-left: 40px;
}

.ulaccount li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    display: block;
    content: "";
    background: url("/img//home/check.png") no-repeat center center;
    color: #df0d8f;
}

.position-abs {
    position: absolute;
    margin-left: 2%;
}

.noScroll {
    overflow: hidden;
}

.opp {
    opacity: 0 !important;
}

.swap {
    margin-top: auto;
}

.swap img {
    margin-bottom: 15px;
}

.contact .form-control.standard,
.contact .form-select {
    border-radius: 10px;
    border: 1px solid #000;
    height: 47px;
}

.contact .form-label {
    font-size: 14px;
    line-height: 1em;
    font-family: "Poppins";
    font-weight: 500;
}

.contact .form-control.mesaj {
    border-radius: 10px;
    border: 1px solid #000;
}

.contact a:not(.btn) {
    color: rgb(245, 44, 52);
}

.form-select:focus {
    border-color: #df0d8f;
    box-shadow: inset 0 1px 0px #fff, 0 0 5px #df0d8f;
}

.btn-sample:active {
    border-color: #df0d8f;
    box-shadow: inset 0 1px 0px #fff, 0 0 5px #df0d8f;
}

.form-control:focus {
    border-color: #df0d8f;
    box-shadow: inset 0 1px 0px #fff, 0 0 5px #df0d8f;
}

.btn:active,
.btn:focus {
    border-color: #df0d8f;
    box-shadow: inset 0 1px 0px #df0d8f, 0 0 5px #df0d8f;
}

.btn-fiz-comp .btn.btn-light:active,
.btn-fiz-comp .btn.btn-light:focus {
    border-color: transparent;
    box-shadow: inset 0 0px 0px transparent, 0 0 0px transparent;
    background-color: #514bf7;
    color: #fff;
}

.order .btn-fiz-comp button {
    border: 1px solid #081057;
}

.modal-content .btn-close:active,
.modal-content .btn-close:focus {
    border-color: #df0d8f;
    box-shadow: inset 0 1px 0px #fff, 0 0 5px #df0d8f;
}

.headline {
    position: relative;
    z-index: 1;
}

.btnCall {
    display: none;
    position: fixed;
    bottom: 3%;
    right: 2%;
}

.form-control:disabled {
    background-color: transparent !important;
    border-color: #e9ecef;
}

.image.target {
    margin-bottom: 1.6%;
}

.navbar-nav .auth:hover {
    transition: all 0.3s ease;
    background-image: none;
    color: #df0d8f;
}

/* .checkOrder:hover {
    transition: all 0.3s ease;
    background-color: #413be7;
    border-radius: 35px;
    box-shadow: 1px 3px 5px -2px rgb(0 0 0 / 30%);
    background-image: linear-gradient(to right bottom, #fff -200%, #413be7 50%);
}

.navBkg {
    transition: all 0.3s ease;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
} */

.hrM {
    display: none;
}

.rotate1 {
    transform: rotate(45deg);
    margin-top: 40% !important;
    transition: all 0.3s ease;
}

.rotate2 {
    opacity: 0;
    transition: all 0.3s ease;
}

.rotate3 {
    transform: rotate(135deg);
    margin-top: -80% !important;
    transition: all 0.5s ease;
}

.bar-height {
    height: 5px !important;
    transition: all 0.5s ease;
}

.navbar-nav .nav-item .nav-link {
    text-align: center;
}

.order .textOnInput {
    position: relative;
}

.order .textOnInput label {
    position: absolute;
    top: -10px;
    left: 10px;
    padding: 2px;
    z-index: 1;
}

.order .textOnInput label:after {
    content: " ";
    background-color: #fff;
    width: 100%;
    height: 13px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

input::placeholder {
    margin-left: -45px;
}

.textOnInput .form-control {
    padding: 0.375rem 0.55rem;
}

.order .form-label {
    font-size: 12px;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0.5rem;
}

.order .form-control {
    height: 45px;
    box-shadow: none !important;
    border: 1px solid #000;
}

.order input::placeholder {
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    padding-left: 2px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.order .pbox {
    padding: 10px 20px 50px;
}

.order .pbox {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(219, 223, 228);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.order .pbox.wBkg {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(219, 223, 228);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.order .dateExpeditie {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(219, 223, 228);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
}

.order .wBkg {
    background-color: #f8fafe;
}

.container .order {
    background-color: none;
}

.order .btn.order {
    background-color: #2721cd;
    height: 40px;
}

.order .btn.order:hover {
    background-color: transparent;
    border: 1px solid #2721cd;
    color: #2721cd;
}

.order .box-blue {
    /* border-radius: 10px; */
    /* background-color: #2721cd; */
    min-width: 325px;
    max-width: 325px;
}

.order .col-logoOrder {
    max-width: fit-content;
}

.order .txt-comp {
    margin-bottom: 3px;
}

.bkg-grey {
    border-radius: 10px;
    background-color: rgba(0, 63, 223, 0.051);
    margin-right: calc(-0 * var(--bs-gutter-x));
    margin-left: calc(-0 * var(--bs-gutter-x));
    height: 80px;
    align-items: center;
}

.sort-select.hover {
    cursor: pointer;
    border-style: solid;
    border-radius: 25px;
    border-width: 2px;
    border-color: rgb(45, 23, 110);
    background-color: rgba(40, 40, 40, 0);
}

.selected-sort {
    cursor: pointer;
    border-style: solid;
    border-radius: 25px;
    border-width: 2px;
    border-color: rgb(45, 23, 110);
    background-color: rgba(40, 40, 40, 0);
}

.sort-img {
    width: 20px;
    height: 20px;
}

.raiting {
    display: flex;
    justify-content: center;
    align-items: end;
    margin-bottom: 2%;
    padding-right: 0;
}

.raiting img {
    margin: 2%;
}

.offer-choice {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.07);
    margin-right: calc(-0 * var(--bs-gutter-x));
    margin-left: calc(-0 * var(--bs-gutter-x));
    height: 113px;
}

.offer-choice .box-info.disabled {
    opacity: 0.5;
    cursor: context-menu;
}

.info-row {
    width: max-content;
}

.box-info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.border-l {
    border-left: 2px solid rgba(0, 63, 223, 0.051);
    padding-left: 10px;
    height: 40%;
    margin: auto;
}

.border-r {
    border-right: 2px solid rgba(0, 63, 223, 0.051);
    height: 40%;
    margin: auto;
}

.confirm-content .border-r-confirm {
    border-right: 2px solid rgba(0, 63, 223, 0.051);
    height: 55%;
    margin: auto;
    position: absolute;
    right: 55%;
}

.modalborder {
    border-right: 1px solid rgba(0, 63, 223, 0.051);
}

.rating-logo {
    display: block;
    margin: auto;
    text-align: center;
}

.rating-logo .provider-logo {
    max-width: 110px;
}

.infoBlock:hover {
    color: #df0d8f;
    cursor: pointer;
}

.modal-content .modal-header .btn-close {
    background: transparent
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23104'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
        center/1em auto no-repeat;
    border: 2px solid #081057;
    border-radius: 50%;
    color: #081057;
    font-size: 10px;
    opacity: 1;
}

.modal-dialog {
    max-width: 813px;
}

.modal-dialog .modal-content {
    padding: 24px 34px;
}

.modal-content .modal-header,
.modal-content .modal-footer {
    border: 0;
}

.modal-content .modal-body .provider-option {
    padding: 10px 0px;
}

.modal-content .modal-body .provider-option:hover {
    background-color: #f7f5fd;
}

.modal-content .modal-header .provider-logo {
    max-width: 110px !important;
}

.modal-header p {
    text-transform: uppercase;
}

.modal-header p span {
    color: #f37907;
}

.fullVh {
    height: 100vh;
}

.noBkg {
    background-color: transparent;
}

#dateExpeditie .form-select {
    height: 45px;
    border: 1px solid #000;
}

#dateExpeditie .form-select:active,
#dateExpeditie .form-select:focus {
    border: 0px;
    box-shadow: inset 0 0px 0px #000, 0 0 3px #000;
    border-color: #000;
}

.order .obligatoriu {
    color: red;
}

.form-switch,
.form-switch * {
    cursor: pointer;
}

#dateExpeditie .form-switch {
    height: 45px;
    display: flex;
    align-items: center;
}

#dateExpeditie .form-check-label {
    color: #081057;
}

.order .form-select {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    color: #081057;
}

.order .info-suplimentare {
    margin-left: 9.5%;
    margin-top: -3%;
}

.order .sumaAsigurata {
    height: 35px;
}

.order .form-check-input:checked {
    background-color: #081057;
    border-color: #081057;
}

.order .form-check-input:focus {
    box-shadow: none;
}

.order .form-select option {
    color: red;
}

.order .select-curier {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.07);
    width: 324px;
    height: 81px;
}

.order .selected-price {
    background-color: #df0d8f;
    color: #000;
}

.order .text-c-change {
    color: #fff;
}

.order .btn-outline-secondary.cod-reducere {
    padding: 0.375rem 1.75rem;
    background-color: #514bf7;
    color: #fff;
    font-size: 17px;
    font-family: "Quicksand", sans-serif;
}

.order .btn-outline-secondary.cod-reducere:active,
.order .btn-outline-secondary.cod-reducere:focus {
    border: 0px;
    box-shadow: none;
    background-color: #df0d8f;
}

.round {
    position: relative;
}

.round label {
    background-color: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    width: 20px;
    left: 0;
    position: absolute;
    top: 0;
}

.round label:after {
    border: 2px solid #081057;
    border-top: none;
    border-right: none;
    content: "";
    height: 5px;
    left: 2px;
    opacity: 0;
    position: absolute;
    top: 5px;
    transform: rotate(-45deg);
    width: 12px;
}

.round input[type="checkbox"] {
    visibility: hidden;
}

.round input[type="checkbox"]:checked + label {
    border-color: #081057;
}

.round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.text-just {
    text-align: justify;
}

.btn-primary.trimite-curier {
    border: 1px solid #081057;
    background-color: #081057;
    color: #fff;
    font-size: 24px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border-radius: 10px;
    padding: 7px 10px;
}

.btn-primary.trimite-curier:hover {
    background-color: #fff;
    color: #081057;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    background-color: #081057;
}

.btn-primary.trimite-curier:focus {
    box-shadow: none;
}

.confirm-content .info-confirm {
    margin: 0.1%;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.07);
}

.confirm-content .btn.back {
    background-color: #df0d8f;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #fff;
    width: 245px;
    height: 45px;
    display: block;
    margin: auto;
    border-radius: 10px;
}

.confirm-content .btn-a {
    text-decoration: none;
}

.detalii-content .btn.back {
    background-color: #e8505b;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #fff;
    width: 245px;
    height: 45px;
    display: block;
    margin: auto;
    border-radius: 10px;
}

.detalii-content .btn.back.livrat {
    background-color: #df0d8f;
}

.detalii-content .btn.back.livrat:hover {
    background-color: #fff;
    border: 1px solid #df0d8f;
    color: #df0d8f;
}

.detalii-content .btn-a {
    text-decoration: none;
}

.confirm-content .btn.back:hover {
    background-color: #fff;
    border: 1px solid #df0d8f;
    color: #df0d8f;
}

.detalii-content .btn.back:hover {
    background-color: #fff;
    border: 1px solid #e8505b;
    color: #e8505b;
}

.confirm-content .btn.thanks {
    background-color: #f62844;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #fff;
    width: 235px;
    height: 40px;
    border-radius: 10px;
}

.confirm-content .btn.thanks:hover {
    background-color: #fff;
    border: 1px solid #f62844;
    color: #f62844;
}

.confirm-content .btn.urmareste {
    background-color: #514bf7;
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #fff;
    width: 235px;
    height: 40px;
    border-radius: 10px;
}

.confirm-content .btn.urmareste:hover {
    background-color: #fff;
    border: 1px solid #514bf7;
    color: #514bf7;
}

.urmareste .form-control.input-search {
    height: 75px;
    border-radius: 10px;
    padding: 10px 10px 10px 20px;
}

.urmareste .btn.cauta-comanda {
    font-size: 16px;
    padding: 10px 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    background-color: #df0d8f;
    color: #fff;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .urmareste .search-box-shad {
        display: block;
        text-align: center;
    }

    .urmareste .search-box-shad input {
        height: 50px !important;
        display: block;
        width: 100%;
        border-radius: 10px !important;
        margin-bottom: 20px;
    }

    .urmareste .search-box-shad button {
        border-radius: 10px !important;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .urmareste .btn.cauta-comanda {
        font-size: 22px;
        padding: 5px 10px;
    }
}

.urmareste .form-control.input-search::placeholder {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.urmareste .btn.cauta-comanda:hover {
    background-color: #2721cd;
    border: 1px solid #2721cd;
}

.search-box-shad {
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: -3.126px 17.727px 24px 0px rgba(0, 0, 0, 0.11);
}

.detalii-comanda .imgCar {
    max-width: 35%;
    margin: auto;
}

.detalii-comanda .awb {
    border-radius: 10px;
    background-color: rgb(248, 243, 242);
    padding: 10px 20px;
    display: inline-block;
    color: #a4a4a4;
    font-weight: bold;
    font-size: 16px;
}

.hrDetalii {
    margin: 0.5rem 0;
}

.detalii-content .det-content {
    background-color: #fff;
    padding: 3%;
}

.detaliiBkg {
    background: #fff9f9;
}

.bs-wizard {
    margin-top: 20px;
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

.bs-wizard > .bs-wizard-step {
    padding: 0;
    position: relative;
    width: 20% !important;
}

.stepvijf > .bs-wizard-step {
    padding: 0;
    position: relative;
    width: 20% !important;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    color: #333;
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    position: absolute;
    width: fit-content;
    display: block;
    top: -22px;
    left: 32%;
    z-index: 1;
    background-color: #dde0e1;
    padding: 3% 5%;
    border-radius: 10px;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot img {
    mix-blend-mode: difference;
    opacity: 0.3;
}

.bs-wizard > .bs-wizard-step.complete > .bs-wizard-dot {
    position: absolute;
    width: fit-content;
    display: block;
    top: -22px;
    left: 32%;
    z-index: 1;
    background-color: #e8505b;
    padding: 3% 5%;
    border-radius: 10px;
}

.bs-wizard > .bs-wizard-step > .progress {
    position: relative;
    border-radius: 0px;
    height: 3px;
    box-shadow: none;
    margin: 20px -33%;
}

.bs-wizard-dot {
    pointer-events: none;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    width: 0px;
    box-shadow: none;
    background: #f62844;
}

.lastStatus {
    background-color: #ff0074;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    /* background-color: #f5f7f8; */
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
    left: 100%;
    width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
    width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

.bs-wizard-step.complete p {
    font-size: 16px;
    color: #081057;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 23%;
}

.bs-wizard-step.disabled p {
    font-size: 16px;
    color: #babbbb;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 23%;
}

.bs-wizard-step.complete span {
    font-size: 14px;
    color: #081057;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.bs-wizard-step.disabled span {
    font-size: 14px;
    color: #babbbb;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

.bs-wizard-step.complete.comp-red p {
    color: #e8505b;
    font-weight: 700;
}

.bs-wizard-step.complete.comp-red span {
    color: #e8505b;
}

.detalii-comanda .close-info {
    text-decoration: none;
}

.detalii-comanda .close-p {
    margin-bottom: 0;
    text-align: center;
    border: 4px solid #081057;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detalii-comanda .close-p:hover {
    border: 5px solid #e8505b;
    color: #e8505b;
}

.smart-group .textOnInput {
    position: relative;
}

.smart-group .textOnInput input {
    color: #000;
    margin-bottom: 3px;
    font-family: "Poppins", sans-serif;
}

.smart-group .textOnInput label {
    position: absolute;
    top: 10px;
    left: 0.7rem;
    transition: all 100ms ease;
    cursor: text;
    background: #fff;
    width: auto;
    font-family: "Poppins", sans-serif;
    font-size: 13px;
    color: #6c757d;
}

.smart-group input:focus ~ label:not([class^="error"]),
.smart-group input.has-value ~ label:not([class^="error"]) {
    text-align: left;
    display: inline-block;
    left: 5px;
    top: -9px;
    padding: 0 7px;
    z-index: 2;
    font-size: 12px;
    color: rgb(85, 85, 85);
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

.smart-group label.error {
    text-align: left;
    display: inline-block;
    font-size: 9px;
    left: 5px;
    top: 23px;
    padding: 0 6px;
    z-index: 1;
    width: auto;
}

.smart-group .input-group-text {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

/* -------------GENERAL------------- */

@media screen and (min-width: 1000px) and (max-width: 1300px) {
    .circle-image .image {
        max-width: 50%;
    }

    .circle-1::after {
        top: 42%;
        bottom: 0;
        left: 125%;
        height: 204px;
    }

    .circle-1::before {
        top: -118%;
        left: -35%;
        transform: rotate(223deg);
        border-radius: 50%/200px 200px 0 0;
        width: 150%;
        height: 100%;
    }

    .circle-2::before {
        top: -20%;
        left: 75%;
        transform: rotate(-22deg);
        width: 116%;
        height: 35%;
    }

    .circle-3::after {
        top: 89%;
        left: 66%;
        transform: rotate(44deg);
        width: 62%;
        height: 43%;
    }

    .circle-4::after {
        top: 105%;
        left: 68%;
        transform: rotate(240deg);
        width: 52%;
        height: 20%;
    }

    .circle-text {
        top: 60%;
        max-width: 80%;
        text-align: center;
        display: block;
        margin: auto;
    }

    .roundBkg p {
        font-size: 35px;
        margin: 0;
    }

    .roundBkg {
        border-radius: 100%;
        width: 55px;
        height: 55px;
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .circle-image .image {
        max-width: 50%;
    }

    .circle-text {
        top: 63%;
    }

    .circle-text .fs22 {
        font-size: 20px;
        line-height: 0.5em;
    }

    .circle-text .fs16 {
        font-size: 14px;
    }

    .box-circle .hideBr {
        display: block;
    }

    .number1 p,
    .number2 p,
    .number3 p,
    .number4 p {
        font-size: 30px;
    }

    .roundBkg {
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }

    .circle-1::before {
        top: -159%;
        left: -36%;
        transform: rotate(233deg);
        border-radius: 50%/280px 280px 0 0;
        width: 181%;
        height: 148%;
    }

    .circle-1::after {
        top: 37%;
        left: 130%;
        transform: rotate(-75deg);
        height: 201px;
    }

    .circle-2::before {
        top: -21%;
        left: 75%;
        transform: rotate(-24deg);
        width: 125%;
    }

    .circle-3::after {
        top: 83%;
        left: 66%;
        transform: rotate(49deg);
        border-radius: 135%/100px 44px 0 0;
        width: 64%;
    }

    .circle-4::after {
        top: 110%;
        left: 62%;
        transform: rotate(250deg);
        width: 50%;
        height: 20%;
    }
}

@media screen and (max-width: 1200px) {
    .offer .btn-offer {
        font-size: 20px;
    }

    .soon {
        right: 0;
    }

    /* -------------FOOTER------------- */
    .footer .links p {
        font-size: 18px;
    }

    .footer .links span {
        font-size: 14px;
    }

    .footer .links a,
    .footer .links-b a {
        font-size: 12px;
    }

    /* -------------FOOTER------------- */
    .w1100 {
        max-width: 100%;
    }

    .position-abs {
        position: relative;
        margin: 10% auto;
    }

    /* .money .btn,
    .credits .btn,
    .account .btn {
        margin: auto;
        display: block;
        max-width: 75%;
    } */

    .logo.logoFooter {
        width: auto;
    }

    .col.logo,
    .contLogo,
    .socialFooter,
    .ms-3.social {
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }

    .order .box-blue {
        max-width: 30%;
    }
}

@media screen and (max-width: 1024px) {
    /* -------------HEADER------------- */
    .footer .links a,
    .footer .links-b a {
        font-size: 14px;
    }

    .footer .links-b a {
        font-size: 13px;
    }

    .footer .f16 {
        font-size: 14px;
    }

    .offer .fs44 {
        font-size: 34px;
    }

    .offer .fs20 {
        font-size: 16px;
    }

    .offer .fs24 {
        font-size: 16px;
    }

    .offer .fs18 {
        font-size: 14px;
    }

    .order .box-blue {
        min-width: 30%;
        max-width: 30%;
    }

    /* -------------HEADER------------- */
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .auth,
    .checkOrder {
        max-width: fit-content;
        margin: auto;
    }

    .hideBr {
        display: none;
    }

    .nav-tabs .nav-link {
        margin-bottom: 0;
    }

    .fs36 {
        font-size: 30px;
    }

    .m-auto-m {
        margin: auto !important;
    }

    .footer .contLogo {
        text-align: center;
    }

    .priceTop {
        width: 70% !important;
    }
}

@media screen and (max-width: 960px) {
    /* -------------HEADER------------- */
    .navbar-collapse {
        padding: 3%;
        text-align: center;
    }

    /* -------------HEADER------------- */
    /* -------------FOOTER------------- */

    .footer .contLogo {
        font-size: 16px;
    }

    .footer .links p {
        font-size: 18px;
    }

    .footer .fIconBkgContact {
        font-size: 40px;
        padding: 3%;
    }

    /* -------------FOOTER------------- */
}

@media screen and (max-width: 767px) {
    .box-info.border-l {
        border-left: 0;
    }

    .box-info.border-r {
        border-right: 0;
    }

    .box-info.border-l .col.d-block {
        padding-left: 0;
    }

    .offer-choice .btn.alege {
        max-width: 100%;
        margin-bottom: 33%;
    }

    .offer-choice {
        height: auto;
        display: block;
        margin: auto;
        width: 85%;
    }

    .box-info {
        margin: 4% auto;
    }

    .rating-logo {
        margin: 10% auto;
        padding-top: 10%;
    }

    .bkg-grey .sort-img {
        width: 15px;
        height: 15px;
    }

    .container .bkg-grey .ms-3 {
        margin-left: 0 !important;
    }

    .container .bkg-grey .fs22 {
        font-size: 12px;
    }

    .container .bkg-grey .fs19 {
        font-size: 11px;
    }

    .offer {
        height: 296px;
    }

    .col.box-blue.me-1 {
        margin-right: auto !important;
        /* fix margin */
    }

    .t-center-m {
        text-align: center;
    }

    .offer .btn-offer {
        padding: 2% 10%;
        margin-top: 2%;
    }

    .order .box-blue {
        min-width: 90%;
        max-width: 90%;
        margin: auto;
    }

    #nav-strainatate-tab,
    #nav-romania-tab {
        border-bottom: 0px;
    }

    .mt-5 .zInd {
        margin-top: 0 !important;
    }

    .tab-pane .two-row {
        flex: 0 0 auto;
        width: 50%;
    }

    .hrM {
        display: block;
        width: 75%;
        margin: 10px auto;
    }

    .about .number4 {
        top: 40%;
        left: -5%;
    }

    .hideBr.show {
        display: block;
    }

    .steps .box-circle .fs22 {
        line-height: 1em;
    }

    .circle-text {
        top: 60%;
    }

    .steps .col-5 {
        width: 100% !important;
    }

    .steps .offset-2,
    .steps .offset-1 {
        margin: auto !important;
    }

    .circle-image .image {
        max-width: 50%;
    }

    .steps .box-circle {
        margin-top: 10%;
    }

    .circle-1::before,
    .circle-1::after,
    .circle-2::before,
    .circle-3::after,
    .circle-4::after {
        display: none;
    }

    .container-fluid.car {
        padding: 0;
    }

    .vrline-c {
        display: none;
    }

    .fs44 {
        font-size: 34px;
    }

    .hideBr {
        display: none;
    }

    .priceTop {
        text-align: inherit;
        margin-left: 10%;
    }

    .mt-5.price {
        margin-top: 2% !important;
        margin-bottom: 3%;
    }

    .hpBkg::before {
        left: 33%;
        background-size: 50%;
    }

    .activeMobile {
        display: block;
    }

    .block-m {
        display: block;
    }

    .swap.mt-5 {
        margin: auto;
        margin-top: 3% !important;
        margin-bottom: 3%;
    }

    #greutate,
    #lungime,
    #latime,
    #inaltime {
        margin-bottom: 3%;
    }

    .parcelSize {
        margin-top: 7%;
    }

    #nav-romania-tab span,
    #nav-strainatate-tab span {
        font-size: 14px;
    }

    #navbarContent {
        width: 100%;
        margin: auto;
    }

    .auth,
    .checkOrder {
        max-width: fit-content;
        margin: auto;
    }

    /* .btn,
    .btn.ms-4,
    .btn.mt-4 {
        margin: 10% auto;
        display: block;
        max-width: 80%;
        font-size: 18px;
    } */

    .btn.checkPrice {
        max-width: 100%;
    }

    .d-reverse {
        display: flex;
        flex-flow: column-reverse;
    }

    .benefits {
        margin: 10px !important;
        padding: 10px;
    }

    .panel {
        background: none;
    }

    .comp {
        margin-top: 10% !important;
    }

    .sendParcel .price {
        min-height: 25vh;
        background-size: contain;
        background-position: 60%;
    }

    .nMobile {
        margin: auto !important;
    }

    .nopad {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .credits .position-absolute,
    .money .position-absolute,
    .account .position-absolute {
        position: relative !important;
    }

    .companies img {
        max-width: 85%;
    }

    /* -------------FOOTER------------- */
    .vrline-l {
        display: none;
    }

    .vrline-r {
        border: none;
    }

    .vrline-c {
        border: none;
    }

    .footer .links p {
        font-size: 16px;
    }

    .footer .links a {
        font-size: 14px;
    }

    .footer .logo {
        display: block;
        margin: auto;
    }

    .footer .contLogo {
        text-align: center;
    }

    .footer .socialFooter {
        justify-content: center;
        margin-bottom: 4%;
        max-width: 66%;
    }

    .servicii {
        margin-top: 10%;
    }

    .m-auto-m {
        margin: auto !important;
    }

    .p-auto-m {
        padding: 0 !important;
    }

    .noTopp {
        padding-top: 0 !important;
    }

    .footer .fIconBkg {
        margin: 1%;
    }

    .footer .links {
        margin-top: 10px;
    }

    .footer .links.assist {
        text-align: center;
    }

    .footer .copyright {
        text-align: center;
    }

    .checkOrder {
        max-width: inherit;
    }

    .swap {
        /* margin: 5% auto 8%;
        max-width: 100%; */
        visibility: hidden;
    }

    .tab-pane .pe-0,
    .tab-pane .pe-4 {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .tab-content.p-5 {
        padding: 15px !important;
    }

    .benefits .mt-4.align {
        margin-top: 0% !important;
        margin-bottom: 3%;
    }

    .benefits .align-img {
        margin-top: 2% !important;
    }

    .benefits {
        border-radius: 25px;
    }

    .laptop {
        max-width: 100%;
        /* padding: 0; */
    }

    .t-m-center {
        text-align: center;
    }

    .credits {
        padding-top: 10%;
        margin-top: 10%;
    }

    .account {
        margin-top: 10%;
    }

    .btn.create {
        /* max-width: 60%; */
        padding: 0.5rem !important;
    }

    .btn.checkPrice {
        padding: 1.695% 5% !important;
    }

    .btn.send {
        padding: 1.408% 5%;
    }

    .account .btn.create {
        margin: auto;
    }

    .btn.send {
        max-width: 60%;
    }

    .acc-img {
        margin-bottom: 5%;
    }

    .footer .logo {
        margin-bottom: 3% !important;
    }

    .about .number1,
    .about .number2,
    .about .number3,
    .about .number4 {
        top: 5%;
        left: 0;
    }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
    .steps .col-5 {
        width: 70% !important;
        margin: auto;
    }
}

@media screen and (max-width: 400px) {
    .fs62,
    .fs60 {
        font-size: 45px;
    }
}

@media screen and (max-width: 321px) {
    .offer .fs18 {
        font-size: 12px;
    }

    .offer {
        height: 276px;
    }

    .money .btn,
    .credits .btn,
    .account .btn,
    .steps .btn,
    .contact .btn {
        max-width: 70%;
    }

    .fs62 {
        font-size: 42px;
    }

    .fs60 {
        font-size: 40px;
    }

    .fs40 {
        font-size: 36px;
    }

    .fs44 {
        font-size: 34px;
    }

    .fs36 {
        font-size: 28px;
    }

    .fs28 {
        font-size: 24px;
    }

    .fs20 {
        font-size: 16px;
    }

    .footer .links-b a,
    .footer .f16 {
        font-size: 8px;
    }

    .sendParcel .price {
    }

    .tab-content.p-5 {
        padding: 12% 7% !important;
    }

    .ulaccount li:before {
        margin-left: -13%;
        margin-right: 2%;
    }

    .steps .box-circle .fs22 {
        font-size: 18px;
    }

    .steps .box-circle .fs16 {
        font-size: 12px;
    }
}

@media screen and (min-width: 500px) and (max-width: 1000px) and (orientation: landscape) {
    .priceTop {
        text-align: left;
        /* width: 60% !important; */
    }

    .sendParcel .price {
        /* min-height: 45vh; */
    }

    .hpBkg::before {
        left: 65%;
    }

    #navbarContent {
        max-width: initial;
    }

    .money .image,
    .credits .image,
    .account .image {
        display: block;
        margin: auto;
    }

    .auth,
    .checkOrder {
        max-width: fit-content;
        margin: auto;
    }

    .footer .fIconBkgContact {
        font-size: 22px;
        padding: 10%;
    }

    .contLogo {
        text-align: center;
    }

    .footer .socialFooter {
        justify-content: center;
    }

    .ulaccount li:before {
        margin-left: -11%;
        margin-right: 3%;
    }
}

@media screen and (min-width: 250px) and (max-width: 750px) and (orientation: landscape) {
    .ulaccount li:before {
        margin-left: -5%;
        margin-right: 1%;
    }

    .priceTop {
        text-align: center;
    }

    .footer .socialFooter {
        max-width: 33%;
    }

    .sendParcel .price {
        min-height: 55vh;
        background-size: contain;
        background-position: 59%;
    }
}

.summary {
    background: #f9f8ff;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid rgb(219, 223, 228);
}

.summary p {
    color: #260f69;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    line-height: 2;
}

.summary p > span {
    color: #df0d8f;
}

.summary p > span.location-label {
    color: #260f69;
    display: inline-block;
    width: 70px;
    text-align: left;
}

.summary .logo {
    display: block;
    padding: 3px 7px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    max-width: 100px;
    margin-right: 10px;
}

.summary .logo img {
    display: block;
    width: 100%;
}

.summary .parcel-details {
    display: flex;
    flex-wrap: wrap;
}

.summary .parcel-details .parcel-detail {
    display: flex;
    padding-right: 10px;
    margin: auto 0;
}

.summary .parcel-details .img {
    margin-right: 5px;
    display: block;
    width: 28px;
}

.summary .parcel-details .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.summary .parcel-details .txt {
}

.summary-wrapper .summary {
    height: 100%;
}

.summary-wrapper .icon-delivery-truck {
    max-width: 100%;
    width: 40px;
}

.summary-wrapper .icon-delivery-truck img {
    display: block;
    width: 100%;
}

.summary-wrapper .summary p {
    font-weight: normal;
}

.summary-wrapper .summary a {
    color: #081057;
}

.offer-choose {
    padding: 15px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.07);
    margin: 10px 0;
}

.offer-choose:not(.has-errors) {
    border: 2px solid #f3710e;
}

.offer-choose .col-logo .logo img {
    display: block;
    width: 100%;
    max-width: 120px;
    margin: 0 auto;
}

.offer-choose img {
    display: block;
    max-width: 100%;
}

.offer-choose .stars {
    text-align: center;
}

.offer-choose .stars img {
    display: inline-block;
    margin: 2px;
}

.offer-choose .txt-with-icon {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    cursor: pointer;
}

.offer-choose .txt-with-icon .img {
    display: block;
    width: 24px;
    margin: 10px auto;
}

@media (min-width: 1200px) {
    .offer-choose .txt-with-icon {
        display: flex;
        flex-direction: row;
        text-align: center;
        justify-content: center;
    }

    .offer-choose .txt-with-icon .img {
        margin: auto 10px auto 0;
    }

    .offer-choose .col-courier-details {
        border: 2px solid #eee;
        border-top: none;
        border-bottom: none;
    }
}

.offer-choose .col-courier-details .row {
    margin: 0 -5px;
}

.offer-choose .col-courier-details .row > div {
    padding: 0 5px;
}

.offer-choose .btn {
    margin: 0 !important;
    max-width: 100%;
}

.offer-choose .disabled {
    opacity: 0.5;
    cursor: context-menu;
}

.offer-choose .unavailable {
    display: flex;
    justify-content: center;
    color: #9f9f9f;
}

@media (min-width: 992px) {
    .offer-choose .unavailable {
        justify-content: end;
    }
}

.offer-choose .unavailable span {
    display: inline-block;
    margin: auto 0;
}

.offer-choose .unavailable span.icon {
    width: 18px;
    margin-right: 5px;
}

.offer-choose.has-errors {
    background: #f0f0f0;
}

.offer-choose-error {
    padding: 5px;
    background: #9f9f9f;
    border-radius: 10px;
    margin-bottom: 10px;
    filter: grayscale(100%);
}

.offer-choose-error .error-block {
    padding: 10px 15px;
}

.offer-choose-error .offer-choose {
    margin: 0;
}

.offer-choose-error .offer-error {
    color: #fff;
    font-size: 12px;
    margin: auto 0;
    padding: 3px 0;
}

.offer-choose-error .error-block .icon {
    width: 100%;
    max-width: 60px;
    display: block;
    margin: auto;
}

.offer-choose-error .error-block .col-icon {
    width: 60px !important;
    max-width: 60px !important;
    padding-right: 0;
}

.offer-choose-error .error-block .col-text {
    width: calc(100% - 80px) !important;
    max-width: calc(100% - 80px) !important;
    display: flex;
}

.offer-errors {
    margin: auto 0;
    min-height: 40px;
    border-left: 1px solid #fff;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
}

.offer-choose-error .error-block .icon img {
    display: block;
}

.page-order .submit {
    text-align: right;
}

.page-order .card {
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

.page-order .card-header {
    background: none;
    border: none;
}

.page-order .card a:not(.btn) {
    color: #514bf7;
    text-decoration: none;
}

.page-order .card input,
.page-order .card select {
    width: 100%;
    border: 1px solid #000;
    border-radius: 5px;
    height: 50px;
    padding: 5px 10px;
    font-size: 14px;
}

.page-order .card input:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.page-order .card .form-group {
    position: relative;
    margin: 10px 0;
}

.page-order .card input + label {
    position: absolute;
    top: 16px;
    left: 10px;
    transition: all 300ms ease;
    color: #777;
    font-size: 14px;
    pointer-events: none;
}

.page-order .smart-group input:focus ~ label:not([class^="error"]),
.page-order .smart-group input.has-value ~ label:not([class^="error"]) {
    background: #fff;
    color: #000;
}

.page-order .card h4,
.page-order .card h5,
.page-order .card h6 {
    color: #081057;
}

.page-order .card h4,
.page-order .card h5 {
    font-weight: bold;
    margin-bottom: 10px;
}

.page-order .card h4 {
    font-size: 20px;
}

.page-order .card h5 {
    font-size: 14px;
}

.page-order .card h6 {
    font-weight: bold;
    font-size: 16px;
}

.ui-menu-item-wrapper.ui-state-active {
    background: #dcdcdc !important;
    color: #444 !important;
}

.select-curier .logo {
    background: #eee;
}

/* Wappy custom START */
/* Autocomplete */
body .ui-autocomplete-loading {
    background: white url("/img/ui-anim_basic_16x16.gif") right center no-repeat;
}

body .ui-autocomplete {
    z-index: 10000;
    background: #fff;
    border: 1px solid #fff !important;
    border: none !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); */
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.25));
    /* display: block !important; */
}

body .ui-widget {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}

body .ui-widget.ui-widget-content {
    z-index: 10000;
}

body .ui-menu .ui-state-focus,
body .ui-menu .ui-state-active {
    margin: 0;
}

body .ui-autocomplete .ui-menu-item {
    background: #fff;
    border-bottom: none;
    line-height: 1.3;
    padding: 0;
    font-size: 0.825rem;
    overflow: hidden;
}

body .ui-widget-content .ui-menu-item-wrapper,
body .ui-widget-content .ui-menu-item-wrapper.ui-state-active {
    border: none;
    background: none !important;
    padding: 10px 15px;
}

body .ui-widget-content .ui-menu-item-wrapper.ui-state-active {
    background: #dcdcdc !important;
}

.ui-autocomplete .ui-menu-item:first-child {
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.ui-autocomplete .ui-menu-item:last-child {
    border-bottom: 0px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.ui-autocomplete .ui-menu-item:hover {
    background: #dcdcdc;
}

.ui-autocomplete .ui-menu-item.ui-state-focus,
.ui-autocomplete .ui-menu-item.ui-state-active {
    margin: 0px;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    color: #000 !important;
}

/* .ui-autocomplete:after,
.ui-autocomplete:before {
    bottom: 100%;
    left: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ui-autocomplete:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}

.ui-autocomplete:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -6px;
} */

/* End Autocomplete */

/* Loader */
.loader-container {
    position: fixed;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1000;
    opacity: 0;
    /*transition: all 300ms ease;*/
    overflow: hidden;
    pointer-events: none;
}

.loader-container.active {
    top: 0;
    opacity: 1;
    pointer-events: all;
}

.loader-wrapper {
    width: 50px;
    height: 50px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #df0d8f;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #df0d8f transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Loader */

body .address-details-zone {
    display: none;
}

.page-order .card.provider-card {
    display: flex;
    flex-direction: row;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: none;
    min-width: 100%;
    border: 1px solid rgb(219, 223, 228);
}

.page-order .summary .card-wrapper {
    width: 300px;
    max-width: 100%;
}

.page-order .summary .card.provider-card.selected {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
    cursor: default;
}

.page-order .card.provider-card.disabled {
    pointer-events: none;
    opacity: 0.5;
    filter: grayscale(100%);
    border: 1px solid #ff0000;
}

.provider-card:after {
    display: block;
    content: "";
    position: absolute;
    top: -80%;
    right: -10%;
    left: 110%;
    bottom: -80%;
    transform: rotate(20deg);
    background: #fff;
    transition: all 300ms ease;
    z-index: 1;
}

.provider-card:hover:after,
.provider-card.selected:after {
    left: 45%;
    background: #df0d8f;
}

.provider-card .img,
.provider-card .card-body {
    display: flex;
    flex-direction: column;
    margin: auto 0;
    padding: 5px;
    position: relative;
    z-index: 2;
}

.provider-card .img {
    min-width: 40%;
    display: flex;
    flex-direction: column;
}

.provider-card .img span {
    display: block;
    width: 100%;
    padding-top: 46%;
    position: relative;
    background: #fff;
    border-radius: 10px;
}

.provider-card .img span img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    object-fit: contain;
}

.provider-card .card-body {
    min-width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 20px;
}

.provider-card .card-body .card-title {
    display: none;
}

.provider-card .card-body .card-text {
    margin: 5px 0;
    text-align: right;
    transition: all 300ms ease;
    font-size: 12px;
    color: #666666;
}

.provider-card .card-body .card-text .service-price {
    font-size: 20px;
    line-height: 22px;
    font-weight: bold;
    color: #260f69;
}

.provider-card .card-body .card-text .service-price small {
    font-size: 12px;
}

.provider-card .card-body .card-text .service-price > * {
    display: block;
}

.provider-card:hover .card-body .card-text .service-price > *,
.provider-card.selected .card-body .card-text .service-price > * {
    color: #fff;
}

.provider-smaller .img span img {
    width: 130px;
    height: auto;
}

.provider-smaller::after {
    bottom: -120%;
}

.provider-smaller .img span {
    padding-top: 25%;
}

/* Wappy custom END */

@media (max-width: 992px) {
    .headline h1 {
        font-size: 24px;
    }
}

.text-content {
    margin: 30px auto;
    text-align: justify;
}

.cta-account-wrapper {
    background: #230e61 url(/img/home/bgHeader.png) no-repeat center center;
    background-size: cover;
    color: #fff;
    font-family: "Poppins", sans-serif;
    padding: 20px 0;
    position: relative;
}

.cta-account-wrapper h2 {
    font-size: 16px;
}

.cta-account-wrapper p {
    font-size: 14px;
    margin: 0;
}

.cta-account-wrapper .btn {
    font-size: 18px;
    font-weight: bold;
}

@media (min-width: 1140px) {
    .cta-account-wrapper {
        padding: 20px 0;
    }

    .cta-account-wrapper h2 {
        font-size: 24px;
    }

    .cta-account-wrapper p {
        font-size: 20px;
    }

    .cta-account-wrapper .btn {
        font-size: 24px;
    }
}

.table-wrapper {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    font-size: 12px;
}

@media (min-width: 768px) {
    .table-wrapper {
        font-size: 14px;
    }
}

.details-wrapper {
    display: flex;
    flex-direction: row;
    position: relative;
}

.details-wrapper .step {
    padding: 0 2px;
    display: flex;
    flex-direction: column;
    min-width: 25%;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 10px;
    position: relative;
    z-index: 2;
}

.details-wrapper .step .image {
    width: 85px;
    max-width: 70%;
    margin: 0 auto 10px;
    padding: 3px;
    background: #dde0e1;
    border-radius: 10px;
    transition: all 300ms ease;
}

.details-wrapper .step .image .svg svg,
.details-wrapper .step .image .svg path {
    fill: #b6b7b8 !important;
    transition: all 300ms ease;
}

.details-wrapper .step.active .image {
    background: #e8505b;
}

.details-wrapper .step.active.current .image {
    background-image: -moz-linear-gradient(90deg, #ff0a8e 0%, #e8505b 100%);
    background-image: -webkit-linear-gradient(90deg, #ff0a8e 0%, #e8505b 100%);
    background-image: -ms-linear-gradient(90deg, #ff0a8e 0%, #e8505b 100%);
}

.details-wrapper .step.active .image .svg svg,
.details-wrapper .step.active .image .svg path {
    fill: #fff !important;
}

@media (min-width: 400px) {
    .details-wrapper .step {
        font-size: 12px;
    }

    .details-wrapper .step .image {
        padding: 5px;
    }
}

@media (min-width: 992px) {
    .details-wrapper .step {
        font-size: 14px;
    }

    .details-wrapper .step .image {
        padding: 10px;
    }
}

.details-wrapper .step .image .svg {
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.details-wrapper .step .image .svg svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
    object-fit: contain;
}

.details-wrapper .step .text {
    color: #b4b5b5;
}

.details-wrapper .step.active .text {
    color: #260f69;
}

.details-wrapper .step.active.current .text {
    color: #ff2533;
}

.details-wrapper .step .text p {
    margin: 5px 0;
}

.details-wrapper .rail {
    position: absolute;
    top: 30%;
    left: 10%;
    right: 10%;
    background: #dde0e1;
    height: 2px;
    z-index: 1;
    opacity: 0;
}

.details-wrapper .rail span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #e8505b;
    transition: all 300ms ease;
    width: 0;
}

.details-container {
    background: url("/img/status/bg-details-wrapper.png") no-repeat center top;
    background-size: contain;
    padding-top: 40px;
    padding-bottom: 10vh;
}

.hasInvoice {
    padding: 0;
    height: 0;
    opacity: 0;
    transition: all 300ms ease;
    overflow: hidden;
}

.hasDiscount.active {
    padding: 10px 0 0 0;
    height: auto;
    opacity: 1;
}

.hasDiscount {
    padding: 0;
    height: 0;
    opacity: 0;
    transition: all 300ms ease;
    overflow: hidden;
}

.hasInvoice.active {
    padding: 10px 0 0 0;
    height: auto;
    opacity: 1;
}

#providerList {
    padding: 0px;
}

#providerList a {
    display: inline-block;
    max-width: 13%;
    padding: 0px 20px;
}

#providerList a img.image-thumb {
    width: 100%;
    filter: grayscale(100%);
}

#providerList a:hover img.image-thumb {
    filter: grayscale(0%);
}

@media (max-width: 828px) {
    #providerList a {
        max-width: 30%;
        padding: 10px;
    }
}

@media (max-width: 428px) {
    #providerList a {
        padding: 10px;
    }

    #providerList a img {
        max-width: 140px;
    }
}

#providersCycle span,
#providersCycle div {
    display: none;
}

#providerCycleStatic sup {
    top: -0.2em !important;
}

#providersCycle sup {
    top: 0.3em !important;
}

#providersCycle span.active p {
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-bottom: 4px;
    display: flex;
}

#providersCycle span.active p::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background: #fff;
    height: 2px;
}

@keyframes borderAnimation {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.header-displacer {
    height: 80px;
}

.header,
.header.collapsing {
    transition: all 400ms ease !important;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: 100vh;
    overflow: hidden;
    z-index: 10;
}

.header .navbar-collapse.collapsing {
    transition: none !important;
}

.header .navbar-collapse li {
    transition: all 200ms ease;
    margin: 0 auto;
}

.openMenu .header {
    overflow: auto;
    transition: none !important;
    position: fixed;
    z-index: 10;
    bottom: 0;
    background-image: -moz-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
    background-image: -webkit-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
    background-image: -ms-linear-gradient(63deg, #f37907 0%, #f61c51 100%);
}

.openMenu .header .navbar-collapse li {
    margin: 5px auto;
}

.no-cursor {
    cursor: default !important;
}

.btn-primary.btn-call {
    border: 1px solid #081057;
    background-color: #081057;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border-radius: 10px;
    padding: 7px 14px;
}

.btn-primary.btn-call:hover {
    background-color: #fff;
    color: #081057;
}

.btn-secondary.btn-call {
    border: 1px solid #df0d8f;
    background-color: #df0d8f;
    color: #fff;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border-radius: 10px;
    padding: 7px 14px;
}

.btn-secondary.btn-call:hover {
    background-color: #fff;
    color: #081057;
}

.provider-logo {
    background-color: #ffffff;
    border-radius: 15px;
    margin-left: 15px;
    padding: 0px 10px;
}

.provider-logo img {
    max-height: 50px;
}

.mailto {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.mailto a {
    display: flex;
    color: #081057;
    font-weight: bold;
    text-decoration: none;
    transition: all 300ms ease;
}

.mailto a span {
    margin: auto 5px;
}

.mailto a:hover {
    color: #df0d8f;
}

.summary.ramburs {
    margin-bottom: 50px;
    padding-top: 20px;
}

.summary.ramburs .actions {
    display: flex;
    justify-content: center;
    transform: translateY(50%);
    margin-top: -10px;
    margin-bottom: -10px;
}

.summary.ramburs .actions .btn-a {
    background: #f9f8ff;
    border: 1px solid rgb(219, 223, 228);
    color: #260f69;
    border-radius: 10px;
    font-size: 16px;
    padding: 10px 10px;
    font-weight: bold;
    transition: all 300ms ease;
}

.summary.ramburs .actions a:hover {
    background: #081057;
}

.summary.ramburs .actions .btn-a img {
    margin-right: 10px;
}

.summary.ramburs .amount {
    font-size: 30px;
    line-height: 30px;
    margin-top: 0px;
}

.summary.ramburs .amount img {
    max-height: 30px;
    vertical-align: bottom;
}

.summary.ramburs .col-ramburs.hasBorder {
    border-top: 1px solid #dbdfe4;
    margin-top: 10px;
    padding-top: 10px;
}

@media (min-width: 1200px) {
    .summary.ramburs .amount {
        font-size: 35px;
        line-height: 35px;
        margin-top: 20px;
    }

    .summary.ramburs .col-ramburs {
        display: flex;
        flex-direction: column;
        justify-items: center;
    }

    .summary.ramburs .col-ramburs.hasBorder {
        border-left: 1px solid #dbdfe4;
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
}

.sal-sol img {
    display: block;
    width: 100%;
}

@media (max-width: 578px) {
    .estimate .title-main {
        font-size: 20px;
    }

    .estimate .title-secondary {
        font-size: 16px;
    }

    .footer .border-bottom {
        display: none;
    }

    .sal-sol {
        text-align: center;
    }

    .sal-sol .pr-2 {
        padding-right: 5px;
    }

    .sal-sol .pl-2 {
        padding-left: 5px;
    }
}

@media (max-width: 768px) {
    .hideThisOnMobile {
        display: none !important;
    }

    .hrM + .mt-4 {
        margin-top: 10px !important;
    }

    .tab-pane + .mt-4 {
        margin-top: 10px !important;
    }

    .tab-pane .swap {
        display: none;
    }

    .tab-pane .col {
        margin: 10px 0;
    }

    .account .mt-5 {
        margin-top: 20px !important;
    }

    .ulaccount li {
        padding-left: 30px;
        font-size: 14px;
    }

    .ulaccount li::before {
        background-size: 14px;
    }

    .footer .contact-wrapper {
        max-width: 260px;
        margin: 0 auto;
    }
}

@media (max-width: 1140px) {
    .sendParcel .tab-content.p-5 {
        padding: 15px 15px 15px !important;
    }
}

@media (max-width: 1200px) {
    .sal-sol img {
        max-width: 230px;
    }
}

@media (max-width: 578px) {
    .collapse-head {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 2px solid #fff;
        display: flex;
        cursor: pointer;
    }

    .collapse-head .icon {
        margin: auto 0 auto auto;
        width: 16px;
        height: 16px;
        position: relative;
    }

    .collapse-head .icon:before,
    .collapse-head .icon:after {
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        content: "";
        transition: all 300ms ease;
        transform: translate(-50%, -50%);
    }

    .collapse-head .icon:before {
        width: 100%;
        height: 2px;
    }

    .collapse-head .icon:after {
        width: 2px;
        height: 100%;
    }

    .collapse-head.active .icon:after {
        width: 0;
        height: 0;
    }

    .collapse-head p {
        margin: auto auto auto 0;
    }

    .collapse-content {
        opacity: 0;
        height: 0;
        padding: 0;
        margin: 0;
        transition: all 300ms ease;
        overflow: hidden;
        border-bottom: 2px solid transparent;
    }

    .collapse-head.active + .collapse-content {
        height: auto;
        opacity: 1;
        padding: 5px 0;
        border-color: #fff;
        margin: -5px 0 20px;
    }

    .order .form-control,
    .estimate .form-control {
        height: 40px !important;
        min-height: 40px !important;
        line-height: 26px !important;
    }

    .estimate .tab-pane p {
        font-size: 12px !important;
        margin-bottom: 5px !important;
    }

    .sendParcel .tab-content.p-5 {
        padding: 5px 15px !important;
    }

    .sendParcel .parcelSize {
        margin-top: 10px;
    }

    .panel .laptop img {
        display: none;
    }

    .footer .logo a {
        display: block;
        max-width: 140px;
        margin: auto;
    }

    .footer .contLogo a {
        margin-left: 10px;
    }

    .offer-choose {
        padding: 5px;
        margin: 5px 0;
        position: relative;
    }

    .offer-choose .row {
        margin: 0 -5px;
    }

    .offer-choose .row > div {
        padding: 0 5px;
        margin-top: auto;
        margin-bottom: auto;
    }

    .offer-choose .fs28 {
        font-size: 18px;
    }

    .offer-choose .fs12 {
        font-size: 10px;
        line-height: 1;
    }

    .offer-choose .btn {
        font-size: 16px;
        padding: 5px;
    }

    .offer-choose .btn::after {
        /* display: none; */
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        /* background: rgba(0, 0, 0, 0.07); */
    }

    .offer-choose .provider-logo {
        padding: 0;
    }

    .offer-choose .disclaimer {
        font-size: 12px;
        line-height: 1.2;
        margin: 5px 0 0 0 !important;
        opacity: 0.7;
        color: slategrey;
    }

    .offer-choose .col-txt-with-icon {
        padding: 0 !important;
    }

    .offer-choose .txt-with-icon {
        display: flex;
        flex-direction: row;
        cursor: pointer;
        border-left: 1px solid #081057;
    }

    .offer-choose .col-txt-with-icon:first-of-type .txt-with-icon {
        border-left: transparent;
    }

    .offer-choose .txt-with-icon .img {
        width: 24px;
        height: 24px;
        margin: 5px 5px 5px 0;
    }

    .offer-choose .txt-with-icon .img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .offer-choose .txt-with-icon > * {
        margin: auto 0;
    }

    .offer-choose .txt-with-icon .txt p {
        font-size: 10px;
    }

    .offer-choose .txt-with-icon .txt .infoBlock {
        display: none;
    }

    .order .fs26,
    .fs28.ffpsb.fcblue {
        font-size: 20px;
    }

    .page-order .row.mt-4 {
        margin-top: 10px !important;
    }

    .page-order .card input,
    .page-order .card select {
        height: 40px;
    }

    .page-order .card input + label {
        top: 10px;
    }

    .page-order .card-body.smart-group {
        padding: 10px;
    }

    .page-order .card-body.smart-group .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .page-order .card-body.smart-group .row > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .page-order .card-body.smart-group .row > div.mb-3 {
        margin-bottom: 10px !important;
    }

    .page-order .card-body.smart-group .row > div.mt-3 {
        margin-top: 10px !important;
    }

    .page-order .card .card-body.smart-group .form-group {
        margin: 0 !important;
    }

    .btn-primary.trimite-curier {
        font-size: 18px;
    }

    .order .dateExpeditie .col .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .order .dateExpeditie .col .row > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .order .dateExpeditie .mt-4 {
        margin-top: 10px !important;
    }

    .order .box-blue {
        min-width: 100% !important;
    }

    .order small.form-text {
        line-height: 1.2;
        display: inline-block;
    }

    .order .box-blue .col.ps-2 {
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .quoteInfoModal .modalborder {
        border: none;
        border-bottom: 1px solid rgba(0, 63, 223, 0.051);
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .quoteInfoModal .fs18.ffpsb.fcb {
        margin-bottom: 10px !important;
    }

    .quoteInfoModal #quoteInfo8Label {
        font-size: 14px !important;
    }

    .quoteInfoModal .fs19 {
        font-size: 14px !important;
    }

    .quoteInfoModal .modal-body {
        padding-top: 0;
    }

    .modal-content .modal-header .provider-logo {
        margin: 0 !important;
        padding: 0 !important;
    }

    .alert .alert-message {
        font-size: 12px;
        line-height: 1.4;
    }

    .hpBkg {
        min-height: 420px;
        transition: all 300ms ease;
    }

    .summary-wrapper-mobile .summary {
        padding: 7px;
    }

    .summary-wrapper-mobile .summary p {
        line-height: 1.2;
        font-size: 12px;
    }

    .summary-wrapper-mobile .summary p strong {
        display: block;
        margin-bottom: 7px;
    }

    .summary-wrapper-mobile .col-summary {
        width: 45%;
    }

    .summary-wrapper-mobile .col-icon {
        width: 10%;
    }

    .soon {
        width: auto;
        height: inherit;
        padding: 5px 7px;
        bottom: 28px;
    }

    .soon p {
        font-size: 10px;
        line-height: 1;
        position: static;
    }

    .modal-dialog .modal-content {
        padding: 0;
    }
}

.order .dateExpeditie {
    padding: calc(var(--bs-gutter-x) * 0.5);
}

.offer-choose .btn {
    padding: 10px 5px;
}

.faq .tab-content {
    padding-bottom: 0 !important;
}

.faq .side {
    position: sticky;
    top: 15px;
    margin-bottom: 20px;
}

.faq .card {
    border: 2px solid #230e61;
}

.faq .card-header,
.faq .accordion-item {
    border-color: #230e61;
}

.faq .list-group-item.active {
    background: #230e61;
    border-color: #230e61;
}

html body .faq .accordion-body {
    margin-top: 0;
}

.faq .accordion-body,
.faq .accordion-body p {
    font-size: 16px;
    margin: 10px 0;
}

.faq .accordion-body a:not(.btn) {
    color: rgb(245, 44, 52);
}

html body .faq .accordion-header {
    margin-bottom: 0 !important;
    transition: all 300ms ease;
}

.faq .accordion-header .accordion-button {
    box-shadow: none;
    font-size: 16px !important;
}

.faq .accordion-button:not(.collapsed) {
    color: #230e61;
    background: none;
}

.faq .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

html body .faq .accordion-body .modal-body {
    padding: 0;
}

@media (max-width: 578px) {
    html body .faq .accordion-button,
    html body .faq .accordion-body {
        padding: 7px;
    }
}

/* retur begin */
.dataTables_length,
.dataTables_filter {
    display: none;
}

.dataTable-wrapper table.dataTable img {
    max-width: 100%;
}

.dataTable-wrapper .table-container {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.dataTable-wrapper thead {
    display: none;
}

.dataTable-wrapper input {
    background: #fff url("/img/icons/icon-search.png") no-repeat right 10px
        center;
    background-size: 18px;
    box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.07);
}

.dataTable-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTable-wrapper
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button:focus,
.dataTable-wrapper
    .dataTables_wrapper
    .dataTables_paginate
    .paginate_button:hover {
    padding: 0;
    background: none;
    border: none !important;
    box-shadow: none !important;
    margin: 2px;
}

.dataTable-wrapper .page-item {
    transition: all 300ms ease;
    box-shadow: none !important;
}

.dataTable-wrapper .page-link {
    color: #df0d8f;
    transition: all 300ms ease;
    border: none;
    box-shadow: none !important;
}

.dataTable-wrapper .page-item.active .page-link {
    background: #df0d8f;
}

.dataTable-wrapper .dt-row {
    margin-bottom: 30px;
}

.dataTable-wrapper .thumb {
    display: block;
    border-radius: 10px;
    background-color: #eee;
    box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.07);
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
    overflow: hidden;
    transition: all 300ms ease;
}

.dataTable-wrapper .thumb:hover {
    box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.35);
}

.dataTable-wrapper .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.dataTable-wrapper .thumb .title {
    display: none;
}

.dataTable-wrapper tbody {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.dataTable-wrapper tbody tr {
    width: 50%;
}

@media (min-width: 578px) {
    .dataTable-wrapper tbody tr {
        width: 33%;
    }
}

@media (min-width: 769px) {
    .dataTable-wrapper tbody tr {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .dataTable-wrapper tbody tr {
        width: 20%;
    }
}

.dataTables_wrapper tbody tr td {
    display: block;
}

.dataTables_wrapper table.dataTable.no-footer {
    border: none;
}

@media (max-width: 768px) {
    .dataTables_paginate {
        display: flex;
        justify-content: center;
    }
}

.shadow-wrapper {
    padding: 15px;
    box-shadow: 0px 6px 29px 0px rgba(0, 0, 0, 0.07);
    background: #fff;
    border-radius: 10px;
}

.shadow-wrapper.how-it-works img {
    width: 100%;
    max-width: 400px;
    margin: auto;
    display: block;
}

@media (min-width: 578px) {
    .shadow-wrapper {
        padding: 20px;
    }
}

@media (min-width: 7689px) {
    .shadow-wrapper {
        padding: 30px;
    }
}

@media (min-width: 992px) {
    .shadow-wrapper {
        padding: 40px 60px;
    }
}

.shadow-wrapper ul {
    padding-left: 0;
}

.shadow-wrapper ul li {
    position: relative;
    list-style: none;
    padding-left: 20px;
}

.shadow-wrapper ul li::before {
    content: "";
    position: absolute;
    border-color: #df0d8f;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 14px;
    top: 5px;
    left: 0;
    transform: rotate(45deg);
    width: 6px;
}

.return-steps .shadow-wrapper {
    padding: 15px;
    height: 100%;
    position: relative;
}

.return-steps .shadow-wrapper .nr {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-25%, -25%);
    display: flex;
    text-align: center;
    align-content: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background: #e8695b;
    color: #fff;
    font-weight: bold;
    font-size: 24px;
    line-break: 40px;
}

.return-steps .shadow-wrapper .img {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 20px;
}

.container-return em {
    font-weight: bold;
    font-style: italic;
    color: #f25423;
}

.returns-index,
.returns-order {
    background: #fff9f9;
}

.returns-index .page-wrapper,
.returns-order .page-wrapper {
    background: #fff9f9 url("/img/retur/bg.png") no-repeat center bottom;
    padding-bottom: 100px;
}

/* retur end */

.page-return .col-side {
    font-size: 14px;
    line-height: 1.3;
}

.page-return .col-side strong {
    font-weight: bold;
}

.page-return.page-order .nr {
    display: inline-flex;
    background: #081057;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    text-align: center;
    font-size: 75%;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.page-return.page-order .card .form-check {
    position: relative;
    padding-left: 30px;
}

.page-return.page-order .card input[type="checkbox"] {
    width: 20px;
    height: 20px;
    font-size: 12px;
    margin-right: 10px;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 0;
    margin: 0;
}

.page-return.page-order .card input[type="checkbox"] + label {
    position: static;
    pointer-events: all;
    cursor: pointer;
}

.page-return.page-order .card input[type="checkbox"] + label a {
    font-weight: bold;
    font-style: italic;
    color: #f25423;
}

.info-container {
    display: flex;
    flex-direction: row;
}

.has-small-header .header {
    background-image: linear-gradient(63deg, #f37907 0%, #f61c51 100%);
}

.alert.info-wrapper {
    background: #f9f8ff;
}

.width-100p {
    width: 100%;
}

/* intl-tel-input v25: `.iti__flag-container` si `.iti--separate-dial-code` nu mai exista,
   containerul steagului se numeste acum `.iti__country-container`.

   v25 decide partea steagului cu `showSelectedCountryOnLeft = allowDropdown || separateDialCode`.
   La noi ambele sunt false, deci libraria muta steagul in DREAPTA: scrie inline `right: 0` pe
   container si `padding-right: <latimea steagului>` pe input. Noi il vrem in stanga, ca in v18,
   asa ca anulam ambele. `!important` e obligatoriu, fiindca stilurile librariei sunt inline.

   ATENTIE la `right: auto !important`: fara el, `left: 0` de mai jos coexista cu `right: 0`-ul
   inline, containerul se intinde pe toata latimea campului (~257px), iar libraria calculeaza din
   latimea aia un `padding-right` de ~263px care face inputul imposibil de folosit. */
body .iti .iti__country-container {
    right: auto !important;
    left: 0;
}

body .iti input,
body .iti input[type="text"],
body .iti input[type="tel"] {
    padding-left: 39px !important;
    padding-right: 6px !important;
    margin-left: 0;
}

body sub,
body sup {
    font-size: 65%;
    line-height: 0;
    position: relative;
    margin-left: 0.1em;
    vertical-align: baseline;
    top: -0.4em;
}

/* body .mf-decimal {
    opacity: 0.05;
    font-size: 1px;
} */