* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #f7f7f7;
    font-family: "Lato", Arial, serif;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: #232323;
    letter-spacing: 0;
}

b {
    font-weight: bold;
}

img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

/* start of menu */
.menu-container {
    position: sticky;
    top: 0;
    width: 100%;
    background: linear-gradient(180deg, #ffffff, #ffffff10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 3000;
}

.main-menu {
    display: flex;
    align-items: center;
}

.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 0;
    margin: 0 auto;
}

.logo-block {
    padding-right: 10px;
}

.logo-block img {
    width: 138px;
    height: 50px;
}

.menu-link {
    display: block;
    padding: 18px 22px;
    transition: all 0.25s ease;
    cursor: pointer;
    text-decoration: none;
    border-radius: 9px;
}

.menu-link:hover {
    background: #d7e8cc;
}

.menu-link-active {
    background: #d7e8cc;
}

.mobile-menu-button {
    width: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    transition: all 0.5s linear;
    z-index: 10;
    cursor: pointer;
}

.menu-line {
    width: 100%;
    height: 2px;
    background: black;
    transition: all 0.6s linear;
}

.menu-line.menu-line-short {
    width: 60%;
    margin-top: 5px;
}

.mobile-menu-active .menu-line.menu-line-short {
    width: 100%;
}

.menu-element {
    width: 100%;
    background: transparent;
    font-size: 8px;
    font-weight: bold;
}

.selector__toggle {
    display: flex;
    padding: 1em;
    text-decoration: none;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    transition: all 0.2s linear;
    align-items: center;
}

.selector__list {
    display: none;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}

.header-country-img {
    border-radius: 3px;
}

.language-list-menu {
    cursor: pointer;
    position: relative;
}

.language-list-menu-opened .selector__list {
    display: block;
    width: min-content;
    padding: 10px 0;
}

.selector__toggle .arrow-img {
    flex: 0 0 16px;
    margin: 5px;
    width: 16px;
    height: 8px;
    background: center / 16px 8px no-repeat url("/img/components/arrows/ar_ic_grey_down.svg");
    transition: all 0.3s ease-in-out;
}

.selector__toggle:hover .arrow-img {
    transform: translate(0, 5px);
}

.language-list-menu-opened.selector__toggle .arrow-img {
    transform: rotate(-180deg);
}

.selector__list li a {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 0 15px;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    padding: 10px 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s linear;
}

.selector__list:focus, .selector__list li:focus a, .selector__list {
    background: #f7f7f7 0 0 no-repeat padding-box;
    box-shadow: -10px 10px 10px #6b6b6b1c;
}

.selector:focus .selector__toggle a {
    background: #f7f7f7 0 0 no-repeat padding-box;
    box-shadow: -10px 10px 10px #6b6b6b1c;
}

.valueOfButton {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-gap: 0 15px;
    align-items: center;
}

