@font-face {
    font-family: Roboto;
    src: url("../webfonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: Poppins;
    src: url(../webfonts/Poppins-Regular.ttf);
}

* {
    font-family: Roboto
}

body {
    background-color: #1E1E2C;
}

html,
body {
    height: 100%;
}

.flex-1 {
    -ms-flex: 1 1 1px;
    flex: 1 1 1px;
}

.title-badge-article {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

.login-form-header * {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 54px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

.my-link {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    text-decoration-line: underline;
    color: #EB951B;
}

.my-link:hover {
    color: #D97A0C;
}

.article-item-title {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #EB951B;
    margin: 0;
}

.my-action-btn {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    cursor: pointer;
    padding: 20px 24px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
    min-width: 100px;
    text-decoration: none;
    transition: background-color 200ms linear;
}

.my-action-btn:hover {
    color: #FFFFFF;
}

.my-action-btn:active,
.my-action-btn:focus {
    outline: none;
    border: none;
}

.my-action-btn.magenta {
    background-color: #B282C2;
}

.my-action-btn.magenta:hover:not(.disabled),
.my-action-btn.magenta:hover:not([disabled="disabled"]),
.my-action-btn.magenta:hover:not([disabled]) {
    background-color: #af77bf;
}

.my-action-btn.orange {
    background: -webkit-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -moz-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -ms-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -o-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
}

.my-action-btn.green {
    background-color: #58C756;
}

.my-action-btn.gray {
    background-color: #393B4B;
}

.my-action-btn.disabled,
.my-action-btn[disabled="disabled"],
.my-action-btn[disabled] {
    cursor: default;
    pointer-events: none;
    opacity: 0.8;
}

.content-form-step-parent {
    width: 100%;
    max-width: 720px;
    background-color: #282A3B;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    height: min-content;
    padding: 50px;
}

.max-content-width {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
}

.steps-label {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    color: #787883;
    margin: 0;
}

.input-select-form-steps {
    width: 100%;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    background-color: #393B4B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 24px;
    border: none;
}

.input-select-form-steps:active,
.input-select-form-steps:focus {
    outline: none;
}

.input-select-form-steps.disabled,
.input-select-form-steps[disabled="disabled"],
.input-select-form-steps[disabled] {
    cursor: default;
    pointer-events: none;
    opacity: 0.8;
}

.input-select-form-steps.readonly,
.input-select-form-steps[readonly="readonly"],
.input-select-form-steps[readonly] {
    cursor: default;
    pointer-events: none;
    opacity: 0.8;
}

.text-danger {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
}

select.input-select-form-steps::-ms-expand {
    display: none;
}

select.input-select-form-steps option {
    font-weight: normal;
}

*[dir="rtl"] select.input-select-form-steps, :root:lang(ar) select.input-select-form-steps, :root:lang(iw) select.input-select-form-steps {
    background-position: left .7em top 50%, 0 0;
    padding: .6em .8em .5em 1.4em;
}

.bg-dark-alpha {
    background-color: rgba(0, 0, 0, 0.3);
}

.parent-logo {
    width: 100%;
    max-width: 233px;
}

.sing-radio-label {
    cursor: pointer;
    color: #3cc636;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.sing-radio-label::before {
    content: "";
}

.sing-radio:checked ~ .sing-radio-label::before {
    content: "";
}

.sing-checkbox-label {
    background-color: #393B4B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 24px;
    height: 24px;
    position: relative;
    cursor: pointer;
}

.sing-checkbox:checked ~ .sing-checkbox-label {
    background: -webkit-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -moz-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -ms-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -o-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
}

.sing-checkbox:checked ~ .sing-checkbox-label::after {
    content: "";
    left: 25%;
    top: 50%;
    width: 10px;
    height: 15px;
    border: solid #FFFFFF;
    border-width: 0 3px 3px 0;
    position: absolute;
    -webkit-transform: rotate(45deg) translate(-50%, -50%);
    -moz-transform: rotate(45deg) translate(-50%, -50%);
    -ms-transform: rotate(45deg) translate(-50%, -50%);
    -o-transform: rotate(45deg) translate(-50%, -50%);
    transform: rotate(45deg) translate(-50%, -50%);
}

.remember-label {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
    cursor: pointer;
}


.text-orange {
    color: #EB951B;
}

.modal {
    background-color: rgba(0,0,0,0.5);
}

.show-modal-content {
    border: none;
    background-color: #282A3B;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 30px 40px;
}

.modal-content {
    background-color: transparent;
}

.modal-content .modal-header,
.modal-content .modal-body,
.modal-content .modal-footer {
    border: none;
}

.modal-content .modal-body,
.modal-content .modal-body *,
.modal-content .modal-header .modal-title,
.modal-content .modal-header .modal-title * {
    color: #FFFFFF;
}

.close {
    background-color: transparent;
    opacity: 1;
    margin: 0 0 0 auto;
    padding: 0;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.parent-search-input {
    position: relative;
}

.search-input {
    border: none;
    border-bottom: 1px solid #D4CDD9;
    padding: 6px 0 12px 0;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    width: 100%;
    color: #FFFFFF;
}

.search-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    color: #EB951B;
}

.search-input:hover,
.search-input:active,
.search-input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    border-bottom: 1px solid #EB951B;
}

.search-input::-webkit-input-placeholder,
.search-input:-ms-input-placeholder,
.search-input::-ms-input-placeholder,
.search-input::placeholder {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #8F949D;
}

.btn-circle-hover-gradient {
    width: 44px;
    min-width: 44px;
    height: 44px;
    background-color: #393B4B;
    cursor: pointer;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
    outline: none;
}

.btn-circle-hover-gradient:hover,
.btn-circle-hover-gradient:active {
    background: -webkit-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -moz-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -ms-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -o-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    color: #FFFFFF;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.btn-circle-hover-gradient.play:before,
.btn-circle-hover-gradient.play::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.16669 2.5L15.8334 10L4.16669 17.5V2.5Z" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    height: 20px;
}

.btn-circle-hover-gradient.play:hover:before,
.btn-circle-hover-gradient.play:active:before,
.btn-circle-hover-gradient.play:hover::before,
.btn-circle-hover-gradient.play:active::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.16669 2.5L15.8334 10L4.16669 17.5V2.5Z" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}


.btn-circle-hover-gradient.pause:before,
.btn-circle-hover-gradient.pause::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(120, 120, 131)" d="M304 176h80v672h-80zM712 176h-64c-4.4 0-8 3.6-8 8v656c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V184c0-4.4-3.6-8-8-8z"  /></svg>');
    height: 20px;
}

.btn-circle-hover-gradient.pause:hover:before,
.btn-circle-hover-gradient.pause:active:before,
.btn-circle-hover-gradient.pause:hover::before,
.btn-circle-hover-gradient.pause:active::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path fill="rgb(255, 255, 255)" d="M304 176h80v672h-80zM712 176h-64c-4.4 0-8 3.6-8 8v656c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V184c0-4.4-3.6-8-8-8z"  /></svg>');
}

