/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
a {
    background-color: rgba(0, 0, 0, 0);
}
b,
strong {
    font-weight: bolder;
}
code {
    font-family: monospace, monospace;
    font-size: 1em;
}
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
img {
    border-style: none;
}
button,
input,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
@font-face {
    font-family: iransans;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb.eot);
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb.eot?#iefix) format("embedded-opentype"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb.woff2) format("woff2"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: iransans;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Bold.eot);
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Bold.woff2) format("woff2"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Bold.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: iransans;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Thin.eot);
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Thin.eot?#iefix) format("embedded-opentype"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Thin.woff2) format("woff2"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Thin.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Thin.ttf) format("truetype");
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: iransans;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Light.eot);
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Light.woff2) format("woff2"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Light.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Light.ttf) format("truetype");
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: iransans;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_UltraLight.eot);
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_UltraLight.eot?#iefix) format("embedded-opentype"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_UltraLight.woff2) format("woff2"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_UltraLight.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_UltraLight.ttf) format("truetype");
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: iransans;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Medium.eot);
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Medium.woff2) format("woff2"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Medium.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Medium.ttf) format("truetype");
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: iransans;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Black.eot);
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Black.eot?#iefix) format("embedded-opentype"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Black.woff2) format("woff2"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Black.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransans/IRANSansWeb_Black.ttf) format("truetype");
    font-weight: 900;
    font-display: swap;
}
.font-iransans {
    font-family: iransans, sans-serif;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 100;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-Thin.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-Thin.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 200;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-UltraLight.woff) format("woff"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-UltraLight.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 300;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-Light.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-Light.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 500;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-Medium.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-Medium.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 600;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-DemiBold.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-DemiBold.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 800;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-ExtraBold.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-ExtraBold.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 900;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-Black.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-Black.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 950;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-ExtraBlack.woff) format("woff"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-ExtraBlack.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 1000;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-Heavy.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-Heavy.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 700;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-Bold.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-Bold.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 400;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff/IRANYekanXFaNum-Regular.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanx/Woff2/IRANYekanXFaNum-Regular.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 100;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-Thin.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-Thin.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 200;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-UltraLight.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-UltraLight.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 300;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-Light.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-Light.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 500;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-Medium.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-Medium.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 600;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-DemiBold.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-DemiBold.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 800;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-ExtraBold.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-ExtraBold.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 900;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-Black.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-Black.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 950;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-ExtraBlack.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-ExtraBlack.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 1000;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-Heavy.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-Heavy.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 700;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-Bold.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-Bold.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: IRANYekanX;
    font-style: normal;
    font-weight: 400;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff/IRANYekanX-Regular.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iranyekanxx/woff2/IRANYekanX-Regular.woff2) format("woff2");
    font-display: swap;
}
@font-face {
    font-family: iransansdn;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransansdn/woff2/iransansdn.woff2) format("woff2"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransansdn/woff/iransansdn.woff) format("woff");
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: iransansdn;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransansdn/woff2/iransansdnbold.woff2) format("woff2"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransansdn/woff/iransansdnbold.woff) format("woff");
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: iransansdn;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransansdn/woff2/iransansdnlight.woff2) format("woff2"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/iransansdn/woff/iransansdnlight.woff) format("woff");
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-display: swap;
    font-family: boxicons;
    font-weight: 400;
    font-style: normal;
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/boxicons/boxicons.eot);
    src: url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/boxicons/boxicons.eot) format("embedded-opentype"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/boxicons/boxicons.woff2) format("woff2"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/boxicons/boxicons.woff) format("woff"), url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/boxicons/boxicons.ttf) format("truetype"),
        url(https://hrbox.ir/wp-content/themes/Hrbox/fonts/boxicons/boxicons.svg?#boxicons) format("svg");
}
.bx {
    font-family: boxicons !important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bx-ul {
    margin-left: 2em;
    padding-left: 0;
    list-style: none;
}
.bx-ul > li {
    position: relative;
}
.bx-ul .bx {
    font-size: inherit;
    line-height: inherit;
    position: absolute;
    left: -2em;
    width: 2em;
    text-align: center;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@-webkit-keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes burst {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    90% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
@-webkit-keyframes flashing {
    0% {
        opacity: 1;
    }
    45% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
}
@keyframes flashing {
    0% {
        opacity: 1;
    }
    45% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
}
@-webkit-keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}
@keyframes fade-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 0;
    }
}
@-webkit-keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}
@keyframes fade-right {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }
}
@-webkit-keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}
@keyframes fade-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;
    }
}
@-webkit-keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}
@keyframes fade-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    75% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }
}
@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, -10deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
        transform: scale3d(0.95, 0.95, 0.95) rotate3d(0, 0, 1, -10deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
        transform: scale3d(1, 1, 1) rotate3d(0, 0, 1, 10deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.bx-fade-up {
    -webkit-animation: fade-up 1.5s infinite linear;
    animation: fade-up 1.5s infinite linear;
}
.bx-fade-left {
    -webkit-animation: fade-left 1.5s infinite linear;
    animation: fade-left 1.5s infinite linear;
}
.bx-fade-right {
    -webkit-animation: fade-right 1.5s infinite linear;
    animation: fade-right 1.5s infinite linear;
}
.bx-sm {
    font-size: 1.55rem !important;
}
.bx-md {
    font-size: 2.25rem !important;
}
.bx-lg {
    font-size: 3rem !important;
}
.bx-rotate-90 {
    transform: rotate(90deg);
}
.bx-rotate-180 {
    transform: rotate(180deg);
}
.bx-rotate-270 {
    transform: rotate(270deg);
}
.bxs-color:before {
    content: "";
}
.bx-color:before {
    content: "";
}
.bxs-home-alt-2:before {
    content: "";
}
.bx-home-alt-2:before {
    content: "";
}
.bxl-meta:before {
    content: "";
}
.bxl-500px:before {
    content: "";
}
.bxl-chrome:before {
    content: "";
}
.bxl-css3:before {
    content: "";
}
.bxl-dev-to:before {
    content: "";
}
.bxl-firefox:before {
    content: "";
}
.bxl-google:before {
    content: "";
}
.bxl-google-cloud:before {
    content: "";
}
.bxl-html5:before {
    content: "";
}
.bxl-instagram:before {
    content: "";
}
.bxl-instagram-alt:before {
    content: "";
}
.bxl-internet-explorer:before {
    content: "";
}
.bxl-javascript:before {
    content: "";
}
.bxl-jquery:before {
    content: "";
}
.bxl-medium:before {
    content: "";
}
.bxl-php:before {
    content: "";
}
.bxl-telegram:before {
    content: "";
}
.bxl-twitter:before {
    content: "";
}
.bxl-whatsapp:before {
    content: "";
}
.bxl-wordpress:before {
    content: "";
}
.bxl-youtube:before {
    content: "";
}
.bx-align-left:before {
    content: "";
}
.bx-align-right:before {
    content: "";
}
.bx-anchor:before {
    content: "";
}
.bx-basket:before {
    content: "";
}
.bx-block:before {
    content: "";
}
.bx-body:before {
    content: "";
}
.bx-bold:before {
    content: "";
}
.bx-box:before {
    content: "";
}
.bx-bug:before {
    content: "";
}
.bx-bug-alt:before {
    content: "";
}
.bx-building:before {
    content: "";
}
.bx-calculator:before {
    content: "";
}
.bx-calendar:before {
    content: "";
}
.bx-calendar-alt:before {
    content: "";
}
.bx-calendar-check:before {
    content: "";
}
.bx-calendar-event:before {
    content: "";
}
.bx-calendar-x:before {
    content: "";
}
.bx-card:before {
    content: "";
}
.bx-chat:before {
    content: "";
}
.bx-check:before {
    content: "";
}
.bx-check-circle:before {
    content: "";
}
.bx-chevron-left:before {
    content: "";
}
.bx-chevron-left-circle:before {
    content: "";
}
.bx-chevron-right:before {
    content: "";
}
.bx-chevron-right-circle:before {
    content: "";
}
.bx-chevron-up:before {
    content: "";
}
.bx-chevron-up-circle:before {
    content: "";
}
.bx-circle:before {
    content: "";
}
.bx-cloud:before {
    content: "";
}
.bx-cloud-upload:before {
    content: "";
}
.bx-code:before {
    content: "";
}
.bx-code-alt:before {
    content: "";
}
.bx-code-block:before {
    content: "";
}
.bx-comment:before {
    content: "";
}
.bx-comment-add:before {
    content: "";
}
.bx-comment-check:before {
    content: "";
}
.bx-comment-detail:before {
    content: "";
}
.bx-comment-error:before {
    content: "";
}
.bx-comment-x:before {
    content: "";
}
.bx-current-location:before {
    content: "";
}
.bx-data:before {
    content: "";
}
.bx-detail:before {
    content: "";
}
.bx-envelope:before {
    content: "";
}
.bx-envelope-open:before {
    content: "";
}
.bx-error:before {
    content: "";
}
.bx-error-alt:before {
    content: "";
}
.bx-error-circle:before {
    content: "";
}
.bx-extension:before {
    content: "";
}
.bx-file:before {
    content: "";
}
.bx-file-blank:before {
    content: "";
}
.bx-file-find:before {
    content: "";
}
.bx-filter:before {
    content: "";
}
.bx-filter-alt:before {
    content: "";
}
.bx-first-page:before {
    content: "";
}
.bx-font:before {
    content: "";
}
.bx-font-color:before {
    content: "";
}
.bx-font-family:before {
    content: "";
}
.bx-font-size:before {
    content: "";
}
.bx-hash:before {
    content: "";
}
.bx-heading:before {
    content: "";
}
.bx-hide:before {
    content: "";
}
.bx-home:before {
    content: "";
}
.bx-home-alt:before {
    content: "";
}
.bx-home-circle:before {
    content: "";
}
.bx-id-card:before {
    content: "";
}
.bx-image:before {
    content: "";
}
.bx-image-add:before {
    content: "";
}
.bx-image-alt:before {
    content: "";
}
.bx-images:before {
    content: "";
}
.bx-label:before {
    content: "";
}
.bx-layer:before {
    content: "";
}
.bx-like:before {
    content: "";
}
.bx-link:before {
    content: "";
}
.bx-link-alt:before {
    content: "";
}
.bx-list-check:before {
    content: "";
}
.bx-list-ul:before {
    content: "";
}
.bx-map:before {
    content: "";
}
.bx-map-alt:before {
    content: "";
}
.bx-mask:before {
    content: "";
}
.bx-menu:before {
    content: "";
}
.bx-menu-alt-left:before {
    content: "";
}
.bx-menu-alt-right:before {
    content: "";
}
.bx-message:before {
    content: "";
}
.bx-message-add:before {
    content: "";
}
.bx-message-alt:before {
    content: "";
}
.bx-message-alt-add:before {
    content: "";
}
.bx-message-alt-check:before {
    content: "";
}
.bx-message-alt-detail:before {
    content: "";
}
.bx-message-alt-error:before {
    content: "";
}
.bx-message-alt-x:before {
    content: "";
}
.bx-message-check:before {
    content: "";
}
.bx-message-detail:before {
    content: "";
}
.bx-message-error:before {
    content: "";
}
.bx-message-x:before {
    content: "";
}
.bx-money:before {
    content: "";
}
.bx-movie:before {
    content: "";
}
.bx-navigation:before {
    content: "";
}
.bx-phone:before {
    content: "";
}
.bx-phone-call:before {
    content: "";
}
.bx-phone-incoming:before {
    content: "";
}
.bx-phone-off:before {
    content: "";
}
.bx-radio:before {
    content: "";
}
.bx-radio-circle:before {
    content: "";
}
.bx-repeat:before {
    content: "";
}
.bx-revision:before {
    content: "";
}
.bx-rocket:before {
    content: "";
}
.bx-rotate-left:before {
    content: "";
}
.bx-rotate-right:before {
    content: "";
}
.bx-run:before {
    content: "";
}
.bx-screenshot:before {
    content: "";
}
.bx-search:before {
    content: "";
}
.bx-search-alt:before {
    content: "";
}
.bx-search-alt-2:before {
    content: "";
}
.bx-sort:before {
    content: "";
}
.bx-sort-alt-2:before {
    content: "";
}
.bx-sort-a-z:before {
    content: "";
}
.bx-sort-up:before {
    content: "";
}
.bx-sort-z-a:before {
    content: "";
}
.bx-support:before {
    content: "";
}
.bx-tag:before {
    content: "";
}
.bx-tag-alt:before {
    content: "";
}
.bx-text:before {
    content: "";
}
.bx-time:before {
    content: "";
}
.bx-trash:before {
    content: "";
}
.bx-trash-alt:before {
    content: "";
}
.bx-upload:before {
    content: "";
}
.bx-user:before {
    content: "";
}
.bx-user-check:before {
    content: "";
}
.bx-user-circle:before {
    content: "";
}
.bx-user-x:before {
    content: "";
}
.bx-video:before {
    content: "";
}
.bx-video-off:before {
    content: "";
}
.bx-window:before {
    content: "";
}
.bx-window-alt:before {
    content: "";
}
.bx-window-close:before {
    content: "";
}
.bx-window-open:before {
    content: "";
}
.bx-x:before {
    content: "";
}
.bx-x-circle:before {
    content: "";
}
.bxs-basket:before {
    content: "";
}
.bxs-box:before {
    content: "";
}
.bxs-bug:before {
    content: "";
}
.bxs-bug-alt:before {
    content: "";
}
.bxs-building:before {
    content: "";
}
.bxs-calculator:before {
    content: "";
}
.bxs-calendar:before {
    content: "";
}
.bxs-calendar-alt:before {
    content: "";
}
.bxs-calendar-check:before {
    content: "";
}
.bxs-calendar-event:before {
    content: "";
}
.bxs-calendar-x:before {
    content: "";
}
.bxs-card:before {
    content: "";
}
.bxs-chat:before {
    content: "";
}
.bxs-check-circle:before {
    content: "";
}
.bxs-chevron-left:before {
    content: "";
}
.bxs-chevron-left-circle:before {
    content: "";
}
.bxs-chevron-right:before {
    content: "";
}
.bxs-chevron-right-circle:before {
    content: "";
}
.bxs-chevron-up:before {
    content: "";
}
.bxs-chevron-up-circle:before {
    content: "";
}
.bxs-circle:before {
    content: "";
}
.bxs-cloud:before {
    content: "";
}
.bxs-cloud-upload:before {
    content: "";
}
.bxs-comment:before {
    content: "";
}
.bxs-comment-add:before {
    content: "";
}
.bxs-comment-check:before {
    content: "";
}
.bxs-comment-detail:before {
    content: "";
}
.bxs-comment-error:before {
    content: "";
}
.bxs-comment-x:before {
    content: "";
}
.bxs-contact:before {
    content: "";
}
.bxs-data:before {
    content: "";
}
.bxs-detail:before {
    content: "";
}
.bxs-direction-left:before {
    content: "";
}
.bxs-direction-right:before {
    content: "";
}
.bxs-envelope:before {
    content: "";
}
.bxs-envelope-open:before {
    content: "";
}
.bxs-error:before {
    content: "";
}
.bxs-error-alt:before {
    content: "";
}
.bxs-error-circle:before {
    content: "";
}
.bxs-extension:before {
    content: "";
}
.bxs-file:before {
    content: "";
}
.bxs-file-blank:before {
    content: "";
}
.bxs-file-css:before {
    content: "";
}
.bxs-file-find:before {
    content: "";
}
.bxs-file-html:before {
    content: "";
}
.bxs-file-image:before {
    content: "";
}
.bxs-file-jpg:before {
    content: "";
}
.bxs-file-js:before {
    content: "";
}
.bxs-file-json:before {
    content: "";
}
.bxs-file-md:before {
    content: "";
}
.bxs-file-png:before {
    content: "";
}
.bxs-filter-alt:before {
    content: "";
}
.bxs-hide:before {
    content: "";
}
.bxs-home:before {
    content: "";
}
.bxs-home-circle:before {
    content: "";
}
.bxs-id-card:before {
    content: "";
}
.bxs-image:before {
    content: "";
}
.bxs-image-add:before {
    content: "";
}
.bxs-image-alt:before {
    content: "";
}
.bxs-label:before {
    content: "";
}
.bxs-layer:before {
    content: "";
}
.bxs-like:before {
    content: "";
}
.bxs-map:before {
    content: "";
}
.bxs-map-alt:before {
    content: "";
}
.bxs-mask:before {
    content: "";
}
.bxs-message:before {
    content: "";
}
.bxs-message-add:before {
    content: "";
}
.bxs-message-alt:before {
    content: "";
}
.bxs-message-alt-add:before {
    content: "";
}
.bxs-message-alt-check:before {
    content: "";
}
.bxs-message-alt-detail:before {
    content: "";
}
.bxs-message-alt-error:before {
    content: "";
}
.bxs-message-alt-x:before {
    content: "";
}
.bxs-message-check:before {
    content: "";
}
.bxs-message-detail:before {
    content: "";
}
.bxs-message-error:before {
    content: "";
}
.bxs-message-x:before {
    content: "";
}
.bxs-movie:before {
    content: "";
}
.bxs-navigation:before {
    content: "";
}
.bxs-phone:before {
    content: "";
}
.bxs-phone-call:before {
    content: "";
}
.bxs-phone-incoming:before {
    content: "";
}
.bxs-phone-off:before {
    content: "";
}
.bxs-radio:before {
    content: "";
}
.bxs-rocket:before {
    content: "";
}
.bxs-search:before {
    content: "";
}
.bxs-search-alt-2:before {
    content: "";
}
.bxs-sort-alt:before {
    content: "";
}
.bxs-tag:before {
    content: "";
}
.bxs-tag-alt:before {
    content: "";
}
.bxs-tag-x:before {
    content: "";
}
.bxs-time:before {
    content: "";
}
.bxs-to-top:before {
    content: "";
}
.bxs-trash:before {
    content: "";
}
.bxs-trash-alt:before {
    content: "";
}
.bxs-user:before {
    content: "";
}
.bxs-user-check:before {
    content: "";
}
.bxs-user-circle:before {
    content: "";
}
.bxs-user-detail:before {
    content: "";
}
.bxs-user-x:before {
    content: "";
}
.bxs-video:before {
    content: "";
}
.bxs-video-off:before {
    content: "";
}
.bxs-widget:before {
    content: "";
}
.bxs-window-alt:before {
    content: "";
}
.bxs-x-circle:before {
    content: "";
}
:root,
[data-bs-theme="light"] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text: #0a58ca;
    --bs-secondary-text: #6c757d;
    --bs-success-text: #146c43;
    --bs-info-text: #087990;
    --bs-warning-text: #997404;
    --bs-danger-text: #b02a37;
    --bs-light-text: #6c757d;
    --bs-dark-text: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #f8f9fa;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #e9ecef;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    --bs-emphasis-color: #000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: #fff3cd;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}
[data-bs-theme="dark"] {
    --bs-body-color: #adb5bd;
    --bs-body-color-rgb: 173, 181, 189;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #f8f9fa;
    --bs-emphasis-color-rgb: 248, 249, 250;
    --bs-secondary-color: rgba(173, 181, 189, 0.75);
    --bs-secondary-color-rgb: 173, 181, 189;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(173, 181, 189, 0.5);
    --bs-tertiary-color-rgb: 173, 181, 189;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-emphasis-color: #fff;
    --bs-primary-text: #6ea8fe;
    --bs-secondary-text: #dee2e6;
    --bs-success-text: #75b798;
    --bs-info-text: #6edff6;
    --bs-warning-text: #ffda6a;
    --bs-danger-text: #ea868f;
    --bs-light-text: #f8f9fa;
    --bs-dark-text: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #212529;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #495057;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #055160;
    --bs-warning-border-subtle: #664d03;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: #fff;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #9ec5fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 158, 197, 254;
    --bs-code-color: #e685b5;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
}
.container,
.container-lg,
.container-md,
.container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container,
    .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1320px;
    }
} /*!
 * Bootstrap Utilities v5.3.0-alpha1 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme="light"] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text: #0a58ca;
    --bs-secondary-text: #6c757d;
    --bs-success-text: #146c43;
    --bs-info-text: #087990;
    --bs-warning-text: #997404;
    --bs-danger-text: #b02a37;
    --bs-light-text: #6c757d;
    --bs-dark-text: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #f8f9fa;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #e9ecef;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    --bs-emphasis-color: #000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: #fff3cd;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}
[data-bs-theme="dark"] {
    --bs-body-color: #adb5bd;
    --bs-body-color-rgb: 173, 181, 189;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #f8f9fa;
    --bs-emphasis-color-rgb: 248, 249, 250;
    --bs-secondary-color: rgba(173, 181, 189, 0.75);
    --bs-secondary-color-rgb: 173, 181, 189;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(173, 181, 189, 0.5);
    --bs-tertiary-color-rgb: 173, 181, 189;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-emphasis-color: #fff;
    --bs-primary-text: #6ea8fe;
    --bs-secondary-text: #dee2e6;
    --bs-success-text: #75b798;
    --bs-info-text: #6edff6;
    --bs-warning-text: #ffda6a;
    --bs-danger-text: #ea868f;
    --bs-light-text: #f8f9fa;
    --bs-dark-text: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #212529;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #495057;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #055160;
    --bs-warning-border-subtle: #664d03;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: #fff;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #9ec5fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 158, 197, 254;
    --bs-code-color: #e685b5;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
}
.link-primary {
    color: #0d6efd !important;
}
.link-primary:focus,
.link-primary:hover {
    color: #0a58ca !important;
}
.link-secondary {
    color: #6c757d !important;
}
.link-secondary:focus,
.link-secondary:hover {
    color: #565e64 !important;
}
.align-top {
    vertical-align: top !important;
}
.align-bottom {
    vertical-align: bottom !important;
}
.align-text-bottom {
    vertical-align: text-bottom !important;
}
.align-text-top {
    vertical-align: text-top !important;
}
.float-none {
    float: none !important;
}
.d-block {
    display: block !important;
}
.d-flex {
    display: flex !important;
}
.d-none {
    display: none !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15) !important;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075) !important;
}
.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175) !important;
}
.shadow-none {
    box-shadow: none !important;
}
.position-static {
    position: static !important;
}
.top-0 {
    top: 0 !important;
}
.top-50 {
    top: 50% !important;
}
.top-100 {
    top: 100% !important;
}
.bottom-0 {
    bottom: 0 !important;
}
.bottom-50 {
    bottom: 50% !important;
}
.bottom-100 {
    bottom: 100% !important;
}
.w-25 {
    width: 25% !important;
}
.w-50 {
    width: 50% !important;
}
.w-75 {
    width: 75% !important;
}
.w-100 {
    width: 100% !important;
}
.w-auto {
    width: auto !important;
}
.h-25 {
    height: 25% !important;
}
.h-50 {
    height: 50% !important;
}
.h-75 {
    height: 75% !important;
}
.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.align-content-center {
    align-content: center !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-center {
    align-self: center !important;
}
.order-first {
    order: -1 !important;
}
.order-0 {
    order: 0 !important;
}
.order-1 {
    order: 1 !important;
}
.order-2 {
    order: 2 !important;
}
.order-3 {
    order: 3 !important;
}
.order-4 {
    order: 4 !important;
}
.order-5 {
    order: 5 !important;
}
.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.m-auto {
    margin: auto !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.mt-auto {
    margin-top: auto !important;
}
.me-0 {
    margin-right: 0 !important;
}
.me-1 {
    margin-right: 0.25rem !important;
}
.me-2 {
    margin-right: 0.5rem !important;
}
.me-3 {
    margin-right: 1rem !important;
}
.me-4 {
    margin-right: 1.5rem !important;
}
.me-5 {
    margin-right: 3rem !important;
}
.me-auto {
    margin-right: auto !important;
}
.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.text-center {
    text-align: center !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, 0.5) !important;
}
.text-body-secondary {
    --bs-text-opacity: 1;
    color: var(--bs-secondary-color) !important;
}
.visible {
    visibility: visible !important;
}
.z-n1 {
    z-index: -1 !important;
}
.z-0 {
    z-index: 0 !important;
}
.z-1 {
    z-index: 1 !important;
}
.z-2 {
    z-index: 2 !important;
}
.z-3 {
    z-index: 3 !important;
}
@media (min-width: 576px) {
    .float-sm-none {
        float: none !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-none {
        display: none !important;
    }
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-column {
        flex-direction: column !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-self-sm-auto {
        align-self: auto !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .order-sm-first {
        order: -1 !important;
    }
    .order-sm-0 {
        order: 0 !important;
    }
    .order-sm-1 {
        order: 1 !important;
    }
    .order-sm-2 {
        order: 2 !important;
    }
    .order-sm-3 {
        order: 3 !important;
    }
    .order-sm-4 {
        order: 4 !important;
    }
    .order-sm-5 {
        order: 5 !important;
    }
    .m-sm-0 {
        margin: 0 !important;
    }
    .m-sm-1 {
        margin: 0.25rem !important;
    }
    .m-sm-2 {
        margin: 0.5rem !important;
    }
    .m-sm-3 {
        margin: 1rem !important;
    }
    .m-sm-4 {
        margin: 1.5rem !important;
    }
    .m-sm-5 {
        margin: 3rem !important;
    }
    .m-sm-auto {
        margin: auto !important;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
    .mt-sm-1 {
        margin-top: 0.25rem !important;
    }
    .mt-sm-2 {
        margin-top: 0.5rem !important;
    }
    .mt-sm-3 {
        margin-top: 1rem !important;
    }
    .mt-sm-4 {
        margin-top: 1.5rem !important;
    }
    .mt-sm-5 {
        margin-top: 3rem !important;
    }
    .mt-sm-auto {
        margin-top: auto !important;
    }
    .me-sm-0 {
        margin-right: 0 !important;
    }
    .me-sm-1 {
        margin-right: 0.25rem !important;
    }
    .me-sm-2 {
        margin-right: 0.5rem !important;
    }
    .me-sm-3 {
        margin-right: 1rem !important;
    }
    .me-sm-4 {
        margin-right: 1.5rem !important;
    }
    .me-sm-5 {
        margin-right: 3rem !important;
    }
    .me-sm-auto {
        margin-right: auto !important;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .p-sm-1 {
        padding: 0.25rem !important;
    }
    .p-sm-2 {
        padding: 0.5rem !important;
    }
    .p-sm-3 {
        padding: 1rem !important;
    }
    .p-sm-4 {
        padding: 1.5rem !important;
    }
    .p-sm-5 {
        padding: 3rem !important;
    }
    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-sm-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-sm-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .text-sm-center {
        text-align: center !important;
    }
}
@media (min-width: 768px) {
    .float-md-none {
        float: none !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .order-md-first {
        order: -1 !important;
    }
    .order-md-0 {
        order: 0 !important;
    }
    .order-md-1 {
        order: 1 !important;
    }
    .order-md-2 {
        order: 2 !important;
    }
    .order-md-3 {
        order: 3 !important;
    }
    .order-md-4 {
        order: 4 !important;
    }
    .order-md-5 {
        order: 5 !important;
    }
    .m-md-0 {
        margin: 0 !important;
    }
    .m-md-1 {
        margin: 0.25rem !important;
    }
    .m-md-2 {
        margin: 0.5rem !important;
    }
    .m-md-3 {
        margin: 1rem !important;
    }
    .m-md-4 {
        margin: 1.5rem !important;
    }
    .m-md-5 {
        margin: 3rem !important;
    }
    .m-md-auto {
        margin: auto !important;
    }
    .mt-md-0 {
        margin-top: 0 !important;
    }
    .mt-md-1 {
        margin-top: 0.25rem !important;
    }
    .mt-md-2 {
        margin-top: 0.5rem !important;
    }
    .mt-md-3 {
        margin-top: 1rem !important;
    }
    .mt-md-4 {
        margin-top: 1.5rem !important;
    }
    .mt-md-5 {
        margin-top: 3rem !important;
    }
    .mt-md-auto {
        margin-top: auto !important;
    }
    .me-md-0 {
        margin-right: 0 !important;
    }
    .me-md-1 {
        margin-right: 0.25rem !important;
    }
    .me-md-2 {
        margin-right: 0.5rem !important;
    }
    .me-md-3 {
        margin-right: 1rem !important;
    }
    .me-md-4 {
        margin-right: 1.5rem !important;
    }
    .me-md-5 {
        margin-right: 3rem !important;
    }
    .me-md-auto {
        margin-right: auto !important;
    }
    .p-md-0 {
        padding: 0 !important;
    }
    .p-md-1 {
        padding: 0.25rem !important;
    }
    .p-md-2 {
        padding: 0.5rem !important;
    }
    .p-md-3 {
        padding: 1rem !important;
    }
    .p-md-4 {
        padding: 1.5rem !important;
    }
    .p-md-5 {
        padding: 3rem !important;
    }
    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-md-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-md-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .float-lg-none {
        float: none !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .order-lg-first {
        order: -1 !important;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .m-lg-0 {
        margin: 0 !important;
    }
    .m-lg-1 {
        margin: 0.25rem !important;
    }
    .m-lg-2 {
        margin: 0.5rem !important;
    }
    .m-lg-3 {
        margin: 1rem !important;
    }
    .m-lg-4 {
        margin: 1.5rem !important;
    }
    .m-lg-5 {
        margin: 3rem !important;
    }
    .m-lg-auto {
        margin: auto !important;
    }
    .mt-lg-0 {
        margin-top: 0 !important;
    }
    .mt-lg-1 {
        margin-top: 0.25rem !important;
    }
    .mt-lg-2 {
        margin-top: 0.5rem !important;
    }
    .mt-lg-3 {
        margin-top: 1rem !important;
    }
    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }
    .mt-lg-5 {
        margin-top: 3rem !important;
    }
    .mt-lg-auto {
        margin-top: auto !important;
    }
    .me-lg-0 {
        margin-right: 0 !important;
    }
    .me-lg-1 {
        margin-right: 0.25rem !important;
    }
    .me-lg-2 {
        margin-right: 0.5rem !important;
    }
    .me-lg-3 {
        margin-right: 1rem !important;
    }
    .me-lg-4 {
        margin-right: 1.5rem !important;
    }
    .me-lg-5 {
        margin-right: 3rem !important;
    }
    .me-lg-auto {
        margin-right: auto !important;
    }
    .p-lg-0 {
        padding: 0 !important;
    }
    .p-lg-1 {
        padding: 0.25rem !important;
    }
    .p-lg-2 {
        padding: 0.5rem !important;
    }
    .p-lg-3 {
        padding: 1rem !important;
    }
    .p-lg-4 {
        padding: 1.5rem !important;
    }
    .p-lg-5 {
        padding: 3rem !important;
    }
    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .px-lg-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
    }
    .px-lg-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }
    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
    .text-lg-center {
        text-align: center !important;
    }
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}
.col {
    flex: 1 0 0%;
}
.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto;
}
.row-cols-1 > * {
    flex: 0 0 auto;
    width: 100%;
}
.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}
.row-cols-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}
.row-cols-4 > * {
    flex: 0 0 auto;
    width: 25%;
}
.row-cols-5 > * {
    flex: 0 0 auto;
    width: 20%;
}
.row-cols-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
}
.col-auto {
    flex: 0 0 auto;
    width: auto;
}
.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
}
.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.offset-1 {
    margin-left: 8.33333333%;
}
.offset-2 {
    margin-left: 16.66666667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333333%;
}
.offset-5 {
    margin-left: 41.66666667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333333%;
}
.offset-8 {
    margin-left: 66.66666667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333333%;
}
.offset-11 {
    margin-left: 91.66666667%;
}
.g-0 {
    --bs-gutter-x: 0;
}
.g-0 {
    --bs-gutter-y: 0;
}
.g-1 {
    --bs-gutter-x: 0.25rem;
}
.g-1 {
    --bs-gutter-y: 0.25rem;
}
.g-2 {
    --bs-gutter-x: 0.5rem;
}
.g-2 {
    --bs-gutter-y: 0.5rem;
}
.g-3 {
    --bs-gutter-x: 1rem;
}
.g-3 {
    --bs-gutter-y: 1rem;
}
.g-4 {
    --bs-gutter-x: 1.5rem;
}
.g-4 {
    --bs-gutter-y: 1.5rem;
}
.g-5 {
    --bs-gutter-x: 3rem;
}
.g-5 {
    --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%;
    }
    .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333333%;
    }
    .offset-sm-2 {
        margin-left: 16.66666667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333333%;
    }
    .offset-sm-5 {
        margin-left: 41.66666667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333333%;
    }
    .offset-sm-8 {
        margin-left: 66.66666667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333333%;
    }
    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
    .g-sm-0 {
        --bs-gutter-x: 0;
    }
    .g-sm-0 {
        --bs-gutter-y: 0;
    }
    .g-sm-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-sm-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-sm-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-sm-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-sm-3 {
        --bs-gutter-x: 1rem;
    }
    .g-sm-3 {
        --bs-gutter-y: 1rem;
    }
    .g-sm-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-sm-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-sm-5 {
        --bs-gutter-x: 3rem;
    }
    .g-sm-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%;
    }
    .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-md-0 {
        margin-left: 0;
    }
    .offset-md-1 {
        margin-left: 8.33333333%;
    }
    .offset-md-2 {
        margin-left: 16.66666667%;
    }
    .offset-md-3 {
        margin-left: 25%;
    }
    .offset-md-4 {
        margin-left: 33.33333333%;
    }
    .offset-md-5 {
        margin-left: 41.66666667%;
    }
    .offset-md-6 {
        margin-left: 50%;
    }
    .offset-md-7 {
        margin-left: 58.33333333%;
    }
    .offset-md-8 {
        margin-left: 66.66666667%;
    }
    .offset-md-9 {
        margin-left: 75%;
    }
    .offset-md-10 {
        margin-left: 83.33333333%;
    }
    .offset-md-11 {
        margin-left: 91.66666667%;
    }
    .g-md-0 {
        --bs-gutter-x: 0;
    }
    .g-md-0 {
        --bs-gutter-y: 0;
    }
    .g-md-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-md-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-md-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-md-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-md-3 {
        --bs-gutter-x: 1rem;
    }
    .g-md-3 {
        --bs-gutter-y: 1rem;
    }
    .g-md-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-md-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-md-5 {
        --bs-gutter-x: 3rem;
    }
    .g-md-5 {
        --bs-gutter-y: 3rem;
    }
}
@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%;
    }
    .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto;
    }
    .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%;
    }
    .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%;
    }
    .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%;
    }
    .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%;
    }
    .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
    .offset-lg-0 {
        margin-left: 0;
    }
    .offset-lg-1 {
        margin-left: 8.33333333%;
    }
    .offset-lg-2 {
        margin-left: 16.66666667%;
    }
    .offset-lg-3 {
        margin-left: 25%;
    }
    .offset-lg-4 {
        margin-left: 33.33333333%;
    }
    .offset-lg-5 {
        margin-left: 41.66666667%;
    }
    .offset-lg-6 {
        margin-left: 50%;
    }
    .offset-lg-7 {
        margin-left: 58.33333333%;
    }
    .offset-lg-8 {
        margin-left: 66.66666667%;
    }
    .offset-lg-9 {
        margin-left: 75%;
    }
    .offset-lg-10 {
        margin-left: 83.33333333%;
    }
    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
    .g-lg-0 {
        --bs-gutter-x: 0;
    }
    .g-lg-0 {
        --bs-gutter-y: 0;
    }
    .g-lg-1 {
        --bs-gutter-x: 0.25rem;
    }
    .g-lg-1 {
        --bs-gutter-y: 0.25rem;
    }
    .g-lg-2 {
        --bs-gutter-x: 0.5rem;
    }
    .g-lg-2 {
        --bs-gutter-y: 0.5rem;
    }
    .g-lg-3 {
        --bs-gutter-x: 1rem;
    }
    .g-lg-3 {
        --bs-gutter-y: 1rem;
    }
    .g-lg-4 {
        --bs-gutter-x: 1.5rem;
    }
    .g-lg-4 {
        --bs-gutter-y: 1.5rem;
    }
    .g-lg-5 {
        --bs-gutter-x: 3rem;
    }
    .g-lg-5 {
        --bs-gutter-y: 3rem;
    }
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
[hidden],
template {
    display: none;
}
a {
    background-color: rgba(0, 0, 0, 0);
}
a:active,
a:hover {
    outline: 0;
}
b,
strong {
    font-weight: 700;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}
code {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
textarea {
    overflow: auto;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background-color: #fff;
}
button,
input,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #337ab7;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline;
}
a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
img {
    vertical-align: middle;
}
.img-circle {
    border-radius: 50%;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1280px;
    }
}
.container-lg,
.container-md,
.container-sm {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.hide {
    display: none !important;
    opacity: 0;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
}
.hidden {
    display: none !important;
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: 0.4s;
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: 0.45s;
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: 0.45s;
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: 0.5s;
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: 0.5s;
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: 0.55s;
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: 0.55s;
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: 0.6s;
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: 0.6s;
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: 0.65s;
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: 0.65s;
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: 0.7s;
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: 0.7s;
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: 0.75s;
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: 0.75s;
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: 0.8s;
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: 0.8s;
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: 0.85s;
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: 0.85s;
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: 0.9s;
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: 0.9s;
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: 0.95s;
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: 0.95s;
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s;
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s;
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s;
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s;
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s;
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s;
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s;
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s;
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s;
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s;
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s;
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s;
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s;
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s;
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s;
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s;
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s;
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s;
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s;
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s;
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s;
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s;
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s;
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s;
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s;
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s;
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s;
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s;
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s;
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s;
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s;
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s;
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s;
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s;
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s;
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s;
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s;
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s;
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s;
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s;
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s;
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s;
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s;
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s;
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s;
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s;
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s;
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s;
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s;
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s;
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s;
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s;
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s;
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s;
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s;
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s;
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s;
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s;
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s;
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s;
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s;
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s;
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s;
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s;
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s;
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s;
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s;
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s;
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s;
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s;
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s;
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s;
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s;
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s;
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s;
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s;
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s;
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s;
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s;
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s;
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s;
}
[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
    transition-timing-function: ease;
}
[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
    transition-timing-function: ease-in;
}
[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
    transition-timing-function: ease-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
    transition-timing-function: ease-in-out;
}
[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
[data-aos^="fade"][data-aos^="fade"] {
    opacity: 0;
    transition-property: opacity, transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
[data-aos="fade-up"] {
    transform: translate3d(0, 100px, 0);
}
[data-aos="fade-down"] {
    transform: translate3d(0, -100px, 0);
}
[data-aos="fade-right"] {
    transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
    transform: translate3d(100px, 0, 0);
}
[data-aos="fade-up-right"] {
    transform: translate3d(-100px, 100px, 0);
}
[data-aos="fade-up-left"] {
    transform: translate3d(100px, 100px, 0);
}
[data-aos="fade-down-right"] {
    transform: translate3d(-100px, -100px, 0);
}
[data-aos="fade-down-left"] {
    transform: translate3d(100px, -100px, 0);
}
[data-aos^="zoom"][data-aos^="zoom"] {
    opacity: 0;
    transition-property: opacity, transform;
}
[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
}
[data-aos="zoom-in"] {
    transform: scale(0.6);
}
[data-aos="zoom-in-up"] {
    transform: translate3d(0, 100px, 0) scale(0.6);
}
[data-aos="zoom-in-down"] {
    transform: translate3d(0, -100px, 0) scale(0.6);
}
[data-aos="zoom-in-right"] {
    transform: translate3d(-100px, 0, 0) scale(0.6);
}
[data-aos="zoom-in-left"] {
    transform: translate3d(100px, 0, 0) scale(0.6);
}
[data-aos="zoom-out"] {
    transform: scale(1.2);
}
[data-aos="zoom-out-up"] {
    transform: translate3d(0, 100px, 0) scale(1.2);
}
[data-aos="zoom-out-down"] {
    transform: translate3d(0, -100px, 0) scale(1.2);
}
[data-aos="zoom-out-right"] {
    transform: translate3d(-100px, 0, 0) scale(1.2);
}
[data-aos="zoom-out-left"] {
    transform: translate3d(100px, 0, 0) scale(1.2);
}
[data-aos^="slide"][data-aos^="slide"] {
    transition-property: transform;
}
[data-aos^="slide"][data-aos^="slide"].aos-animate {
    transform: translateZ(0);
}
[data-aos="slide-up"] {
    transform: translate3d(0, 100%, 0);
}
[data-aos="slide-down"] {
    transform: translate3d(0, -100%, 0);
}
[data-aos="slide-right"] {
    transform: translate3d(-100%, 0, 0);
}
[data-aos="slide-left"] {
    transform: translate3d(100%, 0, 0);
}
[data-aos^="flip"][data-aos^="flip"] {
    backface-visibility: hidden;
    transition-property: transform;
}
[data-aos="flip-left"] {
    transform: perspective(2500px) rotateY(-100deg);
}
[data-aos="flip-left"].aos-animate {
    transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-right"] {
    transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-right"].aos-animate {
    transform: perspective(2500px) rotateY(0);
}
[data-aos="flip-up"] {
    transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-up"].aos-animate {
    transform: perspective(2500px) rotateX(0);
}
[data-aos="flip-down"] {
    transform: perspective(2500px) rotateX(100deg);
}
[data-aos="flip-down"].aos-animate {
    transform: perspective(2500px) rotateX(0);
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
main {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
a {
    background-color: rgba(0, 0, 0, 0);
}
b,
strong {
    font-weight: bolder;
}
code {
    font-family: monospace, monospace;
    font-size: 1em;
}
sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
img {
    border-style: none;
}
button,
input,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
html {
    font-family: sans-serif;
}
.hidden,
[hidden] {
    display: none !important;
}
.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}
.pure-g {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
}
.pure-u {
    display: inline-block;
    vertical-align: top;
}
.pure-u-1,
.pure-u-1-1,
.pure-u-1-12,
.pure-u-1-2,
.pure-u-1-24,
.pure-u-1-3,
.pure-u-1-4,
.pure-u-1-5,
.pure-u-1-6,
.pure-u-1-8,
.pure-u-10-24,
.pure-u-11-12,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-2-24,
.pure-u-2-3,
.pure-u-2-5,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24,
.pure-u-3-24,
.pure-u-3-4,
.pure-u-3-5,
.pure-u-3-8,
.pure-u-4-24,
.pure-u-4-5,
.pure-u-5-12,
.pure-u-5-24,
.pure-u-5-5,
.pure-u-5-6,
.pure-u-5-8,
.pure-u-6-24,
.pure-u-7-12,
.pure-u-7-24,
.pure-u-7-8,
.pure-u-8-24,
.pure-u-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}
.pure-u-1-24 {
    width: 4.1667%;
}
.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
}
.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5%;
}
.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
}
.pure-u-1-5 {
    width: 20%;
}
.pure-u-5-24 {
    width: 20.8333%;
}
.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
}
.pure-u-7-24 {
    width: 29.1667%;
}
.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
}
.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5%;
}
.pure-u-2-5 {
    width: 40%;
}
.pure-u-10-24,
.pure-u-5-12 {
    width: 41.6667%;
}
.pure-u-11-24 {
    width: 45.8333%;
}
.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
}
.pure-u-13-24 {
    width: 54.1667%;
}
.pure-u-14-24,
.pure-u-7-12 {
    width: 58.3333%;
}
.pure-u-3-5 {
    width: 60%;
}
.pure-u-15-24,
.pure-u-5-8 {
    width: 62.5%;
}
.pure-u-16-24,
.pure-u-2-3 {
    width: 66.6667%;
}
.pure-u-17-24 {
    width: 70.8333%;
}
.pure-u-18-24,
.pure-u-3-4 {
    width: 75%;
}
.pure-u-19-24 {
    width: 79.1667%;
}
.pure-u-4-5 {
    width: 80%;
}
.pure-u-20-24,
.pure-u-5-6 {
    width: 83.3333%;
}
.pure-u-21-24,
.pure-u-7-8 {
    width: 87.5%;
}
.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
}
.pure-u-23-24 {
    width: 95.8333%;
}
.pure-u-1,
.pure-u-1-1,
.pure-u-24-24,
.pure-u-5-5 {
    width: 100%;
}
@media screen and (min-width: 35.5em) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-12,
    .pure-u-sm-1-2,
    .pure-u-sm-1-24,
    .pure-u-sm-1-3,
    .pure-u-sm-1-4,
    .pure-u-sm-1-5,
    .pure-u-sm-1-6,
    .pure-u-sm-1-8,
    .pure-u-sm-10-24,
    .pure-u-sm-11-12,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-2-24,
    .pure-u-sm-2-3,
    .pure-u-sm-2-5,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24,
    .pure-u-sm-3-24,
    .pure-u-sm-3-4,
    .pure-u-sm-3-5,
    .pure-u-sm-3-8,
    .pure-u-sm-4-24,
    .pure-u-sm-4-5,
    .pure-u-sm-5-12,
    .pure-u-sm-5-24,
    .pure-u-sm-5-5,
    .pure-u-sm-5-6,
    .pure-u-sm-5-8,
    .pure-u-sm-6-24,
    .pure-u-sm-7-12,
    .pure-u-sm-7-24,
    .pure-u-sm-7-8,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }
    .pure-u-sm-1-24 {
        width: 4.1667%;
    }
    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8.3333%;
    }
    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12.5%;
    }
    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16.6667%;
    }
    .pure-u-sm-1-5 {
        width: 20%;
    }
    .pure-u-sm-5-24 {
        width: 20.8333%;
    }
    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 25%;
    }
    .pure-u-sm-7-24 {
        width: 29.1667%;
    }
    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33.3333%;
    }
    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37.5%;
    }
    .pure-u-sm-2-5 {
        width: 40%;
    }
    .pure-u-sm-10-24,
    .pure-u-sm-5-12 {
        width: 41.6667%;
    }
    .pure-u-sm-11-24 {
        width: 45.8333%;
    }
    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 50%;
    }
    .pure-u-sm-13-24 {
        width: 54.1667%;
    }
    .pure-u-sm-14-24,
    .pure-u-sm-7-12 {
        width: 58.3333%;
    }
    .pure-u-sm-3-5 {
        width: 60%;
    }
    .pure-u-sm-15-24,
    .pure-u-sm-5-8 {
        width: 62.5%;
    }
    .pure-u-sm-16-24,
    .pure-u-sm-2-3 {
        width: 66.6667%;
    }
    .pure-u-sm-17-24 {
        width: 70.8333%;
    }
    .pure-u-sm-18-24,
    .pure-u-sm-3-4 {
        width: 75%;
    }
    .pure-u-sm-19-24 {
        width: 79.1667%;
    }
    .pure-u-sm-4-5 {
        width: 80%;
    }
    .pure-u-sm-20-24,
    .pure-u-sm-5-6 {
        width: 83.3333%;
    }
    .pure-u-sm-21-24,
    .pure-u-sm-7-8 {
        width: 87.5%;
    }
    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91.6667%;
    }
    .pure-u-sm-23-24 {
        width: 95.8333%;
    }
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-24-24,
    .pure-u-sm-5-5 {
        width: 100%;
    }
}
@media screen and (min-width: 48em) {
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-12,
    .pure-u-md-1-2,
    .pure-u-md-1-24,
    .pure-u-md-1-3,
    .pure-u-md-1-4,
    .pure-u-md-1-5,
    .pure-u-md-1-6,
    .pure-u-md-1-8,
    .pure-u-md-10-24,
    .pure-u-md-11-12,
    .pure-u-md-11-24,
    .pure-u-md-12-24,
    .pure-u-md-13-24,
    .pure-u-md-14-24,
    .pure-u-md-15-24,
    .pure-u-md-16-24,
    .pure-u-md-17-24,
    .pure-u-md-18-24,
    .pure-u-md-19-24,
    .pure-u-md-2-24,
    .pure-u-md-2-3,
    .pure-u-md-2-5,
    .pure-u-md-20-24,
    .pure-u-md-21-24,
    .pure-u-md-22-24,
    .pure-u-md-23-24,
    .pure-u-md-24-24,
    .pure-u-md-3-24,
    .pure-u-md-3-4,
    .pure-u-md-3-5,
    .pure-u-md-3-8,
    .pure-u-md-4-24,
    .pure-u-md-4-5,
    .pure-u-md-5-12,
    .pure-u-md-5-24,
    .pure-u-md-5-5,
    .pure-u-md-5-6,
    .pure-u-md-5-8,
    .pure-u-md-6-24,
    .pure-u-md-7-12,
    .pure-u-md-7-24,
    .pure-u-md-7-8,
    .pure-u-md-8-24,
    .pure-u-md-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }
    .pure-u-md-1-24 {
        width: 4.1667%;
    }
    .pure-u-md-1-12,
    .pure-u-md-2-24 {
        width: 8.3333%;
    }
    .pure-u-md-1-8,
    .pure-u-md-3-24 {
        width: 12.5%;
    }
    .pure-u-md-1-6,
    .pure-u-md-4-24 {
        width: 16.6667%;
    }
    .pure-u-md-1-5 {
        width: 20%;
    }
    .pure-u-md-5-24 {
        width: 20.8333%;
    }
    .pure-u-md-1-4,
    .pure-u-md-6-24 {
        width: 25%;
    }
    .pure-u-md-7-24 {
        width: 29.1667%;
    }
    .pure-u-md-1-3,
    .pure-u-md-8-24 {
        width: 33.3333%;
    }
    .pure-u-md-3-8,
    .pure-u-md-9-24 {
        width: 37.5%;
    }
    .pure-u-md-2-5 {
        width: 40%;
    }
    .pure-u-md-10-24,
    .pure-u-md-5-12 {
        width: 41.6667%;
    }
    .pure-u-md-11-24 {
        width: 45.8333%;
    }
    .pure-u-md-1-2,
    .pure-u-md-12-24 {
        width: 50%;
    }
    .pure-u-md-13-24 {
        width: 54.1667%;
    }
    .pure-u-md-14-24,
    .pure-u-md-7-12 {
        width: 58.3333%;
    }
    .pure-u-md-3-5 {
        width: 60%;
    }
    .pure-u-md-15-24,
    .pure-u-md-5-8 {
        width: 62.5%;
    }
    .pure-u-md-16-24,
    .pure-u-md-2-3 {
        width: 66.6667%;
    }
    .pure-u-md-17-24 {
        width: 70.8333%;
    }
    .pure-u-md-18-24,
    .pure-u-md-3-4 {
        width: 75%;
    }
    .pure-u-md-19-24 {
        width: 79.1667%;
    }
    .pure-u-md-4-5 {
        width: 80%;
    }
    .pure-u-md-20-24,
    .pure-u-md-5-6 {
        width: 83.3333%;
    }
    .pure-u-md-21-24,
    .pure-u-md-7-8 {
        width: 87.5%;
    }
    .pure-u-md-11-12,
    .pure-u-md-22-24 {
        width: 91.6667%;
    }
    .pure-u-md-23-24 {
        width: 95.8333%;
    }
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-24-24,
    .pure-u-md-5-5 {
        width: 100%;
    }
}
@media screen and (min-width: 64em) {
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-12,
    .pure-u-lg-1-2,
    .pure-u-lg-1-24,
    .pure-u-lg-1-3,
    .pure-u-lg-1-4,
    .pure-u-lg-1-5,
    .pure-u-lg-1-6,
    .pure-u-lg-1-8,
    .pure-u-lg-10-24,
    .pure-u-lg-11-12,
    .pure-u-lg-11-24,
    .pure-u-lg-12-24,
    .pure-u-lg-13-24,
    .pure-u-lg-14-24,
    .pure-u-lg-15-24,
    .pure-u-lg-16-24,
    .pure-u-lg-17-24,
    .pure-u-lg-18-24,
    .pure-u-lg-19-24,
    .pure-u-lg-2-24,
    .pure-u-lg-2-3,
    .pure-u-lg-2-5,
    .pure-u-lg-20-24,
    .pure-u-lg-21-24,
    .pure-u-lg-22-24,
    .pure-u-lg-23-24,
    .pure-u-lg-24-24,
    .pure-u-lg-3-24,
    .pure-u-lg-3-4,
    .pure-u-lg-3-5,
    .pure-u-lg-3-8,
    .pure-u-lg-4-24,
    .pure-u-lg-4-5,
    .pure-u-lg-5-12,
    .pure-u-lg-5-24,
    .pure-u-lg-5-5,
    .pure-u-lg-5-6,
    .pure-u-lg-5-8,
    .pure-u-lg-6-24,
    .pure-u-lg-7-12,
    .pure-u-lg-7-24,
    .pure-u-lg-7-8,
    .pure-u-lg-8-24,
    .pure-u-lg-9-24 {
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }
    .pure-u-lg-1-24 {
        width: 4.1667%;
    }
    .pure-u-lg-1-12,
    .pure-u-lg-2-24 {
        width: 8.3333%;
    }
    .pure-u-lg-1-8,
    .pure-u-lg-3-24 {
        width: 12.5%;
    }
    .pure-u-lg-1-6,
    .pure-u-lg-4-24 {
        width: 16.6667%;
    }
    .pure-u-lg-1-5 {
        width: 20%;
    }
    .pure-u-lg-5-24 {
        width: 20.8333%;
    }
    .pure-u-lg-1-4,
    .pure-u-lg-6-24 {
        width: 25%;
    }
    .pure-u-lg-7-24 {
        width: 29.1667%;
    }
    .pure-u-lg-1-3,
    .pure-u-lg-8-24 {
        width: 33.3333%;
    }
    .pure-u-lg-3-8,
    .pure-u-lg-9-24 {
        width: 37.5%;
    }
    .pure-u-lg-2-5 {
        width: 40%;
    }
    .pure-u-lg-10-24,
    .pure-u-lg-5-12 {
        width: 41.6667%;
    }
    .pure-u-lg-11-24 {
        width: 45.8333%;
    }
    .pure-u-lg-1-2,
    .pure-u-lg-12-24 {
        width: 50%;
    }
    .pure-u-lg-13-24 {
        width: 54.1667%;
    }
    .pure-u-lg-14-24,
    .pure-u-lg-7-12 {
        width: 58.3333%;
    }
    .pure-u-lg-3-5 {
        width: 60%;
    }
    .pure-u-lg-15-24,
    .pure-u-lg-5-8 {
        width: 62.5%;
    }
    .pure-u-lg-16-24,
    .pure-u-lg-2-3 {
        width: 66.6667%;
    }
    .pure-u-lg-17-24 {
        width: 70.8333%;
    }
    .pure-u-lg-18-24,
    .pure-u-lg-3-4 {
        width: 75%;
    }
    .pure-u-lg-19-24 {
        width: 79.1667%;
    }
    .pure-u-lg-4-5 {
        width: 80%;
    }
    .pure-u-lg-20-24,
    .pure-u-lg-5-6 {
        width: 83.3333%;
    }
    .pure-u-lg-21-24,
    .pure-u-lg-7-8 {
        width: 87.5%;
    }
    .pure-u-lg-11-12,
    .pure-u-lg-22-24 {
        width: 91.6667%;
    }
    .pure-u-lg-23-24 {
        width: 95.8333%;
    }
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-24-24,
    .pure-u-lg-5-5 {
        width: 100%;
    }
}
.pure-form input[type="color"],
.pure-form input[type="date"],
.pure-form input[type="datetime-local"],
.pure-form input[type="datetime"],
.pure-form input[type="email"],
.pure-form input[type="month"],
.pure-form input[type="number"],
.pure-form input[type="password"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="text"],
.pure-form input[type="time"],
.pure-form input[type="url"],
.pure-form input[type="week"],
.pure-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    box-sizing: border-box;
}
.pure-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    box-sizing: border-box;
}
.pure-form input[type="color"] {
    padding: 0.2em 0.5em;
}
.pure-form input[type="color"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="text"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="week"]:focus,
.pure-form textarea:focus {
    outline: 0;
    border-color: #129fea;
}
.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129fea;
}
.pure-form input[type="checkbox"]:focus,
.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus {
    outline: thin solid #129fea;
    outline: 1px auto #129fea;
}
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}
.pure-form input[type="color"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="text"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="week"][disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}
.pure-form input[readonly],
.pure-form textarea[readonly] {
    background-color: #eee;
    color: #777;
    border-color: #ccc;
}
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid {
    color: #b94a48;
    border-color: #e9322d;
}
.pure-form input[type="checkbox"]:focus:invalid:focus,
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus {
    outline-color: #e9322d;
}
.pure-form label {
    margin: 0.5em 0 0.2em;
}
.pure-form .pure-input-1 {
    width: 100%;
}
.pure-form .pure-input-3-4 {
    width: 75%;
}
.pure-form .pure-input-2-3 {
    width: 66%;
}
.pure-form .pure-input-1-2 {
    width: 50%;
}
.pure-form .pure-input-1-3 {
    width: 33%;
}
.pure-form .pure-input-1-4 {
    width: 25%;
}
.pure-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}
@media only screen and (max-width: 480px) {
    .pure-form button[type="submit"] {
        margin: 0.7em 0 0;
    }
    .pure-form input:not([type]),
    .pure-form input[type="color"],
    .pure-form input[type="date"],
    .pure-form input[type="datetime-local"],
    .pure-form input[type="datetime"],
    .pure-form input[type="email"],
    .pure-form input[type="month"],
    .pure-form input[type="number"],
    .pure-form input[type="password"],
    .pure-form input[type="search"],
    .pure-form input[type="tel"],
    .pure-form input[type="text"],
    .pure-form input[type="time"],
    .pure-form input[type="url"],
    .pure-form input[type="week"],
    .pure-form label {
        margin-bottom: 0.3em;
        display: block;
    }
    .pure-form-message {
        display: block;
        font-size: 0.75em;
        padding: 0.2em 0 0.8em;
    }
}
.pure-u-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}
.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}
.hvr-float-shadow:active,
.hvr-float-shadow:focus,
.hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
span a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}
span a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #2098d1;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
span a:active:before,
span a:focus:before,
span a:hover:before {
    left: 0;
    right: 0;
}
.hoverSun {
    padding: 0.75rem 1.25rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.hoverSun:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
}
.hoverSun:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.3s;
    z-index: -1;
}
.hoverSun:hover {
    color: #fff !important;
}
.hoverSun:hover:before {
    width: 100%;
}
.hoverSun:hover a {
    color: #fff !important;
}
.page-fading {
    -webkit-animation-name: page-fading;
    animation-name: page-fading;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
@-webkit-keyframes page-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes page-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes page-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes page-fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.one {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.two {
    -webkit-animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.three {
    -webkit-animation-delay: 2.3s;
    -moz-animation-delay: 2.3s;
    animation-delay: 2.3s;
}
.four {
    -webkit-animation-delay: 3.3s;
    -moz-animation-delay: 3.3s;
    animation-delay: 3.3s;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes egg-left {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: -54px;
        top: -119px;
    }
    50% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        left: -100px;
        top: -125px;
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: -54px;
        top: -119px;
    }
}
@keyframes egg-left {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: -54px;
        top: -119px;
    }
    50% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        left: -100px;
        top: -125px;
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: -54px;
        top: -119px;
    }
}
.pushbar_overlay {
    z-index: -999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    will-change: opacity;
    transition: opacity 0.5s ease;
    opacity: 0;
    background: #3c3442;
}
[data-pushbar-id] {
    z-index: 10;
    position: fixed;
    overflow-y: auto;
    will-change: transform;
    transition: transform 0.5s ease;
    background: #fff;
}
[data-pushbar-direction="left"][data-pushbar-id],
[data-pushbar-direction="right"][data-pushbar-id] {
    top: 0;
    width: 256px;
    max-width: 100%;
    height: 100%;
}
[data-pushbar-direction="bottom"][data-pushbar-id],
[data-pushbar-direction="top"][data-pushbar-id] {
    left: 0;
    width: 100%;
    min-height: 150px;
}
[data-pushbar-direction="left"][data-pushbar-id] {
    left: 0;
    transform: translateZ(0) translateX(-100%);
}
[data-pushbar-direction="right"][data-pushbar-id] {
    right: 0;
    transform: translateZ(0) translateX(100%);
}
[data-pushbar-direction="top"][data-pushbar-id] {
    top: 0;
    transform: translateZ(0) translateY(-100%);
}
[data-pushbar-direction="bottom"][data-pushbar-id] {
    bottom: 0;
    transform: translateZ(0) translateY(100%);
}
html {
    direction: rtl;
    scroll-behavior: smooth;
}
::selection {
    background-color: #0e99d6;
    color: #fff;
}
body {
    background-color: #fff;
    font-family: iransans, vazir, sans-serif;
    overflow-x: hidden;
    box-sizing: border-box;
}
main {
    overflow: hidden;
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    text-decoration: none !important;
}
.flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}
.d-none {
    display: none;
}
.hide {
    display: none !important;
    opacity: 0;
}
.modal {
    display: none;
    position: relative;
    z-index: 99;
}
.modal.is-open {
    display: block;
}
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-container {
    background-color: #fff;
    padding: 30px;
    margin: 10px 5px;
    border-radius: 25px;
    overflow: hidden;
    box-sizing: border-box;
    max-width: 650px;
    position: relative;
}
.modal-container p {
    font-family: iransans, serif;
    font-size: 15px;
    line-height: 2;
    color: #879bb3;
    text-align: center;
}
.modal-container header {
    padding-top: unset !important;
    padding-bottom: unset !important;
    background-color: unset !important;
    position: unset !important;
}
.modal-container header h2 {
    margin: 0;
    font-family: IRANYekanX, serif;
    font-size: 35px;
    font-weight: 900;
    padding: 0.5em 0 1em;
    text-align: center;
    color: #fff;
    margin-bottom: 1.2em;
    position: relative;
    z-index: 9;
}
.modal-container header:after {
    content: "";
    position: absolute;
    width: 1000px;
    height: 250px;
    background-color: #1c9cea;
    background: linear-gradient(#1c9cea, #0e72a3);
    border-radius: 120%;
    top: -20%;
    right: -20%;
    z-index: -1;
    -webkit-filter: drop-shadow(40px 5px 0 #ade5ff);
    filter: drop-shadow(40px 5px 0 #ade5ff);
}
.modal-close {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 42px;
    color: #fff;
    transition: all 0.2s ease-in-out;
    z-index: 10;
}
.modal-close:hover {
    color: #ffa8b0;
    cursor: pointer;
}
.modal-container {
    max-width: 950px;
}
.modal-container header h2 {
    color: #404347;
    font-size: 25px;
    padding: 0;
    margin-bottom: 0.7em;
    margin-top: 2em;
}
.modal-container header i {
    color: #404347;
}
.modal-container header i:hover {
    color: #87888b;
}
.modal-container header::after {
    content: unset;
}
.modal-container .sign-right {
    position: relative;
}
.modal-container .sign-right .phNumber {
    font-family: IRANYekanXFaNum, sans-serif;
    font-size: 20px;
    position: absolute;
    bottom: 30px;
    z-index: 2;
    padding: 10px 13px;
    border-radius: 7px;
    background-color: #fff;
    color: #87888b;
    right: 50%;
    transform: translateX(50%);
    letter-spacing: 1px;
    font-weight: 900;
    box-shadow: 0 3px 10px 7px rgba(255, 255, 255, 0.4);
}
.modal-container .sign-right .phNumber a {
    color: inherit;
    text-decoration: none;
}
.modal-container .sign-right .phNumber a::after,
.modal-container .sign-right .phNumber a::before {
    content: unset;
}
.modal-container .sign-right .phNumber a::after,
.modal-container .sign-right .phNumber a::before {
    content: unset;
}
.modal-container .sign-right .swiper {
    width: 100%;
    height: 100%;
}
.modal-container .sign-right .swiper .swiper-slide {
    padding: 15px;
}
.modal-container .sign-right .swiper .swiper-slide img {
    width: 100%;
    height: auto;
    max-height: 100%;
    border-radius: 25px;
}
.modal-container .sign-left -form input {
    padding: 0.6em;
    line-height: 1.8;
    font-family: iransans, serif;
    color: #404347;
    margin-bottom: 0.5em;
    border: 1px solid #0e99d6;
    outline: unset;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 5px 0 rgba(28, 156, 234, 0.2);
    font-size: 17px;
}
.modal-container .sign-left -form input:focus {
    outline: 1px solid #1097d1;
}
.modal-container .sign-left -form input:focus label {
    font-weight: 700;
}
.modal-container .sign-left -form input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}
.modal-container .sign-left -form input::-webkit-inner-spin-button,
.modal-container .sign-left -form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.modal-container .sign-left -form #Msf-number {
    font-family: IRANYekanXFaNum, sans-serif;
}
.modal-container .sign-left -form #Msf-clean {
    position: relative;
    right: calc(100% - 160px);
    font-family: IRANYekanX, serif;
    font-size: 16px;
    font-weight: 700;
    color: #87888b;
    transform: translateX(300%);
    display: inline-block;
    cursor: pointer;
}
.modal-container .sign-left -form button {
    display: inline-block;
    padding: 1em 1.2em;
    margin: 1em 0 0 1em;
    border-radius: 10px;
    font-family: IRANYekanX, serif;
    font-weight: 700;
    border: unset;
    color: #fff;
    background-color: #00b5bb;
    font-size: 17px;
    position: relative;
    right: 100%;
    transform: translateX(100%);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
}
#modal-contact-form input {
    padding: 0.3em;
    line-height: 1.8;
    font-family: iransans, serif;
    color: #404347;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
    outline: unset;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 5px 0 rgba(28, 156, 234, 0.2);
    font-size: 22px;
}
#modal-contact-form input:focus label {
    font-weight: 700;
}
#modal-contact-form input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}
#modal-contact-form input::-webkit-inner-spin-button,
#modal-contact-form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#modal-contact-form #Msf-number {
    font-family: IRANYekanXFaNum, sans-serif;
}
#modal-contact-form #Msf-clean {
    position: relative;
    right: calc(100% - 160px);
    font-family: IRANYekanX, serif;
    font-size: 16px;
    font-weight: 700;
    color: #87888b;
    transform: translateX(300%);
    display: inline-block;
    cursor: pointer;
}
#modal-contact-form .col-12 {
    position: relative;
}
#modal-contact-form label {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-90%);
    color: #87888b;
    font-size: 15px;
}
#modal-contact-form button {
    display: inline-block;
    padding: 1em 1.2em;
    margin: 1em 0 0 1em;
    border-radius: 10px;
    font-family: IRANYekanX, serif;
    font-weight: 700;
    border: unset;
    color: #fff;
    background-color: #00b5bb;
    font-size: 17px;
    position: relative;
    right: 100%;
    transform: translateX(100%);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
}
#modal-validation-form input {
    padding: 0.6em;
    line-height: 1.8;
    font-family: iransans, serif;
    color: #404347;
    border: 1px dashed #c3cdd9;
    outline: unset;
    border-radius: 10px;
    text-align: center;
    font-size: 22px;
}
#modal-validation-form input:focus {
    outline: 1px dashed #1097d1;
}
#modal-validation-form input:focus label {
    font-weight: 700;
}
#modal-validation-form input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}
#modal-validation-form #Mvf-number {
    font-family: IRANYekanXFaNum, sans-serif;
}
#modal-validation-form #Mvf-clean {
    position: relative;
    right: calc(100% - 260px);
    font-family: IRANYekanX, serif;
    font-size: 16px;
    font-weight: 700;
    color: #87888b;
    transform: translateX(300%);
    display: inline-block;
    cursor: pointer;
}
#modal-validation-form .col-12 {
    position: relative;
}
#modal-validation-form label {
    position: absolute;
    right: 20px;
    top: 55%;
    transform: translateY(-80%);
    color: #87888b;
    font-size: 15px;
    font-weight: 200;
}
#modal-validation-form button {
    display: inline-block;
    padding: 1em 1.2em;
    margin: 1em 0 0 1em;
    border-radius: 10px;
    font-family: IRANYekanX, serif;
    font-weight: 700;
    border: unset;
    color: #fff;
    background-color: #00b5bb;
    font-size: 17px;
    position: relative;
    right: 100%;
    transform: translateX(100%);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5);
}
#modal-greeting .modal-container {
    width: 1000px;
    max-width: unset;
}
#modal-greeting .modal-container a {
    text-decoration: none;
}
#modal-greeting .modal-container a:focus,
#modal-greeting .modal-container a:focus-visible,
#modal-greeting .modal-container a:focus-within,
#modal-greeting .modal-container a:hover,
#modal-greeting .modal-container a:visited {
    border: unset;
}
#modal-greeting .modal-container #modal-greeting-content:focus,
#modal-greeting .modal-container #modal-greeting-content:focus-visible,
#modal-greeting .modal-container #modal-greeting-content:focus-within,
#modal-greeting .modal-container #modal-greeting-content:hover,
#modal-greeting .modal-container #modal-greeting-content:visited {
    border: unset;
}
#modal-greeting .modal-container header h2 {
    color: #404347;
    margin-top: 0;
    margin-bottom: 0.2em;
    font-size: 27px;
}
#modal-greeting .modal-container header::after {
    content: unset;
}
#modal-greeting .modal-container header .modal-close {
    color: #87888b;
}
#modal-greeting .modal-container header .modal-close:hover {
    color: #0e99d6;
}
#modal-greeting .modal-container .row {
    align-items: stretch;
}
#modal-greeting .modal-container .row .greeting-right a {
    display: block;
    height: 100%;
}
#modal-greeting .modal-container .row .greeting-right a img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    object-position: center;
}
#modal-greeting .modal-container .row .greeting-left {
    align-self: center;
    padding: 0 15px;
}
#modal-greeting .modal-container .row .greeting-left p {
    color: #55575a;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
}
#modal-greeting .modal-container .row .greeting-left .allBtns {
    display: block;
    text-align: center;
    margin: 10px;
    margin-top: 1.5em;
}
#modal-greeting .modal-container .row .greeting-left .allBtns a.btn {
    display: inline-block;
    font-family: IRANYekanX, serif;
    text-align: center;
    font-size: 17px;
    padding: 0.7em 0.9em;
    background-color: #0e99d6;
    color: #fff;
    border-radius: 5px;
}
@keyframes mmfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mmfadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes mmslideIn {
    from {
        transform: translateY(15%);
    }
    to {
        transform: translateY(0);
    }
}
@keyframes mmslideOut {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10%);
    }
}
.modal[aria-hidden="false"] .modal-overlay {
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden="false"] .modal-container {
    animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden="true"] .modal-overlay {
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal[aria-hidden="true"] .modal-container {
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.modal .modal-container,
.modal .modal-overlay {
    will-change: transform;
}
@media screen and (max-width: 998px) {
    .modal-overlay {
        align-items: unset;
    }
    .modal-container {
        overflow: scroll;
    }
    #modal-greeting .modal-container .row .greeting-right img {
        height: 200px;
        width: 100%;
    }
    .modal-container p {
        line-height: 1.8;
        margin-top: 0;
    }
    .modal-container header h2 {
        margin-top: 0;
    }
    .modal-container .sign-left -form input {
        padding: 0.5em;
        line-height: 1.8;
        font-family: iransans, serif;
        color: #404347;
        margin-bottom: 0.4em;
        border: 1px solid #0e99d6;
        outline: unset;
        border-radius: 10px;
        text-align: center;
        box-shadow: 0 4px 5px 0 rgba(28, 156, 234, 0.2);
        font-size: 16px;
    }
    .modal-container .sign-left -form #Msf-clean {
        right: calc(100% - 140px);
        font-size: 14px;
    }
    .modal-container .sign-left -form button {
        padding: 0.8em 0.9em;
        margin: 0.5em 0 0 1em;
        font-size: 16px;
    }
}
@media screen and (max-width: 768px) {
    #modal-contact-form label,
    #modal-validation-form label,
    -form label {
        position: unset;
        transform: unset;
        font-size: 15px;
        display: block;
        text-align: center;
        margin-bottom: 0.5em;
    }
    .modal-container .sign-right .swiper .swiper-slide img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .swiper-wrapper {
        text-align: center;
    }
}
@media screen and (max-width: 576px) {
    #modal-greeting .modal-container .row .greeting-left p {
        margin-top: 0;
    }
    .modal-container header::after {
        right: -40%;
    }
    .modal-container header h2 {
        font-size: 30px;
    }
    #modal-contact-form input,
    #modal-validation-form input,
    -form input {
        padding: 0.3em;
        line-height: 1.8;
        margin-bottom: 0.5em;
    }
}
@media screen and (max-width: 395px) {
    .modal-container header h2 {
        margin-bottom: 0.5em;
    }
    .modal-container p {
        margin-top: 35px;
    }
}
@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.pushy-submenu > ul {
    padding-left: 15px;
    transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.pushy-submenu > ul .pushy-link {
    transition: opacity 0.2s ease-in-out;
}
.pushy-submenu button {
    width: 100%;
    color: #b3b3b1;
    padding: 15px 30px;
    text-align: right;
    background: rgba(0, 0, 0, 0);
    border: 0;
}
.pushy-submenu button:hover {
    color: #fff;
}
.pushy-submenu > a,
.pushy-submenu > button {
    position: relative;
}
.pushy-submenu > a::after,
.pushy-submenu > button::after {
    content: "";
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 15px;
    background: url(https://hrbox.ir/wp-content/themes/Hrbox/img/arrow.svg) no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.2s;
}
.pushy-submenu-open > ul {
    visibility: visible;
    margin-top: 20px;
}
.pushy-submenu-open .pushy-link {
    opacity: 1;
}
.pushy-submenu-open > a::after,
.pushy-submenu-open > button::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
nav.navbar.trans {
    position: fixed;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #1e3363;
    box-shadow: 2px 3px 50px rgba(5, 5, 5, 0.11);
}
nav.navbar.trans .navLogo a {
    background: url(https://hrbox.ir/wp-content/themes/Hrbox/img/hrbox-typo40x.png) 0 0 no-repeat !important;
}
nav.navbar.trans .navLinks ul li span {
    color: #1e3363 !important;
}
nav.navbar.trans .navLinks ul li span:hover {
    border: 1px solid #1e3363 !important;
}
nav.navbar.trans .navHam a {
    color: #1e3363;
}
nav.navbar {
    position: absolute;
    top: 20px;
    z-index: 4;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0.01s;
}
nav.navbar .navMain {
    padding: 0 54px;
    position: relative;
}
nav.navbar .navMain div {
    flex-grow: 1;
}
nav.navbar .navMain form.search-form {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}
nav.navbar .navMain form.search-form input {
    width: 200px;
    height: 40px;
    font-size: 17px;
    outline: 0;
    border: 2px solid #108bc3;
    padding-left: 45px;
    border-radius: 8px;
    transform: translate(85%, -20%);
    padding-right: 40px;
    box-sizing: content-box;
}
nav.navbar .navMain form.search-form.open {
    visibility: visible;
    opacity: 1;
}
nav.navbar .navMain form.search-form .close-search {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 35px;
    color: #777;
    cursor: pointer;
    transform: translate(-20%, -5%);
}
nav.navbar .navMain .navLogo {
    display: flex;
    justify-content: center;
}
nav.navbar .navMain .navLogo a {
    align-self: center;
    width: 223px;
    height: 40px;
    background: url(https://hrbox.ir/wp-content/themes/Hrbox/img/hrbox-typoW40x.png) 0 0 no-repeat;
}
nav.navbar .navMain .navLinks {
    flex-grow: 5;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    box-sizing: border-box;
    padding-right: 30px;
}
nav.navbar .navMain .navLinks ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    list-style: none;
    padding-right: 0;
    flex-grow: 1;
}
nav.navbar .navMain .navLinks ul li {
    padding: 2px 10px;
}
nav.navbar .navMain .navLinks ul li span {
    cursor: pointer;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid transparent;
    transition: all 0.1s ease-in-out 0.01s;
}
nav.navbar .navMain .navLinks ul li span:hover {
    border: 1px solid #fff;
    border-radius: 10px;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu {
    position: fixed;
    z-index: 4;
    width: 100%;
    right: 0;
    left: 0;
    top: 105px;
    background-color: #fff;
    border-radius: 15px;
    padding: 0 !important;
    overflow: hidden;
    font-size: 17px;
    box-shadow: 0 0.75rem 1.5rem rgba(9, 7, 37, 0.0653682);
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    flex-basis: min-content;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
    margin: 20px 0;
    flex-basis: min-content;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn {
    flex-direction: column;
    flex-basis: min-content;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn li {
    display: block;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn li a {
    display: block;
    padding: 15px;
    font-weight: 700;
    font-size: 16px;
    color: #12699e;
    text-decoration: none;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn li a i {
    margin-left: 5px;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn .megaMenuIn-label-title {
    flex-grow: 0;
    font-weight: 700;
    color: #87888b;
    font-size: 18px;
    margin: 0;
    padding: 0 20px 10px;
    
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn p {
    color: #53565a;
    text-align: justify;
    padding: 5px 20px;
    margin: 0;
    font-size: 14px;
    padding-right: 25px;
    padding-top: 0;
    line-height: 1.8;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li:first-child {
    border: none;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child {
    position: relative;
    flex-grow: 0;
    flex-basis: 300px;
    border: none;
    margin: 0;
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child img {
    position: absolute;
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    z-index: 0;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child .megaMenuIn-image-title {
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    color: #1097d1;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 10px 12px;
    line-height: 1.9;
    margin-top: 10px;
    margin-bottom: 15px;
    flex-grow: 0;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child .megaMenuIn-image-button {
    position: relative;
    z-index: 1;
    padding: 5px 15px;
    font-weight: 700;
    background-color: #fff;
    color: #1097d1;
    border-radius: 7px;
    border: 1px solid #1097d1;
    outline: unset;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child .megaMenuIn-image-button:hover {
    background-color: #1097d1;
    color: #fff;
}
nav.navbar .navMain .navPhone {
    display: flex;
    justify-content: center;
    font-weight: 700;
}
nav.navbar .navMain .navPhone a {
    font-size: 19px;
    color: #1e3363;
    text-decoration: none;
    font-family: IRANYekanXFaNum, sans-serif;
}
nav.navbar .navMain .navSearch {
    position: relative;
}
nav.navbar .navMain .navSearch > i {
    font-size: 25px;
    font-weight: 700;
    color: #08407b;
    cursor: pointer;
    position: relative;
}
nav.navbar .navMain .navBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1em;
}
nav.navbar .navMain .hbtn.btn-tfree,
nav.navbar .navMain .hbtn.hbtn-login {
    padding: 10px 30px;
    border: 1.5px solid #1e3363;
}
nav.navbar .navMain .hbtn.btn-tfree {
    background-color: #1e3363;
}
nav.navbar .navMain .hbtn.hbtn-login {
    background-color: rgba(0, 0, 0, 0);
    color: #1e3363;
}
#srchSubmits {
    position: absolute;
    left: 228px;
    top: 0;
    border: unset;
    outline: unset;
    padding: 10px;
    border-radius: 7px;
    transform: translate(0, -19%);
    color: #12699e;
    font-weight: 900;
    font-size: 29px;
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
    background-color: unset;
    cursor: pointer;
}
.megaMenu-overlay {
    display: none;
    position: fixed;
    top: 100px;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 3;
}
.megaMenu-overlay.trans {
    top: 80px;
}
@keyframes zoomInn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
a.hbtn {
    display: inline-block;
    position: relative;
    z-index: 1;
    font-size: 21px;
    font-family: IRANYekanX, sans-serif;
    font-weight: 500;
    text-decoration: none;
    line-height: 22px;
    color: #fff;
    padding: 25px 40px;
    background-color: #1097d1;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
}
.navHam {
    font-size: 35px;
    display: none;
    text-align: left;
}
.navHam a {
    color: #1e3364;
}
.navHam i {
    position: relative;
    top: 4px;
}
#pushingBox {
    width: 95%;
    margin: 10px 0;
    height: calc(100% - 20px);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 55px 10px 10px 10px;
    overflow-x: hidden;
}
#pushingBox a {
    color: #1e3363;
    text-decoration: none;
}
#pushingBox .navMain form.search-forms {
    width: 100%;
    height: 60px;
    position: absolute;
    right: 0;
    top: 40%;
    transform: translate(0, -50%);
    z-index: 999;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    z-index: 3;
}
#pushingBox .navMain form.search-forms input {
    width: 85%;
    height: 100%;
    font-size: 17px;
    outline: 0;
    padding: 10px 30px;
    box-sizing: border-box;
    border: 2px solid #1097d1;
    background-color: #fff;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    padding-right: 43px;
}
#pushingBox .navMain form.search-forms.open {
    visibility: visible;
    opacity: 1;
}
#pushingBox .navMain form.search-forms .close-searchs {
    position: absolute;
    left: 40px;
    font-size: 35px;
    color: #777;
    cursor: pointer;
    top: 50%;
    transform: translate(0, -40%);
}
#pushingBox .navMain form.search-forms #srchSubmit {
    position: absolute;
    top: 50%;
    transform: translate(0, -40%);
    font-size: 30px;
    background: unset;
    outline: unset;
    right: 30px;
    border: unset;
}
#pushingBox .navMain .navLinks {
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    box-sizing: border-box;
    height: calc(100vh - 280px);
    overflow: scroll;
    scrollbar-width: 0;
}
#pushingBox .navMain .navLinks ul {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
    list-style: none;
    padding-right: 0;
}
#pushingBox .navMain .navLinks ul li {
    padding: 5px 10px;
    margin-top: 20px;
}
#pushingBox .navMain .navLinks ul li button {
    cursor: pointer;
    font-weight: 700;
    padding: 1rem 2rem;
    border: 1px solid transparent;
    transition: all 0.1s ease-in-out 0.01s;
    color: #1e3363;
}
#pushingBox .navMain .navLinks ul li button:hover {
    border: 1px solid #fff;
    border-radius: 10px;
}
#pushingBox .navMain .navLinks ul li .megaMenuIn-label-title {
    flex-grow: 0;
    font-weight: 700;
    color: #87888b;
    font-size: 18px;
    margin: 0;
    padding: 0 20px 10px;
    margin-top: 20px;
}
#pushingBox .navMain .navLinks ul li p {
    color: #53565a;
    text-align: justify;
    padding: 5px 15px;
    margin: 0;
    font-size: 14px;
    padding-right: 25px;
    padding-top: 0;
    line-height: 2;
    margin-bottom: 15px;
}
#pushingBox .navMain .navPhone {
    display: flex;
    justify-content: center;
    font-weight: 700;
    padding: 20px 0;
}
#pushingBox .navMain .navPhone a {
    font-size: 19px;
    color: #1e3363;
    text-decoration: none;
}
#pushingBox .navMain .navBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    column-gap: 1em;
    margin-bottom: 20px;
}
#pushingBox .hbtn.btn-tfree,
#pushingBox .hbtn.hbtn-login {
    padding: 10px 30px;
    border: 1.5px solid #1e3363;
}
#pushingBox .hbtn.btn-tfree {
    background-color: #1e3363;
    color: #fff;
}
#pushingBox .hbtn.hbtn-login {
    background-color: rgba(0, 0, 0, 0);
    color: #1e3363;
}
#pushingBox .navSearch i {
    font-size: 30px;
    font-weight: 700;
    color: #08407b;
    cursor: pointer;
    position: absolute;
    top: 17px;
    right: 15px;
    padding: 7px;
}
#pushingBox .pushingBox-over {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 2;
}
.pushboxClose.bx.bx-x {
    font-size: 45px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 5px;
    padding: 5px;
}
@media screen and (max-width: 1900px) {
    nav.navbar.trans .navLogo a {
        background-size: contain !important;
    }
    nav.navbar.trans .navLinks ul li a {
        color: #1e3363 !important;
    }
    nav.navbar.trans .navLinks ul li a:hover {
        border: 1px solid #1e3363 !important;
    }
    nav.navbar {
        top: 17px;
    }
    nav.navbar .navMain {
        padding: 0 25px;
    }
    nav.navbar .navMain div {
        flex-grow: 1;
    }
    nav.navbar .navMain .navLogo {
        display: flex;
        justify-content: center;
    }
    nav.navbar .navMain .navLogo a {
        width: 180px;
        height: 35px;
        background-size: contain;
    }
    nav.navbar .navMain .navLinks {
        flex-grow: 2;
        font-size: 16px;
        box-sizing: border-box;
        padding-right: 10px;
    }
    nav.navbar .navMain .navLinks ul {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: stretch;
        list-style: none;
        padding-right: 0;
    }
    nav.navbar .navMain .navLinks ul li {
        padding: 5px 5px;
    }
    nav.navbar .navMain .navLinks ul li a {
        text-decoration: none;
        font-weight: 700;
        color: #fff;
        padding: 1rem 2rem;
        border: 1px solid transparent;
        transition: all 0.1s ease-in-out 0.01s;
    }
    nav.navbar .navMain .navLinks ul li a:hover {
        border: 1px solid #fff;
        border-radius: 10px;
    }
    nav.navbar .navMain .navPhone a {
        font-size: 17px;
    }
    nav.navbar .navMain .navBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 1em;
    }
    nav.navbar .navMain .navBtn .navSearch i {
        font-size: 20px;
        top: 0;
    }
    nav.navbar .navMain .hbtn.btn-tfree,
    nav.navbar .navMain .hbtn.hbtn-login {
        padding: 10px 25px;
        border: 1.5px solid #1e3363;
    }
    nav.navbar .navMain .hbtn.btn-tfree {
        background-color: #1e3363;
    }
    nav.navbar .navMain .hbtn.hbtn-login {
        background-color: rgba(0, 0, 0, 0);
        color: #1e3363;
    }
    nav.navbar .navMain form.search-form input {
        width: 180px;
        padding-right: 40px;
    }
    #srchSubmits {
        left: 210px;
    }
    nav.navbar .navMain form.search-form .close-search {
        transform: translate(-20%, -6%);
    }
    nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn li a {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 998px) {
    .navHam a {
        color: #fff;
    }
    nav.navbar .navLinks {
        display: none;
    }
    .navHam {
        display: block;
    }
    nav.navbar .navMain .navBtn {
        display: none;
    }
    nav.navbar .navMain .navPhone {
        display: none;
    }
    nav.navbar .navMain .navLogo {
        justify-content: flex-start;
    }
    nav.navbar .navMain .navSearch {
        display: none;
    }
    #pushingBox .navMain form.search-forms .close-searchs {
        left: 70px;
    }
    #pushingBox .navMain form.search-forms #srchSubmit {
        right: 60px;
    }
}
@media screen and (max-width: 768px) {
    nav.navbar {
        overflow: hidden;
    }
    #pushingBox .navMain form.search-forms .close-searchs {
        left: 55px;
    }
    #pushingBox .navMain form.search-forms #srchSubmit {
        right: 45px;
    }
}
@media screen and (max-width: 576px) {
    #pushingBox .navMain form.search-forms .close-searchs {
        left: 40px;
    }
    #pushingBox .navMain form.search-forms #srchSubmit {
        right: 30px;
    }
}
nav.navbar {
    background-color: #fff;
}
nav.navbar .navMain .navLogo a {
    background: url(https://hrbox.ir/wp-content/themes/Hrbox/img/hrbox-typo40x.png) 0 0 no-repeat;
    background-size: contain;
}
nav.navbar .navMain .navLinks ul li span {
    color: #1e3363;
}
nav.navbar .navMain .navLinks ul li span:hover {
    border: 1px solid #1e3363 !important;
}
@media screen and (max-width: 998px) {
    .navHam a {
        color: #1e3363;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
    }
    30% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3) rotate(-14deg);
    }
    70% {
        opacity: 1;
    }
}
@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3) rotate(-14deg);
    }
    to {
        opacity: 0;
    }
}
@media screen and (max-width: 1440px) {
    .hrIndex a.hbtn {
        font-size: 17px;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .avatar-2,
    .hrIndex .avatar-3,
    .hrIndex .avatar-4,
    .hrIndex .avatar-5,
    .hrIndex .avatar-7 {
        display: none;
    }
}
@media screen and (max-width: 576px) {
    .hrIndex .avatar-2,
    .hrIndex .avatar-3,
    .hrIndex .avatar-4,
    .hrIndex .avatar-5,
    .hrIndex .avatar-7 {
        display: none;
    }
}
@media screen and (max-width: 390px) {
    .hrIndex a.hbtn {
        padding: 20px 30px;
    }
    .hrIndex .avatar-1 {
        display: none;
    }
    .hrIndex .avatar-10 {
        left: 10px;
        top: 45px;
        width: 200px;
        height: 200px;
    }
}
.hrIndex .customers {
    margin-top: -100px;
    position: relative;
    z-index: 2;
    margin-bottom: 5em;
    column-gap: 100px;
}
@media screen and (max-width: 1900px) {
    .hrIndex .customers {
        margin-top: -200px;
    }
}
@media screen and (max-width: 998px) {
    .hrIndex .customers {
        margin-top: 280px !important;
        justify-content: center;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .customers {
        margin-top: 280px !important;
    }
}
.hrIndex .vdSelf {
    max-width: 55%;
}
.hrIndex .videoBox {
    margin-bottom: 80px;
    overflow: hidden;
    background: #17294e;
    background: linear-gradient(180deg, #17294e 37%, #1d445c 62%);
    color: #fff;
    padding-top: 7em !important;
    padding-bottom: 19em !important;
}
@media screen and (max-width: 1900px) {
    .hrIndex section.videoBox > img:nth-child(1) {
        top: -100px !important;
    }
}
@media screen and (max-width: 998px) {
    .hrIndex .vdSelf {
        max-width: unset;
    }
    .hrIndex .videoBox {
        overflow: hidden;
    }
    .hrIndex section.videoBox > img:nth-child(1) {
        top: 0 !important;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .videoBox {
        overflow: hidden;
    }
    .hrIndex section.videoBox > img:nth-child(1) {
        top: 0 !important;
    }
}
.vdSelf {
    cursor: pointer;
}
.vdSelf .vdContainer {
    position: relative;
}
.vdSelf .vdContainer .vdPlayBtn {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-10deg);
    -moz-transform: translate(-50%, -50%) rotate(-10deg);
    -o-transform: translate(-50%, -50%) rotate(-10deg);
    -ms-transform: translate(-50%, -50%) rotate(-10deg);
    transform: translate(-50%, -50%) rotate(-10deg);
    left: 50%;
    width: 80px;
    height: 80px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}
.vdSelf .vdContainer .vdPlayBtn::before {
    content: "";
    display: block;
    left: calc(50% + 2px);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 23px solid #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(10deg);
    -moz-transform: translate(-50%, -50%) rotate(10deg);
    -o-transform: translate(-50%, -50%) rotate(10deg);
    -ms-transform: translate(-50%, -50%) rotate(10deg);
    transform: translate(-50%, -50%) rotate(10deg);
    transition: all 0.5s ease-in-out;
}
.vdSelf .vdContainer:hover .vdPlayBtn {
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) rotate(0);
}
.vdSelf .vdContainer:hover .vdPlayBtn::before {
    transform: translate(-50%, -50%) rotate(0);
}
.vdSelf .vdContainer img {
    -webkit-box-shadow: 0 30px 60px -40px rgba(31, 38, 23, 0.5), 0 70px 100px -60px rgba(31, 38, 23, 0.25);
    box-shadow: 0 30px 60px -40px rgba(31, 38, 23, 0.5), 0 70px 100px -60px rgba(31, 38, 23, 0.25);
    width: 100%;
    border-radius: 15px;
}
@media screen and (max-width: 768px) {
    .vdSelf .vdContainer .vdPlayBtn {
        width: 65px;
        height: 65px;
    }
}
.hrIndex #qregForm {
    position: relative;
    padding: 30px 35px;
    background-color: #fff;
    box-shadow: 12px 12px 50px 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}
.hrIndex #qregForm:after {
    border-radius: 15px 15px 15px 15px;
    width: 101%;
    height: 96%;
    position: absolute;
    content: " ";
    background-color: #181920;
    top: 50%;
    right: 50%;
    z-index: -1;
    -webkit-transform: translate(50%, -50%) rotate(4deg);
    transform: translate(50%, -50%) rotate(4deg);
    opacity: 0.1;
}
@-webkit-keyframes QuickRegister-img-right-box {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}
@keyframes QuickRegister-img-right-box {
    0% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
}
@-webkit-keyframes navigaition-menu {
    0% {
        right: -110%;
    }
    100% {
        right: 0;
    }
}
@keyframes navigaition-menu {
    0% {
        right: -110%;
    }
    100% {
        right: 0;
    }
}
@-webkit-keyframes animaition-close {
    0% {
        right: 0;
    }
    100% {
        right: -110%;
    }
}
@keyframes animaition-close {
    0% {
        right: 0;
    }
    100% {
        right: -110%;
    }
}
@media (min-width: 992px) {
    .background-index {
        display: none !important;
    }
}
@-webkit-keyframes background-index {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.8;
    }
}
@keyframes background-index {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.8;
    }
}
@-webkit-keyframes animaition-close-background-index {
    0% {
        opacity: 0.8;
    }
    100% {
        opacity: 0;
    }
}
@keyframes animaition-close-background-index {
    0% {
        opacity: 0.8;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes egg-left {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: -54px;
        top: -119px;
    }
    50% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        left: -100px;
        top: -125px;
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: -54px;
        top: -119px;
    }
}
@keyframes egg-left {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: -54px;
        top: -119px;
    }
    50% {
        -webkit-transform: rotate(70deg);
        transform: rotate(70deg);
        left: -100px;
        top: -125px;
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: -54px;
        top: -119px;
    }
}
.blogList {
    padding-top: 5em !important;
    padding-bottom: 3em !important;
}
@media screen and (max-width: 998px) {
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 768px) {
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 576px) {
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
}
.contact-box {
    position: relative;
    font-family: IRANYekanX, sans-serif;
    width: 100%;
    background-color: #1e3363;
    background-image: linear-gradient(to right top, #00b8bb, #00a9bd, #0099bc, #0088b6, #1177ad);
    border-radius: 20px;
    padding: 2em 0 5em;
    margin-bottom: 2em;
}
@media screen and (max-width: 998px) {
    .contact-box {
        width: 97%;
        margin-top: 13em;
    }
}
@media screen and (max-width: 768px) {
    .contact-box {
        width: 97%;
    }
}
@media screen and (max-width: 576px) {
    .contact-box {
        width: 97%;
    }
}
.amidBag-1 {
    position: absolute;
    top: 250px;
    right: -50px;
    z-index: -1;
    width: 35%;
    transform: rotate(-60deg);
}
.amidBag-2 {
    position: absolute;
    bottom: 800px;
    left: -100px;
    z-index: -1;
    transform: rotate(-260deg);
    width: 35%;
}
@media screen and (max-width: 1900px) {
    .amidBag-1 {
        right: -250px;
    }
    .amidBag-2 {
        left: -280px;
    }
}
@media screen and (max-width: 1280px) {
    .amidBag-1 {
        right: -200px;
    }
    .amidBag-2 {
        left: -230px;
    }
}
.aSummary {
    position: relative;
    margin-top: 5em;
    margin-bottom: 5em;
    z-index: 1;
}
.aSummary .asWrap img {
    width: 100%;
    padding-left: 20px;
}
.aSummary .asWrap h2 {
    color: #464856;
    font-family: IRANYekanX, sans-serif;
    margin-bottom: 1.2em;
}
.aSummary .asWrap p {
    text-align: justify;
    color: #464856;
    font-size: 17px;
    line-height: 2;
}
.amidBag-4 {
    position: absolute;
    top: 0;
    transform: rotate(80deg) translate(-10%, 0);
    right: 70%;
    width: 30%;
    z-index: -2;
    opacity: 0.6;
}
@media screen and (max-width: 998px) {
    .aSummary .asWrap img {
        padding-left: unset;
    }
}
.hrCalculator .roi {
    margin-top: 9em;
    margin-bottom: 8em;
}
.hrCalculator .roi .roi-wrap .title {
    text-align: center;
    color: #404347;
    font-family: IRANYekanX, serif;
    font-weight: 900;
    font-size: 35px;
    margin: 1em 0 1.2em;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself {
    position: relative;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .row {
    position: relative;
    background-color: #0e99d6;
    background: linear-gradient(100deg, #0e99d6, #1e3363);
    padding: 20px 10px;
    border-radius: 15px;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .row::before {
    content: "";
    position: absolute;
    background-color: rgba(207, 245, 255, 0.8);
    width: 102%;
    height: 102%;
    border-radius: 20px;
    -webkit-transform: rotate(2deg);
    transform: rotate(-2deg);
    margin-top: 6px;
    left: 0;
    z-index: -1;
    top: -5px;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .titles {
    text-align: center;
    color: #fff;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .titles i {
    font-size: 27px;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .titles h5 {
    font-family: IRANYekanX, serif;
    font-size: 20px;
    font-weight: 400;
    margin: 0.7em 0;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap {
    position: relative;
    z-index: 2;
    padding: 0 15px;
    color: #404347;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #87888b;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal {
    display: none;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"] {
    color: #404347;
    background-color: #d6f3ff;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"]::before {
    border: 1px solid #0e99d6;
    transform: translate(-50%, 50%) rotate(0);
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:checked + label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:checked + label[for*="ServiceType"]::after {
    opacity: 1;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceType"] {
    color: #87888b;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe12:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceSubscribe6:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeCloud:disabled + label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap input#ServiceTypeLocal:disabled + label[for*="ServiceType"]::before {
    border: 1px solid #87888b;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceType"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"],
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap label[for*="ServiceType"] {
    position: relative;
    display: block;
    padding: 10px 35px 10px 10px;
    margin: 20px 0;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    line-height: 1.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceType"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap label[for*="ServiceType"]::before {
    content: "";
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 3px;
    border: 1px solid #87888b;
    position: absolute;
    right: 0;
    top: 4px;
    transform: translate(-50%, 50%) rotate(-10deg);
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceType"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]::after,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap label[for*="ServiceType"]::after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: 4px;
    opacity: 0;
    transform: translate(calc(-50% - 4px), calc(50% + 4px));
    background-color: #0e99d6;
    transition: all 0.2s ease-in-out;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]:hover::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceType"]:hover::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]:hover::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-type-wrap .inputs .inputs-wrap label[for*="ServiceType"]:hover::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]:hover::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-subscribe-wrap .inputs .inputs-wrap label[for*="ServiceType"]:hover::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap label[for*="ServiceSubscribe"]:hover::before,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-type .service-type-wrap .inputs .inputs-wrap label[for*="ServiceType"]:hover::before {
    transform: translate(-50%, 50%) rotate(0);
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for="ServiceSubscribe12"] {
    position: relative;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-subscribe .service-subscribe-wrap .inputs .inputs-wrap label[for="ServiceSubscribe12"] span {
	font-family: 'IRANYekanXFaNum', serif;    font-size: 10px;
    font-weight: 900;
    padding: 0.3em 0.5em;
    color: #fff;
    background-color: #0e99d6;
    position: absolute;
    top: 50%;
    left: 7px;
    transform: translateY(-50%);
    border-radius: 5px;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap {
    padding: 0 15px;
    color: #404347;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #87888b;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap input#ServiceCounterNumber {
    -moz-appearance: textfield;
    appearance: textfield;
    font-family: IRANYekanXFaNum, sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #0e99d6;
    padding: 1em;
    width: 100%;
    text-align: center;
    border: unset;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap input#ServiceCounterNumber::-webkit-inner-spin-button,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap input#ServiceCounterNumber::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap input#ServiceCounterNumber:focus,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap input#ServiceCounterNumber:hover {
    outline: unset;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap input#ServiceCounterRange {
    margin: 2em 0;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap label {
    font-family: IRANYekanXFaNum, sans-serif;
    font-size: 15px;
    display: block;
    padding: 1em 0;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result {
    position: relative;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap {
    padding: 0 15px;
    color: #404347;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #87888b;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap .resultHolder {
    position: relative;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap .resultHolder #ServiceResultSpan {
    content: "";
    display: none;
    width: 35%;
    height: 0.1em;
    background-color: #0f93cf;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%) rotate(-3deg);
    animation-name: fadeIn;
    animation-duration: 0.3s;
    animation-timing-function: ease-in;
    opacity: 0.9;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap .resultOffHolder {
    position: relative;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap .resultOffHolder #ServiceResultOff {
    padding-top: 0.5em;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceResult,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceResultOff,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceSupport {
    -moz-appearance: textfield;
    appearance: textfield;
    font-family: IRANYekanXFaNum, sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #0e99d6;
    padding: 0.6em;
    width: 100%;
    text-align: center;
    border: unset;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceResult:disabled,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceResultOff:disabled,
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceSupport:disabled {
    color: #0e99d6;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceResultOff {
    display: none;
    animation-name: fadeIn;
    animation-duration: 0.3s;
    animation-timing-function: ease-in;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap label {
    font-family: IRANYekanXFaNum, sans-serif;
    font-size: 15px;
    display: block;
    padding: 1em 0;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap #ServiceSupportLabel {
    display: none;
    animation-name: fadeIn;
    animation-duration: 0.3s;
    animation-timing-function: ease-in;
    font-family: IRANYekanXFaNum, sans-serif;
    font-size: 15px;
    padding: 1em 0;
}
.hrCalculator .amidBag-roi {
    position: absolute;
    bottom: 0;
    right: 7%;
    width: 22%;
    transform: rotate(10deg);
    z-index: 0;
    opacity: 0.7;
}
.hrCalculator .roi .roi-wrap .calculator .calculator-itself .titles h5 {
    margin-top: 0.5em;
}
.hrCalculator #rossg {
    margin-top: 0.5em;
}
.hrCalculator .supportHolder {
    position: relative;
}
/* @media (min-width: 768px) {
.resultOffHolder .unitToman {
left: 115px !important;
	}} */
