/* @import url( 'https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap'); */

            @font-face {
                font-family: "DIN";
                src: url("../fonts/DIN/DINNextLTArabic-Black.eot");
                src: url("../fonts/DIN/DINNextLTArabic-Black.woff") format("woff");
                font-weight: "bolder";
            }

            @font-face {
                font-family: "DIN";
                src: url("../fonts/DIN/DINNextLTArabic-Bold.eot");
                src: url("../fonts/DIN/DINNextLTArabic-Bold.woff") format("woff");
                font-weight: "bold";
            }

            @font-face {
                font-family: "DIN";
                src: url("../fonts/DIN/DINNextLTArabic-Light.eot");
                src: url("../fonts/DIN/DINNextLTArabic-Light.woff") format("woff");
                font-weight: "lighter";
            }

            @font-face {
                font-family: "DIN";
                src: url("../fonts/DIN/DINNextLTArabic-Regular.eot");
                src: url("../fonts/DIN/DINNextLTArabic-Regular.woff") format("woff");
                font-weight: "normal";
            }

             :root {
                --font-color-main: #494949;
                --p: #5c5c5c;
                --main: #2a99f3;
                --main-hovered: #2278bd;
                --black: #141414;
                --white: #ffffff;
                --white-hover: #c6c6c6;
                --body: #F2F2F2;
                --hr: #3d3d3d;
                --copyrights: #949494;
                --table: #F9F9F9;
                --black: #000000;
                --open: #09AD09;
                --modal-text: #DCDCDC
            }

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

            body {
                font-family: "DIN" !important;
                overflow-x: hidden;
                background-color: var(--body);
            }

            a {
                text-decoration: none;
                color: var(--white);
            }
            /* Globals */

            .active {
                color: var(--main);
                border-bottom: solid 3px var(--main);
                font-weight: bold;
            }

            .activeFooter {
                color: var(--main);
                font-weight: bold;
                text-decoration: none;
            }

            p {
                line-height: 29px;
            }

            input,
            select,
            textarea {
                padding: 0rem .7rem;
            }

            textarea {
                padding: .7rem .7rem;
                font-family: "DIN" !important;
                border-radius: 6px;
            }

            .container {
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
            }

            .dashboardContainer {
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: auto;
            }

            .mainButton {
                background-color: var(--main);
                padding: 0.5rem 1rem 0.5rem 1rem;
                text-decoration: none;
                color: var(--white);
                border-radius: 5px;
                font-weight: bold;
                border: none;
            }

            .mainButton:hover {
                background-color: var(--main-hovered);
                transition: all .5s ease;
            }

            #localization-switcher {
                margin-left: 1rem;
                border-style: none;
                font-size: .7rem;
                background-color: transparent;
                cursor: pointer;
            }

            #localization-switcher:focus {
                outline: none;
            }

            #localization-switcher option {
                padding: 1rem !important;
                background-color: var(--body);
            }

            .en #localization-switcher {
                margin-right: 1rem;
                margin-left: unset;
            }

            .whiteBackground {
                background-color: var(--white);
            }

            .grayBackground {
                background-color: var(--body);
            }

            ._3row {
                display: grid;
                /* grid-template-columns: repeat(auto-fit, minmax(250px, 300px)) !important; */
                grid-template-columns: repeat(3, minmax(250px, 300px)) !important;
                /* grid-template-rows: 1fr auto 1fr; */
            }

            hr {
                border: 1px solid var(--hr);
            }

            .noUnderline {
                text-decoration: none !important;
            }

            .underline {
                text-decoration: underline !important;
            }

            .textMargin {
                margin-right: .5rem;
            }

            .wholeCards a {
                color: unset;
            }
            /* .hideResponsive {
    display: block;
} */
            /* Loader */

            #page {
                display: none;
            }
            /* Loading */

            .overlay {
                position: fixed;
                background-color: white;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;
                z-index: 1000000;
            }

            .overlay div {
                position: relative;
                z-index: 1000000;
            }

            .overlay div img {
                animation: loading 1s infinite linear;
            }

            @keyframes loading {
                0% {
                    opacity: 1;
                }
                50% {
                    opacity: .3;
                }
                100% {
                    opacity: 1;
                }
            }

            .titleAndPara p {
                color: var(--font-color-main);
                font-size: 1.3rem;
            }

            .homeServices {
                background-color: var(--white);
            }

            .wholeHomeServices {
                display: flex;
                justify-content: center;
            }

            .titleAndPara h2 {
                color: var(--main);
                font-size: 1.5rem;
                padding-top: 1rem;
            }

            .singleServiceCardHome {
                padding: 3rem;
                box-shadow: 0 0 2px 0 var(--copyrights) !important;
            }

            .singleServiceCardHome img {
                margin-bottom: 1rem;
                padding: 1rem;
                width: 107px;
            }

            .homeCompanies p {
                padding: 2rem;
                color: var(--main);
            }

            .moreServices a {
                color: var(--main);
                text-decoration: underline;
            }

            .paymentMethods {
                background-color: var(--white);
            }

            .wholeSingleCard p {
                padding: 1rem;
                color: var(--main);
                text-transform: uppercase;
                font-size: 1.2rem;
            }
            /* Header */

            header {
                padding: 0em 1rem;
                height: 59px;
                font-size: .8rem;
                background-color: var(--body);
            }

            .logo {
                width: 105.02px;
                /* height: 61.37px; */
            }

            .logo img {
                width: 100%;
            }

            nav ul {
                list-style: none;
            }

            nav ul li {
                margin: 0rem 2rem;
            }

            nav ul li a {
                text-decoration: none;
                color: var(--font-color-main);
                transition: all .1s ease;
            }

            nav ul li a:hover {
                color: var(--main);
                border-bottom: solid 3px var(--main);
                font-weight: bold;
                transition: all .1s ease;
            }

            .loginButton a {
                background-color: var(--main);
                padding: 0.4rem 1.8rem 0.8rem 1.8rem;
                text-decoration: none;
                color: var(--white);
                border-radius: 5px;
                font-weight: bold;
                border: none;
                top: -4px;
                position: relative;
                transition: all .5s ease;
            }

            .loginButton a:hover {
                background-color: var(--main-hovered);
                transition: all .5s ease;
            }

            .heroDetails a:hover {
                background-color: var(--white-hover);
                transition: all .5s ease;
            }
            /* Hero header */

            #hero {
                height: 92vh;
            }

            .social {
                z-index: 999;
                bottom: 0;
                z-index: 999;
                bottom: 49px;
                left: 66px;
            }

            .social img {
                /* width: 10px; */
                position: relative;
                margin-right: .5rem;
                transition: all .5s ease;
            }

            .social img:hover {
                transform: scale(1.2);
                transition: all .5s ease;
            }

            .swiper-slide:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: var(--main);
                opacity: .6;
            }

            .swiper-slide {
                /* width: unset !important; */
            }

            .heroDetails {
                position: absolute;
                z-index: 999;
                color: var(--white);
                padding: 0 1rem;
                bottom: 20%;
                right: 10%;
            }

            .heroDetails h1,
            .heroDetails p {
                padding-bottom: 1rem;
            }

            .heroDetails a {
                background-color: var(--white);
                padding: 0.4rem 1.8rem 0.8rem 1.8rem;
                text-decoration: none;
                color: var(--main);
                /* border-radius: 5px; */
                align-self: center;
                font-weight: bold;
                font-size: 1rem;
                border: none;
                transition: all .5s ease;
            }

            .heroDetails a:hover {
                background-color: var(--white-hover);
                transition: all .5s ease;
            }
            /* Slider */

            .swiper {
                width: 100%;
                height: 100%;
            }

            .swiper-slide {
                text-align: center;
                font-size: 18px;
                background: #fff;
                /* Center slide text vertically */
                display: -webkit-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                -webkit-justify-content: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                align-items: center;
            }

            .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

            .swiper-pagination-bullet-active {
                background-color: var(--white) !important;
            }
            /*  NAVBAR */

            .responsive {
                position: fixed;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: var(--white);
                height: 100vh;
                z-index: 9999;
                transform: translateY(-1000px);
                transition: all .5s ease;
            }

            .hamburger {
                padding: 15px 15px;
                display: inline-block;
                cursor: pointer;
                transition-property: opacity, filter;
                transition-duration: 0.15s;
                transition-timing-function: linear;
                font: inherit;
                color: inherit;
                text-transform: none;
                background-color: transparent;
                border: 0;
                margin: 0;
                overflow: visible;
                display: none;
                position: relative;
                z-index: 99999;
            }

            .hamburger:hover {
                opacity: 0.7;
            }

            .hamburger.is-active:hover {
                opacity: 0.7;
            }

            .hamburger.is-active .hamburger-inner,
            .hamburger.is-active .hamburger-inner::before,
            .hamburger.is-active .hamburger-inner::after {
                background-color: #000;
            }

            .hamburger-box {
                width: 40px;
                height: 24px;
                display: inline-block;
                position: relative;
            }

            .hamburger-inner {
                display: block;
                top: 50%;
                margin-top: -2px;
            }

            .hamburger-inner,
            .hamburger-inner::before,
            .hamburger-inner::after {
                width: 40px;
                height: 4px;
                background-color: #000;
                border-radius: 4px;
                position: absolute;
                transition-property: transform;
                transition-duration: 0.15s;
                transition-timing-function: ease;
            }

            .hamburger-inner::before,
            .hamburger-inner::after {
                content: "";
                display: block;
            }

            .hamburger-inner::before {
                top: -10px;
            }

            .hamburger-inner::after {
                bottom: -10px;
            }
            /*
   * Squeeze
   */

            .hamburger--squeeze .hamburger-inner {
                transition-duration: 0.075s;
                transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }

            .hamburger--squeeze .hamburger-inner::before {
                transition: top 0.075s 0.12s ease, opacity 0.075s ease;
            }

            .hamburger--squeeze .hamburger-inner::after {
                transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
            }

            .hamburger--squeeze.is-active .hamburger-inner {
                transform: rotate(45deg);
                transition-delay: 0.12s;
                transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
            }

            .hamburger--squeeze.is-active .hamburger-inner::before {
                top: 0;
                opacity: 0;
                transition: top 0.075s ease, opacity 0.075s 0.12s ease;
            }

            .hamburger--squeeze.is-active .hamburger-inner::after {
                bottom: 0;
                transform: rotate(-90deg);
                transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
            }

            .regular {
                display: block;
            }

            .show {
                display: flex;
            }

            .hide {
                display: none;
            }

            .slideIn {
                transform: translateY(0);
                transition: all .5s ease;
            }

            .responsive ul li {
                font-size: 2em;
                margin-bottom: 3rem;
            }
            /* Login */

            .loginBody {
                /* background-color: var(--main); */
            }

            .loginForm {
                background-color: var(--black);
                color: var(--white);
                padding: 2rem;
                border-radius: 15px;
                width: 300px;
                margin: 1rem;
            }

            .loginLinks {
                margin-top: 1rem;
                width: 100%;
            }

            .loginLinks a {
                font-size: .7rem;
            }

            .loginForm input[type="email"],
            .loginForm input[type="password"] {
                width: 100%;
                height: 29px;
                border-radius: 6px;
                margin-top: 13px;
                padding: .3rem .4rem;
            }

            .submitButton {
                padding: 0.5rem 1rem 0.5rem 1rem;
                font-size: .7rem;
            }

            .remember {
                margin-top: 1rem;
            }

            .rememberCheckbox {
                font-size: .7rem;
            }

            .rememberCheckbox label {
                margin-right: .5rem;
                margin-left: .5rem;
                position: relative;
                top: -2px;
            }

            form {
                width: 100%;
            }

            .email,
            .password {
                margin-top: 1rem;
            }
            /* About us */

            #about {
                margin-top: 2rem;
                margin-bottom: 2rem;
            }

            #vision {
                background-color: var(--white);
            }

            .rightVision {}

            .leftAbout,
            .leftVision {
                width: 50%;
            }

            .rightAbout,
            .rightVision {
                width: 50%;
                justify-self: flex-start;
            }

            .leftAbout img {
                width: 70%;
            }

            .leftVision img {
                width: 100%;
            }

            .cons p,
            .rightAbout p,
            .rightVision p {
                font-weight: light;
                color: var(--p);
            }

            .rightAbout p,
            .rightAbout h2,
            .rightVision p,
            .rightVision h2 {
                width: 80%;
            }

            .cons h2,
            .rightAbout h2,
            .rightVision h2 {
                color: var(--main);
                margin-bottom: 1.5rem;
                font-size: 2.5rem;
            }

            .cons {
                margin-top: 2rem;
            }

            .wholeConsCards {
                display: grid;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, minmax(400px, 250px));
                justify-content: center;
                margin-top: 2rem;
                margin-bottom: 2rem;
                align-items: flex-start;
            }

            .singleCardCons {
                flex: 0 0 33.333333%;
                text-align: center;
                padding: 3rem;
            }

            .singleCardCons p:nth-child(2) {
                font-weight: bolder;
                color: var(--black);
            }

            .singleCardCons p:nth-child(3) {
                font-weight: lighter;
                color: var(--p);
            }

            .singleCardCons p {
                margin-top: 1rem;
                width: 103%;
                font-weight: lighter;
            }
            /* Services */

            #subHeader {
                height: 50vh;
            }

            .wholeSubHeader {
                background-image: url("../images/services.webp");
                background-repeat: no-repeat;
                background-size: cover;
                background-position-x: center;
                height: 100%;
                background-position-x: center;
            }

            .wholeSubHeader::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: var(--white);
                opacity: .4;
            }

            .subHeaderDetails {
                z-index: 999;
            }

            .subHeaderDetails h2 {
                color: var(--main);
                font-size: 3rem;
                margin-bottom: 0.5rem;
            }

            .subHeaderDetails p {
                color: var(--font-color-main);
                font-size: 1.5rem;
            }
            /* Services */

            .wholeCards {
                display: grid;
                grid-gap: 30px;
                grid-template-columns: repeat(auto-fit, minmax(250px, 250px));
                justify-content: center;
                padding-top: 3rem;
                padding-bottom: 3rem;
                padding-right: 1rem;
                padding-left: 1rem;
            }

            .cardImg {
                width: fit-content;
                width: 100%;
                height: 200px;
            }

            .cardImg img {
                width: 100%;
                object-fit: cover;
                height: 100%;
            }

            .singleCard {
                box-shadow: 0 0 7px 0 var(--copyrights);
                position: relative;
                transition: all .5s ease;
                cursor: pointer;
            }

            .singleCard:hover {
                box-shadow: 0 0 2px 0 var(--copyrights);
                position: relative;
                transition: all .5s ease;
                transform: translateY(-5px);
            }

            .cardDetails {}

            .cardDetails a {
                background-color: var(--font-color-main);
                padding: 0.4rem 1.8rem 0.8rem 1.8rem;
                text-decoration: none;
                color: var(--white);
                /* border-radius: 5px; */
                align-self: center;
                font-weight: bold;
                font-size: 1rem;
                border: none;
                margin-bottom: 1rem;
                transition: all .5s ease;
            }

            .cardDetails a:hover {
                background-color: var(--copyrights);
                transition: all .5s ease;
            }

            .cardDetails h3 {
                color: var(--main);
                text-align: center;
            }

            .cardDetails p {
                color: var(--p);
                text-align: center;
            }
            /* Coins */

            .wholeSubHeaderMain {
                background-image: url("../images/Bitcoin1.webp");
                background-repeat: no-repeat;
                background-size: cover;
                height: 100%;
                background-position-x: center;
            }

            .wholeSubHeaderMain::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: var(--main);
                opacity: .4;
            }

            .cardsMain h2 {
                color: var(--white);
                font-size: 2rem;
            }

            .cardsMain p {
                color: var(--white);
            }

            .cardButtons a {
                background-color: var(--font-color-main);
                padding: 0.3rem 1.5rem 0.7rem 1.5rem;
                text-decoration: none;
                color: var(--white);
                /* border-radius: 5px; */
                align-self: center;
                font-weight: bold;
                font-size: .8rem;
                border: none;
                margin-bottom: 1rem;
                border-radius: 5px;
                white-space: nowrap;
                transition: all .5s ease;
            }

            .cardButtons a:hover {
                background-color: var(--copyrights);
                transition: all .5s ease;
            }

            .cardButtons {
                gap: 1rem;
                padding: 0rem 1rem;
            }

            .createAccountButton {
                padding: 0rem 1rem;
            }

            .coinsHeader {
                font-weight: lighter;
                font-size: 1.5rem;
            }

            .cards {
                background-color: var(--white);
            }
            /* Wallets */

            .walletHeader {
                background-image: url("../images/E-Wallet1.webp") !important;
            }

            .createAccountButton {}

            .createAccountButton a {
                width: 100%;
                padding-bottom: 1rem;
            }
            /* Forex */

            .forexHeader {
                background-image: url("../images/Forex1.webp") !important;
            }

            #forex {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }

            .redText {
                color: var(--main);
                margin-right: .2rem;
                margin-left: 0.2rem;
            }

            .black {
                color: var(--black);
            }

            .leftForex {
                width: 50%;
            }

            .rightForex {
                width: 50%;
                justify-self: flex-start;
            }

            .leftForex img {
                width: 30%;
            }

            .rightForex p {
                font-weight: light;
                color: var(--p);
            }

            .rightForex p,
            .rightForex h2 {
                width: 80%;
            }

            .rightForex h2 {
                color: var(--main);
                margin-bottom: 1.5rem;
                font-size: 2.5rem;
            }

            #moreAboutForex {
                background-image: url("../images/Forex2.webp");
                background-repeat: no-repeat;
                background-size: cover;
                height: 50vh;
                /* height: 100%; */
                display: grid;
                justify-content: flex-end;
                grid-template-columns: repeat(2, 1fr);
                grid-auto-flow: dense;
            }

            #moreAboutForex::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: var(--black);
                opacity: .6;
            }

            .moreAboutForexLeft {
                position: relative;
                z-index: 999;
                color: var(--white);
                width: 100%;
                padding: 0rem 3rem;
                grid-column-start: 2;
                grid-row-start: 1;
            }

            .forexButtons a {
                background-color: var(--white);
                padding: 0.4rem 1.8rem 0.8rem 1.8rem;
                text-decoration: none;
                color: var(--main);
                /* border-radius: 5px; */
                align-self: center;
                font-weight: bold;
                font-size: 1rem;
                border: none;
                margin-left: .3rem;
                margin-right: 0.3rem;
                white-space: nowrap;
                transition: all .5s ease;
            }

            .forexButtons a:hover {
                background-color: var(--copyrights);
                transition: all .5s ease;
                color: var(--white);
            }

            .forexButtons {
                width: 100%;
            }

            .forexButtons a {}
            /* Blog */

            .blogHeader {
                background-image: url("../images/blog.webp");
                background-repeat: no-repeat;
                background-size: cover;
                height: 100%;
            }

            .blogHeader::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: var(--main);
                opacity: .1;
            }

            .linkDate a {
                color: var(--main);
                text-decoration: underline;
                transition: all .5s ease;
            }

            .linkDate a:hover {
                color: var(--main-hovered);
                text-decoration: underline;
                transition: all .5s ease;
            }

            .linkDate p {
                color: var(--p);
            }

            .linkDate {
                gap: 1rem;
                padding: 0rem 1rem;
                padding-bottom: 1rem;
            }

            .linkDate span {
                color: var(--font-color-main);
            }

            .cardTitle {
                /* width: 80%; */
                margin-top: 1rem;
                padding: 0rem 1rem;
            }
            /* Form create request */

            .formHeader {
                background-image: url("../images/Form.webp");
                background-repeat: no-repeat;
                background-size: cover;
                height: 100%;
                background-position-x: center;
            }

            .formHeader::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background-color: var(--main);
                opacity: .1;
            }

            #createRequest {
                /* display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center; */
            }

            #createRequest form {
                width: 50%;
            }

            .doubleInput .singleInput {
                margin-right: .3rem;
                margin-left: .3rem;
            }

            .singleInput input {
                width: 100%;
            }

            .formControl {
                width: 100%;
            }
            /* create request form */

            #createRequest {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }

            #createRequest label {
                padding-bottom: 0.5rem;
                white-space: nowrap;
            }

            #createRequest .singleInput {
                padding-bottom: 2rem;
            }

            #createRequest input,
            #createRequest select {
                height: 2.5rem;
                border-radius: 5px;
                border-width: 1px;
            }

            #createRequest .twoInputs {
                min-width: 40%;
            }

            #createRequest .twoInputs select {
                width: 100%;
            }

            #createRequest textarea {
                width: 100%;
            }

            #createRequest button {
                background-color: var(--main);
                text-decoration: none;
                color: var(--white);
                border-radius: 5px;
                font-weight: bold;
                border: none;
                padding: 0.5rem 0.8rem;
                cursor: pointer;
            }

            #createRequest button:hover {
                background-color: var(--main-hovered);
                transition: all .5s ease;
            }

            #createRequest .submitCon {
                width: 100%;
            }
            /* create register form */

            .registerHeader {
                background-image: url(../images/AdobeStock_254472372.webp);
                background-repeat: no-repeat;
                background-size: cover;
                height: 100%;
                background-position-x: center;
            }

            .registerHeader h2 {
                color: var(--white);
            }

            .register-pagination {
                /* margin-top: 2rem; */
            }

            .register-pagination div {
                width: 70%
            }

            .register-pagination a,
            .acceptPrivacy a {
                text-decoration: underline;
            }

            .acceptPrivacy {
                flex-direction: row !important;
            }

            #register form {
                width: 50%;
                padding-top: 4rem;
                padding-bottom: 4rem;
            }

            #register label,
            #clientInfo label {
                padding-bottom: 0.5rem;
                white-space: nowrap;
            }

            #register .singleInput,
            #clientInfo .singleInput {
                padding-bottom: 2rem;
            }

            #register input,
            #register select,
            #clientInfo input,
            #clientInfo select {
                height: 2.5rem;
                border-radius: 5px;
                border-width: 1px;
            }

            #register .twoInputs,
            #clientInfo .twoInputs {
                min-width: 40%;
            }

            #register .twoInputs select,
            #clientInfo .twoInputs select {
                width: 100%;
            }

            #register textarea,
            #clientInfo textarea {
                width: 100%;
            }

            #register button,
            #clientInfo button {
                background-color: var(--main);
                text-decoration: none;
                color: var(--white);
                border-radius: 5px;
                font-weight: bold;
                border: none;
                padding: 0.5rem 2rem;
                margin-top: 2rem;
                transition: all .5s ease;
            }

            #register button:hover,
            #clientInfo button:hover {
                background-color: var(--main-hovered);
                transition: all .5s ease;
            }

            #register .submitCon,
            #clientInfo .submitCon {
                width: 100%;
            }

            .acceptPrivacy p {
                padding: 0 0.5rem 0 0;
                line-height: 2;
            }

            .en .acceptPrivacy p {
                padding: 0 0 0 0.5rem;
            }
            /* terms of usage */

            .termsHeader {
                background-image: url(../images/terms.webp);
                background-repeat: no-repeat;
                background-size: cover;
                height: 100%;
                background-position-x: center;
            }

            .termsHeader h2 {
                color: var(--white);
            }

            #terms #content {
                width: 70%;
                margin-top: 4rem;
                margin-bottom: 4rem;
            }

            #terms #user-section h2 {
                margin: 2rem 0 1.5rem;
            }

            #terms #counters .cardNumber {
                position: relative;
            }

            #terms #counters .cardNumber span {
                position: absolute;
                right: -2rem
            }

            .en #terms #counters .cardNumber span {
                right: unset;
                left: -2rem
            }
            /* Footer */

            footer {
                background-color: var(--black);
                color: var(--white);
            }

            .wholeFooter {
                padding-top: 2rem;
                padding-bottom: 1rem;
            }

            .footerLinks li {
                margin-right: 2rem;
                transition: all .5s ease;
            }

            .footerLinks li a:hover {
                color: var(--main);
                transition: all .5s ease;
            }

            .footerLinks li:nth-child(1) {
                margin-right: 0rem;
            }

            .footerLinks li:last-child {
                /* margin-right: 2rem; */
            }

            .en .subscribe form input[type="submit"] {
                margin-left: 0.5rem;
            }

            .subscribe form input[type="submit"] {
                margin-right: 0.5rem;
                background-color: var(--main);
                padding: 0.3rem 0.8rem 0.3rem 0.8rem;
                text-decoration: none;
                color: var(--white);
                border-radius: 5px;
                font-weight: bold;
                font-size: 14px;
                border: none;
                cursor: pointer;
                transition: all 0.5s ease;
            }

            .subscribe form input[type="submit"]:hover {
                background-color: var(--main-hovered);
                transition: all 0.5s ease;
            }

            .subscribe form input[type="email"] {
                width: 100%;
                height: 29px;
                border-radius: 6px;
                /* margin-top: 13px; */
                padding: .3rem .4rem;
            }

            .subscribe h3 {
                margin-bottom: 1rem;
            }

            .contactInfo img {
                margin-left: 1rem;
            }

            .en .contactInfo img {
                margin-right: 1rem;
                margin-left: unset;
            }

            .copyrights {
                color: var(--copyrights);
            }
            /* Orders */

            #orderTable {
                padding-top: 3rem;
                padding-bottom: 3rem;
                overflow-x: auto;
            }

            #orderTable div {
                overflow-x: auto;
            }

            #orderTable table {
                border-top-style: solid;
                border-top-color: var(--table);
                border-top-width: 1px;
                width: 100%;
                border-collapse: collapse;
                border-spacing: 0px;
            }

            .open {
                padding: 0.3rem 0.8rem 0.6rem 0.8rem;
                background-color: var(--open);
                color: var(--white);
                line-height: 0;
                border-radius: 6px;
                font-size: .8rem;
            }

            .whitespace {
                white-space: nowrap;
            }

            .closed {
                padding: 0.3rem 0.8rem 0.6rem 0.8rem;
                background-color: var(--main);
                color: var(--white);
                line-height: 0;
                border-radius: 6px;
                font-size: .8rem;
            }
            /* Client orders */

            .wholeControl {
                background-color: var(--body);
                padding-top: 3rem;
                padding-bottom: 3rem;
                position: relative;
                z-index: 1;
                grid-area: sidebar;
            }

            .content {
                width: 100%;
                position: relative;
                z-index: 0;
                grid-area: content;
                background-color: var(--white);
                padding: 0rem 3rem 0rem 2rem;
            }

            .userAvatar {
                width: 80%;
            }

            .userAvatar img {
                width: 100%;
            }

            .userLocation img {}

            .total {
                background-color: var(--white);
            }
            /* Responsive */

            thead {
                color: var(--main);
            }

            tbody,
            tbody tr,
            thead {
                background-color: var(--table);
            }

            thead {
                background-color: var(--white);
            }

            td,
            th {
                text-align: center;
                padding: 1.8rem;
                white-space: nowrap;
            }

            .id {
                font-weight: bold;
            }

            .userCity {
                margin-right: 0.5rem;
            }

            .addCredits {
                padding: 0.1rem 1rem 0.6rem 1rem !important;
            }

            .wholeControl {
                padding: 1rem;
            }
            /* tbody tr {
            display: flex;
            justify-content: flex-start;
        } */

            .dashboard {
                display: grid;
                grid-gap: 20px;
                grid-template-columns: 5fr 2fr;
                grid-template-areas: "content sidebar";
                justify-content: center;
            }
            /* Client profile */

            #clientInfo form {
                width: 100%;
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
            /* Dashboard */
            /* #statistics {
                display: grid;
            } */

            .statsNumber {
                font-size: 2rem;
                font-weight: bold;
                color: var(--main);
            }

            .statisticsCard {
                padding: 2rem;
                padding-left: 2rem;
                padding-right: 2rem;
                padding-top: 0rem;
                background-color: var(--body);
                border-radius: 38px;
            }

            .statsInfo {
                padding: 1rem 0rem;
            }

            .statsIcon img {
                width: 40px;
            }

            .smallerIcon {
                width: 30px !important;
            }

            .smallerIcon {
                width: 30px !important;
            }

            .statsInfo span:nth-child(2) {
                font-size: 2rem;
            }
            /* Blog details */

            .blogDetailsHeader {
                background-image: url(../images/blogDetails.webp);
                background-repeat: no-repeat;
                background-size: cover;
                height: 100%;
                background-position-x: center;
            }

            .blogDetailsHeader .subHeaderDetails h2 {
                color: var(--white);
                font-size: 2rem;
            }

            .subheaderBlogDetails {
                display: grid;
                justify-content: flex-end;
                grid-template-columns: repeat(2, 1fr);
                grid-auto-flow: dense;
            }

            #blogInfo #content {
                width: 70%;
                margin-top: 4rem;
                margin-bottom: 4rem;
            }

            .blogDetailsWithImg .left,
            .blogDetailsWithImg .right {
                width: 50%;
            }

            .blogDetailsWithImg .left img {
                width: 80%;
            }
            /* Modal */

            .modal {
                position: fixed;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.5);
                opacity: 0;
                visibility: hidden;
                transform: scale(1.1);
                transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
            }

            .modal-content {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 24rem;
                border-radius: 0.5rem;
            }

            .close-button {
                position: absolute;
                left: 13px;
                top: 10px;
                width: 1.5rem;
                line-height: 1.5rem;
                text-align: center;
                cursor: pointer;
                border-radius: 0.25rem;
                color: var(--main);
                font-size: 26px;
                transition: all .5s ease;
            }

            .close-button:hover {
                transform: scale(1.3);
                transition: all .5s ease;
            }

            .show-modal {
                opacity: 1;
                visibility: visible;
                transform: scale(1.0);
                transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
            }

            .trigger {}

            .modalBody {
                background-color: var(--black);
                padding: 3rem;
                border-radius: 15px;
            }

            .modalDetails {
                color: #DCDCDC;
                padding: 3rem 0rem;
            }

            .modalDetails img {
                width: 60px;
                margin-bottom: 1rem;
            }

            .modalBody p {
                color: var(--white);
                margin-bottom: 1rem;
            }

            .modalLogo {
                position: absolute;
                right: 13px;
                top: 17px;
            }

            .modalLink {
                font-size: .7rem;
                position: absolute;
                bottom: 0;
                padding-bottom: 1rem;
                text-decoration: underline;
            }

            .modalDetails small {
                font-size: .7rem;
            }

            .sentSuccessfully p:nth-child(1) {
                margin-bottom: 0;
            }

            @media(max-width: 1448px) {
                /* .wholeControl {
                width: 50%;
            }
            .content {
                width: 50%;
            } */
            }

            @media(max-width:1024px) {
                ._3row {
                    /* grid-template-columns: repeat(auto-fit, minmax(250px, 300px)) !important; */
                    grid-template-columns: repeat(2, minmax(250px, 300px)) !important;
                }
            }

            @media(max-width:992px) {
                .dashboard {
                    grid-template-areas: "sidebar" "content";
                    grid-template-columns: minmax(100%, 1fr);
                }
                .wholeControl {
                    padding-top: 2rem !important;
                    padding-bottom: 2rem !important;
                }
            }

            @media (max-width: 827px) {
                .hamburger {
                    display: block;
                }
                .regular {
                    display: none;
                }
                .links {
                    flex-direction: column !important;
                    align-items: flex-start !important;
                }
                footer .logo,
                .footerLinks {
                    margin-bottom: 1rem;
                }
                .contact {
                    flex-direction: column !important;
                    align-items: flex-start !important;
                }
                .contactInfo {
                    margin-bottom: 1rem;
                }
                .cardsMain h2 {
                    color: var(--white);
                    font-size: 1.5rem;
                }
                .cardsMain p {
                    color: var(--white);
                    font-size: 1rem;
                }
                table {
                    font-size: .7rem;
                    /* white-space: pre-wrap; */
                }
            }

            @media (max-width: 768px) {
                .rightAbout h2,
                .rightAbout p,
                .rightVision h2,
                .rightVision p {
                    text-align: center;
                }
                .rightVision {
                    margin-top: 2rem;
                    margin-bottom: 2rem;
                }
                .rightAbout,
                .rightVision {
                    width: 100%;
                    padding: 1rem;
                }
                .en .footerLinks {
                    /* justify-content: flex-end !important; */
                }
                .subscribe {
                    align-items: flex-start !important;
                }
                .footerLinks li {
                    margin-right: 1rem;
                }
                .cardsMain p {
                    width: 100%;
                }
                #moreAboutForex {
                    grid-template-columns: repeat(1, 1fr);
                }
                .blogDetailsWithImg .left,
                .blogDetailsWithImg .right {
                    width: 100%;
                    /* padding: 0rem 1rem; */
                }
                .rightForex {
                    width: 100%;
                    padding: 0rem 1rem;
                }
                .leftForex img {
                    width: 100%;
                    margin-bottom: 1rem;
                }
                .blogDetailsWithImg .left img {
                    width: 100%;
                    margin-bottom: 1rem;
                }
                .leftForex {
                    margin-bottom: 1rem;
                }
                #createRequest form,
                #register form {
                    width: 100% !important;
                    padding: 3rem 1rem;
                }
                #clientInfo form {
                    width: 100% !important;
                    padding: 2rem 1rem;
                }
                .dashboard {
                    grid-template-columns: minmax(100%, 1fr);
                    grid-template-areas: "sidebar" "content" !important;
                }
            }

            @media (max-width: 600px) {
                ._3row {
                    /* grid-template-columns: repeat(auto-fit, minmax(250px, 300px)) !important; */
                    grid-template-columns: repeat(1, minmax(250px, 300px)) !important;
                }
                .formControl,
                .acceptPrivacy:not() {
                    flex-direction: column !important;
                }
                #createRequest .twoInputs,
                #register .twoInputs,
                #clientInfo .twoInputs {
                    min-width: 100% !important;
                }
                .register-pagination a,
                .acceptPrivacy a {
                    font-size: .7rem;
                }
                .register-pagination {}
                .blogDetailsHeader {
                    background-position: right;
                }
                .formControl {
                    flex-direction: column;
                }
            }

            @media (max-width: 500px) {
                .formHeader::before,
                .wholeSubHeader::before,
                .blogHeader::before {
                    background-color: var(--white);
                    opacity: .7;
                }
                .social {
                    z-index: 999;
                    bottom: 49px;
                    left: 5px;
                    width: 100%;
                    justify-content: center;
                }
                #hero {
                    height: 93vh;
                }
                #moreAboutForex {
                    height: fit-content;
                    padding-top: 1rem;
                    padding-bottom: 1rem;
                }
                .forexButtons {
                    align-content: flex-start;
                }
            }

            @media(max-width:420px) {
                .loginButton a {
                    padding: 0.1rem 0.4rem 0.3rem 0.4rem;
                    font-size: .6rem;
                }
                .notBig a {
                    padding: 0.4rem 1.8rem 0.8rem 1.8rem;
                    font-size: 1em !important;
                }
                .logo img {
                    width: 76%;
                }
                .wholeConsCards {
                    grid-template-columns: repeat(auto-fit, minmax(361px, 250px));
                }
                .hideResponsive {
                    display: none;
                }
                #localization-switcher {
                    position: relative;
                    top: -3px;
                }
            }

            @media(max-width:375px) {
                .modal-content {
                    width: 19rem;
                }
                .loginForm {
                    width: 250px;
                }
            }

            @media (min-width: 768px) {
                .container {
                    /* width: 800px; */
                }
            }

            @media (min-width: 992px) {
                .container {
                    width: 970px;
                }
            }

            @media (min-width: 1200px) {
                .container {
                    width: 1170px;
                }
            }
            /* =================================================================
Swiper
*/

            .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
                border-style: solid;
                border-color: #ffff;
                background: transparent !important;
                opacity: 1 !important;
                border-width: 0.5px;
            }