:root {
  --primary-color: #1e90ff;
  --secondary-color: #7b68ee;
  --dark-color:#00162e;
  --dark-color1: #26394d;
  --dark-color2: #4c5c6c;
  --dark-color3: #7f8a96;
}
html{background:#faf9f7;}
*, *::before, *::after {box-sizing: border-box;}
body{font-family: "Verdana", Geneva, Tahoma, sans-serif;margin: 0}
button{height: 42px;font-size: 18px;border-radius: 8px;padding: 0 16px;cursor: pointer}
button:hover{background: var(--secondary-color);color:#fff;border-color: var(--secondary-color);cursor: pointer}
a{text-decoration: none;color:var(--dark-color1);cursor: pointer}
a:hover{color:var(--primary-color);}
ul{list-style-type: none;}
h1{font-size:32px;}
h2{font-size:24px;margin: 10px 0 20px}
input, select{height: 42px;padding: 0 20px;line-height: 40px;border-radius: 8px;border: 1px solid #ccc;
    font-size: 16px;color:var(--dark-color1);cursor: pointer
}
input:hover, select:hover{border: 1px solid var(--primary-color);outline: none}
input:focus, select:focus{border: 1px solid var(--primary-color);outline: 1px solid var(--primary-color)}
.container{max-width: 1200px;color:var(--dark-color);margin: 0 auto}
div#page{min-height: calc(100vh - 160px);margin:40px auto;}
.primary_button{background: var(--primary-color);color:#fff;border:1px solid var(--primary-color);}
.primary_button:hover{background: var(--secondary-color);border-color: var(--secondary-color);}
.inv_button{background: #fff;color:var(--dark-color);border:1px solid var(--primary-color);}
.inv_button:hover{background: var(--secondary-color);border-color: var(--secondary-color);color:#fff}

header{display: flex;align-items: center;justify-content: space-between;background:#fff;
    padding: 12px 24px;border-radius: 12px;margin-bottom: 20px;
}
.logo{display:inline-flex;align-items:center;gap:10px;font-size: 22px;font-weight: 600;color:var(--dark-color);white-space: nowrap;min-width: 190px}
.logo .site-logo-image{display:block;width:42px;height:42px;object-fit:contain;flex:0 0 auto}
.logo .site-logo-text{display:inline-flex;align-items:center;line-height:1;color:var(--dark-color)}
#menu{display: flex;gap:4px;flex-direction: row;margin-left: auto;flex-wrap: wrap;justify-content: center}
#menu li{font-size: 16px;margin: 0 8px}
#menu a{padding: 0 12px;height: 36px;line-height: 36px;display: flex;align-items: center;color: var(--dark-color1);}
#menu a.active,#menu a:hover{color: var(--primary-color);}
header button{margin-left: 20px}
.language_switcher{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:12px}
.language_switcher a{display:inline-flex;align-items:center;height:30px;padding:0 8px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;color:var(--dark-color2);background:#fff}
.language_switcher a.active,.language_switcher a:hover{border-color:var(--primary-color);color:var(--primary-color)}
.user-language-switcher{margin:0 0 8px 0;padding:8px 12px;background:#fff;border:1px solid rgba(0,0,0,.125)}

/*TEMPLATE*/
.template{display: flex;align-items: center;justify-content: space-between;padding: 0;cursor: default;
    margin-bottom: 20px;
}
.template .text{width: 40%;display: flex;flex-direction: column;gap:16px;color: var(--dark-color1);font-size: 18px;
    padding: 24px}
.template h1{font-size:32px;margin: 0;color: var(--dark-color);font-weight: 500}
.template .text span{font-size: 16px;}
.template .bg{width: calc(60% - 20px);position: relative}
.template .bg img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 3 / 2;border-radius: 12px;}
.hero_carousel{overflow: hidden;border-radius: 12px;aspect-ratio: 3 / 2;background: #fff}
.hero_slides{width: 100%;height: 100%;position: relative}
.hero_carousel .hero_slide{position: absolute;inset: 0;opacity: 0;transition: opacity .45s ease;pointer-events: none}
.hero_carousel .hero_slide.active{opacity: 1;pointer-events: auto}
.hero_nav{width: 38px;height: 38px;padding: 0;border: 0;border-radius: 50%;position: absolute;top: 50%;
    transform: translateY(-50%);z-index: 2;background: rgba(255,255,255,.9);box-shadow: 0 4px 10px rgba(0,0,0,.16)}
.hero_nav:hover{background: var(--primary-color)}
.hero_nav:before{content: '';display: block;width: 10px;height: 10px;border-top: 2px solid var(--dark-color);
    border-left: 2px solid var(--dark-color);position: absolute;top: 14px}
.hero_nav:hover:before{border-color:#fff}
.hero_prev{left: 12px}
.hero_next{right: 12px}
.hero_prev:before{left: 15px;transform: rotate(-45deg)}
.hero_next:before{right: 15px;transform: rotate(135deg)}
.hero_dots{position: absolute;left: 0;right: 0;bottom: 12px;display: flex;justify-content: center;gap: 8px;z-index: 2}
.hero_dots button{width: 10px;height: 10px;min-width: 10px;padding: 0;border: 0;border-radius: 50%;
    background: rgba(255,255,255,.78);box-shadow: 0 2px 6px rgba(0,0,0,.14)}
.hero_dots button.active,.hero_dots button:hover{background: var(--primary-color)}
.actions{display: flex;align-items: center;gap:12px;width: 100%}
.actions button{width: calc(50% - 6px)}

/*BLOCKS*/
.blocks{display: flex;flex-wrap: wrap;gap:20px;background: #fff;border-radius: 12px;padding: 20px;margin: 0 0 32px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0,.1);
}
.blocks h2{width: 100%;text-align: center;font-weight: 500;text-transform: uppercase;}
.blocks .block{display: flex;flex-direction: column;cursor: default}

.blocks .block img{width: 100%;height: auto;aspect-ratio:1.5/1;object-fit: contain;}
.blocks .block img.icon{width: 44px;height: 44px;object-fit: contain;}
.blocks .block .title{text-align: center;font-size: 20px;margin: 0;min-height: 40px;line-height: 20px;display: flex;align-items: center;}
.blocks .block .text{color: var(--dark-color2);display: flex;gap:8px;flex-direction: column;font-size: 16px;line-height: 18px;}
.blocks .block .text div{display: flex;}
.blocks .block .text div:before{content:'';display: inline-block;margin-right: 8px;width: 6px;height: 6px;min-width: 6px;
    background: var(--dark-color2);border-radius: 50%;top:6px;position: relative;
}
.blocks .block .text .item{display: flex;align-items: center;gap:8px}
.blocks .block .text .item:before{display: none;}
.blocks .block .text .item img{width: 40px;height: 40px}
.blocks .block .description{display: none;}
.description{height: 100%;overflow-y: auto;}
.description div{margin: 4px 0;}
.description div:last-child{margin: 12px 0;}
.description div span{color: var(--dark-color);font-weight: 600}

#modal{display: block;position: fixed;top:0;left: 0;bottom: 0;right: 0;margin: auto;font-size: 15px;
    width: 500px;max-width: 90vw;height: 600px;max-height: 90vh;background: #fff;border-radius: 16px;
    padding: 24px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0,.2);z-index: 10;overflow: hidden;color: var(--dark-color1);
    line-height: 20px;
}
#modal .title{border-bottom: 1px solid var(--primary-color);color: var(--dark-color);font-size: 20px;margin: 0 0 12px;
    min-height: 40px;line-height: 20px;display: flex;align-items: center;justify-content: center;
}
#modal h3{font-size: 18px;font-weight: 500;color: var(--primary-color);margin-bottom: 8px}
#modal ul{padding-left: 0;margin: 8px 0 8px}
#modal ul li{line-height: 22px;padding-left: 10px}
#modal ul li:before{content:'';display: inline-block;margin-right: 8px;width: 6px;height: 6px;min-width: 6px;
    background: var(--dark-color2);border-radius: 50%;top:-3px;position: relative;}
#modal .close{width: 40px;height: 40px;top:0;right: 0;position: absolute;cursor: pointer;
    background: url('../../images/icons/close-x.svg') center no-repeat;background-size: 24px;
}

#overlay{position: fixed;top:0;left: 0;bottom: 0;right: 0;width: 100vw;height: 100vh;background: rgba(255,255,255,0.4);
    z-index: 1;backdrop-filter: blur(10px);}

.blocks.block1 .block{width: 100%}
.blocks.block2 .block{width: calc(50% - 10px)}
.blocks.block3 .block{width: calc(33.33% - 14px)}
.blocks.block4 .block{width: calc(25% - 15px)}
.blocks .block.full{width: 100%}

.blocks.why_us .block{border:1px solid rgba(0, 0, 0, 0.1);border-radius: 12px;cursor: pointer}
.blocks.why_us .block .title{text-align: center;justify-content: center}
.blocks.why_us .block .open{display: flex;flex-direction: column;justify-content: center}
.blocks.why_us .block img{width: 180px;height: 120px;object-fit: contain;margin: 0 auto}
.blocks.why_us .block.resp img{width: 140px;}
.blocks.why_us .block:hover{border-color: var(--primary-color);}

.blocks.basic .block, .blocks.additional .block{flex-direction: row;flex-wrap: wrap;gap:8px}
.blocks.basic .block .title, .blocks.additional .block .title{max-width: calc(100% - 58px);text-align: left;}
.blocks.additional .block .text{padding-left: 38px}

.blocks.no_bg{background: none;box-shadow: none}

.blocks.steps .block{gap:0;justify-content: flex-start;align-items: center;position: relative}
.blocks.steps .block .title{margin-bottom: 8px}
.blocks.steps .block:not(:last-child):after{content:'';position: absolute;width: 30px;height: 30px;
    top:55px;right: -18px;background: url('../../images/icons/arrow.svg') no-repeat;background-size: contain;//opacity: 0.4;
}
.blocks.steps .block img{width: 70%;height: auto;object-fit: cover;aspect-ratio: 4 / 3;margin: 0 auto}

.blocks.tariff{justify-content: center;padding: 0;}
.blocks.tariff .block{position: relative;background: #fff;padding: 24px;border-radius: 12px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0,.1);overflow: hidden}
.blocks.tariff .block .content{max-width: 50%;display: flex;flex-direction: column;gap:12px;z-index: 1;height: 100%;
    justify-content: space-between;background: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0.3) 100%);
}
.blocks.tariff .block .title{min-height: unset}
.blocks.tariff .block .text{color: var(--dark-color1);}
.blocks.tariff .block button{width: 100%}
.blocks.tariff .block:after{content: '';width: 70%;height: 100%;position:absolute;top:0;right: -7%;background-size: contain;
    background-repeat: no-repeat;background-position: center;z-index: 0;
}
.block.standard:after{background-image: url('../../images/standard.png')}
.block.express:after{background-image: url('../../images/express.png')}
.block.business:after{background-image: url('../../images/business.png')}
.blocks.tariff .block.full{max-width: 700px}
div.price{color: var(--dark-color2);font-size: 14px}
span.price{font-size: 24px;color: var(--primary-color);}

.blocks.prices{gap:24px}
.blocks.prices .block{width: calc(50% - 12px)}
.block.calc{justify-content: space-between}
.block.calc .text{display: flex;flex-direction: row;flex-wrap: wrap;gap:12px}
.block.calc .text input, .block.calc .text select{width: calc(50% - 6px);}
.block.calc .text label{width: 100%}
.block.calc .text span{width: 100%;display: flex;height: 30px;align-items: center}

.blocks.check .block{padding: 24px;border-radius: 12px;background: #fff;gap:16px}
.blocks.check .block.bg{background: var(--primary-color);color: #fff;}
.blocks.check .block h2{text-align: left;font-size: 30px}
.blocks.check .block .text{color:#fff;margin-bottom: 20px}
.blocks.check .block .text{color:#fff;margin-bottom: 20px}
.blocks.check .block.bg .text div:before{display: none}
.blocks.check .block button{width: fit-content}
.block.bg .primary_button{color:var(--dark-color);background: #fff;}
.block.bg .primary_button:hover{background:var(--dark-color);color: #fff;}

.blocks.contacts{gap: 20px}
.blocks.contacts h2{font-size: 30px}
.blocks.contacts .block{font-size: 18px;display: flex;flex-direction: column;background: #fff;padding: 12px;
    border-radius: 12px;border:1px solid rgba(30,144,255,.35);box-shadow: 0 4px 4px 0 rgba(0, 0, 0,.1);gap:16px}
.blocks.contacts .title{font-size: 24px;text-align: center;justify-content: center}
.contacts .address, .contacts .phone{display: flex;align-items: center}
.contacts .address:before, .contacts .phone:before{content:'';display: flex;width: 32px;height: 32px;margin-right: 8px;
   min-width: 32px;border-radius: 50%;background-repeat: no-repeat;background-size: 24px;background-position: center;
}
.contacts .address:before{background-image: url('../../images/icons/location.svg')}
.contacts .phone:before{background-image: url('../../images/icons/phone.svg');background-size: 28px}
.links{display: flex;gap:12px;margin: 12px 0;justify-content: center}
.links a{display: flex;width: 42px;height: 42px;background: var(--primary-color);border-radius: 50%;
    justify-content: center;align-items: center;
}
.links a:hover{background: var(--dark-color)}
.links a:before{content:'';display: flex;width: 28px;height: 28px;background-repeat: no-repeat;
    background-size: 100%;background-position: center;
}
.links a.whatsapp:before{background-image: url('../../images/icons/whatsapp.svg');background-size: 80%}
.links a.telegram:before{background-image: url('../../images/icons/telegram.svg')}
.links a.insta:before{background-image: url('../../images/icons/insta.svg');}
.worktime .work, .worktime .off{display: flex;align-items: center}
.worktime span{width: 80px}
.worktime .work:before, .worktime .off:before{content:'';display: flex;width: 32px;height: 32px;margin-right: 8px;
    min-width: 32px;border-radius: 50%;background-repeat: no-repeat;background-size: 24px;background-position: center;}
.worktime .work:before{background-image: url('../../images/icons/work.svg')}
.worktime .off:before{background-image: url('../../images/icons/off.svg')}

.form_page{width: 100%;min-height: 70vh;display:flex;justify-content: center;align-items: center}
form{display: flex;flex-direction: column;gap:24px;justify-content: center;align-items: center;margin: 24px 0;
    background: #fff;padding: 24px;border-radius: 12px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0,.1);
    color: var(--dark-color2);
}
form input, form select, form button{width: 100%}
form button{margin: 12px 0}
form a{color: var(--dark-color1)}
form label{width: 100%;display: flex;align-items: center;margin-bottom: 8px}
form .actions{width: 100%;display: flex;justify-content: space-between}
form .title{width: 100%;display: flex;justify-content: center;font-size: 24px;margin-bottom: 16px}
.form_page form{width: 500px;max-width: 100%}
.form_page .item{width: 100%;position: relative}
.form_page.login form{width: 400px}
/*.form_page.register .item label{gap: 8px}*/
.register .item label:before{content:'';display: flex;width: 24px;height: 24px;margin-right: 4px;
    min-width: 32px;background-repeat: no-repeat;background-size: 24px;background-position: center;}
.register .item.name label:before{background-image: url('../../images/icons/user.svg');}
.register .item.phone label:before{background-image: url('../../images/icons/phone.svg');}
.register .item.phone span{width:62px;height: 40px;background: #f0f0f0;display: flex;justify-content: center;
    align-items: center;padding: 0 6px;border-radius: 8px 0 0 8px;position: absolute;bottom: 1px;left: 1px;
}
.register .item.phone input{padding-left: 70px}
.register .item.cargo label:before{background-image: url('../../images/icons/location.svg');}
.register .item.password label:before{background-image: url('../../images/icons/password.svg');}
.register .item.email label:before{background-image: url('../../images/icons/email.svg');}
.register .alert-danger{color: red}
/*FOOTER*/
footer{background: var(--dark-color);padding: 24px;color:#fff}
footer .container{display:flex;justify-content: space-between;align-items: center}
footer .logo{color:#fff}
footer .logo .site-logo-text{color:#fff}
footer .phone{display: flex;align-items: center}
footer .phone a.phone{color:#fff;height: 32px;padding:0 4px;line-height: 32px;margin-right: 8px}
footer .phone a.whatsapp, footer .phone a.telegram{width: 36px;height: 36px;background-size: contain;
    background-repeat: no-repeat;background-position: center;
}
footer .phone a.whatsapp{background-image: url('../../images/icons/whatsapp.svg');background-size: 20px}
footer .phone a.telegram{background-image: url('../../images/icons/telegram.svg');background-size: 24px}

.text-center{text-align:center}
.text-danger{color:#d9534f}

.loko-message{position:fixed;top:24px;right:24px;z-index:9999;display:flex;align-items:flex-start;gap:12px;
    width:min(420px,calc(100vw - 32px));padding:14px 46px 14px 14px;border-radius:8px;background:#fff;
    color:var(--dark-color1);box-shadow:0 16px 36px rgba(0,0,0,.16);border:1px solid rgba(0,0,0,.08);
    transform:translateY(-12px);opacity:0;transition:opacity .18s ease,transform .18s ease}
.loko-message.show{opacity:1;transform:translateY(0)}
.loko-message-icon{width:10px;height:10px;min-width:10px;border-radius:50%;margin-top:6px;background:#d9534f}
.loko-message-success .loko-message-icon{background:#2eaf64}
.loko-message-text{font-size:15px;line-height:22px;color:var(--dark-color1);word-break:break-word}
.loko-message-close{position:absolute;top:8px;right:8px;width:30px;height:30px;padding:0;border:0;background:transparent;
    color:var(--dark-color3);font-size:22px;line-height:28px;border-radius:50%}
.loko-message-close:hover{background:#f3f4f6;color:var(--dark-color)}

@media screen and (max-width:1300px){
	.container{max-width: 90%}
}
@media screen and (max-width:767px){
    body{margin: 0}
	.container{max-width: calc(100vw - 24px);}
    div#page{margin: 0 auto}
    header{flex-wrap: wrap;padding: 12px;width: 100vw;margin-left: -12px;border-radius: 0}
    .logo{order:1;min-width:0;font-size:18px;gap:8px}
    .logo .site-logo-image{width:34px;height:34px}
    header button{order:2}
    #menu{order:3;display: flex;width:100%;padding: 0;margin: 12px 0 0}
    header .language_switcher{order:4;width:100%;margin:10px 0 0}
    #menu li{font-size: 16px;margin: 0}
    #menu a{padding: 0 4px;height: 36px;line-height: 36px;display: flex;align-items: center;font-size: 16px}

    /*TEMPLATE*/
    .template{flex-direction: column-reverse;padding: 0}
    .template .text{width: 100%;padding: 12px}
    .template h1{font-size:24px;}
    .template .text span{font-size: 16px;}
    .template .bg{width: 100%;margin-bottom: 0}
    .hero_nav{display: none}

    /*BLOCKS*/
    .blocks{gap:24px;padding: 12px;margin-bottom: 24px}
    .blocks h2{margin-bottom: 12px;font-size: 20px}
    .blocks .block{justify-content: center;gap:4px}
    .blocks .block, .blocks.block2 .block, .blocks.block3 .block, .blocks.block4 .block, .blocks.block5 .block{width: 100%}
    .blocks.why_us{gap:12px}
    .blocks.why_us .block{width: calc(50% - 6px)}
    .blocks .block .title{font-size: 18px;min-height: 40px;line-height: 20px;}
    .blocks .block .text{font-size: 14px}
    .blocks .block img.icon{width: 36px;height: 36px;object-fit: contain;}
    .blocks.additional .block .text{padding-left: 0}

    .blocks.steps .block .title{height: auto;min-height: auto;margin: 10px 0}
    .blocks.steps .block img{width: 150px}
    .blocks.steps .block:not(:last-child):after{position: absolute;
        top:auto;right: 0;left:0;bottom:-26px;transform: rotate(90deg);margin: 0 auto;
    }
    .blocks.tariff .block{padding: 16px}
    .blocks.tariff .block .content{width: 210px;max-width: 70%}
    div.price{font-size: 14px}

    .blocks.block2.check.no_bg{padding: 0}

    .blocks.contacts{padding: 0}
    .blocks.contacts h2{margin-bottom: 0;font-size: 24px}
    .blocks.contacts .block .title{font-size: 20px}
    .blocks.contacts .block{font-size: 16px}

    #modal{padding: 16px;font-size: 14px;line-height: 18px}
    #modal h3{margin: 10px 0 4px;}

    form{gap:16px;margin: 12px 0;padding: 12px}

    footer .container{flex-direction: column;gap:16px}
}

/* Kargoosh logged-in user center */
.kargo-user-body{margin:0;font-family:"Poppins",sans-serif;font-size:16px;font-weight:400;line-height:1.5;color:#757575;background:#fff;text-align:left}
.kargo-user-body #page{width:100%;min-height:0;margin:0;color:#757575}
.kargo-user-body *, .kargo-user-body *::before, .kargo-user-body *::after{box-sizing:border-box}
.kargo-user-body .row{display:flex;flex-wrap:wrap;margin-right:0;margin-left:0}
.kargo-user-body .mt-2{margin-top:.5rem!important}
.kargo-user-body .mt-3{margin-top:1rem!important}
.kargo-user-body .ml-auto{margin-left:auto!important}
.kargo-user-body .mr-auto{margin-right:auto!important}
.kargo-user-body .mb-2{margin-bottom:.5rem!important}
.kargo-user-body .col-lg-3,.kargo-user-body .col-lg-9,.kargo-user-body .col-md-3,.kargo-user-body .col-md-6{
    position:relative;width:100%;padding-right:15px;padding-left:15px
}
@media (min-width:992px){
    .kargo-user-body .col-lg-3{flex:0 0 25%;max-width:25%}
    .kargo-user-body .col-lg-9{flex:0 0 75%;max-width:75%}
}
@media (min-width:768px){
    .kargo-user-body .col-md-3{flex:0 0 25%;max-width:25%}
    .kargo-user-body .col-md-6{flex:0 0 50%;max-width:50%}
}
.kargo-user-body .kargo-user-grid{width:100%}
.kargo-user-body .list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0}
.kargo-user-body .list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125);min-height:49px}
.kargo-user-body .list-group-item + .list-group-item{border-top-width:0}
.kargo-user-body .list-group-item-action{width:100%;color:#495057;text-align:inherit}
.kargo-user-body .list-group-item-action:hover,.kargo-user-body .list-group-item-action:focus{z-index:1;color:var(--secondary-color);text-decoration:none;background-color:rgba(30,144,255,.12)}
.kargo-user-body .list-group-item-info{color:var(--secondary-color);background-color:rgba(30,144,255,.14)}
.kargo-user-body .list-group-item-info.list-group-item-action.active{z-index:2;color:#fff;background-color:var(--secondary-color);border-color:var(--secondary-color)}
.kargo-user-body .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:0}
.kargo-user-body .card-header{padding:.75rem 1.25rem;margin:0;border-bottom:1px solid rgba(0,0,0,.125);font-size:1.25rem;font-weight:500;line-height:1.2}
.kargo-user-body .card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}
.kargo-user-body .bg-primary{background-color:var(--primary-color)!important}
.kargo-user-body .text-light{color:#f8f9fa!important}
.kargo-user-body p{margin-top:0;margin-bottom:1rem}
.kargo-user-body a{color:var(--primary-color);text-decoration:none}
.kargo-user-body a:hover{color:var(--secondary-color);text-decoration:none}
.kargo-user-body #myRekvizit{padding:5px;background:aliceblue;border-radius:5px;white-space:pre-line;margin-bottom:1rem}
.kargo-user-body .tooltip-div{display:block}
.kargo-user-body #copy-rekvizit{font-style:italic;color:#757575}
.kargo-user-body .tooltiptext{font-style:italic}
.kargo-user-body #track_block h2{font-size:2rem;line-height:1.2;margin:0 0 .5rem;color:#00162e;font-weight:700}
.kargo-user-body .form-group{margin-bottom:1rem}
.kargo-user-body .input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.kargo-user-body .input-group > .form-control{position:relative;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}
.kargo-user-body .input-group-addon,.kargo-user-body .input-group-text{
    display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da
}
.kargo-user-body .input-group-prepend{display:flex;margin-right:-1px}
.kargo-user-body .form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.kargo-user-body .form-control:focus{color:#495057;background-color:#fff;border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem rgba(30,144,255,.25)}
.kargo-user-body .form-control::placeholder{color:#6c757d;opacity:1}
.kargo-user-body .btn{display:inline-block;font-weight:400;color:#757575;text-align:center;vertical-align:middle;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:0;height:auto;cursor:pointer}
.kargo-user-body .btn-primary{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}
.kargo-user-body .btn-primary:hover,.kargo-user-body .btn-primary:focus{color:#fff;background-color:var(--secondary-color);border-color:var(--secondary-color);box-shadow:0 0 0 .2rem rgba(123,104,238,.35)}
.kargo-user-body .submit-btn{width:auto;margin:0}
.kargo-user-body .nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.kargo-user-body .nav-tabs{border-bottom:1px solid #dee2e6}
.kargo-user-body .nav-tabs .nav-item{margin-bottom:-1px}
.kargo-user-body .nav-link{display:block;padding:.5rem 1rem;color:var(--primary-color)}
.kargo-user-body .nav-link:hover,.kargo-user-body .nav-link:focus{color:var(--secondary-color)}
.kargo-user-body .nav-tabs .nav-link{border:1px solid transparent}
.kargo-user-body .nav-tabs .nav-link:hover,.kargo-user-body .nav-tabs .nav-link:focus{border-color:#e9ecef #e9ecef #dee2e6}
.kargo-user-body .nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}
.kargo-user-body .tab-content > .tab-pane{display:none}
.kargo-user-body .tab-content > .active{display:block}
.kargo-user-body form{display:block;gap:0;justify-content:normal;align-items:normal;margin:0;background:transparent;padding:0;border-radius:0;box-shadow:none;color:#757575}
.kargo-user-body form label{width:auto;display:inline;margin-bottom:0}
.kargo-user-body form input,.kargo-user-body form select,.kargo-user-body form button{width:auto}
.kargo-user-body .field-label-responsive{padding-top:.375rem;text-align:right}
.kargo-user-body .justify-content-center{justify-content:center!important}
.kargo-user-body .form-text{display:block;margin-top:.25rem}
.kargo-user-body .text-muted{color:#6c757d!important}
.kargo-user-body .table-responsive{display:block;width:100%;overflow-x:auto}
.kargo-user-body .table{width:100%;margin-bottom:1rem;color:#757575;border-collapse:collapse}
.kargo-user-body .table th,.kargo-user-body .table td{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6;text-align:left}
.kargo-user-body .table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
.kargo-user-body .table-bordered{border:1px solid #dee2e6}
.kargo-user-body .table-bordered th,.kargo-user-body .table-bordered td{border:1px solid #dee2e6}
@media (max-width:991.98px){
    .kargo-user-body .col-lg-3,.kargo-user-body .col-lg-9{flex:0 0 100%;max-width:100%}
    .kargo-user-body .col-lg-9{margin-top:16px}
}
@media (max-width:767.98px){
    .kargo-user-body .col-md-3,.kargo-user-body .col-md-6{flex:0 0 100%;max-width:100%}
    .kargo-user-body .field-label-responsive{text-align:left;margin-bottom:4px}
    .kargo-user-body .card-body{padding:1rem}
    .kargo-user-body #track_block h2{font-size:1.6rem}
}