body {
    font-family: Montserrat;
    font-size: 12px;
    background-color: #F6F8FA;
}

header {
    background-color: #fff;
}

main {
    background-color: #fff;
}


.navbar-brand img {
    position: relative;
    z-index: 3;
}

.navbar-brand .navbard-brand-bg {
    position: absolute;
    left: -1000px;
    top: -9px;
    height: 80px;
    width: calc(100% + 1020px);
    filter: drop-shadow(6px 6px 12px rgb(0, 0, 0, 0.08));
    background: #fff;
    border-bottom-right-radius: 25px;
    z-index: 2;
}


.navbar-nav .nav-item .nav-link,
.navbar-text {
    font-size: 14px;
    line-height: 18px;
    font-family: 'Montserrat';
    font-weight: 500;
    color: rgb(0, 0, 0);
    min-width: 80px;
}

    .navbar-nav .nav-item .nav-link.active {
        background-color: rgb(250, 221, 0);
        border-radius: 25px;
    }

.nav-item.dropdown {
    border: 2px solid #000000;
    border-radius: 25px;
}

.banner {
    background-color: rgb(246, 248, 250);
    position: relative;
    height: 100%;
    display: block;
    width: 100%;
}

    .banner .owl-carousel {
        padding-left: 0px;
        padding-right: 0px;
    }


    .banner .banner-title {
        font-size: 30px;
        font-weight: bolder;
        line-height: 35px;
        color: rgb(0, 0, 0);
    }

    .banner .banner-description {
        font-size: 15px;
        font-weight: 300;
        line-height: 20px;
        color: rgb(82, 82, 82);
    }

.banner-box-1 {
    border-radius: 15px;
    margin-right: 6px;
    filter: drop-shadow(7px 7px 15px rgb(0, 0, 0, 0.08));
}

    .banner-box-1 h5 {
        width: 140px;
        height: 45px;
        font-family: Poppins;
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
        color: rgb(255, 255, 255);
        position: absolute;
        left: 20px;
        top: 20px;
    }

    .banner-box-1 img {
        width: 100%;
    }

.banner-box-2 {
    border-radius: 15px;
    margin-left: 6px;
    filter: drop-shadow(7px 7px 15px rgb(0, 0, 0, 0.08));
}

    .banner-box-2 h5 {
        width: 61px;
        height: 45px;
        font-family: Poppins;
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
        color: rgb(11, 68, 97);
        position: absolute;
        left: 20px;
        top: 20px;
    }

    .banner-box-2 img {
        width: 100%;
    }

.banner-box-title {
    font-family: Poppins;
    font-size: 12px;
    font-weight: bold;
    line-height: 35px;
}

