body {
    background: #fafbfe;
}
@font-face {
    font-family:'HelveticaNeue' ;
    src: url('HelveticaNeueLTStd-BlkCn/HelveticaNeueLTStd-BlkCn.otf');
}

#fullLoader.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
    align-items: center;
    justify-content: center;
  }
input:focus,
button:focus:not(.calcBtn),
.btn-check:focus+.btn,
.btn:focus:not(.calcBtn),.form-control {
    outline: 0 !important;
    box-shadow: none !important;
	background: transparent;
}

.line {
    font-size: 14px;
    font-family: sans-serif;
}

/* .main_containt {
    padding-top: 6%;
} */
.font {
    font-weight: 600;
    color: #575656;
    font-family: inherit;
    font-size: 18px;
}

a.btn.btn_blue {
    background: #29aae3 !important;
    color: white !important;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}
a.btn.btn_green {
    background: #77c243 !important;
    color: white !important;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

p.heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700;
}
span.sky {
    font-weight: 800;
    color: red;
}

p.graph_title {
    padding-left: 15px;
    column-count: 1;
    margin: 0;
}

p.graph_title span{
 font-size: 16px;
    font-weight: 600;
    background: #e0e0e0;
    padding: 6px;
    border-radius: 14px;
}

span.profit {
    font-weight: 800;
    color: #75ca3a;
}
p.badge.badge_box {
    background: #eae6e6;
    color: #0a2552;
    font-family: sans-serif;
}
span.bold {
    font-weight: 900;
}
p.graph_text {
    padding-left: 15px;
    /* padding-top: 16px; */
    column-count: 1;
    font-size: 24px;
    font-weight: 600;
    color: #4d4c4c;
}
img.img-graph {
    width: 100%;
}
span.graph_invite {
    color: #75ca3a;
    font-weight: 700;
}
p.text_font {
    font-size: 18px;
    font-weight: 900;
    color: #0a2552;
    font-family: sans-serif;
}
p.shipper {
    font-size: 19px;
    font-weight: 400;
    color: #afafaf;
    font-family: sans-serif;
}   
.box {
    /* border: 5px solid #e1f9cd; */
}
span.middle_content {
    color: black;
    font-weight: 600;
    font-size: 17px;
}
img.images {
    width: 489px;
}


.foot_title {
    font-size: 14px;
    font-weight: 500;
}

li.line :after {
    content: "|";
    padding-left: 18px;
}

.nav_ul {
    align-items: flex-end;
}

p.footer_para {
    margin: 0px;
}
nav.footer_nav{
    padding: 12px;
    align-items: center;
}
img.alicorn2 {
    width: 100%;
    height: 380px;
	object-fit: cover;
    object-position: top;
}

/* NEW */
.button {
    gap: 41px;
    display: flex;
}
.list {
    gap: 7px;
    display: flex;
}
a.contact_us {
    padding-right: 15px;
}
.para {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
   
}

.main_head {
    background: #0067dd;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    padding: 10px;  
}

.foot_head {
    background: #0067dd;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    padding: 10px;  
}


img.profile {
    width: 18px;
    padding-right: 3px;
    margin: 0px 3px 3px 0px;
}
.left_head {
    display: flex;
    gap: 41px;
    align-items: center;
}
a.anch {
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}
.button_login {
    background: #079dfc;
    border-radius: 6px;
    padding: 0px 10px 0 10px;
}

.button_request {
    background: #88c03b;
    border-radius: 6px;
    padding: 0px 10px 0 10px;
}
a.btn.top_btn {
    border: 0;
    color: white;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
}

ul.footer_ul {
    margin: 0px;
    list-style: none;
    display: flex;
}
li.footer_li a {
    color: white;
    text-decoration: none;
    font-size: 16px;
}
li.foot_line :after {
    content: "|";
    padding: 10px;
}
p.footer_para {
    margin: 0px;
    color: white;
    font-size: 16px;
}
span.medical {
    font-weight: bold;
}
span.reserved {
    font-style: italic;
}


.illustrate {
    position: absolute;
    top: 107px;
    left: 69%;
}
.circle {
    position: relative;
}
span.free {
    color: #004aac;
    font-weight: 700;
}

