/*===============| Site Font |===============*/
@import url('fonts.css');
/*-------------------------------------------*/

/*===============| General styles |===============*/
* {
    margin: 0;
    padding: 0;
    outline: none;
    box-sizing: border-box;
}

:root {
    --primary-font: 'Inter';
    --primary-shadow: 0px 6px 12px -2px #58528114;
    --primary-transition: 250ms;
    --bs-primary-dark: #d86528;
}

html, body {
    scroll-behavior: smooth;
}

body {
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 1rem;
}

.body-font {
    font-family: 'Muller', sans-serif;
}

.primary-transition {
    transition: var(--primary-transition);
}

/*----------------------------------------------------*/
/* ====================| LOADER |==================== */
.load {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto 0;
    background-color: var(--bs-white);
    display: grid;
    place-items: center;
    z-index: 100;
}

.load .load-gif {
    max-width: 500px;
    width: 100%;
    height: 100%;
}

/*.load .load-gif svg g rect {*/
/*    fill: transparent !important;*/
/*}*/

/*----------------------------------------------------*/
/* ====================| HEADER |==================== */
.header {
    /*background: url("../images/bg-lines.jpg") repeat center/20px;*/
    background-image: url("../images/bg-lines.jpg");
    background-repeat: repeat;
    background-size: 100ch;
}

.dropdown-arrow.show::after {
    transform: rotate(-135deg);
}

.nav-item-top {
    border: 2px solid #D7DDE2;
    border-radius: 15px;
}

.dropdown-arrow::after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    border-left: initial !important;
    border-top: initial !important;
    content: "";
    display: block;
    height: 6px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 13px;
    top: 52%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    /* transition: all .15s ease-in-out; */
    transition: all var(--primary-transition);
    width: 6px;
}

/*---------------------------------------------------*/
/* ====================| INTRO |==================== */
.intro-section {
    /*background: url("../images/bg-lines.jpg") no-repeat center/cover;*/
}

/*-------------------------------------------------------*/
/* ====================| CALCULATE |==================== */
.bg-calculate {
    /*background: url("../images/laptop-bg.jpg") no-repeat center/cover;*/
}

.calculate-section .nav-pills .nav-link.active {
    background-color: var(--bs-primary);
    color: var(--bs-white);
    border-radius: 15px;
    padding: 10px 20px;
}

.calculate-section .nav-pills .nav-link {
    background-color: var(--bs-white);
    color: var(--bs-gray);
    font-size: 14px;
    font-weight: 600;
    border-radius: 15px;
    padding: 10px 20px;
}

/*.osago-calculate {
    max-width: 508px;
    width: 100%;
}*/

.osago-calculate .car-series-number,
.osago-calculate .car-number,
.osago-calculate .car-series {
    background-color: rgba(246, 249, 252, 1);
    border: 1px solid transparent;
    transition: all var(--primary-transition) ease-in-out;
}

.osago-calculate .car-series-number:focus,
.osago-calculate .car-number:focus,
.osago-calculate .car-series:focus {
    border: 1px solid #B4BBC3;
    background-color: rgb(225, 230, 231);
    transition: all var(--primary-transition) ease-in-out;
}

.has-error input {
    border: 1px solid red !important;
}

.has-error input:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), .25);
}

.osago-calculate .has-error {
    position: relative;
}

.osago-calculate .has-error .help-block {
    position: absolute;
    width: max-content;
}

.osago-calculate .car-series-number,
.osago-calculate .car-number,
.osago-calculate .car-series {
    color: var(--bs-gray);
}

.osago-calculate .car-series-number::placeholder,
.osago-calculate .car-number::placeholder,
.osago-calculate .car-series::placeholder {
    color: #858C97;
}

.osago-calculate .car-number {
    width: 126px;
}

.osago-calculate .car-series-number {
    width: 104px;
}

.osago-calculate .car-series {
    width: 79px;
}


.award-wh {
    width: 132px;
    height: 59px;
}

