body {
    --main-bg-color: 255, 255, 255;
    --lighter-bg-color: 251, 251, 251;
    --bg-color-1: 240, 240, 240;
    --bg-color-2: 225, 225, 225;
    --high-contrast-text: 0, 0, 0;
    --main-txt-color: 51, 51, 51;
    --soft-txt-color: 60, 60, 60;
    --high-contrast-color: 255, 255, 255;
    --high-soft-color: 252, 252, 252;
    --medium-color: 85, 85, 85;
    --softer-color: 102, 102, 102;
    --color--444: 68, 68, 68;
    --dark-color: 20, 20, 20;
    --space-x: 70px;
    --gap-size-x: 70;
    --gap-size-y: 100;
    --space-y: 100px;
    --box-shadow-std: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: rgb(var(--main-bg-color));
}
@media screen and (max-width: 992px) {
    body {
        --space-x: 50px;
        --gap-size-x: 50;
        --space-y: 50px;
    }
}
body[data-txt="default"] {
    --text-white: 255, 255, 255;
}
body[data-txt="light"] {
    --text-white: 220, 220, 220;
}
body[data-txt="dark"] {
    --text-white: 30, 30, 30;
}
body[data-txt1="default"] {
    --main-txt-color: 0, 0, 0;
}
body[data-txt1="lighter"] {
    --main-txt-color: 80, 80, 80;
}
body[data-txt1="light"] {
    --main-txt-color: 255, 255, 255;
}
body[data-primary="default"] {
    --primary-color: 0, 0, 0;
    --primary-color-dark: 0, 0, 0;
    --primary-color-darkest: 0, 0, 0;
    --primary-color-h: #000;
    --primary-color-lighter: #000;
}
body[data-primary="green"] {
    --primary-color: 76, 186, 54;
    --primary-color-dark: 61, 153, 43;
    --primary-color-h: #3d992b;
    --primary-color-lighter: #fcfffc;
}
body[data-primary="red"] {
    --primary-color: 232, 58, 70;
    --primary-color-dark: 196, 45, 56;
    --primary-color-h: #e83a46;
    --primary-color-lighter: #fffcfc;
}
body[data-primary="orange"] {
    --primary-color: 255, 177, 10;
    --primary-color-dark: 224, 156, 9;
    --primary-color-h: #e09c09;
    --primary-color-lighter: #fffdfc;
}
body[data-primary="blue"] {
    --primary-color: 26, 95, 214;
    --primary-color-dark: 20, 79, 181;
    --primary-color-h: #1a5fd6;
    --primary-color-lighter: #fcfdff;
}
body[data-primary="purple"] {
    --primary-color: 145, 39, 194;
    --primary-color-dark: 118, 30, 158;
    --primary-color-h: #9127c2;
    --primary-color-lighter: #fefcff;
}
body[data-secondary="default"] {
    --secondary-color: 241, 241, 242;
    --secondary-color-dark: 220, 226, 229;
    --secondary-color-h: #f1f1f2;
    --secondary-color-lighter: #f6fcff;
}
body[data-secondary="green"] {
    --secondary-color: 76, 186, 54;
    --secondary-color-dark: 61, 153, 43;
}
body[data-secondary="red"] {
    --secondary-color: 232, 58, 70;
    --secondary-color-dark: 196, 45, 56;
}
body[data-secondary="orange"] {
    --secondary-color: 237, 127, 31;
    --secondary-color-dark: 189, 99, 21;
}
body[data-secondary="blue"] {
    --secondary-color: 26, 95, 214;
    --secondary-color-dark: 20, 79, 181;
}
body[data-secondary="purple"] {
    --secondary-color: 145, 39, 194;
    --secondary-color-dark: 118, 30, 158;
}
body[data-third="default"] {
    --third-color: 189, 58, 44;
}
body[data-third="green"] {
    --third-color: 76, 186, 54;
}
body[data-third="red"] {
    --third-color: 232, 58, 70;
}
body[data-third="orange"] {
    --third-color: 237, 127, 31;
}
body[data-third="blue"] {
    --third-color: 26, 95, 214;
}
body[data-third="purple"] {
    --third-color: 145, 39, 194;
}
body.dark {
    --primary-color: 9, 95, 161;
    --secondary-color: 229, 0, 2;
    --main-bg-color: 48, 48, 48;
    --lighter-bg-color: 48, 48, 48;
    --bg-color-1: 34, 34, 34;
    --bg-color-2: 25, 25, 25;
    --main-txt-color: 247, 247, 247;
    --soft-txt-color: 244, 244, 244;
    --high-contrast-color: 30, 30, 30;
    --high-soft-color: 35, 35, 35;
    --medium-color: 170, 170, 170;
    --softer-color: 153, 153, 153;
}
body * {
    color: rgb(var(--main-txt-color));
}
.b-1px-solid {
    border-width: 1px;
    border-style: solid;
}
.b-2px-solid {
    border-width: 2px;
    border-style: solid;
}
.b-3px-solid {
    border-width: 3px;
    border-style: solid;
}
.b-4px-solid {
    border-width: 4px;
    border-style: solid;
}
.b-5px-solid {
    border-width: 5px;
    border-style: solid;
}
.b-6px-solid {
    border-width: 6px;
    border-style: solid;
}
.b-7px-solid {
    border-width: 7px;
    border-style: solid;
}
.b-8px-solid {
    border-width: 8px;
    border-style: solid;
}
.b-9px-solid {
    border-width: 9px;
    border-style: solid;
}
.b-10px-solid {
    border-width: 10px;
    border-style: solid;
}
.b-1px-secondary {
    border-width: 1px;
    border-style: solid;
}
.b-2px-secondary {
    border-width: 2px;
    border-style: solid;
}
.b-3px-secondary {
    border-width: 3px;
    border-style: solid;
}
.b-4px-secondary {
    border-width: 4px;
    border-style: solid;
}
.b-5px-secondary {
    border-width: 5px;
    border-style: solid;
}
.b-6px-secondary {
    border-width: 6px;
    border-style: solid;
}
.b-7px-secondary {
    border-width: 7px;
    border-style: solid;
}
.b-8px-secondary {
    border-width: 8px;
    border-style: solid;
}
.b-9px-secondary {
    border-width: 9px;
    border-style: solid;
}
.b-10px-secondary {
    border-width: 10px;
    border-style: solid;
}
.bt-1px-solid {
    border-top-width: 1px;
    border-top-style: solid;
}
.bt-2px-solid {
    border-top-width: 2px;
    border-top-style: solid;
}
.bt-3px-solid {
    border-top-width: 3px;
    border-top-style: solid;
}
.bt-4px-solid {
    border-top-width: 4px;
    border-top-style: solid;
}
.bt-5px-solid {
    border-top-width: 5px;
    border-top-style: solid;
}
.bt-6px-solid {
    border-top-width: 6px;
    border-top-style: solid;
}
.bt-7px-solid {
    border-top-width: 7px;
    border-top-style: solid;
}
.bt-8px-solid {
    border-width: 8px;
    border-top-style: solid;
}
.bt-9px-solid {
    border-top-width: 9px;
    border-top-style: solid;
}
.bt-10px-solid {
    border-top-width: 10px;
    border-top-style: solid;
}
.bb-1px-solid {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.bb-2px-solid {
    border-bottom-width: 2px;
    border-bottom-style: solid;
}
.bb-3px-solid {
    border-bottom-width: 3px;
    border-bottom-style: solid;
}
.bb-4px-solid {
    border-bottom-width: 4px;
    border-bottom-style: solid;
}
.bb-5px-solid {
    border-bottom-width: 5px;
    border-bottom-style: solid;
}
.bb-6px-solid {
    border-bottom-width: 6px;
    border-bottom-style: solid;
}
.bb-7px-solid {
    border-bottom-width: 7px;
    border-bottom-style: solid;
}
.bb-8px-solid {
    border-bottomth: 8px;
    border-bottom-style: solid;
}
.bb-9px-solid {
    border-bottom-width: 9px;
    border-bottom-style: solid;
}
.bb-10px-solid {
    border-bottom-width: 10px;
    border-bottom-style: solid;
}
.bl-1px-solid {
    border-left-width: 1px;
    border-left-style: solid;
}
.bl-2px-solid {
    border-left-width: 2px;
    border-left-style: solid;
}
.bl-3px-solid {
    border-left-width: 3px;
    border-left-style: solid;
}
.bl-4px-solid {
    border-left-width: 4px;
    border-left-style: solid;
}
.bl-5px-solid {
    border-left-width: 5px;
    border-left-style: solid;
}
.bl-6px-solid {
    border-left-width: 6px;
    border-left-style: solid;
}
.bl-7px-solid {
    border-left-width: 7px;
    border-left-style: solid;
}
.bl-8px-solid {
    border-leftth: 8px;
    border-left-style: solid;
}
.bl-9px-solid {
    border-left-width: 9px;
    border-left-style: solid;
}
.bl-10px-solid {
    border-left-width: 10px;
    border-left-style: solid;
}
.br-1px-solid {
    border-right-width: 1px;
    border-right-style: solid;
}
.br-2px-solid {
    border-right-width: 2px;
    border-right-style: solid;
}
.br-3px-solid {
    border-right-width: 3px;
    border-right-style: solid;
}
.br-4px-solid {
    border-right-width: 4px;
    border-right-style: solid;
}
.br-5px-solid {
    border-right-width: 5px;
    border-right-style: solid;
}
.br-6px-solid {
    border-right-width: 6px;
    border-right-style: solid;
}
.br-7px-solid {
    border-right-width: 7px;
    border-right-style: solid;
}
.br-8px-solid {
    border-right: 8px;
    border-right-style: solid;
}
.br-9px-solid {
    border-right-width: 9px;
    border-right-style: solid;
}
.br-10px-solid {
    border-right-width: 10px;
    border-right-style: solid;
}
.b-primary {
    border-color: rgb(var(--primary-color));
}
.b-light {
    border-color: #ccc;
}
.b-lighter {
    border-color: #f1f1f1;
}
.hover-b-primary:focus {
    border-color: var(--primary-color);
}
.hover-b-primary:hover {
    border-color: var(--primary-color);
}
.b-primary-light {
    border-color: rgba(181, 18, 27, 0.5);
}
.b-primary-lighter {
    border-color: rgba(181, 18, 27, 0.2);
}
.b-secondary {
    border-color: #0053e4;
}
.b-secondary-light {
    border-color: rgba(0, 83, 228, 0.5);
}
.b-secondary-lighter {
    border-color: rgba(0, 83, 228, 0.2);
}
.b-lightGrey {
    border-color: #666;
}
.b-lightGrey-light {
    border-color: rgba(102, 102, 102, 0.5);
}
.b-lightGrey-lighter {
    border-color: #e8e8e8;
}
.b-darkGrey {
    border-color: #222;
}
.b-555 {
    border-color: #555;
}
.b-dark {
    border-color: #333;
}
.b-black {
    border-color: #000;
}
.b-white {
    border-color: #fff;
}
.b-facebook {
    border-color: #4267b2;
}
.b-instagram {
    border-color: #d20065;
}
.b-twitter {
    border-color: #60aade;
}
.b-youtube {
    border-color: #f70000;
}
.b-transparent {
    border-color: transparent;
}
.bb-color-primary {
    border-bottom-color: var(--primary-color);
}
.bb-color-lights {
    border-bottom-color: #fafafa !important;
}
.bb-color-ccc {
    border-bottom-color: #ccc !important;
}
.bb-color-555 {
    border-bottom-color: #555;
}
.radius-50 {
    border-radius: 50%;
}
.radius-40 {
    border-radius: 40%;
}
.radius-30 {
    border-radius: 30%;
}
.radius-20 {
    border-radius: 20%;
}
.radius-10 {
    border-radius: 10%;
}
.radius-5 {
    border-radius: 5%;
}
.radius-1px {
    border-radius: 1px;
}
.radius-2px {
    border-radius: 2px;
}
.radius-3px {
    border-radius: 3px;
}
.radius-4px {
    border-radius: 4px;
}
.radius-5px {
    border-radius: 5px;
}
.radius-10px {
    border-radius: 10px;
}
.radius-halfRem {
    border-radius: 0.5rem;
}
.radius-1rem {
    border-radius: 1rem;
}
.radius-2rem {
    border-radius: 2rem;
}
.container-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}
.container {
    width: 1150px;
}
@media screen and (max-width: 1200px) {
    .container {
        max-width: 95%;
        width: 95%;
    }
}
@media screen and (max-width: 780px) {
    .container {
        width: 94%;
        max-width: 94%;
    }
}
.container-left {
    margin-left: calc(50vw - 600px);
}
@media screen and (max-width: 1240px) {
    .container-left {
        margin-left: calc(50vw - 500px);
    }
}
@media screen and (max-width: 1000px) {
    .container-left {
        margin-left: 3%;
    }
}
@media screen and (max-width: 780px) {
    .container-left {
        margin-left: 4%;
    }
}
.container-right {
    margin-right: calc(50vw - 600px);
}
.d-block {
    display: block;
}
.d-inline {
    display: inline;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.f-none {
    float: none;
}
.d-flex-req {
    display: flex !important;
}
.flex-center {
    justify-content: center;
    align-items: center;
}
.d-flex {
    display: flex;
}
.d-flex.flex-column {
    flex-direction: column;
}
.d-flex.flex-wrap {
    flex-wrap: wrap;
}
.d-flex.col-reverse {
    flex-flow: column-reverse;
}
.d-flex.row-reverse {
    flex-flow: row-reverse;
}
.d-flex.justify-start {
    justify-content: flex-start;
}
.d-flex.justify-center {
    justify-content: center;
}
.d-flex.justify-end {
    justify-content: flex-end;
}
.d-flex.justify-between {
    justify-content: space-between;
}
.d-flex.justify-around {
    justify-content: space-around;
}
.d-flex.align-start {
    align-items: flex-start;
}
.d-flex.align-center {
    align-items: center;
}
.d-flex.align-end {
    align-items: flex-end;
}
.d-flex.align-between {
    justify-content: space-between;
}
.d-flex.align-around {
    justify-content: space-around;
}
.d-none {
    display: none;
}
.v-hidden {
    visibility: hidden;
}
.v-visible {
    visibility: visible;
}
.d-grid {
    display: grid;
}
.d-grid .col-1-2 {
    grid-column: 1/3;
}
.d-grid.justify-center {
    justify-content: center;
}
.d-grid.justify-start {
    justify-content: flex-start;
}
.d-grid.justify-end {
    justify-content: flex-end;
}
.d-grid.justify-between {
    justify-content: space-between;
}
.d-grid.justify-around {
    justify-content: space-around;
}
.d-grid.align-center {
    align-items: center;
}
.d-grid.align-start {
    align-items: flex-start;
}
.d-grid.align-end {
    align-items: flex-end;
}
.d-grid.align-between {
    align-items: space-between;
}
.d-grid.align-around {
    align-items: space-around;
}
.flex-center {
    justify-content: center;
    align-items: center;
}
.f-weight-100 {
    font-weight: 100;
}
.f-weight-200 {
    font-weight: 200;
}
.f-weight-300 {
    font-weight: 300;
}
.f-weight-400 {
    font-weight: 400;
}
.f-weight-500 {
    font-weight: 500;
}
.f-weight-600 {
    font-weight: 600;
}
.f-weight-700 {
    font-weight: 700;
}
.f-weight-800 {
    font-weight: 800;
}
.f-weight-900 {
    font-weight: 900;
}
.f-size-1 {
    font-size: 0.0625rem;
}
.f-size-2 {
    font-size: 0.125rem;
}
.f-size-3 {
    font-size: 0.1875rem;
}
.f-size-4 {
    font-size: 0.25rem;
}
.f-size-5 {
    font-size: 0.3125rem;
}
.f-size-6 {
    font-size: 0.375rem;
}
.f-size-7 {
    font-size: 0.4375rem;
}
.f-size-8 {
    font-size: 0.5rem;
}
.f-size-9 {
    font-size: 0.5625rem;
}
.f-size-10 {
    font-size: 0.625rem;
}
.f-size-11 {
    font-size: 0.6875rem;
}
.f-size-12 {
    font-size: 0.75rem;
}
.f-size-13 {
    font-size: 0.8125rem;
}
.f-size-14 {
    font-size: 0.875rem;
}
.f-size-15 {
    font-size: 0.9375rem;
}
.f-size-16 {
    font-size: 1rem;
}
.f-size-17 {
    font-size: 1.0625rem;
}
.f-size-18 {
    font-size: 1.125rem;
}
.f-size-19 {
    font-size: 1.1875rem;
}
.f-size-20 {
    font-size: 1.25rem;
}
.f-size-21 {
    font-size: 1.3125rem;
}
.f-size-22 {
    font-size: 1.375rem;
}
.f-size-23 {
    font-size: 1.4375rem;
}
.f-size-24 {
    font-size: 1.5rem;
}
.f-size-25 {
    font-size: 1.5625rem;
}
.f-size-26 {
    font-size: 1.625rem;
}
.f-size-27 {
    font-size: 1.6875rem;
}
.f-size-28 {
    font-size: 1.75rem;
}
.f-size-29 {
    font-size: 1.8125rem;
}
.f-size-30 {
    font-size: 1.875rem;
}
.f-size-31 {
    font-size: 1.9375rem;
}
.f-size-32 {
    font-size: 2rem;
}
.f-size-33 {
    font-size: 2.0625rem;
}
.f-size-34 {
    font-size: 2.125rem;
}
.f-size-35 {
    font-size: 2.1875rem;
}
.f-size-36 {
    font-size: 2.25rem;
}
.f-size-37 {
    font-size: 2.3125rem;
}
.f-size-38 {
    font-size: 2.375rem;
}
.f-size-39 {
    font-size: 2.4375rem;
}
.f-size-40 {
    font-size: 2.5rem;
}
.f-size-41 {
    font-size: 2.5625rem;
}
.f-size-42 {
    font-size: 2.625rem;
}
.f-size-43 {
    font-size: 2.6875rem;
}
.f-size-44 {
    font-size: 2.75rem;
}
.f-size-45 {
    font-size: 2.8125rem;
}
.f-size-46 {
    font-size: 2.875rem;
}
.f-size-47 {
    font-size: 2.9375rem;
}
.f-size-48 {
    font-size: 3rem;
}
.f-size-49 {
    font-size: 3.0625rem;
}
.f-size-50 {
    font-size: 3.125rem;
}
.family-primary {
    font-family: "Gilroy", sans-serif;
}
.family-secondary {
    font-family: "Oswald", sans-serif;
}
.family-third {
    font-family: "Roboto Slab", serif;
}
.family-fourth {
    font-family: "Nunito", sans-serif;
}
.m-0 {
    margin: 0;
}
.m-1 {
    margin: 1%;
}
.m-2 {
    margin: 2%;
}
.m-3 {
    margin: 3%;
}
.m-4 {
    margin: 4%;
}
.m-5 {
    margin: 5%;
}
.m-1px {
    margin: 1px;
}
.m-2px {
    margin: 2px;
}
.m-3px {
    margin: 3px;
}
.m-4px {
    margin: 4px;
}
.m-5px {
    margin: 5px;
}
.m-6px {
    margin: 6px;
}
.m-7px {
    margin: 7px;
}
.m-8px {
    margin: 8px;
}
.m-9px {
    margin: 9px;
}
.m-10px {
    margin: 10px;
}
.mt-auto {
    margin-top: auto;
}
.mb-auto {
    margin-bottom: auto;
}
.mx-auto {
    margin: 0 auto;
}
.mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.mx-1 {
    margin-left: 1%;
    margin-right: 1%;
}
.mx-2 {
    margin-left: 2%;
    margin-right: 2%;
}
.mx-3 {
    margin-left: 3%;
    margin-right: 3%;
}
.mx-4 {
    margin-left: 4%;
    margin-right: 4%;
}
.mx-5 {
    margin-left: 5%;
    margin-right: 5%;
}
.mx-1px {
    margin-left: 1px;
    margin-right: 1px;
}
.mx-2px {
    margin-left: 2px;
    margin-right: 2px;
}
.mx-3px {
    margin-left: 3px;
    margin-right: 3px;
}
.mx-4px {
    margin-left: 4px;
    margin-right: 4px;
}
.mx-5px {
    margin-left: 5px;
    margin-right: 5px;
}
.mx-6px {
    margin-left: 6px;
    margin-right: 6px;
}
.mx-7px {
    margin-left: 7px;
    margin-right: 7px;
}
.mx-8px {
    margin-left: 8px;
    margin-right: 8px;
}
.mx-9px {
    margin-left: 9px;
    margin-right: 9px;
}
.mx-10px {
    margin-left: 10px;
    margin-right: 10px;
}
.mx-15px {
    margin-left: 15px;
    margin-right: 15px;
}
.mx-20px {
    margin-left: 20px;
    margin-right: 20px;
}
.mx-25px {
    margin-left: 25px;
    margin-right: 25px;
}
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.my-1 {
    margin-top: 1%;
    margin-bottom: 1%;
}
.my-2 {
    margin-top: 2%;
    margin-bottom: 2%;
}
.my-3 {
    margin-top: 3%;
    margin-bottom: 3%;
}
.my-4 {
    margin-top: 4%;
    margin-bottom: 4%;
}
.my-5 {
    margin-top: 5%;
    margin-bottom: 5%;
}
.my-1px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.my-2px {
    margin-top: 2px;
    margin-bottom: 2px;
}
.my-3px {
    margin-top: 3px;
    margin-bottom: 3px;
}
.my-4px {
    margin-top: 4px;
    margin-bottom: 4px;
}
.my-5px {
    margin-top: 5px;
    margin-bottom: 5px;
}
.my-6px {
    margin-top: 6px;
    margin-bottom: 6px;
}
.my-7px {
    margin-top: 7px;
    margin-bottom: 7px;
}
.my-8px {
    margin-top: 8px;
    margin-bottom: 8px;
}
.my-9px {
    margin-top: 9px;
    margin-bottom: 9px;
}
.my-10px {
    margin-top: 10px;
    margin-bottom: 10px;
}
.my-12px {
    margin-top: 12px;
    margin-bottom: 12px;
}
.my-15px {
    margin-top: 15px;
    margin-bottom: 15px;
}
.my-25px {
    margin-top: 25px;
    margin-bottom: 25px;
}
.ml-0 {
    margin-left: 0;
}
.ml-1 {
    margin-left: 1%;
}
.ml-2 {
    margin-left: 2%;
}
.ml-3 {
    margin-left: 3%;
}
.ml-4 {
    margin-left: 4%;
}
.ml-5 {
    margin-left: 5%;
}
.ml-1px {
    margin-left: 1px;
}
.ml-2px {
    margin-left: 2px;
}
.ml-3px {
    margin-left: 3px;
}
.ml-4px {
    margin-left: 4px;
}
.ml-5px {
    margin-left: 5px;
}
.ml-6px {
    margin-left: 6px;
}
.ml-7px {
    margin-left: 7px;
}
.ml-8px {
    margin-left: 8px;
}
.ml-9px {
    margin-left: 9px;
}
.ml-10px {
    margin-left: 10px;
}
.ml-15px {
    margin-left: 15px;
}
.ml-20px {
    margin-left: 20px;
}
.ml-25px {
    margin-left: 25px;
}
.mr-0 {
    margin-right: 0;
}
.mr-1 {
    margin-right: 1%;
}
.mr-2 {
    margin-right: 2%;
}
.mr-3 {
    margin-right: 3%;
}
.mr-4 {
    margin-right: 4%;
}
.mr-5 {
    margin-right: 5%;
}
.mr-1px {
    margin-right: 1px;
}
.mr-2px {
    margin-right: 2px;
}
.mr-3px {
    margin-right: 3px;
}
.mr-4px {
    margin-right: 4px;
}
.mr-5px {
    margin-right: 5px;
}
.mr-6px {
    margin-right: 6px;
}
.mr-7px {
    margin-right: 7px;
}
.mr-8px {
    margin-right: 8px;
}
.mr-9px {
    margin-right: 9px;
}
.mr-10px {
    margin-right: 10px;
}
.mr-15px {
    margin-right: 15px;
}
.mr-20px {
    margin-right: 20px;
}
.mt-0 {
    margin-top: 0;
}
.mt-1 {
    margin-top: 1%;
}
.mt-2 {
    margin-top: 2%;
}
.mt-3 {
    margin-top: 3%;
}
.mt-4 {
    margin-top: 4%;
}
.mt-5 {
    margin-top: 5%;
}
.mt-6 {
    margin-top: 6%;
}
.mt-1px {
    margin-top: 1px;
}
.mt-2px {
    margin-top: 2px;
}
.mt-3px {
    margin-top: 3px;
}
.mt-4px {
    margin-top: 4px;
}
.mt-5px {
    margin-top: 5px;
}
.mt-6px {
    margin-top: 6px;
}
.mt-7px {
    margin-top: 7px;
}
.mt-8px {
    margin-top: 8px;
}
.mt-9px {
    margin-top: 9px;
}
.mt-10px {
    margin-top: 10px;
}
.mt-12px {
    margin-top: 12px;
}
.mt-15px {
    margin-top: 15px;
}
.mt-20px {
    margin-top: 20px;
}
.mt-25px {
    margin-top: 25px;
}
.mt-30px {
    margin-top: 30px;
}
.mt-50px {
    margin-top: 50px;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-1 {
    margin-bottom: 1%;
}
.mb-2 {
    margin-bottom: 2%;
}
.mb-3 {
    margin-bottom: 3%;
}
.mb-4 {
    margin-bottom: 4%;
}
.mb-5 {
    margin-bottom: 5%;
}
.mb-1px {
    margin-bottom: 1px;
}
.mb-2px {
    margin-bottom: 2px;
}
.mb-3px {
    margin-bottom: 3px;
}
.mb-4px {
    margin-bottom: 4px;
}
.mb-5px {
    margin-bottom: 5px;
}
.mb-6px {
    margin-bottom: 6px;
}
.mb-7px {
    margin-bottom: 7px;
}
.mb-8px {
    margin-bottom: 8px;
}
.mb-9px {
    margin-bottom: 9px;
}
.mb-10px {
    margin-bottom: 10px;
}
.mb-12px {
    margin-bottom: 12px;
}
.mb-15px {
    margin-bottom: 15px;
}
.mb-20px {
    margin-bottom: 20px;
}
.mb-50px {
    margin-bottom: 50px;
}
.px-2 {
    padding-left: 2%;
    padding-right: 2%;
}
.p-1px {
    padding: 1px;
}
.p-2px {
    padding: 2px;
}
.p-3px {
    padding: 3px;
}
.p-4px {
    padding: 4px;
}
.p-5px {
    padding: 5px;
}
.p-6px {
    padding: 6px;
}
.p-7px {
    padding: 7px;
}
.p-8px {
    padding: 8px;
}
.p-9px {
    padding: 9px;
}
.p-10px {
    padding: 10px;
}
.p-11px {
    padding: 11px;
}
.p-12px {
    padding: 12px;
}
.p-13px {
    padding: 13px;
}
.p-14px {
    padding: 14px;
}
.p-15px {
    padding: 15px;
}
.p-16px {
    padding: 16px;
}
.p-17px {
    padding: 17px;
}
.p-18px {
    padding: 18px;
}
.p-19px {
    padding: 19px;
}
.p-20px {
    padding: 20px;
}
.px-1px {
    padding-left: 1px;
    padding-right: 1px;
}
.px-2px {
    padding-left: 2px;
    padding-right: 2px;
}
.px-3px {
    padding-left: 3px;
    padding-right: 3px;
}
.px-4px {
    padding-left: 4px;
    padding-right: 4px;
}
.px-5px {
    padding-left: 5px;
    padding-right: 5px;
}
.px-6px {
    padding-left: 6px;
    padding-right: 6px;
}
.px-7px {
    padding-left: 7px;
    padding-right: 7px;
}
.px-8px {
    padding-left: 8px;
    padding-right: 8px;
}
.px-9px {
    padding-left: 9px;
    padding-right: 9px;
}
.px-10px {
    padding-left: 10px;
    padding-right: 10px;
}
.px-11px {
    padding-left: 11px;
    padding-right: 11px;
}
.px-12px {
    padding-left: 12px;
    padding-right: 12px;
}
.px-13px {
    padding-left: 13px;
    padding-right: 13px;
}
.px-14px {
    padding-left: 14px;
    padding-right: 14px;
}
.px-15px {
    padding-left: 15px;
    padding-right: 15px;
}
.px-16px {
    padding-left: 16px;
    padding-right: 16px;
}
.px-17px {
    padding-left: 17px;
    padding-right: 17px;
}
.px-18px {
    padding-left: 18px;
    padding-right: 18px;
}
.px-19px {
    padding-left: 19px;
    padding-right: 19px;
}
.px-20px {
    padding-left: 20px;
    padding-right: 20px;
}
.px-21px {
    padding-left: 21px;
    padding-right: 21px;
}
.px-22px {
    padding-left: 22px;
    padding-right: 22px;
}
.px-23px {
    padding-left: 23px;
    padding-right: 23px;
}
.px-24px {
    padding-left: 24px;
    padding-right: 24px;
}
.px-25px {
    padding-left: 25px;
    padding-right: 25px;
}
.px-26px {
    padding-left: 26px;
    padding-right: 26px;
}
.px-27px {
    padding-left: 27px;
    padding-right: 27px;
}
.px-28px {
    padding-left: 28px;
    padding-right: 28px;
}
.px-29px {
    padding-left: 29px;
    padding-right: 29px;
}
.px-30px {
    padding-left: 30px;
    padding-right: 30px;
}
.py-1px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.py-2px {
    padding-top: 2px;
    padding-bottom: 2px;
}
.py-3px {
    padding-top: 3px;
    padding-bottom: 3px;
}
.py-4px {
    padding-top: 4px;
    padding-bottom: 4px;
}
.py-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}
.py-6px {
    padding-top: 6px;
    padding-bottom: 6px;
}
.py-7px {
    padding-top: 7px;
    padding-bottom: 7px;
}
.py-8px {
    padding-top: 8px;
    padding-bottom: 8px;
}
.py-9px {
    padding-top: 9px;
    padding-bottom: 9px;
}
.py-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}
.py-11px {
    padding-top: 11px;
    padding-bottom: 11px;
}
.py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}
.py-13px {
    padding-top: 13px;
    padding-bottom: 13px;
}
.py-14px {
    padding-top: 14px;
    padding-bottom: 14px;
}
.py-15px {
    padding-top: 15px;
    padding-bottom: 15px;
}
.py-16px {
    padding-top: 16px;
    padding-bottom: 16px;
}
.py-17px {
    padding-top: 17px;
    padding-bottom: 17px;
}
.py-18px {
    padding-top: 18px;
    padding-bottom: 18px;
}
.py-19px {
    padding-top: 19px;
    padding-bottom: 19px;
}
.py-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}
.pl-1px {
    padding-left: 1px;
}
.pl-2px {
    padding-left: 2px;
}
.pl-3px {
    padding-left: 3px;
}
.pl-4px {
    padding-left: 4px;
}
.pl-5px {
    padding-left: 5px;
}
.pl-6px {
    padding-left: 6px;
}
.pl-7px {
    padding-left: 7px;
}
.pl-8px {
    padding-left: 8px;
}
.pl-9px {
    padding-left: 9px;
}
.pl-10px {
    padding-left: 10px;
}
.pl-11px {
    padding-left: 11px;
}
.pl-12px {
    padding-left: 12px;
}
.pl-13px {
    padding-left: 13px;
}
.pl-14px {
    padding-left: 14px;
}
.pl-15px {
    padding-left: 15px;
}
.pl-16px {
    padding-left: 16px;
}
.pl-17px {
    padding-left: 17px;
}
.pl-18px {
    padding-left: 18px;
}
.pl-19px {
    padding-left: 19px;
}
.pl-20px {
    padding-left: 20px;
}
.pr-1px {
    padding-right: 1px;
}
.pr-2px {
    padding-right: 2px;
}
.pr-3px {
    padding-right: 3px;
}
.pr-4px {
    padding-right: 4px;
}
.pr-5px {
    padding-right: 5px;
}
.pr-6px {
    padding-right: 6px;
}
.pr-7px {
    padding-right: 7px;
}
.pr-8px {
    padding-right: 8px;
}
.pr-9px {
    padding-right: 9px;
}
.pr-10px {
    padding-right: 10px;
}
.pr-11px {
    padding-right: 11px;
}
.pr-12px {
    padding-right: 12px;
}
.pr-13px {
    padding-right: 13px;
}
.pr-14px {
    padding-right: 14px;
}
.pr-15px {
    padding-right: 15px;
}
.pr-16px {
    padding-right: 16px;
}
.pr-17px {
    padding-right: 17px;
}
.pr-18px {
    padding-right: 18px;
}
.pr-19px {
    padding-right: 19px;
}
.pr-20px {
    padding-right: 20px;
}
.pt-1px {
    padding-top: 1px;
}
.pt-2px {
    padding-top: 2px;
}
.pt-3px {
    padding-top: 3px;
}
.pt-4px {
    padding-top: 4px;
}
.pt-5px {
    padding-top: 5px;
}
.pt-6px {
    padding-top: 6px;
}
.pt-7px {
    padding-top: 7px;
}
.pt-8px {
    padding-top: 8px;
}
.pt-9px {
    padding-top: 9px;
}
.pt-10px {
    padding-top: 10px;
}
.pt-11px {
    padding-top: 11px;
}
.pt-12px {
    padding-top: 12px;
}
.pt-13px {
    padding-top: 13px;
}
.pt-14px {
    padding-top: 14px;
}
.pt-15px {
    padding-top: 15px;
}
.pt-16px {
    padding-top: 16px;
}
.pt-17px {
    padding-top: 17px;
}
.pt-18px {
    padding-top: 18px;
}
.pt-19px {
    padding-top: 19px;
}
.pt-20px {
    padding-top: 20px;
}
.pb-1px {
    padding-bottom: 1px;
}
.pb-2px {
    padding-bottom: 2px;
}
.pb-3px {
    padding-bottom: 3px;
}
.pb-4px {
    padding-bottom: 4px;
}
.pb-5px {
    padding-bottom: 5px;
}
.pb-6px {
    padding-bottom: 6px;
}
.pb-7px {
    padding-bottom: 7px;
}
.pb-8px {
    padding-bottom: 8px;
}
.pb-9px {
    padding-bottom: 9px;
}
.pb-10px {
    padding-bottom: 10px;
}
.pb-11px {
    padding-bottom: 11px;
}
.pb-12px {
    padding-bottom: 12px;
}
.pb-13px {
    padding-bottom: 13px;
}
.pb-14px {
    padding-bottom: 14px;
}
.pb-15px {
    padding-bottom: 15px;
}
.pb-16px {
    padding-bottom: 16px;
}
.pb-17px {
    padding-bottom: 17px;
}
.pb-18px {
    padding-bottom: 18px;
}
.pb-19px {
    padding-bottom: 19px;
}
.pb-20px {
    padding-bottom: 20px;
}
.py-60px {
    padding-top: 60px;
    padding-bottom: 60px;
}
.py-50px {
    padding-top: 50px;
    padding-bottom: 50px;
}
.py-45px {
    padding-top: 45px;
    padding-bottom: 45px;
}
.py-40px {
    padding-top: 40px;
    padding-bottom: 40px;
}
.py-30px {
    padding-top: 30px;
    padding-bottom: 30px;
}
.pt-40px {
    padding-top: 40px;
}
.pb-50px {
    padding-bottom: 50px;
}
.pb-45px {
    padding-bottom: 45px;
}
.px-21px {
    padding-left: 21px;
    padding-right: 21px;
}
.px-24px {
    padding-left: 24px;
    padding-right: 24px;
}
.px-30px {
    padding-left: 30px;
    padding-right: 30px;
}
.w-10 {
    width: 10%;
}
.h-10 {
    height: 10%;
}
.w-20 {
    width: 20%;
}
.h-20 {
    height: 20%;
}
.w-30 {
    width: 30%;
}
.h-30 {
    height: 30%;
}
.w-40 {
    width: 40%;
}
.h-40 {
    height: 40%;
}
.w-50 {
    width: 50%;
}
.h-50 {
    height: 50%;
}
.w-60 {
    width: 60%;
}
.h-60 {
    height: 60%;
}
.w-70 {
    width: 70%;
}
.h-70 {
    height: 70%;
}
.w-80 {
    width: 80%;
}
.h-80 {
    height: 80%;
}
.w-90 {
    width: 90%;
}
.h-90 {
    height: 90%;
}
.w-100 {
    width: 100%;
}
.h-100 {
    height: 100%;
}
.w-110 {
    width: 110%;
}
.h-110 {
    height: 110%;
}
.w-px-1 {
    width: 1px;
}
.w-px-2 {
    width: 2px;
}
.w-px-3 {
    width: 3px;
}
.w-px-4 {
    width: 4px;
}
.w-px-5 {
    width: 5px;
}
.w-px-6 {
    width: 6px;
}
.w-px-7 {
    width: 7px;
}
.w-px-8 {
    width: 8px;
}
.w-px-9 {
    width: 9px;
}
.w-px-10 {
    width: 10px;
}
.w-px-11 {
    width: 11px;
}
.w-px-12 {
    width: 12px;
}
.w-px-13 {
    width: 13px;
}
.w-px-14 {
    width: 14px;
}
.w-px-15 {
    width: 15px;
}
.w-px-16 {
    width: 16px;
}
.w-px-17 {
    width: 17px;
}
.w-px-18 {
    width: 18px;
}
.w-px-19 {
    width: 19px;
}
.w-px-20 {
    width: 20px;
}
.w-px-21 {
    width: 21px;
}
.w-px-22 {
    width: 22px;
}
.w-px-23 {
    width: 23px;
}
.w-px-24 {
    width: 24px;
}
.w-px-25 {
    width: 25px;
}
.w-px-26 {
    width: 26px;
}
.w-px-27 {
    width: 27px;
}
.w-px-28 {
    width: 28px;
}
.w-px-29 {
    width: 29px;
}
.w-px-30 {
    width: 30px;
}
.w-px-31 {
    width: 31px;
}
.w-px-32 {
    width: 32px;
}
.h-px-1 {
    height: 1px;
}
.h-px-2 {
    height: 2px;
}
.h-px-3 {
    height: 3px;
}
.h-px-4 {
    height: 4px;
}
.h-px-5 {
    height: 5px;
}
.h-px-6 {
    height: 6px;
}
.h-px-7 {
    height: 7px;
}
.h-px-8 {
    height: 8px;
}
.h-px-9 {
    height: 9px;
}
.h-px-10 {
    height: 10px;
}
.h-px-11 {
    height: 11px;
}
.h-px-12 {
    height: 12px;
}
.h-px-13 {
    height: 13px;
}
.h-px-14 {
    height: 14px;
}
.h-px-15 {
    height: 15px;
}
.h-px-16 {
    height: 16px;
}
.h-px-17 {
    height: 17px;
}
.h-px-18 {
    height: 18px;
}
.h-px-19 {
    height: 19px;
}
.h-px-20 {
    height: 20px;
}
.h-px-21 {
    height: 21px;
}
.h-px-22 {
    height: 22px;
}
.h-px-23 {
    height: 23px;
}
.h-px-24 {
    height: 24px;
}
.h-px-25 {
    height: 25px;
}
.h-px-26 {
    height: 26px;
}
.h-px-27 {
    height: 27px;
}
.h-px-28 {
    height: 28px;
}
.h-px-29 {
    height: 29px;
}
.h-px-30 {
    height: 30px;
}
.h-px-31 {
    height: 31px;
}
.h-px-32 {
    height: 32px;
}
.h-px-33 {
    height: 33px;
}
.h-px-34 {
    height: 34px;
}
.h-px-35 {
    height: 35px;
}
.h-px-36 {
    height: 36px;
}
.h-px-37 {
    height: 37px;
}
.h-px-38 {
    height: 38px;
}
.h-px-39 {
    height: 39px;
}
.h-px-40 {
    height: 40px;
}
.h-px-41 {
    height: 41px;
}
.h-px-42 {
    height: 42px;
}
.h-px-43 {
    height: 43px;
}
.h-px-44 {
    height: 44px;
}
.h-px-45 {
    height: 45px;
}
.h-px-46 {
    height: 46px;
}
.h-px-47 {
    height: 47px;
}
.h-px-48 {
    height: 48px;
}
.h-px-49 {
    height: 49px;
}
.h-px-50 {
    height: 50px;
}
.h-px-51 {
    height: 51px;
}
.h-px-52 {
    height: 52px;
}
.h-px-53 {
    height: 53px;
}
.h-px-54 {
    height: 54px;
}
.h-px-55 {
    height: 55px;
}
.h-px-56 {
    height: 56px;
}
.h-px-57 {
    height: 57px;
}
.h-px-58 {
    height: 58px;
}
.h-px-59 {
    height: 59px;
}
.h-px-60 {
    height: 60px;
}
.h-px-61 {
    height: 61px;
}
.h-px-62 {
    height: 62px;
}
.h-px-63 {
    height: 63px;
}
.h-px-64 {
    height: 64px;
}
.w-px-40 {
    width: 40px;
}
.w-px-48 {
    width: 48px;
}
.w-px-35 {
    width: 35px;
}
.w-px-36 {
    width: 36px;
}
.w-px-96 {
    width: 96px;
}
.w-px-160 {
    width: 160px;
}
.w-px-43 {
    width: 43px;
}
.w-px-250 {
    width: 250px;
}
.w-px-300 {
    width: 300px;
}
.h-px-300 {
    height: 300px;
}
.h-px-48 {
    height: 48px;
}
.h-px-150 {
    height: 150px;
}
.col-1-3 {
    grid-column: 1/4;
}
.w-100-important {
    width: 100% !important;
}
.col-w-1 {
    width: 8.333%;
}
.col-w-2 {
    width: 16.667%;
}
.col-w-3 {
    width: 25%;
}
.col-w-4 {
    width: 33.333%;
}
.col-w-5 {
    width: 41.666%;
}
.col-w-6 {
    width: 50%;
}
.col-w-7 {
    width: 58.333%;
}
.col-w-8 {
    width: 66.667%;
}
.col-w-9 {
    width: 75%;
}
.col-w-10 {
    width: 83.333%;
}
.col-w-11 {
    width: 91.666%;
}
.col-w-12 {
    width: 100%;
}
@media screen and (max-width: 1366px) {
    .col-w-mdd-1 {
        width: 8.333%;
    }
    .col-w-mdd-2 {
        width: 16.667%;
    }
    .col-w-mdd-3 {
        width: 25%;
    }
    .col-w-mdd-4 {
        width: 33.333%;
    }
    .col-w-mdd-5 {
        width: 41.666%;
    }
    .col-w-mdd-6 {
        width: 50%;
    }
    .col-w-mdd-7 {
        width: 58.333%;
    }
    .col-w-mdd-8 {
        width: 66.667%;
    }
    .col-w-mdd-9 {
        width: 75%;
    }
    .col-w-mdd-10 {
        width: 83.333%;
    }
    .col-w-mdd-11 {
        width: 91.666%;
    }
    .col-w-mdd-12 {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .col-w-smd-1 {
        width: 8.333%;
    }
    .col-w-smd-2 {
        width: 16.667%;
    }
    .col-w-smd-3 {
        width: 25%;
    }
    .col-w-smd-4 {
        width: 33.333%;
    }
    .col-w-smd-5 {
        width: 41.666%;
    }
    .col-w-smd-6 {
        width: 50%;
    }
    .col-w-smd-7 {
        width: 58.333%;
    }
    .col-w-smd-8 {
        width: 66.667%;
    }
    .col-w-smd-9 {
        width: 75%;
    }
    .col-w-smd-10 {
        width: 83.333%;
    }
    .col-w-smd-11 {
        width: 91.666%;
    }
    .col-w-smd-12 {
        width: 100%;
    }
}
@media screen and (max-width: 992px) {
    .col-w-lgt-1 {
        width: 8.333%;
    }
    .col-w-lgt-2 {
        width: 16.667%;
    }
    .col-w-lgt-3 {
        width: 25%;
    }
    .col-w-lgt-4 {
        width: 33.333%;
    }
    .col-w-lgt-5 {
        width: 41.666%;
    }
    .col-w-lgt-6 {
        width: 50%;
    }
    .col-w-lgt-7 {
        width: 58.333%;
    }
    .col-w-lgt-8 {
        width: 66.667%;
    }
    .col-w-lgt-9 {
        width: 75%;
    }
    .col-w-lgt-10 {
        width: 83.333%;
    }
    .col-w-lgt-11 {
        width: 91.666%;
    }
    .col-w-lgt-12 {
        width: 100%;
    }
}
@media screen and (max-width: 780px) {
    .col-w-mdt-1 {
        width: 8.333%;
    }
    .col-w-mdt-2 {
        width: 16.667%;
    }
    .col-w-mdt-3 {
        width: 25%;
    }
    .col-w-mdt-4 {
        width: 33.333%;
    }
    .col-w-mdt-5 {
        width: 41.666%;
    }
    .col-w-mdt-6 {
        width: 50%;
    }
    .col-w-mdt-7 {
        width: 58.333%;
    }
    .col-w-mdt-8 {
        width: 66.667%;
    }
    .col-w-mdt-9 {
        width: 75%;
    }
    .col-w-mdt-10 {
        width: 83.333%;
    }
    .col-w-mdt-11 {
        width: 91.666%;
    }
    .col-w-mdt-12 {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .col-w-mb-1 {
        width: 8.333%;
    }
    .col-w-mb-2 {
        width: 16.667%;
    }
    .col-w-mbt-3 {
        width: 25%;
    }
    .col-w-mb-4 {
        width: 33.333%;
    }
    .col-w-mbt-5 {
        width: 41.666%;
    }
    .col-w-mb-6 {
        width: 50%;
    }
    .col-w-mb-7 {
        width: 58.333%;
    }
    .col-w-mbt-8 {
        width: 66.667%;
    }
    .col-w-mb-9 {
        width: 75%;
    }
    .col-w-mbt-10 {
        width: 83.333%;
    }
    .col-w-mb-11 {
        width: 91.666%;
    }
    .col-w-mb-12 {
        width: 100%;
    }
}
.col-1 {
    grid-template-columns: repeat(1, 1fr);
}
.col-2 {
    grid-template-columns: repeat(2, 1fr);
}
.col-3 {
    grid-template-columns: repeat(3, 1fr);
}
.col-4 {
    grid-template-columns: repeat(4, 1fr);
}
.col-5 {
    grid-template-columns: repeat(5, 1fr);
}
.col-6 {
    grid-template-columns: repeat(6, 1fr);
}
.col-7 {
    grid-template-columns: repeat(7, 1fr);
}
.col-8 {
    grid-template-columns: repeat(8, 1fr);
}
.col-9 {
    grid-template-columns: repeat(9, 1fr);
}
.col-10 {
    grid-template-columns: repeat(10, 1fr);
}
.col-11 {
    grid-template-columns: repeat(11, 1fr);
}
.col-12 {
    grid-template-columns: repeat(12, 1fr);
}
@media screen and (max-width: 1366px) {
    .col-mdd-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .col-mdd-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .col-mdd-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .col-mdd-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .col-mdd-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .col-mdd-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .col-mdd-7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .col-mdd-8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .col-mdd-9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .col-mdd-10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .col-mdd-11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .col-mdd-12 {
        grid-template-columns: repeat(12, 1fr);
    }
}
@media screen and (max-width: 1024px) {
    .col-smd-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .col-smd-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .col-smd-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .col-smd-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .col-smd-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .col-smd-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .col-smd-7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .col-smd-8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .col-smd-9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .col-smd-10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .col-smd-11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .col-smd-12 {
        grid-template-columns: repeat(12, 1fr);
    }
}
@media screen and (max-width: 992px) {
    .col-lgt-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .col-lgt-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .col-lgt-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .col-lgt-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .col-lgt-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .col-lgt-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .col-lgt-7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .col-lgt-8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .col-lgt-9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .col-lgt-10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .col-lgt-11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .col-lgt-12 {
        grid-template-columns: repeat(12, 1fr);
    }
}
@media screen and (max-width: 780px) {
    .col-md-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .col-md-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .col-md-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .col-md-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .col-md-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .col-md-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .col-md-7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .col-md-8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .col-md-9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .col-md-10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .col-md-11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .col-md-12 {
        grid-template-columns: repeat(12, 1fr);
    }
}
@media screen and (max-width: 480px) {
    .col-mb-1 {
        grid-template-columns: repeat(1, 1fr);
    }
    .col-mb-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .col-mb-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .col-mb-4 {
        grid-template-columns: repeat(4, 1fr);
    }
    .col-mb-5 {
        grid-template-columns: repeat(5, 1fr);
    }
    .col-mb-6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .col-mb-7 {
        grid-template-columns: repeat(7, 1fr);
    }
    .col-mb-8 {
        grid-template-columns: repeat(8, 1fr);
    }
    .col-mb-9 {
        grid-template-columns: repeat(9, 1fr);
    }
    .col-mb-10 {
        grid-template-columns: repeat(10, 1fr);
    }
    .col-mb-11 {
        grid-template-columns: repeat(11, 1fr);
    }
    .col-mb-12 {
        grid-template-columns: repeat(12, 1fr);
    }
}
.grid-gap-1 {
    grid-gap: 1px;
}
.grid-gap-2 {
    grid-gap: 2px;
}
.grid-gap-3 {
    grid-gap: 3px;
}
.grid-gap-4 {
    grid-gap: 4px;
}
.grid-gap-5 {
    grid-gap: 5px;
}
.grid-gap-6 {
    grid-gap: 6px;
}
.grid-gap-7 {
    grid-gap: 7px;
}
.grid-gap-8 {
    grid-gap: 8px;
}
.grid-gap-9 {
    grid-gap: 9px;
}
.grid-gap-10 {
    grid-gap: 10px;
}
.grid-gap-11 {
    grid-gap: 11px;
}
.grid-gap-12 {
    grid-gap: 12px;
}
.grid-gap-13 {
    grid-gap: 13px;
}
.grid-gap-14 {
    grid-gap: 14px;
}
.grid-gap-15 {
    grid-gap: 15px;
}
.grid-gap-16 {
    grid-gap: 16px;
}
.grid-gap-17 {
    grid-gap: 17px;
}
.grid-gap-18 {
    grid-gap: 18px;
}
.grid-gap-19 {
    grid-gap: 19px;
}
.grid-gap-20 {
    grid-gap: 20px;
}
.grid-gap-21 {
    grid-gap: 21px;
}
.grid-gap-22 {
    grid-gap: 22px;
}
.grid-gap-23 {
    grid-gap: 23px;
}
.grid-gap-24 {
    grid-gap: 24px;
}
.grid-gap-25 {
    grid-gap: 25px;
}
.grid-gap-26 {
    grid-gap: 26px;
}
.grid-gap-27 {
    grid-gap: 27px;
}
.grid-gap-28 {
    grid-gap: 28px;
}
.grid-gap-29 {
    grid-gap: 29px;
}
.grid-gap-30 {
    grid-gap: 30px;
}
.grid-gap-31 {
    grid-gap: 31px;
}
.grid-gap-32 {
    grid-gap: 32px;
}
.grid-gap-33 {
    grid-gap: 33px;
}
.grid-gap-34 {
    grid-gap: 34px;
}
.grid-gap-35 {
    grid-gap: 35px;
}
.grid-gap-36 {
    grid-gap: 36px;
}
.grid-gap-37 {
    grid-gap: 37px;
}
.grid-gap-38 {
    grid-gap: 38px;
}
.grid-gap-39 {
    grid-gap: 39px;
}
.grid-gap-40 {
    grid-gap: 40px;
}
.grid-gap-41 {
    grid-gap: 41px;
}
.grid-gap-42 {
    grid-gap: 42px;
}
.grid-gap-43 {
    grid-gap: 43px;
}
.grid-gap-44 {
    grid-gap: 44px;
}
.grid-gap-45 {
    grid-gap: 45px;
}
.grid-gap-46 {
    grid-gap: 46px;
}
.grid-gap-47 {
    grid-gap: 47px;
}
.grid-gap-48 {
    grid-gap: 48px;
}
.grid-gap-49 {
    grid-gap: 49px;
}
.grid-gap-50 {
    grid-gap: 50px;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-primary-dark {
    color: #9e1018;
}
.text-justify {
    text-align: justify;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-lowercase {
    text-transform: lowercase;
}
.text-capitalize {
    text-transform: capitalize;
}
.decoration-none {
    text-decoration: none;
}
.text-linkedin {
    color: #0274b3;
}
.text-primary {
    color: #141521;
}
.text-secondary {
    color: #fafafa;
}
.text-white {
    color: rgb(var(--text-white));
}
.text-444 {
    color: rgb(var(--color-444));
}
.text-light {
    color: #fdfdfd;
}
.text-ddd {
    color: #ddd;
}
.text-black {
    color: rgb(var(--high-contrast-text));
}
.text-dark-primary {
    color: #bcc3c9;
}
.text-dark {
    color: rgb(var(--main-txt-color));
}
.text-red {
    color: #ee5253;
}
.text-facebook {
    color: #4267b2;
}
.text-instagram {
    color: #d20065;
}
.text-twitter {
    color: #60aade;
}
.text-youtube {
    color: #f70000;
}
.text-b6 {
    color: #b6b6b6;
}
.text-pr-light {
    color: #fa2135 !important;
}
.text-555 {
    color: rgb(var(--softer-color));
}
.text-333 {
    color: rgb(var(--text-color-3));
}
.text-111 {
    color: rgb(var(--main-txt-color));
}
.text-primary-col {
    color: rgb(var(--primary-color));
}
.text-secondary-col {
    color: rgb(var(--secondary-color));
}
.text-third-col {
    color: rgb(var(--third-color));
}
.text-fourth-col {
    color: #b4eae5;
}
.hover-text-primary:hover {
    color: #b5121b;
}
.title {
    position: relative;
    display: inline-block;
    color: #b5121b;
}
.title::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: 0 auto;
    width: 50%;
    height: 2px;
    background: #333;
    content: "";
}
.bg-primary {
    background-color: rgb(var(--primary-color));
}
.bg-primary-light {
    background-color: var(--primary-color-lighter);
}
.bg-secondary {
    background-color: rgb(var(--secondary-color));
}
.bg-youtube {
    background-color: #f70000;
}
.bg-third {
    background-color: rgb(var(--third-color));
}
.bg-primary-dark {
    background-color: rgb(var(--primary-color-dark));
}
.bg-secondary-dark {
    background-color: rgb(var(--secondary-color-dark));
}
.bg-fourth {
    background-color: #b4eae5;
}
.bg-333 {
    background-color: #333;
}
.bg-555 {
    background-color: #555;
}
.bg-111 {
    background-color: #111;
}
.bg-222 {
    background-color: #222;
}
.bg-444 {
    background-color: #444;
}
.bg-666 {
    background-color: #666;
}
.bg-777 {
    background-color: #777;
}
.bg-lightGrey-lighter {
    background-color: rgba(102, 102, 102, 0.2);
}
.bg-dark {
    background-color: rgb(var(--dark-color));
}
.bg-darker {
    background-color: rgb(var(--bg-color-2));
}
.bg-transparent {
    background-color: transparent;
}
.bg-dark-tran {
    background-color: rgba(51, 51, 51, 0.8);
}
.bg-dark-light {
    background-color: rgba(51, 51, 51, 0.5);
}
.bg-darker {
    background-color: #0d0d0d;
}
.bg-dark-lighter {
    background-color: rgba(51, 51, 51, 0.2);
}
.bg-light {
    background-color: rgb(var(--bg-color-1));
}
.bg-light-darker {
    background-color: #ccc;
}
.bg-cf {
    background-color: #cfcfcf;
}
.bg-lighter {
    background-color: rgb(var(--lighter-bg-color));
}
.bg-light-dark {
    background-color: rgba(255, 255, 255, 0.3);
}
.bg-black {
    background-color: #000 !important;
}
.bg-black-light {
    background-color: rgba(0, 0, 0, 0.5);
}
.bg-black-lighter {
    background-color: rgba(0, 0, 0, 0.3);
}
.bg-white {
    background-color: rgb(var(--high-contrast-color));
}
.bg-high-soft {
    background-color: rgb(var(--high-soft-color));
}
.bg-222 {
    background-color: #222;
}
.bg-pr-text {
    background-color: #0c0c0c;
}
.bg-sc-text {
    background-color: #fafafa;
}
.bg-green {
    background-color: #10ac84;
}
.bg-purple {
    background-color: #341f97;
}
.bg-red {
    background-color: #ee5253;
}
.bg-fb {
    background-color: #4267b2;
    transition: 0.6s all;
}
.bg-fb:hover {
    background-color: rgba(66, 103, 178, 0.1);
}
.hover-bg-fb-dark:hover {
    background-color: #34518d;
}
.bg-tw {
    background-color: #60aade;
    transition: 0.6s all;
}
.bg-tw:hover {
    background-color: #3693d5;
}
.hover-bg-tw-dark:hover {
    background-color: #3693d5;
}
.bg-insta {
    background-color: #d20065;
    transition: 0.6s all;
}
.bg-insta:hover {
    background-color: #9f004c;
}
.hover-bg-insta-dark:hover {
    background-color: #9f004c;
}
.bg-in {
    background-color: #0274b3;
    transition: 0.6s all;
}
.bg-in:hover {
    background-color: #015381;
}
.hover-bg-in-dark:hover {
    background-color: #015381;
}
.bg-444 {
    background-color: #333;
}
.bg-dark-image-4 {
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: darken;
}
.bg-dark-image-6 {
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: darken;
}
.pointer {
    cursor: pointer;
}
.transition-std {
    transition: 0.5s all;
}
.transition-none {
    transition: none !important;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.top-0 {
    top: 0;
}
.left-0 {
    left: 0;
}
.right-0 {
    right: 0;
}
.bottom-0 {
    bottom: 0;
}
.top-5 {
    top: 5%;
}
.left-5 {
    left: 5%;
}
.right-5 {
    right: 5%;
}
.bottom-5 {
    bottom: 5%;
}
.top-10 {
    top: 10%;
}
.left-10 {
    left: 10%;
}
.right-10 {
    right: 10%;
}
.bottom-10 {
    bottom: 10%;
}
.top-50 {
    top: 50%;
}
.left-50 {
    left: 50%;
}
.right-50 {
    right: 50%;
}
.bottom-50 {
    bottom: 50%;
}
.top-100 {
    top: 100%;
}
.bottom-100 {
    bottom: 100%;
}
.left-100 {
    left: 100%;
}
.right-100 {
    right: 100%;
}
.boxshadow-modal {
    box-shadow: 0 0 8px 7px rgba(85, 85, 85, 0.5);
}
.box-shadow-std {
    box-shadow: var(--box-shadow-std);
}
.box-shadow-light {
    box-shadow: 0 0 3px 1px rgba(var(--medium-color), 0.2);
}
.box-shadow-lg {
    box-shadow: 0 0 6px 6px rgba(var(--main-txt-color), 0.6);
}
.hover-bg-white:hover {
    background-color: #fff;
}
.hover-bg-primary:hover {
    background-color: rgb(var(--primary-color)) !important;
}
.hover-bg-primary-dark:hover {
    background-color: rgb(var(--primary-color-dark));
}
.hover-b-transparent:hover {
    border-color: transparent;
}
.hover-bg-dark:hover {
    background-color: #333;
}
.hover-opacity-1:hover {
    opacity: 1;
}
.hover-text-red:hover {
    color: #ee5253;
}
.hover-text-primary-dark:hover {
    color: #870d14;
}
.hover-bg-secondary:hover {
    background-color: rgb(var(--secondary-color)) !important;
}
.hover-bg-secondary-dark:hover {
    background-color: rgb(var(--secondary-color-dark));
}
.focus-b-secondary:focus {
    border-color: #0053e4;
}
.hover-text-white:hover {
    color: #fff !important;
}
.hover-text-light-dark:hover {
    color: #ddd;
}
.hover-text-primary:hover {
    color: rgb(var(--primary-color));
}
.hover-text-primary-lighter:hover {
    color: rgba(var(--primary-color), 0.7);
}
.hover-text-secondary:hover {
    color: rgb(var(--secondary-color));
}
.hover-bg-secondary-darker:hover {
    background-color: #0040b1;
}
.hover-bg-light:hover {
    background-color: #ddd;
}
.hover-bg-lighter:hover {
    background-color: #fdfdfd;
}
.hover-shadow-lg:hover {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.6);
}
.hover-text-facebook:hover {
    color: #4267b2 !important;
}
.hover-text-viber:hover {
    color: #7d539f !important;
}
.hover-bg-facebook:hover {
    background-color: #4267b2 !important;
}
.hover-bg-instagram:hover {
    background-color: #d20065 !important;
}
.hover-bg-twitter:hover {
    background-color: #60aade !important;
}
.hover-bg-youtube:hover {
    background-color: #f70000;
}
.hover-bg-youtube-dark:hover {
    background-color: #de0000;
}
.hover-text-instagram:hover {
    color: #d20065;
}
.hover-text-twitter:hover {
    color: #60aade;
}
.hover-text-linkedin:hover {
    color: #0274b3;
}
.hover-bg-linkedin:hover {
    background-color: #0274b3;
}
.hover-text-youtube:hover {
    color: #f70000;
}
.hover-b-facebook:hover {
    border-color: #4267b2;
}
.hover-b-instagram:hover {
    border-color: #d20065;
}
.hover-b-twitter:hover {
    border-color: #60aade;
}
.hover-b-youtube:hover {
    border-color: #f70000;
}
.hover-b-linkedin:hover {
    border-color: #0274b3;
}
.focus-bb-primary:focus {
    border-bottom-color: #b5121b;
}
.focus-b-primary:focus {
    border-color: rgb(var(--primary-color));
}
.focus-b-1px-solid:focus {
    border-width: 1px;
    border-style: solid;
}
.hover-b-secondary:hover {
    border-color: #0053e4;
}
.z-1 {
    z-index: 1;
}
.z-2 {
    z-index: 2;
}
.z-3 {
    z-index: 3;
}
.z-4 {
    z-index: 4;
}
.z-5 {
    z-index: 5;
}
.z-6 {
    z-index: 6;
}
.z-7 {
    z-index: 7;
}
.z-8 {
    z-index: 8;
}
.z-9 {
    z-index: 9;
}
.z-10 {
    z-index: 10;
}
.opacity-1 {
    opacity: 0.1;
}
.opacity-2 {
    opacity: 0.2;
}
.opacity-3 {
    opacity: 0.3;
}
.opacity-4 {
    opacity: 0.4;
}
.opacity-5 {
    opacity: 0.5;
}
.opacity-6 {
    opacity: 0.6;
}
.opacity-7 {
    opacity: 0.7;
}
.opacity-8 {
    opacity: 0.8;
}
.opacity-9 {
    opacity: 0.9;
}
.opacity-full {
    opacity: 1;
}
.lh-1 {
    line-height: 1px;
}
.lh-2 {
    line-height: 2px;
}
.lh-3 {
    line-height: 3px;
}
.lh-4 {
    line-height: 4px;
}
.lh-5 {
    line-height: 5px;
}
.lh-6 {
    line-height: 6px;
}
.lh-7 {
    line-height: 7px;
}
.lh-8 {
    line-height: 8px;
}
.lh-9 {
    line-height: 9px;
}
.lh-10 {
    line-height: 10px;
}
.lh-11 {
    line-height: 11px;
}
.lh-12 {
    line-height: 12px;
}
.lh-13 {
    line-height: 13px;
}
.lh-14 {
    line-height: 14px;
}
.lh-15 {
    line-height: 15px;
}
.lh-16 {
    line-height: 16px;
}
.lh-17 {
    line-height: 17px;
}
.lh-18 {
    line-height: 18px;
}
.lh-19 {
    line-height: 19px;
}
.lh-20 {
    line-height: 20px;
}
.lh-21 {
    line-height: 21px;
}
.lh-22 {
    line-height: 22px;
}
.lh-23 {
    line-height: 23px;
}
.lh-24 {
    line-height: 24px;
}
.lh-25 {
    line-height: 25px;
}
.lh-26 {
    line-height: 26px;
}
.lh-27 {
    line-height: 27px;
}
.lh-28 {
    line-height: 28px;
}
.lh-29 {
    line-height: 29px;
}
.lh-30 {
    line-height: 30px;
}
.lh-31 {
    line-height: 31px;
}
.lh-32 {
    line-height: 32px;
}
.lh-33 {
    line-height: 33px;
}
.lh-34 {
    line-height: 34px;
}
.lh-35 {
    line-height: 35px;
}
.lh-36 {
    line-height: 36px;
}
.lh-37 {
    line-height: 37px;
}
.lh-38 {
    line-height: 38px;
}
.lh-39 {
    line-height: 39px;
}
.lh-40 {
    line-height: 40px;
}
.lh-41 {
    line-height: 41px;
}
.lh-42 {
    line-height: 42px;
}
.lh-43 {
    line-height: 43px;
}
.lh-44 {
    line-height: 44px;
}
.lh-45 {
    line-height: 45px;
}
.lh-46 {
    line-height: 46px;
}
.lh-47 {
    line-height: 47px;
}
.lh-48 {
    line-height: 48px;
}
.lh-49 {
    line-height: 49px;
}
.lh-50 {
    line-height: 50px;
}
.lh-51 {
    line-height: 51px;
}
.lh-52 {
    line-height: 52px;
}
.lh-53 {
    line-height: 53px;
}
.lh-54 {
    line-height: 54px;
}
.lh-55 {
    line-height: 55px;
}
.lh-56 {
    line-height: 56px;
}
.lh-57 {
    line-height: 57px;
}
.lh-58 {
    line-height: 58px;
}
.lh-59 {
    line-height: 59px;
}
.lh-60 {
    line-height: 60px;
}

@media screen and (max-width: 780px) {
    .blog-filter {
        position: fixed;
        top: 0;
        right: -300px;
        height: 100vh;
        width: 300px;
        z-index: 100;
        flex-direction: column;
        justify-content: flex-start !important;
        overflow-y: auto;
        transition: 0.43s ease-in-out;
    }
    .blog-filter.opened {
        right: 0px !important;
    }
    .blog-filter .close-btn {
        z-index: 2;
        display: flex !important;
    }
    .blog-filter .blog-filter__left {
        flex-direction: column;
    }
    .blog-filter .filter-item {
        padding: 13px;
    }
    .blog-filter .filter-select {
        padding: 13px;
    }
    .blog-filter select {
        text-transform: uppercase;
    }
    .blog-filter .filter-item__content {
        position: static !important;
        box-shadow: none !important;
        margin-top: 10px !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        background-color: transparent !important;
    }
}
.blog-filter .filter-item {
    cursor: pointer;
}
.blog-filter .filter-item p {
    user-select: none;
    -webkit-user-select: none;
}
.blog-filter .filter-item img {
    position: relative;
    top: -2px;
}
.blog-filter .filter-item__content {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 260px;
    z-index: 2;
    box-shadow:
        0 1.8px 2.2px rgba(0, 0, 0, 0.004),
        0 4.3px 5.3px rgba(0, 0, 0, 0.008),
        0 8px 10px rgba(0, 0, 0, 0.012),
        0 14.3px 17.9px rgba(0, 0, 0, 0.015),
        0 26.7px 33.4px rgba(0, 0, 0, 0.019),
        0 64px 80px rgba(0, 0, 0, 0.04);
}
.blog-filter .filter-item__content .tag {
    margin-bottom: 5px;
    margin-right: 5px;
}
.blog-filter .filter-item__content .tag.selected {
    background-color: black;
}
.blog-filter .filter-item__content .tag.selected span {
    color: #fff;
}
.filter-toggle-m {
    width: 50px;
    height: 50px;
    background-color: black;
    margin-left: 10px;
}
.filter-toggle-m img {
    filter: invert(1);
}
@media screen and (max-width: 780px) {
    .filter-toggle-m {
        display: flex !important;
    }
} /*# sourceMappingURL=main.css.map */

.select-styled,
.flatpickr-monthDropdown-months {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    font-size: 16px;
    background-image: url("..//images/icons/arrdown.svg");
    background-position: calc(100% - 14px) center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    font-weight: 500;
    padding-right: 50px;
}
.select-styled.bg-white,
.flatpickr-monthDropdown-months.bg-white {
    background-color: rgb(var(--high-contrast-color));
}

button {
    outline: 0;
    border: none;
    -webkit-appearance: none;
    appearance: none;
}

@media screen and (max-width: 992px) {
    .post-self {
        grid-template-columns: repeat(1, 1fr);
    }
}
.post-self .post-self__comments-add button {
    width: 200px;
}
@media screen and (max-width: 480px) {
    .post-self .post-self__comments-add button {
        width: 100%;
    }
}
.post-self__post {
    grid-column: 1/3;
    width: 100%;
}
@media screen and (max-width: 992px) {
    .post-self__post {
        grid-column: 1/2;
    }
}
.post-self__share p {
    position: relative;
    top: 2px;
}
.post-self__share .socials {
    position: relative;
    top: 2px;
}
.post-self__share .socials a:hover i {
    color: rgb(var(--primary-color));
}
.post-self__h h2 {
    padding-top: 12px;
    text-align: left;
}

.post-self__h h2::after {
    margin: 0;
}
@media screen and (max-width: 992px) {
    .post-self .post-self__h h2 {
        margin: 15px 0 0rem 0;
        font-size: 2rem;
    }
}
@media screen and (max-width: 480px) {
    .post-self .add-comment {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media screen and (max-width: 480px) {
    .post-self .add-comment .col-1-2 {
        grid-column: 1/2;
    }
}
.post-self__comments .post-self__comments-inner .comment {
    padding-top: 15px;
    padding-bottom: 15px;
}
.post-self__comments .post-self__comments-inner .comment:first-of-type {
    border: none !important;
}
.post-self__comments .post-self__comments-inner .comment .comment-author p {
    position: relative;
    top: 1px;
}
.post-self__comments .post-self__comments-inner .comment .comment-bottom__item {
    cursor: pointer;
}
.post-self__comments .post-self__comments-inner .comment .comment-bottom__item i {
    transition: none !important;
}
.post-self__comments .post-self__comments-inner .comment .comment-bottom__item:hover i,
.post-self__comments .post-self__comments-inner .comment .comment-bottom__item:hover p {
    color: rgb(var(--primary-color));
}
.post-self__comments .post-self__comments-inner .comment .comment-bottom__item p {
    margin-top: auto;
    position: relative;
    top: 4px;
}
.post-self__comments .post-self__comments-inner .comment .comment-avatar {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(var(--primary-color));
    border-radius: 50%;
}
.post-self__comments .post-self__comments-inner .comment .comment-avatar p {
    position: relative;
    top: 1px;
    color: #fff;
    font-size: 12px;
}
.post-self__comments .post-self__comments-inner .comment .comment-right {
    width: 100%;
}
@media screen and (max-width: 390px) {
    .post-self .post-infos .post-info:last-of-type {
        margin-left: 5px !important;
        margin-top: 10px !important;
    }
}
@media screen and (max-width: 900px) {
    .post-self .post-infos .post-info {
        margin-left: 15px;
    }
    .post-self .post-infos .post-info:nth-of-type(1) {
        margin-left: 5px !important;
    }
    .post-self .post-infos .post-info img {
        width: 15px;
    }
    .post-self .post-infos .post-info p {
        font-size: 14px;
    }
}
.post-self__side {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}
.post-self__side .post-self__posts .post-self__post:hover p {
    color: rgb(var(--primary-color));
}
.post-self__side .post-self__posts .post-self__post .info-post {
    grid-column: 2/4;
}
.post-self__p b {
    font-weight: 600 !important;
}
.post-self__p img {
    width: 100%;
}

.izvestuvanja-wrap {
    top: 25px;
    right: 20px;
    position: fixed;
    z-index: 9999;
}
@media screen and (max-width: 480px) {
    .izvestuvanja-wrap {
        width: 100%;
        right: 0px;
        left: 0px;
    }
}
@media screen and (max-width: 480px) {
    .izvestuvanja {
        width: 100%;
    }
}
.izvestuvanja .izvestuvanje {
    padding-top: 13px;
    padding-bottom: 13px;
    width: 400px;
    position: relative;
    z-index: 9999;
    margin-bottom: 8px;
    animation-name: scaleUp;
    animation-duration: 0.5s;
}
@media screen and (max-width: 480px) {
    .izvestuvanja .izvestuvanje {
        left: 10px;
        right: 10px;
        width: calc(100% - 20px) !important;
    }
}
.izvestuvanja .izvestuvanje .izv-icon {
    width: 40px;
    height: 40px;
}
@media screen and (max-width: 480px) {
    .izvestuvanja .izvestuvanje .izv-icon {
        width: 34px;
        height: 34px;
    }
}
.izvestuvanja .izvestuvanje .izv-name {
    width: calc(100% - 40px);
    padding-right: 20px;
}
@media screen and (max-width: 480px) {
    .izvestuvanja .izvestuvanje .izv-name {
        width: calc(100% - 34px);
        padding-right: 10px;
    }
}

.cars {
    display: grid;
    padding-top: 32px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.car {
    box-shadow:
        0 4px 6px -1px rgb(0 0 0 / 0.1),
        0 2px 4px -2px rgb(0 0 0 / 0.1);
    padding: 24px;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
}

.car-img {
    position: relative;
}

.car-img img {
    width: 100%;
}

.car-title {
    padding-top: 12px;
    /* padding-bottom: 4px; */
    /* padding-bottom: 12px; */
}

.car-title p {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}

.car-boxes {
    margin-top: 6px;
    display: grid;
    grid-gap: 10px 14px;
    grid-template-columns: repeat(3, 1fr);
}

.car-box {
    border-radius: 0.375rem;
    padding: 6px 0;
    box-shadow:
        0 4px 6px -1px rgb(0 0 0 / 0.1),
        0 2px 4px -2px rgb(0 0 0 / 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-icon img {
    margin-top: 2px;
}

.box-text {
    margin-left: 8px;
    text-align: center;
}

.box-text p {
    font-size: 14px;
    font-weight: 500;
}

.car-price {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #22592b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 20px;
}

.price-day p {
    font-size: 19px;
    font-weight: 600;
    color: white;
}

.car-reserve {
    border: 2px solid #e2e2e2;
    margin-top: 16px;
    color: black;
    transition: 0.23s ease-in-out;
    padding: 12px 0px;
}

.car-reserve:hover {
    background-color: black;
    border: 2px solid black;
    color: white;
}

.car-reserve:hover span {
    color: white;
}

@media screen and (max-width: 780px) {
    .cars {
        grid-template-columns: repeat(1, 1fr);
    }
}

.price {
    /* margin-top: 12px; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.price p {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #477f3b;
}

.blog-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 32px;
}

.blog-head h3 {
    font-weight: 600;
    font-size: 40px;
}

.blog-head p {
    font-weight: 600;
    padding-left: 10px;
    color: #57aa70;
}

@media screen and (max-width: 780px) {
    .blog-head p {
        padding-left: 0px;
    }
}

.filter-btn button {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border-radius: 0.3rem;
    box-shadow:
        0 4px 6px -1px rgb(0 0 0 / 0.1),
        0 2px 4px -2px rgb(0 0 0 / 0.1);
    background-color: white;
    /* background-color: rgba(0,0,0,.23); */
    cursor: pointer;
}

.filter-btn i {
    color: #477f3b;
    margin-right: 4px;
    font-size: 17px;
}

.filter-btn span {
    position: relative;
    top: 2px;
    font-weight: 600;
    color: #57aa70;
    font-size: 18px;
}

.filter-box {
    right: -400px;
    width: 400px;
    z-index: 9999999999;
    transition: 0.4s ease-in-out;
    padding: 16px;
    position: fixed;
    overflow-y: auto;
    top: 0px;
    display: flex;
    flex-direction: column;
    background-color: white;
    height: 100%;
}

.cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
}

.cart-header p {
    font-size: 32px;
    font-weight: 500;
}

.cart-header button {
    background-color: transparent;
}

.cart-header button span {
    font-size: 28px;
}

.filter-one {
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
}

.filter-one__head p {
    font-weight: 600;
    font-size: 24px;
}

.filter-one__in {
    padding-top: 10px;
}

.filter-box.opened {
    right: 0px;
}

@media screen and (max-width: 480px) {
    .filter-box {
        right: -300px;
        width: 300px;
    }
}

/* The check-container */
.check-container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    line-height: 1;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: -1px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
    background-color: #477f3b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cart-header button {
    cursor: pointer;
}

.car-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
    align-items: center;
}

@media screen and (max-width: 780px) {
    .car-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

.car-img img {
    width: 100%;
}

.car-imgs {
    display: grid;
    grid-gap: 10px;
}
.car-imgs .car-img-page img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

.car-img-wrap img {
    border-radius: 2px;
}

.car-img-page {
    opacity: 0.7;
    border: 2px solid transparent;
}

.car-img-page.active {
    opacity: 1;
    border: 2px solid #57aa70;
    padding: 4px;
}

.car-img-page:hover {
    opacity: 1;
}

.car-txt-wrap {
    /* padding-top: 20px; */
}

.car-txt-wrap h1 {
    font-size: 40px;
    font-weight: 600;
}

.car-price-page p {
    color: #57aa70;
}

.car-text {
    margin-bottom: 20px;
}

.car-btns {
    margin-top: 32px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
}

.car-btns a {
    width: 100%;
    background-color: black;
    padding: 12px 0px;
    display: flex;
    justify-content: center;
}

.car-btns a span,
.car-btns a i {
    color: white;
}

.car-btns a i {
    position: relative;
    top: 2px;
    margin-right: 12px;
}

.form-btn {
    background-color: #57aa70;
}

.desc-header {
    border-bottom: 1px solid #e7e7e7;
}

.desc-header p {
    font-size: 32px;
    font-weight: 500;
}

.desc-content {
    padding-top: 14px;
}
.desc-content * {
    line-height: 28px;
}
.desc-content ul {
    margin-left: 20px;
}

.form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 14px;
    padding-top: 20px;
}

.input-half input,
.input-full input,
.input-half textarea,
.input-full textarea {
    width: 100%;
    background: #f7f7f7;
    display: block;
}

.input-full {
    grid-column: 1 / 3;
}

.submit-btn {
    display: flex;
    justify-content: center;
    padding: 12px 0px;
    width: 240px;
    margin-top: 12px;
    cursor: pointer;
}

.submit-btn span {
    color: white;
}

@media screen and (max-width: 780px) {
    .input-full {
        grid-column: 1 / 2;
    }

    .form-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .submit-btn {
        width: 100%;
    }
}

.protection-one {
    border: 1px solid #dedede;
    padding: 10px 0;
}
.protection-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.protection-head,
.protection-exc,
.protection-specs {
    padding-left: 12px;
    padding-right: 12px;
}
.protection-head i {
    margin-left: 10px;
    color: #57aa70;
}

.protection-head p {
    font-weight: 600;
    font-size: 24px;
}

.protection-exc {
    font-size: 15px;
    opacity: 0.65;
}

.protection-bottom {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.protection-bottom button {
    background-color: transparent;
}

.protection-bottom button span {
    font-size: 15px;
}

.protection-bottom button i {
    color: #57aa70 !important;
    font-size: 16px;
    font-style: normal;
}

.protection-price span {
    color: #57aa70;
}

.protection-one {
    margin-bottom: 14px;
    cursor: pointer;
}

.protection-one.active {
    border: 2px solid #57aa70;
    padding-bottom: 0px !important;
}
.protection-one.active .selected {
    display: flex !important;
    background-color: #57aa70;
    height: 44px;
    display: flex;
    justify-content: center;
    margin-top: 12px;
    align-items: center;
}
.selected span {
    color: white;
}
.protection-spec {
    display: flex;
}

.protection-spec i {
    margin-right: 5px;
    font-size: 12px;
    color: #57aa70;
}

.protection-specs {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    margin-top: 8px;
}

.protection-spec span {
    font-size: 14px;
}

.protection-head .head-left {
    display: flex;
    align-items: center;
}

.protection-head .head-right .protection-price span {
    color: #57aa70;
}

.filter-one__in select {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.54);
    padding: 10px 20px;
    width: 100%;
    border-radius: 0.25rem;
    background-image: url(../images/icons/arrow-down.png);
    background-size: 14px 14px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
}

.filter-power {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
}

.izv-icon.bg-primary {
    background-color: #10ac84;
}

.login-form {
    width: 95%;
    max-width: 550px;
    margin-top: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}

.login-form .input-login {
    display: flex;
    flex-direction: column;
}

.login-header {
    background-color: #10ac84;
}

.login-header span {
    font-size: 24px;
    color: white;
}

.login-body {
    background-color: rgba(0,0,0,.04);
    padding: 24px 12px;
}

.login-body .input-login {
    margin-bottom: 24px;
}

.input-login input {
    background-color: rgba(0,0,0,.08);
    margin-top: 4px;
}

.input-button button {
    width: 100%;
    padding: 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
}

.discountinput {
    display: flex;
    align-items: flex-end;
}

.discountinput button {
    background-color: #51A96B;
    padding: 6px 12px;
    color: white;
    height: 38px;
    margin-left: 10px;
    margin-bottom: 8px;
    font-size: 17px;
    font-family: "FiraSans";
}