.btn-circle-hover-gradient.failed:before,
.btn-circle-hover-gradient.failed::before {
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="20" height="20" viewBox="0 0 1280.000000 1126.000000" preserveAspectRatio="xMidYMid meet"><g transform="translate(0.000000,1126.000000) scale(0.100000,-0.100000)" fill="rgb(120, 120, 131)" stroke="none"><path d="M6201 11240 c-41 -10 -113 -37 -160 -61 -70 -35 -105 -62 -187 -144 -61 -60 -124 -134 -157 -185 -85 -132 -681 -1182 -2962 -5215 -793 -1402 -1714 -3032 -2047 -3620 -333 -589 -617 -1098 -631 -1131 -79 -187 -72 -394 19 -559 15 -28 64 -86 108 -130 91 -90 177 -139 306 -175 l76 -20 5879 2 5880 3 81 27 c363 124 494 499 304 878 -21 43 -899 1580 -1951 3417 -1052 1836 -2308 4029 -2791 4873 -484 844 -909 1580 -946 1635 -118 177 -268 311 -419 373 -125 52 -272 64 -402 32z m1607 -3410 c793 -1383 2019 -3523 2724 -4755 l1283 -2240 -2712 -3 c-1492 -1 -3934 -1 -5427 0 l-2715 3 1666 2945 c3188 5637 3725 6583 3734 6572 4 -4 655 -1139 1447 -2522z"/><path d="M6290 7874 c-14 -3 -61 -14 -104 -25 -390 -98 -706 -474 -706 -837 0 -46 22 -254 50 -461 27 -207 113 -857 190 -1446 201 -1535 199 -1517 216 -1581 42 -165 141 -297 271 -361 67 -33 86 -38 168 -41 152 -7 246 30 348 136 99 105 144 224 176 464 11 84 61 462 111 841 49 378 131 996 180 1375 50 378 100 756 111 840 24 182 25 305 4 387 -82 323 -360 599 -693 686 -75 20 -266 33 -322 23z"/><path d="M6322 2739 c-345 -44 -594 -371 -552 -726 20 -166 86 -301 204 -410 114 -107 237 -160 391 -170 187 -11 336 47 475 187 134 134 192 273 193 465 1 116 -13 183 -58 280 -120 261 -379 409 -653 374z"/></g></svg>');
    height: 20px;
}