.banner-image {
    background-image: url("../images/bannerimg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -70px;
    background-position-x: -70px;
}

.calculate, .calculate-phone {
    background-color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    filter: drop-shadow(0px 0px 80px rgb(0, 0, 0, 0.16));
}

.calculate, .calculate-confirm {
    background-color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    filter: drop-shadow(0px 0px 80px rgb(0, 0, 0, 0.16));
}

.calculate, .calculate-sender-info {
    background-color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    filter: drop-shadow(0px 0px 80px rgb(0, 0, 0, 0.16));
}

.calculate, .calculate-payment {
    background-color: #fff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    filter: drop-shadow(0px 0px 80px rgb(0, 0, 0, 0.16));
}

.calculate-item {
    cursor: pointer;
}

    .calculate-item.selected {
        background-color: rgb(250, 221, 0);
        height: 110%;
        position: relative;
    }


        .calculate-item.selected .calculate-item-selection-top {
            background-color: rgb(250, 221, 0);
            height: 18px;
            width: 100%;
            position: absolute;
            top: -18px;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        .calculate-item.selected .calculate-item-selection {
            background-color: rgb(250, 221, 0);
        }

    .calculate-item h2 {
        font-family: Poppins;
        font-size: 13px;
        font-weight: bold;
        line-height: 20px;
        min-height: 40px;
        width: 60%;
    }

    .calculate-item .calculate-item-selection {
        height: 5px;
        width: 100%;
        background-color: rgb(0, 0, 0);
    }

    .calculate-item:hover .calculate-item-selection {
        background-color: rgb(250, 221, 0);
    }

.calculate-phone {
    padding: 20px;
    border-bottom: 5px solid #000;
}

    .calculate-phone .title {
        font-family: 'Poppins';
        font-size: 30px;
        font-weight: bold;
    }

    .calculate-phone .description {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px !important;
    }

.calculate-confirm {
    padding: 20px;
    border-bottom: 5px solid #000;
}

    .calculate-confirm .title {
        font-family: 'Poppins';
        font-size: 30px;
        font-weight: bold;
    }

    .calculate-confirm .description {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px !important;
    }

.calculate-sender-info {
    padding: 20px;
    border-bottom: 5px solid #000;
}

    .calculate-sender-info .title {
        font-family: 'Poppins';
        font-size: 30px;
        font-weight: bold;
    }

    .calculate-sender-info .description {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px !important;
    }

.calculate-payment {
    padding: 20px;
    border-bottom: 5px solid #000;
}

    .calculate-payment .title {
        font-family: 'Poppins';
        font-size: 30px;
        font-weight: bold;
    }

    .calculate-payment .description {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0px !important;
    }

.calculate-item-arrow {
    position: absolute;
    right: 15px;
    top: 25px;
    height: 9.4px;
    width: 11.3px;
}

.calculate-section-content {
    background-color: rgb(246, 248, 250, 1);
    padding: 20px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    filter: drop-shadow(0px 0px 10px rgb(0, 0, 0, 0.5));
}

    .calculate-section-content h1 {
        font-size: 13px;
        font-family: 'Montserrat';
        font-weight: 500;
        line-height: 19px;
        color: black;
    }

    .calculate-section-content input, .calculate-section-content textarea {
        height: 46px;
        background-color: #fff;
        font-family: Montserrat;
        font-weight: 400;
        font-size: 13px;
        color: #000;
        width: 100%;
        border-radius: 14px;
        border-color: transparent;
        padding: 10px 60px;
        position: relative;
    }

        .calculate-section-content input.icon-none, .calculate-section-content textarea.con-none {
            padding: 10px 20px;
        }

        .calculate-section-content input.large, .calculate-section-content textarea.large {
            height: 66px;
        }

        .calculate-section-content input:focus-visible {
            outline: 2px solid #ddd;
        }

    .calculate-section-content select {
        height: 46px;
        border-radius: 14px;
        color: #000;
    }

    .calculate-section-content .icon {
        position: absolute;
        left: 29px;
        top: 13px;
    }

        .calculate-section-content .icon.large {
            position: absolute;
            left: 29px;
            top: 22px;
        }

    .calculate-section-content .arrow {
        position: absolute;
        right: 22px;
        top: 13px;
    }

        .calculate-section-content .arrow.large {
            position: absolute;
            right: 22px;
            top: 10px;
        }

    .calculate-section-content input.date {
        background-color: #000;
        color: #fff;
        padding: 10px;
        height: calc(100% - 27px);
    }

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('../images/notebooks.png') no-repeat;
    background-size: cover;
    width: 10px;
    height: 10px;
    border-width: thin;
    position: absolute;
    left: 22px;
    top: calc(50% - 6px);
}

input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    position: relative;
    left: 22px;
}

input[type="date"]::-webkit-datetime-edit {
    position: relative;
    left: 22px;
}

.calculate-section-content .calculate-item {
    position: relative;
}