.valueOfButton > a {
    color: black;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.valueOfButton > a img {
    margin-right: 5px;
}

.selector__toggle:active .selector__list li.selected a:hover {
    color: #4eab14 !important;
}

.selector__list li:hover a {
    color: #69b33b !important;
}

/* end of menu */

/* start of footer */
.footer {
    background-color: #ddeed24d;
    margin-top: auto;
}

.footer-div {
    max-width: 1400px;
    width: 90%;
    margin: 0 auto;
    padding: 80px 0 70px 0;
    display: grid;
    font-size: 1.1rem;
}

.footer-logo {
    grid-column: 1;
    grid-row: 1;
    padding-bottom: 25px;
}

.footer-links {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    justify-content: center;
    height: min-content;
}

.footer-button {
    grid-column: 3;
    grid-row: 1;
    max-width: 230px;
}

.footer-company {
    grid-column: 1 / 3;
    grid-row: 2;
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
}

.footer-terms {
    grid-column: 3;
    grid-row: 2;
    padding-bottom: 10px;
}

.footer-website {
    grid-column: 1 / 3;
    grid-row: 3;
}

.footer-copyright {
    grid-column: 2;
    grid-row: 3;
    text-align: center;
}

.footer-risk-warning {
    grid-column: 3;
    grid-row: 3;
}

/* end of footer */

/* start of homepage */
.home-section {
    margin-top: -90px;
    background-image: url("/img/homepage/banner_xl.webp");
    background-repeat: no-repeat;
    background-position: 0 40%;
    background-size: 100%;
    min-height: 900px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.home-header-div {
    max-width: 550px;
    margin: 200px 0 0 13%;
    padding-bottom: 25px;
}

.home-title {
    margin: 0 0 60px 0;
}

.exchange-carousel {
    display: inline-flex;
    margin: 12% 0 0 0;
    width: 100%;
    background: linear-gradient(180deg, transparent 80%, #f7f7f7 100%);
    padding-bottom: 30px;
}

.exchange-div {
    width: 196px;
    height: 196px;
    background-color: #ffffff;
    border-radius: 25px;
    margin: 0 12px 0 12px;
    flex-grow: 0;
    flex-shrink: 0;
}

.exchange-div-up {
    color: #69b33b;
    background-image: url("/img/homepage/bl_g.svg");
    background-size: 100% 100%;
    background-position: 0 0;
}

.exchange-div-up .exchange-header-desc-image {
    background: url("/img/homepage/up.svg") no-repeat center center;
    background-size: 100% 100%;
}

.exchange-div-down {
    color: #ff596d;
    background-image: url("/img/homepage/bl_r.svg");
    background-size: 100% 100%;
    background-position: 0 0;
}

.exchange-div-down .exchange-header-desc-image {
    background: url("/img/homepage/down.svg") no-repeat center center;
    background-size: 100% 100%;
}

.exchange-div-header {
    height: 37%;
    padding: 20px;
    display: inline-flex;
}

.exchange-header-image {
    width: 40px;
    height: 40px;
    border-radius: 5px;
}

.exchange-header-image img {
    width: 100%;
    height: 100%;
}

.exchange-name {
    color: #232323;
    font-weight: 500;
    padding-left: 10px;
}

.exchange-header-desc-inline {
    display: inline-flex;
    padding: 5px 0 0 10px;
}

.exchange-header-desc-image {
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.exchange-header-desc-change {
    font-size: 14px;
    padding: 2px 0 0 5px;
}

.exchange-div-desc {
    padding: 10px 20px;
    display: grid;
    grid-template-columns: max-content max-content;
    justify-content: space-between;
    grid-gap: 10px 0;
    color: #6b6b6b;
    font-weight: 400;
}

.exchange-div-desc-value {
    text-align: right;
}

.five-cards {
    display: flex;
    max-width: 1400px;
    width: 90%;
    margin: 50px auto 100px auto;
    justify-content: center;
}

.home-card {
    border-radius: 9px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    flex: 1 1 244px;
    height: 140px;
    margin: 0 1% 0 1%;
    padding: 18px 10px 18px 18px;
}

.card-number {
    font: normal normal normal 35px/42px Lato, Arial, sans-serif;
    padding-left: 7px;
}

.card-desc {
    font: normal normal normal 16px/19px Lato, Arial, sans-serif;
    margin-top: 40px;
}

.home-card.card-amount-active-users {
    background: url("/img/homepage/fon_purple_arrow.webp") 0 0 no-repeat padding-box;
    background-size: 100% 100%;
    color: #957df3;
    min-width: 201px;
}

.home-card.card-amount-open-checks {
    background: url("/img/homepage/fon_green_arrow.webp") 0 0 no-repeat padding-box;
    background-size: 100% 100%;
    color: #69b33b;
    min-width: 201px;
}

.home-card.card-amount-countries {
    background: url("/img/homepage/fon_orange_arrow.webp") 0 0 no-repeat padding-box;
    background-size: 100% 100%;
    color: #f2a616;
    min-width: 143px;
}

.home-card.card-amount-forex-brokers {
    background: url("/img/homepage/fon_pink_arrow.webp") 0 0 no-repeat padding-box;
    background-size: 100% 100%;
    color: #ff596d;
    min-width: 160px;
}

.home-card.card-amount-rebate {
    background: url("/img/homepage/fon_blue_arrow.webp") 0 0 no-repeat padding-box;
    background-size: 100% 100%;
    color: #3786ee;
    min-width: 250px;
}

.home-what-is-section {
    margin-bottom: 80px;
    display: grid;
    grid-gap: 35px 0;
    align-items: center;
    justify-content: space-between;
    grid-template-rows: min-content max-content;
}

.home-what-is-section .title-h2 {
    grid-row: 1;
    grid-column: 1/3;
    height: min-content;
}

.home-what-is-desc-div {
    grid-row: 2;
    grid-column: 1/3;
    max-width: 60%;
}

.home-what-is-img-div {
    max-width: 620px;
    max-height: 583px;
    grid-row: 1/3;
    grid-column: 2;
}

.home-div {
    background: #ede9ff60 0 0 no-repeat padding-box;
    border: 1px solid #ffffffab;
    border-radius: 18px;
    opacity: 1;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 20px 40px 35px 40px;
}

.home-div-p {
    background: #ffffff 0 0 no-repeat padding-box;
    border-radius: 9px;
    padding: 15px;
    margin-top: 15px;
    font: normal normal normal 1.2rem Lato, Arial, sans-serif;
}

.home-how-works-section {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 50px;
}

.home-how-works-section .title-h2 {
    grid-column: 2;
}

.home-how-works-image-div {
    grid-row: 1/3;
    grid-column: 1;
    display: grid;
    justify-content: center;
    align-items: center;
}

.home-how-works-desc-div {
    grid-column: 2;
}

.home-how-works-desc-div .main-p:first-child {
    margin-top: 45px;
}

.home-how-works-desc-div .main-p.color-grey {
    margin: 15px 0 57px 0;
}

.how-use-section {
    margin: 0 0 100px 0;
}

.how-use-desc {
    margin: 100px auto 20px auto;
}

.how-use-desc .title-h2 {
    text-align: center;
}

.how-use-desc .title-h3-gray {
    text-align: center;
    margin: 27px 0 80px 0;
}


.how-use-steps {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.how-use-step-img {
    flex: 1 1 307px;
    max-width: 307px;
    max-height: 225px;
    min-width: 260px;
    min-height: 200px;
    margin-left: -95px;
    margin-right: -35px;
}

.how-use-step {
    display: flex;
    flex: 0 0 33%;
}

.how-use-step-div {
    flex: 1 1 345px;
    max-width: 345px;
    /*max-height: 239px;*/
    min-width: 250px;
    min-height: 220px;
    flex-shrink: 1;
    background-color: #ffffff4f;
    border: 1px solid #ffffff4f;
    border-radius: 9px;
    opacity: 1;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    padding: 24px 15px 24px 28px;
}

.how-use-step-div:hover {
    background-color: #ffffff80;
}

.number-step {
    width: 41px;
    height: 41px;
    background: #e0edff 0 0 no-repeat padding-box;
    border-radius: 9px;
    font: normal normal 900 1rem Lato, Arial, sans-serif;
    color: #3786ee;
    text-align: center;
    padding-top: 13px;
}

.how-use-step-p {
    font: normal normal normal 1.2rem Lato, Arial, sans-serif;
    padding-top: 25px;
}

.forex-brokers-section {
    border-radius: 64px;
    margin: 2rem auto 100px auto;
    padding: 65px 10% 69px 10%;
}

.forex-brokers-section .title-h2,
.forex-brokers-section .title-h2 {
    text-align: center;
    margin-bottom: 65px;
}

.forex-brokers-div {
    background-color: #ffffff;
    border-radius: 32px;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    padding: 23px 1% 33px 1%;
    width: 100%;
}

.forex-broker-element {
    width: 184px;
    height: 184px;
    border: 2px solid #efeef3;
    border-radius: 18px;
    padding: 10px;
    text-align: center;
    margin: 11px 1%;
    flex: 0 0 184px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.forex-broker-element-img {
    width: 100px;
    height: auto;
    max-height: 60px;
    margin: 15px auto 15px auto;
}

.forex-broker-element-link {
    font: normal normal normal 1.2rem Lato, Arial, sans-serif;
    text-align: center;
    padding-top: 15px;
}

.forex-broker-element-link:hover {
    border-bottom: 1px solid #232323;
}

.news-div {
    margin: 48px auto 100px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    grid-gap: 100px;
}

.news-section {
    max-width: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news-white-div {
    margin-top: 43px;
    padding: 22px;
    background-color: #ffffff;
    border-radius: 32px;
}

.news-elements {
    max-height: 585px;
    overflow-y: auto;
    display: grid;
    grid-gap: 22px 0;
    margin-bottom: 22px;
    padding-right: 10px;
}

.news-element {
    position: relative;
    border: 2px solid #efeef3;
    border-radius: 18px;
    padding: 30px 22px 22px 22px;
    transition: all 0.3s linear;
}

.news-element .transparent-light-green-button {
    position: absolute;
    opacity: 0;
    bottom: 0;
    z-index: -1;
}

.news-element:hover .transparent-light-green-button {
    opacity: 1;
    z-index: 1;
}

.news-white-div .button {
    width: 100%;
}

.news-element:hover .news-desc {
    opacity: 0;
}

.news-title-div {
    margin: 0 0 20px 0;
    display: grid;
    grid-template-columns: 1fr max-content;
    align-items: center;
}

.news-title {
    font: normal normal normal 1.2rem Lato, Arial, sans-serif;
    padding: 0 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-date {
    width: max-content;
    color: #69b33b;
    font: normal normal 600 0.8rem Lato, Arial, sans-serif;
}

.news-desc {
    color: #6b6b6b;
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    transition: all 0.3s linear;
    min-height: 47px;
}

/* end of homepage */

/* start of about page */
.about-page .title-and-image .title-h1 {
    margin-bottom: 10px;
}

.about-page .three-cards-first-card {
    background: url(/img/about/fon_purple_two_ellipses.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.about-page .three-cards-second-card {
    background: url(/img/about/fon_green_two_ellipses.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.about-page .three-cards-third-card {
    background: url(/img/about/fon_blue_two_ellipses.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.what-is-big-img-section .home-what-is-img-div {
    margin: -50px 0 -150px -175px;
    max-width: 729px;
    max-height: 729px;
}

.about-page-cards-section .title-h2 {
    padding-left: 50%;
}

.card-small-image {
    width: 41px;
    height: 41px;
    border-radius: 9px;
}

.four-cards {
    background-color: #ffffff60;
    border: 1px solid #ffffff9e;
    border-radius: 9px;
    opacity: 1;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 20px 0;
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.four-cards-card {
    background: transparent;
    flex: 1 1 280px;
    min-width: 30%;
    margin: 12px 30px;
}

.description-section {
    margin-top: 130px;
    padding-bottom: 52px;
}

.description-section .title-h2 {
    margin-bottom: 27px;
}

.description-section .orange-button {
    margin: 40px auto 0 auto;
}

.about-page .home-what-is-section .main-p {
    margin-top: 44px;
    max-width: 50%;
}

.small-bold-p {
    font: normal normal 900 1.1rem Lato, Arial, sans-serif;
    color: #636363;
}

.home-div-p .small-bold-p {
    margin-top: 18px;
    display: block;
}

.fix-image {
    margin-top: -85px;
}

.awards-section {
    border-radius: 64px;
    margin: 100px auto 100px auto;
    padding: 91px 10% 73px 10%;
}

.awards-wrapper-div {
    background-color: #ffffff;
    border: 1px solid #ffffff8c;
    border-radius: 35px;
    padding: 10px 20px 10px 20px;
}

.awards-div {
    width: 100%;
    height: 346px;
    padding-right: 10px;
    display: grid;
    overflow-x: auto;
    grid-auto-columns: min-content;
}

.award-div {
    display: flex;
    align-items: center;
}

.award-image {
    max-width: inherit;
}

.award-desc {
    width: 153px;
    font: normal normal normal 1.1rem Lato, Arial, sans-serif;
}

.about-page .about-career {
    margin-top: 35px;
    margin-bottom: 100px;
}

.content-div {
    display: flex;
    flex-wrap: wrap;
}

.content-desc-div {
    flex: 1 1 400px;
    padding-right: 5%;
}

.content-desc-div .title-h3-gray {
    margin-top: 34px;
}

.content-desc-div .title-h2 {
    margin-top: 30px;
}

.content-desc-div .main-p.bold {
    margin-top: 30px;
}

.content-img-div {
    flex: 0 1 400px;
    max-width: 600px;
    max-height: 560px;
}

/* end of about page */

/* start of how-it-works */
.how-title-section {
    margin-bottom: 100px;
}

.title-and-image {
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 50px;
}

.title-and-image .title {
    margin: 0;
}

.title-and-image .title-h1 {
    margin: 0 0 31px 0;
}

.title-and-image .main-p {
    line-height: 1.75rem;
}

.how-cards-section .title-h2 {
    text-align: center;
}

.three-cards {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 38px auto 100px auto;
    flex-wrap: wrap;
    justify-content: center;
}

.three-cards-card {
    flex: 1 1 350px;
    background: #f5f1fb 0 0 no-repeat padding-box;
    border-radius: 9px;
    opacity: 1;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    margin: 8px;
    padding: 20px 33px 20px 22px;
}

.three-cards-p {
    text-align: left;
    font: normal normal normal 1.2rem Lato, Arial, sans-serif;
    padding-top: 11px;
}

.three-cards-first-card {
    background: url("/img/how_it_works/fon_pink_ellipse.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.three-cards-first-card .number-step {
    background-color: #ff596d34;
    color: #ff596d;
}

.three-cards-second-card {
    background: url("/img/how_it_works/fon_orange_ellipse.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.three-cards-second-card .number-step {
    background-color: #f2a61634;
    color: #f2a616;
}

.three-cards-third-card {
    background: url("/img/how_it_works/fon_blue_ellipse.png") no-repeat 0 0;
    background-size: 100% 100%;
}

.three-cards-third-card .number-step {
    background-color: #3786ee34;
    color: #3786ee;
}

.home-what-is-desc-div .ul-div {
    margin: 35px 0 0 0;
}

.ul-div {
    background: #ede9ff60 0 0 no-repeat padding-box;
    border: 1px solid #ffffffab;
    border-radius: 18px;
    opacity: 1;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 20px 40px 35px 24px;
}

.ul-div-li {
    list-style: none;
    display: flex;
    align-items: baseline;
}

.ul-div-li::before {
    flex: 0 0 10px;
    content: "";
    width: 10px;
    height: 10px;
    background-color: #957df3;
    border-radius: 10px;
    margin-right: 20px;
}

.ul-div-li .home-div-p {
    flex: 1 1 100%;
}

.how-it-works .how-use-desc .title-h2 {
    margin-bottom: 80px;
}

.how-use-step-title {
    text-align: center;
    color: #3786ee;
    font-size: 1.4rem;
    font-family: "Lato", Arial, serif;
}

.how-use-step-another-p {
    text-align: center;
    font-size: 1.3rem;
    font-family: "Lato", Arial, serif;
    padding-top: 27px;
}

/* end of how-it-works */

/* start of calculator */
.calc-section {
    margin: 0 auto 100px auto;
    border-radius: 64px;
    padding: 58px 40px 40px 40px;
}

.calc-section-div {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: -40px;
}

.calc-desc {
    flex: 1 1 400px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-between;
}

.calc-example {
    display: block;
    background-color: #ffffff60;
    border-radius: 32px;
    opacity: 1;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    padding: 29px 20px 47px 20px;
    margin-top: 27px;
}

.calc-main-p {
    font: normal normal normal 1.5rem Lato, Arial, sans-serif;
    padding-bottom: 15px;
}

.calc-grey-p {
    margin-top: 20px;
    font: normal normal normal 1.2rem Lato, Arial, sans-serif;
    color: #443747;
}

.calc-div {
    background-color: #ffffff;
    border-radius: 32px;
    padding: 24px;
    flex: 1 1 550px;
    margin-left: 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.calc-form {
    flex: 0 0 47%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
}

.calc-label {
    color: #a4a3a8;
    font: normal normal normal 0.8rem Lato, Arial, sans-serif;
    display: block;
}

.calc-dropdown-div .calc-label {
    padding-bottom: 9px;
}

.calc-input.form-input:valid {
    margin-top: 9px;
    border: 2px solid #d2d1d6;
    border-radius: 10px;
}

.calc-section .form-input {
    margin-top: 9px;
}

.calc-dropdown-div {
    position: relative;
}

.calc-dropdown-div .form-dropdown {
    background: url("/img/components/dollar.svg") no-repeat calc(100% - 64px) center;
    background-size: 23px;
}

.calc-dropdown-p {
    position: absolute;
    right: 30px;
    top: 43px;
    color: #8b8b8b;
}

.calc-exchange-input-div {
    position: relative;
}

.calc-exchange-input {
    background: url("/img/country_flags/usd_country_flag.svg") no-repeat calc(100% - 55px) center;
    background-size: 23px;
    padding-right: 80px !important;
}

.calc-exchange-p {
    position: absolute;
    right: 15px;
    top: 43px;
    color: #8b8b8b;
}

.calc-result-div {
    flex: 0 0 47%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.calc-info-div {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

.calc-info-div-i {
    width: 24px;
    height: 24px;
    border: 3px solid #d5d5d5;
    border-radius: 13px;
    text-align: center;
    color: #d5d5d5;
    padding-top: 1px;
    font-weight: bold;
}

.calc-result-p {
    font: normal normal normal 2.1rem Lato, Arial, sans-serif;
    color: #54a820;
    text-align: center;
    padding: 25px 0 14px 0;
}

.calc-result-p-desc {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    text-align: center;
    padding-bottom: 18px;
}

.calc-result-desc {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    flex-wrap: wrap;
}

.calc-desc-key {
    flex: 0 0 max-content;
    color: #a4a3a8;
}

.calc-desc-value {
    flex: 0 0 max-content;
    color: #54a820;
}

.calc-button-div {
    margin: auto 0 0 0;
    padding-top: 38px;
}

.calc-button-div .button {
    width: 100%;
}

/* end of calculator */

/* start of login page */
.form-section {
    width: 74%;
    height: 100%;
    margin: 2rem auto 66px auto;
    border-radius: 18px;
    padding: 2rem;
    display: flex;
}

.form-image {
    width: 50%;
    margin: auto;
    display: flex;
    padding: 3.5rem 3.5rem 3.5rem 1.5rem;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.form-div {
    width: 50%;
    background: #ffffff 0 0 no-repeat padding-box;
    border: 1px solid #ffffff;
    border-radius: 18px;
    padding: 3rem 3rem;
    position: relative;
}

.form-header {
    display: flex;
}

.form-header-element {
    font: normal normal bold 1.3rem Lato, Arial, sans-serif;
    color: #8b8b8b;
    text-decoration: none;
    width: 50%;
    padding: 0.5rem 0;
    border-bottom: 1px solid #707070;
    cursor: pointer;
}

.form-header-element-active {
    color: #232323;
    border-bottom: 2px solid #F2A616;
}

.form {
    padding: 1.5rem 0 0 0;
}

/* start of login form window */
.form-password-div {
    position: relative;
}

.form-password-control {
    position: absolute;
    top: 50px;
    right: 16px;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url("/img/components/password/eye_hide_regular_icon.svg") center center no-repeat;
    background-size: 100%;
    cursor: pointer;
}

.form-password-control.view {
    background: url("/img/components/password/eye_show_regular_icon.svg") center center no-repeat;
    background-size: 100%;
}

.form-input-group {
    display: flex;
    margin: 1rem 0;
}

.form-input-group-checkbox {
    width: 50%;
    padding-left: 1rem;
}

.form-input-group-link {
    width: 50%;
}

.form-link {
    text-align: right;
    float: right;
    display: initial;
}

.form-button {
    margin: 2rem auto 0 auto;
}

/* end of login form window */

/* start of restore password window */
.restore-password-div {
    background: #ffffff99 0 0 no-repeat padding-box;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid #ffffff;
    border-radius: 18px;
    padding: 1.5rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.close-restore-password {
    float: right;
    cursor: pointer;
}

.restore-div-content {
    padding: 1rem 1.5rem 1.5rem 1.5rem;
}

.restore-div-content-header {
    font: normal normal normal 2rem Lato, Arial, sans-serif;
}

.restore-div-content-p {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #6b6b6b;
    margin: 2rem 0;
}

/* end of restore password window */

/* start of registration window */
.form-country-label {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #6b6b6b;
    display: block;
    margin-bottom: 16px;
}

.form-input-group-country {
    width: 49%;
    float: left;
    margin-right: 1%;
}

.form-input-group-number {
    width: 49%;
    float: right;
    margin-left: 1%;
}

.registration-link {
    display: contents;
}

.label-small {
    font: normal normal normal 0.8rem Lato, Arial, sans-serif;
    color: #d5d5d5;
    padding: 0;
    margin: 0 0 -0.5rem 0;
}

.registration-form .form-checkbox-label {
    padding-left: 1rem;
}

.registration-form-agree-label {
    margin-top: 1rem;
}

.form-checkbox + .registration-form-mail-label::before {
    height: 4em !important;
}

/* end of registration window */
/* end of login page */

/* start of brokers page */
.brokers-container {
    display: block;
    padding: 40px 55px 55px 55px;
    border-radius: 18px;
    margin: 0 auto 85px auto;
}

.brokers-div {
    display: flex;
    flex-wrap: wrap;
    background: #ffffff 0 0 no-repeat padding-box;
    border: 1px solid #ffffff;
    border-radius: 18px;
    padding: 28px 33px;
    width: 100%;
}

.brokers-input-select-div {
    display: flex;
    flex: 0 0 min-content;
}

.brokers-search-comparison-div {
    display: flex;
    flex: 1 1 min-content;
}

.brokers-select-group {
    display: flex;
    min-width: 220px;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 220px;
}

.brokers-select-group:first-child {
    margin-right: 10px;
}

.brokers-group-p {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #6b6b6b;
}

.two-inline-selects {
    display: flex;
    justify-content: space-evenly;
}

.two-inline-selects .brokers-select-div {
    flex: 1 0 100px;
    width: 100px;
}

.two-inline-selects .brokers-select-div:last-child {
    margin-left: 10px;
}

.brokers-group {
    flex: 1 1 100%;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 10px;
}

.brokers-group.brokers-button-group {
    flex-basis: 175px;
}

.comparison-button {
    padding: 26px 80px;
    max-width: 175px;
    border-radius: 9px;
    border: none;
    background: url("/img/components/comparison_green.svg") no-repeat center center, #ddeed2;
    background-size: 15px 23px;
    text-decoration: none;
    height: 55px;
    color: transparent;
    cursor: pointer;
}

.comparison-button-active {
    background: url("/img/components/arrows/arrow_ic_green_left.svg") no-repeat center center, #ddeed2;
    background-size: 23px 23px;
}

.brokers-table-div {
    margin-top: 30px;
    padding: 5px 20px 14px 20px;
    background: #ffffffb3 0 0 no-repeat padding-box;
    border: 1px solid #ffffffb3;
    border-radius: 18px;
    width: 100%;
    box-shadow: 0 0 20px #0000001a;
}

.brokers-div-table {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    background: transparent;
    width: 100%;
    position: relative;
}

.brokers-table {
    width: 100% !important;
    padding: 0;
    margin: 0;
    border-spacing: 0;
}

.brokers-div-table .dataTables_wrapper {
    width: 100% !important;
}

td.dataTables_empty {
    text-align: center;
    padding: 30px 0 0 0;
    color: red;
}

.table-th {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #6b6b6b !important;
    border-bottom: 1px solid #d5d5d5;
}

.table-th-start {
    text-align: left;
    padding-left: 60px !important;
}

.table-th.table-end-column {
    padding-right: 10px;
}

.brokers-div-table .brokers-table thead,
.brokers-div-table .brokers-table tbody {
    display: table-row-group;
}

.brokers-div-table .brokers-table tr {
    display: table-row;
}

.table-column {
    border-bottom: 1px solid #d5d5d5;
    padding: 25px 0 25px 10px;
}

.table-start-column {
    text-align: center;
    position: relative;
    padding: 0;
}

.table-comparison-button {
    outline: none;
    border: none;
    width: 16px;
    height: 21px;
    background: url("/img/components/comparison_green.svg") no-repeat center center;
    background-size: 100%;
    cursor: pointer;
    text-decoration: none;
    filter: grayscale(1);
}

.table-comparison-button:not(:focus):not(:active):hover {
    filter: grayscale(0) brightness(0.8);
}

.table-comparison-button-active {
    filter: none;
}

.table-broker-logo {
    max-width: 100px;
    max-height: 60px;
}

.brokers-table-rating-column {
    position: relative;
    padding: 25px 0;
    text-align: center;
    font: normal normal normal 1rem Lato, Arial, sans-serif;
}

.table-rating-value {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.table-rating-value::before {
    content: url(/img/components/star.svg);
    margin-right: 5px;
}

.table-center-column {
    text-align: center;
    font: normal normal normal 1rem Lato, Arial, sans-serif;
}

.brokers-table-regulated-column .table-value {
    max-width: 130px;
}

.table-center-column * {
    margin: 0 auto;
}

.table-end-column * {
    margin: 0 0 0 auto;
}

.table-img-name-inline {
    display: grid;
    align-items: center;
    margin: 0 auto;
    justify-items: center;
    justify-content: center;
    width: fit-content;
}

.table-img-name-inline-left {
    margin-left: 0;
}

.table-broker-name {
    grid-column: 2;
    margin-left: 10px;
}

.dataTables_paginate {
    margin-top: 1rem !important;
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

.dataTables_paginate .paginate_button.previous {
    background: #ffffffb3 0 0 no-repeat padding-box;
    border: 2px solid #ffffff;
}

.dataTables_paginate .paginate_button.next {
    background: #ffffffb3 0 0 no-repeat padding-box;
    border: 2px solid #ffffff;
}

.dataTables_paginate .paginate_button {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #6b6b6b;
    width: 52px;
    height: 52px;
    border-radius: 9px;
    box-sizing: border-box;
    display: inline-grid;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
    border: none;
    transition: all 0.5s linear;
    justify-items: center;
    align-items: center;
}

.dataTables_paginate .paginate_button:hover {
    border: 2px solid #f2f2f2;
}

.dataTables_paginate span.ellipsis {
    padding: 0 22px;
    color: #6b6b6b;
}

.dataTables_paginate a.paginate_button.current {
    background: #ddeed2 0 0 no-repeat padding-box;
    color: #338500;
}

.dataTables_length {
    position: absolute;
    bottom: 0;
    left: 0;
}

.table-th.sorting,
.table-th.sorting_asc,
.table-th.sorting_desc,
.table-th.sorting_asc_disabled,
.table-th.sorting_desc_disabled {
    cursor: pointer;
    position: relative;
    padding-right: 13px;
    padding-left: 5px;
}

.table-th.sorting:before,
.table-th.sorting:after,
.table-th.sorting_asc:before,
.table-th.sorting_asc:after,
.table-th.sorting_desc:before,
.table-th.sorting_desc:after,
.table-th.sorting_asc_disabled:before,
.table-th.sorting_asc_disabled:after,
.table-th.sorting_desc_disabled:before,
.table-th.sorting_desc_disabled:after {
    position: absolute;
    display: block;
    opacity: 0.4;
    right: 0;
}

.table-th.sorting:before,
.table-th.sorting_asc:before,
.table-th.sorting_desc:before,
.table-th.sorting_asc_disabled:before,
.table-th.sorting_desc_disabled:before {
    bottom: 50%;
    content: "";
    width: 16px;
    height: 10px;
    background: url("/img/components/arrows/ar_ic_grey_up.svg") no-repeat center 0;
    background-size: 100%;
}

.table-th.sorting:after,
.table-th.sorting_asc:after,
.table-th.sorting_desc:after,
.table-th.sorting_asc_disabled:after,
.table-th.sorting_desc_disabled:after {
    top: 50%;
    content: "";
    width: 16px;
    height: 10px;
    background: url("/img/components/arrows/ar_ic_grey_down.svg") no-repeat center 0;
    background-size: 100%;
}

.table-th.sorting_asc:before,
.table-th.sorting_desc:after {
    opacity: 1;
}

.table-th.sorting_desc_disabled:after,
.table-th.sorting_asc_disabled:before {
    display: none;
}

/* end of brokers page */

/* start of ico page */
.ico-div {
    background: #ffffff 0 0 no-repeat padding-box;
    border-radius: 18px;
    padding: 22px 56px;
    width: 100%;
    display: grid;
    grid-auto-columns: 33.3%;
    align-items: center;
}

.ico-div-first-element {
    grid-column: 1;
}

.ico-div-second-element {
    grid-column: 2;
}

.ico-div-third-element {
    grid-column: 3;
    display: grid;
    justify-content: right;
}

.ico-div .main-p {
    font-size: 1.4rem;
}

.ico-div .green-button {
    padding: 17px 80px;
}

.ico-table .table-row:last-child .table-column {
    border-bottom: none;
}

.ico-page .light-green-arrow-button {
    padding-left: 33px;
    padding-right: 55px;
}

/* end of ico page */

/* start of faq page */
.faq-page .pink-accordion-div {
    margin-top: 100px;
    margin-bottom: 70px;
}

/* end of faq page */

/* start of contacts page */
.grid-three-cards-wrapper {
    margin-bottom: 51px;
}

.grid-three-cards {
    margin-top: 29px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.contact-card {
    background-color: #FFFFFF;
    border-radius: 18px;
    padding: 26px 20px;
    min-height: 175px;
}

.contact-card .main-p:first-child {
    line-height: 1.75rem;
}

.contact-card .messenger-div {
    display: flex;
    flex-wrap: wrap;
    margin-top: 14px;
    align-items: center;
    gap: 18px;
}

.contact-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin: 30px 0;
}

.contact-form .contact-textarea-div,
.contact-form .button {
    grid-column: 1 / 3;
}
/* end of contacts page */

/* start of components */
/* start of containers */
.container {
    width: 80%;
    max-width: 1655px;
    margin-left: auto;
    margin-right: auto;
}

/* end of containers */

/* start of images */
.img-hundred-percents {
    width: 100%;
}

.auto-img {
    width: auto !important;
    height: auto !important;
}

/* end of images */

/* start of navigation */
.navigation {
    font: normal normal normal 18px/24px Lato, Arial, serif;
    margin-top: 36px;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.navigation-element {
    display: flex;
    align-items: center;
}

.navigation-element-link {
    color: #8b8b8b;
    text-decoration: none;
    cursor: pointer;
}

.navigation-arrow {
    width: 6px;
    height: 9px;
    margin: 0 10px;
}

.navigation-element.navigation-element-active {
    color: #69b33b;
}

/* end of navigation */

/* start of h */
.title {
    margin: 1rem 0 1rem 13%;
}

.title-h1 {
    font: normal normal normal 2.5rem/48px Lato, Arial, sans-serif;
    text-decoration: none;
}

.title-h2 {
    text-align: left;
    font: normal normal normal 1.5rem/29px Lato, Arial, sans-serif;
    text-decoration: none;
}

.title-h3 {
    font: normal normal normal 1.2rem/23px Lato, Arial, sans-serif;
}

.title-h3-bold {
    font: normal normal 600 1.2rem/23px Lato, Arial, sans-serif;
}

.title-h3-gray {
    font: normal normal normal 1.2rem/23px Lato, Arial, sans-serif;
    color: #6b6b6b;
    text-decoration: none;
}
/* end of h */

/* start of p */
.p {
    text-align: left;
    font: normal normal normal 1rem / 1.5rem Lato, Arial, sans-serif;
    overflow-wrap: anywhere;
}

.main-p {
    text-align: left;
    font: normal normal normal 1.2rem Lato, Arial, sans-serif;
    text-decoration: none;
    overflow-wrap: break-word;
}

.main-p .link {
    font-size: inherit;
}

.bold {
    font-weight: 700;
}

.pink-arrow-p {
    font: normal normal normal 1.2rem Lato, Arial, sans-serif;
    display: grid;
    grid-template-columns: min-content 1fr;
    align-items: center;
}

.pink-arrow-p-with-additional-info {
    grid-row: 2;
    grid-column: 2;
    margin-top: 10px;
}

.pink-arrow-p::before {
    flex: 0 0 44px;
    content: "";
    width: 44px;
    height: 44px;
    margin-right: 34px;
    display: block;
    background: url("/img/cabinet/pink_arrow_left.svg") no-repeat center center;
    background-size: 100% 100%;
}

.pink-accordion-number-steps .pink-arrow-p::before {
    content: "";
    width: 44px;
    height: 44px;
    background: #e4ddee none;
    border-radius: 10px;
    margin-right: 34px;
    color: #877b9c;
    font: normal normal 600 1.2rem Lato, Arial, sans-serif;
    display: grid;
    align-items: center;
    justify-items: center;
}

.pink-accordion-number-steps .pink-arrow-p:first-child::before {
    content: "1";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(2)::before {
    content: "2";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(3)::before {
    content: "3";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(4)::before {
    content: "4";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(5)::before {
    content: "5";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(6)::before {
    content: "6";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(7)::before {
    content: "7";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(8)::before {
    content: "8";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(9)::before {
    content: "9";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(10)::before {
    content: "10";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(11)::before {
    content: "11";
}

.pink-accordion-number-steps .pink-arrow-p:nth-child(12)::before {
    content: "12";
}

/* end of p */

/* start of labels */
.form-label {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #6b6b6b;
    display: block;
    margin-bottom: 16px;
}

.small-grey-label {
    font: normal normal normal 0.85rem Lato, Arial, sans-serif;
    color: #a4a3a8;
    display: block;
    margin-bottom: 10px;
}

/* end of labels */

/* start of inputs */
.form-input {
    display: block;
    margin: 16px 0 0 0;
    width: 100%;
    max-height: 55px;
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    border-radius: 9px;
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    padding: 16px 13px;
    outline: none;
    transition: all 0.5s linear;
}

.form-input::placeholder {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #443747;
    transition: all 0.5s linear;
}

.form-input:hover::placeholder,
.form-input:active::placeholder,
.form-input:focus::placeholder {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #d5d5d5;
}

.form-input:hover:not(:active):not(:focus):not([readonly]):not([disabled]) {
    background-color: #ffffff;
    border: 2px solid #ddeed2;
}

.form-input:focus:not([readonly]):not([disabled]),
.form-input:active:not([readonly]):not([disabled]),
.form-input:valid:not([readonly]):not([disabled]) {
    background-color: #ffffff;
    border: 2px solid #f2f2f2;
}

.form-input:disabled {
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
}

.form-input-invalid {
    background-color: #ffffff;
    border: 2px solid #ff596d !important;
}

.form-input-invalid::placeholder {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    color: #d5d5d5;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    -webkit-text-fill-color: #222222;
}

.transparent-input {
    background: transparent;
    border: 2px solid #d2d1d6;
    border-radius: 10px;
    margin-top: 10px;
    padding: 17px 13px;
}

.transparent-input:hover:not(:active):not(:focus) {
    background-color: transparent;
    border: 2px solid #ddeed2;
}

.transparent-input:focus,
.transparent-input:active,
.transparent-input:valid {
    border: 2px solid #d2d1d6;
}

.transparent-input:disabled {
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
}

.transparent-input[readonly] {
    border: 2px solid #d2d1d6;
}

.transparent-input[readonly]:hover {
    border: 2px solid #ddeed2;
}

.input-error {
    min-height: 1.2rem;
    z-index: 1;
}

.input-error-text {
    font: normal normal normal 0.9rem Lato, Arial, sans-serif;
    color: #ff596d;
    padding: 0.1rem 0 0 0.5rem;
    margin: 0 0 0.5rem 0;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.form-textarea {
    padding: 18px 18px 18px 53px;
    resize: vertical;
    min-height: 168px;
    max-height: 500px;
    background: #f2f2f2 top 18px left 15px / 16px 18px url("/img/components/edit.svg") no-repeat;
}

.date-input::-webkit-calendar-picker-indicator,
.date-input[readonly]::-webkit-calendar-picker-indicator {
    appearance: none;
    display: -webkit-inline-flex;
    background: url("/img/components/calendar_b.svg") no-repeat center center;
    background-size: 25px 25px;
    filter: grayscale(1);
    cursor: pointer;
}

.date-input::-webkit-calendar-picker-indicator:hover,
.date-input::-webkit-calendar-picker-indicator:active {
    filter: none;
}

.form-dropdown {
    display: block;
    margin: 0;
    width: 100%;
    background-color: transparent;
    border: 2px solid #d5d5d5;
    border-radius: 9px;
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    outline: 0;
    text-overflow: ellipsis;
}

.form-dropdown:hover,
.form-dropdown:focus,
.form-dropdown:active {
    background-color: transparent;
    border: 2px solid #d5d5d5;
}

.form-dropdown:disabled {
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
}

.form-dropdown.nice-select {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    box-sizing: border-box;
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    border-radius: 10px;
    padding: 16px 13px 16px 13px;
    display: block;
    width: 100%;
    min-width: 78px;
    height: 55px;
    margin: 0;
}

.form-dropdown.nice-select.open,
.form-dropdown.nice-select.opened,
.form-dropdown.nice-select:active,
.form-dropdown.nice-select:focus {
    background-color: transparent;
    border: 2px solid #d5d5d5;
}

.form-dropdown.nice-select:invalid {
    background-color: #d2d1d6;
}

.form-dropdown.nice-select::after {
    width: 17px;
    height: 6px;
    background: 0 0 / 17px url("/img/components/arrows/ar_ic_grey_down.svg") no-repeat;
    border: none;
    transform: none;
}

.form-dropdown.nice-select.open:after {
    transform: rotate(-180deg);
}

.dropdown-input-table-select.form-dropdown.nice-select{
    background-color: #ffffffb3;
    border: 2px solid #ffffff;
}

.dropdown-input-table-select.form-dropdown.nice-select .current {
    color: #69b33b;
}

.dropdown-input-table-select.form-dropdown.nice-select::after {
    background: 0 0 / 17px url("/img/components/arrows/ar_ic_green_down.svg") no-repeat;
}

.form-dropdown.nice-select .nice-select-dropdown {
    background: #ffffff;
    margin: 3px 0;
    padding: 10px 6px;
    border: none;
    border-radius: 9px;
    box-shadow: 0 0 20px #0000001a;
}

.form-dropdown.nice-select .nice-select-search {
    border: 2px solid #f2f2f2;
    border-radius: 9px;
    outline: none;
    padding: 14px 40px 13px 16px;
    background-image: url("/img/components/search-grey.svg");
    background-repeat: no-repeat;
    background-position: top 11px right 9px;
    background-size: 24px;
    min-width: 140px;
}

.form-dropdown.nice-select .nice-select-search::placeholder {
    font: normal normal normal 1rem Lato;
    color: #8b8b8b;
}

.form-dropdown.nice-select .list {
    max-height: 350px !important;
    padding: 10px 6px 10px 6px;
}

.form-dropdown.nice-select .list::-webkit-scrollbar {
    width: 12px;
}

.form-dropdown.nice-select .list::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 0 9px 9px 0;
}

.form-dropdown.nice-select .list::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 9px;
    border: 1px solid rgba(129, 130, 131, 0.8);
}

.form-dropdown.nice-select .option {
    padding: 8px 16px;
    border-radius: 9px;
}

.form-dropdown.nice-select .option:hover,
.form-dropdown.nice-select .option.focus {
    background-color: #ddeed240;
    color: #338500;
}

.form-dropdown.nice-select .option.selected,
.form-dropdown.nice-select .option.selected.focus {
    background-color: #ffffff;
    color: #338500;
    position: relative;
}

.form-dropdown.nice-select .option.selected:after {
    content: "";
    position: absolute;
    top: 14px;
    left: -6px;
    height: 28px;
    max-height: 90%;
    border-right: 3px solid #69b33b;
    border-radius: 0 3px 3px 0;
}

.form-input-country-div .iti.iti--allow-dropdown {
    width: 100%;
}

.form-input-country-div .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: transparent !important;
}

.form-input-country-div .iti__arrow {
    position: absolute;
    right: 10px;
    border: none;
    width: 1em;
    height: 2em;
    background: url("/img/components/arrows/ar_ic_grey_down.svg") no-repeat right 13px;
    background-size: contain;
}

.form-input-country-div .iti__arrow.iti__arrow--up {
    background: url("/img/components/arrows/ar_ic_grey_up.svg") no-repeat right 13px;
    background-size: contain;

}

.form-input-country-div .iti__selected-flag {
    position: relative;
}

.form-input-country-div .iti__flag-container {
    width: 100%;
}

.form-input-country-div .iti__country-list {
    padding: 10px 0;
    border: 1px solid #d5d5d5;
    border-radius: 9px;
}

.form-input-country-div .iti__country-list::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.form-input-country-div .iti__country-list::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px 9px 9px 9px;
}

.form-input-country-div .iti__country-list::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 9px;
    border: 1px solid rgba(129, 130, 131, 0.8);
}

.form-input-country-div .iti__country {
    padding: 10px 0 10px 10px;
    background: transparent;
    border: 1px solid transparent;
}

.form-input-country-div .iti__country.iti__highlight {
    background: #f2f2f2 0 0 no-repeat padding-box;
    border: 1px solid #d5d5d5;
}

.form-checkbox {
    display: none;
}

.form-checkbox + .form-checkbox-label {
    display: block;
    align-items: center;
    user-select: none;
}

.form-checkbox + .form-checkbox-label::before {
    content: "";
    display: block;
    float: left;
    width: 2em;
    height: 2em;
    flex-shrink: 0;
    flex-grow: 0;
    margin-right: 0.5rem;
    background-image: url("/img/components/checkbox/toggle_ac_false.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

.form-checkbox:not(:disabled):not(:checked):active + label::before,
.form-checkbox:focus:not(:checked) + label::before {
    background-image: url("/img/components/checkbox/toggle_ac_false.svg");
}

.form-checkbox:not(:disabled):not(:checked):not(:focus):not(:active) + .form-checkbox-label:hover::before {
    background-image: url("/img/components/checkbox/toggle_ac_false_hover.svg");
}

.form-checkbox:checked + .form-checkbox-label::before,
.form-checkbox:not(:disabled):active + label::before,
.form-checkbox:focus + label::before {
    background-image: url("/img/components/checkbox/toggle_ac_true.svg");
}

.form-checkbox:not(:disabled):not(:focus):not(:active):checked + .form-checkbox-label:hover::before {
    background-image: url("/img/components/checkbox/toggle_ac_true_hover.svg");
}

/*.form-checkbox:disabled+.form-checkbox-label::before {*/
/*    background-image: url("/img/components/checkbox/toggle_ac_false.svg");*/
/*}*/

.form-checkbox-label {
    font: normal normal normal 16px/24px Lato, Arial, sans-serif;
    color: #6b6b6b;
    line-height: 1.1rem;
    cursor: pointer;
}

.search-input {
    padding-right: 40px;
    background-image: url("/img/components/search-grey.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 22px) 12px;
    background-size: 24px;
    min-width: 140px;
}

/* end of inputs */

/* start of buttons */
.button {
    display: block;
    border: none;
    border-radius: 9px;
    text-align: center;
    text-decoration: none;
    padding: 18px 35px;
    background-color: #eaeaea;
    width: max-content;
    color: #ffffff;
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    will-change: box-shadow, background;
}

.button:hover {
    box-shadow: 0 5px 20px 0 #cecece80;
}

.button:active,
.button:focus {
    box-shadow: none;
}

.button:disabled {
    opacity: 0.5;
    box-shadow: none;
}

.button-arrow {
    height: max-content;
    padding: 18px 52px 18px 35px;
    background: #ddeed2 right 35px center / 6px 9px url("/img/components/arrows/ar_ic_white.svg") no-repeat;
    will-change: background, box-shadow;
}

.button-arrow:hover {
    background-position: right 23px center;
}

.button-arrow:focus,
.button-arrow:active {
    background-position: right 23px center;
}

.img-button {
    border: none;
    background: transparent;
    line-height: 100%;
    cursor: pointer;
    height: min-content;
    text-decoration: none;
}

.img-button img {
    max-width: inherit;
}

.green-button {
    border: 2px solid #69b33b;
    background: transparent;
    color: #69b33b;
    padding: 16px 33px;
}

.green-button:hover,
.green-button-hover {
    background: #4eab14 0 0 no-repeat padding-box;
    color: #ffffff;
    box-shadow: 0 5px 20px 0 #4eab1480;
}

.green-button:active,
.green-button:focus {
    background: #4eab14 0 0 no-repeat padding-box;
    box-shadow: none;
    color: #ffffff;
}

.green-button:disabled {
    opacity: 1;
    background: transparent;
    border: 2px solid #6b6b6b;
    color: #6b6b6b;
}

.dark-green-button {
    background-color: #54a820;
}

.dark-green-button:hover {
    box-shadow: 0 5px 20px 0 #54a820;
}

.dark-green-button:active,
.dark-green-button:focus {
    background-color: #338500;
}

.dark-green-button:disabled {
    background-color: #54a820;
}

.light-green-button {
    background-color: #ddeed2;
    color: #338500;
}

.light-green-button:hover:not(.light-green-button-disabled) {
    box-shadow: 0 5px 20px 0 #ddeed2;
}

.light-green-button:focus:not(.light-green-button-disabled),
.light-green-button:active:not(.light-green-button-disabled) {
    background-color: #69b33b;
    color: #ffffff;
}

.light-green-button:disabled,
.light-green-button-disabled {
    background-color: #ddeed2;
    color: #338500;
    opacity: 0.7;
}

.light-green-arrow-button {
    color: #338500;
    background: #ddeed2 right 35px center / 6px 9px url("/img/components/arrows/ar_ic_dark_green.svg") no-repeat;
}

.light-green-arrow-button:focus,
.light-green-arrow-button:active {
    background-color: #69b33b;
    color: #ffffff;
}

.orange-button {
    padding: 18px;
    background: #f2a616;
}

.orange-button:hover {
    box-shadow: 0 5px 20px 0 #f2a61680;
}

.orange-arrow-button {
    border: 2px solid #f2a616;
    background: #f2a616 right 35px center / 6px 9px url("/img/components/arrows/ar_ic_white.svg") no-repeat;
}

.orange-arrow-button:focus,
.orange-arrow-button:active {
    background-color: #eb9a00;
}

.orange-arrow-button:disabled {
    background-color: #f2a616;
    opacity: 0.5;
}

.edit-button {
    width: 45px;
    height: 45px;
    padding: 0;
    background: #f2a616 url("/img/cabinet/edit.svg") no-repeat center right 9px;
    background-size: 25px 25px;
    border-radius: 50%;
    color: transparent;
}

.edit-button:hover {
    border-radius: 9px;
}

.edit-button-active {
    width: 120px;
    height: 45px;
    border-radius: 9px;
    text-align: left;
    padding: 12px 49px 11px 17px;
    color: #ffffff;
}

.edit-button-active:not(:active):not(:focus):hover {
    background-color: #3786ee;
}

.transparent-light-green-button {
    padding: 17px;
    background-color: transparent;
    border: 1px solid #54a8202e;
    color: #54a820;
}

.transparent-light-green-button:hover {
    box-shadow: 0 5px 20px 0 #54a8202e;
}

.transparent-light-green-button:focus,
.transparent-light-green-button:active {
    background-color: #54a8202e;
    color: #54a820;
}

.transparent-light-green-button:disabled {
    opacity: 1;
    background-color: #54a8202e;
    color: #54a820;
    border: 1px solid transparent;
}

/* end of buttons */

/* start of links */
.link {
    font: normal normal normal 1rem Lato, Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
    color: #232323;
    border: none;
    overflow-wrap: break-word;
    transition: all 0.5s ease-in-out;
}

.link-arrow {
    padding: 12px 50px 12px 10px;
    color: #3786ee;
    width: max-content;
    height: max-content;
    background: right 20px center / 6px 9px url("/img/components/arrows/ar_ic.svg") no-repeat;
    will-change: color, background-position;
}

.link-arrow:hover {
    background-position: right center;
}

.link-arrow:focus,
.link-arrow:active {
    background-position: right center;
    color: #2070d9;
}

.blue-link {
    color: #3786ee;
    width: max-content;
}

.blue-link:hover,
.blue-link:focus,
.blue-link:active {
    color: #2070d9;
}

.white-arrow-link {
    color: #ffffff;
    background-image: url("/img/components/arrows/ar_ic_white.svg");
}

.white-arrow-link:focus,
.white-arrow-link:active {
    color: #ffffff;
}

.dark-green-link {
    color: #338500;
}

.dark-green-link:hover {
    color: #3786ee;
}

.light-grey-link {
    color: #8b8b8b;
    padding-bottom: 3px;
}

.light-grey-link:hover {
    border-bottom: 1px solid #8b8b8b;
}

.link-underline {
    color: #3786ee;
    border-bottom: 1px solid #3786ee;
}

.link-with-image {
    color: #232323;
}

.link-with-image::after {
    content: url("/img/components/open_link.svg");
    width: 16px;
    height: 16px;
    padding-left: 10px;
}

/* end of links */

/* start of scrollbar */
.new-scrollbar::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

.new-scrollbar::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 9px;
}

.new-scrollbar::-webkit-scrollbar-thumb {
    background: #efeff1;
    border-radius: 9px;
    border: none;
}

.new-scrollbar.scrollbar-second::-webkit-scrollbar-thumb {
    background: #57A61C;
    border-radius: 9px;
    border: none;
}

/* end of scrollbar */

/* start of title with image */

.grid-title-img-div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content 1fr;
    grid-gap: 0 50px;
}

.grid-title-div {
    padding: 13px 0 0 0;
    grid-column: 1;
    grid-row: 1;
}

.grid-desc-div {
    grid-column: 1;
    grid-row: 2;
}

.grid-desc-div .main-p {
    margin: 31px 0;
}

.grid-img-div {
    grid-column: 2;
    grid-row: 1 / 3;
    display: grid;
    justify-content: center;
}

/* end of title with image */

/* start of accordion */
.accordion {
    background-color: #ffffffb3;
    border: 1px solid #ffffff;
    border-radius: 18px;
    margin-top: 10px;
    width: 100%;
    position: relative;
}

.accordion-button {
    display: block;
    width: 100%;
    padding: 41px 44px;
    border-radius: 18px;
    font-size: 1.1rem;
    cursor: pointer;
    background-color: #ffffff;
}

.accordion-button:after {
    content: "";
    position: absolute;
    top: 49px;
    right: 43px;
    width: 16px;
    height: 9px;
    background: url("/img/components/arrows/ar_ic_dark_green_down.svg") no-repeat center;
    background-size: 16px 9px;
    will-change: transform;
    transition: transform 0.6s linear;
}

.accordion-active .accordion-button:after {
    transform: rotate(180deg);
}

.accordion-active .accordion-body {
    border: 1px solid #ffffff;
    border-top: none;
    max-height: 1400px;
}

.accordion-body {
    display: block;
    background-color: transparent;
    border: 1px solid transparent;
    border-top: none;
    border-radius: 0 0 18px 18px;
    padding: 0 !important;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    will-change: max-height;
    transition: max-height 0.6s ease-in-out;
}

/* start of pink accordion */
.pink-accordion-div {
    background-color: #ede9ffab;
    border: 1px solid #ffffffab;
    border-radius: 18px;
    padding: 33px 81px 33px 81px;
}

.pink-accordion-div .accordion {
    background-color: transparent;
    border: none;
    margin-top: 10px;
}

.pink-accordion-div .accordion-button {
    background-color: transparent;
    border: none;
    font: normal normal bold 1.5rem Lato, Arial, sans-serif;
    padding: 30px 50px 30px 0;
}

.pink-accordion-div .accordion-button::after {
    filter: grayscale(1);
    top: 41px;
    right: 10px;
}

.pink-accordion-div .accordion-body {
    background-color: transparent;
    border: none;
}

.pink-accordion-div .pink-arrow-p {
    padding-top: 19px;
    padding-bottom: 19px;
    position: relative;
}

/* end of pink accordion */
/* end of accordion */

/* start of toast */
.toast-message-div {
    position: fixed;
    top: 160px;
    right: 178px;
    padding: 21px 47px 29px 28px;
    width: 417px;
    min-height: 142px;
    background-color: #ffffff;
    box-shadow: 0 0 20px #d6d5da;
    border-radius: 18px;
}

.toast-message-div::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    top: 17px;
    left: 28px;
    background: url("/img/components/statuses/notification.svg") no-repeat center center;
    background-size: 30px;
}

.toast-success {
    box-shadow: 0 0 20px #33850033;
}

.toast-success::before {
    background: url("/img/components/statuses/success.svg") no-repeat center center;
    background-size: 30px;
}

.toast-warning {
    box-shadow: 0 0 20px #f2a61633;
}

.toast-warning::before {
    background: url("/img/components/statuses/warning.svg") no-repeat center center;
    background-size: 30px;
}

.toast-error {
    box-shadow: 0 0 20px #ff596d33;
}

.toast-error::before {
    background: url("/img/components/statuses/error.svg") no-repeat center center;
    background-size: 30px;
}

.toast-message-p {
    display: grid;
    grid-gap: 20px 0;
    font: normal normal normal 1.2rem/1.5rem Lato;
    overflow-wrap: anywhere;
}

.toast-title {
    font: normal normal bold 1.2rem/1.5rem Lato;
    padding-left: 50px;
}

.toast-button {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    background: url("/img/components/close.svg") no-repeat center center;
    background-size: 30px 30px;
    filter: opacity(0.5);
    cursor: pointer;
}

/* end of toast */
/* end of components */

/* start of general styles */
.background-first {
    background: linear-gradient(225deg, #54a82020, #54a82005 30%),
    linear-gradient(180deg, #1ca5fc30, #1ca5fc05 70%),
    linear-gradient(135deg, #54a82020, #54a82005 30%),
    linear-gradient(0deg, #54a82010, #54a82005 30%);
}

.background-second {
    background: linear-gradient(315deg, #54a82020, #54a82005 30%),
    linear-gradient(225deg, #54a82020, #54a82005 30%),
    linear-gradient(180deg, #1ca5fc30, #1ca5fc05 70%),
    linear-gradient(135deg, #54a82020, #54a82005 30%),
    linear-gradient(45deg, #54a82030, #54a82005 30%),
    linear-gradient(0deg, #f67f0030, #f67f0005 30%);
}

.d-none {
    display: none;
}

.d-none-important {
    display: none !important;
}

.d-table-cell-important {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex;
}

.d-grid {
    display: grid;
}

.d-grid-important {
    display: grid !important;
}

.d-only-mobile {
    display: none;
}

.d-only-computer {
    display: block;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.align-items-center {
    align-items: center;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.mt-24 {
    margin-top: 24px;
}

.mt-35 {
    margin-top: 35px;
}

.gap-9 {
    grid-gap: 9px;
}

.text-start {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-end {
    text-align: right;
}

.text-decoration-none {
    text-decoration: none;
}

.grid-row-1 {
    grid-row: 1;
}

.grid-row-2 {
    grid-row: 2;
}

.grid-column-1 {
    grid-column: 1;
}

.grid-column-2 {
    grid-column: 2;
}

.grid-column-3 {
    grid-column: 3;
}

.color-black {
    color: #232323;
}

.color-grey {
    color: #6b6b6b;
}

.color-light-grey {
    color: #8b8b8b;
}

.color-green {
    color: #69b33b;
}

.color-dark-green {
    color: #338500;
}

.color-red {
    color: #fc3b3b;
}

.color-orange {
    color: #f2a616;
}

.color-blue {
    color: #3786ee;
}

.animation-appear {
    animation: 0.6s ease-in-out appear;
}

.animation-disappear {
    animation: 0.8s ease-in-out disappear;
}

@-webkit-keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-o-keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-moz-keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* end of general styles */

/* start of media queries */
@media (min-width: 1199.98px) and (max-width: 1555.98px) {
    .container {
        width: 82%;
    }

    /* start of menu media queries */
    .menu-link {
        text-align: center;
        font-size: 14px;
        color: #232323;
    }

    .menu-link {
        padding: 12px;
        transition: all 0.25s ease;
        cursor: pointer;
    }

    .header-wrapper .green-button {
        width: 155px;
        height: 52px;
        font-size: 14px;
        padding: 16px;
    }

    .menu-link:not(:last-child) {
        padding-right: 8px;
    }
    /* end of menu media queries */
}

@media (max-width: 1455.98px) {
    /* start of homepage media queries */
    .home-section {
        background-size: auto 100%;
    }

    .calc-section-div {
        margin-top: 0;
    }

    /* end of homepage media queries */
}

@media (max-width: 1399.98px) {
    /* start of components media queries */
    .grid-title-img-div {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 50px 0;
    }

    .grid-img-div {
        grid-column: 1;
        grid-row: 2;
    }

    .grid-desc-div {
        grid-column: 1;
        grid-row: 3;
    }

    .title-and-image {
        grid-template-columns: 1fr;
        grid-gap: 50px 0;
        justify-items: center;
    }

    .title-img-div {
        grid-row: 1;
    }

    /* start of components media queries */
    /* start of footer media queries */
    .footer-div {
        width: 100%;
        padding: 32px 30px 27px 80px;
    }

    /* end of footer media queries */
    /* start of forms media queries */
    .form-div {
        padding: 2rem 2rem;
    }

    .form-header-element {
        font-size: 1.3rem;
    }

    .form-input-group-checkbox {
        padding-left: 0;
    }

    .form-image {
        padding: 3rem 2rem 3rem 1rem;
    }

    /* end of forms media queries */
    /* start of homepage media queries */
    .how-use-step {
        flex: 0 1 100%;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-evenly;
    }

    /* end of homepage media queries */
    /* start of brokers page media queries */
    .brokers-container {
        padding: 39px 48px 50px 48px;
    }

    .brokers-div {
        padding: 35px 30px;
    }

    .brokers-input-select-div {
        flex-basis: 100%;
        justify-content: space-between;
    }

    .brokers-search-comparison-div {
        margin-top: 20px;
        flex-basis: 100%;
        justify-content: space-between;
    }

    .brokers .search-input {
        max-width: calc(100% - 35px);
    }

    .brokers-group:first-child {
        margin-left: 0;
    }

    .brokers-table-div {
        margin-top: 13px;
        padding: 0;
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

    .brokers-div-table .brokers-table thead {
        display: none;
    }

    .brokers-div-table .brokers-table tr {
        display: grid;
        gap: 35px;
        grid-auto-rows: minmax(auto, auto);
        margin-top: 20px;
        background-color: #ffffffb3;
        border: 1px solid #ffffff;
        border-radius: 18px;
        padding: 30px 30px 46px 30px;
        justify-content: space-between;
        align-items: center;
    }

    .brokers-div-table .brokers-table .table-column {
        border: none;
        text-align: left;
        padding: 10px 0 0 0;
        display: grid;
    }

    .brokers-div-table .brokers-table .table-center-column {
        max-width: 100%;
    }

    .brokers-div-table .brokers-table .table-center-column * {
        margin: 0;
    }

    .brokers-div-table .brokers-table .table-column-name {
        display: block;
        font: normal normal normal 13px Lato, Arial, sans-serif;
        color: #6b6b6b;
        margin-top: 9px;
    }

    .brokers-table-img-column .table-broker-logo {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .brokers-table-img-column .brokers-table-broker-name {
        grid-column: 2;
        grid-row: 1;
        margin: 0 0 0 25px;
    }

    .brokers-table-img-column .table-column-name {
        grid-column: 2;
        grid-row: 2;
        margin: 0 0 0 25px;
    }

    .table-rating-value {
        justify-content: normal;
    }

    .brokers-div-table .brokers-table .table-img-name-inline {
        justify-items: normal;
    }

    .brokers-table-regulated-column .table-value {
        max-width: max-content;
    }

    .brokers-table-comparison-column {
        grid-column: 1;
        grid-row: 1;
        align-items: center;
    }

    .brokers-table-img-column {
        grid-column: 2 / 4;
        grid-row: 1;
        display: grid;
        justify-content: start;
        align-items: end;
    }

    .brokers-table-link-column {
        grid-column: 4 / 6;
        grid-row: 1;
    }

    .brokers-table-rating-column {
        grid-column: 1 / 3;
        grid-row: 2;

        padding-left: 0 !important;
    }

    .brokers-table-exchange-column {
        grid-column: 3 / 5;
        grid-row: 2;
    }

    .brokers-table-deposit-column {
        grid-column: 5;
        grid-row: 2;
    }

    .brokers-table-rebate-column {
        grid-column: 1 / 3;
        grid-row: 3;
    }

    .brokers-table-regulated-column {
        /*min-width: 216px;*/
        grid-column: 3 / 5;
        grid-row: 3;
    }

    .brokers-table-arm-column {
        grid-column: 5;
        grid-row: 3;
    }

    /* end of brokers page media queries */
    /* start of ico media queries */
    .brokers-container {
        margin-bottom: 53px;
    }

    .ico-div {
        padding: 22px 24px 22px 0;
    }

    .ico-page .brokers-table-div {
        margin-top: 0;
    }

    .ico-page .brokers-div-table .brokers-table tr {
        grid-template-columns: none;
    }

    .ico-page .table-broker-logo {
        grid-row: 1 / 3;
    }

    .table-img-name-column {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .table-img-name-column .table-column-name {
        margin-left: 10px;
    }

    .ico-table-date-column {
        grid-column: 1;
        grid-row: 2;
    }

    .ico-table-price-column {
        grid-column: 2;
        grid-row: 2;
    }

    .ico-table-return-column {
        grid-column: 3;
        grid-row: 2;
    }

    .ico-table-button-column {
        grid-column: 3;
        grid-row: 1;
        justify-content: end !important;
    }

    /* end of ico media queries */
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    /* start of forms media queries */
    .form-header-element {
        font-size: 1rem;
    }

    .form-input-group-checkbox {
        width: max-content;
        padding-left: 0;
        margin: 0 auto;
    }

    .form-input-group-link {
        display: none;
    }

    .form-link.d-none {
        display: block;
        margin: 2rem auto 0 auto;
        text-align: center;
        float: none;
        width: max-content;
    }

    .form-input-group {
        display: block;
    }

    .form-input-group-country {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .form-input-group-number {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    /* end of forms media queries */
}

@media (max-width: 1199.98px) {
    .container {
        width: 84%;
    }

    /* start of menu media queries */
    .main-menu {
        position: fixed;
        top: 0;
        right: 0;
        padding: 80px 20px 100px 20px;
        background-color: #f7f7f7;
        box-shadow: -7px 7px 14px 0 #d6d6d6;
        width: 50%;
        min-width: 200px;
        max-width: 262px;
        height: 100vh;
        overflow-y: auto;
        flex-direction: column;
        align-items: flex-start;
        transition: all 0.5s linear;
        transform: translate(0, -110vh);
    }

    .main-menu-transform {
        transform: translate(0, 0);
    }

    .right-side {
        display: none;
    }

    .mobile-cabinet-button.d-none {
        display: block;
    }

    .mobile-menu-button.d-none {
        display: block;
    }

    .menu-link:hover {
        background: unset !important;
    }

    .menu-link {
        margin-top: 5px;
        padding: 15px;
    }
    /* end of menu media queries */

    /* start of footer media queries */
    .footer-div {
        justify-content: space-evenly;
    }

    .footer-logo {
        padding-bottom: 20px;
    }

    .footer-links {
        display: none;
    }

    .footer-button {
        grid-column: 2;
    }

    .footer-company {
        grid-column: 1;
    }

    .footer-terms {
        grid-column: 2;
    }

    .footer-website {
        grid-column: 1;
    }

    .footer-risk-warning {
        grid-column: 2;
    }

    .footer-copyright {
        grid-column: 1 / 3;
        grid-row: 4;
        padding-top: 50px;
    }

    /* end of footer media queries */

    /* start of components media queries */
    .five-cards {
        flex-wrap: wrap;
    }

    .home-what-is-section {
        justify-content: center;
    }

    .home-what-is-desc-div {
        grid-row: 3;
        max-width: 100%;
    }

    .home-what-is-img-div {
        grid-row: 2 / 3;
        grid-column: 1 / 3;
        max-height: 425px;
        margin: 0 auto;
    }

    .home-how-works-section {
        grid-template-columns: 1fr;
    }

    .home-how-works-section .title-h2 {
        grid-column: 1;
        grid-row: 1;
        margin-bottom: 38px;
    }

    .home-how-works-image-div {
        grid-row: 2;
        grid-column: 1;
        margin: 0 auto;
    }

    .home-how-works-desc-div {
        grid-column: 1;
        grid-row: 3;
    }

    .home-how-works-desc-div .main-p {
        margin-top: 12px;
    }
    /* end of components media queries */

    /* start of homepage media queries */
    .home-header-div {
        margin-top: 220px;
        margin-left: 10%;
    }

    .home-section {
        background: url(/img/homepage/banner_tablet.webp) no-repeat 0 0;
        background-size: 100% auto;
    }

    .home-title {
        max-width: 400px;
    }

    .exchange-carousel {
        margin: 295px 0 0 0;
        padding-bottom: 20px;
    }

    .five-cards {
        width: 80%;
    }

    .home-card {
        margin: 5px;
        flex-basis: min-content;
    }

    .home-what-is-section .title-h2 {
        max-width: 650px;
    }

    .home-features-section .home-what-is-img-div {
        max-height: 350px;
    }

    .how-use-desc .title-h2 {
        margin: 0 auto;
    }

    .how-use-step {
        flex: 0 1 100%;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-evenly;
    }

    .how-use-step-div {
        width: 397px;
    }

    .how-use-step-p {
        font-size: 1.5rem;
    }

    .how-use-step-img {
        margin-right: 0;
    }

    .calc-section {
        border-radius: 29px;
    }

    .calc-title {
        padding-left: 10%;
        margin-bottom: 47px;
    }

    .calc-section-div {
        flex-direction: column-reverse;
        margin-top: 0;
        align-items: normal;
        background-color: #ffffff60;
        border-radius: 32px;
        opacity: 1;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        padding: 15px;
    }

    .calc-div {
        flex-basis: 100%;
        margin-left: 0;
    }

    .calc-desc {
        flex-basis: 100%;
    }

    .calc-example {
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        text-align: center;
    }

    .forex-brokers-section {
        padding-left: 35px;
        padding-right: 35px;
    }

    .forex-brokers-section .title-h2,
    .forex-brokers-section .title-h2 {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .forex-brokers-div {
        justify-content: center;
        max-height: 900px;
        overflow-y: auto;
    }

    .forex-broker-element {
        margin-left: 11px;
        margin-right: 11px;
    }

    .news-div {
        grid-template-columns: 1fr;
    }

    /* end of homepage media queries */
    /* start of about media queries */
    .title-and-image .main-p.color-green {
        padding: 15px 0 18px 0;
        font-size: 1.4rem;
    }

    .title .main-p {
        font-size: 1.1rem;
    }

    .about-page .three-cards-p {
        font-size: 1.1rem;
    }

    .what-is-big-img-section .home-what-is-img-div {
        max-width: 426px;
        max-height: 426px;
        margin: 20px 0 -170px 0;
    }

    .about-page-cards-section .title-h2 {
        padding-left: 0;
        text-align: center;
        margin-bottom: 38px;
    }

    .about-page-cards-section .home-how-works-image-div {
        max-width: 422px;
        max-height: 357px;
    }

    .auto-img {
        width: 100% !important;
    }

    .description-section {
        margin-top: 85px;
        border-radius: 29px;
        padding: 83px 14% 87px 14%;
    }

    .description-section.forex-brokers-section .title-h2 {
        max-width: 100%;
    }

    .about-page .home-what-is-section .main-p {
        max-width: 100%;
        padding-left: 5%;
        font-size: 1.4rem;
        margin-bottom: 32px;
    }

    .fix-image {
        margin-top: 0;
        padding-left: 10%;
    }

    .home-how-works-desc-div .main-p.color-grey {
        margin-bottom: 32px;
    }

    .awards-section {
        padding: 51px 30px 100px 30px;
    }

    .awards-div {
        height: 394px;
    }

    .about-page .about-career .title-h2 {
        margin-bottom: 50px;
    }

    .content-div {
        flex-direction: column-reverse;
    }

    .content-img-div {
        flex: 1 1 100%;
        max-width: 100%;
        max-height: 100%;
        padding-left: 20%;
    }

    .content-desc-div {
        padding-right: 0;
    }

    /* end of about media queries */
    /* start of how it works media queries */
    .how-title-section {
        margin-bottom: 40px;
    }

    .how-cards-section {
        width: 90%;
    }

    .three-cards {
        margin-bottom: 75px;
    }

    .three-cards-card {
        margin: 5px;
        flex-basis: 304px;
    }

    .how-it-works .home-what-is-section {
        margin-bottom: 0;
    }

    .how-it-works .home-what-is-img-div {
        margin-bottom: -135px;
    }

    .how-use-desc {
        margin-top: 42px;
    }

    .how-it-works .how-use-desc .title-h2 {
        margin-bottom: 56px;
    }

    /* end of how it works media queries */
    /* start of ico media queries */
    .ico-page .brokers-container {
        margin-bottom: 53px;
    }

    .ico-div {
        padding: 22px 24px 22px 0;
    }

    .ico-div .main-p {
        font-size: 1.1rem;
    }

    .ico-div .green-button {
        padding: 17px 55px;
    }

    /* end of ico media queries */
    /* start of contacts page */
    .grid-three-cards-wrapper {
        margin-bottom: 35px;
    }

    .contacts-page .emails-contacts {
        grid-template-columns: 1fr;
    }

    .contacts-page .messenger-contacts {
        grid-template-columns: 1fr 1fr;
    }

    .contact-card {
        min-height: 160px;
    }

    .small-contact-card {
        min-height: 126px;
    }
    /* end of contacts page */
}

@media (max-width: 991.98px) {
    .pink-accordion-div {
        padding: 33px 43px;
    }

    .pink-accordion-div .pink-arrow-p {
        padding-top: 12px;
        padding-bottom: 12px;
        align-items: start;
    }

    .toast-div {
        position: fixed;
        top: 30%;
        right: 0;
        bottom: 0;
        left: 0;
        background: transparent linear-gradient(180deg, #ffffff00 0%, #ffffff 100%) 0 0 no-repeat padding-box;
    }

    .toast-message-div {
        top: auto;
        right: 0;
        bottom: 15px;
        left: 0;
        margin: 0 auto;
    }

    /* start of footer media queries */
    .footer-div {
        justify-content: space-between;
    }

    /* end of footer media queries */
    /* start of forms media queries */
    .form-checkbox:not(:disabled):not(:checked):not(:focus):not(:active) + .form-checkbox-label:hover::before {
        background-image: url("/img/components/checkbox/toggle_ac_false.svg");
    }

    .form-checkbox:not(:disabled):not(:focus):not(:active):checked + .form-checkbox-label:hover::before {
        background-image: url("/img/components/checkbox/toggle_ac_true.svg");
    }

    .form-section {
        display: block;
    }

    .form-image {
        width: 100%;
        padding: 3rem 2rem 3rem 1rem;
    }

    .form-div {
        width: 100%;
    }

    /* end of forms media queries */
    /* start of homepage media queries */
    .how-use-step {
        justify-content: space-between;
    }

    /* end of homepage media queries */
    /* start of faq page */
    .faq-page .pink-accordion-div {
        margin-top: 37px;
        margin-bottom: 53px;
    }

    /* end of faq page */
    /* start of contacts page */
    .small-contact-card {
        padding-bottom: 19px;
    }

    .contact-form {
        grid-template-columns: 1fr;
    }

    .contact-form .contact-textarea-div,
    .contact-form .button {
        grid-column: 1;
    }
    /* end of contacts page */
}

@media (max-width: 767.98px) {
    .container {
        width: 86%;
    }

    .grid-img-div img {
        width: 100%;
        height: min-content;
    }

    /* start of footer media queries */
    .footer-div {
        padding: 32px 30px 27px 30px;
    }

    /* end of footer media queries */
    /* start of forms media queries */
    .form-section {
        width: 86%;
    }

    .form-div {
        padding: 2rem 2.5rem;
    }

    .title {
        margin-left: 7%;
    }

    /* end of forms media queries */
    /* start of forex brokers media queries */
    .brokers-container {
        padding: 28px 18px;
    }

    .brokers-div {
        padding: 19px 14px;
    }

    .filter-group.d-none {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .filter-group-name {
        font: normal normal normal 1rem Lato, Arial, sans-serif;
        color: #6b6b6b;
        padding-left: 8px;
        flex: 1 1 50%;
    }

    .filter-button {
        flex: 0 0 20px;
        width: 18px;
        height: 16px;
        background: url("/img/components/Filter.svg") no-repeat center center;
        background-size: 100% 100%;
        border: none;
        outline: none;
    }

    .brokers-input-select-div {
        display: none;
        flex-direction: column;
        height: 335px;
    }

    .brokers-search-comparison-div {
        display: none;
        flex-direction: column;
    }

    .brokers-select-group {
        flex-basis: 90px;
    }

    .brokers-select-group:first-child {
        margin-right: 0;
    }

    .brokers-group {
        display: none;
    }

    .brokers-group.d-none,
    .brokers-group.brokers-button-group {
        display: flex;
        flex-basis: 90px;
        flex-grow: 0;
        padding-right: 0;
        margin-left: 0;
    }

    .brokers-group.d-none {
        margin-bottom: 20px;
    }

    .brokers-group.d-none .hr {
        margin: 15px 0;
        border: none;
        border-top: 2px solid #d5d5d5;
    }


    .brokers-group.brokers-button-group {
        flex-basis: max-content;
    }

    .brokers .search-input {
        max-width: 100%;
    }

    .brokers-group.brokers-button-group .brokers-group-p {
        display: none;
    }

    .comparison-button {
        max-width: 100%;
        background-position: right 18px center;
        text-align: left;
        font: normal normal normal 1rem Lato, Arial, sans-serif;
        color: #338500;
        padding: 19px 18px 18px 21px;
    }

    .brokers-div-table .brokers-table tr {
        grid-gap: 24px 0;
        padding: 32px 15px 32px 25px;
    }

    .brokers-table-img-column .brokers-table-broker-name {
        margin-left: 9px;
    }

    .brokers-table-img-column .table-column-name {
        margin-left: 9px;
    }

    .brokers-table-rating-column .table-column-name {
        margin-right: 35px;
    }

    .table-comparison-button {
        margin-right: 20px;
    }

    /* end of forex brokers media queries */
    /* start of ico media queries */
    .ico-div {
        padding-right: 10px;
    }

    .ico-div .green-button {
        padding: 17px 45px;
    }

    /* end of ico media queries */
}

@media (max-width: 575.98px) {
    .container {
        width: 90%;
    }

    .d-only-mobile {
        display: flex;
    }

    .d-only-computer {
        display: none;
    }

    .navigation {
        margin-bottom: 30px;
    }

    .input-error-text {
        max-width: 234px;
    }

    .table-value {
        grid-column: 2;
        grid-row: 1;
    }

    .table-column-name {
        margin-top: 0;
    }

    .grid-title-img-div {
        grid-gap: 10px 0;
    }

    .title-and-image {
        grid-gap: 30px 0;
    }

    .pink-accordion-container {
        width: 100%;
    }

    .pink-accordion-div {
        padding: 7px 36px 20px 36px;
    }

    .pink-accordion-div .accordion-button {
        padding: 11px 40px 11px 0;
    }

    .pink-accordion-button-span {
        font: normal normal bold 18px/22px Lato;
    }

    .pink-accordion-div .accordion-button::after {
        filter: grayscale(1);
        top: 24px;
        right: 8px;
    }

    .pink-accordion-div .accordion-body {
        padding-bottom: 0;
    }

    .pink-accordion-div .pink-arrow-p {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 1.1rem;
    }

    .pink-arrow-p::before {
        flex: 0 0 37px;
        content: "";
        width: 37px;
        height: 37px;
        margin-right: 9px;
        display: block;
        background: url(/img/cabinet/pink_arrow_left.svg) no-repeat center center;
        background-size: 100% 100%;
    }

    .pink-accordion-number-steps .pink-arrow-p::before {
        content: "";
        width: 37px;
        height: 37px;
        background: #e4ddee none;
        border-radius: 10px;
        margin-right: 9px;
        color: #877b9c;
        font: normal normal 600 1rem Lato, Arial, sans-serif;
        display: grid;
        align-items: center;
        justify-items: center;
    }

    .pink-accordion-div .accordion:last-child .accordion-body {
        padding-bottom: 30px;
    }

    .toast-message-div {
        bottom: 18px;
        width: 300px;
        max-width: 90%;
        height: max-content;
        padding: 21px 47px 17px 25px;
    }

    .toast-title {
        font: normal normal bold 1.1rem / 1.4rem Lato;
        padding-left: 45px;
    }

    .toast-message-p {
        font: normal normal normal 1rem / 1.2rem Lato;
        grid-gap: 12px 0;
    }

    /* start of footer media queries */
    .footer-div {
        padding: 18px 20px;
    }

    .footer-div .light-grey-link {
        font-size: 0.9rem;
    }

    .footer-logo {
        grid-row: 1 / 3;
        display: flex;
        justify-content: center;
        padding-top: 18px;
        padding-bottom: 10px;
    }

    .footer-button {
        display: none;
    }

    .footer-company {
        grid-row: 3;
        padding-top: 32px;
    }

    .footer-company .light-grey-link,
    .footer-company .main-p.color-light-grey {
        font-size: 0.8rem;
    }

    .footer-terms {
        grid-row: 1;
        padding-left: 20px;
        width: fit-content;
    }

    .footer-risk-warning {
        grid-row: 2;
        padding-left: 20px;
        width: fit-content;
    }

    .footer-website {
        grid-row: 4;
    }

    .footer-website .dark-green-link {
        font-size: 0.9rem;
    }

    .footer-copyright {
        grid-column: 2;
        grid-row: 3 / 5;
        padding-top: 27px;
        padding-left: 20px;
        text-align: left;
    }

    .footer-copyright .main-p.color-light-grey {
        font-size: 0.9rem;
    }

    .footer-div .footer-copyright-span {
        font-size: 0.8rem;
        line-height: 25px;
    }

    /* end of footer media queries */
    /* start of forms media queries */
    .form-image {
        padding: 2rem 1.5rem 2rem 0;
    }

    .form-section {
        width: 100%;
    }

    .form-div {
        padding: 2rem 1rem;
    }

    .form-header-element {
        font-size: 1rem;
    }

    .form-input-group-checkbox {
        width: max-content;
        padding-left: 0;
        margin: 0 auto;
    }

    .form-input-group-link {
        display: none;
    }

    .form-link.d-none {
        display: block;
        margin: 2rem auto 0 auto;
        text-align: center;
        float: none;
        width: max-content;
    }

    .restore-password-div {
        padding: 1rem;
    }

    .restore-div-content {
        padding: 3rem 0 0 0;
    }

    .form-input-group {
        display: block;
    }

    .form-input-group-country {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .form-input-group-number {
        width: 100%;
        float: none;
        margin-left: 0;
    }

    /* end of forms media queries */
    /* start of homepage media queries */
    .home-section {
        background: url("/img/homepage/banner_mobile.webp") no-repeat 0 0;
        background-size: 100% 100%;
    }

    .home-header-div {
        margin-top: 160px;
    }

    .orange-button {
        padding: 18px 27px;
    }

    .home-title {
        max-width: 280px;
    }

    .exchange-carousel {
        margin-top: 258px;
    }

    .five-cards {
        margin-top: 20px;
        flex-direction: column-reverse;
        margin-bottom: 58px;
    }

    .home-card {
        height: 100px;
    }

    .card-image {
        margin-top: 13px;
    }

    .card-number {
        margin-top: 2px;
        margin-left: 19px;
    }

    .card-desc {
        margin-top: -10px;
        margin-left: 62px;
    }

    .home-what-is-section {
        margin-bottom: 34px;
    }

    .home-div {
        padding: 8px 18px 18px 18px;
    }

    .home-what-is-img-div {
        max-width: 226px;
        max-height: 213px;
        margin-bottom: -50px;
    }

    .how-use-section {
        margin-bottom: 30px;
    }

    .how-use-step-div {
        /*flex-basis: 100%;*/
        max-width: 100%;
        background: #ffffff;
    }

    .how-use-step-img {
        display: none;
    }

    .how-use-desc .title-h3-gray {
        max-width: 301px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
    }

    .how-use-step {
        margin-bottom: 10px;
        justify-content: center;
        max-width: 100%;
    }

    .calc-section {
        padding: 20px 19px 21px 19px;
        margin-bottom: 43px;
    }

    .calc-title {
        max-width: 240px;
        margin-bottom: 18px;
        line-height: 2.8rem;
    }

    .calc-div {
        flex-wrap: wrap;
    }

    .calc-form {
        flex: 0 0 100%;
    }

    .calc-result-div {
        flex: 0 0 100%;
    }

    .calc-main-p {
        font-size: 1.2rem;
        max-width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

    .calc-grey-p {
        font-size: 1.1rem;
        max-width: 176px;
        margin-left: auto;
        margin-right: auto;
    }

    .home-features-section .home-what-is-img-div {
        max-width: 301px;
        max-height: 196px;
        margin-bottom: -76px;
    }

    .forex-brokers-section {
        padding: 37px 19px 25px 19px;
        border-radius: 57px;
        margin-bottom: 0;
    }

    .forex-brokers-div {
        max-height: 243px;
        padding: 18px 18px 4px 18px;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .forex-brokers-section .title-h2,
    .forex-brokers-section .title-h2 {
        max-width: 400px;
        margin-left: 20px;
        margin-bottom: 33px;
        text-align: left;
    }

    .news-div {
        grid-gap: 30px;
        margin-bottom: 30px;
    }

    .news-white-div {
        min-width: 100%;
        margin-top: 30px;
    }

    .news-section .title-h2 {
        margin-left: 18px;
    }

    .news-elements {
        max-height: 310px;
    }

    .news-element {
        padding: 20px 15px 15px 15px;
    }

    .news-element .transparent-light-green-button {
        position: absolute;
        padding: 11px;
        font-size: 0.9rem;
        opacity: 0;
        bottom: 0;
        z-index: -1;
    }

    .news-title {
        font-size: 1rem;
        padding-right: 5px;
    }

    .news-date {
        font-size: 0.6rem;
    }

    .news-desc {
        font-size: 0.8rem;
    }

    .news-white-div .dark-green-button {
        font-size: 0.9rem;
    }

    /* end of homepage media queries */
    /* start of about media queries */
    .about-page .title-and-image .title-img-div {
        margin: 0;
    }

    .what-is-big-img-section .home-what-is-img-div {
        margin-top: 0;
    }

    .four-cards {
        margin-top: 0;
        grid-template-columns: 1fr;
    }

    .description-section {
        margin-top: 52px;
        border-radius: 29px;
        padding: 39px 10% 43px 10%;
        margin-bottom: 50px;
    }

    .description-section.forex-brokers-section .title-h2 {
        text-align: center;
        margin-left: 0;
    }

    .about-page .home-what-is-section .main-p {
        padding-right: 7%;
    }

    .home-div-p .small-bold-p {
        margin-top: 10px;
    }

    .awards-section {
        padding: 60px 37px;
    }

    .about-page .about-career {
        margin-top: 75px;
        margin-bottom: 50px;
    }

    .content-img-div {
        padding-left: 5%;
    }

    /* end of about media queries */
    /* start of how it works media queries */

    .three-cards {
        margin-top: 16px;
    }

    .how-it-works .home-what-is-img-div {
        margin-bottom: -100px;
        max-width: 90%;
    }

    .how-it-works .how-use-desc {
        margin-top: 20px;
    }

    .how-it-works .how-use-desc .title-h2 {
        margin-bottom: 35px;
    }

    /* end of how it works media queries */
    /* start of brokers queries */
    .brokers-table-comparison-column {
        grid-column: 2;
        grid-row: 1;
        justify-content: right;
    }

    .brokers-table-img-column {
        grid-column: 1;
        grid-row: 1;
    }

    .brokers-table-link-column {
        grid-column: 1 / 3;
        grid-row: 8;
        justify-content: center;
    }

    .brokers-table-rating-column {
        grid-column: 1 / 3;
        grid-row: 2;
        max-width: 100%;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: center;
    }

    .brokers-table-exchange-column {
        grid-column: 1 / 3;
        grid-row: 4;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: center;
    }

    .brokers-table-deposit-column {
        grid-column: 1 / 3;
        grid-row: 5;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: baseline;
    }

    .brokers-table-rebate-column {
        grid-column: 1 / 3;
        grid-row: 3;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: baseline;
    }

    .brokers-table-regulated-column {
        grid-column: 1 / 3;
        grid-row: 7;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: baseline;
    }

    .brokers-table-arm-column {
        grid-column: 1 / 3;
        grid-row: 6;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: baseline;
    }

    .dropdown-input-table-select.form-dropdown {
        display: none;
    }

    .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_paginate .paginate_button {
        width: 37px;
        height: 37px;
        margin-left: 3px;
    }

    .dataTables_paginate .paginate_button:first-child {
        margin-left: 0;
    }

    .dataTables_paginate span.ellipsis {
        padding: 0 10px;
    }

    /* end of brokers media queries */
    /* start of ico media queries */
    .ico-div {
        padding: 31px 35px;
    }

    .ico-div-first-element {
        grid-column: 1 / 4;
        grid-row: 1;
    }

    .ico-div-second-element {
        grid-column: 1 / 4;
        grid-row: 2;
        margin: 16px 0;
    }

    .ico-div-third-element {
        grid-column: 1 / 4;
        grid-row: 3;
        justify-content: center;
    }

    .ico-div .green-button {
        padding: 17px 55px;
    }

    .table-img-name-column {
        grid-column: 1 / 3;
        grid-row: 1;
        width: auto;
    }

    .ico-table-date-column {
        grid-column: 1 / 3;
        grid-row: 2;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: baseline;
    }

    .ico-table-price-column {
        grid-column: 1 / 3;
        grid-row: 3;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: baseline;
    }

    .ico-table-return-column {
        grid-column: 1 / 3;
        grid-row: 4;
        grid-auto-columns: 2fr;
        gap: 10px;
        align-items: baseline;
    }

    .ico-table-button-column {
        grid-column: 1 / 3;
        grid-row: 5;
        justify-content: center !important;
    }

    /* end of ico media queries */
    /* start of faq page */
    .faq-page .pink-accordion-div {
        margin-top: 29px;
        margin-bottom: 33px;
    }

    /* end of faq page */
    /* start of contacts page */
    .contacts-page .messenger-contacts {
        grid-template-columns: 1fr;
    }
    /* end of contacts page */
}

@media (max-width: 370px) {
    .grid-title-img-div .orange-arrow-button {
        padding: 15px 47px 15px 15px;
    }

    /* start of footer media queries */
    .footer-div {
        padding: 18px 15px;
    }

    .footer-div .light-grey-link,
    .footer-div .main-p.color-light-grey {
        font-size: 0.8rem;
    }

    /* end of footer media queries */
    /* start of forms media queries */
    .form-section {
        padding: 2rem 1rem;
    }

    .form-div {
        padding: 2rem 0.8rem;
    }

    .form-header-element {
        font-size: 0.9rem;
    }

    /* end of forms media queries */
    /* start of brokers media queries */
    .brokers-container {
        width: 94%;
        padding: 18px 10px;
    }

    /* end of brokers media queries */
    /* start of table media queries */
    .dataTables_paginate .paginate_button {
        width: 30px;
        height: 30px;
    }

    .table-broker-logo {
        max-width: 80px;
        max-height: 48px;
    }

    /* end of table media queries */
}