.hrCalculator .unitToman {
    position: absolute;
    top: 50%;
    left: 55px;
    transform: translateY(-50%);
    font-family: IRANYekanX, serif;
    font-size: 16px;
    color: #0e99d6;
    display: none;
}
.hrCalculator #ServiceSupportToman {
    left: 85px;
    transform: translateY(-150%);
}
.hrCalculator #ServiceResultOffSpan {
    display: none;
    font-family: IRANYekanX, serif;
    font-size: 13px;
    font-weight: 900;
    padding: 0.2em 0.5em;
    color: #fff;
    background-color: #0e99d6;
    position: absolute;
    bottom: 50%;
    left: 5px;
    border-radius: 5px;
    transform: translateY(50%);
    animation-name: fadeIn;
    animation-duration: 0.3s;
    animation-timing-function: ease-in;
	text-align:center;
}
.hrCalculator [type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    width: 100%;
}
.hrCalculator [type="range"]::-moz-focus-outer {
    border: 0;
}
.hrCalculator [type="range"]:focus {
    outline: 0;
}
.hrCalculator [type="range"]:focus::-webkit-slider-runnable-track {
    background: #f4f6f7;
}
.hrCalculator [type="range"]:focus::-ms-fill-lower {
    background: #ebeef1;
}
.hrCalculator [type="range"]:focus::-ms-fill-upper {
    background: #f4f6f7;
}
.hrCalculator [type="range"]::-webkit-slider-runnable-track {
    cursor: default;
    height: 8px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #ebeef1;
    border: 0 solid #ebeef1;
    border-radius: 99px;
}
.hrCalculator [type="range"]::-webkit-slider-thumb {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #0e99d6;
    border: 0 solid #eceff1;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    height: 20px;
    width: 40px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -6px;
}
.hrCalculator [type="range"]::-moz-range-track {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    cursor: default;
    height: 8px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    background: #ebeef1;
    border: 0 solid #ebeef1;
    border-radius: 10px;
    height: 4px;
}
.hrCalculator [type="range"]::-moz-range-thumb {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #0e99d6;
    border: 0 solid #eceff1;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: default;
    height: 20px;
    width: 40px;
    cursor: pointer;
}
.hrCalculator [type="range"]::-ms-track {
    cursor: default;
    height: 8px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    border-color: transparent;
    border-width: 10px 0;
    color: transparent;
}
.hrCalculator [type="range"]::-ms-fill-lower {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #e2e6eb;
    border: 0 solid #ebeef1;
    border-radius: 198px;
}
.hrCalculator [type="range"]::-ms-fill-upper {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #ebeef1;
    border: 0 solid #ebeef1;
    border-radius: 198px;
}
.hrCalculator [type="range"]::-ms-thumb {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 rgba(13, 13, 13, 0.2);
    background: #0e99d6;
    border: 0 solid #eceff1;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: default;
    height: 20px;
    width: 40px;
    cursor: pointer;
    margin-top: 2px;
}
.hrCalculator [type="range"]:disabled::-moz-range-thumb,
.hrCalculator [type="range"]:disabled::-ms-fill-lower,
.hrCalculator [type="range"]:disabled::-ms-fill-upper,
.hrCalculator [type="range"]:disabled::-ms-thumb,
.hrCalculator [type="range"]:disabled::-webkit-slider-runnable-track,
.hrCalculator [type="range"]:disabled::-webkit-slider-thumb {
    cursor: not-allowed;
}
@media screen and (max-width: 998px) {
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .row {
        margin: 0 auto;
    }
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .titles {
        margin-top: 2em;
    }
    .hrCalculator .amidBag-roi {
        display: none;
    }
    .hrCalculator #rossg {
        margin-top: unset;
    }
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-email input {
        margin: 0 5px;
    }
}
@media screen and (min-width: 768px) {
    .hrCalculator #ServiceResultOffSpan {
left: 13px !important;
    }
}
@media screen and (max-width: 768px) {
    .hrCalculator #ServiceResultOffSpan {
        right: 0;
		bottom:4%;
    }
    .hrCalculator .unitToman {
        left: 16px;
    }
}
@media screen and (max-width: 576px) {
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap input#ServiceCounterNumber {
        font-size: 20px;
    }
    .hrCalculator #ServiceSupportToman {
        left: 55px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1370px) {
    .hrCalculator .roi .roi-wrap .title {
        font-size: 32px;
        margin: 0.7em 0 0.8em;
    }
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .titles i {
        font-size: 20px;
    }
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .titles h5 {
        font-size: 16px;
    }
    .hrCalculator .roi .container {
        max-width: 1180px;
    }
    .hrCalculator .roi .roi-wrap .inputs-wrap {
        font-size: 13px;
    }
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap input#ServiceCounterNumber {
        font-size: 21px;
    }
    .hrCalculator .roi {
        margin-bottom: 2em;
    }
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceResultOff,
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap input#ServiceSupport {
        font-size: 21px;
    }
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-result .service-result-wrap .inputs .inputs-wrap label {
        font-size: 14px;
    }
    .hrCalculator .roi .roi-wrap .calculator .calculator-itself .service-counter .service-counter-wrap .inputs .inputs-wrap label {
        font-size: 14px;
    }
    .hrCalculator .aalways {
        margin-top: 4em;
    }
}
.box-50-one,
.box-50-two {
    padding: 2em 0;
    margin: 6em 0;
    position: relative;
}
.box-50-one .box-50-one-wrap,
.box-50-one .box-50-two-wrap,
.box-50-two .box-50-one-wrap,
.box-50-two .box-50-two-wrap {
    font-size: 16px;
    line-height: 1.9;
    color: #55575a;
}
.box-50-one .box-50-one-wrap img,
.box-50-one .box-50-two-wrap img,
.box-50-two .box-50-one-wrap img,
.box-50-two .box-50-two-wrap img {
    max-width: 100%;
    height: auto;
}
.box-50-one .box-50-one-wrap h2,
.box-50-one .box-50-two-wrap h2,
.box-50-two .box-50-one-wrap h2,
.box-50-two .box-50-two-wrap h2 {
    color: #404347;
    font-family: IRANYekanX, serif;
    font-size: 26px;
    margin: 0 0 1em;
}
.box-50-one .box-50-one-wrap p,
.box-50-one .box-50-two-wrap p,
.box-50-two .box-50-one-wrap p,
.box-50-two .box-50-two-wrap p {
    color: inherit;
    font-size: inherit;
    text-align: justify;
}
.box-50-one .box-50-one-wrap ul,
.box-50-one .box-50-two-wrap ul,
.box-50-two .box-50-one-wrap ul,
.box-50-two .box-50-two-wrap ul {
    padding-right: unset;
    list-style: none;
    font-size: inherit;
    color: inherit;
}
.box-50-one .box-50-one-wrap ul li,
.box-50-one .box-50-two-wrap ul li,
.box-50-two .box-50-one-wrap ul li,
.box-50-two .box-50-two-wrap ul li {
    padding: 0.4em 0;
    padding-right: 20px;
    position: relative;
}
.box-50-one .box-50-one-wrap ul li:before,
.box-50-one .box-50-two-wrap ul li:before,
.box-50-two .box-50-one-wrap ul li:before,
.box-50-two .box-50-two-wrap ul li:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background-color: #0e99d6;
    position: absolute;
    right: 0;
    top: 1em;
    transition: all 0.3s ease-in-out;
}
.box-50-one .box-50-one-wrap ul li:hover:before,
.box-50-one .box-50-two-wrap ul li:hover:before,
.box-50-two .box-50-one-wrap ul li:hover:before,
.box-50-two .box-50-two-wrap ul li:hover:before {
    right: 6px;
}
.box-50-one .box-50-one-wrap .primary-btn,
.box-50-one .box-50-one-wrap .secondary-btn,
.box-50-one .box-50-two-wrap .primary-btn,
.box-50-one .box-50-two-wrap .secondary-btn,
.box-50-two .box-50-one-wrap .primary-btn,
.box-50-two .box-50-one-wrap .secondary-btn,
.box-50-two .box-50-two-wrap .primary-btn,
.box-50-two .box-50-two-wrap .secondary-btn {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 1em 0 1em 1em;
    border-radius: 10px;
    font-family: IRANYekanX, serif;
    font-weight: 600;
}
.box-50-one .box-50-one-wrap .primary-btn,
.box-50-one .box-50-two-wrap .primary-btn,
.box-50-two .box-50-one-wrap .primary-btn,
.box-50-two .box-50-two-wrap .primary-btn {
    color: #fff;
    background-color: #0e99d6;
    border: 2px solid #0e99d6;
}
.box-50-one .box-50-one-wrap .secondary-btn,
.box-50-one .box-50-two-wrap .secondary-btn,
.box-50-two .box-50-one-wrap .secondary-btn,
.box-50-two .box-50-two-wrap .secondary-btn {
    color: #0e99d6;
    border: 2px solid #0e99d6;
    background-color: #fff;
}
.box-50-one .box-50-one-wrap .third-btn,
.box-50-one .box-50-two-wrap .third-btn,
.box-50-two .box-50-one-wrap .third-btn,
.box-50-two .box-50-two-wrap .third-btn {
    display: block;
    font-weight: 700;
    color: #0e99d6;
    font-size: 17px;
    margin: 0.4em 0;
}
.box-50-one .box-50-one-wrap .third-btn i,
.box-50-one .box-50-two-wrap .third-btn i,
.box-50-two .box-50-one-wrap .third-btn i,
.box-50-two .box-50-two-wrap .third-btn i {
    position: relative;
    font-size: 25px;
    top: 0.3em;
    transform: translate(0, 0);
    transition: all 0.2s ease-in-out;
}
.box-50-one .box-50-one-wrap .third-btn:hover i,
.box-50-one .box-50-two-wrap .third-btn:hover i,
.box-50-two .box-50-one-wrap .third-btn:hover i,
.box-50-two .box-50-two-wrap .third-btn:hover i {
    transform: translate(-20%, 0);
}
.box-50-one .box-50-one-wrap .col-12.col-lg-6:last-child,
.box-50-two .box-50-two-wrap .col-12.col-lg-6:last-child {
    align-self: center;
}
@media screen and (min-width: 1200px) and (max-width: 1370px) {
    .box-50-one .col-lg-6 {
        padding-right: 20px;
        padding-left: 20px;
    }
}
.box-50-two .box-50-two-wrap .col-12.col-lg-6:first-child {
    order: 1;
}
@media screen and (max-width: 998px) {
    .box-50-two .box-50-two-wrap .col-12.col-lg-6:first-child {
        order: 0;
    }
}
@media screen and (max-width: 768px) {
    .box-50-two .box-50-two-wrap .col-12.col-lg-6:first-child {
        order: 0;
    }
}
.box-avatar-one,
.box-avatar-two {
    padding: 2em 0;
}
.box-avatar-one .box-avatar-one-wrap .right,
.box-avatar-one .box-avatar-two-wrap .right,
.box-avatar-two .box-avatar-one-wrap .right,
.box-avatar-two .box-avatar-two-wrap .right {
    position: relative;
    line-height: 2;
}
.box-avatar-one .box-avatar-one-wrap .right blockquote,
.box-avatar-one .box-avatar-two-wrap .right blockquote,
.box-avatar-two .box-avatar-one-wrap .right blockquote,
.box-avatar-two .box-avatar-two-wrap .right blockquote {
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #0e99d6;
    font-size: 23px;
    margin-bottom: 1em;
}
.box-avatar-one .box-avatar-one-wrap .right blockquote::after,
.box-avatar-one .box-avatar-one-wrap .right blockquote::before,
.box-avatar-one .box-avatar-two-wrap .right blockquote::after,
.box-avatar-one .box-avatar-two-wrap .right blockquote::before,
.box-avatar-two .box-avatar-one-wrap .right blockquote::after,
.box-avatar-two .box-avatar-one-wrap .right blockquote::before,
.box-avatar-two .box-avatar-two-wrap .right blockquote::after,
.box-avatar-two .box-avatar-two-wrap .right blockquote::before {
    font-family: "times new roman", times, georgia, serif;
    font-weight: 900;
    line-height: 0;
    font-size: 35px;
}
.box-avatar-one .box-avatar-one-wrap .right blockquote::before,
.box-avatar-one .box-avatar-two-wrap .right blockquote::before,
.box-avatar-two .box-avatar-one-wrap .right blockquote::before,
.box-avatar-two .box-avatar-two-wrap .right blockquote::before {
    content: "”";
}
.box-avatar-one .box-avatar-one-wrap .right blockquote::after,
.box-avatar-one .box-avatar-two-wrap .right blockquote::after,
.box-avatar-two .box-avatar-one-wrap .right blockquote::after,
.box-avatar-two .box-avatar-two-wrap .right blockquote::after {
    content: "“";
    position: relative;
    top: 0.1em;
}
.box-avatar-one .box-avatar-one-wrap .right .subtitle,
.box-avatar-one .box-avatar-two-wrap .right .subtitle,
.box-avatar-two .box-avatar-one-wrap .right .subtitle,
.box-avatar-two .box-avatar-two-wrap .right .subtitle {
    color: #87888b;
    font-weight: 400;
    font-size: 20px;
    font-family: IRANYekanX, serif;
    margin-bottom: 1.2em;
}
.box-avatar-one .box-avatar-one-wrap .right .primary-btn,
.box-avatar-one .box-avatar-two-wrap .right .primary-btn,
.box-avatar-two .box-avatar-one-wrap .right .primary-btn,
.box-avatar-two .box-avatar-two-wrap .right .primary-btn {
    color: #fff;
    background-color: #0e99d6;
    background: linear-gradient(-90deg, #1097d1, #143160);
    padding: 0.7em 1em;
    border-radius: 10px;
    font-family: IRANYekanX, serif;
    font-size: 17px;
}
.box-avatar-one .box-avatar-one-wrap .left,
.box-avatar-one .box-avatar-two-wrap .left,
.box-avatar-two .box-avatar-one-wrap .left,
.box-avatar-two .box-avatar-two-wrap .left {
    position: relative;
}
.box-avatar-one .box-avatar-one-wrap .left .imageWrap,
.box-avatar-one .box-avatar-two-wrap .left .imageWrap,
.box-avatar-two .box-avatar-one-wrap .left .imageWrap,
.box-avatar-two .box-avatar-two-wrap .left .imageWrap {
    text-align: center;
    position: relative;
    display: block;
}
.box-avatar-one .box-avatar-one-wrap .left .imageWrap img,
.box-avatar-one .box-avatar-two-wrap .left .imageWrap img,
.box-avatar-two .box-avatar-one-wrap .left .imageWrap img,
.box-avatar-two .box-avatar-two-wrap .left .imageWrap img {
    width: 240px;
    height: auto;
    border-radius: 10px;
}
.box-avatar-one .box-avatar-one-wrap .left .imageWrap::before,
.box-avatar-one .box-avatar-two-wrap .left .imageWrap::before,
.box-avatar-two .box-avatar-one-wrap .left .imageWrap::before,
.box-avatar-two .box-avatar-two-wrap .left .imageWrap::before {
    content: "";
    width: 81%;
    height: 100%;
    display: block;
    background-color: #cff5ff;
    position: absolute;
    border-radius: 10px;
    top: 50%;
    right: 0;
    z-index: -1;
    -webkit-transition: all 0.2s ease-in-out 0.01s;
    transition: all 0.2s ease-in-out 0.01s;
    transform: translate(-12%, -50%) scale(1.05) rotate(-3deg);
}
.box-avatar-one .box-avatar-one-wrap .left .imageWrap:hover::before,
.box-avatar-one .box-avatar-two-wrap .left .imageWrap:hover::before,
.box-avatar-two .box-avatar-one-wrap .left .imageWrap:hover::before,
.box-avatar-two .box-avatar-two-wrap .left .imageWrap:hover::before {
    transform: translate(-12%, -50%) scale(1.05) rotate(-10deg);
}
.box-avatar-two .box-avatar-two-wrap .left {
    order: -1;
}
@media screen and (max-width: 998px) {
    .box-avatar-one .box-avatar-one-wrap .left {
        order: -1;
    }
    .box-avatar-one .box-avatar-one-wrap .left,
    .box-avatar-two .box-avatar-two-wrap .left {
        position: relative;
        bottom: 1.5em;
    }
    .box-avatar-one .box-avatar-one-wrap .left .imageWrap::before,
    .box-avatar-one .box-avatar-two-wrap .left .imageWrap::before,
    .box-avatar-two .box-avatar-one-wrap .left .imageWrap::before,
    .box-avatar-two .box-avatar-two-wrap .left .imageWrap::before {
        width: 36%;
        right: 50%;
        transform: translate(50%, -50%) scale(1.05) rotate(-3deg);
    }
    .box-avatar-one .box-avatar-one-wrap .right,
    .box-avatar-one .box-avatar-two-wrap .right,
    .box-avatar-two .box-avatar-one-wrap .right,
    .box-avatar-two .box-avatar-two-wrap .right {
        text-align: center;
    }
}
@media screen and (max-width: 768px) {
    .box-avatar-one .box-avatar-one-wrap .left .imageWrap::before,
    .box-avatar-one .box-avatar-two-wrap .left .imageWrap::before,
    .box-avatar-two .box-avatar-one-wrap .left .imageWrap::before,
    .box-avatar-two .box-avatar-two-wrap .left .imageWrap::before {
        width: 51%;
        right: 50%;
        transform: translate(50%, -50%) scale(1.05) rotate(-3deg);
    }
}
@media screen and (max-width: 576px) {
    .box-avatar-one .box-avatar-one-wrap .left .imageWrap::before,
    .box-avatar-one .box-avatar-two-wrap .left .imageWrap::before,
    .box-avatar-two .box-avatar-one-wrap .left .imageWrap::before,
    .box-avatar-two .box-avatar-two-wrap .left .imageWrap::before {
        width: 65%;
        right: 50%;
        transform: translate(50%, -50%) scale(1.05) rotate(-3deg);
    }
}
.sub-list-box {
    padding: 8em 0 4em;
    position: relative;
}
.sub-list-box .sub-list-box-wrap h2 {
    text-align: center;
    font-family: IRANYekanX, serif;
    color: #404347;
    font-weight: 900;
    font-size: 35px;
    margin-bottom: 3em;
    position: relative;
    z-index: 1;
}
.sub-list-box .sub-list-box-wrap h2::after {
    content: "";
    width: 450px;
    height: 250px;
    background-image: url(https://hrbox.ir/wp-content/themes/Hrbox/img/mid-bag.webp);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -150px;
    right: 0;
    z-index: -1;
    transform: rotate(10deg);
}
.sub-list-box .sub-list-box-wrap .boxWrap {
    justify-content: center;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box {
    padding: 15px;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper {
    box-shadow: 0 8px 20px 0 rgba(47, 163, 217, 0.2);
    border-radius: 5px;
    padding: 15px;
    color: #404347;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper:hover .icon-container i {
    color: #0e99d6;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper:hover h4 {
    color: #0e99d6;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper:hover a {
    color: #0e99d6;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper:hover a i {
    color: #0e99d6;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper .icon-container i {
    font-size: 40px;
    font-weight: 300;
    transition: all 0.3s ease-in-out;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper h4 {
    font-family: IRANYekanX, serif;
    font-size: 20px;
    margin: 0.7em 0;
    transition: all 0.3s ease-in-out;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper p {
    font-family: iransans, serif;
    font-size: 16px;
    line-height: 1.8;
    margin: 0.4em 0;
    color: #87888b;
    transition: all 0.3s ease-in-out;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper a {
    display: inline-block;
    font-family: IRANYekanX, serif;
    font-weight: 700;
    font-size: 17px;
    padding: 0.8em 1em;
    padding-right: unset;
    color: inherit;
    transition: all 0.3s ease-in-out;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper a i {
    font-size: 25px;
    position: relative;
    top: 0.25em;
    margin-right: 0.1em;
    transform: translate(0, 0);
    transition: all 0.3s ease-in-out;
}
.sub-list-box .sub-list-box-wrap .boxWrap .box .boxWrapper a:hover i {
    transform: translate(-20%, 0);
}
.amidBag-slist {
    position: absolute;
    width: 40%;
    left: 0;
    top: -5%;
    transform: translateX(50%) rotate(200deg);
    opacity: 0.7;
    z-index: -1;
}
@media screen and (max-width: 998px) {
    .amidBag-slist {
        width: 70%;
        top: 10px;
        left: -10%;
    }
}
.videoBox {
    position: relative;
    padding-top: 5em;
    padding-bottom: 7em;
}
.videoBox .videoBoxWrap {
    text-align: center;
}
.videoBox .videoBoxWrap h2,
.videoBox .videoBoxWrap span {
    line-height: 1.7;
}
.videoBox .videoBoxWrap h2 {
    position: relative;
    font-family: IRANYekanX, serif;
    color: #404347;
    font-weight: 900;
    font-size: 40px;
    margin-bottom: 0.4em;
}
.videoBox .videoBoxWrap h2::after {
    content: "";
    width: 450px;
    height: 200px;
    background-image: url(https://hrbox.ir/wp-content/themes/Hrbox/img/mid-bag.webp);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: -150px;
    left: 0;
    z-index: -1;
    transform: rotate(-180deg);
}
.videoBox .videoBoxWrap span {
    display: block;
    font-family: iransans, serif;
    color: #87888b;
    font-size: 19px;
    margin-bottom: 3em;
}
.videoBox .videoBoxWrap .vdSelf {
    width: 75%;
    margin: 0 auto;
}
.videoBox .videoBoxWrap .primary-btn {
    color: #fff;
    background-color: #0e99d6;
    background: linear-gradient(-90deg, #1097d1, #143160);
    border-radius: 10px;
    font-family: IRANYekanX, serif;
    font-size: 17px;
    padding: 0.9em 1em;
    margin-top: 3em;
}
.amidBag-vbox {
    position: absolute;
    width: 40%;
    right: 40%;
    top: -15%;
    transform: translateX(50%);
    opacity: 0.7;
    z-index: -1;
}
@media screen and (max-width: 1280px) {
    .amidBag-vbox {
        display: none;
    }
    .amidBag-slist {
        display: none;
    }
}
@media screen and (max-width: 998px) {
    .amidBag-vbox {
        width: 70%;
        right: 60%;
    }
}
@media screen and (max-width: 768px) {
    .videoBox .videoBoxWrap .vdSelf {
        width: 100%;
    }
}
@media screen and (max-width: 576px) {
    .videoBox .videoBoxWrap h2 {
        font-size: 30px;
    }
    .videoBox .videoBoxWrap span {
        font-size: 17px;
    }
}
.main-content {
    margin-top: 4em;
    padding-right: 10px;
    padding-left: 10px;
}
.top-title-box {
    margin-top: 4em;
}
.top-title-box .breadcrumb {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f7f7f7;
}
.top-title-box .breadcrumb ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.9em;
    color: #464856;
    padding: 7px;
    border-radius: 10px;
    background: #fff;
    -webkit-transition: all 0.09s ease-in-out 0.01s;
    transition: all 0.09s ease-in-out 0.01s;
}
.top-title-box .breadcrumb ul li strong {
    color: #464856;
}
.top-title-box .breadcrumb ul li.separator {
    opacity: 0.5;
    background: rgba(0, 0, 0, 0);
}
.top-title-box .breadcrumb ul li.separator:hover {
    opacity: 0.5;
    background: rgba(0, 0, 0, 0);
}
.top-title-box .breadcrumb ul li:hover {
    background: #f7f7f7;
}
.top-title-box .breadcrumb ul li:last-child {
    cursor: context-menu;
}
.top-title-box .breadcrumb .separator i {
    font-size: 20px;
}
.top-title-box .title-content,
.top-title-box h1 {
    color: #181920;
    line-height: 2.1;
    font-size: 1.8em;
}
.top-title-box .title-content a,
.top-title-box h1 a {
    color: inherit;
}
@media screen and (max-width: 998px) {
    .breadcrumb {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 0;
        opacity: 0.6;
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #f7f7f7;
        width: 100%;
        overflow: scroll;
    }
    .breadcrumb ul {
        white-space: nowrap;
    }
    .top-title-box {
        margin-top: unset;
    }
}
@media screen and (max-width: 768px) {
    .image-detail .id-detail ul {
        padding-right: 0;
        justify-content: center;
        row-gap: 0.7em;
        column-gap: 0.5em;
    }
}
.image-detail .id-image img,
.image-detail .id-image video {
    width: 100%;
    min-height: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.5);
}
.image-detail .id-detail ul {
    list-style: none;
    justify-content: flex-end;
    padding-right: unset;
}
.image-detail .id-detail ul li {
    line-height: 2;
    color: #868b97;
}
.image-detail .id-detail ul li a {
    color: inherit;
}
.main-content article {
    position: relative;
    line-height: 2.1;
    color: #181920;
    font-size: 16px;
    text-align: justify;
    font-weight: 300;
}
.main-content article h1,
.main-content article h2 {
    position: relative;
    margin: 40px 10px 15px 0;
    color: #464856;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 2;
    padding-right: 25px;
}
.main-content article h1:before,
.main-content article h2:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 5px;
    z-index: -1;
    right: -8px;
    top: 10px;
    transform: rotate(-13deg);
    transition: all 0.5s ease-in-out;
    border: 3px solid #1e3363;
}
.main-content article h1:hover:before,
.main-content article h2:hover:before {
    transform: rotate(0);
}
.main-content article h3,
.main-content article h4,
.main-content article h5,
.main-content article h6 {
    color: #464856;
    font-size: 1.3em;
    font-weight: 700;
    margin: 30px 10px 15px 0;
    line-height: 2;
}
.main-content article p a {
    color: #0e99d6;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}
.main-content article p a:hover {
    color: #1a1b26;
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
.main-content article img {
    border-radius: 10px 10px 10px 10px;
    width: 100%;
    height: auto;
}
.main-content article blockquote {
    quotes: none;
    margin: 0;
    margin-top: 20px;
    margin-bottom: 27px;
    padding: 10px 25px;
    position: relative;
    border-radius: 9px;
    border: 1px solid #0e99d6;
    background-color: #d9f3ff;
    color: #1e3363;
    font-size: 17px;
    display: table;
    width: 100%;
    min-width: 100%;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.main-content article blockquote p {
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-size: 1.35em;
}
.main-content article blockquote:hover {
    background-color: #ccefff;
    border: 1px solid #1e3363;
}
.main-content article ul {
    list-style: none;
    margin-bottom: 27px;
    line-height: 2.58;
    color: #646464;
    padding-right: 0;
}
.main-content article ul li {
    position: relative;
    padding-right: 31px;
}
.main-content article ul li:before {
    content: "";
    position: absolute;
    top: 10px;
    right: 2px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='12px' height='12px' viewBox='0 0 442.533 442.533'%3E%3Cpath d='M434.539,98.499l-38.828-38.828c-5.324-5.328-11.799-7.993-19.41-7.993c-7.618,0-14.093,2.665-19.417,7.993L169.59,247.248 l-83.939-84.225c-5.33-5.33-11.801-7.992-19.412-7.992c-7.616,0-14.087,2.662-19.417,7.992L7.994,201.852 C2.664,207.181,0,213.654,0,221.269c0,7.609,2.664,14.088,7.994,19.416l103.351,103.349l38.831,38.828 c5.327,5.332,11.8,7.994,19.414,7.994c7.611,0,14.084-2.669,19.414-7.994l38.83-38.828L434.539,137.33 c5.325-5.33,7.994-11.802,7.994-19.417C442.537,110.302,439.864,103.829,434.539,98.499z'/%3E%3C/svg%3E%0A");
    width: 18px;
    height: 18px;
    background-color: #d9f3ff;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-10deg);
    transition: all 0.4s ease-in-out;
}
.main-content article ul li:hover:before {
    transform: rotate(0);
}
.tags {
    margin: 4em 0;
    width: 100%;
    padding: 10px;
}
.tags ul {
    display: flex;
    flex-flow: row wrap;
    list-style: none;
    padding-right: 0;
    row-gap: 1.8em;
}
.tags ul li {
    margin-left: 20px;
    transition: all 0.3s ease-out;
}
.tags ul li a {
    padding: 5px 10px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 1em;
    background-color: #d9f3ff;
}
.tags ul li:hover {
    transform: translateY(-4px);
}
@media screen and (max-width: 576px) {
    .search-btn.pure-u-md-auto.pure-u-1-3 {
        width: 100%;
    }
}
.about {
    margin-top: 5em;
    margin-bottom: 5em;
}
.about .container article {
    border-radius: 20px;
    border: 1px solid #444;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
}
.about .container article a img {
    width: 150px;
    height: auto;
}
.about .container article p {
    font-size: 18px;
    line-height: 1.9;
    color: #6b7d93;
    text-align: justify;
}
@media screen and (max-width: 768px) {
    .about .container article {
        flex-direction: column;
    }
}
.description {
    padding: 1em 0;
}
.hrCustomers header {
    padding-bottom: 70px;
    padding-top: 150px;
    background-color: #ebf9ff;
}
.hrCustomers header .customers {
    position: relative;
}
.hrCustomers header .customers .headerWrap .headerTitles {
    display: block;
    text-align: center;
    padding-top: 1px;
}
.hrCustomers header .customers .headerWrap .headerTitles h1 {
    font-family: IRANYekanX, serif;
    color: #0e99d6;
    font-size: 55px;
    font-weight: 900;
    margin: 0.7em 0 15px;
    text-shadow: 0 10px 8px rgba(0, 0, 0, 0.239);
}
.hrCustomers header .customers .headerWrap .headerTitles h2 {
    font-family: IRANYekanX, serif;
    font-size: 30px;
    color: #404347;
    text-shadow: 0 10px 8px rgba(0, 0, 0, 0.239);
}
@keyframes brandZooming {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    80% {
        opacity: 1;
    }
}
.error-text {
    display: block;
    text-align: center;
    margin-top: 3em;
    margin-bottom: 180px;
    position: relative;
    z-index: 1;
}
.error-text p {
    font-size: 17px;
    line-height: 2;
}
.error-text p:first-child {
    font-weight: 700;
}
.aalways {
    position: relative;
    z-index: 1;
    margin-top: 7em;
    margin-bottom: 5em;
}
.aalways .aasBox {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.aalways .aasBox a {
    text-decoration: none;
}
.aalways .aasBox a p {
    background: #ffd800;
    background: radial-gradient(circle, #0f95ce 0, #0f95ce 100%);
    -webkit-box-shadow: inset 0 5px 20px 0 #cff5ff;
    box-shadow: inset 0 5px 20px 0 #cff5ff;
    line-height: 1.8;
    padding: 15px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    font-size: 2em;
    font-weight: 900;
    -webkit-transition: all 0.6s ease-in-out 0.01s;
    transition: all 0.6s ease-in-out 0.01s;
    font-family: IRANYekanX, serif;
}
.aalways .aasBox:before {
    content: "";
    position: absolute;
    background-color: rgba(207, 245, 255, 0.8);
    width: 100%;
    height: 100%;
    border-radius: 20px;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    margin-top: 6px;
    left: 0;
    z-index: -1;
}
.aalways .aasBox:after {
    content: "";
    position: absolute;
    background-color: rgba(19, 1, 1, 0.969);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    opacity: 0.9;
    width: 70%;
    height: 2px;
    bottom: -60px;
}
.aalways .aasBox:hover a p {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
@media screen and (max-width: 768px) {
    .aalways .aasBox a p {
        font-size: 1.5em;
    }
}
.hrIndex .customers {
    margin-top: -100px;
    position: relative;
    z-index: 2;
    margin-bottom: 5em;
    column-gap: 100px;
}
@media screen and (max-width: 1900px) {
    .hrIndex .customers {
        margin-top: -200px;
    }
}
@media screen and (max-width: 998px) {
    .hrIndex .customers {
        margin-top: 280px !important;
        justify-content: center;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .customers {
        margin-top: 280px !important;
    }
}
.contact-main-box {
    margin-top: 3em;
    position: relative;
    margin-bottom: 5em;
    width: 100%;
}
.contact-main-box .cmbWrap {
    box-shadow: 12px 12px 50px 10px rgba(0, 0, 0, 0.2);
    padding: 0;
    border-radius: 20px;
    background-color: #fff;
}
.contact-main-box .cmbWrap .cmbRight {
    padding: 20px;
    align-self: center;
}
.contact-main-box .cmbWrap .cmbRight .cmbrHead {
    padding-top: 15px;
    padding-right: 35px;
    font-size: 32px;
    margin-bottom: 10px;
    color: #12699e;
}
.contact-main-box .cmbWrap .cmbRight .cmbrHead i {
    display: inline;
    position: relative;
    top: 5px;
}
.contact-main-box .cmbWrap .cmbRight .cmbrHead h5 {
    display: inline;
}
.contact-main-box .cmbWrap .cmbRight #qregForm {
    position: relative;
    padding: 30px 35px;
    background-color: #fff;
    border-radius: 10px;
}
.contact-main-box .cmbWrap .cmbLeft {
    border-radius: 20px;
    padding: 45px;
    background: #12699e;
    background: linear-gradient(16deg, #12699e 0, #0f95ce 100%);
}
.contact-main-box .cmbWrap .cmbLeft .cmblHead {
    padding-right: 5px;
    font-size: 32px;
    margin-bottom: 10px;
    color: #fff;
}
.contact-main-box .cmbWrap .cmbLeft .cmblHead i {
    display: inline;
    font-size: 35px;
    position: relative;
    top: 5px;
}
.contact-main-box .cmbWrap .cmbLeft .cmblHead h5 {
    display: inline;
}
.contact-main-box .cmbWrap .cmbLeft p {
    color: #fff;
    font-size: 17px;
    margin-top: 30px;
    line-height: 2;
    padding: 0 10px;
}
.contact-main-box .cmbWrap .cmbLeft .cmblPhones {
    padding-top: 5px;
    font-family: IRANYekanXFaNum, sans-serif;
    justify-content: center;
}
.contact-main-box .cmbWrap .cmbLeft .cmblPhones div {
    text-align: center;
    display: flex;
    justify-content: center;
}
.contact-main-box .cmbWrap .cmbLeft .cmblPhones div a {
    text-decoration: none;
    color: #444;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 30px;
    font-size: 20px;
    font-weight: 700;
    display: block;
    width: 90%;
}
.contact-main-box .cmbWrap .cmbLeft .cmblShare {
    border-radius: 20px;
    margin-top: 35px;
    background: rgba(255, 255, 255, 0.561);
    padding: 5px;
    text-align: center;
}
.contact-main-box .cmbWrap .cmbLeft .cmblShare ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    padding-right: 0;
    flex-wrap: wrap;
    row-gap: 0.7em;
}
.contact-main-box .cmbWrap .cmbLeft .cmblShare ul li a {
    color: #fff;
    background-color: #0091b9;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.contact-main-box .cmbWrap .cmbLeft .cmblShare ul li a svg {
    display: inline;
    width: 25px;
    fill: #fff;
    padding-left: 5px;
}
.contact-main-box .cmbWrap .cmbLeft .cmblShare ul li a i {
    font-size: 20px;
    padding-left: 5px;
}
.contact-main-box .cmbWrap .cmbLeft .cmblShare ul li a span {
    font-size: 16px;
}
.contact-main-box .cmbWrap .cmbLeft .cmblShare ul li:nth-child(2) a {
    background-color: #ed145b;
}
@media screen and (max-width: 998px) {
    .contact-main-box .cmbWrap .cmbLeft .cmblPhones div a {
        margin-top: 15px;
    }
    .contact-main-box .cmbWrap .cmbLeft .cmblShare ul {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .contact-main-box .cmbWrap .cmbLeft {
        border-radius: 20px;
        padding: 45px;
        background: #12699e;
        background: linear-gradient(16deg, #12699e 0, #0f95ce 100%);
        margin: 0 5px;
    }
    .contact-main-box .cmbWrap .cmbLeft .cmblHead,
    .contact-main-box .cmbWrap .cmbLeft p {
        padding-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .contact-main-box .cmbWrap .cmbRight .cmbrHead {
        padding-top: 15px;
        padding-right: 35px;
        font-size: 32px;
        margin-bottom: 10px;
        color: #12699e;
        line-height: 1.5;
    }
    .contact-main-box .cmbWrap .cmbLeft .cmblShare ul li {
        flex-basis: 95%;
    }
}
.blogList {
    padding-top: 5em !important;
    padding-bottom: 3em !important;
}
@media screen and (max-width: 998px) {
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 768px) {
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 576px) {
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
}
.litter.container {
    margin-bottom: 0;
    margin-top: 50px;
    border-top: 1px solid #eee;
}
.linkdooni {
    padding-right: 2em;
}
.fitCall span a {
    color: #848997;
    font-size: 15px;
    line-height: 2.1;
}
.footer-titles {
    font-weight: 700;
    font-size: 20px;
    font-family: IRANYekanX, serif;
    margin: 30px 0;
    display: block;
}
footer.fitOne {
    background: #fafbfb;
    background: linear-gradient(180deg, #fff 0, #d9f3ff 100%, #00d4ff 100%);
    font-size: 16px;
    line-height: 1.9;
    position: relative;
}
footer.fitOne i {
    color: #888;
}
footer.fitOne h3 {
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    padding: 0;
    font-family: IRANYekanX, serif;
}
footer.fitOne h2 {
    font-size: 22px;
    font-family: IRANYekanX, serif;
    margin-bottom: 30px;
}
footer.fitOne h5 {
    font-weight: 700;
    font-size: 20px;
    font-family: IRANYekanX, serif;
    margin-bottom: 30px;
}
footer.fitOne span.fitAddress {
    display: block;
    margin: 30px auto 40px;
}
footer.fitOne .fitCredit {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    row-gap: 20px;
    margin-top: 50px;
    flex-wrap: wrap;
}
footer.fitOne .fitCredit a {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 25px;
}
footer.fitOne .fitCredit a img {
    max-width: 90px;
}
footer.fitOne .fitCopyright {
    display: flex;
    font-size: 16px;
    text-align: center;
    padding: 65px 0 2em;
    color: #5b5c63;
    justify-content: center;
    column-gap: 3em;
    row-gap: 2em;
}
footer.fitOne .fitWrap {
    column-gap: 30px;
}
footer.fitOne .fitWrap .fitCall {
    line-height: 3;
}
footer.fitOne .fitWrap .fitCall i {
    margin-left: 5px;
}
footer.fitOne .fitWrap .fitCol1 p {
    width: 250px;
    text-align: justify;
}
footer.fitOne .fitWrap .fitCol3 {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    margin-top: 50px;
    padding-right: 15px;
}
footer.fitOne .fitWrap .fitCol3 span a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
}
footer.fitOne .fitWrap .fitCol4 {
    padding-right: 55px;
}
footer.fitOne .fitSocial {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    column-gap: 10px;
}
footer.fitOne .fitSocial a {
    color: #000;
    font-size: 25px;
    flex-grow: 1;
    text-align: center;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transform: rotate(-10deg) scale(1);
}
footer.fitOne .fitSocial a:hover {
    transform: rotate(0) scale(1.1);
}
footer.fitOne .fitSocial a i {
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    transition: all 0.2s ease-in-out 0.01s;
}
footer.fitOne .fitSocial a i.youtube {
    background-color: #f70000;
}
footer.fitOne .fitSocial a i.instagram {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}
footer.fitOne .fitSocial a i.telegram {
    background-color: #2fa3d9;
}
footer.fitOne .fitSocial a i.whatsapp {
    background-color: #03bb00;
}
.fitNewsLetter form {
    position: relative;
}
.fitNewsLetter form input[type="email"] {
    padding: 10px 15px;
    border-radius: 10px;
    width: 100%;
    line-height: 1.7;
}
.fitNewsLetter form input[type="submit"] {
    position: absolute;
    padding: 10px;
    font-family: IRANYekanX, serif;
    background-color: #1e3363;
    color: #fff;
    border: none;
    border-radius: 5px;
    left: 7px;
    top: 5px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.fitNewsLetter form input[type="submit"]:hover {
    background-color: #0e99d6;
}
@media screen and (max-width: 1900px) {
    footer.fitOne .fitCredit a img {
        max-width: 70px;
    }
    .fitCopyright span {
        font-size: 14px;
    }
    footer.fitOne .fitCopyright {
        padding: 2em 0 1.5em;
    }
    footer.fitOne span.fitAddress {
        margin: 30px auto 20px;
    }
    footer.fitOne .fitCredit {
        margin-top: 25px;
    }
}
@media screen and (max-width: 998px) {
    .fitCol1 {
        display: flex;
        flex-flow: column wrap;
        align-content: center;
    }
    .fitCol2,
    .fitCol3 {
        padding-right: 6em !important;
    }
    .fitCol4 {
        padding-right: 5px !important;
    }
    .fitCol3 {
        width: 30%;
    }
    footer.fitOne .fitWrap .fitCol1 p {
        width: 500px;
    }
    .linkdooni {
        padding-right: 0;
    }
    footer.fitOne .fitSocial a {
        flex-grow: 0.1;
    }
}
@media screen and (max-width: 768px) {
    .fitCol1 {
        display: flex;
        flex-flow: column wrap;
        align-content: center;
    }
    .fitCol2,
    .fitCol3 {
        padding-right: 0 !important;
    }
    .fitCol4 {
        padding-right: 5px !important;
    }
    .fitCol3 {
        width: 30%;
    }
    footer.fitOne .fitWrap .fitCol1 p {
        width: 350px;
    }
    .linkdooni {
        padding-right: 2em;
    }
    footer.fitOne .fitCopyright {
        flex-flow: column wrap;
    }
}
@media screen and (max-width: 576px) {
    footer.fitOne .fitWrap .fitCol1 p {
        width: 300px;
    }
    footer.fitOne .fitCredit a {
        margin: 0 10px;
    }
}
@media screen and (max-width: 420px) {
    footer.fitOne .fitCredit a {
        margin: 0 5px;
    }
}
.hrIndex nav.navbar {
    background-color: rgba(0, 0, 0, 0);
}
.hrIndex nav.navbar {
    position: absolute;
    top: 20px;
    z-index: 4;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0.01s;
}
.hrIndex nav.navbar .navMain {
    padding: 0 54px;
    position: relative;
}
.hrIndex nav.navbar .navMain div {
    flex-grow: 1;
}
.hrIndex nav.navbar .navMain form.search-form {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}
.hrIndex nav.navbar .navMain form.search-form input {
    width: 200px;
    height: 40px;
    font-size: 17px;
    outline: 0;
    border: 2px solid #108bc3;
    padding-left: 45px;
    border-radius: 8px;
    transform: translate(85%, -20%);
    padding-right: 40px;
    box-sizing: content-box;
}
.hrIndex nav.navbar .navMain form.search-form.open {
    visibility: visible;
    opacity: 1;
}
.hrIndex nav.navbar .navMain form.search-form .close-search {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 35px;
    color: #777;
    cursor: pointer;
    transform: translate(-20%, -5%);
}
.hrIndex nav.navbar .navMain .navLogo {
    display: flex;
    justify-content: center;
}
.hrIndex nav.navbar .navMain .navLogo a {
    align-self: center;
    width: 223px;
    height: 40px;
    background: url(https://hrbox.ir/wp-content/themes/Hrbox/img/hrbox-typoW40x.png) 0 0 no-repeat;
}
.hrIndex nav.navbar .navMain .navLinks {
    flex-grow: 5;
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    box-sizing: border-box;
    padding-right: 30px;
}
.hrIndex nav.navbar .navMain .navLinks ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    list-style: none;
    padding-right: 0;
    flex-grow: 1;
}
.hrIndex nav.navbar .navMain .navLinks ul li {
    padding: 2px 10px;
}
.hrIndex nav.navbar .navMain .navLinks ul li span {
    cursor: pointer;
    font-weight: 700;
    color: #fff;
    padding: 10px 20px;
    border: 1px solid transparent;
    transition: all 0.1s ease-in-out 0.01s;
}
.hrIndex nav.navbar .navMain .navLinks ul li span:hover {
    border: 1px solid #fff !important;
    border-radius: 10px;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu {
    position: fixed;
    z-index: 4;
    width: 100%;
    right: 0;
    left: 0;
    top: 105px;
    background-color: #fff;
    border-radius: 15px;
    padding: 0 !important;
    overflow: hidden;
    font-size: 17px;
    box-shadow: 0 0.75rem 1.5rem rgba(9, 7, 37, 0.0653682);
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    flex-basis: min-content;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
    margin: 20px 0;
    flex-basis: min-content;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn {
    flex-direction: column;
    flex-basis: min-content;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn li {
    display: block;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn li a {
    display: block;
    padding: 15px;
    font-weight: 700;
    font-size: 16px;
    color: #12699e;
    text-decoration: none;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn li a i {
    margin-left: 5px;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn .megaMenuIn-label-title {
    flex-grow: 0;
    font-weight: 700;
    color: #87888b;
    font-size: 18px;
    margin: 0;
    padding: 0 20px 10px;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn p {
    color: #53565a;
    text-align: justify;
    padding: 5px 20px;
    margin: 0;
    font-size: 14px;
    padding-right: 25px;
    padding-top: 0;
    line-height: 1.8;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li:first-child {
    border: none;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child {
    position: relative;
    flex-grow: 0;
    flex-basis: 300px;
    border: none;
    margin: 0;
    padding: 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child img {
    position: absolute;
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    z-index: 0;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child .megaMenuIn-image-title {
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    color: #1097d1;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 10px 12px;
    line-height: 1.9;
    margin-top: 10px;
    margin-bottom: 15px;
    flex-grow: 0;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child .megaMenuIn-image-button {
    position: relative;
    z-index: 1;
    padding: 5px 15px;
    font-weight: 700;
    background-color: #fff;
    color: #1097d1;
    border-radius: 7px;
    border: 1px solid #1097d1;
    outline: unset;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li:last-child .megaMenuIn-image-button:hover {
    background-color: #1097d1;
    color: #fff;
}
.hrIndex nav.navbar .navMain .navPhone {
    display: flex;
    justify-content: center;
    font-weight: 700;
}
.hrIndex nav.navbar .navMain .navPhone a {
    font-size: 19px;
    color: #1e3363;
    text-decoration: none;
}
.hrIndex nav.navbar .navMain .navSearch {
    position: relative;
}
.hrIndex nav.navbar .navMain .navSearch > i {
    font-size: 25px;
    font-weight: 700;
    color: #08407b;
    cursor: pointer;
    position: relative;
}
.hrIndex nav.navbar .navMain .navBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1em;
}
.hrIndex nav.navbar .navMain .hbtn.btn-tfree,
.hrIndex nav.navbar .navMain .hbtn.hbtn-login {
    padding: 10px 30px;
    border: 1.5px solid #1e3363;
}
.hrIndex nav.navbar .navMain .hbtn.btn-tfree {
    background-color: #1e3363;
}
.hrIndex nav.navbar .navMain .hbtn.hbtn-login {
    background-color: rgba(0, 0, 0, 0);
    color: #1e3363;
}
.hrIndex nav.navbar.trans {
    position: fixed;
    top: 0;
    background-color: #fff;
    border-bottom: 1px solid #1e3363;
    box-shadow: 2px 3px 50px rgba(5, 5, 5, 0.11);
}
.hrIndex nav.navbar.trans .navLogo a {
    background: url(https://hrbox.ir/wp-content/themes/Hrbox/img/hrbox-typo40x.png) 0 0 no-repeat !important;
}
.hrIndex nav.navbar.trans .navLinks ul li span {
    color: #1e3363 !important;
}
.hrIndex nav.navbar.trans .navLinks ul li span:hover {
    border: 1px solid #1e3363 !important;
}
.hrIndex nav.navbar.trans .navHam a {
    color: #1e3363;
}
@media screen and (max-width: 1900px) {
    .hrIndex nav.navbar.trans .navLogo a {
        background-size: contain !important;
    }
    .hrIndex nav.navbar.trans .navLinks ul li a {
        color: #1e3363 !important;
    }
    .hrIndex nav.navbar.trans .navLinks ul li a:hover {
        border: 1px solid #1e3363 !important;
    }
    .hrIndex nav.navbar {
        top: 17px;
    }
    .hrIndex nav.navbar .navMain {
        padding: 0 25px;
    }
    .hrIndex nav.navbar .navMain div {
        flex-grow: 1;
    }
    .hrIndex nav.navbar .navMain .navLogo {
        display: flex;
        justify-content: center;
    }
    .hrIndex nav.navbar .navMain .navLogo a {
        width: 180px;
        height: 35px;
        background-size: contain;
    }
    .hrIndex nav.navbar .navMain .navLinks {
        flex-grow: 2;
        font-size: 16px;
        box-sizing: border-box;
        padding-right: 10px;
    }
    .hrIndex nav.navbar .navMain .navLinks ul {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: stretch;
        list-style: none;
        padding-right: 0;
    }
    .hrIndex nav.navbar .navMain .navLinks ul li {
        padding: 5px 5px;
    }
    .hrIndex nav.navbar .navMain .navLinks ul li a {
        text-decoration: none;
        font-weight: 700;
        color: #fff;
        padding: 1rem 2rem;
        border: 1px solid transparent;
        transition: all 0.1s ease-in-out 0.01s;
    }
    .hrIndex nav.navbar .navMain .navLinks ul li a:hover {
        border: 1px solid #fff;
        border-radius: 10px;
    }
    .hrIndex nav.navbar .navMain .navPhone a {
        font-size: 17px;
    }
    .hrIndex nav.navbar .navMain .navBtn {
        display: flex;
        align-items: center;
        justify-content: center;
        column-gap: 1em;
    }
    .hrIndex nav.navbar .navMain .navBtn .navSearch i {
        font-size: 20px;
        top: 0;
    }
    .hrIndex nav.navbar .navMain .hbtn.btn-tfree,
    .hrIndex nav.navbar .navMain .hbtn.hbtn-login {
        padding: 10px 25px;
        border: 1.5px solid #1e3363;
    }
    .hrIndex nav.navbar .navMain .hbtn.btn-tfree {
        background-color: #1e3363;
    }
    .hrIndex nav.navbar .navMain .hbtn.hbtn-login {
        background-color: rgba(0, 0, 0, 0);
        color: #1e3363;
    }
    .hrIndex nav.navbar .navMain form.search-form input {
        width: 180px;
        padding-right: 40px;
    }
    .hrIndex #srchSubmits {
        left: 210px;
    }
    .hrIndex nav.navbar .navMain form.search-form .close-search {
        transform: translate(-20%, -6%);
    }
    .hrIndex nav.navbar .navMain .navLinks ul li ul.megaMenu > li ul.megaMenuIn li a {
        padding: 10px 15px;
    }
}
@media screen and (max-width: 998px) {
    .hrIndex .navHam a {
        color: #fff;
    }
    .hrIndex nav.navbar .navLinks {
        display: none;
    }
    .hrIndex .navHam {
        display: block;
    }
    .hrIndex nav.navbar .navMain .navBtn {
        display: none;
    }
    .hrIndex nav.navbar .navMain .navPhone {
        display: none;
    }
    .hrIndex nav.navbar .navMain .navLogo {
        justify-content: flex-start;
    }
    .hrIndex nav.navbar .navMain .navSearch {
        display: none;
    }
    .hrIndex #pushingBox .navMain form.search-forms .close-searchs {
        left: 70px;
    }
    .hrIndex #pushingBox .navMain form.search-forms #srchSubmit {
        right: 60px;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex nav.navbar {
        overflow: hidden;
    }
    .hrIndex #pushingBox .navMain form.search-forms .close-searchs {
        left: 55px;
    }
    .hrIndex #pushingBox .navMain form.search-forms #srchSubmit {
        right: 45px;
    }
}
@media screen and (max-width: 576px) {
    .hrIndex #pushingBox .navMain form.search-forms .close-searchs {
        left: 40px;
    }
    .hrIndex #pushingBox .navMain form.search-forms #srchSubmit {
        right: 30px;
    }
}
.hrCalculator .aalways {
    margin-top: 5em;
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
    .hrCalculator .container,
    .hrCalculator .container-lg,
    .hrCalculator .container-md,
    .hrCalculator .container-sm {
        max-width: 1280px;
    }
}
nav.navbar {
    background-color: rgba(0, 0, 0, 0);
}
.blogList {
    padding-top: 0 !important;
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1280px;
    }
}
nav.navbar {
    background-color: rgba(0, 0, 0, 0);
}
.blogList {
    padding-top: 0 !important;
}
@media screen and (min-width: 1280px) and (max-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1280px;
    }
}
.action-button {
    overflow: hidden;
    text-decoration: none;
    display: block;
    font-weight: 700;
    background-color: #00a6bd;
    color: #fff;
    font-size: 16px;
    margin: 2rem 0;
    padding: 1.2em 0.9em;
    border-radius: 10px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
    width: fit-content;
}
.action-button:hover {
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
    color: #fff;
}
.bottom-navigation {
    padding: 15px;
    display: flex;
    width: 76%;
    gap: 16px;
    position: fixed;
    bottom: 21px;
    z-index: 3;
}
.bottom-navigation .btn-float {
    background-color: #1e3363;
    padding: 13px 10px;
    width: 50%;
    border-radius: 13px;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    font-family: IRANYekanXFaNum;
    box-shadow: rgba(0, 0, 0, 0.25) 0 54px 55px, rgba(0, 0, 0, 0.12) 0 -12px 30px, rgba(0, 0, 0, 0.12) 0 4px 6px, rgba(0, 0, 0, 0.17) 0 12px 13px, rgba(0, 0, 0, 0.09) 0 -3px 5px;
}
.goftino-icon {
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
    padding-top: 10px;
    position: fixed;
    bottom: 19px;
    left: 11px;
    z-index: 10;
}
.goftino-inside {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2), 0 1px 10px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
}
.goftino-inside a img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.gform_heading .gform_title {
    color: #404347;
    font-size: 25px;
    padding: 0;
    margin-bottom: 0.7em;
    margin-top: 2em;
    margin: 0;
    font-family: IRANYekanX, serif;
    font-weight: 900;
    text-align: center;
    position: relative;
    z-index: 9;
}
.modal-container .sign-right .swiper .swiper-slide img {
    width: 100%;
    height: auto;
    max-height: 100%;
    border-radius: 25px;
}
.modal-container header h2 {
    color: #404347;
    font-size: 25px;
    padding: 0;
    margin-bottom: 0.7em;
    margin-top: 2em;
}
.myform label,
.mynf label {
    display: none;
}
.mynf input[type="text"] {
    padding: 10px 15px;
    border-radius: 10px;
    width: 100%;
    line-height: 1.7;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 3px #ddd;
    font-family: IRANYekanXFaNum, sans-serif !important;
}
.mynf input[type="text"]:focus {
    border: 1px solid #129fea !important;
    outline: 0;
}
.myform .gfield {
    display: inline-block;
    width: 49%;
    margin-bottom: 15px;
}
.myform .gfield:nth-child(2) {
    float: left;
}
.myform input {
    width: 100%;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    font-family: IRANYekanX, sans-serif !important;
    font-family: IRANYekanXFaNum, sans-serif !important;
}
.myformbe {
    font-family: IRANYekanX, sans-serif !important;
}
.myform input:focus {
    border: 1px solid #ff4051 !important;
}
.myform input[type="submit"] {
    width: 48%;
    margin: 40px auto 0 0 !important;
    display: table;
    border: none;
    padding: 20px !important;
    color: #fff !important;
    background: #1097d1 !important;
    font-size: 20px;
    border-radius: 6px !important;
}
.myform .gfield:nth-child(3),
.myform .gfield:nth-child(4) {
    width: 100%;
    display: block;
}
.myform .myformbe {
    position: absolute;
    left: 309px;
    top: 75%;
    color: #337ab7 !important;
}
.naf {
    left: 308px !important;
}
.myform .gform_confirmation_message {
    content: "";
    background: #fff;
    position: absolute;
    top: -26px;
    right: 0;
    left: 0;
    padding: 125px 15px;
    width: 100%;
    z-index: 1;
    border-radius: 10px;
    font-size: 29px;
    text-align: center;
    color: #337ab7;
    font-family: IRANYekanX, sans-serif !important;
}
.myform input[aria-invalid="true"],
.mynf input[aria-invalid="true"] {
    background: #f5f1f1 !important;
    border: 1px solid #ff4051 !important;
}
.myform .gfield_validation_message,
.mynf .gfield_validation_message {
    display: none;
}
.image-post img {
    height: 150px !important;
}
.id-image video {
    width: 100%;
}
.mysec:nth-child(odd) {
    direction: ltr !important;
    text-align: right !important;
}
.mynewform .gform_confirmation_message {
    top: -148px;
}
.mymodalform label {
    display: none;
}
.mymodalform input {
    width: 100%;
    padding: 0.6em;
    line-height: 1.8;
    color: #404347;
    margin-bottom: 0.5em;
    border: 1px solid #0e99d6;
    outline: unset;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 4px 5px 0 rgba(28, 156, 234, 0.2);
    font-family: IRANYekanXFaNum, sans-serif !important;
    font-size: 17px;
    text-align: right;
}
.mymodalform .gform_button {
    display: table !important;
    width: 150px !important;
    padding: 1em 1.2em !important;
    margin: 20px auto 0 0 !important;
    border-radius: 10px !important;
    font-family: IRANYekanX, serif !important;
    font-weight: 700 !important;
    border: unset !important;
    color: #fff !important;
    background-color: #00b5bb !important;
    font-size: 17px !important;
    position: relative !important;
    transition: 0.4s !important;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5) !important;
}
.mymodalform .gform_button:hover {
    background: #002021 !important;
    transition: 0.4s !important;
}
.mymodalform .gform_confirmation_message {
    content: "";
    background: #fff;
    padding: 50px 15px;
    width: 100%;
    position: relative;
    z-index: 1;
    border-radius: 10px;
    font-size: 29px;
    text-align: center;
    color: #337ab7;
    font-family: IRANYekanX, sans-serif !important;
}
.mymodalform input[aria-invalid="true"] {
    background: #f5f1f1;
    border: 1px solid #ff4051;
}
.mymodalform .gfield_validation_message {
    display: none;
}
.Tag a {
    color: #1e3363;
    font-size: 15px !important;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0 10px;
}
.Tag a:nth-child(1) {
    background-color: #ffd5cd;
}
.Tag a:nth-child(2) {
    background-color: #ffd9e8;
}
.Tag a:nth-child(3) {
    background-color: #ddc4e7;
}
.Tag a:nth-child(4) {
    background-color: #ccf6c8;
}
.Tag a:nth-child(5) {
    background-color: #a0ffe6;
}
.Tag a:nth-child(6) {
    background-color: #dfe2fe;
}
.Tag a:nth-child(7) {
    background-color: #c3aed6;
}
.Tag a:nth-child(8) {
    background-color: #ffe0ac;
}
.Tag a:nth-child(9) {
    background-color: #f5faa7;
}
.Tag a:nth-child(10) {
    background-color: #d9d7f1;
}
.Tag a:nth-child(11) {
    background-color: #d5ecc2;
}
.Tag a:nth-child(12) {
    background-color: #b5eaea;
}
.Tag a:nth-child(13) {
    background-color: #ff7878;
}
.Tag a:nth-child(14) {
    background-color: #f6d7a7;
}
.Tag a:nth-child(15) {
    background-color: #c8e3d4;
}
.Tag a:nth-child(16) {
    background-color: #ffcbcb;
}
.Tag a:nth-child(17) {
    background-color: #eec373;
}
.Tag a:nth-child(18) {
    background-color: #ffd5cd;
}
.Tag a:nth-child(19) {
    background-color: #ffd9e8;
}
.Tag a:nth-child(20) {
    background-color: #ddc4e7;
}
.Tag a:nth-child(21) {
    background-color: #ccf6c8;
}
.Tag a:nth-child(22) {
    background-color: #a0ffe6;
}
.Tag a:nth-child(23) {
    background-color: #dfe2fe;
}
.Tag a:nth-child(24) {
    background-color: #c3aed6;
}
.c3 {
    color: #333 !important;
}
.c4 {
    margin-top: 322px;
}
.contact-main-box .cmbWrap .cmbLeft {
    position: relative;
    z-index: 5;
}
.contact-main-box {
    z-index: 1;
}
.myformbox {
    position: relative;
}
#clearall {
    position: absolute;
    bottom: 20px;
    left: 175px;
    font-size: 18px;
    font-weight: 700;
    color: #888;
    font-family: IRANYekanXFaNum;
    cursor: pointer;
}
.fn a {
    color: inherit;
}
.box-50-one .box-50-one-wrap img {
    border-radius: 15px;
}
@media (max-width: 992px) {
    .myform input[type="submit"] {
        width: 180px;
    }
    .hrIndex #qregForm {
        padding-bottom: 60px;
    }
    .myform .myformbe {
        left: 36px;
        top: 88%;
    }
    .myform .gform_confirmation_message {
        box-shadow: 0 0 20px 0 #5a5e5c6b;
    }
    .mynewform .gform_confirmation_message {
        top: -75px;
        box-shadow: none !important;
        padding: 60px 15px;
    }
    .naf {
        top: 75% !important;
        left: 239px !important;
    }
}
@media (max-width: 526px) {
    .mynewform .gform_confirmation_message {
        top: -134px;
        box-shadow: 0;
        padding: 83px 15px;
    }
}
@media (max-width: 570px) {
    .myform .gfield {
        width: 100%;
    }
    .naf {
        top: 80% !important;
    }
}
@media (max-width: 385px) {
    .myform .myformbe {
        left: 37px;
        bottom: 104px;
    }
    .naf {
        top: 95% !important;
        left: 37px !important;
    }
}
[data-pushbar-id].opened {
    display: block;
    transform: translateX(0px) translateY(0px)
}
.pushy-submenu > ul {
    padding-left: 15px;
    transition: max-height .2s ease-in-out, visibility .2s ease-in-out
}

.pushy-submenu > ul .pushy-link {
    transition: opacity .2s ease-in-out
}

.pushy-submenu button {
    width: 100%;
    color: #b3b3b1;
    padding: 15px 30px;
    text-align: right;
    background: rgba(0, 0, 0, 0);
    border: 0
}

.pushy-submenu button:hover {
    color: #fff
}

.pushy-submenu > a, .pushy-submenu > button {
    position: relative
}

.pushy-submenu > a::after, .pushy-submenu > button::after {
    content: "";
    display: block;
    height: 11px;
    width: 8px;
    position: absolute;
    top: 50%;
    left: 15px;
    background: url("./img/arrow.svg") no-repeat;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%) rotate(180deg);
    transition: transform .2s
}

.pushy-submenu-closed > ul {
    max-height: 0;
    overflow: hidden;
    visibility: hidden
}

.pushy-submenu-closed .pushy-link {
    opacity: 0
}

.pushy-submenu-open > ul {
    visibility: visible;
    margin-top: 20px
}

.pushy-submenu-open .pushy-link {
    opacity: 1
}

.pushy-submenu-open > a::after, .pushy-submenu-open > button::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

#pichubModal {
    position: relative;
    display: flex;
    justify-content: center;
    position: fixed;
    z-index: 3;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

#pichubModal img, #pichubModal video {
    max-width: 100%;
    max-height: 70vh;
    border-radius: 15px
}

#pichubModal video {
    min-width: 720px;
    transform: translateY(10%)
}

#pichubModal figcaption {
    position: absolute;
    bottom: -10px;
    transform: translate(0, 100%);
    transition: all .3s ease-in-out;
    font-family: IRANYekanX, serif;
    font-size: 17px;
    line-height: 1.7;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 1em 1.5em;
    text-align: center;
    border-radius: 10px
}

#pichubModalClose {
    color: rgba(255, 255, 255, .7);
    position: relative;
    top: 0;
    right: 0;
    font-size: 40px;
    transform: translate(-10%, 40px);
    cursor: pointer;
    transition: all .2s ease-out;
    margin-left: -40px
}

#pichubModalClose:hover {
    color: rgba(255, 255, 255, .4)
}
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}
input#ServiceResultconvert{
	    width: 100%;
    border: unset;
    margin: 10px 0;
    text-align: center;
    font-family: 'IRANYekanXFaNum';
    font-weight: 600;
    font-size: 18px;
    padding: 7px 0;
    color: #0e99d6;
}
.priceconvert{
	    width: 100%;
    text-align: center;
    padding: 6px;
}
.priceconvert span{
    font-weight: 500;
    font-size: 18px;
    color: #8c8c8c;
}
input#ServiceResultOffc{
	width: 100%;
    border: unset;
    margin: 10px 0;
    text-align: center;
    font-family: 'IRANYekanXFaNum';
    font-weight: 600;
    font-size: 18px;
    padding: 7px 0;
    color: #0e99d6;
}
/* نقطه شروع XL از 1200px به بالا */
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  /* اگر بخوای auto سایز بگیره */
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
}
.roi-wrap .title-box{
	justify-content:end;
align-items: center;
	text-align:center;
margin-bottom:20px;
}
.roi-wrap .title-box span{
    padding: 7px 9px;
    border-radius: 10px;
    color: #fff;
    font-family: 'IRANYekanXFaNum';
    font-weight: 600;
    font-size: 17px;
    word-spacing: 2.5px;
    text-shadow: 0px 1px black;
	animation: fadeBackground 500ms infinite alternate; /* 3 ثانیه مدت زمان، تکرار بی‌نهایت، رفت و برگشتی */
}
@keyframes fadeBackground {
  from {
        background-color: #0e97d4;
  }
  to {
background-color: #1e3667;
  }
}