.calculate-section-content .ractangle {
    position: absolute;
    bottom: 0;
    left: 37px;
    width: 70%;
    height: 3px;
    background-color: rgb(211, 211, 211);
    z-index: 1;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

    .calculate-section-content .ractangle.large {
        height: 8px;
    }

.calculate-section-content .boxs {
    display: flex;
}

    .calculate-section-content .boxs .box {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #fff;
        border-radius: 15px;
        padding: 20px 10px;
        width: 190px;
        margin-right: 10px;
        text-align: center;
        cursor: pointer;
    }

        .calculate-section-content .boxs .box:hover {
            background-color: rgb(250, 221, 0);
        }

            .calculate-section-content .boxs .box:hover .box-selected {
                display: block !important;
            }

        .calculate-section-content .boxs .box.selected {
            background-color: rgb(250, 221, 0);
        }

        .calculate-section-content .boxs .box .box-icon {
            display: block;
            margin: 0px auto;
            height: 35px;
            margin-bottom: 10px;
        }

        .calculate-section-content .boxs .box .box-title {
            display: block;
            margin: 10px auto;
        }

        .calculate-section-content .boxs .box .box-selected {
            display: block;
            margin: 0px auto;
            height: 10px;
        }

.calculate-section-content input.form-control, .calculate-section-content textarea.form-control {
    padding: 10px 20px;
    height: 50px;
    border-radius: 7px;
}

    .calculate-section-content input.form-control:focus, .calculate-section-content textarea.form-control:focus {
        border: none;
        box-shadow: none;
    }



.calculate-section-content button.btn-add {
    height: 50px;
    width: 30px;
    background-color: #fff;
    border: 0px;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}

.calculate-section-content button.btn-calculate {
    height: 50px;
    width: 30px;
    background-color: #fff;
    border: 0px;
    background-color: rgb(250, 221, 0);
    color: rgb(0, 0, 0);
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}

    .calculate-section-content button.btn-calculate:hover {
        background-color: #198754 !important;
        border: none !important;
        color: #fff !important;
    }

#button-minus, #button-plus {
    height: 50px;
    width: 30px;
    background-color: #fff;
    border: 0px;
}

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

