/*! 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 {
    font-weight: bolder;
}
code {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
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;
}

/* Lato Regular */
@font-face {
    font-family: 'LatoWeb';
    src: url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Regular.eot');
    src: url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Regular.woff2') format('woff2'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Regular.woff') format('woff'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Lato Bold */
@font-face {
    font-family: 'LatoWeb';
    src: url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Bold.eot');
    src: url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Bold.woff2') format('woff2'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Bold.woff') format('woff'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Lato Black */
@font-face {
    font-family: 'LatoWeb';
    src: url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Black.eot');
    src: url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Black.eot?#iefix') format('embedded-opentype'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Black.woff2') format('woff2'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Black.woff') format('woff'),
         url('https://hrbox.ir/wp-content/themes/Hrbox/fonts/Lato/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@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;
    }
}
[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(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-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);
}
.bx-flip-horizontal {
    transform: scaleX(-1);
}
.bx-border {
    padding: 0.25em;
    border: 0.07em solid rgba(0, 0, 0, 0.1);
    border-radius: 0.25em;
}
.bx-border-circle {
    padding: 0.25em;
    border: 0.07em solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
}
.bx-horizontal-left:before {
    content: "";
}
.bx-horizontal-right:before {
    content: "";
}
.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-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-medium-square:before {
    content: "";
}
.bxl-php:before {
    content: "";
}
.bxl-telegram:before {
    content: "";
}
.bxl-twitter:before {
    content: "";
}
.bxl-whatsapp:before {
    content: "";
}
.bxl-whatsapp-square: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-arrow-back:before {
    content: "";
}
.bx-arrow-to-bottom:before {
    content: "";
}
.bx-arrow-to-left:before {
    content: "";
}
.bx-arrow-to-right:before {
    content: "";
}
.bx-arrow-to-top:before {
    content: "";
}
.bx-at:before {
    content: "";
}
.bx-block:before {
    content: "";
}
.bx-body:before {
    content: "";
}
.bx-bold:before {
    content: "";
}
.bx-border-all:before {
    content: "";
}
.bx-border-bottom:before {
    content: "";
}
.bx-border-left:before {
    content: "";
}
.bx-border-none:before {
    content: "";
}
.bx-border-radius:before {
    content: "";
}
.bx-border-right:before {
    content: "";
}
.bx-border-top:before {
    content: "";
}
.bx-box:before {
    content: "";
}
.bx-bug:before {
    content: "";
}
.bx-bug-alt:before {
    content: "";
}
.bx-building:before {
    content: "";
}
.bx-calculator:before {
    content: "";
}
.bx-card:before {
    content: "";
}
.bx-chat:before {
    content: "";
}
.bx-check:before {
    content: "";
}
.bx-check-circle:before {
    content: "";
}
.bx-check-square:before {
    content: "";
}
.bx-chevron-left:before {
    content: "";
}
.bx-chevron-left-circle:before {
    content: "";
}
.bx-chevron-left-square:before {
    content: "";
}
.bx-chevron-right:before {
    content: "";
}
.bx-chevron-right-circle:before {
    content: "";
}
.bx-chevron-right-square:before {
    content: "";
}
.bx-chevron-up:before {
    content: "";
}
.bx-chevron-up-circle:before {
    content: "";
}
.bx-chevron-up-square:before {
    content: "";
}
.bx-circle:before {
    content: "";
}
.bx-code:before {
    content: "";
}
.bx-code-alt:before {
    content: "";
}
.bx-code-block:before {
    content: "";
}
.bx-color-fill:before {
    content: "";
}
.bx-columns: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-cool: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-grid:before {
    content: "";
}
.bx-grid-alt:before {
    content: "";
}
.bx-grid-horizontal:before {
    content: "";
}
.bx-grid-small: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-horizontal-center: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-layout:before {
    content: "";
}
.bx-left-arrow:before {
    content: "";
}
.bx-left-arrow-alt:before {
    content: "";
}
.bx-left-arrow-circle:before {
    content: "";
}
.bx-left-top-arrow-circle: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-square:before {
    content: "";
}
.bx-message-square-add:before {
    content: "";
}
.bx-message-square-check:before {
    content: "";
}
.bx-message-square-detail:before {
    content: "";
}
.bx-message-square-error:before {
    content: "";
}
.bx-message-square-x:before {
    content: "";
}
.bx-message-x:before {
    content: "";
}
.bx-movie:before {
    content: "";
}
.bx-navigation:before {
    content: "";
}
.bx-notification:before {
    content: "";
}
.bx-notification-off:before {
    content: "";
}
.bx-phone:before {
    content: "";
}
.bx-phone-call:before {
    content: "";
}
.bx-phone-incoming:before {
    content: "";
}
.bx-phone-off:before {
    content: "";
}
.bx-pointer:before {
    content: "";
}
.bx-repeat:before {
    content: "";
}
.bx-reset:before {
    content: "";
}
.bx-revision:before {
    content: "";
}
.bx-right-arrow:before {
    content: "";
}
.bx-right-arrow-alt:before {
    content: "";
}
.bx-right-arrow-circle:before {
    content: "";
}
.bx-right-top-arrow-circle:before {
    content: "";
}
.bx-rocket:before {
    content: "";
}
.bx-rotate-left:before {
    content: "";
}
.bx-rotate-right:before {
    content: "";
}
.bx-run:before {
    content: "";
}
.bx-search:before {
    content: "";
}
.bx-search-alt:before {
    content: "";
}
.bx-search-alt-2:before {
    content: "";
}
.bx-send:before {
    content: "";
}
.bx-slider:before {
    content: "";
}
.bx-slider-alt: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-square:before {
    content: "";
}
.bx-support:before {
    content: "";
}
.bx-table: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-up-arrow:before {
    content: "";
}
.bx-up-arrow-alt:before {
    content: "";
}
.bx-up-arrow-circle: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-arrow-to-bottom:before {
    content: "";
}
.bxs-arrow-to-left:before {
    content: "";
}
.bxs-arrow-to-right:before {
    content: "";
}
.bxs-arrow-to-top:before {
    content: "";
}
.bxs-box:before {
    content: "";
}
.bxs-bug:before {
    content: "";
}
.bxs-bug-alt:before {
    content: "";
}
.bxs-building:before {
    content: "";
}
.bxs-business:before {
    content: "";
}
.bxs-calculator:before {
    content: "";
}
.bxs-card:before {
    content: "";
}
.bxs-chat:before {
    content: "";
}
.bxs-check-circle:before {
    content: "";
}
.bxs-check-square:before {
    content: "";
}
.bxs-chevron-left:before {
    content: "";
}
.bxs-chevron-left-circle:before {
    content: "";
}
.bxs-chevron-left-square:before {
    content: "";
}
.bxs-chevron-right:before {
    content: "";
}
.bxs-chevron-right-circle:before {
    content: "";
}
.bxs-chevron-right-square:before {
    content: "";
}
.bxs-chevron-up:before {
    content: "";
}
.bxs-chevron-up-circle:before {
    content: "";
}
.bxs-chevron-up-square:before {
    content: "";
}
.bxs-circle:before {
    content: "";
}
.bxs-color-fill: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-cool: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-grid:before {
    content: "";
}
.bxs-grid-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-layout:before {
    content: "";
}
.bxs-left-arrow:before {
    content: "";
}
.bxs-left-arrow-alt:before {
    content: "";
}
.bxs-left-arrow-circle:before {
    content: "";
}
.bxs-left-arrow-square:before {
    content: "";
}
.bxs-left-top-arrow-circle: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-square:before {
    content: "";
}
.bxs-message-square-add:before {
    content: "";
}
.bxs-message-square-check:before {
    content: "";
}
.bxs-message-square-detail:before {
    content: "";
}
.bxs-message-square-error:before {
    content: "";
}
.bxs-message-square-x:before {
    content: "";
}
.bxs-message-x:before {
    content: "";
}
.bxs-movie:before {
    content: "";
}
.bxs-navigation:before {
    content: "";
}
.bxs-notification:before {
    content: "";
}
.bxs-notification-off:before {
    content: "";
}
.bxs-phone:before {
    content: "";
}
.bxs-phone-call:before {
    content: "";
}
.bxs-phone-incoming:before {
    content: "";
}
.bxs-phone-off:before {
    content: "";
}
.bxs-pointer:before {
    content: "";
}
.bxs-right-arrow:before {
    content: "";
}
.bxs-right-arrow-alt:before {
    content: "";
}
.bxs-right-arrow-circle:before {
    content: "";
}
.bxs-right-arrow-square:before {
    content: "";
}
.bxs-right-top-arrow-circle:before {
    content: "";
}
.bxs-rocket:before {
    content: "";
}
.bxs-search:before {
    content: "";
}
.bxs-search-alt-2:before {
    content: "";
}
.bxs-send:before {
    content: "";
}
.bxs-sort-alt:before {
    content: "";
}
.bxs-square: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-up-arrow:before {
    content: "";
}
.bxs-up-arrow-alt:before {
    content: "";
}
.bxs-up-arrow-circle:before {
    content: "";
}
.bxs-up-arrow-square:before {
    content: "";
}
.bxs-user:before {
    content: "";
}
.bxs-user-account: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: "";
}
.bxs-x-square: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-fluid,
.container-lg,
.container-md {
    --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 {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container,
    .container-md {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container,
    .container-lg,
    .container-md {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md {
        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-warning {
    color: #ffc107 !important;
}
.link-warning:focus,
.link-warning:hover {
    color: #ffcd39 !important;
}
.link-light {
    color: #f8f9fa !important;
}
.link-light:focus,
.link-light:hover {
    color: #f9fafb !important;
}
.ratio {
    position: relative;
    width: 100%;
}
.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ratio-1x1 {
    --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
    --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%;
}
.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-end {
    float: right !important;
}
.float-none {
    float: none !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-block {
    display: block !important;
}
.d-grid {
    display: grid !important;
}
.d-table {
    display: table !important;
}
.d-table-row {
    display: table-row !important;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
.d-none {
    display: none !important;
}
.shadow {
    box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15) !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;
}
.position-relative {
    position: relative !important;
}
.position-absolute {
    position: absolute !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;
}
.end-0 {
    right: 0 !important;
}
.end-50 {
    right: 50% !important;
}
.end-100 {
    right: 100% !important;
}
.border {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
    border: 0 !important;
}
.border-top {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
    border-top: 0 !important;
}
.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
    border-right: 0 !important;
}
.border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
    border-bottom: 0 !important;
}
.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-1 {
    --bs-border-width: 1px;
}
.border-2 {
    --bs-border-width: 2px;
}
.border-3 {
    --bs-border-width: 3px;
}
.border-4 {
    --bs-border-width: 4px;
}
.border-5 {
    --bs-border-width: 5px;
}
.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;
}
.vw-100 {
    width: 100vw !important;
}
.min-vw-100 {
    min-width: 100vw !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-fill {
    flex: 1 1 auto !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-content-end {
    align-content: flex-end !important;
}
.align-content-center {
    align-content: center !important;
}
.align-self-auto {
    align-self: auto !important;
}
.align-self-end {
    align-self: flex-end !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;
}
.ms-0 {
    margin-left: 0 !important;
}
.ms-1 {
    margin-left: 0.25rem !important;
}
.ms-2 {
    margin-left: 0.5rem !important;
}
.ms-3 {
    margin-left: 1rem !important;
}
.ms-4 {
    margin-left: 1.5rem !important;
}
.ms-5 {
    margin-left: 3rem !important;
}
.ms-auto {
    margin-left: 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;
}
.gap-0 {
    gap: 0 !important;
}
.gap-1 {
    gap: 0.25rem !important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.gap-4 {
    gap: 1.5rem !important;
}
.gap-5 {
    gap: 3rem !important;
}
.row-gap-0 {
    row-gap: 0 !important;
}
.row-gap-1 {
    row-gap: 0.25rem !important;
}
.row-gap-2 {
    row-gap: 0.5rem !important;
}
.row-gap-3 {
    row-gap: 1rem !important;
}
.row-gap-4 {
    row-gap: 1.5rem !important;
}
.row-gap-5 {
    row-gap: 3rem !important;
}
.column-gap-0 {
    column-gap: 0 !important;
}
.column-gap-1 {
    column-gap: 0.25rem !important;
}
.column-gap-2 {
    column-gap: 0.5rem !important;
}
.column-gap-3 {
    column-gap: 1rem !important;
}
.column-gap-4 {
    column-gap: 1.5rem !important;
}
.column-gap-5 {
    column-gap: 3rem !important;
}
.text-end {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-decoration-none {
    text-decoration: none !important;
}
.text-wrap {
    white-space: normal !important;
}
.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-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-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
    --bs-text-opacity: 1;
    color: inherit !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: 768px) {
    .float-md-end {
        float: right !important;
    }
    .float-md-none {
        float: none !important;
    }
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-grid {
        display: grid !important;
    }
    .d-md-table {
        display: table !important;
    }
    .d-md-table-row {
        display: table-row !important;
    }
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
    .d-md-none {
        display: none !important;
    }
    .flex-md-fill {
        flex: 1 1 auto !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-self-md-auto {
        align-self: auto !important;
    }
    .align-self-md-end {
        align-self: flex-end !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;
    }
    .ms-md-0 {
        margin-left: 0 !important;
    }
    .ms-md-1 {
        margin-left: 0.25rem !important;
    }
    .ms-md-2 {
        margin-left: 0.5rem !important;
    }
    .ms-md-3 {
        margin-left: 1rem !important;
    }
    .ms-md-4 {
        margin-left: 1.5rem !important;
    }
    .ms-md-5 {
        margin-left: 3rem !important;
    }
    .ms-md-auto {
        margin-left: 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;
    }
    .gap-md-0 {
        gap: 0 !important;
    }
    .gap-md-1 {
        gap: 0.25rem !important;
    }
    .gap-md-2 {
        gap: 0.5rem !important;
    }
    .gap-md-3 {
        gap: 1rem !important;
    }
    .gap-md-4 {
        gap: 1.5rem !important;
    }
    .gap-md-5 {
        gap: 3rem !important;
    }
    .row-gap-md-0 {
        row-gap: 0 !important;
    }
    .row-gap-md-1 {
        row-gap: 0.25rem !important;
    }
    .row-gap-md-2 {
        row-gap: 0.5rem !important;
    }
    .row-gap-md-3 {
        row-gap: 1rem !important;
    }
    .row-gap-md-4 {
        row-gap: 1.5rem !important;
    }
    .row-gap-md-5 {
        row-gap: 3rem !important;
    }
    .column-gap-md-0 {
        column-gap: 0 !important;
    }
    .column-gap-md-1 {
        column-gap: 0.25rem !important;
    }
    .column-gap-md-2 {
        column-gap: 0.5rem !important;
    }
    .column-gap-md-3 {
        column-gap: 1rem !important;
    }
    .column-gap-md-4 {
        column-gap: 1.5rem !important;
    }
    .column-gap-md-5 {
        column-gap: 3rem !important;
    }
    .text-md-end {
        text-align: right !important;
    }
    .text-md-center {
        text-align: center !important;
    }
}
@media (min-width: 992px) {
    .float-lg-end {
        float: right !important;
    }
    .float-lg-none {
        float: none !important;
    }
    .d-lg-inline {
        display: inline !important;
    }
    .d-lg-inline-block {
        display: inline-block !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-grid {
        display: grid !important;
    }
    .d-lg-table {
        display: table !important;
    }
    .d-lg-table-row {
        display: table-row !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
    .d-lg-none {
        display: none !important;
    }
    .flex-lg-fill {
        flex: 1 1 auto !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-self-lg-auto {
        align-self: auto !important;
    }
    .align-self-lg-end {
        align-self: flex-end !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;
    }
    .ms-lg-0 {
        margin-left: 0 !important;
    }
    .ms-lg-1 {
        margin-left: 0.25rem !important;
    }
    .ms-lg-2 {
        margin-left: 0.5rem !important;
    }
    .ms-lg-3 {
        margin-left: 1rem !important;
    }
    .ms-lg-4 {
        margin-left: 1.5rem !important;
    }
    .ms-lg-5 {
        margin-left: 3rem !important;
    }
    .ms-lg-auto {
        margin-left: 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;
    }
    .gap-lg-0 {
        gap: 0 !important;
    }
    .gap-lg-1 {
        gap: 0.25rem !important;
    }
    .gap-lg-2 {
        gap: 0.5rem !important;
    }
    .gap-lg-3 {
        gap: 1rem !important;
    }
    .gap-lg-4 {
        gap: 1.5rem !important;
    }
    .gap-lg-5 {
        gap: 3rem !important;
    }
    .row-gap-lg-0 {
        row-gap: 0 !important;
    }
    .row-gap-lg-1 {
        row-gap: 0.25rem !important;
    }
    .row-gap-lg-2 {
        row-gap: 0.5rem !important;
    }
    .row-gap-lg-3 {
        row-gap: 1rem !important;
    }
    .row-gap-lg-4 {
        row-gap: 1.5rem !important;
    }
    .row-gap-lg-5 {
        row-gap: 3rem !important;
    }
    .column-gap-lg-0 {
        column-gap: 0 !important;
    }
    .column-gap-lg-1 {
        column-gap: 0.25rem !important;
    }
    .column-gap-lg-2 {
        column-gap: 0.5rem !important;
    }
    .column-gap-lg-3 {
        column-gap: 1rem !important;
    }
    .column-gap-lg-4 {
        column-gap: 1.5rem !important;
    }
    .column-gap-lg-5 {
        column-gap: 3rem !important;
    }
    .text-lg-end {
        text-align: right !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: 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,
aside,
figure,
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 {
    font-weight: 700;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
img {
    border: 0;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
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;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
* {
    -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;
}
figure {
    margin: 0;
}
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-fluid,
.container-lg,
.container-md {
    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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-right"] {
    transform: perspective(2500px) rotateY(100deg);
}
[data-aos="flip-up"] {
    transform: perspective(2500px) rotateX(-100deg);
}
[data-aos="flip-down"] {
    transform: perspective(2500px) rotateX(100deg);
}
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 {
    font-weight: bolder;
}
code {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
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: 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 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-message-inline {
    display: inline-block;
    vertical-align: middle;
}
.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-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}
.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,
    .pure-form-message-inline {
        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);
}
.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.hvr-icon-back .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-icon-back:active .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:hover .hvr-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
}
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;
    }
}
.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;
}
.p-relative {
    position: relative;
}
.hide {
    display: none !important;
    opacity: 0;
}
.secween {
    position: relative;
    padding-top: 10em;
    padding-bottom: 10em;
}
.makhmal {
    position: absolute;
    width: 100%;
    z-index: 0;
    top: 0;
    right: 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;
}
.mountainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .mountainer {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .mountainer {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .mountainer {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .mountainer {
        max-width: 1300px;
    }
}
@media (min-width: 1400px) {
    .mountainer {
        max-width: 1580px;
    }
}
.hountainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .hountainer {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .hountainer {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .hountainer {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .hountainer {
        max-width: 1280px;
    }
}
@media (min-width: 1400px) {
    .hountainer {
        max-width: 1580px;
    }
}
@media (min-width: 1800px) {
    .hountainer {
        padding-right: 0;
        padding-left: 0;
        max-width: 1920px;
    }
}
@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-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/uploads/2024/12/hrbox-typo40x.webp) 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/uploads/2024/12/hrbox-typoW40x.webp) 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: 40px;
    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;
    }
}
.zoomIn {
    animation-name: zoomIn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 5s;
    animation-fill-mode: forwards
}

.zoomInn {
    animation-name: zoomInn;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: .5s;
    animation-fill-mode: forwards
}

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 .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: bold;
    padding: 1rem 2rem;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all .1s ease-in-out .01s;
    color: #1e3363
}

#pushingBox .navMain .navLinks ul li button:hover {
    border: 1px solid #fff;
    border-radius: 10px
}

#pushingBox .navMain .navLinks ul li button.selected {
    border: 1px solid #fff;
    border-radius: 10px
}

#pushingBox .navMain .navLinks ul li .megaMenuIn-label-title {
    flex-grow: 0;
    font-weight: bold;
    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: bold;
    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.hbtn-login, #pushingBox .hbtn.btn-tfree {
    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: bold;
    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;
    }
}
.hrIndex .topHeader {
    /*position: relative;*/
    overflow: hidden;
    background-color: #d9f3ff;
    background: linear-gradient(0deg, #fff 0, #d9f3ff 50%);
    background-size: cover;
    z-index: 3;
}
.hrIndex .topHeader section .topHeaderDesktop {
    position: relative;
}
.hrIndex .topHeader section .topHeaderDesktop img.bigBox {
    position: absolute;
    width: 1300px;
    top: -370px;
    right: -240px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar {
    position: relative;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar img {
    width: 100%;
    position: absolute;
    left: 0;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
    width: 75%;
    height: 75%;
    position: absolute;
    right: 45px;
    border-radius: 20px;
    transform: rotate(-14deg);
    overflow: hidden;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
}
.hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper .ama {
    width: 125%;
    height: 125%;
    transform: rotate(15deg);
    object-fit: cover;
    object-position: center;
    position: relative;
    left: 25px;
    bottom: 21px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-10-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-10-2 .ama {
    bottom: 28px;
    left: 27px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-9-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-9-2 .ama {
    bottom: 25px;
    left: 24px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-8-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-8-2 .ama {
    bottom: 27px;
    left: 27px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-7-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-7-2 .ama {
    bottom: 23px;
    left: 23px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-6-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-6-2 .ama {
    left: 21px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-5-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-5-2 .ama {
    bottom: 33px;
    left: 33px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-4-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-4-2 .ama {
    bottom: 23px;
    left: 23px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-3-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-3-2 .ama {
    bottom: 40px;
    left: 40px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-2-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-2-2 .ama {
    bottom: 35px;
    left: 35px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-1-1 .ama,
.hrIndex .topHeader section .topHeaderDesktop .avatar #ava-1-2 .ama {
    bottom: 11px;
    left: 11px;
    width: 120%;
    height: 120%;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-1,
.hrIndex .topHeader section .topHeaderDesktop .avatar-10,
.hrIndex .topHeader section .topHeaderDesktop .avatar-2,
.hrIndex .topHeader section .topHeaderDesktop .avatar-3,
.hrIndex .topHeader section .topHeaderDesktop .avatar-4,
.hrIndex .topHeader section .topHeaderDesktop .avatar-5,
.hrIndex .topHeader section .topHeaderDesktop .avatar-6,
.hrIndex .topHeader section .topHeaderDesktop .avatar-7,
.hrIndex .topHeader section .topHeaderDesktop .avatar-8,
.hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
    position: absolute;
    background-size: contain;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
    width: 150px;
    height: 150px;
    left: 485px;
    top: 280px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-2 {
    width: 400px;
    height: 400px;
    top: 510px;
    left: 680px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-3 {
    width: 430px;
    height: 430px;
    top: 445px;
    left: 290px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-4 {
    width: 250px;
    height: 250px;
    top: 575px;
    left: 100px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-5 {
    width: 350px;
    height: 350px;
    top: 230px;
    left: 620px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-6 {
    width: 230px;
    height: 230px;
    top: 270px;
    left: 275px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-7 {
    width: 250px;
    height: 250px;
    top: 20px;
    left: 670px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
    width: 300px;
    height: 300px;
    top: 320px;
    left: 20px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
    width: 260px;
    height: 260px;
    left: 440px;
    top: 20px;
}
.hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
    width: 300px;
    height: 300px;
    left: 140px;
    top: 30px;
}
.hrIndex .topHeader img.topHeader-hexie {
    position: relative;
    z-index: 1;
    margin-top: 300px;
    width: 100%;
    opacity: 0;
}
.hrIndex .thsDemo {
    margin-left: 25px;
}
.hrIndex .thsbtn {
    position: relative;
    top: 28px;
}
.hrIndex .hbtn.thsDemo {
    background-color: #fff;
    color: #143160;
}
.hrIndex .hbtn.thsTools {
    border: 1px solid #fff;
    background-color: #00a6bd;
}
.hrIndex .hbtn.thsDemo,
.hrIndex .hbtn.thsTools {
    box-shadow: 0 20px 50px 22px rgba(97, 192, 235, 0.3);
}
.hrIndex .thSlogan {
    position: relative;
    top: 140px;
}
.hrIndex .thSlogan .thsAllWrap .thsWrap {
    position: relative;
    padding: 0 0 0 130px;
    max-width: 1800px;
    margin: 4.5% auto 0;
}
.hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap h1 {
    font-family: IRANYekanX, serif;
    color: #fff;
}
.hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap p {
    color: #fff;
    font-family: inherit;
    line-height: 1.9;
}
@media screen and (min-width: 1800px) {
    .hrIndex section img.topHeaderDesktop {
        display: block;
        min-width: 1920px;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap {
        position: relative;
        padding: 0 130px 0 0;
        max-width: 1800px;
        margin: 4.5% auto 0;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap {
        max-width: 600px;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap h1 {
        font-size: 70px;
        line-height: 80px;
    }
}
@media screen and (min-width: 1025px) {
    .hrIndex section img.topHeaderDesktop {
        display: block;
        min-width: 1440px;
    }
    .hrIndex .thsTitleWrap p {
        margin-bottom: 50px;
    }
}
@media screen and (min-width: 600px) {
    .hrIndex .thsWrap {
        background: 0 0;
    }
    .hrIndex .thsTitleWrap p {
        margin: 40px 0;
        font-family: iransans, serif;
        font-size: 21px;
        line-height: 35px;
        max-width: 450px;
    }
}
@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;
    }
}
.zoomOut {
    animation-name: zoomOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 3s;
    animation-fill-mode: forwards
}
@media screen and (max-width: 1900px) {
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap h1 {
        max-width: 400px;
        line-height: 1.8;
        font-size: 50px;
        font-weight: 900;
    }
}
@media screen and (min-width: 1602px) and (max-width: 1798px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 200px;
    }
    .hrIndex .topHeader section .topHeaderDesktop img.bigBox {
        position: absolute;
        width: 1300px;
        top: -370px;
        right: -470px;
    }
    .avatars {
        position: relative;
        top: 30px;
    }
    .hrIndex .midBag2 {
        display: none;
    }
}
@media screen and (max-width: 1600px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 70px;
    }
    .hrIndex .thSlogan {
        position: relative;
        top: 100px;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap {
        padding: 0 140px 0 0;
        max-width: 1900px;
        margin: 0 auto;
    }
    .hrIndex .topHeader section .topHeaderDesktop img.bigBox {
        right: -360px;
        height: 1200px;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-10-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-10-2 .ama {
        bottom: 24px !important;
        left: 24px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-9-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-9-2 .ama {
        bottom: 20px !important;
        left: 19px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-8-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-8-2 .ama {
        bottom: 22px !important;
        left: 22px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-7-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-7-2 .ama {
        bottom: 18px !important;
        left: 18px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-6-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-6-2 .ama {
        bottom: 18px !important;
        left: 18px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-5-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-5-2 .ama {
        bottom: 21px !important;
        left: 21px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-4-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-4-2 .ama {
        bottom: 19px !important;
        left: 18px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-3-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-3-2 .ama {
        bottom: 33px !important;
        left: 33px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-2-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-2-2 .ama {
        bottom: 19px !important;
        left: 19px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-1-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-1-2 .ama {
        bottom: 11px !important;
        left: 11px !important;
        width: 120% !important;
        height: 120% !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatars {
        position: relative;
        top: 20px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-2,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-3,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-4,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-5,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-7,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        position: absolute;
        background-size: contain;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
        width: 140px;
        height: 140px;
        left: 480px;
        top: 250px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-2 {
        width: 200px;
        height: 200px;
        top: 390px;
        left: 670px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-3 {
        width: 340px;
        height: 340px;
        top: 390px;
        left: 350px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-4 {
        width: 200px;
        height: 200px;
        top: 500px;
        left: 150px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-5 {
        width: 220px;
        height: 220px;
        top: 195px;
        left: 600px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6 {
        width: 180px;
        height: 180px;
        top: 260px;
        left: 315px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-7 {
        width: 180px;
        height: 180px;
        top: 50px;
        left: 590px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
        width: 230px;
        height: 230px;
        top: 290px;
        left: 110px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        width: 210px;
        height: 210px;
        left: 385px;
        top: 50px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
        width: 250px;
        height: 250px;
        left: 150px;
        top: 55px;
    }
}
@media screen and (min-width: 1442px) and (max-width: 1550px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 200px;
    }
}
@media screen and (min-width: 1521px) and (max-width: 1598px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 100px;
    }
}
@media screen and (max-width: 1440px) {
    .hrIndex .topheaderHolder.hountainer {
        margin-right: unset;
        margin-left: unset;
        padding-left: unset;
        padding-right: unset;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap h1 {
        max-width: 400px;
        line-height: 1.8;
        font-size: 50px;
        font-weight: 900;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap {
        padding: 0 110px 0 0;
        max-width: 1900px;
        margin: 0 auto;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap {
        max-width: 500px;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap p {
        font-size: 19px;
        max-width: 350px;
    }
    .hrIndex .topHeader section .topHeaderDesktop img.bigBox {
        width: 1300px;
        top: -370px;
        right: -440px;
        height: 1200px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar {
        position: relative;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar img {
        width: 100%;
        position: absolute;
        left: 0;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatars {
        position: relative;
        top: 40px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-2,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-3,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-4,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-5,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-7,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        position: absolute;
        background-size: contain;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
        width: 130px;
        height: 130px;
        left: 360px;
        top: 250px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-2 {
        width: 200px;
        height: 200px;
        top: 370px;
        left: 500px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-3 {
        width: 340px;
        height: 340px;
        top: 390px;
        left: 195px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-4 {
        width: 200px;
        height: 200px;
        top: 470px;
        left: 50px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-5 {
        width: 220px;
        height: 220px;
        top: 185px;
        left: 450px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6 {
        width: 180px;
        height: 180px;
        top: 240px;
        left: 190px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-7 {
        width: 180px;
        height: 180px;
        top: 40px;
        left: 420px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
        width: 230px;
        height: 230px;
        top: 270px;
        left: 0;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        width: 210px;
        height: 210px;
        left: 230px;
        top: 40px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
        width: 250px;
        height: 250px;
        left: 10px;
        top: 45px;
    }
    .hrIndex .topHeader img.topHeader-hexie {
        position: relative;
        z-index: 1;
        margin-top: 310px;
        width: 100%;
    }
    .hrIndex a.hbtn {
        font-size: 17px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 0;
    }
}
@media screen and (min-width: 1367px) and (max-width: 1399px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 100px;
    }
}
@media screen and (max-width: 1366px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 110px;
    }
}
@media screen and (max-width: 1280px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 30px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar {
        position: relative;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar img {
        width: 100%;
        position: absolute;
        left: 0;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-2,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-3,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-4,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-5,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-7,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8,
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        position: absolute;
        background-size: contain;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
        width: 120px;
        height: 120px;
        left: 313px;
        top: 250px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-2 {
        width: 180px;
        height: 180px;
        top: 370px;
        left: 455px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-3 {
        width: 310px;
        height: 310px;
        top: 380px;
        left: 170px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-4 {
        width: 180px;
        height: 180px;
        top: 450px;
        left: 30px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-5 {
        width: 200px;
        height: 200px;
        top: 185px;
        left: 385px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6 {
        width: 160px;
        height: 160px;
        top: 240px;
        left: 175px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-7 {
        width: 160px;
        height: 160px;
        top: 50px;
        left: 380px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
        width: 210px;
        height: 210px;
        top: 260px;
        left: 0;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        width: 190px;
        height: 190px;
        left: 210px;
        top: 50px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
        width: 230px;
        height: 230px;
        left: 10px;
        top: 45px;
    }
    .hrIndex .topHeader a.hbtn {
        font-size: 17px;
    }
}
@media screen and (max-width: 998px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 120px;
    }
    .hrIndex .topHeader section .topHeaderDesktop #ava-5-1 .ama,
    .hrIndex .topHeader section .topHeaderDesktop #ava-5-2 .ama {
        bottom: 14px !important;
        left: 14px !important;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap {
        padding: 0 20px 0 0;
        max-width: 760px;
        margin-top: -40px;
    }
    .hrIndex .topHeader section .topHeaderDesktop img.bigBox {
        width: 1200px;
        top: -400px;
        right: -180px;
        height: 1200px;
    }
    .hrIndex .avatars {
        position: relative;
        top: 730px !important;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap h1 {
        font-size: 47px;
        line-height: 1.4;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap p {
        font-size: 19px;
        max-width: 350px;
        line-height: 1.9;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap {
        max-width: 400px;
        margin: 0 auto;
        position: relative;
        right: 20px;
    }
    .hrIndex .topHeader {
        overflow: unset;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
        left: 650px;
        top: 270px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-2 {
        left: 550px;
        top: 0;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-3 {
        display: none;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-4 {
        left: 450px;
        top: 220px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-5 {
        left: 330px;
        top: 440px;
        width: 140px;
        height: 140px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6 {
        top: 270px;
        left: 275px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-7 {
        left: 500px;
        top: 400px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
        top: 300px;
        left: 70px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        left: 350px;
        top: 50px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
        left: 120px;
        top: 70px;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .thSlogan .thsAllWrap .thsWrap {
        padding: 0 20px 0 0;
        max-width: 760px;
        margin-top: -40px;
    }
    .hrIndex .topHeader section .topHeaderDesktop img.bigBox {
        width: 1200px;
        top: -450px;
        right: -440px;
        height: 1200px;
    }
    .hrIndex .avatars {
        position: relative;
        top: 650px;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap h1 {
        font-size: 47px;
        line-height: 1.4;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap p {
        font-size: 19px;
        max-width: 350px;
        line-height: 1.9;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap {
        max-width: 500px;
        margin: 0 auto;
        position: relative;
        right: unset;
    }
    .hrIndex .topHeader {
        overflow: unset;
    }
    .hrIndex .avatar-2,
    .hrIndex .avatar-3,
    .hrIndex .avatar-4,
    .hrIndex .avatar-5,
    .hrIndex .avatar-7 {
        display: none;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        left: 350px;
        top: 50px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
        left: 120px;
        top: 70px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
        left: 450px;
        top: 270px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6 {
        top: 270px;
        left: 275px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
        top: 300px;
        left: 70px;
    }
}
@media screen and (max-width: 570px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 0 !important;
    }
}
@media screen and (max-width: 445px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
        display: none;
    }
}
@media screen and (min-width: 390px) and (max-width: 420px) {
    .hrIndex .topHeader section .topHeaderDesktop .avatar .ama-wrapper {
        right: 20px !important;
    }
    .hrIndex .hbtn.thsDemo,
    .hrIndex .hbtn.thsTools {
        padding-right: 35px;
        padding-left: 35px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
        left: 0 !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        left: 200px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
        left: -5px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6 {
        left: 190px !important;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
        left: 305px !important;
    }
}
@media screen and (max-width: 576px) {
    .hrIndex .thSlogan .thsAllWrap .thsWrap {
        padding: 0 10px;
        max-width: 760px;
        margin-top: -40px;
    }
    .hrIndex .topHeader section .topHeaderDesktop img.bigBox {
        width: 1200px;
        top: -450px;
        right: -440px;
        height: 1200px;
    }
    .hrIndex .avatars {
        position: relative;
        top: 650px;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap h1 {
        font-size: 47px;
        line-height: 1.4;
    }
    .hrIndex .thSlogan .thsAllWrap .thsWrap .thsTitleWrap p {
        font-size: 19px;
        max-width: 350px;
        line-height: 1.9;
    }
    .hrIndex .topHeader {
        overflow: unset;
    }
    .hrIndex .avatar-2,
    .hrIndex .avatar-3,
    .hrIndex .avatar-4,
    .hrIndex .avatar-5,
    .hrIndex .avatar-7 {
        display: none;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        left: 210px;
        top: 50px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
        left: 10px;
        top: 45px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-1 {
        left: 320px;
        top: 250px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-6 {
        top: 240px;
        left: 175px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
        top: 260px;
        left: 0;
    }
    .hrIndex .thsbtn {
        display: flex;
        justify-content: space-around;
    }
}
@media screen and (max-width: 390px) {
    .hrIndex a.hbtn {
        padding: 20px 30px;
    }
    .hrIndex .thsDemo {
        margin-left: 15px;
    }
    .hrIndex .topHeader section .topHeaderDesktop img.bigBox {
        top: -400px;
    }
    .hrIndex .avatars {
        top: 700px;
    }
    .hrIndex .avatar-1 {
        display: none;
    }
    .hrIndex .avatar-10 {
        left: 10px;
        top: 45px;
        width: 200px;
        height: 200px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        left: 200px;
        top: 50px;
        width: 150px;
        height: 150px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-10 {
        left: -20px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-9 {
        left: 190px;
    }
    .hrIndex .topHeader section .topHeaderDesktop .avatar-8 {
        left: -10px;
    }
}
.hrIndex #customerWrap {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
}
.hrIndex .customersLink {
    position: relative;
    z-index: 2;
    bottom: -140px;
    font-size: 30px;
    font-family: IRANYekanX, serif;
    display: block;
    text-align: left;
}
.hrIndex .customersLink a {
    color: #1175ac;
    text-decoration: none;
    font-size: 18px;
}
.hrIndex .customersLink a i {
    position: relative;
    top: 6px;
}
.hrIndex .customers {
    margin-top: -100px;
    position: relative;
    z-index: 2;
    margin-bottom: 5em;
    column-gap: 100px;
}
.hrIndex .customers .cusSlider {
    position: relative;
    flex-grow: 0.3;
    height: 180px;
    padding-right: 20px;
}
.hrIndex .customers .cusSlider a {
    display: block;
}
.hrIndex .customers .cusSlider a img {
    width: auto;
    height: 120px;
}
.hrIndex .customers .cusSlider .swiper-container {
    align-items: center;
    height: 100%;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(-18%, transparent), color-stop(50%, #181920));
    -webkit-mask-image: linear-gradient(to right, transparent -18%, #181920 50%);
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(-18%, transparent), color-stop(50%, #181920));
    mask-image: linear-gradient(to right, transparent -18%, #181920 50%);
}
.hrIndex .customers .cusSlider .swiper {
    position: relative;
    top: 15px;
    width: 700px;
    height: 100%;
}
.hrIndex .customers .cusSlider .swiper .swiper-slide {
    width: 118px;
    margin-left: 50px;
}
.hrIndex .customers .cusSlider::before {
    content: "";
    -webkit-box-shadow: inset 0 0 32px #d9f3ff;
    box-shadow: inset 0 0 32px #d9f3ff;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 200px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, transparent), color-stop(75%, #181920));
    -webkit-mask-image: linear-gradient(to right, transparent 25%, #181920 75%);
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, transparent), color-stop(75%, #181920));
    mask-image: linear-gradient(to right, transparent 25%, #181920 75%);
    border-radius: 15px;
    padding: 33px;
}
.hrIndex .customers .cusSlider::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200px;
    padding: 33px;
    -webkit-box-shadow: inset 0 0 32px #d9f3ff;
    box-shadow: inset 0 0 32px #d9f3ff;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, transparent), color-stop(75%, #181920));
    -webkit-mask-image: linear-gradient(to left, transparent 25%, #181920 75%);
    mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, transparent), color-stop(75%, #181920));
    mask-image: linear-gradient(to left, transparent 25%, #181920 75%);
    border-radius: 15px;
}
.hrIndex .cusCounter {
    position: relative;
    bottom: 10px;
    flex-direction: column;
    flex-grow: 0.5;
}
.hrIndex .cusCounter h3 {
    font-size: 32px;
    margin-bottom: 1.5em;
}
.hrIndex .cusCounter h2 {
    font-size: 32px;
    margin-bottom: 1.5em;
}
.hrIndex .cusCounter div {
    letter-spacing: 20px;
    display: inline;
    background: #91d7f6;
    color: #143160;
    padding: 10px;
    border-radius: 10px;
    padding-left: 40px;
    font-size: 1.5em;
    font-weight: 700;
    font-variation-settings: "wght" 700, "dots" 4;
    text-align: center;
    margin-top: 13px;
    text-shadow: 6px 6px 8px rgba(0, 0, 0, 0.239);
}
.hrIndex #result-cusCounter {
    font-family: IRANYekanXFaNum, sans-serif;
    font-size: 31px;
}
.hrIndex .midBag {
    position: absolute;
    width: 75%;
    bottom: 200px;
    right: 0;
    z-index: 1;
    opacity: 0;
    display: none;
}
.hrIndex .midBag2 {
    position: absolute;
    opacity: 0;
}
@media screen and (max-width: 1900px) {
    .hrIndex .customers .cusSlider {
        height: 140px;
    }
    .hrIndex .customers .cusSlider a img {
        width: auto;
        height: 100px;
    }
    .hrIndex #customerWrap {
        padding-top: 1em;
    }
    .hrIndex .customers {
        margin-top: -200px;
    }
    .hrIndex .customersLink {
        bottom: -20px;
        left: 0.5em;
    }
    .hrIndex .midBag {
        width: 90%;
        bottom: -430px;
        right: 70px;
        z-index: 1;
        opacity: 1;
        display: unset;
    }
    .hrIndex .midBag2 {
        width: 50%;
        bottom: 170px;
        right: 550px;
        z-index: 1;
        opacity: 0.8;
        transform: rotate(180deg);
    }
}
@media screen and (max-width: 998px) {
    .hrIndex .midBag4 {
        display: none;
    }
    .hrIndex .customers {
        margin-top: 280px !important;
        justify-content: center;
    }
    .hrIndex .customersLink {
        bottom: -730px !important;
    }
    .hrIndex .midBag {
        display: none;
    }
    .hrIndex .midBag2 {
        display: none;
    }
    .hrIndex .customers .cusSlider::after,
    .hrIndex .customers .cusSlider::before {
        width: 100px;
    }
    .hrIndex .customers .cusSlider .swiper {
        top: 15px;
        width: 100%;
        height: 100%;
    }
    .hrIndex .cusCounter {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .customers {
        margin-top: 330px !important;
    }
    .hrIndex .customersLink {
        bottom: -730px !important;
    }
    .hrIndex .midBag {
        display: none;
    }
    .hrIndex .midBag2 {
        display: none;
    }
    .hrIndex .customers .cusSlider::after,
    .hrIndex .customers .cusSlider::before {
        width: 100px;
    }
    .hrIndex .customers .cusSlider .swiper {
        top: 15px;
        width: 100%;
        height: 100%;
    }
    .hrIndex .cusCounter {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 390px) {
    .hrIndex .cusCounter {
        margin-top: 50px;
    }
    .hrIndex .customersLink a {
        transform: translate(0, 150%);
    }
}
section.facilWrap {
    position: relative;
    width: 100%;
    padding-bottom: 5em !important;
    padding-top: 1em !important;
}
section.facilWrap h3 {
    text-align: center;
    font-family: IRANYekanX, serif;
    font-size: 80px;
    margin: 0;
    color: #0e99d6;
}
.facil {
    margin-top: 80px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    text-align: center;
    column-gap: 1em;
    row-gap: 1em;
    z-index: 2;
}
.facil div {
    flex-basis: 180px;
    padding: 5px;
    transform: perspective(50em) rotateX(19deg);
    position: relative;
}
.facil div a {
    overflow: hidden;
    display: block;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    -webkit-box-shadow: -4px 6px 19px 0 rgba(0, 0, 0, 0.122);
    box-shadow: -4px 6px 19px 0 rgba(0, 0, 0, 0.122);
    padding: 5px 10px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out 0.01s;
    transition: all 0.2s ease-in-out 0.01s;
    border: 5px solid #1e3364;
    box-shadow: 0 15px 20px #000;
    overflow: visible;
}
.facil div a:hover {
    -webkit-box-shadow: -11px 11px 20px 0 rgba(0, 0, 0, 0.122);
    box-shadow: -11px 11px 20px 0 rgba(0, 0, 0, 0.122);
}
.facil div a:hover img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}
.facil div a:hover h3 {
    color: #7c7c7c;
}
.facil div a:hover::after {
    width: 100%;
}
.facil div a img {
    height: 90px;
    margin-bottom: 15px;
    margin-top: 3px;
    -webkit-transition: all 0.2s ease-in-out 0.01s;
    transition: all 0.2s ease-in-out 0.01s;
    transform: translateY(-30px);
}
.facil div a h3 {
    font-size: 19px;
    font-weight: 700;
    color: #1e3364;
    line-height: 2;
    -webkit-transition: all 0.2s ease-in-out 0.01s;
    transition: all 0.2s ease-in-out 0.01s;
    width: 100%;
    margin: 0 auto;
    height: 4.3em;
    overflow: hidden;
}
.tableTalk {
    width: 100%;
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
}
@media screen and (max-width: 1900px) {
    section.facilWrap {
        padding-bottom: 10em !important;
        padding-top: 21em !important;
    }
}
@media screen and (max-width: 998px) {
    .tableTalk {
        width: 180%;
    }
}
@media screen and (max-width: 768px) {
    section.facilWrap {
        padding-bottom: 10em !important;
        padding-top: 16em !important;
        overflow: hidden;
    }
    .tableTalk {
        width: 310%;
        z-index: 0;
        bottom: 0;
        left: -100px;
    }
    .facil {
        position: relative;
        top: 50px;
    }
    section.facilWrap > h3 {
        position: relative;
        top: 70px;
    }
    .facil div a img {
        transform: unset;
    }
    .facil div {
        flex-basis: 200px;
        padding: 15px;
        transform: perspective(50em) rotateX(19deg);
        position: relative;
    }
}
@media screen and (max-width: 576px) {
    section.facilWrap {
        padding-bottom: 10em !important;
        padding-top: 16em !important;
        overflow: hidden;
    }
    .tableTalk {
        width: 440%;
        z-index: 0;
        bottom: 0;
        left: -200px;
    }
    .facil div {
        flex-basis: 180px;
        padding: 5px;
    }
}
@media screen and (max-width: 360px) {
    .facil div {
        flex-basis: 150px;
        padding: 0;
    }
    .facil div a {
        padding: 5px 5px;
    }
    .tableTalk {
        width: 480%;
    }
    .facil div a h3 {
        font-size: 21px;
        font-weight: 400;
    }
}
.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;
}
.hrIndex .videoBox .vboxWrap h2 {
    font-family: iransansdn, sans-serif;
    text-align: center;
    font-size: 50px;
    color: #fff;
    margin-bottom: 85px;
    position: relative;
    bottom: 50px;
    margin-top: 0;
}
.hrIndex .videoBox .vboxWrap h2 span {
    font-size: 80px;
}
.hrIndex .videoBox .vboxWrap .vdWrap {
    position: relative;
    z-index: 1;
}
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-next,
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-prev {
    color: #fff;
    opacity: 0.2;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-next:hover,
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-prev:hover {
    transform: scale(1.1);
}
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-next::after,
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-prev::after {
    font-size: 40px;
    font-weight: 900;
}
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-next.swiper-button-disabled,
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-prev.swiper-button-disabled {
    display: none;
}
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-next {
    right: -30px;
}
.hrIndex .videoBox .vboxWrap .vdWrap .vslider-prev {
    left: -30px;
}
.hrIndex .videoBox .vboxWrap .vdWrap .swiper-slide {
    display: flex;
    align-items: stretch;
    column-gap: 30px;
}
.hrIndex .videoBox .vboxWrap .vdWrap .vdTxt {
    flex-basis: 80%;
}
.hrIndex .videoBox .vboxWrap .vdWrap .vdTxt h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 2.5em;
    line-height: 1.8;
}
.hrIndex .videoBox .vboxWrap .vdWrap .vdTxt p {
    text-align: justify;
    font-size: 19px;
    line-height: 1.9;
}
@media screen and (max-width: 1900px) {
    .hrIndex .videoBox .vboxWrap .vdWrap .swiper-slide {
        column-gap: 30px;
        padding: 10px 40px;
        margin: 0;
    }
    .hrIndex section.videoBox > img:nth-child(1) {
        top: -100px !important;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .vslider-next {
        right: -10px;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .vslider-prev {
        left: -10px;
    }
}
@media screen and (max-width: 1280px) {
    .hrIndex .videoBox .vboxWrap h2 {
        font-size: 42px;
    }
    .hrIndex .videoBox .vboxWrap h2 span {
        font-size: 70px;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .vdTxt h3 {
        font-size: 20px;
    }
    .hrIndex .qreg {
        margin-top: -30px;
    }
}
@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;
    }
    .hrIndex .makhmal {
        width: 500% !important;
        top: 0 !important;
        display: none;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .swiper-slide {
        flex-direction: column;
        padding: 5px;
    }
    .hrIndex .videoBox .vboxWrap h2 {
        margin-bottom: 0;
        line-height: 1.5;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .vdTxt h3 {
        font-size: 22px;
        line-height: 2;
        text-align: center;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .vdSelf .vdContainer .vdPlayBtn {
        width: 80px;
        height: 80px;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .videoBox {
        overflow: hidden;
    }
    .hrIndex section.videoBox > img:nth-child(1) {
        top: 0 !important;
    }
    .hrIndex .makhmal {
        width: 500% !important;
        top: 0 !important;
        display: none;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap {
        flex-direction: column;
        padding: 5px;
    }
    .hrIndex .videoBox .vboxWrap h2 {
        margin-bottom: 0;
        line-height: 1.5;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .vdTxt h3 {
        font-size: 22px;
        line-height: 2;
        text-align: center;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .vdSelf .vdContainer .vdPlayBtn {
        width: 65px;
        height: 65px;
    }
}
@media screen and (max-width: 576px) {
    .hrIndex .videoBox .vboxWrap .vdWrap .vslider-next {
        right: -15px;
        opacity: 0.1;
    }
    .hrIndex .videoBox .vboxWrap .vdWrap .vslider-prev {
        left: -15px;
        opacity: 0.1;
    }
}
.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;
    }
}
.arrowMark {
    position: absolute;
    height: 500px;
    transform: scaleX(-1) rotate(-10deg) !important;
    left: 200px;
    bottom: 400px;
}
div.fhris {
    color: #fff;
}
div.fhris h3 {
    text-align: center;
    font-size: 55px;
    font-family: IRANYekanX;
}
div.fhris p {
    font-size: 20px;
    line-height: 1.9;
    width: 65%;
    margin: 0 auto;
}
.fone {
    position: absolute;
    z-index: 0;
    height: 400px;
    bottom: 65px;
    right: 80px;
}
@media screen and (max-width: 1900px) {
    .arrowMark {
        height: 400px;
        transform: scaleX(-1) rotate(-10deg) !important;
        left: 0;
        bottom: 450px;
    }
    div.fhris {
        position: relative;
        right: 40px;
    }
}
@media screen and (max-width: 998px) {
    .arrowMark {
        display: none;
    }
    div.fhris {
        right: 0;
        padding-top: 1em;
        text-align: center;
    }
    .fone {
        height: 360px;
        bottom: 0;
        right: 0;
        position: relative;
    }
    div.fhris p {
        width: 90%;
        text-align: justify;
    }
    div.fhris h3 {
        margin-top: 40px;
    }
    div.fhris {
        padding-bottom: 1em;
    }
}
@media screen and (max-width: 768px) {
    .arrowMark {
        display: none;
    }
    div.fhris {
        right: 0;
        padding-top: 1em;
        text-align: center;
    }
    .fone {
        height: 360px;
        bottom: 0;
        right: 0;
        position: relative;
    }
    div.fhris p {
        width: 90%;
        text-align: justify;
    }
    div.fhris h3 {
        margin-top: 40px;
    }
    div.fhris {
        padding-bottom: 1em;
    }
}
.hrIndex .qreg {
    margin: 200px 0 0;
    height: 700px;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    bottom: 360px;
}
.hrIndex .qreg .qregBtns {
    margin-top: 30px;
}
.hrIndex .qreg .qregBtns .qregBtnsWrap {
    display: flex;
    justify-content: flex-end;
    align-content: center;
    column-gap: 20px;
}
.hrIndex .qreg .qregBtns .qregBtnsWrap a {
    align-self: center;
}
.hrIndex .qreg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 30%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -2;
    background-color: rgba(14, 153, 214, 0.1);
    -webkit-clip-path: url(https://hrbox.ir/wp-content/cache/min/1/wp-content/themes/Hrbox/https://hrbox.ir/wp-content/cache/min/1/wp-content/themes/Hrbox/https://hrbox.ir/wp-content/cache/min/1/wp-content/themes/Hrbox/https://hrbox.ir/wp-content/cache/min/1/wp-content/themes/Hrbox/#testimonial_background1);
    clip-path: url(#testimonial_background1);
}
.hrIndex .qreg::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    height: calc(100% - 50px);
    background-color: #0e99d6;
    -webkit-clip-path: url(#testimonial_background1);
    clip-path: url(#testimonial_background1);
    top: 30%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
    background-image: radial-gradient(#fff 0.8px, transparent 1px), radial-gradient(#fff 0.5px, #0e99d6 0.5px);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;
}
.hrIndex .qregWrap .qregRight {
    font-family: IRANYekanX, sans-serif;
    position: relative;
    bottom: 20px;
    font-size: 40px;
    font-weight: 900;
    z-index: 1;
}
.hrIndex .qregWrap .qregRight a {
    position: relative;
    text-decoration: none;
    display: block;
    -webkit-animation-name: QuickRegister-img-right-box;
    animation-name: QuickRegister-img-right-box;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    color: #1e3363;
}
.hrIndex .qregWrap .qregRight a span {
    display: block;
    text-align: center;
    position: relative;
    left: 50px;
    line-height: 1.9;
}
.hrIndex .qregWrap .qregRight a .qpart2 b {
    padding: 2px 10px 5px;
    background-color: #ff4051;
    color: #fff;
    border-radius: 40px;
    border-top-right-radius: 40px;
    border-top-right-radius: 5px;
}
.hrIndex .qregWrap .qregRight a .qpart1,
.hrIndex .qregWrap .qregRight a .qpart2,
.hrIndex .qregWrap .qregRight a .qpart3 {
    font-size: 60px;
}
.hrIndex .qregWrap .qregRight a .qpart3 {
    font-size: 80px;
}
.hrIndex .qregInputs > div {
    justify-content: space-between;
    row-gap: 1em;
}
.hrIndex .qregInputs input[type="email"],
.hrIndex .qregInputs input[type="number"],
.hrIndex .qregInputs input[type="text"] {
    padding: 15px 20px;
    border-radius: 10px;
}
.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;
}
.hrIndex #qregForm #qregPhone {
    -moz-appearance: textfield;
    appearance: textfield;
    font-family: IRANYekanXFaNum, sans-serif;
}
.hrIndex .qbox {
    position: absolute;
    top: -200px;
    right: -130px;
}
.hrIndex .qreg .qregBtns .qregBtnsWrap a.hbtn {
    padding: 22px 30px;
}
.hrIndex .qregWrap.pure-g {
    position: relative;
    top: 150px;
}
@-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);
    }
}
@media screen and (max-width: 998px) {
    .hrIndex .qregWrap .qregRight a span {
        left: 0;
    }
    .hrIndex .qbox {
        top: -250px;
        right: -50px;
        width: 110%;
    }
    .hrIndex .qreg {
        margin: 200px 0 0;
    }
    .hrIndex .qregLeft {
        margin-top: 12em;
    }
    .hrIndex .qregRight {
        z-index: 3;
    }
    .hrIndex .qreg::before {
        z-index: 1;
    }
    .hrIndex .qreg::after {
        z-index: 2;
    }
    .hrIndex .qregWrap .qregRight {
        z-index: 3;
    }
    .hrIndex .qregWrap .qregRight a .qpart2 b {
        display: inline-block;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .qregWrap .qregRight a span {
        left: 0;
    }
    .hrIndex .qbox {
        top: -190px;
        right: -120px;
        width: 150%;
    }
    .hrIndex .qreg {
        margin: 100px 0 0;
    }
    .hrIndex .qregLeft {
        margin-top: 7em;
    }
    .hrIndex .qregRight {
        z-index: 3;
    }
    .hrIndex .qreg::before {
        z-index: 1;
    }
    .hrIndex .qreg::after {
        z-index: 2;
    }
    .hrIndex .qregWrap .qregRight {
        z-index: 3;
    }
    .hrIndex .qregWrap .qregRight a .qpart2 b {
        display: inline-block;
    }
}
@media screen and (max-width: 576px) {
    .hrIndex .qregWrap .qregRight a span {
        left: 0;
    }
    .hrIndex .qbox {
        top: -120px;
        right: -90px;
        width: 150%;
    }
    .hrIndex .qreg {
        margin: 100px 0 0;
    }
    .hrIndex .qregLeft {
        margin-top: 3em;
    }
    .hrIndex .qregRight {
        z-index: 3;
    }
    .hrIndex .qreg::before {
        z-index: 1;
    }
    .hrIndex .qreg::after {
        z-index: 2;
    }
    .hrIndex .qregWrap .qregRight {
        z-index: 3;
    }
    .hrIndex .qregWrap .qregRight a .qpart2 b {
        display: inline-block;
    }
}
@media screen and (max-width: 400px) {
    .hrIndex .qregWrap .qregRight a .qpart3 {
        font-size: 60px;
    }
    .hrIndex .qregWrap .qregRight a .qpart1,
    .hrIndex .qregWrap .qregRight a .qpart2,
    .hrIndex .qregWrap .qregRight a .qpart3 {
        font-size: 50px;
    }
    .hrIndex .qregLeft {
        margin-top: 10em;
    }
}
.service-item-slider {
    position: relative;
    z-index: 3;
    padding-top: 0 !important;
    bottom: 300px;
}
.service-item-slider h3 {
    text-align: center;
    font-family: IRANYekanX, serif;
    font-size: 80px;
    margin-bottom: 0.8em;
    margin-top: 0;
    color: #0e99d6;
}
.service-item-slider h2 {
    text-align: center;
    font-family: IRANYekanX, serif;
    font-size: 80px;
    margin-bottom: 0.8em;
    margin-top: 0;
    color: #0e99d6;
}
.service-item-slider .swiper-button-disabled {
    display: none;
}
.service-item-slider .slider-items-box .send-text-site {
    margin-top: -100px;
}
.swiper-container.gallery-top {
    overflow: hidden;
}
@media (max-width: 991px) {
    .service-item-slider {
        margin-top: 75px;
    }
}
@media (max-width: 767px) {
    .service-item-slider {
        margin-top: 20px;
        overflow: hidden;
    }
}
.service-item-slider .send-text-site .top-aside .line-bottom {
    margin-top: 60px;
    white-space: nowrap;
}
.service-item-slider .send-text-site .top-aside .line-bottom:after {
    content: "";
    height: 7px;
    font-size: 10px;
    color: #b6b6b6;
    display: block;
    white-space: nowrap;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(1%, transparent), color-stop(50%, #181920));
    -webkit-mask-image: linear-gradient(to left, transparent 1%, #181920 50%);
    mask-image: -webkit-gradient(linear, right top, left top, color-stop(15%, transparent), color-stop(50%, #181920));
    mask-image: linear-gradient(to left, transparent 15%, #181920 50%);
}
.service-item-slider .send-text-site .platform-sendmessage {
    margin-top: 20px;
}
.service-item-slider .send-text-site .img-link-aside {
    text-align: center;
}
.service-item-slider .send-text-site .img-link-aside img {
    width: 44px;
    height: 44px;
    margin-bottom: 30px;
}
.service-item-slider .send-text-site .top-aside-link {
    color: #181920;
    font-size: 15px;
    font-weight: 500;
    font-variation-settings: "wght" 500, "dots" 2;
    line-height: 50px;
    display: table;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    background: #fff;
    border: 1px dashed #181920;
    border-radius: 10px;
    height: 55px;
    padding: 1px 20px;
    -webkit-transition: all 0.1s ease-in-out 0.01s;
    transition: all 0.1s ease-in-out 0.01s;
    margin: 3px;
    display: inline-block;
    vertical-align: middle;
}
.service-item-slider .send-text-site .top-aside-link:hover {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    opacity: 0.7;
}
.service-item-slider .send-text-site .platform-sendmessage .item {
    text-align: center;
}
.service-item-slider .send-text-site .platform-sendmessage .item h2 {
    margin: 0;
}
.service-item-slider .send-text-site .platform-sendmessage .item a {
    color: #b6b6b6;
    font-size: 15px;
    font-weight: 500;
    font-variation-settings: "wght" 500, "dots" 2;
    line-height: 51px;
}
.service-item-slider .send-text-site .platform-sendmessage .item a i {
    background: #fff;
    border: 1px solid #b6b6b6;
    padding: 5px 8px;
    border-radius: 10px;
    margin-right: -20px;
    color: #b6b6b6;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.15s ease-in-out 0.1s;
    transition: all 0.15s ease-in-out 0.1s;
}
.service-item-slider .send-text-site .platform-sendmessage.swiper-wrapper {
    -webkit-transform: none !important;
    transform: none !important;
    display: block;
    width: 100%;
    position: relative;
}
.service-item-slider .send-text-site .platform-sendmessage.swiper-wrapper .swiper-slide {
    position: relative;
    width: 100% !important;
    height: 65px;
}
.service-item-slider .send-text-site .platform-sendmessage .item:hover a {
    background-color: #ececec;
    padding: 15px;
    border-radius: 10px;
    color: #181920;
}
.service-item-slider .send-text-site .platform-sendmessage .item:hover a i {
    background: #fff;
    border: 1px solid #69cfff;
    color: #181920;
    visibility: visible;
    margin-right: 10px;
    opacity: 1;
}
.service-item-slider .send-text-site .platform-sendmessage .item {
    margin-top: 5px;
    cursor: pointer;
}
.service-item-slider .send-text-site .platform-sendmessage .item a {
    -webkit-transition: all 0.15s ease-in-out 0.01s;
    transition: all 0.15s ease-in-out 0.01s;
    text-decoration: none;
}
.service-item-slider .browser-site {
    position: relative;
    -webkit-box-shadow: 0 0 50px rgba(5, 5, 5, 0.11);
    box-shadow: 0 0 50px rgba(5, 5, 5, 0.11);
    background-color: #fff;
    border-radius: 10px;
}
.service-item-slider .browser-site .swiper-button-next,
.service-item-slider .browser-site .swiper-button-prev,
.tslider-next,
.tslider-prev {
    width: 45px;
    height: 45px;
    -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.123);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.123);
    background-color: #fff;
    border-radius: 10px;
    color: #08407b;
    background-size: 15px 32px;
    -webkit-transition: all 0.1s ease-in-out 0.1s;
    transition: all 0.1s ease-in-out 0.1s;
}
.service-item-slider .browser-site .swiper-button-next:hover,
.service-item-slider .browser-site .swiper-button-prev:hover,
.tslider-next:hover,
.tslider-prev:hover {
    -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.068);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.068);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.service-item-slider .browser-site .egg-left {
    position: absolute;
    z-index: -1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    top: -119px;
    left: -54px;
    overflow: hidden;
    -webkit-animation-name: egg-left;
    animation-name: egg-left;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.service-item-slider .browser-site .egg-left svg {
    width: 432px;
    height: 582px;
}
@media (max-width: 480px) {
    .service-item-slider .browser-site .egg-left svg {
        display: none;
    }
}
.service-item-slider .browser-site .egg-left svg {
    width: 432px;
    height: 582px;
    -webkit-transform: rotate(115deg);
    transform: rotate(115deg);
}
.service-item-slider .browser-site .content-top-browser {
    margin-top: 12px;
}
.service-item-slider .browser-site .content-top-browser .swiper-slide {
    cursor: pointer;
}
.service-item-slider .browser-site .content-top-browser .swiper-slide a {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 100%;
    height: 100%;
}
.service-item-slider .browser-site .content-top-browser .swiper-slide figure {
    margin: 0;
    padding: 0;
}
.service-item-slider .browser-site .content-top-browser .swiper-slide figure img {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.service-item-slider .browser-site .content-top-browser .swiper-slide span {
    border-radius: 15px 15px 15px 15px;
    position: absolute;
    bottom: 31%;
    left: 35px;
    padding: 15px 20px;
    background-color: #69cfff;
    color: #181920;
    font-size: 17px;
}
.service-item-slider .browser-site .content-top-browser img {
    position: absolute;
    top: 18%;
    right: 50%;
    -webkit-transform: translate(50%, -50%) scale(1);
    transform: translate(50%, -50%) scale(1);
}
.service-item-slider .browser-site .content-top-browser .circle-blue,
.service-item-slider .browser-site .content-top-browser .circle-green {
    width: 12px;
    height: 11px;
    border-radius: 10px;
}
.service-item-slider .browser-site .content-top-browser .circle-green {
    background-color: #5ae371;
    margin-left: 6px;
    margin-right: 21px;
}
.service-item-slider .browser-site .content-top-browser .circle-blue {
    background-color: #6eece7;
    right: 15px;
    margin-left: 6px;
}
.service-item-slider .browser-site .content-top-browser .header-browser {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
}
@-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;
    }
}
.background-index.active {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #181920;
    opacity: 0;
    top: 0;
    right: 0;
    z-index: 9;
    -webkit-animation-name: background-index;
    animation-name: background-index;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    opacity: 0.8;
}
@-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;
    }
}
.service-item-slider .browser-site .egg-left {
    position: absolute;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    top: -119px;
    left: -54px;
    overflow: hidden;
    -webkit-animation-name: egg-left;
    animation-name: egg-left;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
.service-item-slider .browser-site .egg-left svg {
    width: 432px;
    height: 582px;
}
@-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;
    }
}
@media (max-width: 480px) {
    .service-item-slider .browser-site .egg-left svg {
        display: none;
    }
}
.service-item-slider .browser-site .egg-left svg {
    width: 432px;
    height: 582px;
    -webkit-transform: rotate(115deg);
    transform: rotate(115deg);
}
.swiper-container.gallery-top.browser-site.pure-u-16-24.swiper-container-initialized.swiper-container-horizontal.swiper-container-rtl.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl {
    overflow: hidden;
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
    font-size: 25px;
}
.sliderHandshake {
    position: absolute;
    bottom: -202px;
    right: 35%;
    height: 300px;
}
.midBag3 {
    position: absolute;
    width: 50%;
    bottom: 750px;
    left: -200px;
    z-index: 1;
    opacity: 0.8;
    transform: rotate(175deg);
}
@media screen and (max-width: 1900px) {
    .service-item-slider .send-text-site .platform-sendmessage.swiper-wrapper .swiper-slide {
        height: 46px;
    }
    .midBag3 {
        bottom: 550px;
        left: 0;
        transform: rotate(190deg);
    }
    .service-item-slider .send-text-site .platform-sendmessage .item a {
        color: #b6b6b6;
        font-size: 14px;
        font-weight: 500;
        font-variation-settings: "wght" 500, "dots" 2;
        line-height: 51px;
    }
    .service-item-slider .browser-site .content-top-browser img {
        top: 12%;
        right: 50%;
        -webkit-transform: translate(50%, -50%) scale(1);
        transform: translate(50%, -50%) scale(1);
        height: 95%;
    }
    .service-item-slider .browser-site .content-top-browser .swiper-slide span {
        bottom: 43%;
        left: 30px;
        font-size: 17px;
    }
}
@media screen and (max-width: 998px) {
    .service-item-slider {
        margin-top: 320px;
        overflow: hidden;
    }
    .service-item-slider .slider-items-box .send-text-site {
        display: none;
    }
    .slider-items-box {
        height: 450px;
    }
    .slider-items-box .pure-g {
        height: 100%;
    }
    .slider-items-box .pure-g .service-item-slider .browser-site {
        height: 100%;
    }
    .service-item-slider .browser-site {
        height: 100%;
    }
    .service-item-slider .browser-site .content-top-browser img {
        top: 3%;
        right: 50%;
        height: 70%;
    }
    .midBag3 {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .service-item-slider {
        margin-top: 450px;
        overflow: hidden;
    }
    .service-item-slider .slider-items-box .send-text-site {
        display: none;
    }
    .slider-items-box {
        height: 450px;
    }
    .slider-items-box .pure-g {
        height: 100%;
    }
    .slider-items-box .pure-g .service-item-slider .browser-site {
        height: 100%;
    }
    .service-item-slider .browser-site {
        height: 100%;
    }
    .service-item-slider .browser-site .content-top-browser img {
        top: 3%;
        right: 50%;
        height: 70%;
    }
    .midBag3 {
        display: none;
    }
}
@media screen and (max-width: 576px) {
    .service-item-slider {
        margin-top: 380px;
        overflow: hidden;
    }
}
.cusComments {
    background: #fff;
    position: relative;
}
.cusComments .testimonialWrap {
    margin-top: -310px;
    margin-bottom: 7em;
}
.cusComments .testimonialWrap .tslider h4 {
    font-family: IRANyekanX, sans-serif;
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    margin-bottom: 1.5em;
}
.cusComments .testimonialWrap .tslider h2 {
    font-family: IRANyekanX, sans-serif;
    font-weight: 700;
    font-size: 35px;
    text-align: center;
    margin-bottom: 1.5em;
}
.cusComments .testimonialWrap .tslider figure {
    position: relative;
}
.cusComments .testimonialWrap .tslider figure img {
    height: 200px;
    width: 200px;
    display: block;
    text-align: center;
    margin: 2em auto;
    border-radius: 30px;
    transform: rotate(10deg);
    transition: all 0.5s ease-out;
}
.cusComments .testimonialWrap .tslider figure img:hover {
    transform: rotate(0);
}
.cusComments .testimonialWrap .tslider figure::before {
    content: " ";
    width: 220px;
    height: 220px;
    background-color: #cff5ff;
    border-radius: 30px;
    position: absolute;
    z-index: -2;
    right: 41%;
    bottom: -5px;
    transition: all 0.5s ease-in-out;
}
.cusComments .testimonialWrap .tslider figure:hover::before {
    transform: rotate(-10deg);
}
.cusComments .testimonialWrap .tslider figure.not-active {
    position: relative;
}
.cusComments .testimonialWrap .tslider figure.not-active img {
    transform: unset;
    position: relative;
    left: 5px;
    bottom: 5px;
}
.cusComments .testimonialWrap .tslider figure.not-active img:hover {
    transform: unset;
}
.cusComments .testimonialWrap .tslider p {
    width: 70%;
    line-height: 2;
    font-size: 18px;
    margin: 1em auto 20px;
    text-align: justify;
    margin-bottom: 2em;
    font-family: iransans, serif;
    color: #464856;
}
.cusComments .testimonialWrap .tslider span.cusName {
    font-family: IRANyekanX, sans-serif;
    font-weight: 700;
    font-size: 27px;
    display: block;
    text-align: center;
    margin-bottom: 1em;
    color: #666;
}
.cusComments .testimonialWrap .tslider span.cusPost {
    display: block;
    text-align: center;
    margin-bottom: 100px;
    font-family: IRANyekanX, sans-serif;
    font-weight: 700;
    font-size: 19px;
    color: #666;
}
.cusComments .testimonialWrap .tslider-prev {
    transform: rotate(10deg);
    background-color: #0e99d6;
    transition: all 0.4s ease-out;
    color: #fff;
}
.cusComments .testimonialWrap .tslider-prev::after {
    transform: rotate(-10deg);
}
.cusComments .testimonialWrap .tslider-prev:hover {
    transform: rotate(0);
}
.cusComments .testimonialWrap .tslider-next {
    transform: rotate(-10deg);
    background-color: #0e99d6;
    transition: all 0.4s ease-out;
    color: #fff;
}
.cusComments .testimonialWrap .tslider-next::after {
    transform: rotate(10deg);
}
.cusComments .testimonialWrap .tslider-next:hover {
    transform: rotate(0);
}
.jailBox {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    opacity: 0.7;
}
@media screen and (max-width: 1900px) {
    .cusComments .testimonialWrap .tslider img {
        height: 130px;
        display: block;
        border-radius: 50%;
        text-align: center;
        margin: 1.4em auto;
    }
    .cusComments .testimonialWrap .tslider h4 {
        font-size: 30px;
        margin-bottom: 1.5em;
    }
    .cusComments .testimonialWrap .tslider p {
        width: 70%;
        line-height: 1.8;
        font-size: 16px;
        margin: 1em auto 20px;
    }
    .cusComments .testimonialWrap .tslider span.cusName {
        font-size: 22px;
        margin-bottom: 1em;
        color: #666;
    }
    .cusComments .testimonialWrap .tslider span.cusPost {
        margin-bottom: 55px;
        font-size: 18px;
        color: #666;
    }
}
@media screen and (max-width: 998px) {
    .cusComments .testimonialWrap .tslider figure::before {
        right: 35%;
    }
    .cusComments .testimonialWrap .tslider-next,
    .cusComments .testimonialWrap .tslider-prev {
        display: none;
    }
    .jailBox {
        right: 0;
        width: 100%;
        bottom: 20%;
    }
    .midBag4 {
        top: -100px;
        opacity: 1;
        right: 25%;
    }
}
@media screen and (max-width: 768px) {
    .cusComments .testimonialWrap .tslider figure::before {
        right: 29%;
    }
    .cusComments .testimonialWrap .tslider-next,
    .cusComments .testimonialWrap .tslider-prev {
        display: none;
    }
    .jailBox {
        right: -15px;
        width: 110%;
        bottom: 40%;
    }
    .midBag4 {
        top: -100px;
        opacity: 1;
        right: 25%;
    }
}
@media screen and (max-width: 576px) {
    .cusComments .testimonialWrap .tslider figure::before {
        right: 49%;
        transform: translateX(50%);
    }
    .cusComments .testimonialWrap .tslider figure:hover::before {
        transform: rotate(0) translateX(50%);
    }
}
.blogList {
    padding-top: 5em !important;
    padding-bottom: 3em !important;
}
.blogList .blWrap {
    position: relative;
}
.blogList .blWrap .blHeaders {
    position: relative;
}
.blogList .blWrap .blHeaders h4 {
    text-align: center;
    font-family: IRANYekanX, sans-serif;
    font-size: 35px;
    color: #444;
}
.blogList .blWrap .blHeaders h2 {
    text-align: center;
    font-family: IRANYekanX, sans-serif;
    font-size: 35px;
    color: #444;
}
.blogList .blWrap .blHeaders .blMore {
    font-family: IRANYekanX, serif;
    font-size: 22px;
    position: relative;
    width: 100%;
}
.blogList .blWrap .blHeaders .blMore span {
    position: absolute;
    left: 50px;
    bottom: 50px;
}
.blogList .blWrap .blHeaders .blMore span a {
    text-decoration: none;
    font-size: 19px;
    color: #1097d1;
}
.blogList .blWrap .blHeaders .blMore span a i {
    position: relative;
    top: 5px;
}
.blogList .blWrap .blList {
    margin-top: 10em;
    row-gap: 4em;
}
.blogList .blWrap .blList .bllitem {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 90%;
    margin-bottom: 5em;
    box-shadow: 0 0 50px rgba(5, 5, 5, 0.11);
    box-sizing: border-box;
    padding: 10px 1em;
    border-radius: 20px;
    height: 300px;
}
.blogList .blWrap .blList .bllitem img {
    height: 250px;
    width: 250px;
    border-radius: 15px;
    transform: rotate(-5deg);
    margin-bottom: 0.5em;
    margin-top: -30px;
    transition: all 0.3s ease-out;
    position: absolute;
    top: -2.5em;
    right: 4.3em;
}
.blogList .blWrap .blList .bllitem:hover img {
    transform: rotate(0) scale(1.1);
}
.blogList .blWrap .blList .bllitem a {
    text-decoration: none;
}
.blogList .blWrap .blList .bllitem h6 {
    font-size: 16px;
    color: #444;
    text-decoration: none;
    line-height: 2;
    padding: 0 30px 0 20px;
    margin: 12em auto 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 66px;
}
.blogList .blWrap .blList .bllitem h3 {
    font-size: 16px;
    color: #444;
    text-decoration: none;
    line-height: 2;
    padding: 0 30px 0 20px;
    margin: 12em auto 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 66px;
}
.blogList .blWrap .blList .bllitem:after {
    position: absolute;
    content: " ";
    width: 84%;
    height: 8px;
    background: #eaeaea;
    bottom: -8px;
    right: 50%;
    border-radius: 0 0 100px 100px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 0;
}
.midBag4 {
    position: absolute;
    right: 80px;
    top: -320px;
    width: 60%;
    transform: rotate(-5deg);
    z-index: 0;
    opacity: 0.6;
}
@media screen and (max-width: 1900px) {
    .midBag4 {
        top: -170px;
    }
}
@media screen and (max-width: 998px) {
    .blogList .blWrap .blList .bllitem {
        margin-right: auto;
        margin-left: auto;
        width: 60%;
    }
    .blogList .blWrap .blHeaders .blMore {
        display: none;
    }
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
    .blogList .blWrap .blList .bllitem img {
        right: 5.5em;
    }
    .blogList .blWrap .blHeaders h4 {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .blogList .blWrap .blList .bllitem {
        margin-right: auto;
        margin-left: auto;
        width: 70%;
    }
    .blogList .blWrap .blHeaders .blMore {
        display: none;
    }
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
    .blogList .blWrap .blList .bllitem img {
        right: 3.2em;
    }
    .blogList .blWrap .blHeaders h4 {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 576px) {
    .blogList .blWrap .blList .bllitem {
        margin-right: auto;
        margin-left: auto;
        width: 90%;
    }
    .blogList .blWrap .blHeaders .blMore {
        display: none;
    }
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
    .blogList .blWrap .blList .bllitem img {
        right: 50%;
        transform: translate(50%) rotate(-5deg);
    }
    .blogList .blWrap .blList .bllitem:hover img {
        transform: translate(50%) rotate(0) scale(1.1);
    }
    .blogList .blWrap .blHeaders h4 {
        margin-bottom: 0;
    }
    .blogList .tslider-next,
    .blogList .tslider-prev {
        display: none;
    }
}
@media screen and (max-width: 390px) {
    .blogList .blWrap .blList .bllitem img {
        height: 200px;
        width: 200px;
        margin-top: 15px;
    }
}
.aboutLines {
    position: relative;
    padding-bottom: 5em;
}
.aboutLines article h2 {
    font-weight: 700;
    font-size: 1.2em;
    color: #333;
    margin-bottom: 20px;
    margin-top: 30px;
}
.aboutLines article p {
    font-size: 16px;
    color: #464856;
    line-height: 2;
    text-align: justify;
}
.aboutLines article p a {
    color: #0b1c3a;
    font-weight: 500;
    background-color: #cff5ff;
    margin: 0 5px;
    -webkit-transition: all 0.15s ease-in-out 0.01s;
    transition: all 0.15s ease-in-out 0.01s;
}
.aboutLines article p a:hover {
    background-color: #69cfff;
}
.midBag5 {
    position: absolute;
    top: -100px;
    width: 40%;
    transform: rotate(120deg);
    z-index: 0;
    opacity: 0.6;
    left: -150px;
}
@media screen and (max-width: 1900px) {
    .midBag5 {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .aboutLines article p {
        text-align: justify;
    }
    .aboutLines {
        padding-bottom: 10em;
    }
}
.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;
}
.contact-box .contCover .contWraper {
    position: relative;
    align-items: center;
    top: 70px;
    padding-bottom: 50px;
}
.contact-box .contCover .contWraper .supportImage {
    position: relative;
    right: 0;
}
.contact-box .contCover .contWraper .supportImage img {
    position: absolute;
    height: 300px;
    bottom: -100px;
    right: 20px;
}
.contact-box .contCover .contWraper .contText {
    padding-right: 60px;
}
.contact-box .contCover .contWraper .contText h2 {
    font-weight: 700;
    font-size: 40px;
    color: #fff;
    position: relative;
    bottom: 80px;
    margin-top: 1em;
    margin-bottom: 1em;
}
.contact-box .contCover .contWraper .contText h2 span {
    font-size: 60px;
}
.contact-box .contCover .contWraper .contText p {
    font-size: 24px;
    color: #fff;
    margin-right: 15px;
    position: relative;
    left: 10px;
    bottom: 50px;
}
.contact-box .fTrial {
    display: block;
    width: 100%;
    text-align: center;
}
.contact-box .fTrial a {
    position: relative;
    top: 5px;
    color: #22211e;
    font-family: IRANYekanX, sans-serif;
    font-size: 21px;
    font-weight: 700;
    background-color: #e59d23;
    padding: 18px 40px;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 5px 40px #fff;
}
.contact-box .qbox {
    right: -70px !important;
    top: -150px;
}
.contact-box .qbox img {
    height: 400px !important;
    animation-name: egg-left;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
@media screen and (max-width: 1900px) {
    .contact-box .contCover .contWraper .contText {
        padding-right: 100px;
    }
    .contact-box .contCover .contWraper .supportImage img {
        right: 20px;
    }
    .contact-box .contCover .contWraper .contText {
        padding-right: 40px;
    }
}
@media screen and (max-width: 998px) {
    .contact-box .contCover .contWraper .supportImage {
        position: relative;
        right: 120px;
        bottom: 130px;
    }
    .contact-box .contCover .contWraper .contText p {
        line-height: 1.9;
        font-size: 19px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }
    .contact-box .contCover .contWraper .contText h2 {
        line-height: 1.5;
        font-size: 30px;
        text-align: center;
        margin-bottom: 0;
    }
    .contact-box .contCover .contWraper .contText h2 span {
        font-size: 50px;
    }
    .contact-box .contCover .contWraper .contText {
        padding-right: 5px;
        padding-left: 5px;
    }
    .contact-box {
        width: 97%;
        margin-top: 13em;
    }
    .contact-box .contCover .contWraper .contText h2 br:first-child {
        display: none;
    }
    .contact-box .contCover .contWraper .supportImage img {
        right: 13%;
    }
}
@media screen and (max-width: 768px) {
    .contact-box .contCover .contWraper .supportImage {
        position: relative;
        right: 120px;
        bottom: 130px;
    }
    .contact-box .contCover .contWraper .contText p {
        line-height: 1.9;
        font-size: 19px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }
    .contact-box .contCover .contWraper .contText h2 {
        line-height: 1.5;
        font-size: 30px;
        text-align: center;
        margin-bottom: 0;
    }
    .contact-box .contCover .contWraper .contText h2 span {
        font-size: 50px;
    }
    .contact-box .contCover .contWraper .contText {
        padding-right: 5px;
        padding-left: 5px;
    }
    .contact-box {
        width: 97%;
    }
    .contact-box .contCover .contWraper .contText h2 br:first-child {
        display: none;
    }
    .contact-box .contCover .contWraper .supportImage img {
        right: 20px;
    }
}
@media screen and (max-width: 576px) {
    .contact-box .contCover .contWraper .supportImage {
        position: relative;
        right: 10px;
        bottom: 17rem;
    }
    .contact-box .contCover .contWraper .contText p {
        line-height: 1.9;
        font-size: 19px;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
    }
    .contact-box .contCover .contWraper .contText h2 {
        line-height: 1.5;
        font-size: 30px;
        text-align: center;
        margin-bottom: 0;
    }
    .contact-box .contCover .contWraper .contText h2 span {
        font-size: 50px;
    }
    .contact-box .contCover .contWraper .contText {
        padding-right: 5px;
        padding-left: 5px;
    }
    .contact-box {
        width: 97%;
    }
    .contact-box .contCover .contWraper .contText h2 br:first-child {
        display: none;
    }
}
@media screen and (max-width: 360px) {
    .contact-box .contCover .contWraper .supportImage {
        right: 20px;
    }
    .contact-box .fTrial a {
        font-size: 19px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1370px) {
    .contact-box .contCover .contWraper .contText h2 {
        font-size: 32px;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
    .contact-box .contCover .contWraper .contText h2 span {
        font-size: 52px;
    }
    .contact-box .contCover .contWraper {
        padding-bottom: 25px;
    }
    .contact-box .contCover .contWraper .contText p {
        font-size: 21px;
    }
}
.jailBox {
    position: absolute;
    width: 100%;
    top: 20%;
    opacity: 0.2;
    z-index: -1;
}
@media screen and (max-width: 1900px) {
    .jailBox {
        position: absolute;
        width: 100%;
        top: 60%;
        opacity: 0.2;
    }
}
@media screen and (max-width: 998px) {
    .jailBox {
        display: none;
    }
}
.gallery {
    position: relative;
    margin: 7em 0;
}
.gallery .gallery-wrap h2 {
    font-family: IRANYekanX, serif;
    font-weight: 700;
    font-size: 35px;
    margin: 1em 0 2em;
    color: #404347;
}
.pagination {
    transition: all 0.3s ease-in-out;
    margin-top: 5em;
}
.pagination:hover {
    color: #505357;
}
.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 .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 .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-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 .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;
    }
}
.videoBox {
    position: relative;
    padding-top: 5em;
    padding-bottom: 7em;
}
.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.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 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);
}
aside.aside-content {
    margin-top: 4em;
    padding: 2em 20px;
}
aside.aside-content .banner .item {
    width: 100%;
    text-align: center;
    margin-bottom: 1.5em;
}
aside.aside-content .banner .item a {
    display: block;
}
aside.aside-content .banner .item a img {
    max-width: 100%;
    height: auto;
    transition: all 0.3s ease-in-out;
}
aside.aside-content .banner .item a img:hover {
    transform: scale(1.05);
}
aside.aside-content .image-post .item {
    margin-bottom: 0.7em;
}
aside.aside-content .image-post .item a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.247);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.247);
    transition: all 0.3s ease-in-out;
}
aside.aside-content .image-post .item a:hover {
    transform: scale(1.05);
}
aside.aside-content .image-post .item a img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
aside.aside-content .image-post .item a h5 {
    width: 90%;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 15px;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
}
aside.aside-content .image-post .item a:after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 998px) {
    aside.aside-content {
        margin-top: 0;
    }
}
@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;
}
.pagination {
    transition: all 0.3s ease-in-out;
    margin-top: 5em;
}
.pagination:hover {
    color: #505357;
}
@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;
}
.hrIndex #customerWrap {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
}
.hrIndex .customersLink {
    position: relative;
    z-index: 2;
    bottom: -140px;
    font-size: 30px;
    font-family: IRANYekanX, serif;
    display: block;
    text-align: left;
}
.hrIndex .customersLink a {
    color: #1175ac;
    text-decoration: none;
    font-size: 18px;
}
.hrIndex .customersLink a i {
    position: relative;
    top: 6px;
}
.hrIndex .customers {
    margin-top: -100px;
    position: relative;
    z-index: 2;
    margin-bottom: 5em;
    column-gap: 100px;
}
.hrIndex .customers .cusSlider {
    position: relative;
    flex-grow: 0.3;
    height: 180px;
    padding-right: 20px;
}
.hrIndex .customers .cusSlider a {
    display: block;
}
.hrIndex .customers .cusSlider a img {
    width: auto;
    height: 120px;
}
.hrIndex .customers .cusSlider .swiper-container {
    align-items: center;
    height: 100%;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(-18%, transparent), color-stop(50%, #181920));
    -webkit-mask-image: linear-gradient(to right, transparent -18%, #181920 50%);
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(-18%, transparent), color-stop(50%, #181920));
    mask-image: linear-gradient(to right, transparent -18%, #181920 50%);
}
.hrIndex .customers .cusSlider .swiper {
    position: relative;
    top: 15px;
    width: 700px;
    height: 100%;
}
.hrIndex .customers .cusSlider .swiper .swiper-slide {
    width: 118px;
    margin-left: 50px;
}
.hrIndex .customers .cusSlider::before {
    content: "";
    -webkit-box-shadow: inset 0 0 32px #d9f3ff;
    box-shadow: inset 0 0 32px #d9f3ff;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 200px;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, transparent), color-stop(75%, #181920));
    -webkit-mask-image: linear-gradient(to right, transparent 25%, #181920 75%);
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(25%, transparent), color-stop(75%, #181920));
    mask-image: linear-gradient(to right, transparent 25%, #181920 75%);
    border-radius: 15px;
    padding: 33px;
}
.hrIndex .customers .cusSlider::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 200px;
    padding: 33px;
    -webkit-box-shadow: inset 0 0 32px #d9f3ff;
    box-shadow: inset 0 0 32px #d9f3ff;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, transparent), color-stop(75%, #181920));
    -webkit-mask-image: linear-gradient(to left, transparent 25%, #181920 75%);
    mask-image: -webkit-gradient(linear, right top, left top, color-stop(25%, transparent), color-stop(75%, #181920));
    mask-image: linear-gradient(to left, transparent 25%, #181920 75%);
    border-radius: 15px;
}
.hrIndex .cusCounter {
    position: relative;
    bottom: 10px;
    flex-direction: column;
    flex-grow: 0.5;
}
.hrIndex .cusCounter div {
    letter-spacing: 20px;
    display: inline;
    background: #91d7f6;
    color: #143160;
    padding: 10px;
    border-radius: 10px;
    padding-left: 40px;
    font-size: 1.5em;
    font-weight: 700;
    font-variation-settings: "wght" 700, "dots" 4;
    text-align: center;
    margin-top: 13px;
    text-shadow: 6px 6px 8px rgba(0, 0, 0, 0.239);
}
.hrIndex #result-cusCounter {
    font-family: IRANYekanXFaNum, sans-serif;
    font-size: 31px;
}
.hrIndex .midBag {
    position: absolute;
    width: 75%;
    bottom: 200px;
    right: 0;
    z-index: 1;
    opacity: 0;
    display: none;
}
.hrIndex .midBag2 {
    position: absolute;
    opacity: 0;
}
@media screen and (max-width: 1900px) {
    .hrIndex .customers .cusSlider {
        height: 140px;
    }
    .hrIndex .customers .cusSlider a img {
        width: auto;
        height: 100px;
    }
    .hrIndex #customerWrap {
        padding-top: 1em;
    }
    .hrIndex .customers {
        margin-top: -200px;
    }
    .hrIndex .customersLink {
        bottom: -20px;
        left: 0.5em;
    }
    .hrIndex .midBag {
        width: 90%;
        bottom: -430px;
        right: 70px;
        z-index: 1;
        opacity: 1;
        display: unset;
    }
    .hrIndex .midBag2 {
        width: 50%;
        bottom: 170px;
        right: 550px;
        z-index: 1;
        opacity: 0.8;
        transform: rotate(180deg);
    }
}
@media screen and (max-width: 998px) {
    .hrIndex .midBag4 {
        display: none;
    }
    .hrIndex .customers {
        margin-top: 280px !important;
        justify-content: center;
    }
    .hrIndex .customersLink {
        bottom: -730px !important;
    }
    .hrIndex .midBag {
        display: none;
    }
    .hrIndex .midBag2 {
        display: none;
    }
    .hrIndex .customers .cusSlider::after,
    .hrIndex .customers .cusSlider::before {
        width: 100px;
    }
    .hrIndex .customers .cusSlider .swiper {
        top: 15px;
        width: 100%;
        height: 100%;
    }
    .hrIndex .cusCounter {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 768px) {
    .hrIndex .customers {
        margin-top: 330px !important;
    }
    .hrIndex .customersLink {
        bottom: -730px !important;
    }
    .hrIndex .midBag {
        display: none;
    }
    .hrIndex .midBag2 {
        display: none;
    }
    .hrIndex .customers .cusSlider::after,
    .hrIndex .customers .cusSlider::before {
        width: 100px;
    }
    .hrIndex .customers .cusSlider .swiper {
        top: 15px;
        width: 100%;
        height: 100%;
    }
    .hrIndex .cusCounter {
        margin-bottom: 70px;
    }
}
@media screen and (max-width: 390px) {
    .hrIndex .cusCounter {
        margin-top: 50px;
    }
    .hrIndex .customersLink a {
        transform: translate(0, 150%);
    }
}
.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 .cmbRight #qregForm #qregPhone::-webkit-inner-spin-button,
.contact-main-box .cmbWrap .cmbRight #qregForm #qregPhone::-webkit-outer-spin-button {
    display: none;
    -webkit-appearance: none;
    appearance: textfield;
}
.contact-main-box .cmbWrap .cmbRight #qregForm #qregPhone {
    -moz-appearance: textfield;
    appearance: textfield;
    font-family: IRANYekanXFaNum, sans-serif;
}
.contact-main-box .cmbWrap .cmbRight .qregInputs > div {
    justify-content: space-between;
    row-gap: 1.2em;
}
.contact-main-box .cmbWrap .cmbRight .qregInputs input[type="email"],
.contact-main-box .cmbWrap .cmbRight .qregInputs input[type="number"],
.contact-main-box .cmbWrap .cmbRight .qregInputs input[type="text"] {
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 14px;
}
.contact-main-box .cmbWrap .cmbRight .qregBtns {
    text-align: left;
    margin-top: 25px;
}
.contact-main-box .cmbWrap .cmbRight .qregBtns .qregBtnsWrap {
    display: flex;
    justify-content: flex-end;
    column-gap: 2em;
    align-items: center;
}
.contact-main-box .cmbWrap .cmbRight .qregBtns .qregBtnsWrap a {
    text-decoration: none;
    color: #a9a9a9;
    font-weight: 700;
}
.contact-main-box .cmbWrap .cmbRight .qregBtns .qregBtnsWrap .hbtn {
    padding: 20px 30px;
    color: #fff;
}
.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 .qregBtns .qregBtnsWrap .hbtn {
        padding: 15px 15px;
        font-size: 18px;
    }
    .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;
}
.blogList .blWrap {
    position: relative;
}
.blogList .blWrap .blHeaders {
    position: relative;
}
.blogList .blWrap .blHeaders h4 {
    text-align: center;
    font-family: IRANYekanX, sans-serif;
    font-size: 35px;
    color: #444;
}
.blogList .blWrap .blHeaders .blMore {
    font-family: IRANYekanX, serif;
    font-size: 22px;
    position: relative;
    width: 100%;
}
.blogList .blWrap .blHeaders .blMore span {
    position: absolute;
    left: 50px;
    bottom: 50px;
}
.blogList .blWrap .blHeaders .blMore span a {
    text-decoration: none;
    font-size: 19px;
    color: #1097d1;
}
.blogList .blWrap .blHeaders .blMore span a i {
    position: relative;
    top: 5px;
}
.blogList .blWrap .blList {
    margin-top: 10em;
    row-gap: 4em;
}
.blogList .blWrap .blList .bllitem {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 90%;
    margin-bottom: 5em;
    box-shadow: 0 0 50px rgba(5, 5, 5, 0.11);
    box-sizing: border-box;
    padding: 10px 1em;
    border-radius: 20px;
    height: 300px;
}
.blogList .blWrap .blList .bllitem img {
    height: 250px;
    width: 250px;
    border-radius: 15px;
    transform: rotate(-5deg);
    margin-bottom: 0.5em;
    margin-top: -30px;
    transition: all 0.3s ease-out;
    position: absolute;
    top: -2.5em;
    right: 4.3em;
}
.blogList .blWrap .blList .bllitem:hover img {
    transform: rotate(0) scale(1.1);
}
.blogList .blWrap .blList .bllitem a {
    text-decoration: none;
}
.blogList .blWrap .blList .bllitem h6 {
    font-size: 16px;
    color: #444;
    text-decoration: none;
    line-height: 2;
    padding: 0 30px 0 20px;
    margin: 12em auto 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 66px;
}
.blogList .blWrap .blList .bllitem h3 {
    font-size: 16px;
    color: #444;
    text-decoration: none;
    line-height: 2;
    padding: 0 30px 0 20px;
    margin: 12em auto 0;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 66px;
}
.blogList .blWrap .blList .bllitem:after {
    position: absolute;
    content: " ";
    width: 84%;
    height: 8px;
    background: #eaeaea;
    bottom: -8px;
    right: 50%;
    border-radius: 0 0 100px 100px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: 0;
}
.midBag4 {
    position: absolute;
    right: 80px;
    top: -320px;
    width: 60%;
    transform: rotate(-5deg);
    z-index: 0;
    opacity: 0.6;
}
@media screen and (max-width: 1900px) {
    .midBag4 {
        top: -170px;
    }
}
@media screen and (max-width: 998px) {
    .blogList .blWrap .blList .bllitem {
        margin-right: auto;
        margin-left: auto;
        width: 60%;
    }
    .blogList .blWrap .blHeaders .blMore {
        display: none;
    }
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
    .blogList .blWrap .blList .bllitem img {
        right: 5.5em;
    }
    .blogList .blWrap .blHeaders h4 {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px) {
    .blogList .blWrap .blList .bllitem {
        margin-right: auto;
        margin-left: auto;
        width: 70%;
    }
    .blogList .blWrap .blHeaders .blMore {
        display: none;
    }
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
    .blogList .blWrap .blList .bllitem img {
        right: 3.2em;
    }
    .blogList .blWrap .blHeaders h4 {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 576px) {
    .blogList .blWrap .blList .bllitem {
        margin-right: auto;
        margin-left: auto;
        width: 90%;
    }
    .blogList .blWrap .blHeaders .blMore {
        display: none;
    }
    .blogList {
        padding-top: 1em !important;
        padding-bottom: 0 !important;
    }
    .blogList .blWrap .blList .bllitem img {
        right: 50%;
        transform: translate(50%) rotate(-5deg);
    }
    .blogList .blWrap .blList .bllitem:hover img {
        transform: translate(50%) rotate(0) scale(1.1);
    }
    .blogList .blWrap .blHeaders h4 {
        margin-bottom: 0;
    }
    .blogList .tslider-next,
    .blogList .tslider-prev {
        display: none;
    }
}
@media screen and (max-width: 390px) {
    .blogList .blWrap .blList .bllitem img {
        height: 200px;
        width: 200px;
        margin-top: 15px;
    }
}
.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) {
    .contact-box .contCover .contWraper .supportImage img{
        right: 0 !important;
    }
    footer.fitOne .fitCredit a {
        margin: 0 5px;
    }
}
.hrIndex .midBag4 {
    display: none;
}
.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/uploads/2024/12/hrbox-typoW40x.webp) 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/uploads/2024/12/hrbox-typo40x.webp) 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: 44px;
    }
    .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;
    }
}
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 {
        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 {
        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;
}
.pointer {
    cursor: pointer;
}
.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 !important;
    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%;
}
.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;
}
.cusComments .testimonialWrap .tslider figure.not-active img:hover {
    transform: none !important;
}
.c3 {
    color: #333 !important;
}
.c4 {
    margin-top: 322px;
}
.cusComments .testimonialWrap .tslider figure img {
    width: 200px !important;
}
.cusComments .testimonialWrap .tslider p {
    margin: 0 auto !important;
}
.cusComments .testimonialWrap .tslider span.cusName {
    margin-top: 30px !important;
}
.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 screen and (max-width: 1280px) {
    .hrIndex .topHeader a.hbtn {
        font-size: 15px !important;
    }
}
@media screen and (max-width: 1200px) {
    .hrIndex .topHeader a.hbtn {
        font-size: 15px !important;
    }
}
@media (max-width: 992px) {
    .myform input[type="submit"] {
        width: 180px;
    }
    .hrIndex #qregForm {
        padding-bottom: 60px;
    }
    .myform .myformbe {
        left:264px;
        top: 74%;
    }
    .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;
    }
    .tableTalk {
        display: none;
    }
}
@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: 225px;
        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)
}