@font-face {
    font-family: 'SF Pro Display Regular';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/sfpro/SF Pro Display Regular'), url('../fonts/sfpro/SFPRODISPLAYREGULAR.woff') format('woff');
}

@font-face {
    font-family: 'SF Pro Display Medium';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/sfpro/SF Pro Display Medium'), url('../fonts/sfpro/SFPRODISPLAYMEDIUM.woff') format('woff');
}

@font-face {
    font-family: 'SF Pro Display Bold';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/sfpro/SF Pro Display Bold'), url('../fonts/sfpro/SFPRODISPLAYBOLD.woff') format('woff');
}

iframe {
    overflow: hidden !important;
    right: -15px !important;
}

.grecaptcha-badge {
    visibility: hidden;
}




@font-face {
    font-family: 'rubikblack';
    src: url('../fonts/rubik/rubik-black-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubikblack_italic';
    src: url('../fonts/rubik/rubik-blackitalic-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubikbold';
    src: url('../fonts/rubik/rubik-bold-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubikbold_italic';
    src: url('../fonts/rubik/rubik-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubikitalic';
    src: url('../fonts/rubik/rubik-italic-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubiklight';
    src: url('../fonts/rubik/rubik-light-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubiklight_italic';
    src: url('../fonts/rubik/rubik-lightitalic-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubikmedium';
    src: url('../fonts/rubik/rubik-medium-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'rubikmedium_italic';
    src: url('../fonts/rubik/rubik-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'rubikregular';
    src: url('../fonts/rubik/rubik-regular-webfont.woff2') format('woff2'),
         url('../fonts/rubik/rubik-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.spinner-border  {
    width: 30px;
    height: 30px;
    border: 5px solid #204d6c;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
} 


body {
    margin: 0px;
    height: 0px;
    font-family: 'SF Pro Display Regular' !important;

    /*  font-family: 'open_sansregular'; */
}

a,
h1,
p,
.hyphens {
    /* -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    word-wrap: break-word;
}

.help-block {
    display: block;
    color: red !important;
    font-size: 12px;
    width: 100%;
    margin-bottom: 20px;
}

.has-error {
    margin-bottom: 0px !important;
}

body.navOpen {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: fixed;
}


/* chat-icon */

.chat-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #204d6c;
    padding: 13px;
    position: fixed;
    bottom: 17px;
    right: 21px;
    z-index: 1;
}

.chat-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: top;
}


/* ------------------- header --------------------- */

.content-body {
    padding-top: 68px;
}

header {
    width: 100%;
    z-index: 11;
    position: fixed;
    top: 0px;
    background: #FEFEFE;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.08);
}

.main-header {
    position: relative;
    padding: 5px 25px;
}
/* 
.fixed-header {
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    z-index: 111; 
     box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.07); 
}
*/

.header-section {
    display: flex;
    width: 100%;
    align-items: center;
    height: 100%;
    justify-content: space-between;
}

header .navbar-brand {
    display: flex;
    align-items: center;
    width: 75px;
    padding: 0px;
}

.search-lefts ul:first-child { padding-right: 140px !important; }

header .navbar-brand img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
}

header .navbar {
    height: auto;
    display: block;
}

header .navbar-nav {
    margin-left: 40px;
    align-items: center;
    justify-content: flex-end;
}

.navbar-nav .nav-item {
    position: relative;
    margin: 0px 7px;
}

.navbar-nav .nav-item:first-child {
    margin-left: 0px !important;
}

.navbar-nav .nav-item:last-child {
    margin-right: 0px !important;
}

.navbar-nav .nav-link {
    font-size: 14px;
    color: #616161;
    text-decoration: none;
    padding: 10px 5px !important;
    font-weight: 500;
    /* font-family: 'open_sanssemibold'; */
    font-family: 'rubikmedium';
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: #204d6c;
}

.navbar-nav .nav-item.book-item .nav-link{color: #fff !important; min-width: 106px; text-align: center; border: 1px solid transparent; overflow: hidden; height: 42px; background: #204d6c; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 3px; }
.navbar-nav .nav-item.book-item .nav-link:hover,
.navbar-nav .nav-item.book-item .nav-link.active { background: transparent; border-color: #204d6c; color: #204d6c !important; }

.navbar-nav .lang-items {
    width: 75px;
}

.navbar-nav .select2-container--default .select2-selection--single {
    border: 0px;
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    border: 0px;
    box-shadow: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #616161;
    font-size: 14px;
    line-height: unset;
    font-weight: 500;
    /* font-family: 'open_sanssemibold'; */
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background: url(../../images/down-arrow_green.svg) no-repeat right 0px center;
    background-size: 13px;
    border: 0px;
    height: 15px;
    width: 20px;
    transform: translate(-50%, -50%);
}

.navOpen .select2-search--dropdown .select2-search__field {
    display: none;
}

.select2-search--dropdown {
    padding: 0px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #e21d24;
    color: #fff;
}

.select2-results__option {
    padding: 7px 5px;
    font-size: 14px;
    font-weight: 500;
}

.select2-results__option span img {
    margin-right: 5px
}

.select2-dropdown {
    border-radius: 0px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: 0px;
}

.navbar-nav .img-flag {
    border-radius: 50%;
    height: 14px; width: 14px;
    margin-right: 5px;
}


/* .user .dropdown-toggle{cursor: pointer; color: #fff; display: flex;  align-items: center; }
.user .dropdown-toggle:hover{  color: #204d6c; }
 .user_image img{width: 100%; height: 100%; object-fit: cover; border-radius:50%; }
  
.user .dropdown-menu{background-color:#eddef0;border:0px;box-shadow: 0px 4px 24px 0px rgba(56, 102, 65, 0.5);  right: 0; left: auto; border-radius: 10px; position: absolute !important; }
.user .dropdown-menu .dropdown-item{color: #000; text-transform: uppercase; font-size: 14px; padding: 10px 20px;  font-weight: 800; }
.user .dropdown-item:focus, .user .dropdown-item:hover { color: #fff; background-color: #204d6c}
.user .dropdown-toggle::after { display: inline-block; width: 8px;  height: 8px; content: "";  border: none; vertical-align:2px; border-bottom: 2px solid #000; border-left: 2px solid #000; transform: rotate(-45deg);}
.user .user-names{max-width: 130px; width: 100%;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;} */

.user .dropdown-toggle {
    cursor: pointer;
    color: #fff !important;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.user .dropdown-toggle:hover {
    color: #FFF;
}

.user_image {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid rgb(101, 101, 101);
    display: inline-block;
    margin-left: 15px;
}

.user_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

header .dropdown-menu {
    background-color: #e21d24 !important;
    right: 0;
    left: auto;
    border-radius: 12px;
    position: absolute !important;
    width: 230px;
    /* top: 40px; */
}

header .dropdown-menu::before {
    width: 0;
    position: absolute;
    content: "";
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e21d24;
    right: 15px;
    top: -10px;
}

header .dropdown-menu .dropdown-item {
    color: #fff;
    background: none !important;
    font-size: 16px;
    padding: 13px 20px;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    white-space: unset !important;
}

header .dropdown-menu a.dropdown-item:hover {
    background: #204d6c !important;
    color: #fff !important;
}

header .dropdown-menu .dropdown-item img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
}

header .dropdown-menu .dropdown-item:first {
    border-radius: 12px 12px 0px 0px;
}

header .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0px !important;
    border-radius: 0px 0px 12px 12px;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 10px;
    margin-left: 10px;
    height: 10px;
    content: "";
    border: none;
    vertical-align: 2px;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    transform: rotate(-45deg);
}

header ul li a.book-btn {
    background-color: #e21d24;
    padding: 8px 10px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    border-color: #e21d24 !important;
    margin: 0px auto;
}

header ul li a.book-btn:hover {
    background: #e21d24;
    color: #fff;
    box-shadow: 0px 0px 8px 2px #e21d24;
}

header ul li a.book-btn img {
    width: 18px;
    height: 18px;
}


/* footer */

footer {
    background: #232120;
    padding: 50px 0px;
}

.listing .f-heading {
    color: #ffffff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 10px;
}

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

.listing ul li a {
    color: #fff;
    font-size: 12px;
    margin-bottom: 15px;
    display: inline-block;
}

.listing ul li a:hover,
.listing ul li a.active {
    text-decoration: none;
    color: #e21d24;
}

.book-now {
    margin-left: auto;
    display: inline-flex;
    border: 1px solid rgb(255, 255, 255);
    transition: .2s;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    align-items: center;
    justify-content: center;
    border-radius: 28px;
    background-color: rgba(252, 219, 4, 0);
    min-width: 216px;
    height: 58px;
}

.book-now:hover {
    border-color: #e21d24;
    background: #e21d24;
    color: #343434;
    text-decoration: none;
}

.book-F-align {
    text-align: right;
}

footer .social_icons {
    list-style: none;
    padding: 30px 0px;
    display: flex;
    margin: 0px;
}

footer .social_icons li {
    padding-right: 15px;
}

footer .social_icons li a img {
    width: 23px;
    height: 23px;
}

.f-last-right {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.f-last-right .copy_right {
    font-size: 14px;
    color: #fff;
    margin-bottom: 0px;
}

.play-stores {
    display: flex;
}

.play-stores .p-store {
    width: 140px;
    /* height:70px; */
    margin: 0px 10px;
}

.play-stores .p-store img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}


/* home-page */

.H-sections {
    position: relative;
    min-height: 490px;
    display: flex;
    align-items: center;
    z-index: 0;
}

.H-sections .H-top-contents {
    padding: 80px 0px 0px;
    max-width: 40%;
    width: 100%;
    position: relative;
    z-index: 1;
}

.H-sections .H-top-contents .title {
    font-size: 28px;
    color: #181c23;
    margin-bottom: 10px;
    line-height: 1.3;
    font-family: 'SF Pro Display Regular' !important;
}

.H-sections .H-top-contents .description {
    font-size: 20px;
    color: #181c24;
    margin-bottom: 20px;
    line-height: 1.7;
}

.book-H {
    border-radius: 28px;
    background-color: #204d6c;
    padding: 14px 12px;
    min-width: 294px;
    /* height: 56px; */
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}

.book-H:hover {
    background: #204d6c;
    color: #ffffff;
    box-shadow: 0px 0px 8px 2px #204d6c;
}

.top-H-img {
    background: url(../../images/background_img.jpg) no-repeat;
    z-index: 0;
    /*   max-width: 830px; */
    max-width: 60%;
    width: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    background-size: cover !important;
    background-position: center;
}

.top-H-img::before {
    display: none;
    background: linear-gradient(to left, rgba(1, 86, 205, 0.58) 0%, rgba(1, 86, 205, 0.25) 35%, rgba(1, 86, 205, 0.23) 100%);
    position: absolute;
    content: "";
    right: 0;
    width: 100%;
    height: 100%;
    top: 0;
}


/* #tsparticles{max-width: 100%; max-height: 100%; height: 100%;} */

#tsparticles {
    width: 100%;
    z-index: 9;
    /*  max-width: 500px;
    max-height: 300px; */
    border-radius: 0 0px 100px 500px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 0px;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
}

.top-H-img .overlays {
    position: relative;
    top: 0;
    left: -1px;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.top-H-img .overlays img {
    position: absolute;
    left: 0;
    height: 101%;
}

.btn:focus {
    box-shadow: none;
}

.D-same-days {
    padding: 65px 0px;
}

.D-same-days .d-heads-section .title {
    color: #343434;
    text-align: center;
    font-size: 36px;
    margin-bottom: 15px;
}

.D-same-days .d-heads-section .title span {
    font-family: 'SF Pro Display Bold';
}

.D-same-days .d-heads-section .title b {
    font-family: 'SF Pro Display Bold';
}

.D-same-days .d-heads-section .sub-title {
    text-align: center;
    margin: 0px auto 20px;
    max-width: 58%;
    width: 100%;
    color: #343434;
    font-size: 20px;
}

.detail-sbox {
    padding: 50px 0px 0px;
}

.detail-sbox a:hover {
    text-decoration: none;
}

.card-shops .D-icons {
    width: 85px;
    height: 85px;
    margin: 0px auto 20px;
    display: block;
    text-align: center;
}

.card-shops .D-icons .Hover-icon {
    display: none;
}

.card-shops:hover .D-icons .Hover-icon {
    display: inline-block;
}

.card-shops:hover .D-icons .Normal-icon {
    display: none;
}

.nav-tabs .nav-link.active .card-shops .D-icons .Hover-icon {
    display: block;
}

.nav-tabs .nav-link.active .card-shops .D-icons .Normal-icon {
    display: none;
}

.card-shops .D-icons img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.card-shops .card-body {
    padding: 0px;
}

.card-shops .card-body .d-title {
    color: #343434;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.card-shops .card-body .description {
    font-size: 17px;
    hyphens: none;
    color: #343434;
    text-align: center;
    margin-bottom: 0px;
}

.card-shops {
    padding: 20px 25px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}


/* .card-shops:hover{transform: scale(0.3s);} */


/* .card-shops:hover, .card-shops:active, .card-shops:focus {cursor: pointer; -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04);} */

.card-shops:hover,
.partner-tabs .nav-tabs .nav-link.active .card-shops {
    background-image: url(../../images/bg_hover_new.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
}

.card-shops::before {
    display: block;
    content: '';
    z-index: 0;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -moz-transition: all .15s ease;
    -o-transition: all .15s ease;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    background: -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 90%);
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 90%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1);
}

.card-shops:hover::before {
    opacity: 0.2;
}

.card-shops:hover .card-body .d-title {
    color: #fff !important;
}

.card-shops:hover .card-body .description,
.partner-tabs .nav-tabs .nav-link.active .card-shops .card-body .description {
    color: #fff !important;
}

.same-boxs .s-title {
    color: #343434;
    font-size: 24px;
    margin-bottom: 0px;
    line-height: 1.5;
}

.same-boxs .s-title a {
    color: #343434;
    font-weight: 600;
    text-decoration: underline;
}

.same-boxs .s-title a:hover {
    color: #204d6c;
    text-decoration: underline;
}

.nav-pills {
    padding: 40px 0px;
}

.nav-pills .nav-item .nav-link {
    color: #343434;
    padding: 0;
    margin-right: 30px;
    font-size: 14px;
    border-radius: 0px;
    text-decoration: underline;
}


/* .nav-pills .nav-item .nav-link:hover{color: #d9bd09;}  */

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: transparent;
    color: #204d6c;
    font-weight: 900;
    /* font-size:18px; */
}

.offer-nav .o-title {
    color: #204d6c;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 10px;
}

.offer-nav .description {
    color: #343434;
    font-size: 16px;
    margin-bottom: 20px;
    opacity: .8;
}

.offer-nav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.offer-nav ul li {
    color: #343434;
    font-size: 16px;
    margin-bottom: 13px;
    position: relative;
    padding-left: 15px;
}

.offer-nav ul li::before {
    border-radius: 50%;
    content: "";
    top: 10px;
    background-color: #204d6c;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    left: 0px;
}

.same-day {
    position: relative;
    overflow: hidden;
    padding: 60px 0px 140px;
}

.same-day .left-img {
    max-width: 650px;
    width: 100%;
    /*  position: absolute;
    left: 50px;
    top: 8%; */
    max-height: 450px;
    height: 100%;
    display: flex;
    align-items: center
}

.same-day .left-img img,
.same-day .left-img video {
    position: relative;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border: 0px;
}

.same-day .circles {
    border-radius: 50%;
    background-color: rgb(247, 247, 247);
    position: absolute;
    top: 0px;
    left: -75px;
    width: 568px;
    height: 568px;
    display: none;
}

.logo-heading .heading {
    font-size: 26px;
    text-align: center;
    margin-bottom: 10px;
    color: #343434;
}

.logo-heading .heading span {
    font-weight: 500;
}

.logo-heading .logo-items-carousel {
    padding: 50px 0px;
}

.logo-heading .logo-items {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: flex;
    align-items: center;
}

.logo-heading .logo-items img {
    width: 90px;
}

.logo-heading .logo-items img.small {
    width: 50px!important;
}

.logo-heading .logo-items:hover,
.logo-heading .logo-items:active,
.logo-heading .logo-items:focus {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04);
}

.trusted-log {
    padding-bottom: 50px;
}

.earning-h-section.H-sections {
    min-height: 420px;
}

.earning-h-section .H-top-contents .title {
    font-size: 28px;
}

.earning-h-section .H-top-contents .description {
    font-size: 18px;
}

.earning-h-section.H-sections .top-H-img {
    background: #eaeaea url(../../images/right-H.png) no-repeat;
    background-size: contain;
    background-position: center right;
    /* max-width: 840px; */
    max-width: 50%;
}

.earning-h-section.H-sections .top-H-img::before {
    display: none;
}

.N-howdy {
    padding: 60px 0px;
}

.N-howdy .heading {
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px;
    color: #343434;
}

.N-howdy .heading span {
    font-weight: 600;
}

.N-boxs .N-card {
    transition: .3s;
    padding-top: 12px;
}

.N-boxs .N-card:hover {
    transform: translateY(-10px);
    cursor: pointer;
}

.N-boxs .N-card .N-card-img {
    border: 1px solid rgb(227, 225, 224);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    max-width: 250px;
    padding: 10px;
    height: 165px;
}

.N-boxs .N-card .N-card-img img {
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.N-boxs .N-card .card-body {
    padding: 20px 0px;
}

.N-boxs .N-card .date {
    font-size: 16px;
    color: #c2c2c2;
    margin-bottom: 0px;
}

.N-boxs .N-card .title {
    color: #343434;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
}

.N-boxs .N-card .title a {
    color: #343434;
    text-decoration: none;
}

.N-boxs .N-card .title:hover {
    color: #204d6c;
    cursor: pointer;
}

.N-howdy .N-boxs {
    padding: 30px 0px 45px;
}

.view-more {
    padding: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto;
    color: #222222;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid rgb(52, 52, 52);
    border-radius: 28px;
    background-color: rgba(252, 219, 4, 0);
    min-width: 296px;
    height: 58px;
}

.view-more:hover {
    border-color: #204d6c;
    background: #204d6c;
    color: #fff;
    box-shadow: 0px 0px 5px 1px #204d6c;
}

.join-listing {
    background: #f7f7f7;
    width: 100%;
    padding: 70px 0px;
}

.join-listing .join-data {
    position: relative;
}

.join-listing .join-data .join-content .heading {
    color: #343434;
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 0px;
}

.join-listing .join-data .data {
    color: #343434;
    font-size: 18px;
    margin-bottom: 0;
}

.join-listing .sub-letter {
    max-width: 627px;
    width: 100%;
}

.join-listing .input-group .form-control {
    border: 0px;
    margin-right: 10px;
    padding: 12px 15px;
    border-radius: 8px;
    font-size: 20px;
    color: #343434;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 2px 0px rgba(175, 175, 175, 0.24);
}

.join-listing .input-group .form-control::placeholder {
    color: #c4c4c4;
}

.join-listing .input-group .input-group-text {
    background: #fff;
    border: 1px solid rgb(52, 52, 52);
    border-radius: 28px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    min-width: 191px;
    height: 58px;
    color: #222222;
}

.join-listing .input-group .input-group-text:hover {
    border-color: #204d6c;
    background: #204d6c;
    color: #fff;
    box-shadow: 0px 0px 5px 1px #204d6c;
}

#return-to-top {
    position: fixed;
    bottom: 76px;
    z-index: 1;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    border-radius: 50%;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 20px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

::-moz-selection {
    background: #eaeaea;
}

::selection {
    background: #eaeaea;
}

.btn-hover {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn-hover:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}


/* patner-page */

.top-partners {
    margin-bottom: 70px;
}

.top-partners .patner-H-img {
    background: url(../../images/partner.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

.partner-numbers {
    padding: 0px 0px 80px;
}

.partner-numbers .num-box {
    max-width: 265px;
    width: 100%;
    /* margin: 0px auto; */
}

.partner-numbers .num-box .heading {
    color: #343434;
    text-align: center;
    font-size: 36px;
    font-weight: 800;
    margin-bottom: 0px;
}

.partner-numbers .num-box hr {
    background-color: #e21d24;
    margin: 20px auto 15px;
    width: 82px;
    height: 2px;
}

.partner-numbers .num-box .description {
    color: #343434;
    font-size: 18px;
    margin-bottom: 0px;
    text-align: center;
}

.partner-numbers .num-box.rating-no {
    margin: 0px auto;
}

.partner-numbers .num-box.total-no {
    margin-left: auto;
}

.delivery-services .detail-sbox {
    padding: 50px 0px;
}

.delivery-services .detail-sbox .card-shops {
    padding: 20px;
    max-width: 100%;
    width: 100%;
    margin: 0px auto;
}

.launch-day .launch-box {
    max-width: 340px;
    width: 100%;
}

.launch-day .launch-box .heading {
    font-size: 24px;
    color: #343434;
    margin-bottom: 10px;
    line-height: 1.5;
}

.launch-day .launch-box .heading span {
    color: #204d6c;
    font-weight: 800;
    display: block;
}

.launch-day .launch-box .description {
    font-size: 16px;
    color: #343434;
    margin-bottom: 0px;
}

.right-img-launch {
    max-width: 525px;
    width: 100%;
    height: 300px;
    overflow: hidden;
    padding: 7px;
    position: relative;
    /* background: url(../../images/frame.png)no-repeat; */
    background-size: contain;
}

.right-img-launch img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    border-radius: 12px;
    vertical-align: top;
    margin: 0px auto !important ;
}

.services-section-launch .right-img-launch img {
    width: 85%;
}

.launch-days-box {
    padding: 50px 0px 60px;
}

.D-same-days.launch-days-services {
    padding: 30px 0px 0px;
}

.store-back-img {
    background: #fff url(../../images/right-mask.png) no-repeat;
    background-position: right bottom;
    height: 100%;
    /*  background-size: contain; */
}

.launch-delivery-sec .top-launchs {
    background: url(../../images/d-launch.jpg) no-repeat;
    /*  max-width: 700px; */
    max-width: 50%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    background-size: cover;
    background-position: top;
}

.launch-delivery-sec .top-launchs::before {
    display: none;
}

.launch-delivery-sec {
    background: #204d6c;
    min-height: 410px;
    position: relative;
    display: flex;
    align-items: center;
}

.launch-delivery-sec .H-sections {
    min-height: auto;
}

.launch-delivery-sec .H-sections .H-top-contents {
    margin-left: auto;
}

.launch-delivery-sec .H-sections .H-top-contents .title {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
}

.launch-delivery-sec .H-sections .H-top-contents .description {
    color: #fff;
    font-size: 18px;
}

.launch-delivery-sec .top-H-img .overlays {
    right: 0px;
    left: auto;
}

.launch-delivery-sec .top-H-img .overlays img {
    right: 0px;
    left: auto;
}

.store-section {
    padding: 80px 0px;
    border-bottom: 1px solid rgb(216, 216, 216);
    position: relative;
    z-index: 0;
}

.store-section .media-object {
    max-width: 940px;
    width: 100%;
    margin: 0px auto;
}

.store-section .media-object .media-imgs {
    margin-right: 50px;
    border-radius: 50%;
    background-color: #204d6c;
    width: 197px;
    height: 197px;
    position: relative;
}

.store-section .media-object .media-imgs img {
    width: 100%;
    position: relative;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.store-section .media-object .media-imgs::before {
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: #204d6c;
    bottom: -35px;
    left: -20px;
    width: 161px;
    height: 161px;
}

.store-section .media-object .media-body .description {
    font-size: 18px;
    line-height: 1.7;
    color: #343434;
    font-weight: 500;
    margin-bottom: 0px;
}

.store-section .media-object .media-body .store-img {
    margin: 25px 0px;
    max-width: 250px;
    width: 100%;
}

.store-section .media-object .media-body .store-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.store-section .media-object .media-body .store-desc {
    font-size: 16px;
    color: #343434;
    margin-bottom: 0px;
}

.maps-pin {
    position: relative;
    max-width: 1000px;
    width: 100%;
    height: 700px;
    margin: 0px auto;
    padding-top: 20px;
}

.maps-pin .pin-holders {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.maps-pin .pin-holders .L-pins {
    color: #343434;
    font-size: 14px;
    margin-bottom: 5px;
}

.maps-pin .pin-holders .L-pins img {
    width: 28px;
    /*    height: 25px; */
    margin-right: 5px;
    object-fit: contain;
}

.maps-pin .maps {
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0px auto;
}

.maps-pin .maps img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}


/* services */

.top-partners .services-H-img {
    background: url(../../images/services-bg.jpg) no-repeat;
    background-size: cover;
}

.launch-day .launch-box .steps {
    font-size: 24px;
    margin-bottom: 0px;
    color: #343434;
}

.services-part .N-boxs .N-card .N-card-img {
    padding: 0px;
    overflow: hidden;
    height: 130px;
    border: 0px;
    border-radius: 8px;
}

.services-part .N-boxs .N-card .N-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.services-part .N-boxs .N-card .N-card-img img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
}

.services-part .N-boxs .N-card .title {
    font-size: 14px;
}

.rating-section .title {
    font-size: 28px;
    text-align: center;
    color: #343434;
}

.rating-section .title span {
    font-weight: 800;
}

.rating-section .C-heads {
    color: #343434;
    font-size: 18px;
    text-align: center;
    margin-bottom: 0px;
}

.rating-section .C-heads a {
    color: #204d6c;
}

.social-icons {
    display: flex;
    list-style: none;
    align-items: center;
    padding: 0px 0px 20px;
    margin: 0;
    justify-content: center;
}

.social-icons li a {
    font-size: 14px;
    display: block;
    line-height: 1;
    cursor: default;
}

.social-icons li img {
    width: 28px;
    height: 28px;
    margin: 0px 2px;
    vertical-align: unset;
}

.card-users {
    border: 0px;
    margin-bottom: 30px;
    padding: 10px;
    height: 100%;
}

.card-users:hover {
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.07);
    cursor: pointer;
}

.card-users .user-img {
    border-radius: 50%;
    width: 152px;
    height: 152px;
    margin: 0px auto 10px;
}

.card-users .user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.card-users .card-body .U-name {
    font-size: 26px;
    color: #343434;
    font-weight: 800;
    text-align: center;
    margin-bottom: 15px;
}

.card-users .card-body .descriprion {
    font-size: 15px;
    color: #343434;
    margin-bottom: 0px;
    text-align: center;
    line-height: 1.7;
}

.card-users .card-body {
    padding: 15px;
}

.rating-reviews {
    padding: 70px 0px 30px;
}


/* craiglist-delivery-page */
/*
.Delivery-page-one.D-same-days .d-heads-section .title {
   margin-bottom:7px; 
}*/

.Delivery-page-one.D-same-days .d-heads-section .sub-title {
    font-size: 16px;
    max-width: 60%;
}

.Delivery-page-one .card-shops {
    max-width: 330px;
    width: 100%;
    margin-bottom: 50px;
}

.Delivery-page-one .card-shops .D-icons {
    width: 100px;
    height: 100px;
}

.Delivery-page-one .card-shops .card-body .d-title {
    color: #204d6c;
    font-size: 20px;
    margin-bottom: 10px;
}

.Delivery-page-one .card-shops .card-body .description {
    font-size: 14px;
}

.Delivery-page-one .detail-sbox {
    border-bottom: 1px solid rgb(211, 211, 211);
    padding: 50px 0px 100px;
}

.Delivery-page-one .pack-items-row {
    max-width: 65%;
    margin: 0px auto;
}

.Delivery-page-one .card-shops:hover .card-body .d-title {
    color: #fff;
}

.our-customers-section {
    background: #fff;
    padding: 70px 0px;
    position: relative;
}

.our-customers-section .left-overlay {
    max-width: 340px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.our-customers-section .left-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.C-heads {
    position: relative;
}

.C-heads .title {
    text-align: center;
    font-size: 30px;
    color: #343434;
    margin-bottom: 10px;
}

.C-heads span {
    font-weight: 800;
}

.C-heads .description {
    text-align: center;
    font-size: 16px;
    color: #343434;
    margin-bottom: 0px;
}

.customers_reviews {
    max-width: 76%;
    width: 100%;
    margin: 70px auto 0px;
    position: relative;
}

.customers_reviews .media .media-img-user {
    border-radius: 50%;
    margin-right: 40px;
    width: 182px;
    height: 182px;
    position: relative;
}

.customers_reviews .media .media-img-user::before {
    border-radius: 50%;
    background-color: #e21d24;
    content: "";
    position: absolute;
    width: 195px;
    height: 195px;
    left: -16px;
    top: -28px;
}

.customers_reviews .media .media-img-user::after {
    border-radius: 50%;
    background-color: #204d6c;
    content: "";
    position: absolute;
    width: 195px;
    height: 195px;
    right: -16px;
    bottom: -28px;
}

.customers_reviews .media .media-img-user img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.customers_reviews .media .media-body .C-user-name {
    font-size: 26px;
    color: #343434;
    font-weight: 800;
    margin-bottom: 15px;
}

.customers_reviews .media .media-body .description {
    font-size: 16px;
    color: #343434;
    margin-bottom: 0px;
}

.customers_reviews .media .media-body .social-icons {
    justify-content: flex-start;
}

.favorite_stores {
    padding: 60px 0px 50px;
}

.favorite_stores .C-heads .title {
    padding-bottom: 40px;
}

.favorite_stores .fav-s-img {
    transition: .3s;
    max-width: 221px;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin: 0px auto;
    height: 212px;
    background: #fbfbfb;
    display: flex;
    align-items: center;
    justify-content: center;
}

.favorite_stores .fav-s-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.favorite_stores .fav-s-img:hover {
    cursor: pointer;
    /* box-shadow: 0px 0px 3px #343434; */
    transform: translateY(-10px);
}

.launch-middle-box {
    background: #f9f9f9;
    position: relative;
}

.launch-middle-box .right-overlay {
    max-width: 340px;
    height: 100%;
    position: absolute;
    width: 100%;
    right: 0px;
    top: 0px;
}

.launch-middle-box .right-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.delivery-craiglist .card-shops .D-icons {
    width: 150px;
    /* height:90px; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery-craiglist .card-shops .card-body .description {
    font-size: 20px;
}


/* moving-page */

.moving-section {
    padding: 60px 0px;
}

.moving-section .basic-pack .basic-border {
    border-top: 1px solid rgb(211, 211, 211);
    padding-bottom: 50px;
}

.moving-section .basic-pack .basic-border2 {
    border-bottom: 1px solid rgb(211, 211, 211);
    padding-top: 60px;
}

.moving-section .basic-pack .left-basic .title {
    font-size: 28px;
    color: #204d6c;
    margin-bottom: 30px;
    font-weight: 800;
}

.moving-section .basic-pack .left-basic .description {
    font-size: 16px;
    color: #343434;
    margin-bottom: 30px;
}

.moving-section .basic-pack .left-basic .book-H {
    min-width: 222px;
    margin-left: auto;
    margin-right: 45px;
}

.moving-section .basic-pack .basic-list {
    padding: 0;
    margin: 0 0px 0px;
    list-style: none;
}

.moving-section .basic-pack .basic-list li {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
    display: block;
    position: relative;
    padding-left: 10px;
}

.moving-section .basic-pack .basic-list li::before {
    display: none;
    width: 5px;
    height: 5px;
    position: absolute;
    content: "";
    top: 12px;
    border-radius: 50%;
    background: #fff;
    left: 0;
}

.moving-section .basic-pack .middle-section {
    display: flex;
    align-items: center;
    justify-content: center;
    /* justify-content: flex-end; */
    margin: auto 0px;
}

.moving-section .basic-pack .middle-section .van-img {
    max-width: 500px;
    padding-right: 20px;
}

.moving-section .basic-pack .middle-section.permium-package-icon .van-img {
    max-width: 90%;
}

.moving-section .basic-pack .middle-section .van-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.moving-section .basic-pack .middle-section .prices {
    margin-right: 20px;
    border: 1px solid #e21d24;
    border-radius: 50%;
    background-color: #204d6c;
    box-shadow: inset 0px 3px 32px 0px rgba(0, 0, 0, 0.26);
    width: 127px;
    height: 127px;
    color: #fff;
    font-weight: 800;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.moving-section .basic-pack .middle-section .prices span {
    color: #fff;
    display: block;
    font-size: 16px;
}


/* about-us */

.about_us_top.H-sections .H-top-contents .title {
    margin-bottom: 30px;
    font-weight: 800;
}

.about_us_top.H-sections .H-top-contents .description span {
    font-weight: 800;
}

.about_us_top.H-sections .H-top-contents .desc_one {
    font-size: 19px;
    color: #181c24;
    margin-bottom: 0px;
 /*    padding-right: 20px; */
}

.wel_partners {
    padding: 60px 0px;
}

.wel_partners .left_par_content .title {
    font-size: 32px;
    color: #343434;
    margin-bottom: 20px;
}

.wel_partners .left_par_content .title span {
    font-weight: 800;
}

.wel_partners .left_par_content .description {
    font-size: 19px;
    color: #181c24;
    margin-bottom: 0px;
}

.wel_partners .right_par_img {
    max-width: 490px;
    width: 100%;
    margin-left: auto;
}

.wel_partners .right_par_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our-customers-section .Delivery-page-one .card-shops .card-body .d-title {
    color: #343434;
}

.our-customers-section .Delivery-page-one .card-shops:hover .card-body .d-title {
    color: #fff;
}

.priority_section {
    padding: 50px 0px;
}

.video_section {
    width: 100%;
    height: 621px;
    margin-bottom: 30px;
    border: 6px solid #f9f9f9;
}

.video_section iframe {
    width: 100%;
    height: 100%;
    border: 0px #f9f9f9;
}

.video_parts .title {
    padding-bottom: 30px;
}

.H_listing {
    list-style: none;
    padding: 0;
    margin: 0px;
}

.H_listing li {
    font-size: 19px;
    color: #181c24;
    margin-bottom: 30px;
    text-decoration: underline;
}

.H_listing li a {
    color: #181c24;
}

.H_listing li a:hover {
    color: #204d6c;
}

.howdy_blogs {
    padding: 50px 0px;
}

.howdy_blogs .howdy_lefts .title {
    margin-bottom: 35px;
}

.howdy_blogs .Howdy_img_right {
    margin: 0px auto;
    border-radius: 50%;
    background-color: #e21d24;
    width: 300px;
    height: 300px;
    position: relative;
}

.howdy_blogs .Howdy_img_right::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #e21d24;
    width: 300px;
    height: 300px;
    left: -25px;
    top: 0px;
}

.howdy_blogs .Howdy_img_right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    position: relative;
}


/* contact-us */

.contact-us-info {
    padding: 50px 0px;
    position: relative;
    z-index: 0;
}

.contact-us-info .contact-box {
    max-width: 935px;
    width: 100%;
    margin: 0px auto;
}

.contact-us-info .contact-box .title {
    font-size: 28px;
    color: #343434;
    margin-bottom: 10px;
}

.contact-us-info .contact-box .title span {
    font-weight: 800;
}

.contact-us-info .contact-box .description {
    font-size: 16px;
    color: #181c24;
    margin-bottom: 30px;
}

.contact-us-info .contact-box .C-content {
    font-size: 16px;
    color: #181c24;
    font-weight: 500;
    margin-bottom: 30px;
}

.company-form-block {
    width: 100%;
    display: block;
    padding: 25px 90px 20px;
}

.company-form-block .form-group.vat-number {
    margin-bottom: 20px;
}

.company-form-block .form-group {
    margin-bottom: 30px;
    position: relative;
}

.company-form-block label {
    font-size: 12px;
    margin-bottom: 0px;
    position: absolute;
    color: #858585;
    padding: 0px 5px;
    background: #fff;
    top: -9px;
    left: 10px;
    z-index: 9;
}

.company-form-block .form-control {
    height: auto !important;
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    padding: 15px;
    font-size: 14px;
    color: #204d6c;
    font-weight: 500;
}

.company-form-block .form-control::placeholder {
    color: #cccccc
}

.company-form-block .form-control:focus {
    box-shadow: none;
}

.login-page .company-form-block .form-control.custom-select {
    width: 100%;
    padding: 15px !important;
    border: solid 1px rgb(234, 234, 234) !important;
    background: #fff url(../../images/down-arrow.svg) no-repeat right 5px center;
    background-size: 12px;
}

.company-form-block .form-control.custom-select {
    width: 100%;
    padding: 15px !important;
    border: solid 1px rgb(234, 234, 234) !important;
    background: #fff url(../../images/down-arrow.svg) no-repeat right 5px center;
    background-size: 12px;
}

.save-btn {
    background-color: #e21d24;
    border-color: #e21d24;
    box-shadow: none !important;
    width: 100%;
    padding: 12px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    border-radius: 40px;
}

.save-btn:hover {
    background: none !important;
    color: #204d6c;
    border-color: #204d6c;
}

.contact-info {
    padding-top: 30px;
}

.contact-info .C-infor {
    margin-bottom: 5px;
}

.contact-info .C-infor a {
    font-size: 16px;
    color: #181c24;
    text-decoration: underline;
}

.contact-info .C-infor a:hover {
    color: #204d6c;
}


/* login-page */

.login-page {
    padding: 40px 0px 0px;
    background: #dbebf6;
}

.login-page .heading {
    font-size: 38px;
    color: #181c23;
    font-weight: 800;
    text-align: center;
    margin-bottom: 30px;
}

.login-page .login-form-page {
    position: relative;
    z-index: 0;
    padding: 25px 40px;
    background: #fff;
    border-radius: 12px 12px 0px 0px;
    max-width: 697px;
    width: 100%;
    margin: 0px auto;
    min-height: 100vh;
    ;
    /*  min-height:550px ;  */
}

.login-page .login-form-page .get-btns {
    padding: 25px 0px;
}

.login-page .login-form-page .copy-password {
    font-size: 16px;
    color: #181c24;
    margin-bottom: 15px;
}

.login-page .login-form-page .copy-password .copy-forgot {
    color: #204d6c;
}

.login-page .login-form-page .company-form-block {
    padding: 25px 0px 30px;
}


/* signup-page */

.login-page .F-description {
    font-size: 16px;
    color: #181c23;
    font-weight: 500;
    margin-bottom: 10px;
}

.company-form-block .input-group {
    border-radius: 4px;
    flex-wrap: unset !important;
    align-items: center;
    border: solid 1px rgb(234, 234, 234);
}

.company-form-block .custom-select {
    background-color: transparent !important;
    padding: 10px !important;
    box-shadow: none !important;
    font-size: 14px;
    color: #204d6c;
    height: auto !important;
    border: solid 0px rgb(234, 234, 234) !important;
    width: auto;
}

.contary-code-group .form-control {
    border: 0px !important;
}

.company-form-block .contary-code-group .form-control.custom-select {
    border: 0px !important;
    padding: 0px 10px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: url(../../images/down-arrow.svg) no-repeat right;
    background-position: right;
    background-size: 9px;
    background-position-x: 100%;
}

.company-form-block .send-btn {
    cursor: pointer;
    padding: 0px 10px;
    border-radius: 25px;
    background-color: #e21d24;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    margin: 0px 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 106px;
    height: 39px;
}

.prograss-bg {
    background: #204d6c;
    padding: 20px 0px;
}

.F-prograss {
    display: flex;
    align-items: center;
}

.F-prograss .progress {
    width: 100%;
    flex: 1;
    border-radius: 10px;
   /*  background: #204d6c; */
    height: 11px;
}

.F-prograss .progress .progress-bar {
    background: #e21d24;
    border-radius: 20px;
}

.prograss-bg .back-btns {
    margin: 0px 5px;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 500;
    /* background: #204d6c; */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    min-width: 111px;
    height: 46px;
}

.prograss-bg .cont-btns {
    background: #e21d24;
    color: #222222;
}

.prograss-bg .back-btns:hover {
    border-color: #fff;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

fieldset:not(:first-of-type) {
    display: none;
}

.company-form-block .user-img-upload {
    border-radius: 50%;
    background-color: #e21d24;
    margin: 0px auto 40px;
    width: 163px;
    height: 163px;
}

.company-form-block .user-img-upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.company-form-block .user-img-upload .defaultimg {
    padding: 20px;
}

.change-btns {
    border-radius: 25px;
    background-color: #e21d24;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 106px;
    height: 39px;
}

.change-btns:hover {
    background: #204d6c;
    color: #fff;
    cursor: pointer;
}

.login-page.upload-img-signup .login-form-page {
    min-height: 100vh;
}


/* signup */

.login-tab .nav-pills {
    padding: 15px 0px;
    justify-content: center;
}

.login-tab .nav-pills .nav-item .nav-link {
    text-decoration: none;
    border-radius: 30px;
    margin: 0px 9px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(206, 227, 255);
    font-size: 16px;
    color: #222222;
    font-weight: 500;
    min-width: 290px;
    padding: 17px 10px;
}

.login-tab .nav-pills .nav-item .nav-link.active {
    background: #204d6c;
    color: #fff;
}

.login-tab .nav-pills .nav-item:last-child .nav-link {
    margin-right: 9px;
}


/* moving-section updated design */

.basic-pack-box {
    border-radius: 10px;
    background-color: #204d6c;
    margin: 0px auto;
    max-width: 305px;
    width: 100%;
    padding: 25px;
}

.basic-pack-box .head-tops {
    font-size: 18px;
    margin-bottom: 25px;
    color: #121212;
    border-radius: 30px;
    font-weight: 800;
    background: #fff;
    padding: 10px 10px;
    text-align: center;
    display: block;
}

.basic-pack-box .head-tops:last-child {
    margin-bottom: 0px;
}

.basic-pack .left-basic {
    height: 100%;
}

.basic-pack .left-basic .basic-left-pack {
    display: flex;
    flex-direction: column;
    height: 100%;
}


/* privacy-policy */

.privacy-banners .H-top-contents .desc-one {
    font-size: 16px;
    color: #181c24;
    padding-right: 0px;
}

.privacy-banners.H-sections .H-top-contents .title {
    margin-bottom: 30px;
}

.privacy-section {
    padding: 80px 0px 20px;
}

.privacy-content .updated-time {
    font-size: 15px;
    color: #181c24;
    margin-bottom: 10px;
}

.privacy-content .title {
    font-size: 17px;
    color: #204d6c;
    margin-bottom: 15px;
    font-weight: 800;
}

.P-content-box h2 {
    font-size: 17px;
    color: #181c24;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.P-content-box p {
    font-size: 14px;
    color: #181c24;
    margin-bottom: 15px;
}

.P-content-box p a { color : #204d6c; }

.P-content-box .p-section {
    padding-bottom: 25px;
}


/* tesimonials */

.privacy-section .card-one {
    margin: 0px auto 30px;
    max-width: 562px;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
}

.privacy-section .card-one .card {
    border: 0px;
    margin-bottom: 0px;
    background-color: rgb(245, 247, 252);
}

.privacy-section .card-one .card .media {
    padding: 20px;
    border-bottom: 1px solid rgb(214, 219, 231);
    align-items: center;
}

.privacy-section .card-columns {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    padding-bottom: 50px;
}

.privacy-section .card-one .card .media .media-img {
    overflow: hidden;
    border-radius: 8px;
    background-color: rgb(222, 228, 240);
    margin-right: 15px;
    width: 50px;
    height: 50px;
}

.privacy-section .card-one .card .media .media-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.privacy-section .card-one .media .media-flex {
    display: flex;
    justify-content: space-between;
}

.privacy-section .card-one .media .media-flex .user-name {
    font-size: 18px;
    flex: 1;
    padding-right: 10px;
    color: #204d6c;
    font-weight: 800;
    margin-bottom: 0px;
}

.privacy-section .card-one .media .media-flex .social-icons li img {
    width: 20px;
    height: 20px;
}

.privacy-section .card-one .media .media-flex .social-icons {
    padding-bottom: 0px;
}

.privacy-section .card-one .user-message {
    padding: 20px;
    font-size: 14px;
    margin-bottom: 0px;
    color: #181c24;
    font-style: italic;
    /* font-family: 'sf_pro_displayregular'; */
}


/* faq */

.panel-group {
    margin-bottom: 20px;
}

.panel {
    margin-bottom: 12px;
    position: relative;
    overflow: hidden;
}

.panel-title>a::before {
    content: "\f068";
    /*  transform: rotate(45deg); */
    color: #fff;
    transition: all .4s ease-in-out;
    width: 50px;
    height: 100%;
    font-size: 14px;
    position: absolute;
    right: 0px;
    top: 0px;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.panel-title>a.collapsed::before {
    content: "\f067";
    color: #181c24;
    transform: none;
    transition: all .4s ease-in-out;
}

.panel-title>a {
    text-decoration: none;
}

.panel-body {
    width: 100%;
}

.panel-body .description {
    padding: 14px 20px;
    font-size: 14px;
    border: 1px solid rgb(209, 215, 228);
    font-style: italic;
    /* font-family: 'sf_pro_displayregular'; */
    hyphens: none;
    color: #181c24;
    margin-bottom: 0px !important;
}

.panel .panel-heading .panel-title {
    margin-bottom: 0px;
}

.panel .panel-heading .panel-title a {
    color: #fff;
    /* font-family: 'sf_pro_displayregular'; */
    font-size: 14px;
    text-transform: uppercase;
    background: #204d6c;
    width: 100%;
    display: block;
    margin-bottom: 0px;
    position: relative;
    padding: 15px 50px 17px 20px;
}

.panel .panel-heading .panel-title a.collapsed {
    background: #f5f7fc;
    color: #181c24;
}

.faq-page .heading {
    font-size: 18px;
    color: #181c24;
    font-weight: 800;
    margin-bottom: 20px;
}

.faq-section .faq-page {
    padding-bottom: 35px;
}


/* update-login */

.login-page.login-img-bg {
    background: url(../../images/login-bg.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    padding: 50px 0px;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.login-content-box {
    display: flex;
    box-shadow: 0px 0px 35px 0px rgba(25, 58, 158, 0.66);
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background-color: #204d6c; }

.login-content-box .login-left {
    background-color: #204d6c;
    padding: 30px 0px;
    width: 480px;
    min-height: 500px;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login-content-box .login-left .L-logo {
    width: 200px;
    margin: 0px auto 70px;
}

.login-content-box .login-left .L-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.login-content-box .login-left .L-img {
    max-width: 360px;
    width: 100%;
    margin: 0px auto;
}

.login-content-box .login-left .L-img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.login-img-bg .login-content-box .login-form-page {
    margin: 0px;
    min-height: auto;
    border-radius: 0px;
    max-width: 100%;
    flex: 1;
}


/* profile-page */

.profile-bannar {
    background: url(../../images/about-bg.jpg) no-repeat;
    overflow: hidden;
    background-position: center;
    display: flex;
    align-items: center;
    width: 100%;
    height: 330px;
    position: relative;
    width: 100%;
    background-size: cover;
}

.profile-bannar::before {
    position: absolute;
    content: "";
    background: rgba(1, 86, 205, 0.89);
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.profile-bannar .heading {
    color: #fff;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    font-size: 36px;
    margin-bottom: 0px;
    font-weight: 800;
}

.top-left-mask {
    position: absolute;
    left: 0px;
    top: 0;
    width: 365px;
    z-index: 1;
}

.top-left-mask img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.profile-nav-bar {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.profile-nav-bar li .nav-link {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 0px;
    border-bottom: 4px solid transparent;
    transition: all 0.2s ease-out;
}

.profile-nav-bar li {
    margin: 0px 20px;
}

.profile-nav-bar li .nav-link.active,
.profile-nav-bar li .nav-link:hover {
    border-color: #e21d24;
}

.custom-checks {
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    width: 100% !important;
}

.company-form-block .checkbox {
    display: block;
    position: relative;
    left: 0px;
    padding-left: 32px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    color: #222222;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
}

.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom-checks .checkmark {
    height: 26px;
    width: 26px;
    border-radius: 2px;
    border: 1px solid rgb(234, 234, 234);
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
}

.custom-checks .checkmark::after {
    left: 9px;
    width: 8px;
    height: 19px;
}

.checkmark::after {
    display: none;
}

.checkmark::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 0px;
    width: 8px;
    height: 15px;
    border: solid #2138e8;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

input:checked~.checkmark {
    background-color: #fff;
}

input:checked~.checkmark::after {
    display: block;
}

.profile-page {
    /*  padding:50px 0px; */
    position: relative;
    z-index: 0;
}

.my-account-block {
    border-radius: 12px;
    width: 100%;
    min-height: 475px;
    background-color: #fff;
}

.my-account-block .heading-row {
    padding: 10px 20px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(222, 228, 240);
}

.my-account-block .heading-row .heading-left {
    display: flex;
    align-items: center;
}

.my-account-block .heading-row .heading-left .heading-icon {
    border-radius: 50%;
    background-color: #dbebf6;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.my-account-block .heading-row .heading-left .heading-icon img {
    width: 22px;
    height: 22px;
}

.my-account-block .heading-row .heading-left .heading {
    font-size: 18px;
    color: #204d6c;
    margin-bottom: 0px;
    font-weight: 600;
    flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
}

.my-account-block .profile-row {
    padding: 40px 30px;
}

.profile-page .top-heading {
    padding-bottom: 50px;
}

.profile-page .top-heading h2 {
    color: #343434;
    font-size: 34px;
    margin-bottom: 15px;
    text-align: center;
}

.profile-page .top-heading p {
    font-size: 18px;
    color: #181c24;
    margin-bottom: 0px;
    text-align: center;
}

.user-profile {
    max-width: 234px;
    width: 100%;
    margin: 0px auto;
}

.user-profile .user-img {
    border-radius: 10px;
    box-shadow: 0px 4px 24px 0px rgba(56, 102, 65, 0.35);
    overflow: hidden;
    margin: 0px auto 50px;
    width: 200px;
    height: 200px;
}

.user-profile .user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-profile input[type=file] {
    position: absolute;
    z-index: -1;
    top: 6px;
    left: 50px;
    font-size: 15px;
    color: #999999;
    width: 100px;
}

.button-wrap {
    position: relative;
    text-align: center;
}

.button-wrap .common-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    cursor: pointer;
    background-color: #e21d24;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding: 0px 20px;
    height: 46px;
}


/* dashboard */

.order-table .table thead {
    background: #204d6c;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.order-table .table thead th {
    border: 0px;
    padding: 12px;
}

.order-table .table tbody tr {
    border-bottom: 1px solid rgb(234, 234, 234);
}

.order-table .table tbody td {
    color: #343434;
    font-size: 14px;
    padding: 14px 12px;
    border: 0px;
}

.order-table .table thead tr th:nth-child(1),
.order-table .table tbody tr td:nth-child(1) {
    width: 15%;
}

.order-table .table thead tr th:nth-child(2),
.order-table .table tbody tr td:nth-child(2) {
    width: 22%;
}

.order-table .table thead tr th:nth-child(3),
.order-table .table tbody tr td:nth-child(3) {
    width: 27%;
}

.order-table .table thead tr th:nth-child(4),
.order-table .table tbody tr td:nth-child(4) {
    width: 15%;
}

.order-table .table thead tr th:nth-child(5),
.order-table .table tbody tr td:nth-child(5) {
    width: 10%;
}

.order-table .table thead tr th:nth-child(6),
.order-table .table tbody tr td:nth-child(6) {
    width: 10%;
}

.view-btn {
    border-radius: 25px;
    background-color: #e21d24;
    padding: 3px 15px;
    color: #fff !important;
    font-size: 14px;
    font-weight: 500;
}

.order-table .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #fff;
}

.order-table .table-striped tbody tr:nth-of-type(2n+2) {
    background-color: #f8f8f8;
}

.heading-row .view-btn {
    padding: 8px 15px;
}

.dashboard-middle-content {
    /* border-bottom-right-radius: 0px !important; */
    background-color: #204d6c;
    display: flex;
    align-items: center;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0px 4px 24px 0px rgba(56, 102, 65, 0.35);
    max-width: 716px;
    width: 100%;
    margin: 0px auto 70px;
}

.dashboard-middle-content .user-img {
    border-radius: 10px;
    overflow: hidden;
    background-color: #e21d24 ;
    box-shadow: 0px 4px 24px 0px rgba(56, 102, 65, 0.25);
    width: 234px;
    height: 234px;
}

.dashboard-middle-content .user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dashboard-middle-content .D-content h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 25px;
}

.dashboard-middle-content .D-content p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}

.dashboard-middle-content .D-content {
    flex: 1;
    padding-right: 20px;
}

.dashboard-middle-content .D-content .view-btn {
    font-size: 18px;
    font-weight: 500;
    padding: 7px 20px;
}


/* moving-update */

.moving-pack-B .basic-pack-hr {
    background: #FFF2C4;
    padding: 10px 20px 20px;
    width: 291px;
    margin: 0px auto;
    box-shadow: 0px 14px 35px 0px rgba(8, 21, 38, 0.11);
    border-radius: 10px 10px 0px 0px;
}

.moving-pack-B .basic-pack-hr .B-title {
    color: #204d6c;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
}

.moving-pack-B .basic-pack-hr .head-tops {
    font-size: 22px;
    font-weight: 700;
    border-radius: 10px;
    color: #121212;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 6px 7px 0px rgba(8, 21, 38, 0.07);
    width: 200px;
    margin: 0px auto;
    height: 60px;
}

.moving-pack-B .basic-pack-box .basic-list .B-icon {
    display: block;
    margin-right: 15px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    width: 50px;
    height: 50px;
}

.moving-pack-B .basic-pack-box .basic-list .B-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 8px;
}

.moving-pack-B .basic-pack-box .basic-list li {
    display: flex;
    align-items: center;
    padding-left: 0px;
}

.moving-pack-B .basic-pack-box .basic-list li:last-child {
    margin-bottom: 0px;
}

.moving-pack-B {
    position: relative;
}

.moving-pack-B::before {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    border-radius: 50%;
    background-color: #e21d24;
    width: 350px;
    height: 350px;
}

.moving-pack-B .MB-basic {
    position: relative;
}


/* login-update  */

.L-flex {
    display: flex;
    justify-content: space-between;
}

.login-modals .modal-content {
    border-radius: 10px
}

.login-tab {
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-tab a:hover {
    text-decoration: none;
}

.login-tab .login-icon {
    text-align: center;
    margin: 30px 15px;
}

.login-tab .login-icon .in-icon {
    margin: 0px auto 10px;
    background-color: rgb(234, 241, 250);
    border: 2px solid transparent;
    border-radius: 8px;
    width: 136px;
    height: 136px;
}

.login-tab .login-icon .in-icon img {
    width: 100%;
    height: 100%;
    padding: 14px;
    object-fit: contain;
}
/*
.login-tab .login-icon .in-icon.user-man img {
     padding-top:30px; 
}
*/
.login-tab .login-icon span {
    text-align: center;
    font-size: 18px;
    color: #181c24;
    font-weight: 800;
}

.login-tab .login-icon:hover .in-icon,
.login-tab .login-icon.active .in-icon {
    border-color: #204d6c;
    cursor: pointer;
}

.login-tab .login-icon:hover span,
.login-tab .login-icon.active span {
    color: #204d6c;
}

.login-content-modal .title {
    color: #181c23;
    font-weight: 700;
    font-size: 38px;
    text-align: center;
    margin-bottom: 15px;
}

.login-content-modal .get-btns {
    max-width: 80%;
    width: 100%;
    margin: 0px auto;
    padding-top: 20px;
}


/* profile-page */

.my-company-account-block {
    padding: 50px 20px 80px;
    width: 100%;
    background: #dbebf6;
    display: flex;
    min-height: 88vh;
}

.my-company-account-block .profile-page {
    padding-left: 15px !important;
    width: 100%;
}

.side-nav-block {
    background-color: rgb(255, 255, 255);
    height: 100%;
    box-shadow: 0px 4px 24px 0px rgba(56, 102, 65, 0.5);
    max-width: 277px;
    width: 100%;
    border-radius: 20px;
}

.side-nav-block .nav-heading {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0px;
    padding: 17px 20px;
    border-radius: 20px 20px 0px 0px;
    font-weight: 700;
    background: #e21d24;
}

.side-nav-block ul {
    margin: 0px;
    padding: 10px 0px 15px;
    list-style: none;
}

.side-nav-block ul li a {
    display: flex;
    align-items: center;
    padding: 12px 10px;
    /* height: 40px; */
    width: 100%;
    font-size: 16px;
    color: #2b343c;
    font-weight: 500;
    text-decoration: none !important;
}

.side-nav-block ul li a:hover,
.side-nav-block ul li a.active {
    background-color: #FFF2C4;
    color: #204d6c;
}

.side-nav-block ul li a img {
    width: 25px;
    height: 25px;
    margin-right: 12px;
}

.side-nav-block ul li a img+img {
    display: none;
}

.side-nav-block ul li a:hover img,
.side-nav-block ul li a.active img {
    display: none;
}

.side-nav-block ul li a:hover img+img,
.side-nav-block ul li a.active img+img {
    display: inline-block;
}


/*  */

.pickup-box-block {
    max-width: 80%;
    width: 100%;
    margin: 0px auto;
}

.pickup_information {
    max-width: 80%;
    width: 100%;
    margin: 0px auto 30px;
    padding: 20px;
}

.pickup_information .P-address {
    font-size: 14px;
    color: #858585;
    margin-bottom: 15px;
    font-weight: 600;
}

.pickup_information .p-add-value {
    font-size: 14px;
    color: #343434;
    margin-bottom: 15px;
    text-align: right;
    font-weight: 600;
}

.pickup_information .p-add-value span a { color: #204d6c !important; }

.pickup_information .p-desc {
    font-size: 12px;
    font-weight: 500;
}


/*  */

.cookie-policy {
    background: #fff;
    box-shadow: 0px 14px 35px 0px rgba(0, 0, 0, 0.59);
    padding: 20px 0px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.cookie-policy .media .media-img {
    width: 100px;
    height: 100px;
    margin-right: 40px;
}

.cookie-policy .media .media-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cookie-policy .media .cookie-flex {
    border-bottom: 1px solid rgb(211, 222, 233);
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.cookie-policy .media .cookie-flex .title {
    font-size: 20px;
    color: #232120;
    margin-bottom: 10px;
}

.cookie-policy p {
    font-size: 12px;
    color: #232120;
    margin-bottom: 0px;
}

.btn-agree .agree-btn {
    background: rgb(242, 245, 248);
    border-radius: 25px;
    margin: 0px 10px;
    min-width: 150px;
    height: 41px;
    font-weight: 600;
    font-size: 16px;
    color: #232120;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-agree .agree-btn:hover {
    text-decoration: none;
    background: #204d6c;
    color: #fff;
}


/*  */

.trailer-radio label,
.vehicle-data label {
    position: relative;
    top: 0px;
}

.trailer-radio {
    display: flex;
}

.trailer-radio .radio-grp {
    margin-right: 20px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: 0px;
    opacity: 0;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: "";
    width: 12px;
    height: 12px;
    background: #204d6c;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* check-box-like radio */

.radio-groups [type="checkbox"]:checked,
.radio-groups [type="checkbox"]:not(:checked) {
    position: absolute;
    left: 0px;
    opacity: 0;
}

.radio-groups [type="checkbox"]:checked+label,
.radio-groups [type="checkbox"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.radio-groups [type="checkbox"]:checked+label a,
.radio-groups [type="checkbox"]:not(:checked)+label a{
    color: #204d6c !important;
}

.radio-groups [type="checkbox"]:checked+label:before,
.radio-groups [type="checkbox"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #ddd;
    border-radius: 20%;
    background: #fff;
}

.radio-groups [type="checkbox"]:checked+label:after,
.radio-groups [type="checkbox"]:not(:checked)+label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #204d6c;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 10%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radio-groups [type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio-groups [type="checkbox"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio-groups [type="checkbox"]:checked+label:before {
    border: 2px solid #204d6c;
}


/*  */

.comman-boxs {
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 20px;
}

.comman-boxs.border-right,
.comman-boxs.border-bottom {
    border-color: #444756 !important;
}

.comman-boxs .pointer {
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}

.comman-boxs .pointer .book-img {
    width: 180px;
    height: auto;
    margin-bottom: 20px;
}

.comman-boxs .pointer .book-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}

.comman-boxs .pointer p {
    color: #000;
    font-size: 16px;
    background: #e21d24;
    padding: 5px 15px;
    border-radius: 5px;
}

.comman-boxs .pointer:hover {
    text-decoration: none;
    background-image: url(../../images/bg_hover_new.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
}

.comman-boxs .pointer:hover p {
    color: #000;
}

.coming-soon {
    position: absolute;
    top: 0;
    width: 99.99%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
}

.coming-soon span {
    font-size: 22px;
    transform: rotate(-36deg);
    color: #000;
    font-weight: bold;
}

.book-modal .modal-dialog {
    max-width: 650px !important;
}

.book-modal-pay .modal-dialog {
    max-width: 710px !important;
}

.book-modal-pay .modal-dialog .company-form-block {
    padding: 10px 0px 20px;
}


/* standard-delivery */

.furniture-section {
    background: #F4E8BF;
    padding: 40px 0px 90px;
}

.F-middle-box {
    margin: 0px auto 0px;
    border-radius: 12px 12px 0px 0px;
    padding-bottom: 20px;
    background: #fff;
    max-width: 697px;
    width: 100%;
    min-height: 660px;
}

.F-middle-box .F-logo {
    padding: 20px;
    width: 125px;
    border-radius: 6px;
    overflow: hidden;
    height: 125px;
    margin: 0px auto;
}

.F-middle-box .F-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    object-position: top;
}

.F-middle-box .middle-content {
    border-top: 1px solid rgb(222, 228, 240);
    width: 100%;
    padding: 30px 20px;
}

.F-middle-box .middle-content .heading {
    font-size: 16px;
    color: #343434;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}

.map-one {
    width: 100%;
    height: 340px;
    margin-bottom: 30px;
    border-radius: 0px;
    background-color: rgb(222, 228, 240);
}

.map-one .google_map {
    border-radius: 8px;
}

.F-middle-box .middle-content .label-o {
    font-size: 14px;
    color: #696969;
    margin-bottom: 30px;
}

.F-middle-box .middle-content .form-group {
    max-width: 100% !important;
}

.F-middle-box .middle-content .form-group .form-control {
    max-width: 100% !important;
}

.F-middle-box .form-group .form-control.custom-select {
    width: 100%;
    height: auto !important;
    padding: 15px !important;
    border: solid 1px rgb(234, 234, 234) !important;
    background: #fff url(../../images/down-arrow.svg) no-repeat right 15px center !important;
    background-size: 15px !important;
}

.prograss-bg {
    background: #204d6c;
    z-index: 1;
    padding: 20px 0px;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.F-prograss {
    display: flex;
    align-items: center;
}

.F-prograss .progress {
    width: 100%;
    flex: 1;
    border-radius: 10px;
    /* background: #204d6c; */
    height: 11px;
}

.F-prograss .progress .progress-bar {
    background: #e21d24;
    border-radius: 20px;
}

.prograss-bg .back-btns {
    margin: 0px 5px;
    color: #fff;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 0px 15px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    /* background: #204d6c; */
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 111px;
    height: 46px;
}

.prograss-bg .cont-btns {
    background: #e21d24;
    color: #222222;
}

.prograss-bg .back-btns:hover {
    border-color: #fff;
    background: transparent;
    color: #fff;
    cursor: pointer;
}

fieldset:not(:first-of-type) {
    display: none;
}

.door-to-door .description {
    font-size: 14px;
    color: #696969;
    margin-bottom: 0px;
    text-align: center;
}

.F-middle-box .choose-delivery-block {
    padding-bottom: 20px;
}

.F-middle-box .info_to {
    font-size: 12px;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    background-color: #204d6c;
    width: 17px;
    height: 17px;
    line-height: 16px;
    display: inline-block;
}

.F-middle-box .label-N {
    font-size: 16px;
    color: #343434;
    font-weight: 600;
    margin-bottom: 0px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    top: 0px;
    position: relative;
    font-size: 14px;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label .help-user,
[type="radio"]:not(:checked)+label .help-user {
    width: 80px;
    height: 80px;
    object-fit: contain;
    vertical-align: text-bottom;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    width: 21px;
    height: 21px;
    border: 2px solid rgb(177, 183, 194);
    border-radius: 100%;
    background-color: #fff;
}

[type="radio"]:checked+label:before {
    border: 2px solid #204d6c;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: "";
    width: 11px;
    height: 11px;
    background: #204d6c;
    position: absolute;
    top: 30px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.F-middle-box .no-hours {
    margin-bottom: 35px;
}

.F-middle-box .radio-groups {
    display: flex;
}

.F-middle-box .radio-groups .radio-img {
    margin-right: 30px;
}

.F-middle-box .radio-groups .radio-img:last-child {
    margin-right: 0px;
}

.floor-no {
    display: flex;
    align-items: center;
}

.qty-input {
    display: flex;
    overflow: hidden;
    margin-left: 25px;
    background-color: rgb(222, 228, 240);
    /* border: 1px solid rgb(222, 228, 240);  */
    height: 40px;
    border-radius: 6px;
    position: relative;
    width: 116px;
}

.qty-input span {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 150ms ease-out;
    width: 25px;
    font-size: 18px;
    /*  font-family: 'open_sansbold'; */
    font-weight: 600;
}

.qty-input .less {
    background-color: rgb(190, 197, 212);
    color: #222222;
}

.qty-input .more {
    background: #204d6c;
    color: #fff;
    padding-top: 0px;
}

.qty-input .form-texts {
    background: #eddef0;
    flex: 1;
    width: 100%;
    border: 0px;
    font-size: 14px;
    color: #222222;
    /*  font-family: 'open_sansbold'; */
    font-weight: 600;
    text-align: center;
}

.item-elevator .btn-toggle::before,
.item-elevator .btn-toggle::after {
    font-size: 16px;
    width: auto;
    text-align: left;
    color: #343434;
    position: absolute;
    font-weight: 600;
    top: 50%;
    transform: translateY(-50%);
}

.item-elevator .btn-toggle::before {
    content: 'No';
    left: -35px;
}

.item-elevator .btn-toggle::after {
    content: 'Yes';
    right: -40px;
}

.item-elevator .btn-toggle {
    margin: 0px 0px 0px 35px;
    background-color: rgb(222, 228, 240);
    box-shadow: none !important;
    width: 73px;
    height: 34px;
    position: relative;
}

.item-elevator .btn-toggle>.handle {
    width: 24px;
    height: 24px;
}

.item-elevator .btn-toggle {
    position: relative;
    border: none;
    height: 40px;
    width: 90px;
    color: #343434;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.35) !important;
    /*  margin: 0px auto; */
    display: block;
    border-radius: 25px;
    padding: 6px;
}

.item-elevator .btn-toggle>.handle {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #204d6c;
    transition: left 0.25s;
    top: 50%;
    transform: translatey(-50%);
}

.item-elevator .btn-toggle.active {
    transition: background-color 0.25s;
}

.item-elevator .btn-toggle.active>.handle {
    left: auto;
    right: 6px;
    transition: left 0.25s;
}

.F-middle-box .item-elevator .label-N {
    font-size: 14px;
    margin-bottom: 15px;
}

.custom-checks {
    background: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 2px;
    width: 100% !important;
}

.company-form-block .checkbox {
    display: inline-block;
    left: 0px;
    top: 0px;
    position: relative;
    padding-left: 25px;
    font-weight: 400;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    -webkit-user-select: none;
    color: #343434;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 12px;
}

.custom-checks .checkmark {
    height: 20px;
    width: 20px;
    background-color: rgb(222, 228, 240);
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
}

.custom-checks .checkmark::after {
    left: 7px;
    width: 6px;
    height: 16px;
}

.checkmark::after {
    left: 6px;
    top: 0px;
    width: 8px;
    height: 15px;
    border: solid #204d6c;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.modal .dataPart-dioloag.modal-dialog {
    max-width: 970px !important;
}

.dataPart-dioloag .modal-content {
    background: rgb(237, 237, 242);
}

.howder-s .modal-header {
    justify-content: center;
}

.howder-s .modal-header .modal-titles {
    font-size: 20px;
    padding: 0px 10px;
    color: #204d6c;
    font-weight: 800;
    text-align: center;
}

.data-contain .select-items {
    margin: 0px auto;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgb(234, 234, 234);
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    width: 347px;
    height: 62px;
}

.data-contain .select-items .item-one {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e21d24;
    width: 161px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.select-items .radio-img [type="radio"]:checked+label:after,
.select-items .radio-img [type="radio"]:not(:checked)+label:after {
    top: 5px;
}

.select-items .radio-img [type="radio"]:checked+label:before,
.select-items .radio-img [type="radio"]:not(:checked)+label:before {
    top: 0px;
}

.select-items .radio-img [type="radio"]:checked+label,
.select-items .radio-img [type="radio"]:not(:checked)+label {
    color: #222222;
    margin-bottom: 0px;
    font-weight: 600;
}

.mini-item-content {
    padding: 20px;
    border-top: 1px solid rgb(222, 228, 240);
}

.mini-item-content:last-child {
    border-bottom: 1px solid rgb(222, 228, 240);
}

.mini-item-content .right-content .R-title {
    color: #343434;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.mini-item-content .right-content .R-subtitle {
    color: #696969;
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.mini-item-content .right-content .description {
    color: #696969;
    font-size: 12px;
    margin-bottom: 0px;
}

.mini-item-content .left-imgs {
    max-width: 210px;
    width: 100%;
    height: 120px;
    position: relative;
    display: flex;
}

.mini-item-content .left-imgs img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.mini-item-content .left-imgs .edit-view {
    position: absolute;
    right: 5px;
    top: 0;
}

.mini-item-content .left-imgs .edit-view .view-icon {
    width: 24px;
    height: 24px;
}

.mini-item-content .left-imgs .edit-view .view-icon img {
    padding: 5px;
    vertical-align: top;
}

.mini-item-content .left-imgs .radio-img {
    position: absolute;
    top: 0px;
    left: -13px;
}

.mini-item-content .left-imgs [type="radio"]:checked+label:after,
.mini-item-content .left-imgs [type="radio"]:not(:checked)+label:after {
    top: 1px;
    left: 0px;
    width: 25px;
    height: 25px;
    background: #204d6c url(../../images/tick2.svg) no-repeat;
    background-size: 15px;
    background-position: center;
}

.mini-item-content .left-imgs [type="radio"]:checked+label:before,
.mini-item-content .left-imgs [type="radio"]:not(:checked)+label:before {
    top: 0px;
    width: 25px;
    height: 25px;
}

.middle-content .M-date {
    font-size: 12px;
    color: #696969;
    margin-bottom: 10px;
}

.middle-content .m-date-y {
    font-size: 16px;
    color: #343434;
    margin-bottom: 10px;
}

.middle-content .or_data {
    position: relative;
    text-align: center;
    color: #343434;
    /* font-family: 'open_sansbold'; */
    /*  font-weight: 600; */
    font-size: 18px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.middle-content .or_data span {
    z-index: 1;
    padding: 0px 5px;
    position: relative;
    background-color: #fff;
}

.middle-content .or_data::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgb(222, 228, 240);
    position: absolute;
    top: 50%;
    left: 0;
}

.company-form-block .Express-Delivery {
    margin-bottom: 20px;
}

.company-form-block .Express-Delivery .checkbox .exp-del {
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e21d24;
    width: 189px;
    height: 46px;
}

.company-form-block .Express-Delivery .checkbox .exp-del img {
    width: 35px;
    height: 35px;
}

.company-form-block .get-del-hour {
    font-size: 14px;
    color: #222222;
    background: #eddef0;
    border-radius: 5px;
    margin-bottom: 0px;
    padding: 22px 15px;
    text-align: center;
}

.company-form-block .get-del-hour span {
    color: #204d6c;
}

.calendar {
    width: 100%;
    min-height: 200px;
}

.table thead {
    background: #f7ee85;
    border-radius: 10px;
    color: #343434;
    font-size: 18px;
}

.table thead th {
    border: 0px;
    padding: 2px;
    vertical-align: middle;
    padding: 5px;
}

.table thead .house-img {
    border-radius: 6px;
    background-color: #204d6c;
    padding: 5px;
    width: 74px;
    height: 59px;
}

.table thead .house-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.table tbody td {
    padding: 5px;
    font-size: 14px;
    color: #343434;
    font-weight: 600;
    border: 0;
}

.table tbody .D-table {
    color: #858585;
}

.table .edit-view {
    justify-content: center;
}

.table .edit-view .view-icon {
    width: 28px;
    height: 28px;
}

.table .edit-view .view-icon img {
    padding: 7px;
    vertical-align: baseline;
}

.table thead tr th:nth-child(1),
.table tbody tr td:nth-child(1) {
    width: 60%;
}

.table thead tr th:nth-child(2),
.table tbody tr td:nth-child(2) {
    width: 30%;
    text-align: right;
}

.table thead tr th:nth-child(3),
.table tbody tr td:nth-child(3) {
    width: 10%;
}

.table .total-b {
    border-top: 1px solid rgb(222, 228, 240);
}

.confirm-btn {
    border-radius: 6px;
    background-color: #e21d24;
    margin: 20px auto;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    width: 252px;
    height: 46px;
}

.confirm-btn:hover {
    border-color: #204d6c;
    background: transparent;
    color: #204d6c;
}

.upload-btn {
    width: 325px;
}

.up-formate {
    font-size: 14px;
    color: #696969;
    text-align: center;
    margin-bottom: 15px;
}

.modal .upload-notess .custom-file-label::after {
    border-radius: 6px !important;
    height: 40px !important;
    padding: 10px;
    margin: 5px;
}

.pyment-box .radio-groups {
    display: flex;
    margin-bottom: 15px;
}

.pyment-box .radio-groups .radio-img {
    padding-right: 20px;
}

.pyment-box .radio-groups .radio-img:last-child {
    padding-right: 0px;
}

.pyment-box .radio-groups [type="radio"]:checked+label .logo-user,
.pyment-box .radio-groups [type="radio"]:not(:checked)+label .logo-user {
    border-radius: 4px;
    background-color: rgb(244, 244, 244);
    width: 150px;
    height: 64px;
    padding: 10px;
}

.howder-s .modal-header .modal-titles span {
    color: #2b343c;
}

.howder-s .modal-header .modal-titles span + span { color: #204d6c !important; }

.logos-ones {
    display: flex;
    padding: 0px 20px 30px;
}

.logos-ones .logo-py {
    width: 30px;
    height: 30px;
    margin: 0px 10px;
    cursor: pointer;
    object-fit: contain;
}

.mini-item-content.select-buess {
    border: 0px;
}


/* .mini-item-content.select-buess .card-box .radio-img{position: absolute; width:100%; height:100%;left:0; right:0; bottom:0; top:0;} */

.mini-item-content.select-buess .card-box [type="radio"]:checked,
.mini-item-content.select-buess .card-box [type="radio"]:not(:checked) {
    position: absolute;
    z-index: 1;
    cursor: pointer;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0px;
    opacity: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.mini-item-content.select-buess .card-box .edit-view .view-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.mini-item-content.select-buess .card-box .card {
    border: 1px solid rgb(222, 228, 240);
    padding: 15px;
    position: relative;
    border-radius: 5px;
    margin: 0px auto;
}

.mini-item-content.select-buess .card-box .card .card-body {
    padding: 0px;
    text-align: center;
}

.mini-item-content.select-buess .card-box .left-imgs {
    justify-content: center;
    margin: 0px auto 10px;
}

.mini-item-content.select-buess .card-box .card:hover {
    background: #204d6c;
    cursor: pointer;
}

.mini-item-content.select-buess .card-box .card:hover .right-content .R-title {
    color: #fff;
}

.mini-item-content.select-buess .card-box .card:hover .right-content .R-subtitle {
    color: #fff;
}

.mini-item-content.select-buess .card-box .card:hover .right-content .description {
    color: #fff;
}

.mini-item-content.select-buess .card-box [type="radio"]:checked+.card {
    background: #204d6c;
}

.mini-item-content.select-buess .card-box [type="radio"]:checked+.card .right-content .R-title {
    color: #fff;
}

.mini-item-content.select-buess .card-box [type="radio"]:checked+.card .right-content .R-subtitle {
    color: #fff;
}

.mini-item-content.select-buess .card-box [type="radio"]:checked+.card .right-content .description {
    color: #fff;
}


/*.choose-delivery-block  */

.choose-delivery-block {
    max-width: 350px;
    width: 100%;
    margin: 20px auto;
}

.choose-delivery-block .del-title {
    font-size: 16px;
    color: #2b343c;
    font-weight: 800;
    text-align: center;
    margin-bottom: 10px;
}

.choose-delivery-block .delivery-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-delivery-block .choose-box {
    text-decoration: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 5px !important;
    min-width: 110px;
    height: 110px;
    border-radius: 10px;
    margin: 0px 10px;
    flex-direction: column;
    cursor: pointer;
    margin-left: 0px;
}

.choose-delivery-block .choose-box.active {
    background-color: #204d6c;
}

.choose-delivery-block .choose-box img {
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    margin-left: 0px !important;
}

.choose-delivery-block .choose-box span {
    font-size: 13px;
    color: #2b343c;
    font-weight: 800;
}

.choose-delivery-block .choose-box.active span {
    color: #fff;
}

.edit-view {
    display: flex;
    align-items: center;
}

.edit-view .view-icon {
    border-radius: 50%;
    background-color: #e21d24;
    width: 36px;
    height: 36px;
}

.edit-view .view-icon img {
    width: 100%;
    height: 100%;
    padding: 7px;
}

.edit-view .doc-icon {
    width: 25px;
    height: 25px;
    margin-left: 15px;
    margin-right: 10px;
}

.edit-view .doc-icon img {
    width: 100%;
    height: 100%;
}

.custom-file-input:lang(en)~.custom-file-label::after {
    content: "Upload";
}

.custom-file-label::after {
    height: 100% !important;
    background-color: #e21d24;
    min-width: 100px;
    text-align: center;
    /*  width: 100%; */
    padding: 16px 10px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-color: #e21d24 !important;
    box-shadow: none !important;
    margin: 0px auto;
    border-radius: 0p 6px 6px 0px !important;
}

.help-block {
    display: block;
    margin-bottom: 27px !important;
}

.custom-file {
    height: 100%;
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    padding: 14px;
    font-size: 14px;
    color: #204d6c;
    font-weight: 600;
}

.custom-file-input {
    height: 100%;
}

.custom-file-label {
    height: 100%;
    top: 0px !important;
    background: none !important;
    padding: 18px 0px !important;
    /*   max-width: 568px; width: 100%; */
    border: none !important;
    display: block;
}

.modal-dialog {
    max-width: 632px !important;
}

.modal-dialog .modal-content {
    border-radius: 12px;
    background: #fff;
    border: none !important;
    overflow: hidden;
}

.modal-dialog .modal-content .modal-header {
    border-bottom: none !important;
    position: relative;
    padding: 20px 20px 20px;
}

.modal-dialog .modal-content .modal-header .modal-title {
    font-size: 30px;
    color: #204d6c;
    width: 100%;
    display: block;
    /*  font-family: 'open_sansbold'; */
    text-align: center;
    font-weight: 800;
}

.modal-dialog .modal-content .modal-header .close {
    padding: 0px !important;
    z-index: 1;
    margin: 0px !important;
    opacity: 1;
    font-size: 30px;
    color: #2b343c;
    position: absolute;
    right: 5px;
    top: 5px;
    /*  font-family: 'open_sanslight'; */
    padding: 7px !important;
    border-radius: 50%;
    line-height: 13px;
}

.modal-dialog .modal-content .modal-body {
    padding: 20px 35px 30px;
}

.modal-add-form .form-group {
    margin-bottom: 30px;
    position: relative;
    max-width: 568px;
    width: 100%;
}

.modal-add-form label {
    font-size: 12px;
    margin-bottom: 0px;
    position: absolute;
    color: #858585;
    padding: 0px 5px;
    background: #fff;
    top: -9px;
    left: 10px;
}

.modal-add-form .form-control {
    max-width: 568px;
    width: 100%;
    border: solid 1px rgb(234, 234, 234);
    border-radius: 6px;
    padding: 15px;
    font-size: 14px;
    color: #204d6c;
    /*  font-family: 'open_sanssemibold'; */
    font-weight: 600;
}

.modal-add-form .add-btn {
    background-color: #e21d24;
    min-width: 80px;
    padding: 8px;
    font-size: 14px;
    display: block;
    color: #fff;
    /* font-family: 'open_sanssemibold'; */
    font-weight: 600;
    border-color: #e21d24 !important;
    box-shadow: none !important;
    /*  border-radius: 0px;  */
    margin: 0px auto;
}

.modal-add-form .add-btn:hover {
    background: none !important;
    color: #204d6c;
    border-color: #204d6c;
}

.upload-pictures {
    cursor: pointer;
    border-radius: 8px;
    background-color: #204d6c;
    width: 174px;
    height: 119px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-pictures img {
    width: 50px;
    height: 50px;
}

.data-pickup .pickup-data {
    border-bottom: 1px solid rgb(222, 228, 240);
    padding: 20px 10px;
    display: flex;
}

.data-pickup .pickup-data .left-pin {
    width: 30px;
    height: 30px;
    margin: 0px 10px;
}

.data-pickup .pickup-data .left-pin img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.data-pickup .pickup-data .pickup-middle .P-title {
    color: #204d6c;
    font-size: 14px;
    margin-bottom: 2px;
}

.data-pickup .pickup-data .pickup-middle p {
    font-size: 12px;
    color: #343434;
    margin-bottom: 0px;
}

.data-pickup .pickup-data .pen-id img {
    padding: 7px;
    cursor: pointer;
}

.data-pickup .pickup-data .pen-id {
    margin-left: auto;
}

.data-pickup .pickup-data .pickup-middle {
    flex: 1; padding-right: 15px;
}

.T-price {
    display: flex;
    justify-content: space-between;
    padding: 20px 15px;
}

.T-price .p-price {
    color: #204d6c;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0px;
}

.T-price .p-total {
    color: #343434;
    font-size: 16px;
    display: flex;
}

.T-price .p-total .info-click {
    width: 30px;
    cursor: pointer;
    padding-bottom: 5px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #204d6c;
    color: #fff;
    margin-left: 5px;
    font-size: 20px;
}

.summery-data .S-imgs {
    width: 100%;
    padding: 30px;
    height: 385px;
    background: rgb(249, 249, 249);
    display: flex;
    align-items: center;
    justify-content: center;
}

.summery-data .S-imgs img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.summery-data .S-desc {
    font-size: 20px;
    color: #343434;
    text-align: center;
    padding: 25px;
    border-bottom: 1px solid rgb(222, 228, 240);
}

.summery-data .S-paddings {
    padding: 20px;
}

.summery-data .table-borderless {
    border-bottom: 1px solid rgb(222, 228, 240);
}

.F-middle-box .middle-content {
    position: relative;
    z-index: 0;
}

.summery-data {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1;
    height: 100%;
}

.F-middle-box .middle-content .s-click {
    display: block;
}

.summery-data.I-click {
    display: none;
}

.data-pickup .input-group {
    padding: 20px;
    margin-bottom: 20px;
}

.data-pickup .input-group .input-group-text {
    background: #204d6c;
    padding: 13px 25px;
    cursor: pointer;
    border: 0;
    color: #fff;
    height: 100%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.vehicle-data [type="radio"]:checked+label::before,
.vehicle-data [type="radio"]:not(:checked)+label::before {
    top: 0px;
    left: 0px;
}

.vehicle-data [type="radio"]:checked+label::after,
.vehicle-data [type="radio"]:not(:checked)+label::after {
    top: 5px;
}


/* calender */

.calendar .datepicker-inline {
    width: 100% !important;
}

.calendar .datepicker-inline .table-condensed {
    width: 100% !important;
    background: #eddef0;
    border-radius: 10px !important;
    overflow: hidden;
}

.calendar .datepicker-inline .table-condensed thead {
    background: #204d6c;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 10px 10px 0px 0px !important;
    font-weight: 600;
}

.calendar .datepicker-inline .table-condensed .datepicker-switch {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.calendar .datepicker thead tr:first-child th:hover,
.calendar .datepicker tfoot tr th:hover {
    background: transparent;
}

.calendar .datepicker-inline .table-condensed thead th {
    padding: 7px;
}

.calendar .datepicker td {
    padding: 7px;
    border-radius: 0px;
    background-color: rgb(234, 239, 248);
    font-size: 18px;
    color: #222222;
    width: 49px;
    height: 47px;
}

.calendar .datepicker-inline th {
    border-radius: 0px !important;
}


/* .calendar .datepicker thead tr:first-child th{border-radius: 10px !important;} */

.calendar .datepicker table tr td.day:hover,
.calendar .datepicker table tr td.day.focused,
.calendar .datepicker table tr td.active {
    background: #204d6c;
    color: #fff;
    border-radius: 10px !important;
}

.calendar .datepicker table tr td.disabled,
.calendar .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
}

.calendar .datepicker-inline .table-condensed thead .prev {
    background: #204d6c !important;
}

.calendar .datepicker-inline table.table-condensed tbody {
    border-collapse: separate;
    border-spacing: 10px;
    /* position:absolute;  */
}

.datepicker-orient-top.datepicker table tr td.active.active,
.datepicker-orient-top.datepicker table tr td.active:hover {
    background: #204d6c !important;
}

.d-heads-section .detail-sbox .form-row {
    margin-bottom: 25px;
}


/* thank-you */

.thank-you-page {
    background: #eddef0;
    padding: 60px 0px;
}

.thank-you-page .login-signup-block {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
    background: #fff;
    border-radius: 20px;
    padding: 20px 15px 40px;
}

.thank-you-page .thank-you-img {
    max-width: 300px;
    width: 100%;
    margin: 0px auto 20px;
}

.thank-you-page .thank-you-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.thank-you-page .login-signup-block .form-title {
    text-align: center;
    margin-bottom: 20px !important;
    color: #204d6c;
    /*  font-family: 'open_sansbold'; */
    font-weight: 800;
    font-size: 24px;
}

.thank-you-page .login-signup-block .description {
    font-size: 14px;
    text-align: center;
    margin-bottom: 60px;
    color: #000;
}

.g-recaptcha {
    margin-bottom: 20px;
}

.data-contain {
    padding: 10px 20px 20px;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 20px;
}

.data-contain:last-child {
    border-bottom: 0px;
}

.data-contain .data-section-media {
    width: 90px;
    object-fit: contain;
    height: 100px;
    margin-right: 25px;
}

.data-contain .description {
    font-size: 18px;
    margin-bottom: 0px;
}

.testimonail-owl {
    max-width: 900px;
    width: 100%;
    margin: 0px auto 70px;
    padding: 50px;
    box-shadow: 0 20px 40px 0 rgba(12, 0, 46, .06);
}

.testimonail-owl .item-owl .card-users {
    box-shadow: none;
    max-width: 100%;
}

.testimonail-owl .owl-nav,
.store-section1 .owl-nav {
    display: none;
}

.testimonail-owl .owl-theme .owl-dots .owl-dot.active span,
.testimonail-owl .owl-theme .owl-dots .owl-dot:hover span {
    background: #204d6c;
}

.testimonail-owl .social-icons {
    max-width: 200px;
    width: 100%;
    margin: 0px auto;
}

button:focus {
    outline: none;
}

.store-testimonails {
    padding: 0px 10px 40px;
}

.store-section1 .owl-theme .owl-dots .owl-dot.active span,
.store-section1 .owl-theme .owl-dots .owl-dot:hover span {
    background: #204d6c;
}


/*  */

.partner-tabs {
    padding: 60px 0px;
}

.partner-tabs .nav-tabs .nav-item.show .nav-link,
.partner-tabs .nav-tabs .nav-link.active {
    border: 0px;
}

.partner-tabs .nav-tabs {
    justify-content: center;
    margin-bottom: 60px;
}

.partner-tabs .nav-tabs .nav-item {
    width: 25%;
    padding: 0px;
    border: 0;
    height: 100%;
    margin: 0px 20px;
}

.partner-tabs .nav-tabs .nav-item:hover {
    border: 0px;
}

.partner-tabs .nav-tabs .nav-link .card-shops {
    height: 196px;
}

.partner-tabs .nav-tabs .nav-link .card-shops .card-body .description {
    font-weight: 800;
}

.elemetor-tab-data {
    max-width: 85%;
    width: 100%;
    margin: 0px auto;
}

.elemetor-tab-data .middle-content-tab {
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}

.elemetor-tab-data .middle-content-tab p {
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 30px;
}

.elemetor-tab-data .right-tab-img {
    width: 100%;
    height: 370px;
    margin: 0px auto;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.elemetor-tab-data .right-tab-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.startup_tab_content .show .elemetor-tab-data .middle-content-tab,
.startup_tab_content .show .elemetor-tab-data .right-tab-img {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}


/*  */

.logo-section {
    padding-top: 30px;
}

.logo-section .cmy-logo {
    max-width: 115px;
    width: 100%;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-section .cmy-logo img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.logo-section .store-name {
    font-size: 16px;
    color: #204d6c;
    font-weight: 700;
}

.store-img-section {
    padding-top: 50px;
}

.store-img-section .store-img {
    width: 100%;
    height: 200px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.store-img-section .store-img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.store-img-section .description {
    font-size: 14px;
    color: #696969;
    margin-bottom: 10px;
}

.close-icon {
    color: #204d6c;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 23px;
    cursor: pointer;
}

.favorite_stores .C-heads .row {
    justify-content: center;
}


/* track-information */

.track-info {
    background: #f7f7f7;
    min-height: 100vh;
}

.track-info .track-logo {
    text-align: center;
    padding: 10px;
    max-width: 200px;
    width: 100%;
    margin: 0px auto;
}

.track-info .track-logo img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.track-info .track-content {
    padding: 20px 0px 20px;
}

.track-info .track-content h2 {
    color: #204d6c;
    font-weight: 800;
    font-size: 22px;
    text-align: center;
    margin-bottom: 20px;
}

.track-info .tarck-search {
    background: #fff;
    padding: 30px 20px;
}

.track-info .tarck-search .input-group {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
    border: 1px solid #ced4da;
}

.track-info .tarck-search .input-group .form-control {
    padding: 20px 15px;
    font-size: 16px;
    color: #204d6c;
    border: 0px;
}

.track-info .tarck-search .input-group .form-control:focus {
    box-shadow: none;
}

.track-info .tarck-search .input-group .input-group-text {
    width: 70px;
    font-size: 20px;
    color: #204d6c;
    cursor: pointer;
    border: 0;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.track-info .tarck-search .input-group .input-group-text:hover {
    background: #204d6c;
    color: #fff;
}

.track-info .tarck-search .input-group:focus-within {
    border-color: #204d6c !important;
}

.track-info .tarck-search .input-group .input-group-prepend {
    margin-right: 0px;
}

.track-info .order-details {
    background: #f7f7f7;
    padding: 20px;
}

.track-info .order-boxs {
    box-shadow: 0px 0px 2px #204d6c;
    padding: 10px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 10px;
}

.track-info .order-boxs h6 {
    color: #204d6c;
    margin-bottom: 15px;
    font-size: 22px;
}

.track-info .order-boxs .media .media-img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.track-info .order-boxs .media {
    align-items: center;
}

.track-info .order-boxs .media h2 {
    font-size: 20px;
    margin-bottom: 0;
    color: #000;
}

.track-info .order-boxs .location {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}

.track-info .order-details .order-box h3 {
    font-size: 20px;
}

.order-track {
    display: flex;
    margin: 30px 0px;
    position: relative;
    justify-content: space-between;
}

.order-track .order-check {
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #000;
    display: flex;align-items: center;
}

.order-track::before {
    width: 83%;
    height: 3px;
    background: #204d6c;
    left: 50%;
    position: absolute;
    content: "";
    top: 13px;
    z-index: 0;
    transform: translateX(-50%);
    display: none;
}

.order-track .order-check .uncheck {
    text-align: center;
    margin: 0px auto;
    width: 30px;
    height: 30px;
    border: 2px solid #204d6c;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.order-track .photos-sections {width: 200px;}
.order-track .photos-sections img{width: 100%; height: 100%; object-fit: contain;}

.order-track .order-check .uncheck i {
    display: none;
}

.order-track .order-check .check {
    background: #e21d24;
    border-color: #e21d24;
    color: #204d6c;
}

.order-track .order-check .check i {
    display: block;
}

.order-track-detail .table thead tr th:nth-child(1),
.order-track-detail .table tbody tr td:nth-child(1) {
    width: 20%;
}

.order-track-detail .table thead tr th:nth-child(2),
.order-track-detail .table tbody tr td:nth-child(2) {
    width: 30%;
    text-align: center;
}

.order-track-detail .table thead tr th:nth-child(3),
.order-track-detail .table tbody tr td:nth-child(3) {
    width: 30%;
    text-align: center;
}

.order-track-detail .table thead tr th:nth-child(4),
.order-track-detail .table tbody tr td:nth-child(4) {
    width: 20%;
    text-align: center;
}

.order-track-detail .table tbody tr {
    border-bottom: 1px solid #ccc;
}

.order-track-detail .table tbody tr td {
    padding: 12px 5px;
}

.map-track {
    box-shadow: 0px 0px 2px #204d6c;
    height: 400px;
    margin-top: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.error-box-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 2px #204d6c;
    padding: 20px;
    max-width: 800px;
    width: 100%;
    margin: 0px auto;
}

.error-box-track .media {
    align-items: center;
}

.error-box-track .media i {
    font-size: 30px;
    margin-right: 15px;
    color: #f01313;
}

.error-box-track .media p {
    font-size: 16px;
    margin-bottom: 0px;
}

.error-box-track .media p b {
    display: block;
    color: #204d6c;
    font-size: 20px;
}

.trusted-log .owl-carousel .owl-stage {
    display: flex;
}

.trusted-log .owl-carousel .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.trusted-log .owl-dots,
.fav-store-owl .owl-dots {
    display: none;
}

.trusted-log .owl-nav,
.fav-store-owl .owl-nav {
    display: none;
}


/* .fav-store-owl.owl-carousel .owl-stage-outer{display: flex; justify-content: center; } */

.owl-carousel {
    position: relative;
    z-index: 0;
}

.fav-store-owl.owl-carousel .owl-stage {
    margin: 0px auto;
}

.owl-carousel.testimonial .item-owl {
    margin: 0px 20px;
}


/*  */

.individuals-lunch-days {
    position: relative;
    z-index: 0;
}

.individuals-lunch-days .launch-day .right-img-launch {
    position: relative;
    background: none;
    margin: 0px auto;
    max-width: 239px;
    width: 100%;
    height: 465px;
}

.individuals-lunch-days .launch-day .right-img-launch .iphone-frame {
    position: relative;
    z-index: 1;
}

.individuals-lunch-days .launch-day .right-img-launch .user-service-img {
    position: absolute;
    left: 0;
    padding: 16px 26px 34px;
}

.individuals-lunch-days .launch-days-box {
    padding: 30px 0px 30px;
}

.services-section-launch .right-img-launch {
    max-width: 100%;
    height: auto;
    padding: 0px;
    border-radius: 0px;
    /* overflow: visible; */
}

.services-section-launch .right-img-launch .API_data-group {
    width: 100%;
    height: 400px;
    object-fit: contain;
    border-radius: 0px;
}

.services-section-launch .right-img-launch .lunch-ones-services {
    border-radius: 0px;
}

.services-section-launch .right-img-launch .lunch-twos-services {
    position: absolute;
    right: -25px;
    top: 162px;
    border-radius: 0;
}

.services-section-launch .launch-days-box {
    padding: 80px 0px 90px;
}

/*  */

.tack-info{background: #fff; position: relative; border-radius: 5px; border: 1px solid #204d6c; padding:20px 10px; display: flex; justify-content: space-between;}
.tack-info .track-fst{color:#ccc; font-size: 14px; text-align: center;}
.tack-info .track-fst .dot{width:25px; height: 25px;margin: 0px auto 8px; display: flex;}
.tack-info .track-fst .dot span{background: #ccc;position: relative; width: 15px; height: 15px; margin: auto;display: block; border-radius: 50%;}

.tack-info .track-fst.active{color: #716d6d;}
.tack-info .track-fst.active .dot span{background: #716d6d;}
.tack-info .track-fst.process{color: #716d6d;}
.tack-info .track-fst.process .dot span{background: #e21d24; color: #fff; display: flex;align-items: center; justify-content: center; width: 20px; height: 20px;}

.tack-info .line{width: 88%; background: #ccc; height: 3px; top: 31px; position: absolute; left: 50%; transform: translateX(-50%);}

/* book-process */

.booked-section .title{font-size: 30px; color: #343434; text-align: center;margin-bottom: 15px;font-family: 'SF Pro Display Regular';}
.booked-section .title span{font-weight: 900;}
.booked-section p{font-size: 14px;letter-spacing:.5px; color: #343434; margin-bottom: 30px;font-family: 'SF Pro Display Regular';}
.booked-section p span{font-weight: 900;}

.booked-section .book-btn{border-radius: 5px; background: #e21d24; border-color:#e21d24 ; font-size: 18px; color: #222222;  min-width: 147px; width: auto;}
.booked-section .or-app-dp{width: 200px; margin:25px auto;}
.app-store-flex{display: flex;justify-content: center; align-items: center;}
.app-store-flex .app_store_icon{width: 132px;height: 40px;margin: 0px 5px;}
.app-store-flex .app_store_icon img{width: 100%; height: 100%; object-fit: contain;}

.booked-section .booked-heights{border-radius: 20px;min-height: 460px;}

/* services-booking */
.services-boxs{margin-bottom: 0px;position: relative;}
.services-boxs [type="radio"]{position: absolute; opacity:0; width: 150px; height: 100px; z-index: 1;cursor: pointer;/*  left: 50%; transform: translateX(-50%); */ }
/* .services-boxs [type="radio"]:checked + .s-icon{border-color: rgb(1, 84, 203);  box-shadow: 0px 2px 10px 0px rgba(120, 173, 249, 0.77);} */
.services-boxs [type="radio"]:checked + .s-icon .check-radion{display: block;}
.services-boxs [type="radio"]:checked + .s-icon .ser-img{opacity: .5;}
.services-boxs .check-radion{display: none;width: 40px !important; height:40px !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}


/* .vehicle-section .services-boxs .services-box-step .s-icon [type="radio"]:checked + img.ser-img { opacity: .5; }
.services-boxs .services-box-step .s-icon [type="radio"]:checked + img.check-radion { display: block; } */


/* 
.services-boxs .services-box-step{border:1px solid rgb(222, 228, 240);transition: .3s all; border-radius: 6px; padding:25px 10px;display: flex; align-items: center; position: relative;} */
.services-boxs .services-box-step .s-icon{width: 100px; height: 65px;  padding: 5px; margin: 0px auto 3px; display: flex; align-items: center;justify-content: center; position: relative; /* z-index: 1; */ }
.services-boxs .services-box-step .s-icon img{width: 100%; height: 100%; object-fit: contain;}
.services-boxs .services-box-step .s-media-body{flex: 1; }
.services-boxs .services-box-step h6{color: #343434;text-align: left;padding-right: 130px; margin-bottom: 10px;letter-spacing: .9px; font-size: 14px; font-family: 'SF Pro Display Regular';}
.services-boxs .services-box-step p{text-align: left; color: #696969; font-size: 12px; margin-bottom: 0px;}
.services-boxs [type="radio"]:not(:checked):hover + .services-box-step{border-color: rgb(1, 84, 203);cursor: pointer;}

.services-boxs .price-tag{font-size: 12px; color: #343434;letter-spacing: .5px; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); display: flex;align-items: center; font-family: 'SF Pro Display Regular';}
.services-boxs .price-tag .price-txt{ position: relative; min-width: 66px; height: 66px; color: #fff; padding: 10px; border-radius: 50%; display: flex;align-items: flex-end; justify-content: center; background: url(../../images/shapes1.png) no-repeat; background-position: center; background-size: contain; }
.select-service-box-top{ padding:30px 20px;display: flex; align-items: center;}
.select-service-box-top .media-img{width:110px; height:80px;margin-right: 10px;}
.select-service-box-top .media-img img{width: 100%; height: 100%; object-fit: contain;}
.select-service-box-top .media-body h6{color: #343434; font-size: 16px; margin-bottom: 10px; font-weight: 600;}
.select-service-box-top .media-body p{font-size: 14px; color: #696969; line-height: 1.8;margin-bottom: 0px;}

.choose-delivery-block .choose-box.active { border-radius: 10px; }

.services-boxs .edit-view .view-icon{width: 25px; height: 25px; position: absolute;  right:-5px; top:-6px; z-index: 1;}
.services-boxs .edit-view .view-icon img{padding: 5px;}

.services-boxs .services-box-step .howders{margin-bottom: 5px; font-size: 14px; }
.logos-ones, .pyment-box .radio-groups{justify-content: center;}

.map-address-table .table tbody td{font-weight: normal;padding: 5px 0px;}
.plus-icons{width: 25px; height: 25px; position: relative;}
.plus-icons::before {background-color: #204d6c; content:"\f068";border-radius: 50%;cursor: pointer; width:100%; height:100%; font-size: 14px;color: #fff; position: absolute; right:0px;top:0px; font-family: "Font Awesome 5 Free"; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.plus-icons.collapsed::before { content:"\f067"; }

.plus-iconsss{width: 25px;}
.howder-includes{padding: 10px 15px;}
.howder-includes .be-howder-txt{background: #eddef0; text-align: center;letter-spacing: .5px; margin-bottom: 15px;  padding: 10px; color: #343434; font-weight: 600;}
.howder-includes .txt-width{max-width: 275px; width: 100%; margin: 0px auto;}
.howder-includes .txt-width .txt-title{font-size: 16px; color: #343434; margin-bottom: 15px;}
.howder-includes .txt-width .m-txts{display: flex;align-items: center;margin-bottom: 15px; color: #696969; font-size: 14px;}
.howder-includes .txt-width .m-txts img{width: 25px;height: 25px; object-fit: contain;margin-right: 10px;}

.price-flex{display: flex;padding: 20px 0px;}
.price-flex div .txt-title{font-size: 20px !important; font-weight: 600;}
.price-flex div .info-click{background-color: #204d6c; width: 30px; height: 30px; color: #fff; font-size:20px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 10px;cursor: pointer; }

.general-checks{text-align: center;}
.general-checks .checkbox {position: relative; padding-left: 30px; cursor: pointer;}

.furniture-section.booked-section{padding: 60px 0px; overflow: hidden; min-height: 90vh; }
.furniture-section.booked-section .F-middle-box{border-radius: 10px;}

.company-form-block .contary-code-group .custom-select{padding: .375rem 1.75rem .375rem .75rem !important; }




/* book-process new design work */


.F-middle-box { max-width: 651px; min-height: 407px; }
.F-middle-box .middle-content { border: none !important; }
.booked-section .title span {font-family: 'SF Pro Display Bold'; font-weight: normal; }
.booked-section p span {font-family: 'SF Pro Display Bold'; font-weight: normal; }
.booked-section .book-btn { background-color: #e21d24; border-color: #e21d24;  min-width: 147px; width: auto; font-family: 'SF Pro Display Bold'; padding: 8px; margin-bottom: 0px; border-radius: 50px; }
.middle-content .or_data span { font-family: 'SF Pro Display Regular'; }

.booked-section .or-app-dp { width: 149px; }
.middle-content .or_data::after { background-color: rgb(231, 231, 231); }
.booked-section p.app-dp { font-size: 12px; line-height: 1.571; }
.booked-section p.app-dp span { font-size: 14px; }
 
  
#service-box { max-width: 1249px; padding-bottom: 70px; background: url(../../images/today-img.png) no-repeat, #fff; background-size: contain; background-position: left center;  }
#service-box .services-selective-outside-text { padding:0px 17px; max-width: 812px; width: 100%; height: 247px; display:flex; margin: 0px auto;  background: url(../../images/bg-layar.png) no-repeat; background-size: contain; background-position:center;}
#service-box .services-selective { width:100%; display: flex; align-items: center; justify-content: space-between; padding:0px 15px; background: url(../../images/bg-layar2.png) no-repeat; background-size: contain; background-position: center; }

#service-box .services-boxs .services-box-step h6 { padding :0px; text-align: center; }
#service-box .services-boxs .services-box-step { display: block; cursor: pointer; border-radius: 50%; background-color: rgb(255, 255, 255);  box-shadow: 0px 13px 3px 0px rgba(0, 0, 0, 0.4); width: 176px;  height: 176px; padding-top: 25px; -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }

#service-box .services-boxs .services-box-step:hover { -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -o-transform: translateY(-7px);
    -ms-transform: translateY(-7px);
    transform: translateY(-7px); }

#service-box .services-boxs .services-box-step .s-media-body { flex: unset;}
#service-box .services-boxs .check-img { position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: rgba(255, 255, 255, 0.769); z-index: 1; display: flex; align-items: center; justify-content: center; }
#service-box .services-boxs .check-img img { width: 50px; height:50px; object-position: center; object-fit: cover; }

.bookprocess-btn-row { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 40px; padding:0px 10px; }
.bookprocess-btn-row .btn { font-size: 18px; color: #222222; font-weight: normal; font-family: 'SF Pro Display Bold'; border-radius: 50px; min-width: 123px; width: auto; box-shadow: none !important; border: 1px solid transparent; padding:8px; margin:0px 10px; transition: all 0.3s;  display: flex; align-items: center; justify-content: center; }
.bookprocess-btn-row .continue-btn { background-color: #e21d24 !important; border-color: #e21d24 !important; }

.bookprocess-btn-row .btn.back-re-btn { color: #9c9c9c !important; }

.bookprocess-btn-row .btn img { width: 12px; height: 12px; margin-right: 5px; }
.bookprocess-btn-row .btn img + img { display: none !important }
.bookprocess-btn-row .btn:hover img { display: none !important; }
.bookprocess-btn-row .btn:hover img + img { display: block !important }

.bookprocess-btn-row .continue-btn img { margin-left: 5px; margin-right: 0px; }

.bookprocess-btn-row .btn:hover { border-color: #204d6c !important; background: transparent !important; color: #204d6c !important; }

.bookprocess-btn-row .back-btn { color: #9c9c9c !important; }


/*  */

.booking-prograss-bg.prograss-bg { background: #eddef0; padding: 0px 0px 20px; position: relative; }
#progressbar { width: 100%; max-width: 1300px; margin: 0px auto; list-style:none !important; padding: 0px; display: flex; align-items: center; margin-bottom: 25px; height: 62px;  border-radius: 10px;  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.21); }
#progressbar li { position: relative; width: 100%; height: 100%; max-width: 192px;  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.5));  border-radius: 10px; margin-right: -33px;  }
#progressbar li span.li-inside{ font-size:16px; width: 100%; position:relative; color: #ffffff; font-family: 'SF Pro Display Bold'; padding:10px 12px 10px 23px; display: flex; align-items: center; font-weight: normal; letter-spacing:0.5px; justify-content: center; height: 100%; 
background-image: -moz-linear-gradient( 90deg, #204d6c 0%, #fe8c9e 100%); background-image: -webkit-linear-gradient( 90deg, #204d6c 0%, #fe8c9e 100%);background-image: -ms-linear-gradient( 90deg, #204d6c 0%, #fe8c9e 100%); clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);  }

#progressbar li:last-child:before { display:none !important; }
#progressbar li img { width: 30px; height: 30px; margin-right: 8px; object-fit: contain; object-position: center; }
#progressbar li img + img { display: none;}
#progressbar li.active span.li-inside{ background-image: -moz-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); background-image: -webkit-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); background-image: -ms-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); color: #343434; }
#progressbar li.active img { display: none;}
#progressbar li.active img + img { display: block;}
#progressbar li:first-child span.li-inside{ border-radius: 10px 0px 0px 10px; clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); }
#progressbar li:last-child span.li-inside { border-radius: 0px 10px 10px 0px; clip-path: polygon(100% 0%,100% 50%,100% 100%,0% 100%,15% 50%,0% 0%); }
#progressbar li.active span.li-inside:before{ background-image: -moz-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); background-image: -webkit-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); background-image: -ms-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); }

.kg-checkbox [type="radio"]:checked + label::before, 
.kg-checkbox [type="radio"]:not(:checked) + label::before { top: 0px; }
[type="radio"]:checked + label::after, [type="radio"]:not(:checked) + label::after { top: 5px;}

/*  */

.fieldset-title { font-size: 30px; color: rgb(52, 52, 52); margin-bottom: 25px; padding-top: 20px; padding: 20px 10px 0px; text-align: center; }
.map-div{ border-radius: 14px; background-color: rgb(3, 75, 177); max-width: 629px; width: 100%; height: 334px; width: 100%; margin: 0px auto; }
.map-div img { width: 100%; height: 100%; object-fit:cover; object-position: center;  border-radius: 14px; }
.map-div .map-one { border-radius: 14px;}
.whare-to-fieldset .company-form-block label { top: 0px; position: relative; left: 0; padding:0px; font-size: 14px; color: #343434; margin-bottom: 3px; }
.F-middle-box.whare-to-fieldset .middle-content { border-bottom: 1px solid rgb(222, 228, 240) !important; padding: 20px 15px;}
.whare-to-fieldset .company-form-block .input-group { border-radius: 25px; }
.whare-to-fieldset .company-form-block .input-group .form-control{ border: none !important; border-radius: 25px; }
.whare-to-fieldset .company-form-block .input-group .input-group-text { background: none; border: none; padding-right: 0px; }
.whare-to-fieldset .company-form-block .input-group .input-group-text img { width: 20px; height: 20px;  }

.addmore-text { font-size: 16px; color: #204d6c; font-family: 'SF Pro Display Bold'; }
.addmore-text:hover { color: #204d6c !important; }
/* vehicle-section */

.furniture-section.booked-section .F-middle-box.vehicle-section { position: relative; border-radius: 12px;  background-image: -moz-linear-gradient( 132deg, rgb(255,255,255) 0%, rgb(240,241,245) 7%, rgb(240,241,245) 88%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 132deg, rgb(255,255,255) 0%, rgb(240,241,245) 7%, rgb(240,241,245) 88%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 132deg, rgb(255,255,255) 0%, rgb(240,241,245) 7%, rgb(240,241,245) 88%, rgb(255,255,255) 100%);
    max-width: 811px; width:100%; } 

.furniture-section.booked-section .F-middle-box.vehicle-section:before { position:absolute; content: ""; left: 0px; top: 0px; right: 0px;
    background-image: -moz-linear-gradient( 90deg, rgb(240,241,245) 0%, #fcf1fb 54%, #FFE484  100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(240,241,245) 0%, #fcf1fb 54%, #FFE484  100%);
    background-image: -ms-linear-gradient( 90deg, rgb(240,241,245) 0%, #fcf1fb 54%, #FFE484  100%);
    width: 100%; height: 182px; border-radius: 10px 10px 0px 0px; }

.vehicle-section .select-service-box-top .media-body h6 { font-size: 18px; color: rgb(52, 52, 52); }
.vehicle-section .select-service-box-top .media-body p {  color: rgb(52, 52, 52); line-height: 1.571; }
.vehicle-section .select-service-box-top { max-width: 550px; margin: 0px auto; width: 100%; position: relative; }

.services-selective { width: 100%; display: flex; align-items: center; }
.vehicle-section .services-boxs .services-box-step .s-icon { width: 200px; height: 200px; background: #fff; margin-bottom: 40px; background: url(../../images/shapes.svg) no-repeat; background-position: center; background-size: cover; }

.vehicle-section .services-boxs .edit-view .view-icon { position: absolute; right: auto; top: auto; bottom: 10px; left: 50%;  }
.vehicle-section .services-boxs .services-box-step .s-icon img.ser-img { width: 65%; height: 65%; }  
.vehicle-section .services-boxs .services-box-step h6 { font-size: 16px; color: #212529;  font-family: 'SF Pro Display Bold';  padding: 0px; }
.vehicle-section .services-boxs .services-box-step p { color: #343434;  }

#vehicleinfo-1, #vehicleinfo-2, #vehicleinfo-3 { max-width: 145px; width: 100%; border-right: 1px solid #343434;  padding: 10px; position: relative; }
#vehicleinfo-4, #vehicleinfo-5, #vehicleinfo-6 { position: relative; }
#vehicleinfo-7, #vehicleinfo-8, #vehicleinfo-9 { max-width: 145px; width: 100%; border-left: 1px solid #343434;  padding: 10px; /* text-align: right; */ margin-left: auto; position: relative; }

#vehicleinfo-1:before, #vehicleinfo-2:before, #vehicleinfo-3:before { position: absolute; content: ""; width: 1px; height: 30px; background: #343434; right: -9px; top: -27px; transform: rotate(35deg); }
#vehicleinfo-4:before, #vehicleinfo-5:before, #vehicleinfo-6:before { position: absolute; content: ""; width: 1px; height: 30px; background: #343434; left: 50%; top: -45px; }
#vehicleinfo-7:before, #vehicleinfo-8:before, #vehicleinfo-9:before { position: absolute; content: ""; width: 1px; height: 30px; background: #343434; left: -9px; top: -27px; transform: rotate(-35deg); }


/* .vehicle-section .services-boxs .services-box-step  #vehicleinfo-9 h6 { text-align: right; }
.vehicle-section .services-boxs .services-box-step #vehicleinfo-9 p { text-align: right;} */
.vehicle-section .services-boxs .services-box-step #vehicleinfo-6 h6 { text-align: center; }
.vehicle-section .services-boxs .services-box-step #vehicleinfo-6 p { text-align: center;}

.vehicle-section .services-boxs:nth-child(1),
.vehicle-section .services-boxs:nth-child(2),
.vehicle-section .services-boxs:nth-child(3) { width: 33.33%;}
.vehicle-section .services-boxs:nth-child(4),
.vehicle-section .services-boxs:nth-child(5),
.vehicle-section .services-boxs:nth-child(6) { width: 33.33%; margin: 0px 2.5%; }
.vehicle-section .services-boxs:nth-child(7),
.vehicle-section .services-boxs:nth-child(8),
.vehicle-section .services-boxs:nth-child(9) { width: 33.33%;}


.vehicle-section .services-boxs:nth-child(1) [type="radio"],
.vehicle-section .services-boxs:nth-child(2) [type="radio"],
.vehicle-section .services-boxs:nth-child(3) [type="radio"] { right: -30px; left: auto; top: -45px;}
.vehicle-section .services-boxs:nth-child(4) [type="radio"],
.vehicle-section .services-boxs:nth-child(5) [type="radio"],
.vehicle-section .services-boxs:nth-child(6) [type="radio"] {   left: 50%; transform: translateX(-50%); height: 65%;}
.vehicle-section .services-boxs:nth-child(7) [type="radio"],
.vehicle-section .services-boxs:nth-child(8) [type="radio"],
.vehicle-section .services-boxs:nth-child(9) [type="radio"] {left: -30px;  top: -50px;  }



/* 
.vehicle-section .services-boxs { }
 */
.vehicle-section .services-boxs:nth-child(1) .services-box-step,
.vehicle-section .services-boxs:nth-child(2) .services-box-step,
.vehicle-section .services-boxs:nth-child(3) .services-box-step { margin-top: -95px; }

.vehicle-section .services-boxs:nth-child(7) .services-box-step,
.vehicle-section .services-boxs:nth-child(8) .services-box-step,
.vehicle-section .services-boxs:nth-child(9) .services-box-step { margin-top: -95px; }

.vehicle-section .services-boxs:nth-child(1) .services-box-step .s-icon,
.vehicle-section .services-boxs:nth-child(2) .services-box-step .s-icon,
.vehicle-section .services-boxs:nth-child(3) .services-box-step .s-icon{ margin-left: auto; margin-right: -50px; margin-bottom: 0px; }
.vehicle-section .services-boxs:nth-child(7) .services-box-step .s-icon,
.vehicle-section .services-boxs:nth-child(8) .services-box-step .s-icon,
.vehicle-section .services-boxs:nth-child(9) .services-box-step .s-icon{ margin-right: auto;   margin-left: -50px; margin-bottom: 0px; }
.vehicle-section .services-boxs [type="radio"]:checked + .services-box-step { box-shadow: none !important; }


/*  */

.furniture-section.booked-section .F-middle-box.vehicle-section .company-form-block{ margin-top: 40px; }

.vehicle-section .services-boxs:nth-child(1) .s-icon,
.vehicle-section .services-boxs:nth-child(2) .s-icon,
.vehicle-section .services-boxs:nth-child(3) .s-icon {  background: url(../../images/1.svg) no-repeat; background-position: center; background-size: cover; filter: drop-shadow(1px 5px 1px #D8DBE8); }
.vehicle-section .services-boxs:nth-child(4) .s-icon,
.vehicle-section .services-boxs:nth-child(5) .s-icon,
.vehicle-section .services-boxs:nth-child(6) .s-icon {  background: url(../../images/2.svg) no-repeat; background-position: center; background-size: contain; width: 208px; filter: drop-shadow(0px 5px 1px #D8DBE8); }
.vehicle-section .services-boxs:nth-child(7) .s-icon,
.vehicle-section .services-boxs:nth-child(8) .s-icon,
.vehicle-section .services-boxs:nth-child(9) .s-icon {  background: url(../../images/3.svg) no-repeat; background-position: center; background-size: cover; filter: drop-shadow(-1px 5px 1px #D8DBE8); }

.vehicle-section .services-boxs:nth-child(1) .s-icon .edit-view .view-icon,
.vehicle-section .services-boxs:nth-child(3) .s-icon .edit-view .view-icon,
.vehicle-section .services-boxs:nth-child(3) .s-icon .edit-view .view-icon { right: 48px; left: auto; }
.vehicle-section .services-boxs:nth-child(4) .s-icon .edit-view .view-icon,
.vehicle-section .services-boxs:nth-child(5) .s-icon .edit-view .view-icon,
.vehicle-section .services-boxs:nth-child(6) .s-icon .edit-view .view-icon { right: 10px; left: auto; bottom: 35px; }
.vehicle-section .services-boxs:nth-child(7) .s-icon .edit-view .view-icon,
.vehicle-section .services-boxs:nth-child(8) .s-icon .edit-view .view-icon,
.vehicle-section .services-boxs:nth-child(9) .s-icon .edit-view .view-icon { left: 48px; }

.vehicle-section .services-boxs:nth-child(1) .s-icon .price-tag,
.vehicle-section .services-boxs:nth-child(2) .s-icon .price-tag,
.vehicle-section .services-boxs:nth-child(3) .s-icon .price-tag { top: 0px; left: 57%; transform: translateX(-50%);}
.vehicle-section .services-boxs:nth-child(1) .s-icon .price-tag .price-txt,
.vehicle-section .services-boxs:nth-child(2) .s-icon .price-tag .price-txt,
.vehicle-section .services-boxs:nth-child(3) .s-icon .price-tag .price-txt { min-width: 80px; height: 46px; background: url(../../images/shapes1.png) no-repeat; background-position: center; background-size: contain; }

.vehicle-section .services-boxs:nth-child(4) .s-icon .price-tag,
.vehicle-section .services-boxs:nth-child(5) .s-icon .price-tag,
.vehicle-section .services-boxs:nth-child(6) .s-icon .price-tag { top: 21px; left: 50%; transform: translateX(-50%);}
.vehicle-section .services-boxs:nth-child(4) .s-icon .price-tag .price-txt,
.vehicle-section .services-boxs:nth-child(5) .s-icon .price-tag .price-txt,
.vehicle-section .services-boxs:nth-child(6) .s-icon .price-tag .price-txt { min-width: 180px; height: auto; background: url(../../images/shapes2.png) no-repeat; background-position: center; background-size: contain; }

.vehicle-section .services-boxs:nth-child(7) .s-icon .price-tag,
.vehicle-section .services-boxs:nth-child(8) .s-icon .price-tag,
.vehicle-section .services-boxs:nth-child(9) .s-icon .price-tag { top: -1px; left: 41%; transform: translateX(-50%);}
.vehicle-section .services-boxs:nth-child(7) .s-icon .price-tag .price-txt,
.vehicle-section .services-boxs:nth-child(8) .s-icon .price-tag .price-txt,
.vehicle-section .services-boxs:nth-child(9) .s-icon .price-tag .price-txt { min-width: 80px; height: 46px; background: url(../../images/shapes3.png) no-repeat; background-position: center; background-size: contain; }



/* handling-block */

.furniture-section.booked-section .F-middle-box.handling-block { max-width: 100%; background: none; }
.handling-block.F-middle-box .middle-content { padding: 0px; }
.handling-block.F-middle-box .choose-delivery-block { max-width: 740px; margin: 0px auto; margin-top: 20px; }
.handling-block.F-middle-box .nav-pills { padding-top: 0px; flex-wrap: nowrap; align-items: flex-start; padding-bottom: 15px; }
.handling-block.F-middle-box .choose-delivery-block .choose-box { background-color: none !important; }
/* .handling-block.F-middle-box .choose-delivery-block .choose-box.active {  } */
.handling-block.F-middle-box .nav-pills .nav-item .nav-link { width: 200px; height: 200px; background:url(../../images/text-shapes-white-left.png) no-repeat;   background-position: center; background-size: contain; margin: 0px; }
.handling-block.F-middle-box .nav-pills .nav-item:last-child .nav-link { background:url(../../images/text-shapes-white-right.png) no-repeat;   background-position: center; background-size: contain;  }

.handling-block.F-middle-box .nav-pills .nav-item .nav-link.active {background:url(../../images/text-shapes-color-left.png) no-repeat; background-position: center; background-size: contain; }

.handling-block.F-middle-box .nav-pills .nav-item .nav-link{ -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
.handling-block.F-middle-box .nav-pills .nav-item .nav-link:hover { -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px); }

.handling-block.F-middle-box .nav-pills .nav-item:last-child .nav-link.active { background:url(../../images/text-shapes-color-right.png) no-repeat; background-position: center; background-size: contain;  }
.handling-block.F-middle-box .choose-delivery-block .choose-box span { font-size: 18px; }

.handling-block.F-middle-box .choose-delivery-block .choose-box img { width: 85px; height: 85px; margin-bottom: 10px; display: block !important; }
.handling-block.F-middle-box .nav-pills .yoga-girl { width: 340px; height: auto; margin-top: 50px; }
.handling-block.F-middle-box .nav-pills .yoga-girl img { width: 100%; height: 100%; object-fit:cover; object-position: center; }

#pills-tabContent .tab-pane { max-width: 410px; width: 100%; height: auto; padding: 20px; margin: 0px auto;  background:url(../../images/Layer.png) no-repeat; background-position: center;background-size: 100% 100%; }
.door-to-door .description {  font-size: 14px; color: rgb(52, 52, 52); line-height: 1.571; text-align: left;}
  

/* delivery-block */


.delivery-container { max-width: 1250px; width: 100%; margin: 0px auto; }

.furniture-section.booked-section .F-middle-box.delivery-block { background: none !important; max-width: 100%; }
.delivery-top-section { width: 100%; display: flex; align-items: flex-end; margin-bottom: 50px; }
.delivery-top-section .image-block {  background: url(../../images/text-shapes-color-left.png) no-repeat; background-position: center; background-size: contain; width: 200px; height: 200px;  margin: 0px; display: flex; align-items: center; justify-content: center;
flex-direction: column; padding: 20px; margin-right: 25px; }
.delivery-top-section .image-block img { width: 85px; height: 85px; margin-bottom: 10px; }
.delivery-top-section .image-block span {  font-size: 18px; color: #fff; font-weight: 800; display: block; }


.helper-text-row { display: flex; align-items: center; justify-content: space-between; }
.helper-text-row .htext { font-size: 18px; color: #343434; font-family: 'SF Pro Display Bold'; margin-bottom: 0px; }
.helper-text-row .htext span { color: red; }

.delivery-helper-block { width: 100%; flex: 1; }
.helper-img { width: 130px; height: 130px; margin-bottom: 10px; }
.helper-img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.switch-btn { width: 100%; display: flex; align-items: center; flex: 1; padding-left: 10px; max-width: 275px; justify-content: flex-end; }
.switch-btn .switch-text { font-size: 14px; color: #343434; font-family: 'SF Pro Display Bold'; margin-bottom: 0px; }
.switch3 { position: relative; display: inline-block; width: 104px; height: 47px; border-radius: 50px; cursor: pointer; transition: all 0.3s;
    overflow: hidden; margin-left: 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); margin-bottom: 0px; border: solid 4px #e21d24; background-color: rgb(191, 205, 226);}
.switch3 input {  display: none; }
.switch3 input:checked + div { left: calc(80px - 22px);}
.switch3 div { position: absolute; width: 34px; height: 34px; border-radius: 50%; top: 2px; left: 4px; background-color: rgb(3, 75, 177); transition: all 0.3s;border: 5px solid #fff; }
.switch3 div:before,
.switch3 div:after { position: absolute; content: "YES";width: calc(80px - 18px); height: 37px; line-height: 37px; font-size: 18px; font-weight: bold; top: -5px;  text-align: center; }
.switch3 div:before { content: "NO"; color: #343434; left: 100%; }
.switch3 div:after { content: "YES"; right: 100%; color: #343434; }
.switch3-checked {  background-color: #e74c3c;  box-shadow: none; }


.delivery-address-row { background-image: -moz-linear-gradient( 90deg, rgb(222,228,240) 0%, rgb(238,243,253) 100%, rgb(226,236,255) 100%); display: flex; align-items: center;
    background-image: -webkit-linear-gradient( 90deg, rgb(222,228,240) 0%, rgb(238,243,253) 100%, rgb(226,236,255) 100%); background-image: -ms-linear-gradient( 90deg, rgb(222,228,240) 0%, rgb(238,243,253) 100%, rgb(226,236,255) 100%);
    max-width: 1251px; width: 100%; border-bottom: 1px solid rgb(175, 193, 227); padding: 10px; }
.delivery-address-row .da-name { font-size: 14px; color: #343434; font-family: 'SF Pro Display Bold'; margin-bottom: 0px; padding: 20px; width: 200px; }
.delivery-address-row .f-no .fnumber { font-size: 16px; color: #343434; margin-bottom: 0px; }
.delivery-address-row .f-no .fnumber span { border-radius: 50%; background-color: #204d6c; width: 17px; height: 17px; font-size: 12px; color: #fff; display: inline-block; text-align: center; }
.delivery-address-row .f-no {  display: flex; align-items: center; max-width: 410px; width: 100%; }

.delivery-address-row .f-no span {cursor:pointer;}
.delivery-address-row .f-no .minus, .delivery-address-row .f-no .plus{ width:19px; height:19px; background:#a9b6d4; border-radius:50%; text-align: center; font-size: 18px; color: #fff; font-family: 'SF Pro Display Bold'; line-height: 16px;}
.delivery-address-row .f-no .pik_minus, .delivery-address-row .f-no .pik_plus{ width:19px; height:19px; background:#a9b6d4; border-radius:50%; text-align: center; font-size: 18px; color: #fff; font-family: 'SF Pro Display Bold'; line-height: 16px;}
.delivery-address-row .f-no input{ height:19px; line-height:19px; width: 100px; text-align: center; font-size: 26px; background-color: rgb(230, 235, 246); border:none !important; box-shadow: none !important; border-radius:0; display: inline-block; vertical-align: middle; outline: none !important; font-size: 14px; color: #909090; z-index: 1; }
.delivery-address-row  .number { margin: 0px 10px; display: flex; align-items: center; max-width: 250px; width: 100%; position: relative; justify-content: space-between; }
.delivery-address-row  .number:before { border: solid 1px rgb(222, 228, 240); content: ""; background-color: rgb(255, 255, 255); position: absolute; width: 200px; height: 10px; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 10px; }

.delivery-block.F-middle-box .no-hours { margin-bottom: 0px; display: flex; align-items: center; }
.delivery-block.F-middle-box .no-hours span { font-size: 16px; color: #343434; display: inline-block; position: relative; }
.delivery-block.F-middle-box .no-hours span img.ele-img { width: 40px; height: 40px; margin-right: 5px; }
.delivery-block.F-middle-box .no-hours span img.stop { width: 40px; height: 40px; margin-right: 5px; position: absolute; z-index: 1; left: 0px; }
.delivery-block .item-elevator .btn-toggle { box-shadow: none !important; border: solid 1px rgb(222, 228, 240); background-color: rgb(255, 255, 255); width: 73px; height: 34px; margin: 0px 10px; }
.delivery-block .item-elevator .btn-toggle > .handle { border-radius: 50%;  background-color: #204d6c;  width: 24px; height: 24px; }  

.delivery-block .item-elevator .btn-toggle::before { display:none; }
.delivery-block .item-elevator .btn-toggle::after { display:none; }

.delivery-block .custom-check-box { width: 100%; display: block; margin-bottom: 20px; }
.delivery-block .check-boxs { width: 100%; margin-bottom: 18px; }
.delivery-block .custom-checks { background: none;padding-top: 0px; padding-bottom: 0px;  width: 100% !important;}
.delivery-block .checkbox { position: relative; padding-left: 30px; cursor: pointer;font-size: 16px; line-height: 24px; -webkit-user-select: none; color: #343434 !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0;  margin-left: 20px; }
.delivery-block .checkbox a { color: #1C1D21 !important;  text-decoration: underline !important; }
.delivery-block .checkbox a:hover { color:#F71F4D !important; }
.delivery-block .checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.delivery-block .checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background-color: rgb(255, 255, 255); }

.delivery-block .checkmark::after { display: none;}
.delivery-block .checkmark::after {content: "";position: absolute; left: 6px; top: 1px; width: 7px; height: 14px; border: solid #204d6c; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark::after { display: block;}

.delivary-total { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 10px 0px 20px; }
.delivary-total p { margin-bottom: 0px; font-size: 20px; color: #343434; font-family: 'SF Pro Display Bold'; font-weight: normal; }






/* information-block */

/* .information-block {  } */
.common-bg-block .select-service-box-top { padding: 30px 85px; position: relative; }
.common-bg-block { border-radius: 12px; background-image: -moz-linear-gradient( 132deg, rgb(255,255,255) 0%, rgb(240,241,245) 7%, rgb(240,241,245) 88%, rgb(255,255,255) 100%); background-image: -webkit-linear-gradient( 132deg, rgb(255,255,255) 0%, rgb(240,241,245) 7%, rgb(240,241,245) 88%, rgb(255,255,255) 100%); background-image: -ms-linear-gradient( 132deg, rgb(255,255,255) 0%, rgb(240,241,245) 7%, rgb(240,241,245) 88%, rgb(255,255,255) 100%); position: relative; }
.common-bg-block::before { position: absolute; content: ""; left: 0px; top: 0px; right: 0px; background-image: -moz-linear-gradient( 90deg, rgb(240,241,245) 0%, #fcf1fb 54%, #FFE484 100%);
 background-image: -webkit-linear-gradient( 90deg, rgb(240,241,245) 0%, #fcf1fb 54%, #FFE484 100%); background-image: -ms-linear-gradient( 90deg, rgb(240,241,245) 0%, #fcf1fb 54%, #FFE484 100%);
width: 100%; height: 182px; border-radius: 10px 10px 0px 0px; }
.select-service-box-top .media-body h6 {  font-size: 18px; color: rgb(52, 52, 52);}
.select-service-box-top .media-body p {  color: rgb(52, 52, 52); line-height: 1.571; }

.common-bg-block.F-middle-box .middle-content .heading { font-size: 18px; color: #343434; font-family: 'SF Pro Display Bold'; font-weight: normal; }
.common-bg-block .company-form-block label { position: relative; background: transparent; top: 0; left: 0; padding: 0px; font-size: 14px; color: #343434; margin-bottom: 3px; }
.common-bg-block.F-middle-box .middle-content .form-group .form-control { font-size: 14px; color: #343434; font-family: 'SF Pro Display Bold'; font-weight: normal; border: solid 1px rgb(234, 234, 234);  border-radius: 25px; background-color: rgb(255, 255, 255); resize: unset;}
.common-bg-block.F-middle-box .middle-content .form-group .form-control:placeholder { color: #c2c2c2; }
.common-bg-block.F-middle-box .item-elevator .label-N{ font-size: 16px; color:#343434; font-family: 'SF Pro Display Bold'; font-weight: normal; }
.common-bg-block .company-form-block label span { border-radius: 50%; background-color: #204d6c; width: 17px; height: 17px; font-size: 12px; color: #fff; display: inline-block; text-align: center; }
.common-bg-block .company-form-block .input-group { border: none !important;  }
.common-bg-block .company-form-block .input-group .form-control { border-radius: 25px 0px 0px 25px !important; height: 53px !important; border-right: 0px !important; }
.common-bg-block .company-form-block .input-group-append .btn { font-size: 16px; color: #fff; line-height: 1.632; font-family: 'SF Pro Display Bold'; font-weight: normal; 
box-shadow: none !important; border: none !important; background-color: #e21d24; width: 90px; height: 53px; border-radius: 0px 25px 25px 0px; padding: 10px; } 

/* .common-bg-block .company-form-block .input-group-append { display: none !important } */
input[type="file"]::file-selector-button { position: absolute; right: 0px; top: 0px;
    content: "Upload"; display: none;  color: transparent;
    font-size: 1px;
    color: #fff;
    line-height: 1.632;
    font-family: 'SF Pro Display Bold';
    font-weight: normal;
    box-shadow: none !important;
    border: none !important;
    background-color: #e21d24;
    width: 90px;
    height: 53px;
    border-radius: 0px 25px 25px 0px;
    padding: 10px;
}




/* calendar-block */

.middle-content .M-date { font-size: 14px; color:#343434;   }
.middle-content .m-date-y {  font-family: 'SF Pro Display Bold'; font-weight: normal; }

.calendar-block { background: #fff !important; }
.calendar-block.common-bg-block::before { background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%, #fcf1fb 54%, #FFE484 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%, #fcf1fb 54%, #FFE484 100%);  
    background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%, #fcf1fb 54%, #FFE484 100%); }
  
/*  */

.summary-block{ background: #fff !important; }
.summary-block.common-bg-block::before { background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%,  #fcf1fb 54%, #FFE484 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%,  #fcf1fb 54%, #FFE484 100%);  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%,  #fcf1fb 54%, #FFE484 100%); }
  
.summary-block.F-middle-box .middle-content { padding: 10px !important;}
.data-pickup .pickup-data .left-pin.pen-id {  width: 18px !important; height: 18px !important; }
.data-pickup .pickup-data { padding: 20px 0px;}
.table tbody td { font-weight: normal; padding: 6px 0px; }
.plus-icons { width: 20px; height: 20px;}
.plus-icons::before { font-size: 10px;}
.data-pickup .pickup-data .left-pin { width: 30px !important; height: 30px !important; margin-left: 0px; }
.data-pickup .pickup-data .pen-id img {  padding: 0px; vertical-align: top; }
.table .table { background: none;  }
.data-pickup .pickup-data { border-bottom: 1px solid rgb(222, 228, 240) !important;}
.data-pickup .input-group { padding: 0px; }
.howder-includes .be-howder-txt { background-color: rgb(222, 228, 240); font-size: 14px; color: #343434; font-family: 'SF Pro Display Bold'; font-weight: normal; }
.howder-includes .txt-width .m-txts img { width: 28px; height: 28px;}
.data-pickup .input-group .input-group-text { font-size: 16px; color: #fff; line-height: 1.632; font-family: 'SF Pro Display Bold'; font-weight: normal; 
box-shadow: none !important; border: none !important; background-color: #e21d24; width: 90px; height: 53px; border-radius: 0px 25px 25px 0px !important; padding: 10px;  }
.confirm-btn { border-radius: 50px; background-color: #e21d24; font-size: 18px; font-family: 'SF Pro Display Bold'; font-weight: normal; margin-bottom: 0px; }

.table-img { width: 30px; height: 30px; margin-left: 5px; }
.no-elevator { position: relative; }
.no-elevator img.stop { width: 30px; height: 30px; position: absolute; z-index: 1; right: 0px;}  


/* contact-info-block */

.furniture-section.booked-section .F-middle-box.contact-info-block { padding-bottom: 45px; }

.contact-info-block{ background: #fff !important; }
.contact-info-block.common-bg-block::before { background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 0%,  #fcf1fb 54%, #FFE484 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 0%,  #fcf1fb 54%, #FFE484 100%);  background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 0%,  #fcf1fb 54%, #FFE484 100%); }

.contact-info-block.F-middle-box .middle-content { padding-bottom: 0px; }
.contact-info-block.F-middle-box .middle-content .heading { margin-bottom: 20px; }
.contact-info-block .input-group-text {  background-color: rgb(243, 243, 243); width: 60px; height: 53px; border-radius: 0px 50px 50px 0px  !important; border: solid 1px rgb(234, 234, 234); border-left:0px;
display: flex; align-items: center; justify-content: center; }
.contact-info-block .input-group-text img  { width: 26px; height: 26px; object-fit: cover; object-position: 0px; }
.common-bg-block .company-form-block .input-group.contary-code-group { border: solid 1px rgb(234, 234, 234) !important; border-radius: 50px !important; }
.common-bg-block .company-form-block .input-group.contary-code-group .input-group-text { border: none !important; }
.contact-info-block .custom-check-box { width: 100%; display: block; margin-bottom: 20px; }
.contact-info-block .check-boxs { width: 100%; margin-bottom: 18px; }
.contact-info-block .custom-checks { background: none;padding-top: 0px; padding-bottom: 0px;  width: 100% !important;}
.contact-info-block .checkbox { position: relative !important; padding-left: 30px !important; cursor: pointer !important;font-size: 14px !important; line-height: 24px !important; -webkit-user-select: none; color: #343434 !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0 !important; font-weight: normal !important;}
.contact-info-block .checkbox a { color: #1C1D21 !important;  text-decoration: underline !important; }
.contact-info-block .checkbox a:hover { color:#F71F4D !important; }
.contact-info-block .checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.contact-info-block .checkmark { position: absolute; top: 2px; left: 0; height: 20px !important; width: 20px !important;  background-color: rgb(233, 238, 248) !important; border-radius: 0px !important; }
.contact-info-block .company-form-block .form-group { margin-bottom: 20px;}

.logo-img { background-color: rgb(244, 244, 244); height: 70px; display: flex; flex-direction: column; justify-content: center; }
.logo-img img { background: none !important; height: auto !important; padding: 0px ; }  
.logo-img .logos-ones { padding: 0px 0px;}
.logo-img .logos-ones .logo-py { width: 20px; height: 20px; margin: 0px 4px;}
.logo-img.stripe-img .logo-user{ height: 50px !important; padding: 0px !important; }

/* modal design */


.modal .dataPart-dioloag.modal-dialog { max-width: 692px !important; }
  
/*  */

.custom-calender-block { padding-top: 25px; }
.custom-calender-block .cc-top { width: 100%; display: flex; align-items: center; justify-content: space-between; margin: 10px 0px 15px; }
.month-year {  font-size: 18px; color:#343434; font-family: 'SF Pro Display Bold'; font-weight: normal;  margin-bottom: 0px;  }
.arrow-block { width: 200px; display: flex; align-items: center; justify-content: flex-end; }
.arrow-block a { border-radius: 50%; background-color: #FFF0BD; width: 24px; height: 24px; display: block; margin-left: 10px; display: flex; align-items: center; justify-content:center; }
.arrow-block a:hover { background-color: #204d6c; }
.arrow-block  a img { width: 16px; height: 16px; }  
.arrow-block  a img + img { display: none; }
.arrow-block  a:hover img {  display: none; }  
.arrow-block  a:hover img + img { display: block; }

.calender-block { width: 100%; display: flex;  }
.calender-row { width: 14.28%; padding: 0px 5px; }
.calender-row.cr-bg{ border-radius: 8px; background-color: #FFF0BD; }
.week-date { font-size: 14px; color: #343434; text-align: center; margin:0px; padding: 10px 0px; }
.week-date span { font-size: 16px; color: #343434; font-family: 'SF Pro Display Bold'; font-weight: normal;  display: block; margin-top: 3px; }

.time-radio { text-align: center; margin-bottom: 10px !important; }
.time-radio input[type="radio"] { display:none;}
.time-radio label { padding: 4px 0px !important;  width: 82px; text-align: center; cursor: pointer; color: #343434 !important; font-size: 12px !important; }
.time-radio .blank-label { display: none;}
.time-radio input[type="radio"]:checked + label {border-radius: 8px; background-color: #204d6c; color: #fff !important; }

.time-radio [type="radio"]:checked + label::before, .time-radio [type="radio"]:not(:checked) + label::before { display: none !important; }
.time-radio [type="radio"]:checked + label::after, .time-radio [type="radio"]:not(:checked) + label::after { display: none !important; }

.required_inp { display: flex; align-items:center; width: 100%; }
.inputRemove { box-shadow: none !important; font-size: 12px; background-color: #e21d24 !important; border-color: #e21d24 !important; margin-left: 10px; }
  

/* summery modal */

#summeryModal .summery-data { width: 100%; position: relative; display: block !important; }
#summeryModal .modal-dialog .modal-content .modal-body { padding: 0; }
#summeryModal .modal-dialog .modal-content .modal-header { padding: 0; }
#summeryModal .modal-dialog .modal-content .modal-header .close { z-index: 111; border-radius: 0; line-height: 20px; opacity: 0.6; }
#summeryModal .modal-dialog .modal-content .modal-header .close:hover { opacity: 1; }
#summeryModal .table tbody .D-table { font-weight: 600; }
#summeryModal .T-price { padding: 20px 0px; }





/* new home page design */

header .navbar {display: flex; }
.main-header { padding: 5px 42px;  }
.search-lefts { width: 100%; flex: 1; }
header .navbar-nav { margin-left: auto;}
header .navbar-brand { margin-right: 200px;}

.new-H-sections { position: relative; width: 100%; display: flex;  background:url(../../images/map_mask.png) repeat-x; background-size: contain; background-position: center; }   
/* .new-H-sections::before{ position: absolute; content: ""; width: 200%; background: #FFE484/* #DEE6FF; height: 146px;  bottom: -8px; transform: rotate(-4deg); left: -10px; } */
.new-H-sections .top-H-img { background: #204d6c url(../../images/map_mask.png) repeat-x;  background-size: contain; background-position: center; }
.new-H-sections.H-sections .H-top-contents  { position: relative; }
.new-H-sections.H-sections .H-top-contents .title { font-size: 46px; line-height: 52px; color: #14142B !important; font-family: 'rubikbold' !important; margin-bottom: 20px; }
.new-H-sections.H-sections .H-top-contents .title span.yellow { color: #e21d24; }
.new-H-sections.H-sections .H-top-contents .title span.blue { color: #204d6c; }
.new-H-sections.H-sections .H-top-contents { padding: 100px 70px; max-width: 50%; }
.new-H-sections.H-sections .H-top-contents .description { font-weight: 500; font-size: 18px; line-height: 26px; color:#616161 !important; font-family: 'rubikmedium' !important; margin-bottom: 30px; }
.new-H-sections .book-H { font-size: 16px; font-family: 'rubikmedium' !important; line-height: 21px; color: #FFFFFF; min-width: 220px; padding: 10px; background: #204d6c;  box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08);  border-radius: 3px;
    -webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out; white-space: normal;
}
.new-H-sections .book-H:hover { background: transparent; border-color: #204d6c; color: #204d6c !important; 
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}

.truck-box { width: 100%; display: block; position:absolute; content: ""; left: 0px; top: 0px; height: 100%; }
.truck-box .truck-img { width: 85px; height: 85px; position: absolute; }
.truck-box .truck-img img { width:100%; height: 100%; object-fit: contain; object-position: center; }
.truck-box .ti-1 { left: 12%; top: 50px;}
.truck-box .ti-2 {  left: 25%; bottom: 70px; }
.truck-box .ti-3 { left: -68px; top: 50%; }
.truck-box .ti-4 { top: 10px; left: -50px; }
.truck-box .ti-4-2 { top: 10px; left: 46%; }
.truck-box .ti-5 { top: 62%; left: 12%; }
.truck-box .ti-6 { bottom: 70px; right: 10%;  }
.truck-box .ti-7 { right: -45px; top: 40%;}
.truck-box .ti-8 { bottom: 50px; left: -42px; }
.truck-box .ti-8-2 { bottom: 50px; left: 47%; }

.new-H-sections .top-H-img { width: 100%; display: block; padding:50px 35px; position: relative; overflow: hidden; }
.new-H-sections .top-H-img .top-H-right-side { width: 100%; display: flex;  position: relative; z-index: 1; }
.new-H-sections .top-H-img .left-content { font-size: 24px;  font-family: 'rubikbold' !important; line-height: 36px; color: #FFFFFF; text-transform: uppercase; margin-top: 90px; }
.new-H-sections .top-H-img .left-content span { color: #e21d24; }
.new-H-sections .top-H-img .right-content { font-size: 20px; line-height: 27px; color: #FFF; margin-top: 36%;  }
.new-H-sections .top-H-img .right-content span { color: #e21d24; font-family: 'rubikmedium_italic'; }
.new-H-sections .top-H-img .right-content span + span { color: #fff; font-family: 'rubikmedium_italic'; }
.new-H-sections .top-H-img .mobile-view { max-width: 192px; height: 380px; margin: 0px auto; width: 100%; margin-bottom: 20px; position: relative; padding: 10px 10px; }
.new-H-sections .top-H-img .mobile-view:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0px; background:url(../../images/mobile-frame.png) repeat-x; background-size: contain; background-position: center;   }
.new-H-sections .top-H-img .mobile-view img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }
.new-H-sections .top-H-img .app-title { font-size: 18px; font-family: 'rubikmedium' !important; line-height: 24px; margin-bottom: 20px; text-align: center; color: #FFFFFF; }
.new-H-sections .top-H-img .app-btn { width: 100%; display: flex; align-items: center;  }
.new-H-sections .top-H-img .app-btn .btn { width: 120px; height: 36px; border-radius:5px; padding:0px; margin: 0px 10px; box-shadow:none !important; border: none !important; }
.new-H-sections .top-H-img .app-btn .btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius:5px; }
 
.new-D-same-days { padding: 0px;  background: linear-gradient(180deg, #ffefb7 0%, #f3edd8 36.46%, rgba(255, 255, 255, 0.773913) 57.29%, rgba(255, 255, 255, 0.521739) 75%, rgba(255, 255, 255, 0) 100%);}
.new-D-same-days .d-heads-section { width: 100%; Display: flex;}
.new-D-same-days .dsame-left-side { width: 50%; }
.new-D-same-days .dsame-left-side .title { font-size: 36px !important; line-height: 42px; color: #484848 !important; margin-bottom: 15px !important; font-family: 'rubikbold' !important; text-align: left !important; }
.new-D-same-days .dsame-left-side .title span { color: #204d6c;font-family: 'rubikbold' !important; }
.new-D-same-days .dsame-left-side .sub-title {  font-size: 18px !important; font-family: 'rubikmedium' !important; line-height: 23px; color: #909090 !important; max-width: 100% !important; text-align: left !important; margin-bottom: 0px !important; }
.new-D-same-days .detail-sbox { padding: 0px; width: 50%;  margin-top: -30px;  } 
.new-D-same-days .card-shops { width: 190px; height: 190px; margin: 0px auto 60px; background-color: #FFFFFF; padding: 15px; box-shadow:0px 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 9px;}
.new-D-same-days .card-shops .D-icons { width: 60px; height: 70px; margin-bottom: 10px; }
.new-D-same-days .card-shops .card-body .d-title { font-size: 14px; font-family: 'rubikmedium' !important; line-height: 17px; text-align: center; color: #616161;margin-bottom: 8px; }
.new-D-same-days .card-shops .card-body .description { font-weight: 400; font-size: 12px; margin-bottom: 10px; line-height: 14px; text-align: center; color: #919191; font-family: 'rubikregular'; }
.new-D-same-days .individuals-shops { margin-right: 0px; }


.new-same-day { width: 100%; display: block; padding: 35px 45px 60px;  }
.new-same-day .s-title { width: 650px; font-style: normal; font-size: 36px; line-height: 42px; text-align: center; color: #484848; font-family: 'rubikbold' !important;  margin: 0px auto 50px; }
.new-same-day .s-title span, .new-same-day .s-title a {  color: #204d6c;  }

.new-same-day .nav-pills { padding: 0px 0px; display: block; }
.new-same-day .nav-pills .nav-item { margin-bottom: 20px;  }
.new-same-day .nav-pills .nav-item .nav-link { display: inline-block; color: #909090; text-decoration: none !important; font-family: 'rubikmedium' !important; font-weight: 500; font-size: 20px; line-height: 27px;}
.new-same-day .nav-pills .nav-item .nav-link.active { color: #204d6c; }
.new-same-day .nav-pills .nav-item .nav-link img { width: 160px; margin-left: 10px; display:none; }
.new-same-day .nav-pills .nav-item .nav-link.active img { display: inline-block; }
.new-same-day.same-day .left-img { max-height: 290px;}

.new-same-day .same-boxs .tab-pane { max-width: 100% !important; padding: 0px !important; background: none !important; }
.new-same-day .offer-nav .o-title { font-size: 20px;line-height: 27px; color: #204d6c; font-family: 'rubikmedium' !important; }
.new-same-day .offer-nav .description { font-size: 16px; line-height: 25px; color: #909090; font-family: 'rubikregular'; }
.new-same-day .offer-nav ul li { font-size: 16px; line-height: 30px; color: #616161; display: flex; padding: 0px;  font-family: 'rubikregular'; }
.new-same-day .offer-nav ul li:before { position:relative; top: 4px; width:20px; height:20px; background:url(../../images/flytteicon.png) no-repeat; background-size: contain; background-position: center; margin-right: 12px; border-radius: 0 !important;   }
.new-same-day .same-boxs .tab-pane .book-btn { min-width: 130px; font-family: 'rubikmedium' !important; padding: 8px; background: #e21d24; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08);  border-radius: 3px; font-size: 16px; line-height: 18px; text-align: center; color: #2F2F2F; }
.new-same-day .offer-nav ul { margin-bottom: 40px;}

.new-same-day .same-boxs .tab-pane .book-btn{
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.new-same-day .same-boxs .tab-pane .book-btn:hover { background: transparent; border-color: #e21d24; color: #e21d24 !important; 
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}


.new-same-day .same-boxs { max-width: 80%; margin-left: auto; width: 100%; }  

.new-trusted-log.trusted-log { width: 100%; display: block; background:url(../../images/moving-ending1.png) no-repeat; background-size: cover; background-position: center; padding: 35px 45px !important; }
.new-trusted-log .logo-heading .heading { max-width: 565px; width: 100%; margin: 0px auto; font-family: 'rubikbold' !important; width: 100%; font-style: normal; font-size: 36px; line-height: 42px; text-align: center; color: #484848; }  
.new-trusted-log .logo-heading .logo-items { background: #FFFFFF; box-shadow: 5px 0px 21px #fde4fd/* #E4EAFD */; width: 94%; margin: 0px auto; display: flex; align-items: center; justify-content: center; padding: 10px; }
.new-trusted-log .logo-heading .logo-items-carousel { padding: 30px 0px 0px ;}


.earning-h-section.H-sections { width: 100%; min-height: 560px; display: block; background:url(../../images/bg-img2_new.jpg) no-repeat; background-size: cover; background-position: center; display: flex; }
.earning-h-section.H-sections .H-top-contents { max-width: 670px !important; min-height: 285px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0) 100%); backdrop-filter: blur(14px); backdrop-filter: -webkit-blur(14px); padding: 25px 40px; margin-top: auto; position: relative ;}
.earning-h-section.H-sections .H-top-contents:before{ position: absolute; content:""; width: 100%; height: 100%; left: 0px; top: 0px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);  }
.earning-h-section .H-top-contents .title { font-weight: normal; position: relative; font-family: 'rubikbold' !important; font-size: 36px; line-height: 42px; color: #FFFFFF; margin-bottom: 20px; }
.earning-h-section .H-top-contents .description { font-size: 18px; line-height: 30px; position: relative; color: #FFFFFF; margin-bottom: 30px !important;  font-family: 'rubikregular'; }
.earning-h-section .book-H { font-size: 16px; font-family: 'rubikmedium' !important; position: relative; line-height: 20px; color: #FFFFFF; min-width: 200px; padding: 10px; background: #204d6c; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 3px; -webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.earning-h-section .book-H:hover { background: transparent; border-color: #204d6c; color: #204d6c !important; 
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}

.New-N-howdy.N-howdy { width: 100%; display: block; padding: 35px 0px; background:url(../../images/ezgif.png) no-repeat; background-size: 50%; background-position: right bottom;  }
.New-N-howdy.N-howdy .heading { font-size: 36px; line-height: 42px; text-align: center; color: #484848; font-family: 'rubikbold' !important; }
.New-N-howdy .N-boxs .N-card .N-card-img { background: #FFFFFF; box-shadow: 5px 0px 21px #fde4fd/* #E4EAFD */; border: none !important; border-radius: 0px !important; padding: 15px 20px; max-width: 295px; height: 152px; }
.New-N-howdy .N-boxs .N-card .date { font-family: 'rubikmedium' !important; font-size: 12px; line-height: 15px; color: #9D9D9C; }
.New-N-howdy .N-boxs .N-card .title {font-family: 'rubikmedium' !important; font-size: 18px; line-height: 24px; color: #484848; }




/* footer */

footer { background: #1A1A1A; width: 100%; padding: 0px;  overflow: hidden;}

footer .listing { padding: 20px 45px; }
.footer-left-content { max-width: 456px; width: 100%; }
.site-logo { width: 125px; height: auto; margin-bottom: 20px;}
.site-logo a { display: block; width: 100%; height: 100%; }
.site-logo a img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.app-linkes-block { width: 100%; display: flex; align-items: center; margin-bottom: 25px; }
.app-linkes-block span { font-size: 12px; line-height: 14px; color: #e21d24; font-weight: normal; font-family: 'rubikbold' !important;  margin-right: 5px; }
.app-linkes-block span i { font-size: 10px; margin-left: 2px; }
.footer-text { font-style: normal; font-weight: 300; font-size: 12px; line-height: 14px; color: #FFFFFF; margin-bottom: 25px;  font-family: 'rubikregular'; }

.follow-block { width: 100%; display: flex; align-items: center;  }
.follow-block span { font-size: 12px; line-height: 14px; color: #e21d24; font-weight: normal; font-family: 'rubikbold' !important;  margin-right: 10px; }
.follow-block span i { font-size: 10px; margin-left: 2px; }
footer .social_icons { padding: 0px !important;}
.listing ul li a { margin-bottom: 0px; color: #888888;  font-family: 'rubikregular'; line-height: 17px; }
.listing ul li { margin-bottom: 5px; }

.listing .f-heading { font-size: 14px; font-family: 'rubikbold' !important; line-height: 19px; color: #FFFFFF; }
.listing .f-heading span { color: #e21d24; }

.footer-subcribe-block { width: 100%; display: block; clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%); background: #121212; height: 100%; padding: 25px 45px; padding-left: 70px; }
.book-F-align { text-align: left; margin-bottom: 50px; padding-top: 25px; }
.footer-subcribe-block .copy_right { font-family: 'rubikregular'; font-size: 12px; line-height: 14px; color: #616161; margin-bottom:0px; margin-top: 45px; }
.footer-subcribe-block .book-now {min-width: 160px; border: 1px solid transparent; height: auto;  font-family: 'rubikmedium' !important; padding: 8px; background: #e21d24; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 3px; font-size: 16px; line-height: 20px; color: #2F2F2F;
margin-bottom: 0px; }

.footer-subcribe-block .book-now{
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.footer-subcribe-block .book-now:hover { background: transparent; border-color: #e21d24; color: #e21d24 !important; 
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
-o-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}

.join-content { width: 100%; margin-bottom: 20px; }
.join-content .heading { font-size: 14px; line-height: 17px; color: #FFFFFF; font-family: 'rubikbold' !important; font-weight: normal; margin-bottom: 0px; }
.join-content .heading span {  color: #e21d24;  }
.join-content .data { font-size: 12px; line-height: 20px; color: #888888;  font-family: 'rubikregular'; }

footer .input-group { max-width: 310px; width:100%; height: 36px; background: #FFFFFF; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 3px;}
footer .input-group .form-control { font-style: normal; font-family: 'rubikregular'; box-shadow: none !important; font-size: 12px; line-height: 20px; color: #888888; background:none !important; border: none !important; border-radius: 3px 0px 0px 3px; }
footer .input-group .input-group-text { width: 92px; height: 100%; font-family: 'rubikmedium' !important; border: none; background: #e21d24; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 0px 3px 3px 0px; font-size: 14px; line-height: 17px; color: #fff; cursor: pointer; }
footer .f-menu-first { padding-top: 30px;  max-width: 125px; width: 100%;  margin-left: auto;}
footer .f-menu-second { padding-top: 30px; max-width: 125px; width: 100%; margin-left: auto; }
footer .play-stores .p-store { margin: 0px 5px; width: 100px; }


#payform [type="radio"]:checked + label::after, #payform [type="radio"]:not(:checked) + label::after { top: 30px;}


@supports (-moz-appearance:none) { 
    .earning-h-section.H-sections .H-top-contents:after { position: absolute; content:""; left: 0px; top: 0px; z-index: -1; filter: blur(35px); 
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0) 100%); width: 100%; height: 100%; }
}


[type="radio"]:checked + label::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


.error_body .btn-primary { background: #204d6c !important;  box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-color: #204d6c !important;  }
.error_body .btn-primary:hover, .error_body .btn-primary:focus { background: transparent !important; color: #204d6c !important;  }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: none !important; }

  


/* remove */

/* fieldset:not(:first-of-type) {
    display: block;
  }
 */
/* ------------------------Responsive-media---------------------------- */

@media(min-width:1200px) and (max-width:1298px) {
    .same-day .left-img {
        max-width: 616px;
    }
    .navbar-nav .nav-item {
        margin: 0px 1px;
    }

    #progressbar { max-width: 100%;}
    #progressbar li {max-width: 185px;}
    #progressbar li span.li-inside {font-size: 14px;}

}

/*  */

/* new home page design */

@media(min-width:2100px) {
.earning-h-section.H-sections {
    background-size: cover;
}

}





@media(min-width:1600px) {

    .truck-box .ti-4-2 { top: 10px; left: 47%;}
    .truck-box .ti-4 { left: -43px;}

}


@media(min-width:1680px) {

header .navbar {display: flex; }
.main-header { padding: 11px 70px;  }
.search-lefts { width: 100%; flex: 1; }
header .navbar-nav { margin-left: auto;}
header .navbar-brand { margin-right: 200px;}

.new-H-sections { position: relative; width: 100%; display: flex;  background:url(../../images/map_mask.png) repeat-x; background-size: contain; background-position: center; }  
.new-H-sections .top-H-img { background: #204d6c url(../../images/map_mask.png) repeat-x;  background-size: contain; background-position: center; }
.new-H-sections.H-sections .H-top-contents  { position: relative; }
.new-H-sections.H-sections .H-top-contents .title { font-size: 70px; line-height: 83px; color: #14142B; font-family: 'rubikbold' !important; margin-bottom: 20px; }
.new-H-sections.H-sections .H-top-contents .title span.yellow { color: #e21d24; }
.new-H-sections.H-sections .H-top-contents .title span.blue { color: #204d6c; }
.new-H-sections.H-sections .H-top-contents { padding: 50px 70px; max-width: 50%; padding-right: 20px; }
.new-H-sections.H-sections .H-top-contents .description { font-weight: 500; font-size: 22px; line-height: 26px; color: #616161; font-family: 'rubikmedium' !important; margin-bottom: 30px; }
.new-H-sections .book-H { font-size: 18px; font-family: 'rubikmedium' !important; line-height: 21px; color: #FFFFFF; min-width: 250px; padding: 10px; background: #204d6c;  box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08);  border-radius: 3px;}

.truck-box { width: 100%; display: block; position:absolute; content: ""; left: 0px; top: 0px; height: 100%; }
.truck-box .truck-img { width: 100px; height: 100px; position: absolute; }
.truck-box .truck-img img { width:100%; height: 100%; object-fit: contain; object-position: center; }
.truck-box .ti-1 { left: 12%; top: 50px;}
.truck-box .ti-2 {  left: 25%; bottom: 70px; }
.truck-box .ti-3 { left: -68px; top: 50%; }
.truck-box .ti-4 { top: 10px; left: -53px; }
.truck-box .ti-4-2 { top: 10px; left: 47%; }
.truck-box .ti-5 { top: 62%; left: 12%; }
.truck-box .ti-6 { bottom: 70px; right: 10%;  }
.truck-box .ti-7 { right: -45px; top: 40%;}
.truck-box .ti-8 { bottom: 50px; left: -38px; }
.truck-box .ti-8-2 { bottom: 50px; left: 48%; }

.new-H-sections .top-H-img { width: 100%; display: block; padding:103px 35px 47px; position: relative; overflow: hidden; }
.new-H-sections .top-H-img .top-H-right-side { width: 100%; display: flex;  }
.new-H-sections .top-H-img .left-content { font-size: 38px;  font-family: 'rubikbold' !important; line-height: 45px; color: #FFFFFF; text-transform: uppercase; margin-top: 90px; margin-left: 6px; }
.new-H-sections .top-H-img .left-content span { color: #e21d24; }
.new-H-sections .top-H-img .right-content { font-size: 26px; line-height: 36px; color: #FFF; margin-top: 36%;  }
.new-H-sections .top-H-img .right-content span { color: #e21d24; font-family: 'rubikmedium_italic'; }
.new-H-sections .top-H-img .right-content span + span { color: #fff; font-family: 'rubikmedium_italic'; }
.new-H-sections .top-H-img .mobile-view { max-width: 249px; height: 497px; margin: 0px auto; width: 100%; margin-bottom: 30px; position: relative; padding: 16px 14px; }
.new-H-sections .top-H-img .mobile-view:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0px; background:url(../../images/mobile-frame.png) repeat-x; background-size: contain; background-position: center;   }
.new-H-sections .top-H-img .mobile-view img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 10px; }
.new-H-sections .top-H-img .app-title { font-size: 26px; font-family: 'rubikmedium' !important; line-height: 36px; margin-bottom: 20px; text-align: center; color: #FFFFFF; }
.new-H-sections .top-H-img .app-btn { width: 100%; display: flex; align-items: center;  }
.new-H-sections .top-H-img .app-btn .btn { width: 165px; height: 49px; border-radius:5px; padding:0px; margin: 0px 10px; box-shadow:none !important; border: none !important; }
.new-H-sections .top-H-img .app-btn .btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius:5px; }
.new-H-sections .top-H-img .app-btn .btn img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius:5px; }
 
/* .new-D-same-days { padding: 0px;  background: linear-gradient(180deg, #DEE6FF 0%, #EDF1FF 36.46%, rgba(255, 255, 255, 0.773913) 57.29%, rgba(255, 255, 255, 0.521739) 75%, rgba(255, 255, 255, 0) 100%);} */
.new-D-same-days .d-heads-section { width: 100%; Display: flex;}
.new-D-same-days .dsame-left-side { width: 50%; }
.new-D-same-days .dsame-left-side .title { font-size: 44px !important; line-height: 52px; color: #484848 !important; margin-bottom: 15px !important; font-family: 'rubikbold' !important; text-align: left !important; }
.new-D-same-days .dsame-left-side .title span { color: #204d6c;font-family: 'rubikbold' !important; }
.new-D-same-days .dsame-left-side .sub-title {  font-size: 22px !important; font-family: 'rubikmedium' !important; line-height: 26px; color: #909090 !important; max-width: 100% !important; text-align: left !important; margin-bottom: 0px !important; }
.new-D-same-days .detail-sbox { padding: 0px; width: 50%;  margin-top: -30px;  } 
.new-D-same-days .card-shops { width: 200px; height: 200px; margin: 0px auto 60px; background-color: #FFFFFF; padding: 15px; box-shadow:0px 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 9px;}
.new-D-same-days .card-shops .D-icons { width: 65px; height: 75px; margin-bottom: 10px; }
.new-D-same-days .card-shops .card-body .d-title { font-size: 16px; font-family: 'rubikmedium' !important; line-height: 19px; text-align: center; color: #616161; }
.new-D-same-days .card-shops .card-body .description { font-weight: 400; font-size: 12px; margin-bottom: 10px; line-height: 14px; text-align: center; color: #919191; font-family: 'rubikregular'; }
.new-D-same-days .individuals-shops { margin-right: 0px; }
/*  */

.new-D-same-days .container { max-width: 1220px;  }
.new-same-day { width: 100%; display: block; padding: 60px 70px 90px;  }
.new-same-day .s-title { width: 868px; font-style: normal; font-size: 44px; line-height: 52px; text-align: center; color: #484848; font-family: 'rubikbold' !important;  margin: 0px auto 50px; }
.new-same-day .s-title span {  color: #204d6c;  }

.new-same-day .nav-pills { padding: 0px 0px; display: block; }
.new-same-day .nav-pills .nav-item { margin-bottom: 30px;  }
.new-same-day .nav-pills .nav-item .nav-link { display: inline-block; color: #909090; text-decoration: none !important; font-family: 'rubikmedium' !important; font-weight: 500; font-size: 30px; line-height: 40px;}
.new-same-day .nav-pills .nav-item .nav-link.active { color: #204d6c; }
.new-same-day .nav-pills .nav-item .nav-link img { width: 160px; margin-left: 10px; display:none; }
.new-same-day .nav-pills .nav-item .nav-link.active img { display: inline-block; }
.new-same-day .same-day .left-img { max-height: 385px;}

.new-same-day .same-boxs .tab-pane { max-width: 100% !important; padding: 0px !important; background: none !important; }
.new-same-day .offer-nav .o-title { font-size: 30px;line-height: 40px; color: #204d6c; font-family: 'rubikmedium' !important; }
.new-same-day .offer-nav .description { font-size: 22px; line-height: 30px; color: #909090; font-family: 'rubikregular'; }
.new-same-day .offer-nav ul li { font-size: 22px; line-height: 48px; color: #616161; display: flex; padding: 0px; }
.new-same-day .offer-nav ul li:before { position:relative; width:30px; height:30px; background:url(../../images/flytteicon.png) no-repeat; background-size: contain; background-position: center; margin-right: 12px; border-radius: 0 !important;   }
.new-same-day .same-boxs .tab-pane .book-btn { min-width: 200px; font-family: 'rubikmedium' !important; padding: 10px; background: #e21d24; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08);  border-radius: 3px; font-size: 18px; line-height: 20px; text-align: center; color: #2F2F2F; }
.new-same-day .offer-nav ul { margin-bottom: 40px;}

.new-same-day .same-boxs { max-width: 80%; margin-left: auto; width: 100%; }  

.new-trusted-log.trusted-log { width: 100%; display: block; background:url(../../images/moving-ending1.png) no-repeat; background-size: cover; background-position: center; padding: 50px 70px !important; }
.new-trusted-log .logo-heading .heading { max-width: 795px; width: 100%; margin: 0px auto; font-family: 'rubikbold' !important; width: 100%; font-style: normal; font-size: 44px; line-height: 52px; text-align: center; color: #484848; }  
.new-trusted-log .logo-heading .logo-items { background: #FFFFFF; box-shadow: 5px 0px 21px #fde4fd/* #E4EAFD */; width: 94%; margin: 0px auto; display: flex; align-items: center; justify-content: center; padding: 10px; }
.new-trusted-log .logo-heading .logo-items-carousel { padding: 50px 0px 0px ;}


.earning-h-section.H-sections { width: 100%; min-height: 700px; display: block; background:url(../../images/bg-img2_new.jpg) no-repeat; background-size: cover; background-position: center; display: flex; }
.earning-h-section.H-sections .H-top-contents { max-width: 927px !important; min-height: 321px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0) 100%); backdrop-filter: blur(14px); backdrop-filter: -webkit-blur(14px); padding: 25px 40px; margin-top: auto; position: relative ;}
.earning-h-section.H-sections .H-top-contents:before{ position: absolute; content:""; width: 100%; height: 100%; left: 0px; top: 0px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);  }
.earning-h-section .H-top-contents .title { font-weight: normal; font-family: 'rubikbold' !important; font-size: 44px; line-height: 52px; color: #FFFFFF; margin-bottom: 20px; }
.earning-h-section .H-top-contents .description { font-size: 22px; line-height: 30px; color: #FFFFFF; margin-bottom: 30px !important; }
.earning-h-section .book-H { font-size: 18px; font-family: 'rubikmedium' !important; line-height: 20px; color: #FFFFFF; min-width: 200px; padding: 10px; background: #204d6c; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 3px; }


.New-N-howdy.N-howdy { width: 100%; display: block; background:url(../../images/ezgif.png) no-repeat; background-size: 50%; background-position: right bottom; padding: 50px 0px; }
.New-N-howdy.N-howdy .heading { font-size: 44px; line-height: 52px; text-align: center; color: #484848; font-family: 'rubikbold' !important; }
.New-N-howdy .N-boxs .N-card .N-card-img { background: #FFFFFF; box-shadow: 5px 0px 21px #fde4fd/* #E4EAFD */; border: none !important; border-radius: 0px !important; padding: 15px; }
.New-N-howdy .N-boxs .N-card .date { font-family: 'rubikmedium' !important; font-size: 14px; line-height: 17px; color: #9D9D9C; }
.New-N-howdy .N-boxs .N-card .title {font-family: 'rubikmedium' !important; font-size: 22px; line-height: 26px; color: #484848; }

.logo-heading .logo-items img { width: 130px;}


/* footer */

footer { background: #1A1A1A; width: 100%; padding: 0px;  overflow: hidden;}

footer .listing { padding: 35px 70px; }
.footer-left-content { max-width: 456px; width: 100%; }
.site-logo { width: 185px; height: auto; margin-bottom: 25px;}
.site-logo a { display: block; width: 100%; height: 100%; }
.site-logo a img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.app-linkes-block { width: 100%; display: flex; align-items: center; margin-bottom: 25px; }
.app-linkes-block span { font-size: 12px; line-height: 14px; color: #e21d24; font-weight: normal; font-family: 'rubikbold' !important;  margin-right: 5px; }
.footer-text { font-style: normal; font-weight: 300; font-size: 12px; line-height: 14px; color: #FFFFFF; margin-bottom: 25px; }

.follow-block { width: 100%; display: flex; align-items: center;  }
.follow-block span { font-size: 12px; line-height: 14px; color: #e21d24; font-weight: normal; font-family: 'rubikbold' !important;  margin-right: 10px; }
footer .social_icons { padding: 0px !important;}
.listing ul li a { margin-bottom: 0px; color: #888888;  font-family: 'rubikregular'; line-height: 30px; font-size: 14px; }
.listing ul li { margin-bottom: 5px; }

.listing .f-heading { font-size: 16px; font-family: 'rubikbold' !important; line-height: 19px; color: #FFFFFF; }
.listing .f-heading span { color: #e21d24; }

.footer-subcribe-block { width: 100%; display: block; clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%); background: #121212; height: 100%; padding: 50px 70px; padding-left: 100px; }
.book-F-align { text-align: left; margin-bottom: 50px; padding-top: 25px; }
.footer-subcribe-block .copy_right { font-family: 'rubikregular'; font-size: 12px; line-height: 14px; color: #616161; margin-bottom:0px; margin-top: 45px; }
.footer-subcribe-block .book-now {min-width: 200px; height: auto; font-family: 'rubikmedium' !important; padding: 10px; background: #e21d24; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 3px; font-size: 18px; line-height: 20px; color: #2F2F2F;
margin-bottom: 20px; }

.join-content { width: 100%; margin-bottom: 20px; }
.join-content .heading { font-size: 16px; line-height: 19px; color: #FFFFFF; font-family: 'rubikbold' !important; font-weight: normal; margin-bottom: 0px; }
.join-content .heading span {  color: #e21d24;  }
.join-content .data { font-size: 14px; line-height: 20px; color: #888888; }

footer .input-group { max-width: 310px; width:100%; height: 42px; background: #FFFFFF; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 3px;}
footer .input-group .form-control { font-style: normal; font-family: 'rubikregular'; box-shadow: none !important; font-size: 12px; line-height: 20px; color: #888888; background:none !important; border: none !important; border-radius: 3px 0px 0px 3px; }
footer .input-group .input-group-text { width: 92px; height: 42px; font-family: 'rubikmedium' !important; border: none; background: #e21d24; box-shadow: 7px 10px 8px rgba(0, 0, 0, 0.08); border-radius: 0px 3px 3px 0px; font-size: 14px; line-height: 17px; color: #fff; cursor: pointer; }
footer .f-menu-first { padding-top: 50px;  max-width: 150px; width: 100%;  margin-left: auto;}
footer .f-menu-second { padding-top: 50px; max-width: 150px; width: 100%; margin-left: auto; }
footer .play-stores .p-store { margin: 0px 5px; }

}



/*  */

@media(min-width:1700px) {
    .H-sections {
        min-height: 520px;
    }

    /* .new-H-sections { min-height: 740px; } */

    .top-H-img {
        max-width: 50%;
    }

    /*  */

    .booking-prograss-bg.prograss-bg { background: #F4E8BF; padding: 0px 0px 20px; position: relative; }
    #progressbar { width: 100%; max-width: 1500px; margin: 0px auto; list-style:none !important; padding: 0px; display: flex; align-items: center; margin-bottom: 25px; height: 62px;  border-radius: 10px;  box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.21); }
    #progressbar li { position: relative; width: 100%;  max-width: 217px;  filter: drop-shadow(-1px 0px 3px rgba(0, 0, 0, 0.5));  border-radius: 10px; margin-right: -33px;  }
    #progressbar li span.li-inside{ font-size:16px; width: 100%; position:relative; color: #ffffff; font-family: 'SF Pro Display Bold'; padding:10px 12px 10px 23px; display: flex; align-items: center; font-weight: normal; letter-spacing:0.5px; justify-content: center; height: 100%; 
    background-image: -moz-linear-gradient( 90deg, #204d6c 0%, #FFE484 100%); background-image: -webkit-linear-gradient( 90deg, #204d6c 0%, #FFE484 100%);background-image: -ms-linear-gradient( 90deg, #204d6c 0%, #FFE484 100%); clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 15% 50%, 0% 0%);  }

    #progressbar li:last-child:before { display:none !important; }
    #progressbar li img { width: 35px; height: 35px; margin-right: 10px; object-fit: contain; object-position: center; }
    #progressbar li img + img { display: none;}
    #progressbar li.active span.li-inside{ background-image: -moz-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); background-image: -webkit-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); background-image: -ms-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); color: #343434; }
    #progressbar li.active img { display: none;}
    #progressbar li.active img + img { display: block;}
    #progressbar li:first-child span.li-inside{ border-radius: 10px 0px 0px 10px; clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%); }
    #progressbar li:last-child span.li-inside { border-radius: 0px 10px 10px 0px; clip-path: polygon(100% 0%,100% 50%,100% 100%,0% 100%,15% 50%,0% 0%); }
    #progressbar li.active span.li-inside:before{ background-image: -moz-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); background-image: -webkit-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); background-image: -ms-linear-gradient( 90deg, #e21d24 0%, #c2fff5 100%); }



}

@media(max-width:1199px) {
    .tack-info .line {
        width: 92%;}
    /* side nav */
    .menu {
        width: 50px;
        height: 50px;
        position: absolute;
        cursor: pointer;
        top: 50%;
        transform: translateY(-50%);
        right: 74px;
    }
    .menu span {
        -webkit-user-select: none;
        transform: translate(-50%, -50%);
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: absolute;
        top: 50%;
        left: 50%;
    }
    .menu span,
    .menu span::before,
    .menu span::after {
        display: block;
        width: 26px;
        right: 0;
        height: 3px;
        background-color: #204d6c;
        outline: 1px solid transparent;
        -webkit-transition-property: background-color, -webkit-transform;
        -moz-transition-property: background-color, -moz-transform;
        -o-transition-property: background-color, -o-transform;
        transition-property: background-color, transform;
        -webkit-transition-duration: 0.3s;
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    .header-fixed .menu span,
    .header-fixed .menu span::before,
    .header-fixed .menu span::after {
        background-color: #000;
    }
    .menu span::before,
    .menu span::after {
        position: absolute;
        content: "";
    }
    .menu span::before {
        top: -9px;
        width: 20px
    }
    .menu span::after {
        top: 9px;
        width: 33px;
    }
    .menu.clicked span {
        background-color: transparent !important;
    }
    .menu.clicked span::before {
        -webkit-transform: translateY(9px) rotate(45deg);
        -moz-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        -o-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
        width: 33px;
        background-color: #fff;
    }
    .menu.clicked span::after {
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -moz-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        -o-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg);
        background-color: #fff;
    }
    /* .menu.clicked span:before, .menu.clicked span:after {background-color: #656565; } */
    .menu:hover {
        cursor: pointer;
    }
    /*  NAV
    ========================================== */
    #nav {
        /* display: flex; */
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background: #204d6c;
        position: fixed;
        z-index: 20;
        top: 0;
        right: 0;
        height: 100%;
        max-width: 340px;
        width: 100%;
        padding: 70px 0px 30px;
        overflow-y: auto;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }
    #nav.show {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
    }
    #nav.show ul.main li {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
    .menu.clicked {
        position: fixed;
        z-index: 99;
        top: 10px;
        transform: none;
        right: 0px;
    }
    #nav.show ul.main li:nth-child(1) {
        transition-delay: 0.15s;
    }
    #nav.show ul.main li:nth-child(2) {
        transition-delay: 0.3s;
    }
    #nav.show ul.main li:nth-child(3) {
        transition-delay: 0.45s;
    }
    #nav.show ul.main li:nth-child(4) {
        transition-delay: 0.6s;
    }
    #nav.show ul.main li:nth-child(5) {
        transition-delay: 0.75s;
    }
    #nav.show ul.main li:nth-child(6) {
        transition-delay: 0.9s;
    }
    #nav.show ul.main li:nth-child(7) {
        transition-delay: 1.05s;
    }
    #nav.show ul.main li:nth-child(8) {
        transition-delay: 1.2s;
    }
    #nav.show ul.main li:nth-child(9) {
        transition-delay: 1.35s;
    }
    #nav.show ul.main li:nth-child(10) {
        transition-delay: 1.50s;
    }
    #nav.show ul.main li:nth-child(11) {
        transition-delay: 1.65s;
    }
    #nav.show ul.main li:nth-child(12) {
        transition-delay: 1.80s;
    }
    #nav.show ul.main li:nth-child(13) {
        transition-delay: 1.85s;
    }
    #nav.show .about,
    #nav.show .social,
    #nav.show ul.sub {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
        transition-delay: .85s;
    }
    #nav ul.main {
        padding-left: 0px;
        list-style-type: none;
        padding-top: 13px;
        margin: 0px;
        border-top: 1px solid #fff;
    }
    #nav ul.main li {
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        padding: 5px 20px;
        transform: translateX(40px);
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        float: none;
        list-style: none;
        color: #000000;
    }
    #nav ul.main li:last-of-type {
        margin-bottom: 0px;
    }
    #nav ul.main li .nav-link {
        font-size: 16px;
    }
    #nav ul.main li a {
        color: #fff;
        font-weight: 500;
        /* text-align: center;  */
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        display: block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #nav ul.main li a:hover {
        color: #000;
    }
    .menu.clicked span::before,
    .menu.clicked span::after {
        width: 25px;
    }
    #nav ul.main li .book-link {
        background: #e21d24;
        color: #343434;
        border-radius: 4px;
        min-width: 126px;
        text-align: center;
    }
    /*  OVERLAY
    ========================================== */
    .navOpen .overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 7;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /* background-color: #603e82; */
        background-color: rgb(0, 0, 0, 0.85);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        opacity: 0.7;
        /* visibility: hidden; */
    }
    .overlay.show {
        opacity: 0.8;
        visibility: visible;
    }
    /* main-page */
    .H-sections {
        min-height: 415px;
    }
    /* .new-H-sections { min-height: 540px; } */
    .top-H-img {
        max-width: 625px;
    }
    .H-sections .H-top-contents .title {
        font-size: 28px;
    }
    .H-sections .H-top-contents .description {
        font-size: 16px;
    }
    .book-H {
        min-width: 232px;
    }
    .H-sections .H-top-contents {
        padding: 65px 0px;
    }
    .D-same-days .d-heads-section .title {
        font-size: 24px;
    }
    .D-same-days .d-heads-section .sub-title {
        font-size: 16px;
    }
    .card-shops {
        padding: 20px 8px;
    }
    .detail-sbox {
        padding: 20px 0px 0px;
    }
    .same-day .left-img {
        /*   max-width: 400px; */
        max-height: 315px;
    }
    .same-day .circles {
        width: 368px;
        height: 368px;
    }
    .same-boxs .s-title {
        font-size: 19px;
    }
    .nav-pills .nav-item .nav-link {
        font-size: 16px;
    }
    .offer-nav .o-title {
        font-size: 16px;
    }
    .offer-nav .description {
        font-size: 14px; 
    }
    .offer-nav ul li {
        font-size: 16px;
    }
    .same-day {
        padding: 22px 0px 60px;
    }
    .logo-heading .heading {
        font-size: 23px;
    }
    .logo-heading .logo-items-carousel {
        padding: 30px 0px;
    }
    .trusted-log {
        padding-bottom: 25px;
    }
    .earning-h-section.H-sections .top-H-img {
        max-width: 570px;
    }
    .earning-h-section.H-sections {
        min-height: 315px;
    }
    .earning-h-section .H-top-contents .title {
        font-size: 24px;
    }
    .N-boxs .N-card .N-card-img {
        height: 140px;
    }
    .N-howdy .N-boxs {
        padding: 17px 0px 30px;
    }
    .listing ul li a {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .join-listing .join-data .join-content .heading {
        font-size: 24px;
    }
    .join-listing .join-data .data {
        font-size: 16px;
    }
    .language-link {
        width: 130px;
        position: fixed;
        top: 19px;
        left: 30px;
    }
    .language-link .select2-container--default .select2-selection--single {
        height: 32px; width: 130px;
    }
    .language-link  .select2-container--default .select2-selection--single .select2-selection__rendered { height: 100%; line-height: 28px !important;  }
    .language-link .select2-container--default .select2-selection--single .select2-selection__rendered  { line-height: 28px !important;  }

    .language-link .img-flag {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 5px;
    }
    .partner-numbers .num-box .heading {
        font-size: 30px;
    }
    .partner-numbers .num-box .description {
        font-size: 15px;
    }
    /* .delivery-services .detail-sbox .card-shops {
        /* margin: 0px auto 65px; *
    } */
    .right-img-launch {
        height: 257px;
        padding: 5px;
    }
    .launch-day .launch-box .heading {
        font-size: 22px;
    }
    .launch-days-box {
        padding: 50px 0px 30px;
    }
    .launch-delivery-sec .top-launchs {
        max-width: 510px;
    }
    .launch-delivery-sec {
        min-height: 310px
    }
    .launch-delivery-sec .H-sections .H-top-contents .title {
        font-size: 22px;
    }
    .launch-delivery-sec .H-sections .H-top-contents .description {
        font-size: 14px;
    }
    .store-section .media-object .media-body .description {
        font-size: 14px;
    }
    .store-section .media-object .media-imgs {
        width: 170px;
        height: 170px;
    }
    .store-section .media-object {
        max-width: 740px;
    }
    .store-section {
        padding: 60px 0px;
    }
    .store-section .media-object .media-body .store-img {
        max-width: 200px;
    }
    .launch-day .launch-box .heading {
        font-size: 20px;
    }
    .launch-day .launch-box .steps {
        font-size: 18px;
    }
    .rating-section .title {
        font-size: 24px;
    }
    .rating-section .C-heads {
        font-size: 14px;
    }
    .Delivery-page-one.D-same-days .d-heads-section .sub-title {
        max-width: 80%;
    }
    .Delivery-page-one .card-shops .card-body .d-title {
        font-size: 18px;
    }
    .Delivery-page-one .detail-sbox {
        padding: 10px 0px 65px;
    }
    .customers_reviews {
        max-width: 100%;
    }
    .customers_reviews .media .media-img-user {
        width: 162px;
        height: 162px;
    }
    .customers_reviews .media .media-img-user::before,
    .customers_reviews .media .media-img-user::after {
        width: 185px;
        height: 185px;
    }
    .our-customers-section .left-overlay {
        max-width: 300px;
    }
    .our-customers-section {
        padding: 45px 0px 60px;
    }
    .C-heads .title {
        font-size: 26px;
    }
    .customers_reviews .media .media-body .C-user-name {
        font-size: 24px;
    }
    .favorite_stores .fav-s-img {
        margin-bottom: 30px;
    }
    .favorite_stores {
        padding: 60px 0px 0px;
    }
    .delivery-craiglist .card-shops .D-icons {
        width: 120px;
        /*  height:65px; */
    }
    .delivery-craiglist .card-shops .card-body .description {
        font-size: 16px;
    }
    .top-H-img {
        background-size: cover !important;
    }
    .moving-section .basic-pack .left-basic .title {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .moving-section .basic-pack .left-basic .description {
        font-size: 14px;
        margin-bottom: 15px;
    }
    /*
    .moving-section .basic-pack .basic-list {
      padding-top:20px; 
    }*/
    .moving-section {
        padding: 35px 0px 70px;
    }
    .moving-section .basic-pack .basic-border1 {
        padding-bottom: 35px;
    }
    .moving-section .basic-pack .basic-border2 {
        padding-top: 35px;
    }
    .basic-pack-box .head-tops {
        font-size: 15px;
    }
    .about_us_top.H-sections .H-top-contents .desc_one {
        font-size: 16px;
    }
    .wel_partners .left_par_content .description {
        font-size: 16px;
    }
    .wel_partners .left_par_content .title {
        font-size: 28px;
    }
    .wel_partners .right_par_img {
        max-width: 390px;
    }
    .video_section {
        height: 591px;
    }
    .howdy_blogs {
        padding: 20px 0px;
    }
    .H_listing li {
        font-size: 16px;
        margin-bottom: 22px;
    }
    .howdy_blogs .howdy_lefts .title {
        margin-bottom: 22px;
    }
    .contact-us-info .contact-box .title {
        font-size: 22px;
    }
    .contact-us-info .contact-box .description {
        font-size: 14px;
        margin-bottom: 18px;
    }
    .contact-info .C-infor a {
        font-size: 16px;
    }
    .contact-us-info .contact-box .C-content {
        margin-bottom: 20px;
    }
    .login-page .login-form-page .copy-password {
        font-size: 14px;
    }
    .privacy-section {
        padding: 40px 0px 20px;
    }
    .login-content-box .login-left {
        width: 380px;
    }
    .login-content-box .login-left .L-img {
        max-width: 300px;
    }
    .profile-bannar {
        height: 245px;
    }
    .profile-nav-bar li .nav-link {
        font-size: 18px;
    }
    .top-left-mask {
        width: 290px;
    }
    .profile-bannar .heading {
        font-size: 30px;
    }
    /*
    .profile-page {
         padding: 30px 0px; 
    }*/
    .user-profile .user-img {
        margin: 0px auto 30px;
    }
    /* 
    .user-profile {
         padding-bottom: 30px; 
    }*/
    .dashboard-middle-content .user-img {
        width: 200px;
        height: 200px;
    }
    .order-table .table thead tr th:nth-child(1),
    .order-table .table tbody tr td:nth-child(1) {
        width: 100%;
        min-width: 200px !important;
    }
    .order-table .table thead tr th:nth-child(2),
    .order-table .table tbody tr td:nth-child(2) {
        width: 100%;
        min-width: 250px !important;
    }
    .order-table .table thead tr th:nth-child(3),
    .order-table .table tbody tr td:nth-child(3) {
        width: 100%;
        min-width: 250px !important;
    }
    .order-table .table thead tr th:nth-child(4),
    .order-table .table tbody tr td:nth-child(4) {
        width: 100%;
        min-width: 150px !important;
    }
    .order-table .table thead tr th:nth-child(5),
    .order-table .table tbody tr td:nth-child(5) {
        width: 100%;
        min-width: 150px !important;
    }
    .order-table .table thead tr th:nth-child(6),
    .order-table .table tbody tr td:nth-child(6) {
        width: 100%;
        min-width: 100px !important;
    }
    .order-table .table thead {
        font-size: 14px;
    }
    .dashboard-middle-content .D-content h2 {
        font-size: 20px;
    }
    .moving-section .basic-pack .middle-section {
        justify-content: flex-start;
    }
    .moving-pack-B .basic-pack-hr {
        width: 95%;
    }
    .login-content-modal .title {
        font-size: 32px;
    }
    .pickup-box-block {
        max-width: 100%;
    }
    .my-company-account-block .profile-page {
        padding-left: 0px !important;
    }
    .btn-agree {
        margin-top: 15px;
    }
    .delivery-services .detail-sbox {
        padding: 20px 0px;
    }
    .comman-boxs .pointer:hover {
        background: linear-gradient(to left, rgba(1, 86, 205, 0.88) 0%, rgba(1, 86, 205, 0.75) 35%, rgba(1, 86, 205, 0.63) 100%);
    }
    .elemetor-tab-data {
        max-width: 95%;
    }
    .profile-row .updates {
        text-align: center;
        margin-bottom: 30px;
    }
    .map-track {
        margin-bottom: 30px;
    }
    .track-info .track-content h2 {
        font-size: 24px;
    }
    .track-info .order-boxs h6 {
        font-size: 20px;
    }
    .services-section-launch .right-img-launch .lunch-twos-services {
        right: -25px;
        top: 75px;
    }
    .services-section-launch .right-img-launch .API_data-group {
        object-fit: contain;
    }
    .booked-section .title {
        font-size: 26px;
    }

    #progressbar li span span { display:none !important; }
    #progressbar li { max-width: 150px;}
    #progressbar { max-width: 100%; justify-content: center; box-shadow: none !important; }



    .fieldset-title { font-size: 24px;}
    .vehicle-section .select-service-box-top .media-body h6 { font-size: 16px;}
    .vehicle-section .services-boxs .services-box-step h6 {font-size: 14px;}
    .handling-block.F-middle-box .choose-delivery-block .choose-box span { font-size: 16px;}
    .handling-block.F-middle-box .choose-delivery-block .choose-box img { width: 70px; height: 70px;}
    .handling-block.F-middle-box .nav-pills .nav-item .nav-link { width: 180px; height: 180px;}
    .handling-block.F-middle-box .nav-pills .yoga-girl { width: 290px;}
    .delivery-top-section .image-block img { width: 70px; height: 70px;}
    .delivery-top-section .image-block span {font-size: 16px;}
    .delivery-top-section .image-block { width: 180px; height: 180px;}
    .helper-text-row .htext {  font-size: 16px;}
    .helper-img { width: 105px; height: 105px; margin-bottom: 3px;}
    .delivery-address-row .da-name {font-size: 16px; padding: 14px; width: 200px;}
    .delivery-address-row .f-no .fnumber { font-size: 14px;}
    .delivery-address-row .number { max-width: 220px;}
    .delivery-address-row .number::before { width: 170px;}
    .delivery-block.F-middle-box .no-hours span img.stop {  width: 30px;  height: 30px;}
    .delivery-block.F-middle-box .no-hours span { font-size: 14px; }
    .delivery-block.F-middle-box .no-hours span img.ele-img { width: 30px;  height: 30px; }
    .delivery-block .checkbox { font-size: 14px;}
    .delivary-total p { font-size: 16px;}
    .delivery-address-row { flex-wrap: wrap; }
    .delivery-address-row .f-no {max-width: 358px;}
    #progressbar li img { margin-right: 0px;}


/*  */

.main-header { padding: 5px 15px;}
header .navbar-brand {  margin-right: 0px; }
.menu { right: 15px; width: 40px; height: 35px; }
.content-body { padding-top: 86px;}
.new-H-sections.H-sections .H-top-contents { padding: 20px 15px;}
.new-H-sections.H-sections .H-top-contents .title { font-size: 32px; line-height: 38px; margin-bottom: 15px;}
.new-H-sections.H-sections .H-top-contents .description { font-size: 16px; line-height: 21px; margin-bottom: 20px;}
.new-H-sections .book-H {font-size: 14px; line-height: 20px; min-width: 200px; padding: 8px;}
/* .top-H-img { padding: 40px 15px;} */
.truck-box .truck-img { width: 70px; height: 70px;}
.truck-box .ti-6 {bottom: 20px;}
.truck-box .ti-4 { left: -45px;}
.truck-box .ti-8 { left: -32px;}


.new-H-sections .top-H-img .left-content { font-size: 20px; line-height: 22px; margin-top: 56px;}
.new-H-sections .top-H-img .right-content { font-size: 16px; line-height: 21px; margin-top: 40%;}
.new-H-sections .top-H-img .app-title { font-size: 16px; line-height: 21px; margin-bottom: 15px;}
.new-H-sections .top-H-img .app-btn .btn { width: 100px; height: auto; margin: 0px 5px;}
.new-H-sections .top-H-img .mobile-view { max-width: 160px; height: 315px; margin-bottom: 15px; padding: 8px 8px;}

.new-D-same-days .container { max-width: 100%; }
.new-D-same-days .dsame-left-side .title { font-size: 28px !important; line-height: 32px; margin-bottom: 10px !important;}
.new-D-same-days .dsame-left-side .sub-title { font-size: 16px !important;line-height: 21px;}
.new-D-same-days .card-shops .D-icons { width: 55px; height: 60px;}


.new-D-same-days .card-shops { width: 180px; height: 180px; margin: 0px auto 30px; padding: 12px;}
.new-D-same-days .individuals-shops { margin-right: 0px;}
.new-D-same-days .detail-sbox { margin-top: -15px;}
.new-same-day { padding: 35px 15px 60px;}
.new-same-day .s-title { width: 500px; font-size: 28px; line-height: 32px; margin: 0px auto 35px;}
.new-same-day .nav-pills .nav-item { margin-bottom: 10px;}
.new-same-day .offer-nav ul li { font-size: 14px; line-height: 21px;}
.new-same-day .offer-nav ul li::before { top: 0px;}
.new-trusted-log.trusted-log .logo-heading .heading { font-size: 28px; max-width: 526px; line-height: 32px;}
.new-trusted-log.trusted-log .logo-heading .logo-items-carousel { padding-bottom: 10px; }
.earning-h-section .H-top-contents .title { font-size: 28px; line-height: 34px; margin-bottom: 10px;}
.earning-h-section .H-top-contents .description { font-size: 16px; line-height: 23px; margin-bottom: 20px !important;}
.earning-h-section .book-H { font-size: 14px; line-height: 21px; min-width: 170px; padding: 8px;}
.earning-h-section.H-sections .H-top-contents { max-width: 620px !important; min-height: 230px; padding: 20px 20px;}
.earning-h-section.H-sections {  min-height: 450px; }

.New-N-howdy.N-howdy .heading { font-size: 28px; line-height: 32px; margin-bottom: 15px; }
.New-N-howdy .N-boxs .N-card .N-card-img { height: 120px; padding: 25px;}
.New-N-howdy .N-boxs .N-card .title { font-size: 16px; line-height: 23px;}
.New-N-howdy .N-boxs .N-card .card-body { padding: 20px 0px 10px;}

footer .listing { padding: 20px 15px;}
footer .play-stores .p-store { margin: 0px 2px;}
.footer-subcribe-block { padding: 15px 15px; padding-left: 50px; }
.app-linkes-block span { margin-right: 20px;}

.furniture-section.booked-section { padding: 35px 0px;}



}

@media(max-width:991px) {
    .container {
        max-width: 100%;
    }
    .menu {
        right: 15px;
    }
    .new-H-sections .top-H-img {
        max-width: 50%;
    }
    .card-shops .card-body .description {
        font-size: 14px;
    }
    .D-same-days .d-heads-section .sub-title {
        max-width: 80%;
    }
    .D-same-days {
        padding: 40px 0px;
    }
    .same-day .left-img {
        position: relative;
        left: 0px;
        bottom: 0px;
        margin: 0px auto 20px;
        max-width: 100% !important;
        max-height: unset;
    }
    .same-day .circles {
        top: 20px;
    }
    .logo-heading .logo-items {
        margin: 21px 24px;
    }
    .earning-h-section.H-sections .top-H-img {
        max-width: 380px;
    }
    .earning-h-section.H-sections {
        min-height: 250px;
    }
    .N-card {
        padding-bottom: 20px;
        max-width: 250px;
        width: 100%;
        margin: 0px auto;
    }
    .join-content {
        margin-bottom: 25px;
    }
    .join-listing {
        padding: 45px 0px;
    }
    footer .social_icons {
        padding: 20px 0px;
    }
    .f-last-right .copy_right {
        font-size: 12px;
    }
    .N-boxs .N-card .N-card-img img {
        max-height: 85%;
        max-width: 85%;
    }
    .right-img-launch {
        height: 203px;
        padding: 3px;
    }
    .launch-day .launch-box .heading {
        font-size: 19px;
    }
    .launch-delivery-sec .top-launchs {
        max-width: 292px;
    }
    .launch-delivery-sec {
        min-height: 255px;
    }
    .store-section .media-object .media-imgs::before {
        bottom: -17px;
        width: 131px;
        height: 131px;
        left: -3px;
    }
    .store-section {
        padding: 40px 0px;
    }
    .store-section .media-object .media-imgs {
        margin-right: 30px;
    }
    .card-users .card-body .U-name {
        font-size: 22px;
    }
    .social-icons li img {
        width: 25px;
        height: 25px;
    }
    .card-users .card-body .descriprion {
        font-size: 13px;
    }
    .rating-reviews {
        padding: 40px 0px 10px;
    }
    .card-users {
        max-width: 350px;
        width: 100%;
        margin: 0px auto 10px;
    }
    .testimonial .card-users {
        max-width: 100%;
    }
    .rating-section .title {
        font-size: 22px;
    }
    .services-part .N-boxs .N-card .N-card-img img {
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
    }
    .Delivery-page-one.D-same-days .d-heads-section .sub-title {
        max-width: 100%;
    }
    .Delivery-page-one .card-shops .card-body .d-title {
        font-size: 16px;
    }
    /*
    .Delivery-page-one .card-shops .D-icons {
         width: 64px; height:64px; 
    }*/
    .Delivery-page-one .pack-items-row {
        max-width: 90%;
    }
    .customers_reviews .media .media-body .C-user-name {
        font-size: 22px;
    }
    .customers_reviews .media .media-body .description {
        font-size: 14px;
    }
    .moving-section .basic-pack .middle-section .prices {
        font-size: 22px;
        width: 110px;
        height: 110px;
        margin-right: 0px;
    }
    .moving-section .basic-pack .middle-section .van-img {
        max-width: 370px;
    }
    .moving-section .basic-pack .left-basic .book-H {
        min-width: 170px;
    }
    /* .about_us_top.H-sections .H-top-contents .desc_one {
        padding-right: 30px;
    } */
    .wel_partners .right_par_img {
        margin: 0px auto 30px;
    }
    .wel_partners .left_par_content .title {
        margin-bottom: 15px;
        font-size: 24px;
    }
    .wel_partners .left_par_content .description {
        font-size: 14px;
    }
    .wel_partners {
        padding: 35px 0px;
    }
    .video_section {
        height: 400px;
    }
    .video_parts .title {
        padding-bottom: 15px;
    }
    .howdy_blogs .Howdy_img_right {
        margin: 0px auto 40px;
    }
    .priority_section {
        padding: 50px 0px 0px;
    }
    .company-form-block {
        padding: 20px 0px 0px;
    }
    .login-page .heading {
        font-size: 30px;
    }
    .login-page .login-form-page {
        min-height: 100vh;
    }
    .login-page.upload-img-signup .login-form-page {
        min-height: auto;
    }
    .privacy-section .card-one .media .media-flex {
        display: block;
    }
    .privacy-section .card-one .media .media-flex .social-icons {
        justify-content: flex-start;
    }
    .privacy-section .card-one .media .media-flex .user-name {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .privacy-section .card-one .card .media {
        padding: 15px;
    }
    .privacy-section .card-one {
        margin: 0px auto 18px;
        border-radius: 10px
    }
    .login-page.login-img-bg {
        padding: 60px 0px;
        min-height: auto;
    }
    .profile-page .top-heading h2 {
        font-size: 26px;
        margin-bottom: 9px;
    }
    .profile-page .top-heading p {
        font-size: 14px
    }
    .dashboard-middle-content {
        margin: 0px auto 40px;
    }
    .my-company-account-block {
        padding: 31px 10px 30px;
    }
    .book-modal .modal-dialog {
        max-width: 95%;
    }
    .book-modal-pay .modal-dialog {
        max-width: 95% !important;
    }
    .modal .dataPart-dioloag.modal-dialog {
        max-width: 95% !important;
    }
    .F-middle-box {
        min-height: 90vh;
    }
    .calendar .datepicker-inline .table-condensed thead {
        font-size: 16px;
    }
    .calendar .datepicker td {
        font-size: 16px;
    }
    .partner-tabs {
        padding: 0px 0px;
    }
    .M-tabing .card-icon-data {
        padding: 30px;
        text-align: center;
    }
    .M-tabing .card-icon-data .D-icon-view {
        width: 85px;
        height: 85px;
        margin: 0px auto 15px;
    }
    .M-tabing .card-icon-data .D-icon-view img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
    }
    .M-tabing .card-icon-data .M-title {
        font-size: 20px;
        color: #343434;
        font-weight: 800;
        margin-bottom: 10px;
    }
    .elemetor-tab-data .middle-content-tab {
        transform: none;
    }
    .elemetor-tab-data {
        max-width: 100%;
    }
    .elemetor-tab-data .middle-content-tab p {
        font-size: 15px;
    }
    .book-modal .modal-dialog {
        max-width: 95% !important;
    }
    .logo-section .store-name {
        font-size: 14px;
    }
    .order-track::before {
        width: 80%;
    }
    .track-info .track-logo {
        max-width: 165px;
        margin: 0px auto
    }
    .services-section-launch .right-img-launch {
        width: 281px;
        margin: 0px !important;
    }
    .services-section-launch .launch-days-box {
        padding: 40px 0px 70px;
    }
    .services-section-launch .right-img-launch .API_data-group {
        height: 200px;
    }

    .furniture-section.booked-section .F-middle-box{min-height: auto;}

    .helper-text-row { display: block;}

    #progressbar li {  max-width: 100%;  width: auto; margin-right: -12px; }
    #progressbar li span.li-inside { padding: 0px 20px;}

    /*  */

    .new-H-sections .top-H-img .top-H-right-side { display: block;}
    .new-H-sections .top-H-img .left-content { margin-top: 0; text-align: center;}
    .new-H-sections .top-H-img .right-content { font-size: 14px; margin-top: 20px; text-align: center; margin-bottom: 0px; }
    .new-H-sections .top-H-img .app-btn { justify-content: center;}

    .new-H-sections.H-sections .H-top-contents .title { font-size: 28px; line-height: 32px; margin-bottom: 12px;}
    .new-H-sections.H-sections .H-top-contents .description {font-size: 14px; line-height: 19px;  margin-bottom: 17px;}
    .truck-box .ti-6 { bottom: 90px; right: 4%;}
    .truck-box .ti-5 { top: 58%; left: 2%;}
    .truck-box .ti-8-2  {left: 46%;}
    .truck-box .ti-4-2 { left: 44%;}
    .truck-box .ti-7 {right: -25px; top: 40%;}
    .new-D-same-days .detail-sbox {  margin-top: 0px; }
    .new-D-same-days .dsame-left-side .title { font-size: 24px !important;  line-height: 29px;  margin-bottom: 10px !important;}
    .new-D-same-days .dsame-left-side .sub-title {  font-size: 14px !important;}
    .new-D-same-days .dsame-left-side { padding-right: 18px;}
    .D-same-days { padding: 30px 0px;}
    .new-D-same-days .card-shops { width: 100%; height: auto;}
    .new-same-day { padding: 20px 15px 40px;}
    .new-same-day .s-title { font-size: 24px; line-height: 29px; margin: 0px auto 30px;}
    .new-same-day .nav-pills .nav-item .nav-link img { width: 100px;}
    .new-same-day .nav-pills .nav-item .nav-link {font-size: 14px;}
    .new-same-day .same-boxs {  max-width: 100%;}
    .new-same-day .same-boxs .tab-pane .book-btn { min-width: 118px; font-size: 14px;}
    .new-same-day .offer-nav .description { line-height: 21px;}
    .new-trusted-log .logo-heading .heading { font-size: 24px; max-width: 450px; line-height: 30px;}
    .new-trusted-log .logo-heading .logo-items {  margin: 15px auto; }
    .new-trusted-log .logo-heading .logo-items-carousel { padding: 10px 0px 0px;}
    .new-trusted-log.trusted-log {  padding: 30px 15px !important;}
    .New-N-howdy.N-howdy .heading {font-size: 24px; line-height: 30px; margin-bottom: 12px;}
    .New-N-howdy.N-howdy { padding: 30px 0px;}

    .earning-h-section .H-top-contents .title {  font-size: 24px; line-height: 30px; margin-bottom: 8px;}
    .earning-h-section .H-top-contents .description { font-size: 14px; line-height: 20px; margin-bottom: 17px !important;}
    .earning-h-section.H-sections .H-top-contents { max-width: 490px !important; min-height: 201px; padding: 20px 20px;}
    .earning-h-section.H-sections {min-height: 340px;}
    .site-logo { width: 100px;  margin-bottom: 15px;}
    footer .f-menu-first, footer .f-menu-second { margin-left: 0;}
    .footer-subcribe-block { padding-left: 40px;}
    .footer-subcribe-block .book-now { min-width: 130px; font-size: 14px; }

    #service-box .services-boxs .services-box-step { padding: 10px; width: 150px; height: 150px; padding-top: 25px;}
    .services-boxs .services-box-step h6 { font-size: 12px;}
    .booked-section .title { font-size: 24px;}

    .top-H-img { max-width: 490px;}
    .H-sections { min-height: 330px;}
    header .navbar-brand { width: 65px;}
    .content-body { padding-top: 76px;}



}

@media(max-width:767px) {
   /*  .content-body {
        padding-top: 67px;
    } */

    header .navbar-brand { width: 60px;}
    .content-body {padding-top: 70px;}

    .top-H-img {
        max-width: 340px;
    }

    .H-sections .H-top-contents {
        padding: 35px 0px;
    }
    .H-sections {
        min-height: 300px;
    }
    .new-H-sections::before { display: none; }
    .new-D-same-days .detail-sbox { margin-top: 0px; }
    .H-sections .H-top-contents {
        max-width: 370px;
    }
    /* .new-H-sections { display: flex !important; } */
    .H-sections .H-top-contents .title {
        font-size: 24px;
    }
    .book-H {
        min-width: 164px;
        font-size: 16px;
        padding: 10px 12px;
    }
    .D-same-days .d-heads-section .title {
        font-size: 20px;
    }
    .card-shops .card-body .d-title {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .card-shops .D-icons {
        /* width: 40px; */
        margin: 0px auto 15px;
    }
    .same-day .left-img {
        max-width: 340px;
    }

    .same-boxs .s-title {
        font-size: 18px;
    }
    .logo-heading .heading {
        font-size: 20px;
    }
   
    .earning-h-section .H-top-contents .title {
        font-size: 20px;
    }
    .view-more {
        min-width: 211px;
        height: 50px;
    }

    .N-boxs .N-card .title {
        font-size: 16px;
    }
    .N-boxs .N-card .card-body {
        padding: 10px 0px;
    }

    
    .book-now {
        min-width: 154px;
        height: 48px;
    }
    .earning-h-section .H-top-contents .description {
        font-size: 14px;
    }
    .join-listing .input-group .form-control {
        font-size: 16px;
    }
    .right-img-launch {
        height: 189px;
        max-width: 330px;
    }
    .launch-day .launch-box .description {
        font-size: 14px;
    }
    .services-part .N-boxs .N-card .N-card-img {
        height: 130px;
    }
    .customers_reviews .media .media-img-user::before,
    .customers_reviews .media .media-img-user::after {
        width: 155px;
        height: 155px;
    }
    .customers_reviews .media .media-img-user::before {
        left: -9px;
        top: -20px;
    }
    .customers_reviews .media .media-img-user::after {
        right: -9px;
        bottom: -20px;
    }
    .C-heads .title {
        font-size: 20px;
    }
    .favorite_stores .C-heads .title {
        padding-bottom: 22px;
    }
    .favorite_stores {
        padding: 30px 0px 0px;
    }
    .favorite_stores .fav-s-img {
        height: 160px;
    }
    .Delivery-page-one.D-same-days .d-heads-section .sub-title {
        font-size: 14px;
    }
    .moving-section .basic-pack .basic-list li {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .moving-section .basic-pack .basic-list li::before {
        top: 8px;
    }
    .moving-section .basic-pack .left-basic .title {
        font-size: 22px;
    }
    .login-page {
        padding: 20px 0px 0px;
    }
    .login-page .F-description {
        font-size: 14px;
    }
    .login-page.login-img-bg {
        padding: 40px 0px;
    }
    .moving-pack-B::before {
        width: 302px;
        height: 302px;
        left: 40%;
    }
    .login-tab .login-icon .in-icon {
        width: 125px;
        height: 125px;
    }
    .furniture-section {
        padding: 46px 0px 90px;
    }
    .thank-you-page .thank-you-img {
        max-width: 200px;
        width: 100%;
        margin: 0px auto 20px;
    }
    .testimonail-owl {
        margin: 0px auto 50px;
        padding: 30px;
    }
    .tack-info .line {
        width: 86%;}

    #progressbar li img { width: 26px; height: 26px;}
    .fieldset-title { font-size: 20px;}
    #progressbar li::before { display:none !important; }
    .vehicle-section .select-service-box-top {max-width: 100%;}
    .handling-block.F-middle-box .nav-pills .nav-item .nav-link { width: 160px; height: 160px;}
    .handling-block.F-middle-box .choose-delivery-block { max-width: 558px;}
    .helper-text-row .htext { font-size: 14px;}
    .switch-btn { padding-left: 0px; max-width: 100%; justify-content: flex-start;}
    .common-bg-block .select-service-box-top {   padding: 20px 15px;}
    .select-service-box-top .media-body h6 { font-size: 16px;}
    .common-bg-block.F-middle-box .middle-content .heading { font-size: 16px; margin-bottom: 20px; }
    .middle-content .m-date-y { font-size: 14px;}
    .map-div {  max-width: 605px;}
    .delivery-top-section { align-items: flex-start;}
    
    .vehicle-section .services-boxs:nth-child(1) .services-box-step .s-icon, 
    .vehicle-section .services-boxs:nth-child(2) .services-box-step .s-icon, 
    .vehicle-section .services-boxs:nth-child(3) .services-box-step .s-icon {margin-right: -28px;}
    .vehicle-section .services-boxs:nth-child(7) .services-box-step .s-icon, 
    .vehicle-section .services-boxs:nth-child(8) .services-box-step .s-icon, 
    .vehicle-section .services-boxs:nth-child(9) .services-box-step .s-icon{ margin-left: -28px; }

    #vehicleinfo-7::before, #vehicleinfo-8::before, #vehicleinfo-9::before { left: 70px; top: -33px;}
    #vehicleinfo-1::before, #vehicleinfo-2::before, #vehicleinfo-3::before { right: 70px; top: -33px; }

    #vehicleinfo-1, #vehicleinfo-2, #vehicleinfo-3 { border: none !important; }
    #vehicleinfo-7, #vehicleinfo-8, #vehicleinfo-9 { border: none !important; }


    .new-H-sections.H-sections .H-top-contents .title { font-size: 24px; line-height: 30px;}
    .truck-box .ti-4-2, .truck-box .ti-4, .truck-box .ti-8-2, .truck-box .ti-8 { display:none;}
    .truck-box .truck-img { width: 60px; height: 60px;}
    .new-same-day.same-day .left-img {  max-height: 190px; display:none !important; }
    .new-same-day { padding: 0px 15px 40px;}
    .New-N-howdy.N-howdy { padding: 30px 0px 10px;}

    .new-H-sections .top-H-img .left-content {font-size: 18px;}
    .new-D-same-days .dsame-left-side .title {  font-size: 20px !important; line-height: 27px;}
    .new-same-day .s-title { font-size: 20px; line-height: 27px;  margin: 0px auto 20px;}
    .new-same-day .offer-nav ul { margin-bottom: 20px;}
    .new-trusted-log .logo-heading .heading {  font-size: 20px !important; line-height: 27px;}
    .earning-h-section .H-top-contents .title { font-size: 20px !important; line-height: 27px; }
    .New-N-howdy.N-howdy .heading { font-size: 20px; margin-bottom: 12px;}


    .vehicle-section .services-boxs:nth-child(1) [type="radio"], .vehicle-section .services-boxs:nth-child(2) [type="radio"], .vehicle-section .services-boxs:nth-child(3) [type="radio"] {
        right: 4px;}
        .vehicle-section .services-boxs:nth-child(7) [type="radio"], .vehicle-section .services-boxs:nth-child(8) [type="radio"], .vehicle-section .services-boxs:nth-child(9) [type="radio"] 
        { left: 4px; }

        .earning-h-section.H-sections {background-size: cover; background-position: left center;}

        #service-box .services-selective { background-size: 0px; }
        #service-box .services-selective-outside-text { background-size: 0px; }
        #service-box .services-boxs .services-box-step { box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);}
        #service-box .services-selective-outside-text { height: 153px; padding: 0px 10px; }
        #service-box {  padding-bottom: 20px;}
        #service-box .services-selective { padding: 0px 0px;}



}

@media(max-width:700px) {
    .H-sections .H-top-contents {
        max-width: 318px;
    }
    .card-shops .card-body .description {
        font-size: 12px;
    }
    .earning-h-section.H-sections .top-H-img {
        max-width: 331px;
    }
      /*
    .delivery-services .detail-sbox .card-shops {
       margin: 0px auto 35px;
    } */
    .right-img-launch {
        height: 174px;
    }
    .launch-days-box {
        padding: 30px 0px 20px;
    }
    .launch-delivery-sec .H-sections .H-top-contents .title {
        font-size: 20px;
    }
    .store-section .media-object .media-body .store-desc {
        font-size: 13px;
    }
    .rating-section .title {
        font-size: 20px;
    }
    .moving-section .basic-pack .middle-section .van-img {
        max-width: 265px;
    }
    .profile-bannar {
        height: 200px;
    }
    .profile-bannar .heading {
        font-size: 26px;
    }
    .top-left-mask {
        width: 225px;
    }
    .pickup_information {
        max-width: 100%;
    }
    .select-service-box-top .media-img {
        width: 200px;
    }
    .services-boxs .services-box-step .s-icon {
        width: 107px;
    }
}

@media(max-width:576px) {
    .top-H-img {
        max-width: 50%;
    }
    .H-sections .H-top-contents .title {
        font-size: 22px;
    }
    .card-shops {
        max-width: 264px;
        width: 100%;
        margin: 0px auto;
    }
    .D-same-days .d-heads-section .sub-title {
        font-size: 12px;
    }
    .D-same-days .d-heads-section .title {
        font-size: 18px;
    }
    .H-sections .H-top-contents .description {
        font-size: 14px;
    }
    .same-day .left-img {
        max-width: 270px;
    }
    .same-boxs .s-title {
        font-size: 16px;
    }
    .offer-nav ul li {
        font-size: 14px;
        margin-bottom: 9px;
    }
    .offer-nav ul li::before {
        width: 6px;
        height: 6px;
        top: 8px;
    }
    .logo-heading .heading {
        font-size: 18px;
    }
    .earning-h-section .H-top-contents .title {
        font-size: 18px;
    }
    .earning-h-section.H-sections .top-H-img {
        max-width: 282px;
    }
    .join-listing .input-group .input-group-text {
        min-width: 140px;
        height: 50px;
        font-size: 16px;
    }
    .book-now {
        margin: 0px auto;
    }
    .book-F-align {
        text-align: center;
    }
    footer .social_icons {
        justify-content: center;
        padding: 27px 0px;
    }
    .f-last-right {
        flex-wrap: wrap-reverse;
    }
    /* .play-stores {
        justify-content: center;
        width: 100%;
        margin-bottom: 20px;
    } */
    .f-last-right .copy_right {
        text-align: center;
        width: 100%;
    }
    .N-howdy .heading {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .join-listing .join-data .join-content .heading {
        font-size: 22px;
    }
    .partner-numbers .num-box.total-no {
        margin: 0px auto;
    }
    .partner-numbers .num-box {
        padding-bottom: 30px;
    }
    .partner-numbers {
        padding: 0px 0px 40px;
    }
    .right-img-launch {
        height: 189px;
        margin: 0px auto 20px;
    }
    .launch-day .launch-box {
        max-width: 100%;
        text-align: center;
    }
    .launch-delivery-sec .top-launchs {
        max-width: 250px;
    }
    .launch-delivery-sec {
        min-height: 200px;
    }
    .launch-delivery-sec .H-sections .H-top-contents .title {
        font-size: 18px;
    }
    .store-section .media-object .media-body .description {
        font-size: 12px;
    }
    .store-section .media-object .media-imgs {
        width: 140px;
        height: 140px;
    }
    .store-section .media-object .media-body .store-img {
        max-width: 170px;
        margin: 15px 0px;
    }
    .top-partners {
        margin-bottom: 34px;
    }
    .services-part .N-boxs .N-card .N-card-img {
        height: 110px;
    }
    .Delivery-page-one .pack-items-row {
        max-width: 100%;
    }
    .moving-section .basic-pack .basic-border {
        padding-bottom: 30px;
    }
    .moving-section .basic-pack .left-basic {
        margin-bottom: 30px;
    }
    .moving-section .basic-pack .middle-section {
        justify-content: center;
    }
    .wel_partners .right_par_img {
        max-width: 310px;
    }
    .wel_partners .left_par_content .title {
        font-size: 22px;
    }
    .did_know_section {
        padding-bottom: 0px !important;
    }
    .contact-us-info .contact-box .C-content {
        font-size: 14px;
    }
    .contact-us-info .contact-box .description {
        font-size: 12px;
    }
    .contact-us-info .contact-box .title {
        font-size: 20px;
    }
    .contact-us-info {
        padding: 25px 0px;
    }
    .contact-info .C-infor a {
        font-size: 14px;
    }
    .moving-section .basic-pack .middle-section {
        margin: 20px 0px;
    }
    .moving-section .basic-pack .left-basic .title,
    .moving-section .basic-pack .left-basic .description {
        text-align: center;
    }
    .basic-pack .left-basic,
    .basic-pack .left-basic .basic-left-pack {
        height: auto;
    }
    .moving-section .basic-pack .left-basic .book-H {
        margin: 0px auto;
    }
    .basic-pack-box {
        margin: 0px auto;
    }
    .moving-section {
        padding: 35px 0px 20px;
    }
    .privacy-banners.H-sections .H-top-contents .title {
        margin-bottom: 15px;
    }
    .faq-page .heading {
        font-size: 16px;
    }
    .dashboard-middle-content .user-img {
        width: 170px;
        height: 170px;
    }
    .dashboard-middle-content .D-content p {
        font-size: 14px;
    }
    .dashboard-middle-content .D-content .view-btn {
        font-size: 16px;
    }
    .moving-pack-B::before {
        display: none;
    }
    .basic-pack-box {
        max-width: 100%;
    }
    .pickup_information .p-desc {
        text-align: left;
    }
    .comman-boxs .pointer {
        border-right: none !important;
        /* border-bottom: 1px solid #444756 !important; */
    }
    .comman-boxs.border-right,
    .comman-boxs.border-bottom,
    .comman-boxs6 .pointer {
        border: none !important;
    }
    .F-middle-box .no-hours {
        margin-bottom: 19px;
    }
    .F-middle-box .label-N {
        font-size: 14px;
    }
    .kitchen-box-img {
        height: 200px;
    }
    .data-pickup .pickup-data {
        padding: 15px 3px;
    }
    .data-contain {
        padding: 10px 0px 20px;
        margin-bottom: 8px;
    }
    .data-contain .description {
        font-size: 14px;
    }
    .logo-section .cmy-logo {
        max-width: 100px;
    }
    .logo-section .store-name {
        font-size: 12px;
    }
    .track-info .order-details .order-box h3 {
        font-size: 17px;
    }
    .order-track {
        display: block;
    }
    .order-track .order-check .check {
        margin: 0px 15px 0px 0px;
    }
    .order-track .order-check .uncheck {
        margin: 0px 15px 0px 0px;
    }
    .order-track .order-check {
        display: flex;
        align-items: center;
        margin-bottom: 25px;
    }
    .order-track::before {
        left: 14px;
        transform: translate(0, -50%);
        top: 50%;
        height: 90%;
        width: 2px;
    }
    .track-info .track-content h2 {
        font-size: 20px;
    }
    .services-section-launch .right-img-launch {
        width: 320px;
        margin: 0px auto 90px !important;
    }
    .services-section-launch .launch-days-box {
        padding: 40px 0px 35px;
    }
    .services-section-launch .right-img-launch.lunch-box-datas {
        width: 100%;
        margin: 0px auto 20px !important;
    }
    .services-section-launch .right-img-launch .API_data-group {
        height: 315px;
    }
    .select-service-box-top .media-img {
        width: 150px;
        height: 90px;
    }
    .select-service-box-top .media-body h6{font-size: 14px;}
    .select-service-box-top .media-body p {font-size: 12px;}
    .booked-section .book-btn{font-size: 14px;}


    .fieldset-title { margin-bottom: 20px;}
    .map-div { border-radius: 0;}
    .map-div .map-one { border-radius: 0; }
   

    .handling-block.F-middle-box .choose-delivery-block .choose-box img {width: 50px; height: 50px;margin-bottom: 5px;}
    .handling-block.F-middle-box .choose-delivery-block .choose-box span {  font-size: 14px;}
    .handling-block.F-middle-box .nav-pills .nav-item .nav-link {  width: 130px; height: 130px;}
    .handling-block.F-middle-box .nav-pills .yoga-girl {width: 178px;}
    .delivery-top-section .image-block { width: 130px; height: 130px; padding: 5px; }
    .delivery-top-section .image-block img { width: 50px; height: 50px; margin-bottom: 5px; }
    .delivery-top-section .image-block span { font-size: 14px;}
    .helper-img {width: 70px; height: 70px;}
    .switch3 div::before, .switch3 div::after { width: calc(70px - 18px); height: 30px; line-height: 30px; font-size: 14px;} 
    .switch3 div { width: 28px;  height: 28px; border: 4px solid #fff;}
    .switch3 { width: 87px; height: 40px;}
    .switch3 input:checked + div {left: calc(80px - 34px);}
    .handling-block.F-middle-box .nav-pills { padding-bottom: 5px;}
    .delivery-address-row .f-no { margin-bottom: 10px;}
    .delivary-total p { font-size: 16px;}
    .common-bg-block.F-middle-box .item-elevator .label-N { font-size: 14px;}
    .howder-includes .txt-width .txt-title {font-size: 14px;}
    .confirm-btn { font-size: 16px;}
    .data-pickup .input-group .input-group-text { font-size: 14px;}
    .common-bg-block .company-form-block .input-group-append .btn {  font-size: 14px;}


    .month-year { font-size: 16px;}
    .delivery-top-section { margin-bottom: 28px;}
    .delivery-address-row .da-name { padding: 9px 0px 10px;}
    .delivary-total p { font-size: 14px;}
    .time-radio label { font-size: 10px !important;}
    .week-date span { font-size: 14px;}
    .week-date { font-size: 12px; padding: 5px 0px;}
    .F-middle-box .middle-content { padding: 24px 12px;}



    .vehicle-section .services-boxs:nth-child(4) .s-icon, 
    .vehicle-section .services-boxs:nth-child(5) .s-icon, 
    .vehicle-section .services-boxs:nth-child(6) .s-icon { width: 160px;}
    .vehicle-section .services-boxs .services-box-step .s-icon { width: 160px; height: 160px;}
    .furniture-section.booked-section .F-middle-box.vehicle-section .company-form-block {  margin-top: 30px;}
    .vehicle-section .services-boxs:nth-child(1) .services-box-step, 
    .vehicle-section .services-boxs:nth-child(2) .services-box-step, 
    .vehicle-section .services-boxs:nth-child(3) .services-box-step { margin-top: -85px;}
    .vehicle-section .services-boxs:nth-child(7) .services-box-step, 
    .vehicle-section .services-boxs:nth-child(8) .services-box-step, 
    .vehicle-section .services-boxs:nth-child(9) .services-box-step { margin-top: -85px; }

    .calender-block { width: 100%; display: flex; flex-wrap: nowrap;overflow-x: scroll;}
    .calender-row { width: 100px;}

    .vehicle-section .services-boxs:nth-child(1) [type="radio"], .vehicle-section .services-boxs:nth-child(2) [type="radio"], .vehicle-section .services-boxs:nth-child(3) [type="radio"] { top: -48px;}
    .vehicle-section .services-boxs:nth-child(4) [type="radio"], .vehicle-section .services-boxs:nth-child(5) [type="radio"], .vehicle-section .services-boxs:nth-child(6) [type="radio"] { top: 40px;}
    .vehicle-section .services-boxs:nth-child(7) [type="radio"], .vehicle-section .services-boxs:nth-child(8) [type="radio"], .vehicle-section .services-boxs:nth-child(9) [type="radio"] { top: -52px;}

    .services-boxs [type="radio"] { width: 90px; height: 90px; }
    
    .footer-subcribe-block { clip-path: none;}
    .footer-subcribe-block { padding-left: 20px;}
    .nav-pills { padding: 25px 0px;}
    .same-day { padding: 10px 0px 40px;}
    .logo-heading .logo-items-carousel { padding: 18px 0px;}
    
    .services-section-launch .right-img-launch { margin: 0px auto 50px !important;}


}

@media(max-width:500px) {
    .top-H-img {
        max-width: 100%;
        position: relative;
        right: auto;
        left: auto;
        height: 220px;
    }

    .new-H-sections .top-H-img { height: auto; max-width: 100%; }
    .new-H-sections .top-H-img .top-H-right-side { flex-direction: column;}
    .new-H-sections .top-H-img .left-content {
        font-size: 20px;
        line-height: 22px;
        margin-top: 0;
      }
      
      .New-N-howdy .N-boxs .N-card .N-card-img {  height: 100px; padding: 10px;}
     
    .H-sections {
        display: block;
    }
    .top-H-img .overlays img {
        opacity: 0.85;
    }
    .H-sections .H-top-contents {
        max-width: 100%;
        padding: 20px 0px 30px;
        text-align: center;
    }
    .D-same-days .d-heads-section .sub-title {
        max-width: 100%;
    }
    .detail-sbox .form-row .col-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .detail-sbox {
        padding: 0px;
    }
    .detail-sbox .form-row {
        justify-content: center;
    }
    .D-same-days {
        padding: 25px 0px;
    }
    .same-boxs .s-title {
        font-size: 14px;
        text-align: center;
    }
    /* .earning-h-section .H-top-contents .description{text-align: center;} */
    .earning-h-section .H-top-contents {
        text-align: center;
    }
    .nav-pills .nav-item .nav-link {
        font-size: 14px;
        margin-right: 20px;
    }
    .nav-pills .nav-item:last-child .nav-link {
        margin-right: 0px;
    }
    .logo-heading .logo-items {
        margin: 12px 10px;
        /* width: 43%; */
        text-align: center;
    }
    .earning-h-section.H-sections .top-H-img {
        max-width: 100%;
    }
    .N-boxs .N-card .N-card-img {
        height: 105px;
    }
    .earning-h-section .H-top-contents .title {
        text-align: center;
    }

    .N-howdy .N-boxs {
        padding: 17px 0px 16px;
    }
    .join-listing .join-data .join-content .heading {
        font-size: 20px;
    }
    .join-listing .join-data .data {
        font-size: 14px;
    }
    .join-listing {
        padding: 30px 0px;
    }
    .join-listing .sub-letter .input-group {
        display: block;
    }
    .join-listing .sub-letter .input-group .form-control {
        width: 100%;
        margin-bottom: 20px;
    }
    .join-listing .sub-letter .input-group .input-group-append {
        justify-content: center;
    }
    #nav {
        max-width: 310px;
    }

    #return-to-top {
        width: 40px;
        height: 40px;
    }
    #return-to-top i {
        left: 14px;
        top: 8px;
    }
    .main-header {
        padding: 5px 10px;
    }
    .partner-numbers .num-box .description {
        font-size: 12px;
    }
    .partner-numbers .num-box .heading {
        font-size: 26px;
    }
    .partner-numbers .num-box hr {
        margin: 13px auto 8px;
    }
    .launch-delivery-sec {
        display: block;
    }
    .launch-delivery-sec .top-launchs {
        max-width: 100%;
        position: relative;
        height: 190px;
    }
    .store-section .media-object {
        display: block;
        text-align: center;
    }
    .store-section .media-object .media-imgs {
        margin: 0px auto 40px;
    }
    .store-section .media-object .media-body .store-img {
        margin: 15px auto;
    }
    .maps-pin {
        height: auto;
    }
    .maps-pin .maps {
        height: 400px;
    }
    .rating-section .title {
        font-size: 18px;
    }
    .services-part .N-boxs .N-card .title {
        font-size: 12px;
    }
    .card-users .card-body {
        padding: 0px;
    }
    .Delivery-page-one .card-shops {
        margin: 0px auto;
    }
    .Delivery-page-one.D-same-days .d-heads-section .sub-title {
        font-size: 12px;
    }
    .Delivery-page-one .detail-sbox .form-row {
        padding-bottom: 20px;
    }
    .Delivery-page-one .detail-sbox {
        padding: 10px 0px 38px;
    }
    .customers_reviews .media {
        display: block;
        text-align: center;
    }
    .customers_reviews .media .media-body .social-icons {
        justify-content: center;
    }
    .moving-pack-B .basic-pack-hr {
        text-align: center;
    }
    .customers_reviews .media .media-img-user {
        margin: 0px auto 40px;
    }
    .customers_reviews {
        margin: 35px auto 0px;
    }
    .our-customers-section {
        padding: 32px 0px 40px;
    }
    .delivery-craiglist .card-shops .card-body .description {
        font-size: 12px;
    }
    .delivery-craiglist .card-shops .D-icons {
        width: 120px;
        /* height:50px; */
    }
    .moving-section .basic-pack .left-basic .title {
        font-size: 20px;
    }
    .howdy_blogs .Howdy_img_right,
    .howdy_blogs .Howdy_img_right::before {
        height: 250px;
        width: 250px;
    }
    .wel_partners .right_par_img {
        height: 240px;
        max-width: 100%;
    }
    .video_section {
        height: 275px;
    }
    .contact-us-info .contact-box .C-content {
        margin-bottom: 0px;
        display: block;
    }
    .contact-info .C-infor {
        margin-bottom: 15px;
    }
    .login-page .login-form-page {
        padding: 25px 20px 30px;
    }
    .login-page .heading {
        margin-bottom: 15px;
        font-size: 27px;
    }
    .login-page .login-form-page .get-btns {
        padding: 12px 0px;
    }
    .login-page .F-description {
        font-size: 12px;
    }
    .F-prograss {
        flex-wrap: wrap;
        justify-content: center;
    }
    .F-prograss .progress {
        flex: none;
        margin-bottom: 10px;
        height: 6px;
    }
    .prograss-bg {
        padding: 15px 0px;
    }
    .prograss-bg .back-btns {
        font-size: 14px;
        height: 38px;
    }
    .confirm-btn {
        width: 150px;
    }
    .upload-btn {
        width: 265px;
    }
    .delivery-services .detail-sbox .form-row .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .P-content-box h2 {
        font-size: 15px;
    }
    .P-content-box p {
        font-size: 12px;
    }
    .privacy-section .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        padding-bottom: 0px;
    }
    .panel .panel-heading .panel-title a {
        padding: 13px 35px 15px 12px;
        font-size: 12px;
    }
    .panel-title>a::before {
        width: 40px;
        font-size: 12px;
    }
    .faq-section .faq-page {
        padding-bottom: 25px;
    }
    .panel {
        margin-bottom: 7px;
    }
    .panel-group {
        margin-bottom: 0px;
    }
    .top-left-mask {
        width: 190px;
    }
    .profile-bannar {
        height: 176px;
    }
    .profile-bannar .heading {
        font-size: 21px;
    }
    .profile-page .top-heading h2 {
        font-size: 24px;
    }
    .my-account-block .profile-row {
        padding: 30px 20px;
    }
    .user-profile .user-img {
        width: 175px;
        height: 175px;
    }
    .dashboard-middle-content {
        flex-wrap: wrap;
        padding: 16px;
    }
    .dashboard-middle-content .user-img {
        order: 1;
        margin: 0px auto 20px;
    }
    .dashboard-middle-content .D-content {
        order: 2;
        padding-right: 0;
    }
    .my-account-block .heading-row {
        display: block;
    }
    .my-account-block .heading-row .heading-left {
        margin-bottom: 15px;
    }
    .dashboard-middle-content .D-content h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .login-tab .login-icon span {
        font-size: 14px;
    }
    .pickup_information .P-address,
    .pickup_information .p-add-value {
        font-size: 12px;
    }
    .cookie-policy .media .media-img {
        width: 65px;
        height: 65px;
        margin-right: 20px;
    }
    .btn-agree {
        display: block !important;
        text-align: center;
    }
    .btn-agree .agree-btn {
        margin: 5px auto;
    }
    .F-middle-box .label-N,
    .company-form-block .checkbox,
    .middle-content .m-date-y {
        font-size: 14px;
    }
    .F-middle-box .into-myhouse .no-hours .row .col-5,
    .F-middle-box .into-myhouse .no-hours .row .col-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .F-middle-box .into-myhouse .radio-groups {
        padding-top: 10px;
    }
    .door-to-door .description {
        font-size: 12px;
    }
    .data-contain .description {
        font-size: 12px;
    }
    .data-contain .data-section-media {
        width: 67px;
        height: 70px;
    }
    .pyment-box .radio-groups {
        flex-wrap: wrap;
    }
    .pyment-box .radio-groups .radio-img {
        padding-right: 0px;
      }
    .F-prograss {
        flex-wrap: wrap;
        justify-content: center;
    }
    .F-prograss .progress {
        flex: none;
        margin-bottom: 10px;
        height: 6px;
    }
    .prograss-bg {
        padding: 15px 0px;
    }
    .prograss-bg .back-btns {
        font-size: 14px;
        height: 38px;
    }
    .confirm-btn {
        width: 150px;
    }
    .upload-btn {
        width: 265px;
    }
    .data-contain .select-items {
        max-width: 347px;
        width: 100%;
        padding: 0px;
    }
    .data-contain .select-items .radio-img {
        padding: 5px;
    }
    .data-contain .select-items .item-one {
        font-size: 12px;
        padding: 0px 5px;
        text-align: center;
    }
    .F-middle-box .middle-content {
        padding: 20px 10px;
    }
    .kitchen-box-img {
        height: 150px;
    }
    .calendar .datepicker-inline .table-condensed thead {
        font-size: 14px;
    }
    .calendar .datepicker td {
        font-size: 14px;
    }
    .month-select {
        width: 100%;
    }
    .month-select .form-group {
        display: block;
    }
    .month-select .form-group .form-control {
        width: 100%;
    }
    .delivery-services .detail-sbox .card-shops {
        padding: 10px;
    }
    .card-users {
        height: auto;
    }
    .M-tabing .card-icon-data {
        padding: 30px 0px;
    }
    .M-tabing .card-icon-data .M-title {
        font-size: 18px;
    }
    .elemetor-tab-data .middle-content-tab p {
        font-size: 14px;
    }
    .individuals-lunch-days .launch-day .right-img-launch {
        max-width: 234px;
    }
    .chat-icon {
        padding: 10px;
        width: 40px;
        height: 40px;
    }

    .tack-info .line {
        width: 78%;}
    .tack-info .track-fst{font-size: 12px;}
    .services-boxs .services-box-step .s-icon { width: 95px; }
    .services-boxs .services-box-step{padding: 35px 5px 15px;}
    .services-boxs .services-box-step h6{padding-right: 0px;}
    .select-service-box-top{display: block;}
    .select-service-box-top .media-img{margin: 0px auto 20px;}
    .services-boxs .check-radion { width: 30px !important; height: 30px !important;}
    .into-myhouse .services-boxs .services-box-step{padding: 15px 5px;}
    .plus-icons, .plus-iconsss {width: 17px;height: 17px;}
    .plus-icons::before{font-size: 9px;}
    .table tbody td{font-size: 12px;}
    .data-pickup .pickup-data .pickup-middle .P-title{font-size: 12px;}
    .price-flex div .txt-title {font-size: 16px !important;}
    /* .services-boxs .edit-view .view-icon{} */

    #progressbar {height: 50px; }
    #progressbar li img {  width: 20px; height: 20px;}
    .services-boxs .services-box-step { padding: 0px 5px 15px;}
    .F-middle-box { padding-bottom: 0px; }
    .handling-block.F-middle-box .choose-delivery-block .choose-box img { width: 36px; height: 36px;}
    .handling-block.F-middle-box .choose-delivery-block .choose-box span { font-size: 12px;}
    .handling-block.F-middle-box .nav-pills .nav-item .nav-link { width: 110px; height: 110px;}
    
    .delivery-top-section { display: block;}
    .delivery-top-section .image-block {  width: 110px; height: 110px; margin-right: 0px; margin-bottom: 15px;}
    .delivery-top-section .image-block span { font-size: 12px;}
    .delivery-block.F-middle-box .no-hours { display: block; text-align: center; width: 100%;  margin: 20px 0px; }
    .delivery-block .item-elevator .btn-toggle { margin: 10px auto;}
    .delivery-block .checkbox { margin: 0px;}
    .delivery-address-row { display: block;}

    .delivery-address-row .f-no { display: block;}
    .delivery-address-row .number { max-width: 100%; margin: 15px auto;}
    .delivery-address-row .number::before { width: 82%;}
    #progressbar li span.li-inside { padding: 0px 14px;}
    #progressbar { padding-right: 12px;}

    .vehicle-section .services-boxs { width: 100%;}
    .services-selective { display: block;}
    .vehicle-section .services-boxs:nth-child(3) .services-box-step .s-icon { margin-left: auto; margin-right: auto; margin-bottom: 40px; }
    #vehicleinfo-3 { max-width: 100%;  width: 100%; border-right: none;}
    .services-boxs .services-box-step h6 { text-align: center;}
    .services-boxs .services-box-step p {  text-align: center;}
    .vehicle-section .services-boxs {  width: 100% !important;   margin-bottom: 10px;}
    .vehicle-section .services-boxs:nth-child(9) .services-box-step .s-icon { margin-right: auto; margin-left: auto; margin-bottom: 40px; }
    #vehicleinfo-9 { max-width: 100%; width: 100%; border-left: none; padding: 3px; text-align: center; margin-left: 0;}
    .vehicle-section .services-boxs .services-box-step #vehicleinfo-9 h6 { text-align: center;}
    .vehicle-section .services-boxs .services-box-step #vehicleinfo-9 p {text-align: center;}


    #vehicleinfo-7::before, #vehicleinfo-8::before, #vehicleinfo-9::before { left: 50%; top: -33px; transform: rotate(0deg);}
    #vehicleinfo-1::before, #vehicleinfo-2::before, #vehicleinfo-3::before { transform: rotate(0deg); left: 50%;  right: auto;}

    .vehicle-section .services-boxs .services-box-step .s-icon { background: url(../../images/2.svg) no-repeat !important; background-position: center !important; background-size: contain !important; width: 208px; filter: drop-shadow(0px 5px 1px #D8DBE8); }
    .services-boxs .price-tag .price-txt { min-width: 180px !important; height: auto !important; background: url(../../images/shapes2.png) no-repeat !important; background-position: center !important; background-size: contain !important; }
    .services-boxs .services-box-step { margin-top: 0px !important; }  
    .services-boxs .services-box-step .s-media-body{  position: relative; }
/*     .services-boxs .services-box-step .s-media-body:before { position: absolute; content: "";  width: 1px; height: 30px; background: #343434; left: 50%; top: -45px; transform: unset !important; }
 */    .services-boxs .price-tag { top: 2px !important; left: 50% !important; transform: translateX(-50%) !important;}
    .furniture-section.booked-section .F-middle-box.vehicle-section .company-form-block { margin-top: 0px;}
    /* .services-box-step .s-icon {  margin-bottom: 40px !important;} */
/*     .services-boxs .services-box-step .s-media-body::before { left: 50% !important;  top: -31px !important;}
 */    .vehicle-section.F-middle-box .middle-content {  padding: 5px 10px;}
    .addmore-text {  margin-bottom: 15px; display: inline-block; font-size: 14px; }
    .addmore-text:hover { color: #204d6c !important; }
    .vehicle-section .services-boxs .edit-view .view-icon { bottom: 10px !important; left: 50% !important; transform: translateX(-50%);}
    #service-box { background-size: 0px; }
    .week-date { width: 100px; }
    .new-H-sections.H-sections .H-top-contents {padding: 30px 15px; max-width: 100%;}
/*     .new-H-sections { background: url(../../images/howdy_bg.jpg) repeat; background-position: top;} */
    .truck-box .ti-1 { left: 0%; top: 150px;}
    .new-H-sections .top-H-img { padding: 30px 15px;}
    .new-D-same-days .d-heads-section { Display: block;}
    .new-D-same-days .dsame-left-side { width: 100%; padding-right: 0px;}
    .new-D-same-days .detail-sbox { width: 100%;}
    .new-D-same-days .dsame-left-side .title { margin-bottom: 5px !important;}
    .new-D-same-days .dsame-left-side {margin-bottom: 20px;}
    .new-same-day .s-title { width: 100%;}
    .earning-h-section.H-sections { min-height: 270px;}
    .N-card { padding-bottom: 15px;}
    .N-boxs .N-card .title { font-size: 14px;}

    .footer-subcribe-block { padding: 15px 15px;}
    .book-F-align { margin-bottom: 26px; padding-top: 10px;}
    .join-content { margin-bottom: 17px; text-align: center;}
    footer .input-group { margin: 0px auto;}
    .footer-subcribe-block .copy_right { margin-top: 20px; text-align: center;}
    .footer-subcribe-block { clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
    .app-linkes-block span {  margin-right: 5px;}

    .vehicle-section .services-boxs [type="radio"] { top: 40px !important; left: 50% !important; transform: translateX(-50%) !important; }

    #service-box .services-selective-outside-text { height: auto;}
    #service-box .services-selective { display: block;}
    #service-box .services-boxs .services-box-step { margin: 0px auto 20px;}




}

@media(max-width:400px) {
    .H-sections .H-top-contents .title { font-size: 19px;}
    .earning-h-section .H-top-contents .title {font-size: 16px;}
    .N-boxs .N-card .N-card-img {height: 90px;}
    .partner-numbers .row .col-6 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .partner-numbers .num-box {max-width: 100%;}
    .customers_reviews .media .media-body .description {font-size: 12px;}
    .favorite_stores .fav-s-img {height: 124px;}
    .moving-section .basic-pack .middle-section .prices {font-size: 16px;width: 85px;height: 85px;}
    .moving-section .basic-pack .middle-section .prices span {font-size: 12px;}
    .login-page .heading {font-size: 22px;}
    .pickup_information .form-row .col-6 {flex: 0 0 100%; max-width: 100%;}
    .pickup_information .p-add-value {text-align: left;}
    .pickup_information .P-address {margin-bottom: 3px;}
    .company-form-block label {font-size: 11px;}
    .testimonail-owl {padding: 12px;}
    .services-section-launch .right-img-launch { width: 250px;}
}

@media(max-width:320px) {
    #nav {
        max-width: 275px;
    }
    #nav ul.main li .nav-link {
        font-size: 14px;
    }
    #nav ul.main li {
        padding: 5px 11px;
    }
    .right-img-launch {
        height: 166px;
    }
    .right-img-launch img {
        border-radius: 6px;
    }
    .maps-pin .maps {
        height: 275px;
    }
    .moving-section .basic-pack .middle-section .van-img {
        max-width: 200px;
    }
    .wel_partners .right_par_img {
        height: 210px;
    }
    .wel_partners .left_par_content .title {
        font-size: 20px;
    }
    .contact-us-info .contact-box .C-content {
        font-size: 12px;
    }
    .contact-info .C-infor a {
        font-size: 12px;
    }
    .login-tab .nav-pills .nav-item .nav-link {
        font-size: 14px;
        min-width: 260px;
        padding: 10px 10px
    }
    .profile-bannar {
        height: 157px;
    }
    .top-left-mask {
        width: 172px;
    }
    .profile-bannar .heading {
        font-size: 20px;
        padding-left: 30px;
    }
    .login-tab {
        display: block;
    }
}