.calculate-section-content .col-form-label {
    line-height: 50px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-family: 'Poppins';
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

.border-left {
    width: 1px;
    height: 22px;
    background-color: rgb(206, 212, 218);
    position: absolute;
    left: 29px;
    top: 14px;
    z-index: 999;
    margin-left: 0px !important;
}

.border-right {
    width: 1px;
    height: 22px;
    background-color: rgb(206, 212, 218);
    position: absolute;
    right: 29px;
    top: 14px;
    z-index: 999;
    margin-left: 0px !important;
}

.service-owl {
    padding-left: 40px;
    padding-right: 40px;
}

    .service-owl::before {
        content: '';
        background-image: url(../images/owlgolgeleft.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        width: 30%;
        position: absolute;
        z-index: 100;
        left: 40px;
        top: 0px;
        pointer-events: none;
    }

    .service-owl::after {
        content: '';
        background-image: url(../images/owlgolgeright.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 100%;
        width: 30%;
        position: absolute;
        z-index: 100;
        right: 40px;
        top: 0px;
        pointer-events: none;
    }

    .service-owl .owl-item a {
        text-decoration: none !important;
        color: rgb(0, 0, 0);
    }

.owl-prev {
    position: absolute;
    left: 10px;
    top: calc(30%);
}

.owl-next {
    position: absolute;
    right: 10px;
    top: calc(30%);
}

.owl-prev span {
    font-size: 0px;
    display: block;
    background-image: url(../images/owl-left-arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 16.29px;
    width: 9.85px;
}

.owl-next span {
    font-size: 0px;
    display: block;
    background-image: url(../images/owl-right-arrow.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 16.29px;
    width: 9.85px;
}



.owl-title {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.owl-description {
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    height: 50px;
}

.owl-calculate {
    font-family: 'Poppins';
    font-size: 10px;
    font-weight: 400;
    line-height: 22px;
}

.owl-rigth-image {
    width: 12px !important;
    line-height: 22px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent;
    color: #000000;
}

.service a {
    text-decoration: none !important;
}

.service .img-fluid {
    margin-bottom: 20px;
}

.service .title {
    font-family: 'Poppins';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    color: rgb(33, 37, 41);
}

.service .description {
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
    color: rgb(33, 37, 41);
    margin-top: 10px;
    height: 70px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.service .calculate {
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    color: rgb(33, 37, 41);
}

.service .rigth-image {
    width: 12px !important;
    line-height: 22px;
}

.about {
    background-color: #fff;
}

    .about .background {
        background-image: url('../images/about-backgorund.png');
        background-repeat: no-repeat;
        background-size: contain;
        padding: 20px;
        font-family: 'Montserrat';
        font-size: 12px;
        line-height: 19px;
        font-weight: 400;
    }

.about-title {
    font-family: 'Montserrat';
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
}

.about-description {
    font-family: 'Montserrat';
    font-size: 12px;
    line-height: 19px;
    font-weight: 400;
    width: 60%;
}

.about-main {
    position: absolute;
    top: 20px;
    right: 30px;
    font-family: 'Montserrat';
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
}

.video {
    background-color: #fff;
}

    .video .img {
        width: 100%;
    }

    .video a{position:relative;display:block;}
    .video a::before{content:"\f167";position:absolute;left:110px;top: calc(50% - 55px);background:#fff;width:75px;height:75px;border-radius:50%;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: var(--fa-display, inline-block);font-style: normal;font-variant: normal;line-height: 1;text-rendering: auto;font-family: "Font Awesome 6 Brands";font-weight: 400;    text-align: center;line-height: 75px;font-size: 30px;color: #000;}
    .video a h2{position:absolute;top:calc(50% - 19px);left:200px;color:#fff;text-decoration:none;font-weight:bold;}
footer {
    background-color: #fff;
    display: inline-block;
    width: 100%;
}

    footer .background-xl {
        background-color: rgb(246, 248, 250);
        border-radius: 55px;
        margin-left: 56px;
        margin-right: 56px;
        margin-bottom: 56px;
        margin-top: 100px;
    }

    footer .phone {
        position: absolute;
        top: -63.5px;
        left: 0;
        background-color: #fff;
        border-radius: 66px;
        padding: 35px 214px 35px 87px;
    }

        footer .phone .phone-title {
            font-family: 'Montserrat';
            font-size: 14px;
            font-weight: 500;
            line-height: 14px;
            display: block;
        }

        footer .phone .phone-number {
            font-family: 'Montserrat';
            font-size: 25px;
            font-weight: 900;
            line-height: 43px;
            display: block;
            letter-spacing: 5px;
            text-decoration: none;
            -webkit-text-decoration-line: none;
        }

    footer .boxs {
        margin-top: 101.4px;
        margin-right: 418px;
    }

    footer .copyright {
        font-family: 'Montserrat';
        font-size: 12px;
        line-height: 50px;
    }

    footer .logo {
        height: 30px;
        width: auto;
    }

    footer hr {
        height: 0.5px;
        color: rgb(112, 112, 112);
        margin-left: 20px;
        margin-right: 20px;
    }

    footer .footer-menu .footer-menu-title {
        font-family: 'Montserrat';
        font-size: 12px;
        font-weight: bold;
        line-height: 34px;
        color: rgb(82, 82, 82);
        margin-bottom: 0px;
    }

    footer .footer-menu ul {
        list-style: none;
        padding-left: 0px;
    }

        footer .footer-menu ul li a {
            text-decoration: none;
            color: rgb(82, 82, 82);
            line-height: 30px;
            font-weight: 500;
        }

            footer .footer-menu ul li a:hover {
                font-weight: bold;
            }

    footer .app {
        height: 45px;
    }

    footer .socials {
        margin-right: 9px;
    }

    footer .tag {
        margin-right: 9px;
    }

.pac-container {
    border-radius: 10px;
}

    .pac-container::after {
        display: none;
    }

.pac-item {
    cursor: pointer;
}

    .pac-item .pac-item-query {
        line-height: 50px;
    }

    .pac-item .pac-icon {
        margin-top: 15px;
    }

.transport-list {
}

    .transport-list .transport-list-item {
        background-color: #fff;
        border-radius: 7px;
        padding: 20px;
        display: flex;
    }

        .transport-list .transport-list-item .package-type-img {
            width: 40px;
            margin-right: 30px;
        }

        .transport-list .transport-list-item .package-type {
            margin-right: 30px;
            color: #29082E;
            font-family: 'Poppins';
            font-size: 18px;
            font-weight: 400;
        }

        .transport-list .transport-list-item .seperator {
            width: 2px;
            height: 50px;
            background-color: #CED4DA;
            margin-right: 30px;
        }

        .transport-list .transport-list-item .summary {
            font-family: 'Poppins';
            font-size: 16px;
            font-weight: 400;
            line-height: 18px;
            color: #626262;
        }

        .transport-list .transport-list-item .note {
            border-radius: 35px;
            background-color: #E7F1FC;
            width: 150px;
            height: 48px;
            font-family: 'Montserrat';
            font-size: 14px;
            font-weight: 600;
            line-height: 22px;
            margin-right: 30px;
        }

            .transport-list .transport-list-item .note img {
                margin-right: 11px;
                height: 22px;
            }

        .transport-list .transport-list-item .actions .btn {
            background-color: transparent;
            font-family: 'Poppins';
            font-weight: 500;
            font-size: 16px;
            line-height: 18px;
            width: 70px;
        }

            .transport-list .transport-list-item .actions .btn.edit {
                color: #9D9D9D;
            }

            .transport-list .transport-list-item .actions .btn.delete {
                color: #FF0000;
            }


.transport-summary {
    background-color: #fff;
    border-radius: 11px;
    padding: 25px;
}

    .transport-summary .distance {
        border-radius: 9px;
        background-color: #E7F1FC;
        padding: 14px 20px;
        /* width: 170px; */
        margin-right: 20px;
    }

        .transport-summary .distance .title {
            font-size: 13px;
            font-family: 'Poppins';
            font-weight: 400;
            display: block;
            margin-bottom: 15px;
        }

        .transport-summary .distance img {
            margin-right: 15px;
            height: 24px;
        }

        .transport-summary .distance .km {
            font-size: 13px;
            font-family: 'Poppins';
            font-weight: 500;
        }

    .transport-summary .estimated-time {
        border-radius: 9px;
        background-color: #E7F1FC;
        padding: 20px;
        /* width: 190px; */
        margin-right: 20px;
    }

        .transport-summary .estimated-time .title {
            font-size: 13px;
            font-family: 'Poppins';
            font-weight: 400;
            display: block;
            margin-bottom: 15px;
        }

        .transport-summary .estimated-time img {
            margin-right: 15px;
            height: 24px;
        }

        .transport-summary .estimated-time .time {
            font-size: 13px;
            font-family: 'Poppins';
            font-weight: 500;
        }

    .transport-summary .transport {
        font-size: 12px;
        font-family: 'Poppins';
        font-weight: 400;
        margin-top: 20px;
    }

    .transport-summary .transport-type {
        margin-right: 30px;
    }

    .transport-summary .seperator {
        width: 2px;
        background-color: #000000;
        border-radius: 9px;
        margin-right: 30px;
    }

    .transport-summary .price {
        margin-right: 20px;
    }

        .transport-summary .price span {
            font-family: 'Montserrat';
            font-size: 14px;
            display: block;
            font-weight: 600;
            line-height: 27px;
        }

        .transport-summary .price div {
            font-family: 'Montserrat';
            font-size: 18px;
            display: block;
            font-weight: 600;
            line-height: 53px;
        }


    .transport-summary .actions .btn {
        border-radius: 7px;
        height: 65px;
        font-family: 'Poppins';
        font-size: 12px;
        font-weight: bold;
        line-height: 30px;
    }

        .transport-summary .actions .btn.photo {
            background-color: #FFFFFF;
            border: 1px solid rgb(0, 0, 0);
            width: 145px;
            margin-right: 20px;
            color: rgb(0, 0, 0);
        }

            .transport-summary .actions .btn.photo img {
                margin-right: 10px;
                height: 23px;
                width: 23px;
            }

        .transport-summary .actions .btn.call {
            background-color: #FADD00;
            width: 100px;
            margin-right: 20px;
        }

        .transport-summary .actions .btn.confirm {
            background-color: #2BD352;
            color: #fff;
            width: 180px;
        }

            .transport-summary .actions .btn.confirm img {
                margin-right: 10px;
                height: 30px;
                width: 30px;
            }


.phone .pickup-point {
    background-color: #000000;
    border-radius: 9px;
    height: 70px;
    padding: 10px;
    position: relative;
}

    .phone .pickup-point .title {
        color: #fff;
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: bold;
    }

    .phone .pickup-point .address {
        color: #fff;
        font-family: 'Poppins';
        font-size: 12px;
        font-weight: 400;
        width: 80%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .phone .pickup-point .image {
        position: absolute;
        right: 10px;
        top: 10px;
    }


.phone .delivery-point {
    background-color: #FADD00;
    border-radius: 9px;
    height: 70px;
    padding: 10px;
    position: relative;
}

    .phone .delivery-point .title {
        color: #000;
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: bold;
        text-align: right;
    }

    .phone .delivery-point .address {
        color: #000;
        font-family: 'Poppins';
        font-size: 12px;
        font-weight: 400;
        width: 80%;
        float: right;
        text-align: right;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .phone .delivery-point .image {
        position: absolute;
        left: 10px;
        top: 10px;
    }


.phone .summary {
    background-color: #fff;
    padding: 10px;
    height: 70px;
    border-radius: 9px;
}

    .phone .summary h1 {
        font-family: 'Poppins';
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;
        color: #000000;
    }

    .phone .summary .text {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        color: #000000;
    }

.phone .btn-send {
    background-color: rgb(250, 221, 0);
    color: rgb(0, 0, 0);
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    width: 100%;
    height: 100%;
}

.sender-information .pickup-point {
    background-color: #000000;
    border-radius: 9px;
    height: 70px;
    padding: 10px;
    position: relative;
}

    .sender-information .pickup-point .title {
        color: #fff;
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: bold;
    }

    .sender-information .pickup-point .address {
        color: #fff;
        font-family: 'Poppins';
        font-size: 12px;
        font-weight: 400;
        width: 80%;
    }

    .sender-information .pickup-point .image {
        position: absolute;
        right: 10px;
        top: 10px;
    }


.sender-information .delivery-point {
    background-color: #FADD00;
    border-radius: 9px;
    height: 70px;
    padding: 10px;
    position: relative;
}

    .sender-information .delivery-point .title {
        color: #000;
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: bold;
        text-align: right;
    }

    .sender-information .delivery-point .address {
        color: #000;
        font-family: 'Poppins';
        font-size: 12px;
        font-weight: 400;
        width: 80%;
        float: right;
        text-align: right;
    }

    .sender-information .delivery-point .image {
        position: absolute;
        left: 10px;
        top: 10px;
    }


.sender-information .summary {
    background-color: #fff;
    padding: 10px;
    border-radius: 9px;
}

    .sender-information .summary h1 {
        font-family: 'Poppins';
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;
        color: #000000;
    }

    .sender-information .summary .text {
        font-family: 'Poppins';
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        color: #000000;
    }

#map {
    border-radius: 6px;
}

.navbar-toggler {
    border: none;
}

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

.breadcrumb-section {
    background-color: #fff;
    display: flex;
}

.breadcrumb {
    margin-top: 1rem;
}

    .breadcrumb .breadcrumb-item a {
        text-decoration: none;
        color: rgb(0, 0, 0);
    }

.countries {
    background-color: #fff;
}

.country-section {
    background-color: #fff;
}

    .country-section p {
        font-family: 'Poppins';
        font-size: 15px;
        font-weight: 400;
        line-height: 30px;
    }

.country img {
    border-radius: 15px;
    margin-bottom: 10px;
}

.country a {
    text-decoration: none;
}

    .country a .title {
        font-family: 'Poppins';
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #000000;
        text-decoration: none;
    }

    .country a .description {
        font-family: 'Montserrat';
        font-size: 10px;
        font-weight: 300;
        line-height: 14px;
        color: #525252;
    }


    .country a .calculate {
        font-family: 'Poppins';
        font-size: 10px;
        font-weight: 400;
        line-height: 22px;
        color: #000000;
    }

    .country a .right-image {
        width: 12px !important;
        line-height: 22px;
    }

.page-title {
    height: 91px;
    margin-top: 19px;
}

    .page-title h1 {
        font-family: 'Montserrat';
        font-size: 30px;
        font-weight: 600;
        line-height: 40px;
        margin-bottom: 0px;
    }

.page-fast {
    position: absolute;
    bottom: -15px;
    right: calc(var(--bs-gutter-x) * .5);
    width: 430px;
}

    .page-fast .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 15px;
        width: 100%;
        background-color: #fff;
    }

    .page-fast .banner-box-1, .page-fast .banner-box-2 {
        filter: none;
    }

.calculate-section-content h1.sender-information-title {
    font-family: 'Poppins';
    font-size: 30px;
    font-weight: bold;
    line-height: 33px;
    color: rgb(0, 0, 0);
}

.sender-info-payment-summary-header {
    background-color: rgb(0, 0, 0);
    border-radius: 17px;
    padding: 20px;
    color: #fff;
    font-family: 'Poppins';
    font-size: 22px;
    font-weight: bold;
    line-height: 33px;
}

.sender-info-payment-summary {
    background-color: #fff;
    border-radius: 17px;
    padding: 20px;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    color: #000;
}

.form-check {
    min-height: auto;
}

.form-check-input[type=radio] {
    width: 1em;
    height: 1em;
    padding: 0px;
    border-color: #B1B1B1;
    background-color: transparent;
    border-radius: 8px;
    border-width: 2px;
}

.form-check-input:checked {
    background-color: #FADD00;
    border-color: #000000;
}

    .form-check-input:checked[type=radio] {
        --bs-form-check-bg-image: '';
    }

.form-check-input[type=checkbox] {
    width: 1em;
    height: 1em;
    padding: 0px;
    border-color: #B1B1B1;
    background-color: transparent;
    border-width: 2px;
}

.form-check-input:checked {
    background-color: #FADD00;
    border-color: #000000;
}

.sender-info-invoice label.title {
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.sender-info-btn {
    width: 100%;
    font-family: 'Poppins';
    font-size: 22px;
    font-weight: bold;
    line-height: 33px;
}

@media (max-width: 576px) {
    .banner {
        padding-top: 20px;
    }

        .banner .banner-title {
            font-size: 24px;
        }

        .banner .banner-description {
            font-size: 12px;
        }

    .calculate {
        overflow: scroll;
        display: grid;
        grid-auto-flow: column;
        grid-gap: 0px;
    }

    .calculate-item {
        min-width: 180px;
    }

    .calculate-section-content .boxs .box {
        padding: 10px 5px;
    }

    .owl-carousel::before {
        content: none;
    }

    .about-description {
        width: 100%;
    }

    footer .background-xl {
        background-color: #fff;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        border-radius: 0px;
    }

    footer .background {
        background-color: rgb(246, 248, 250);
        border-radius: 55px;
        padding: 68px 20px 20px 20px;
    }

    footer .phone {
        padding: 20px;
        width: 75%;
        top: -48.5px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    footer .app {
        height: 35px;
    }

    footer .copyright {
        text-align: center;
    }

    footer .phone .phone-number {
        font-size: 20px;
    }

    .banner-box-1 h5 {
        left: 10px;
        top: 10px;
    }

    .banner-box-2 h5 {
        left: 10px;
        top: 10px;
    }

    .page-title {
        height: auto;
        margin-top: auto;
    }

    .form-check-input[type=checkbox] {
        width: 2em;
        height: 2em;
    }

    .form-check-label {
        margin-left: 10px;
        line-height: 2em;
        margin-top: 3.25px;
    }

    .calculate-item.selected {
        height: 100%;
    }

        .calculate-item.selected .calculate-item-selection {
            background-color: rgb(250, 221, 0);
        }
}


#cardfront .st2 {
    fill: #FFFFFF;
}

#cardfront .st3 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 600;
}

#cardfront .st4 {
    font-size: 54.7817px;
}

#cardfront .st5 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

#cardfront .st6 {
    font-size: 33.1112px;
}

#cardfront .st7 {
    opacity: 0.6;
    fill: #FFFFFF;
}

#cardfront .st8 {
    font-size: 24px;
}

#cardfront .st9 {
    font-size: 36.5498px;
}

#cardfront .st10 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 300;
}

#cardfront .st11 {
    font-size: 16.1716px;
}

#cardfront .st12 {
    fill: #4C4C4C;
}

/* BACK OF CARD */
#cardback .st0 {
    fill: none;
    stroke: #0F0F0F;
    stroke-miterlimit: 10;
}