.btn-circle-hover-gradient.failed:hover,
.btn-circle-hover-gradient.failed:active,
.btn-circle-hover-gradient.failed:hover,
.btn-circle-hover-gradient.failed:active {
    background: #393B4B;
    cursor: default;
}

.btn-circle-hover-gradient.download:before,
.btn-circle-hover-gradient.download::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83331 8.33337L9.99998 12.5L14.1666 8.33337" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    height: 20px;
}

.btn-circle-hover-gradient.download:hover:before,
.btn-circle-hover-gradient.download:active:before,
.btn-circle-hover-gradient.download:hover::before,
.btn-circle-hover-gradient.download:active::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.83331 8.33337L9.99998 12.5L14.1666 8.33337" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 12.5V2.5" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-circle-hover-gradient.edit:before,
.btn-circle-hover-gradient.edit::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16669 3.33337H3.33335C2.89133 3.33337 2.4674 3.50897 2.15484 3.82153C1.84228 4.13409 1.66669 4.55801 1.66669 5.00004V16.6667C1.66669 17.1087 1.84228 17.5327 2.15484 17.8452C2.4674 18.1578 2.89133 18.3334 3.33335 18.3334H15C15.442 18.3334 15.866 18.1578 16.1785 17.8452C16.4911 17.5327 16.6667 17.1087 16.6667 16.6667V10.8334" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.4167 2.08332C15.7482 1.7518 16.1978 1.56555 16.6667 1.56555C17.1355 1.56555 17.5852 1.7518 17.9167 2.08332C18.2482 2.41484 18.4345 2.86448 18.4345 3.33332C18.4345 3.80216 18.2482 4.2518 17.9167 4.58332L10 12.5L6.66669 13.3333L7.50002 9.99999L15.4167 2.08332Z" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    height: 20px;
}

.btn-circle-hover-gradient.edit:hover:before,
.btn-circle-hover-gradient.edit:active:before,
.btn-circle-hover-gradient.edit:hover::before,
.btn-circle-hover-gradient.edit:active::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.16669 3.33337H3.33335C2.89133 3.33337 2.4674 3.50897 2.15484 3.82153C1.84228 4.13409 1.66669 4.55801 1.66669 5.00004V16.6667C1.66669 17.1087 1.84228 17.5327 2.15484 17.8452C2.4674 18.1578 2.89133 18.3334 3.33335 18.3334H15C15.442 18.3334 15.866 18.1578 16.1785 17.8452C16.4911 17.5327 16.6667 17.1087 16.6667 16.6667V10.8334" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.4167 2.08332C15.7482 1.7518 16.1978 1.56555 16.6667 1.56555C17.1355 1.56555 17.5852 1.7518 17.9167 2.08332C18.2482 2.41484 18.4345 2.86448 18.4345 3.33332C18.4345 3.80216 18.2482 4.2518 17.9167 4.58332L10 12.5L6.66669 13.3333L7.50002 9.99999L15.4167 2.08332Z" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-circle-hover-gradient.trash:before,
.btn-circle-hover-gradient.trash::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5H4.16667H17.5" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.66669 4.99996V3.33329C6.66669 2.89127 6.84228 2.46734 7.15484 2.15478C7.4674 1.84222 7.89133 1.66663 8.33335 1.66663H11.6667C12.1087 1.66663 12.5326 1.84222 12.8452 2.15478C13.1578 2.46734 13.3334 2.89127 13.3334 3.33329V4.99996M15.8334 4.99996V16.6666C15.8334 17.1087 15.6578 17.5326 15.3452 17.8451C15.0326 18.1577 14.6087 18.3333 14.1667 18.3333H5.83335C5.39133 18.3333 4.9674 18.1577 4.65484 17.8451C4.34228 17.5326 4.16669 17.1087 4.16669 16.6666V4.99996H15.8334Z" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.33331 9.16663V14.1666" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6667 9.16663V14.1666" stroke="rgb(120 120 131)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    height: 20px;
}