/* Login */
.main_border {
    border-radius: 15px;
    border: 2px solid #cecece;
    margin-left: 37px;
}
.btn_small {
    background: #079dfc !important;
    font-size: 16px;
    color: white !important;
    font-family: 'Poppins', sans-serif;
    border: 3px solid;
}
.heading p {
    font-size: 36px !important;
    font-weight: bold;
    color: #1b1b1c;
    font-family: 'Poppins', sans-serif !important;  
}
.terms h2 {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #3c3b3b !important;
    font-family: 'Poppins', sans-serif !important;
}
.containt{
    /* height: calc(100vh - 135px);
    overflow: hidden; */
}
.flow{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.unicorn {
    position: absolute;
    top: -50px;
    left: 52%;
    transform: translateX(17%);
}
label.remember{
    color: grey;
    font-size: 16px;
    font-family: 'Poppins',sans-serif;
}




/* THANKYOU */
.thanks {
    text-align: center;
}
.thank_title p{
    font-size: 16px;
    color: #494646;
    font-family: 'Poppins',sans-serif;
    line-height: 1.25;
    padding: 20px 0px 0px 35px;
}
img.tq-circle {
    width: 100%;
}
.tq_unicorn {
        position: absolute;
    top: 220px;
    left: 54%;
    transform: translateX(17%);
}
img.uni {
    width: 100%;
}
.left_tq {
    padding-top:65px;
}


/* INVITATION */

.invitation {
    font-size: 40px;
    font-weight: bold;
    color: #333232;
    font-family: 'Poppins',sans-serif;
}
.invitation_title {
    color: #2b2a2a;
    font-family: 'Poppins',sans-serif;
    font-size: 18px;
}
.input_font {
    color: #4d4c4c;
    font-family: 'Poppins',sans-serif;
    font-size: 17px;
}
.btn_font {
    font-size: 51px;
    font-weight: bold;
    color: white !important;
    border: 3px solid;
    background-image: linear-gradient(to right, #ec2023 , #f15723);
    border-radius: 12px;
    font-family: 'Poppins',sans-serif;
}
.brd {
    border: 2px solid #eaeaea;
}


/* ABOUT */

.about_heading {
    font-size: 36px;
    font-weight: bold;
    color: #333232;
    font-family: 'Poppins',sans-serif;
}
.about_title {
    color: #2b2a2a;
    font-family: 'Poppins',sans-serif;
    font-size: 18px;
}
span.sub_title {
    font-weight: 600;
}
.about_unicorn {
    position: absolute;
    top: 287px;
    left: 51%;
    transform: translateX(17%);
    width: 41%;
}
img.about_circle {
    width: 100%;
}
img.alicorm {
    width: 58%;
}


/* Privacy */

.privacy_heading {
    font-size: 40px;
    font-weight: bold;
    color: #333232;
    font-family: 'Poppins',sans-serif;
}
.privacy_title {
    color: #2b2a2a;
    font-family: 'Poppins',sans-serif;
    font-size: 18px;
    line-height: 28px;
}
.title {
    font-family: 'Poppins',sans-serif;
   font-weight: bold;
    font-size:18px;
}


/* TERMS */

.para_date {
    font-size: 18px;
    color: #252424;
    font-family: 'Poppins',sans-serif;
    font-style: italic;
}





/* HOME */

p.home_head {
    font-family: 'Poppins',sans-serif;
    font-size: 36px;
    font-weight: bold;
}
span.eating {
    color: #c85102;
    
}
.shadow_right.text-center {
    position: relative;
}
.img_right.text-center {
    position: absolute;
    top: 139px;
    right: 60px;
}
img.home_unicorn {
    width: 550px;
}
img.shodow_box {
    position: relative;
    width: 620px;
    height: 716px;
}
.m_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
}

p.home_text {
    font-size: 17px;
    font-family: 'Poppins',sans-serif;
}
.home_box {
    border: 1px solid #cec9c9;
    border-radius: 7px;
    margin: 0px -35px;
    padding: 0 34px;
}
.uper {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}
p.green {
    font-size: 17px;
    color: green;
    padding-left: 10px;
    font-family: 'Poppins',sans-serif;
}
p.red {
    font-size: 17px;
    color: red;
    padding-left: 10px;
    font-family: 'Poppins',sans-serif;
}
.home_invitation {
    font-size: 40px;
    font-weight: bold;
    color: white !important;
    border: 3px solid;
    background-image: linear-gradient(to right, #ec2023 , #f15723);
    border-radius: 12px;
    font-family: 'Poppins',sans-serif;
    margin-top: 10px;
    width: 100%;
}
a.btn.home_invitation:hover {
    color: white !important;
     background-image: linear-gradient(to right, #ec2023 , #f15723) !important;
    font-family: 'Poppins',sans-serif;
}
.verticall {
    transform: rotate(180deg) translate(-4px);
    writing-mode: vertical-lr;
    position: absolute;
    left: -31px;
    font-size: 13px;
    padding-bottom: 9px;
    color: #a09e9e;
}
.img_content.text-center {
    position: relative;
}
.shape1.text-center {
    padding-bottom: 7%;
}
p.home-font.mb-0 {
    font-size: 36px;
    font-weight: bold;
    color: #4b4747;
    line-height: 1.25;
}
.background-2 {
    background: #f5f6fb;
}
.base {
    align-items: center;
}

p.middle_content {
    width: 140px;
    font-size: 15px;
    font-family: 'Poppins',sans-serif;
}
.p-title {
    display: flex;
    justify-content: space-between;
}
.button_login a.btn.top_btn:hover {
    color: white;
    background: #079dfc;
}
.button_request a.btn.top_btn:hover {
    color: white;
    background: #88c03b;    
}
button.btn_font {
    background-image: linear-gradient(to right, #ec2023 , #f15723) !important;
    color: white !important;
    text-transform: uppercase;
}
span.login_logo {
    border: none !important;
    background: #f6f6f6 !important;
    color: #afa8a8;
    font-size: 20px;
}
input.logo_input {
    border: none !important;
}
.input-group.input_border {
    border: 1px solid #cac3c3;
    border-radius: 7px;
    margin-bottom: 14px;
    height: 50px;
}
input.logo_input::placeholder {
    font-size: 15px !important;
    color: #9f9b9b;
}
footer.mainfooter {
    position: fixed;
    bottom: 0;
    width: 100%;
}
/* mobile header */
.bottomheader {
    color: #fff;
    position: relative;
}
.bottomheader:after {
    content: "";
    background: #079dfc;
    width: 100%;
    height: 55px;
    top: 0;
    display: block;
    margin-top: -75px;
}
.cronlogo:after {
    content: "";
    position: absolute;
    right: -24px;
    border-bottom: 74px solid #2e3192;
    border-left: 0px solid transparent;
    border-right: 26px solid transparent;
    top: 1px;
}
.cronlogo {
    background: #2e3192;
    position: relative;
    height: 75px;
    top: -10px;
    z-index: 999999;
    border-radius: 0 9px 0 0;
    display: table;
    width: 100%;
    text-align: center;
}
.innerlogo{
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}
.contactpart a {
    color: #fff;
    text-decoration: none;
    font-size: 36px;
    font-family: 'HelveticaNeue';
    line-height: 51px;
    letter-spacing: 1px;
    /* font-weight: 800; */
}
.contactpart {
    text-align: center;
}
div#SideBarpart {
    position: fixed;
    width: 200px;
    height: 100%;
    top: 0;
    background: #079dfc;
    left: 0;
    z-index: 99999999;
    padding: 12px 16px;
    box-shadow: 0 0 11px #2e3192;
   transform:  translate(-205px, 0);
   transition: 0.6s;
}
#SideBarpart .closeside {
    color: #fff;
    text-align: right;
    font-size: 25px;
    
}
#SideBarpart .contact {
    padding: 9px 0;
}
.closeside{
    color: #fff;
    font-size: 28px;
}
.shown{
    display:block !important;
}
.nonshown{
    display:none !important;
}
/* mobile header */
.user_img img {
    width: 40px;
}
.userimages img {
    width: 300px;
}
.originlocation input {
    font-size: 13px;
}

/* NEW FRONT_HOME */

.input_box {
    border-radius: unset !important;
    background: white;
}
span.input-group-text.input_box.group {
    border: none;
   
}
input#pickup {
    border: none;
}
input#deliver_from {
    border: none;
    
}
section#second_section {
    background: #0067dd;
}
h5.tired {
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}
h1.shipping_heading {
    font-family: 'Poppins',sans-serif;
    font-weight: 700;
    color: #88c03b;
}
.input_box::placeholder {
    font-size: 14px;
    text-align: center;
}
input#pickup::placeholder {
    text-align: left !important;
}
input#deliver_from::placeholder {
    text-align: left !important;
}
button#quote_btn {
    border: none;
    color: white;
    background: #88c03b;
    border-radius: inherit;
    font-weight: 600;
    font-family: 'Poppins',sans-serif;
}
.input_section .input-group-text {
    padding: 0 8px 0 22px;
}
.wherePart p {
    text-align: center;
    margin: 0;
    font-size: 15px;
    color: #0067dd;
    font-weight: 700;
    height: 64px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input_section .input-group ,.input_section .input_box {  
    height: 64px;
}
span.input-group-text.input_box.group.up {
    color: #3cc33c;
}
span.input-group-text.input_box.group.down {
    color: red;
}

/* Booknow  */


.shipment_section h4 {
    color: #0067dd;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}
.content h5 {
    font-size: 17px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
    color: #444444;
}
.content p {
    font-size: 16px;
    /* font-weight: 600; */
    /* color: #b1acac; */
    font-family: 'Poppins',sans-serif;
}
label.book {
    color: grey;
    font-size: 14px;
    font-weight: 500;
    padding-left: 15px;
    font-family: 'Poppins',sans-serif;
}
input::placeholder {
    font-size: 14px;
    font-weight: 500;
    padding-left: 10px;
    color: #b9b6b6 !important;
    font-family: 'Poppins',sans-serif;
}
.book_nowbtn a {
    background: #88c03b!important;
    color: white;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}
.book_nowbtn a:hover {
    border: none;
    background: #88c03b!important;
    color: white;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}

table#book_table tr td:first-child {
    width: 60%;
}
table#book_table tr td:last-child {
    width: 20%;
    text-align: right;
    padding: 9px 0px 2px 2px;
}
table#book_table tr td:nth-child(2) {
    width: 20%;
    text-align: center;
} 
tr.book-option {
    vertical-align: baseline;
}
span.top-title {
    font-size: 15px;
    font-weight: 600;
    color: #3e3c3c;
    font-family: 'Poppins',sans-serif;
}
a.edit_btn {
    font-size: 12px;
    font-weight: 600;
    color: #00c7ff;
    text-decoration: none;
    font-family: 'Poppins',sans-serif;
}
div.tr_cube img{
    width: 80px;
}
div.tr_cube div{
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
    font-family: 'Poppins',sans-serif;
}
span.tr_no {
    font-size: 17px;
    font-weight: 600;
    color: #3a3939;
    font-family: 'Poppins',sans-serif;
}
.book_btn {
    background: #88c03b!important;
    color: white;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}