#cardback .st2 {
    fill: #111111;
}

#cardback .st3 {
    fill: #F2F2F2;
}

#cardback .st4 {
    fill: #D8D2DB;
}

#cardback .st5 {
    fill: #C4C4C4;
}

#cardback .st6 {
    font-family: 'Source Code Pro', monospace;
    font-weight: 400;
}

#cardback .st7 {
    font-size: 27px;
}

#cardback .st8 {
    opacity: 0.6;
}

#cardback .st9 {
    fill: #FFFFFF;
}

#cardback .st10 {
    font-size: 24px;
}

#cardback .st11 {
    fill: #EAEAEA;
}

#cardback .st12 {
    font-family: 'Rock Salt', cursive;
}

#cardback .st13 {
    font-size: 37.769px;
}


.creditcard {
    width: 100%;
    max-width: 400px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    cursor: pointer;
}

    .creditcard .front,
    .creditcard .back {
        position: absolute;
        width: 100%;
        max-width: 400px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-font-smoothing: antialiased;
        color: #47525d;
    }

    .creditcard .back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .creditcard.flipped {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

#ccsingle {
    position: absolute;
    right: 15px;
    top: 20px;
}

    #ccsingle svg {
        width: 100px;
        max-height: 60px;
    }


.payment input {
    background-color: #F3F3F6;
}