.btn-circle-hover-gradient.trash:hover:before,
.btn-circle-hover-gradient.trash:active:before,
.btn-circle-hover-gradient.trash:hover::before,
.btn-circle-hover-gradient.trash:active::before {
    content: url('data:image/svg+xml, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 5H4.16667H17.5" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.66669 4.99996V3.33329C6.66669 2.89127 6.84228 2.46734 7.15484 2.15478C7.4674 1.84222 7.89133 1.66663 8.33335 1.66663H11.6667C12.1087 1.66663 12.5326 1.84222 12.8452 2.15478C13.1578 2.46734 13.3334 2.89127 13.3334 3.33329V4.99996M15.8334 4.99996V16.6666C15.8334 17.1087 15.6578 17.5326 15.3452 17.8451C15.0326 18.1577 14.6087 18.3333 14.1667 18.3333H5.83335C5.39133 18.3333 4.9674 18.1577 4.65484 17.8451C4.34228 17.5326 4.16669 17.1087 4.16669 16.6666V4.99996H15.8334Z" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.33331 9.16663V14.1666" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.6667 9.16663V14.1666" stroke="rgb(255 255 255)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.btn-circle-hover-gradient[disabled="disabled"],
.btn-circle-hover-gradient[disabled="true"],
.btn-circle-hover-gradient[disabled],
.btn-circle-hover-gradient.disabled {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .8;
    cursor: default;
}

.tooltip-custom-parent {
    position: relative;
}

.tooltip-custom-parent .tooltip-custom {
    position: absolute;
    padding: 6px 10px;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    background-color: #171722;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    bottom: -34px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none;
    white-space: nowrap;
}

.tooltip-custom-parent:hover .tooltip-custom {
    display: block;
}

.my-range {
    width: 100%;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #393B4B;
    height: 2px;
    margin-bottom: 15px;
}

.my-range:hover, .my-range:active, .my-range:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.my-range::-webkit-slider-runnable-track {
    background: -webkit-gradient(linear, left top, left bottom, from(#F7A52F), to(#F7A52F)) no-repeat #393B4B;
    background: linear-gradient(#F7A52F, #F7A52F) no-repeat #393B4B;
    background-size: 50%;
    height: 5px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.my-range::-moz-range-track {
    background: -moz-linear-gradient(#F7A52F, #F7A52F) no-repeat #393B4B;
    background: linear-gradient(#F7A52F, #F7A52F) no-repeat #393B4B;
    background-size: 50%;
    height: 5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.my-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #F7A52F;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: -4.5px;
}

.my-range::-moz-range-thumb {
    -moz-appearance: none;
    appearance: none;
    background: #F7A52F;
    width: 15px;
    height: 15px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: -4.5px;
}

.my-range::-moz-range-progress {
    background: #F7A52F;
    height: 5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.my-range.disabled,
.my-range[disabled],
.my-range[disabled="true"],
.my-range[disabled="disabled"] {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
    opacity: .8;
}

.delivery-description,
.delivery-description-bottom {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #787883;
}

.delivery-player {
    width: 100%;
    height: 308px;
    border-radius: 10px;
}

.pagination .page-item .page-link {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    text-align: center;
    color: #787883;
    outline: none;
    border: 1px solid #787883;
    display: inline-block;
    min-height: 41px;
}

.pagination .page-item:hover .page-link,
.pagination .page-item.active .page-link {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    color: #FFFFFF;
    border: 1px solid #787883;
    background: -webkit-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -moz-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -ms-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: -o-linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
    background: linear-gradient(104.3deg, #EB951B 0%, #D97A0C 100%);
}

.item-article {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
}

.article-item-date {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #4A4A4A;
}

.home-block-content {
    font-family: Roboto;
    font-size: 17px;
    line-height: 18px;
}

.home-block .home-block-header {
    padding-left: 20px;
    padding-right: 20px;
}
.home-block .home-block-header::after {
    content: "";
    border: 20px solid transparent;
    border-left-color: #F7FCFE;
    position: absolute;
    left: 0;
    top: 0;
}
.home-block .home-block-body .home-block-content {
    background-color: #222538;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.home-block .home-block-body .home-block-content .image-example-parent {
    max-width: 100%;
}

@media screen and (min-width: 1199px) {
    .home-block .home-block-body .home-block-content .image-example-parent {
        max-width: 370px;
    }
}

@media screen and (min-width: 991px) {
    .home-block .home-block-body .home-block-content .image-example-parent {
        max-width: 300px;
    }
}

@media screen and (min-width: 767px) {
    .home-block .home-block-body .home-block-content .image-example-parent {
        max-width: 250px;
    }
}

.dashboard-page .home-block-body,
.dashboard-page .home-block-body a,
.dashboard-page .home-block-body * {
    color: #FFFFFF;
}

.dashboard-page .home-block-body a {
    text-decoration: none;
}

.dashboard-page .home-block-body a:hover {
    text-decoration: underline;
}

.bg-transparent-black {
    background-color: rgba(0,0,0, 0.5) !important;
}