.book_btn:hover {
    background: #88c03b!important;
    color: white;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Poppins',sans-serif;
}
p.offer {
    font-size: 14px;
    color: #989797;
    font-weight: 600;
    padding-top: 7px;
}
.pill_box.radio_position {
    width: 60%;
}
.pill_box{
    position: relative;
    /* width: 100%; */
    background-color: var(--smoke-white);
    height: 28px;
    align-items: center;
    display: flex;
    justify-content: SPACE-BETWEEN;
    /* align-items: center; */
    border-radius: 9999px;
    /* box-shadow: 0 0 16px rgba(0,0,0,.2); */
    border-radius: 22px;
    /* overflow: hidden; */
    font-size: 12px;
    border: 1px solid #808080d4;
    height: 40px;
}
.box-item {
    position: relative;
    flex-basis: 50%;
    height: 100%;
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.box-item_radio:checked+.box-item_label {
    background: #88c03b;
    /* background-color: var(--blue); */
    color: var(--white);
    /* box-shadow: 0 0 4px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .5); */
    /* transform: translateY(-2px); */
    border-radius: 0;
    color: white;
    font-size: 16px;
}
.box_custom {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black; */
}
.box-item_radio {
    appearance: none;
    display: none;
}
.ltl_label {
    border-radius: 16px 0 0 16px !important;
    box-shadow: unset !important;
}
.box-item_label {
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
    border-radius: 40px 0 0 40px;
    line-height: 38px;
    transition-duration: .5s;
    transition-property: transform, color, box-shadow;
    transform: none;
    padding: 0 7px;
    font-size: 16px;
    color:black;
    font-weight: 600;
}
.selecotr-item:hover .box-item_label.volume_radius, .box-item_radio:checked+.box-item_label.volume_radius {
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}
table#book_table tr:last-child {
    border-color: transparent !important;
}