.calculate-section-content h1.payment-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.calculate-section-content h1.payment-summary-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.payment .price {
    font-size: 30px;
    font-weight: bold;
    font-family: 'Poppins';
    margin-bottom: 10px;
}

.payment .btn-payment {
    background-color: #DC0005;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
}

.address-container {
}

    .address-container .address-title {
        font-family: 'Montserrat';
        font-size: 20px;
        font-weight: 500;
        line-height: 34px;
    }

    .address-container .address {
        font-family: 'Montserrat';
        font-size: 15px;
        font-weight: 400;
        line-height: 27px;
    }

    .address-container .phone {
        font-family: 'Montserrat';
        font-size: 15px;
        font-weight: 500;
        line-height: 27px;
    }

.contact-form {
    background-color: #fff;
    filter: drop-shadow(10px 10px 30px rgb(0,0,0,0.16));
    position: absolute;
    top: -50px;
    left: -2px;
    width: 430px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.contact-title {
    font-family: 'Poppins';
    font-size: 25px;
    font-weight: bold;
    line-height: 40px;
}


.dropzone-container {
    border: 2px dashed #ced4da !important;
    border-radius: 5px;
}

    .dropzone-container .dropzone {
        display: flex;
        padding: 0px;
        min-height: 0px;
    }

        .dropzone-container .dropzone .dz-message {
            margin: 0px;
            display: flex;
            align-items: center;
            padding-left: 20px;
        }

    .dropzone-container .fu-thumb.empty {
        border: 2px dashed #ced4da !important;
    }

    .dropzone-container .fu-thumb {
        position: relative;
        margin: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 90px;
        height: 90px;
        min-width: 90px;
    }

        .dropzone-container .fu-thumb .dz-preview-img {
            max-width: 100%;
            max-height: 100%;
            border: 1px solid rgba(0, 0, 0, 0.1);
            box-shadow: 0 calc(2px* var(--shadow-yoffset, 1)) 16px -2px rgba(0,31,82, calc(1 * 0.12)), 0 calc(2px* var(--shadow-yoffset, 1)) 3px -2px rgba(0,0,0, calc(1 * 0.15));
        }

.dropzone .dz-preview {
    min-height: auto;
}

.dropzone-container .fu-remove {
    display: none;
    min-width: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    font-weight: 600;
    cursor: pointer !important;
    border-radius: .25rem;
    margin-left: 8px;
}

    .dropzone-container .fu-remove:hover {
        background-color: rgba(220, 48, 0, 0.2);
    }

    .dropzone-container .fu-remove .fu-remove-icon {
        font-size: 1rem !important;
        font-family: 'apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";';
        line-height: 1.25rem;
    }

.top-banner {
    position: relative;
}

    .top-banner .text-white {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 99;
    }

    .top-banner .img-fluid {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: center;
        border-radius: 15px;
    }

    .top-banner .bg {
        background-color: rgba(70, 24, 66, 0.7);
        border-radius: 15px;
        width: 100%;
        height: 300px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    @media (max-width:992px){
        .video a::before {
            top: calc(50% - 40px);
            left:30px
        }
        .video a h2{
            left:120px
        }
        .contact .row{flex-direction:column}
        .contact .row [class^='col-']{width:100%}
        .contact-form{position:relative}
        .country-section .row{flex-direction:column-reverse}
        .country-section .row [class^='col-']{width:100%}
        .top-banner .bg,
        .top-banner .img-fluid{height:130px}
        .nav-item.dropdown,
        .service .description{overflow:hidden}
        .service .calculate{border-radius:0!important}
        .navbar-nav .nav-item .nav-link{padding:10px 20px}
    }