/*.osago-clients-imgs {*/
/*    width: 282px;*/
/*}*/

.osago-clients-imgs .position-relative {
    width: 138px;
    height: 48px !important;
}

.client-avatars {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid white;
}

.client-avatar-1 {
    left: 0;
    z-index: 1;
}

.client-avatar-2 {
    left: 25px;
    z-index: 2;
}

.client-avatar-3 {
    left: 50px;
    z-index: 3;
}

.client-avatar-4 {
    left: 75px;
    z-index: 3;
}

.calculate-section .company-logo-w {
    width: 145px;
    height: 44px;
    object-fit: contain;
}


.swiper-button-hover {
    border-radius: 50%;
    transition: all var(--primary-transition) ease-in-out;
}

.swiper-button-hover:hover {
    background-color: var(--bs-primary-dark);
    transition: all var(--primary-transition) ease-in-out;
}

.calculate-section .swiper-button-next::after {
    content: "";
}

/*---------------------------------------*/
/*=============== | NEWS | ===============*/
.news-img img {
    border-radius: 24px;
}

.news .text-rows {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/*-------------------------------------------------*/
/*===============| PARTNERS SWIPER |===============*/

.partnerSwiper .company-logo-w {
    width: 175px;
}

.partners-logo-h {
    height: 75px;
}

/*---------------------------------------*/
/*===============| QUOTE |===============*/
.quote-bg {
    background: url(../images/bg-how-much.jpg) no-repeat center/cover;
    min-height: 446px;
}

/*--------------------------------------*/
/*==============| QUOTE |===============*/
.testimonialSwiper {
    width: 100%;
    height: 655px;
}

.testimonials .swiper-slide {
    height: auto;
}

.odd-height {
    height: 276px !important;
}

.even-height {
    height: 228px !important;
}

.swiper-pagination-bullet {
    border: 1px solid var(--bs-gray-dark);
    width: 12px;
    height: 12px;
    background-color: white;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--bs-primary);
    border: none;
}

/*---------------------------------------*/
/*=============== | SEO | ===============*/
.bg-seo {
    background-color: #F6F9FC;
    padding: 40px;
}

.bg-seo li {
    list-style: url("../images/svg/orange-square.svg") !important;
}

.seo-section ol,
.seo-section ul {
    padding-left: 20px;
}

/*---------------------------------------*/
/*=============== QUOTE | ===============*/
.faq .faq-bg {
    min-height: 410px;
    max-width: 526px;
    width: 100%;
}

/*.faq-clients-img {*/
/*    position: absolute;*/
/*    width: 330px;*/
/*}*/


.faq-clients-img .position-relative {
    width: 100px;
    height: 48px !important;
}

.client-avatars {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid white;
}

.client-avatar-1 {
    left: 0;
    z-index: 1;
}

.client-avatar-2 {
    left: 25px;
    z-index: 2;
}

.client-avatar-3 {
    left: 50px;
    z-index: 3;
}

.accordion-button::after {
    display: none;
}

.accordion-button {
    padding: 0;
}

button[aria-expanded^="true"] i {
    transform: rotate(-180deg) !important;
    color: var(--bs-primary);
}

.accordion-button:not(.collapsed) {
    background-color: var(--bs-white);
    color: var(--bs-primary) !important;
}

/*----------------------------------------*/
/*===============| FOOTER |===============*/
.social-link-bg {
    width: 36px;
    height: 36px;
    background: #EDF1F5;
}

li {
    list-style: url("/themes/v1/assets/images/svg/orange-square.svg");
}

.breadcrumb li,
.footer li,
.header li,
.offcanvas li,
.calculate-section li {
    list-style: none;
}

.footer .footer-text li {
    list-style: url("/themes/v1/assets/images/svg/orange-square.svg");
}


.footer .social-link-w img {
    width: 16px;
}

/*--------------------------------------------*/
/*===============| SCROLL BAR |===============*/
::-webkit-scrollbar {
    width: .6rem;
    border-radius: .5rem;
    background-color: var(--bs-gray);
}