.proinput {
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #cdcdcd !important;
    border-radius: 0;
    border: none;
    padding: 0;
    font-size: 12px;

}
.pickupFrom, .pickupFrom nav, .pickupFrom ul {
    width: 100.22%;
}
.pickupFrom ul {
    padding: 0;
    border-top: none !important;
    border-radius: 0;
    margin-top: 16px;
    height: 360px;
    overflow-x: hidden;
    overflow-y: scroll;
}
.pickupFrom ul li {
    padding: 0;
    border-bottom: none;
}
.pickupFrom ul li a:hover {
    background: #0067dd1c;
}
.pickupFrom ul li a {
    padding: 25px 20px;
    font-size: 14px;
    font-weight: 500;
}
.pickupFrom ul li a i {
    color: #6aadf9;
    font-size: 13px;
}
.pickupFrom .dropdown-item:focus,.pickupFrom .dropdown-item:hover {
    color: #000;
    background-color: #0067dd1c;
}
.pickupFrom ul::-webkit-scrollbar {
    width: 3px;
    background-color: #92bae7;
    max-height: 50%; height: 50%;
}
.pickupFrom ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #0067dd1c;
    max-height: 50%; height: 50%;
}
.card.shipmentitem {
    border-radius: 6px 6px 0 0 !important;
}
.Single_row .boxnormal{
    margin-left: 2px;
}


@media (min-width:1400px) {
    img.about_circle {
        width: 82% !important;
    }

    img.alicorm{
        width: 54% !important;
    }
}