::-webkit-scrollbar-thumb {
    background-color: var(--bs-primary);
    border-radius: .5rem;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #f86217;
}

/*-------------------------------------------*/
/*===============| SCROLL UP |===============*/
.scroll_up {
    position: fixed;
    right: 3.5rem;
    bottom: -100%;
    background-color: var(--bs-primary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: .35rem;
    border-radius: .25rem;
    font-size: 1.1rem;
    color: var(--bs-white);
    width: 42px;
    height: 42px;
    z-index: 10;
    transition: bottom .4s, transform .4s, background-color .4s;
}

.scroll_up:hover {
    transform: translateY(-.35rem);
    background-color: var(--bs-dark);
    color: var(--bs-white);
}

/*------------------------------------------------*/
/*===============| Show Scroll Up |===============*/
.show-scroll {
    bottom: 4rem;
}

.help-block-error {
    color: red;
}

.help-block {
    color: red;
}

/*-------------------------------------------------*/

/*------------------------------------------------*/
/*===============| OSAGO PAGE |===============*/

.other-inner-page .calculator-w {
    width: 145px;
    height: 44px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    object-fit: contain;
}

.other-inner-page .organization .primary-hover:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}

.other-inner-page .btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.other-inner-page {
    min-height: initial !important;
}

.other-inner-page #pjax_policy_osgo_calc_result .mx-auto {
    margin-top: 50px !important;
}

.other-inner-page .company-logo-w {
    max-width: 175px;
    width: 100%;
    height: 55px;
    object-fit: contain;
}

.organization {
    width: 100% !important;
}

.choose-type-radio {
    appearance: none;
    border: 2px solid var(--bs-white);
    box-shadow: 0 0 0 1px var(--bs-gray);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    display: flex;
    align-items: center;
    margin-right: 7px;
    transition: ease-in-out .3s;
}

.choose-type-radio:checked {
    background-color: var(--bs-primary);
    box-shadow: 0 0 0 1px var(--bs-primary);
}

/*------------------------------------------------*/

/*------------------------------------------------*/
/*===============| TG LINK |===============*/

.tg_link {
    font-size: 16px;
    line-height: 20px;
    padding: 9px 21px 11px;
    border-radius: 20px;
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    background-color: #54a9eb;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
    border: none;
    color: #fff;
    cursor: pointer;
}

.tgme_widget_login_button_icon {
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 22px;
    margin: 0 13px -2px -7px;
    background: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m1.95617055%2011.392196c5.77764656-2.42328736%209.63031585-4.02086673%2011.55800785-4.79273807%205.5039525-2.20384954%206.6476266-2.5866818%207.3930574-2.59932314.1639507-.00278035.5305319.0363352.7679878.22182361.2005031.15662277.2556695.36819788.2820684.51669348.026399.1484956.0592719.48677234.0331404.75109194-.2982611%203.0169019-1.5888322%2010.33812718-2.2454015%2013.71710898-.2778191%201.4297738-.8288514%201.7357846-1.3584441%201.7826999-1.1509274.1019576-2.0208916-.5588425-3.1356211-1.2622918-1.7443316-1.1007592-2.3854935-1.3972358-4.0786694-2.4713734-1.95675765-1.2413519-.8891962-1.8911034.2259543-3.0061212.2918402-.2918054%205.3989024-4.83750096%205.497052-5.24030969.0122753-.05037796-.1557336-.55407742-.2716182-.65323489-.1158847-.09915747-.2869204-.06524947-.4103446-.03828214-.17495.03822537-2.9615423%201.81132342-8.35977698%205.31929412-.79096496.5228681-1.50739646.7776269-2.1492945.7642766-.70764107-.0147176-2.06885864-.3851791-3.08078398-.7018404-1.24116762-.388398-1.69932554-.5713149-1.61342745-1.2309348.04474105-.3435709.36011227-.7024173.94611366-1.0765391z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E) no-repeat 0 -1px;
}

/*-------------------------------------------------*/