/*
Theme Name: 1xBet Agent Theme
Theme URI: https://yourwebsite.com
Author: Your Name
Author URI: https://yourwebsite.com
Description: A custom theme for 1xBet Agent Program based on provided HTML template.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onexbet-agent
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box
}

:after,
:before {
    --tw-content: ""
}

:host,
html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-variation-settings: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],
button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

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

[hidden] {
    display: none
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-colored: 0 0 transparent;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

@media (min-width:320px) {
    .container {
        max-width: 320px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width:414px) {
    .container {
        max-width: 414px;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width:640px) {
    .container {
        max-width: 640px;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px;
        padding-left: 25px;
        padding-right: 25px
    }
}

@media (min-width:1192px) {
    .container {
        max-width: 1192px;
        padding-left: 30px;
        padding-right: 30px
    }
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.static {
    position: static
}

.relative {
    position: relative
}

.\!isolate {
    isolation: isolate !important
}

.isolate {
    isolation: isolate
}

.block {
    display: block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.basis-full {
    flex-basis: 100%
}

.resize {
    resize: both
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.gap-1 {
    gap: .25rem
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: #4ade80;
    background-color: rgba(74, 222, 128, var(--tw-bg-opacity))
}

.bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: #818cf8;
    background-color: rgba(129, 140, 248, var(--tw-bg-opacity))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: #f87171;
    background-color: rgba(248, 113, 113, var(--tw-bg-opacity))
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: #facc15;
    background-color: rgba(250, 204, 21, var(--tw-bg-opacity))
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.text-green-50 {
    --tw-text-opacity: 1;
    color: #f0fdf4;
    color: rgba(240, 253, 244, var(--tw-text-opacity))
}

.text-indigo-50 {
    --tw-text-opacity: 1;
    color: #eef2ff;
    color: rgba(238, 242, 255, var(--tw-text-opacity))
}

.text-red-50 {
    --tw-text-opacity: 1;
    color: #fef2f2;
    color: rgba(254, 242, 242, var(--tw-text-opacity))
}

.text-yellow-50 {
    --tw-text-opacity: 1;
    color: #fefce8;
    color: rgba(254, 252, 232, var(--tw-text-opacity))
}

.outline {
    outline-style: solid
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.slick-list,
.slick-slider {
    display: block;
    position: relative
}

.slick-list {
    margin: 0;
    overflow: hidden;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}


/* Gilroy Fonts */
@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    src: url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Regular.bf6652.woff2) format("woff2"), url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Regular.3fe0f5.woff) format("woff")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 800;
    src: url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-ExtraboldItalic.81c9ec.woff2) format("woff2"), url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-ExtraboldItalic.ce5f05.woff) format("woff")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 700;
    src: url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Bold.da918b.woff2) format("woff2"), url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Bold.72ac7d.woff) format("woff")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 900;
    src: url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Black.b673b2.woff2) format("woff2"), url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Black.fe729d.woff) format("woff")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 300;
    src: url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Light.839b2e.woff2) format("woff2"), url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Light.5ad8a7.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Gilroy;
    font-style: normal;
    font-weight: 600;
    src: url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Semibold.2be39d.woff2) format("woff2"), url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Semibold.b67fed.woff) format("woff")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    src: url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Medium.325b7d.woff2) format("woff2"), url(https://1xbetagent.shop/app/themes/mobcash/public/fonts/Gilroy-Medium.f28512.woff) format("woff")
}

body {
    overflow-x: hidden
}

#app,
body {
    background-color: #000
}

#app {
    position: relative;
    width: 100vw
}

@media screen and (max-width:1024px) {
    #app .container {
        max-width: 100% !important
    }
}

#app #main {
    min-height: 100vh;
    overflow: hidden;
    position: relative
}

@media screen and (min-width:1366px) {
    #app #main {
        padding-bottom: 210px
    }
}

#app .layout-hidden {
    display: none
}

body.admin-bar.logged-in #app #main {
    min-height: calc(100vh - 32px)
}


/* Header Styles */
#app>.banner-wrap {
    left: 0;
    position: absolute;
    top: 0;
    width: 100vw
}

#app header.banner {
    background-color: #000;
    height: 88px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 999
}

@media screen and (min-width:1024px) {
    #app header.banner {
        height: 98px
    }
}

@media screen and (min-width:1366px) {
    #app header.banner {
        height: 120px
    }
}

#app header.banner__fixed {
    left: 0;
    position: fixed;
    top: 0
}

@media screen and (min-width:783px) {
    body.admin-bar.logged-in #app>.banner {
        top: 32px
    }
}

.banner>.container {
    align-items: center;
    display: flex;
    height: 100%;
    position: relative;
    justify-content: space-between
}

.banner__inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.banner__inner_logo {
    height: 32px;
    position: relative;
    width: auto;
    z-index: 1001
}


/* ================= FIXED MENU STYLES ================= */

/* ডেস্কটপ মেনু */
.banner__inner_menu-nav-primary .nav {
    list-style: none;
    display: flex;
    gap: 22px;
}

.banner__inner_menu-nav-primary a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: color 0.3s;
    padding: 5px 10px;
    border-radius: 4px;
}

.banner__inner_menu-nav-primary a:hover {
    color: #14a0ff;
    background-color: rgba(20, 160, 255, 0.1);
}

/* মোবাইল মেনু টগল বাটন */
.banner__inner_mobile-btn {
    display: none;
    flex-direction: column;
    gap: 6px;
    cursor: pointer;
    width: 30px;
    height: 24px;
    position: relative;
    z-index: 1001;
    background: none;
    border: none;
    padding: 0;
}

.banner__inner_mobile-btn span {
    width: 100%;
    height: 3px;
    background: #fff;
    transition: all 0.35s ease;
    border-radius: 2px;
    display: block;
}

/* হ্যামবার্গার → ক্রস অ্যানিমেশন */
.banner__inner_mobile-btn.active span:nth-child(1) {
    transform: translateY(10.5px) rotate(45deg);
}

.banner__inner_mobile-btn.active span:nth-child(2) {
    opacity: 0;
    transform: translateX(-20px);
}

.banner__inner_mobile-btn.active span:nth-child(3) {
    transform: translateY(-10.5px) rotate(-45deg);
}

/* মেনু ওভারলে */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(2, 12, 43, 0.98);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    overflow-y: auto;
    padding: 80px 20px 40px;
}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* মেনু কন্টেইনার */
.menu-overlay .banner__inner_menu {
    width: 100%;
    max-width: 800px;
    position: relative;
}

/* মেনু নেভিগেশন */
.menu-overlay .banner__inner_menu-nav-primary {
    width: 100%;
}

.menu-overlay .menu-header_main-container {
    width: 100%;
}

.menu-overlay .nav {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.menu-overlay .menu-item {
    width: 100%;
    max-width: 500px;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.menu-overlay.active .menu-item {
    opacity: 1;
    transform: translateY(0);
}

/* স্ট্যাগার্ড অ্যানিমেশন ডিলে */
.menu-overlay.active .menu-item:nth-child(1) {
    transition-delay: 0.1s;
}

.menu-overlay.active .menu-item:nth-child(2) {
    transition-delay: 0.15s;
}

.menu-overlay.active .menu-item:nth-child(3) {
    transition-delay: 0.2s;
}

.menu-overlay.active .menu-item:nth-child(4) {
    transition-delay: 0.25s;
}

.menu-overlay.active .menu-item:nth-child(5) {
    transition-delay: 0.3s;
}

.menu-overlay.active .menu-item:nth-child(6) {
    transition-delay: 0.35s;
}

.menu-overlay .menu-item a {
    color: white;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    padding: 15px 30px;
    border-radius: 8px;
    transition: all 0.3s ease;
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.menu-overlay .menu-item a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(20, 160, 255, 0.2), transparent);
    transition: left 0.7s ease;
}

.menu-overlay .menu-item a:hover::before {
    left: 100%;
}

.menu-overlay .menu-item a:hover {
    background-color: rgba(20, 160, 255, 0.1);
    color: #14A0FF;
    transform: translateX(10px);
}

.menu-overlay .current-menu-item a {
    color: #14A0FF;
    font-weight: 600;
}

/* রেস্পন্সিভ স্টাইলস */
@media (max-width: 991px) {
    .banner__inner_menu-nav-primary .nav {
        display: none;
    }

    .banner__inner_mobile-btn {
        display: flex;
    }
}

@media (min-width: 992px) {
    .banner__inner_mobile-btn {
        display: none;
    }
}

/* Content Sections */
.memo-hero {
    margin-top: 60px;
}

@media screen and (min-width: 1132px) {
    .memo-hero {
        margin-top: 80px;
    }
}

.memo-hero__inner {
    display: flex;
    flex-direction: column;
    position: relative;
}

@media screen and (min-width: 1024px) {
    .memo-hero__inner {
        flex-direction: row;
    }
}

.memo-hero__inner_decor--mobile {
    bottom: 0;
    height: 470px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 974px;
}

.memo-hero__inner_decor--mobile img {
    height: 100%;
    left: 0;
    object-fit: contain;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}

@media screen and (min-width: 768px) {

    .memo-hero__inner_decor--mobile,
    .memo-hero__inner_decor--mobile img {
        display: none;
    }
}

.memo-hero__inner_img,
.memo-hero__inner_text {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 1024px) {

    .memo-hero__inner_img,
    .memo-hero__inner_text {
        width: 50%;
    }
}

.memo-hero__inner_img {
    margin-top: 15px;
    position: relative;
}

@media screen and (min-width: 640px) {
    .memo-hero__inner_img {
        margin-top: 0;
    }
}

.memo-hero__inner_img--chips {
    background-image: url(https://1xbetagent.shop/app/themes/mobcash/public/images/hero_chips.21de9516986f968f.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 155px;
    height: 100px;
    position: absolute;
    right: 165px;
    width: 120px;
}

@media screen and (min-width: 1024px) {
    .memo-hero__inner_img--chips {
        bottom: 280px;
        height: 150px;
        right: 320px;
    }
}

@media screen and (min-width: 1192px) {
    .memo-hero__inner_img--chips {
        right: 355px;
    }
}

@media screen and (min-width: 1366px) {
    .memo-hero__inner_img--chips {
        right: 390px;
    }
}

.memo-hero__inner_img--primary {
    height: 100%;
    max-height: 710px;
    min-height: 400px;
    position: relative;
    width: 100%;
}

.memo-hero__inner_img--primary img {
    bottom: 0;
    height: 100%;
    object-fit: contain;
    object-position: right;
    position: absolute;
    right: 0;
    width: 100% !important;
    ;
}

@media screen and (min-width: 1024px) {
    .memo-hero__inner_img--primary img {
        object-position: center;
    }
}

.memo-hero__inner_img--football {
    background-image: url(https://1xbetagent.shop/app/themes/mobcash/public/images/hero_football.97576732ecc876d9.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 12px;
    height: 150px;
    position: absolute;
    right: 60px;
    width: 130px;
}

@media screen and (min-width: 1024px) {
    .memo-hero__inner_img--football {
        bottom: 85px;
        height: 195px;
        right: 120px;
        width: 170px;
    }
}

@media screen and (min-width: 1366px) {
    .memo-hero__inner_img--football {
        right: 160px;
    }
}

.memo-hero__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
    text-transform: uppercase;
    padding-top: 30px;
}

@media screen and (min-width: 480px) {
    .memo-hero__inner_title {
        font-size: 3.125em;
        line-height: 50px;
    }
}

.memo-hero__inner_description {
    color: #3881da;
    font-family: Gilroy, sans-serif;
    font-size: .9375em;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 40px;
}

@media screen and (min-width: 480px) {
    .memo-hero__inner_description {
        font-size: 1.125em;
        line-height: 18px;
    }
}

@media screen and (min-width: 1024px) {
    .memo-hero__inner_description {
        max-width: 460px;
    }
}

.memo-hero__inner_btn {
    position: relative;
    z-index: 4;
}

.memo-hero__inner_btn-frame--1 {
    background: linear-gradient(90deg, #0047ff, #00f0ff, #38ff6c);
    left: 0;
    top: 0;
    z-index: 1;
}

.memo-hero__inner_btn-frame--1,
.memo-hero__inner_btn-frame--2 {
    border-radius: 5px;
    display: inline-block;
    height: 100%;
    position: absolute;
    transform: skew(160deg);
    transition: all .3s ease-in-out;
    width: 100%;
}

.memo-hero__inner_btn-frame--2 {
    background: linear-gradient(90deg, #0047ff, #28f0e4, #fff);
    box-shadow: 0 4px 10px #28f0e4;
    left: 10px;
    padding: 2px;
    top: 10px;
    z-index: 0;
}

.memo-hero__inner_btn-frame--2 span {
    background: #000;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}

.memo-hero__inner_btn-text {
    color: #002871;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    transition: color .3s linear;
    z-index: 2;
}

@media screen and (min-width: 480px) {
    .memo-hero__inner_btn-text {
        font-size: 1.375em;
    }
}

.memo-hero__inner_btn-link {
    display: inline-block;
    padding: 14px 60px;
    position: relative;
    text-decoration: none;
}

.memo-hero__inner_btn-link:hover .memo-hero__inner_btn-frame--1 {
    background: linear-gradient(90deg, #0047ff 85%, #00f0ff);
}

.memo-hero__inner_btn-link:hover .memo-hero__inner_btn-frame--2 {
    background: linear-gradient(90deg, #28f0e4 95%, #fff);
}

.memo-hero__inner_btn-link:hover .memo-hero__inner_btn-text {
    color: #fff;
}

/* Decor background styles */
.memo-hero__decor {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.memo-hero__decor_bg--1 {
    background-image: url(https://1xbetagent.shop/app/themes/mobcash/public/images/hero_main_bg.969489114be53a96.webp);
    bottom: 0;
    display: none;
    height: 440px;
    right: -160px;
    width: 100px;
}

@media screen and (min-width: 768px) {
    .memo-hero__decor_bg--1 {
        display: block;
    }
}

@media screen and (min-width: 1024px) {
    .memo-hero__decor_bg--1 {
        bottom: inherit;
        height: 650px;
        right: -12%;
        top: 0;
        width: 1050px;
    }
}

@media screen and (min-width: 1366px) {
    .memo-hero__decor_bg--1 {
        height: 880px;
        width: 1410px;
    }
}

/* Agent Description Section */
.memo-agent-description {
    padding: 65px 0 60px;
    position: relative
}

@media screen and (min-width:1366px) {
    .memo-agent-description {
        padding: 90px 0 60px
    }
}

.memo-agent-description__inner {
    position: relative;
    z-index: 1
}

.memo-agent-description__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:640px) {
    .memo-agent-description__inner_title {
        font-size: 2.25em;
        line-height: 36px
    }
}

.memo-agent-description__inner_description {
    color: #3881da;
    font-family: Gilroy, sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 32px;
    text-align: center
}

@media screen and (min-width:640px) {
    .memo-agent-description__inner_description {
        font-size: 1.125em;
        line-height: 22px
    }
}

@media screen and (min-width:1024px) {
    .memo-agent-description__inner_description {
        font-size: 1.375em;
        line-height: 26px;
        margin-bottom: 36px
    }
}

.memo-agent-description__inner_btn-wrap {
    display: flex;
    justify-content: center
}

.memo-agent-description__inner_btn-frame--1 {
    background: linear-gradient(90deg, #0047ff, #00f0ff, #38ff6c);
    left: 0;
    top: 0;
    z-index: 1
}

.memo-agent-description__inner_btn-frame--1,
.memo-agent-description__inner_btn-frame--2 {
    border-radius: 5px;
    display: inline-block;
    height: 100%;
    position: absolute;
    transform: skew(160deg);
    transition: all .3s ease-in-out;
    width: 100%
}

.memo-agent-description__inner_btn-frame--2 {
    background: linear-gradient(90deg, #0047ff, #28f0e4, #fff);
    box-shadow: 0 4px 10px #28f0e4;
    left: 10px;
    padding: 2px;
    top: 10px;
    z-index: 0
}

.memo-agent-description__inner_btn-frame--2 span {
    background: #000;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.memo-agent-description__inner_btn-text {
    color: #002871;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    transition: color .3s linear;
    z-index: 2
}

@media screen and (min-width:480px) {
    .memo-agent-description__inner_btn-text {
        font-size: 1.375em
    }
}

.memo-agent-description__inner_btn-link {
    display: inline-block;
    padding: 14px 60px;
    position: relative
}

.memo-agent-description__inner_btn-link:hover .memo-agent-description__inner_btn-frame--1 {
    background: linear-gradient(90deg, #0047ff 85%, #00f0ff)
}

.memo-agent-description__inner_btn-link:hover .memo-agent-description__inner_btn-frame--2 {
    background: linear-gradient(90deg, #28f0e4 95%, #fff)
}

.memo-agent-description__inner_btn-link:hover .memo-agent-description__inner_btn-text {
    color: #fff
}

/* How To Section */
.memo-how-to {
    position: relative
}

.memo-how-to__inner {
    position: relative
}

.memo-how-to__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 30px
}

@media screen and (min-width:640px) {
    .memo-how-to__inner_title {
        font-size: 2.875em;
        line-height: 46px;
        margin-bottom: 60px
    }
}

.memo-how-to__inner_subtitle {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 40px
}

.memo-how-to__inner_subtitle-text span {
    color: #14a0ff
}

@media screen and (min-width:640px) {
    .memo-how-to__inner_subtitle {
        font-size: 2.25em;
        line-height: 36px
    }
}

.memo-how-to__list,
.memo-how-to__list-item {
    display: flex;
    flex-direction: column
}

.memo-how-to__list-item {
    margin-bottom: 48px
}

@media screen and (min-width:480px) {
    .memo-how-to__list-item {
        flex-direction: row;
        flex-wrap: nowrap
    }
}

.memo-how-to__list-item_num {
    margin-bottom: 30px;
    min-width: 130px;
    position: relative
}

@media screen and (min-width:480px) {
    .memo-how-to__list-item_num {
        margin-bottom: 0
    }
}

.memo-how-to__list-item_num-inner {
    align-items: center;
    display: flex;
    height: 60px;
    justify-content: center;
    margin-left: 10px;
    position: relative;
    width: 80px
}

.memo-how-to__list-item_num-inner--frame-1 {
    background: #14a0ff;
    left: 0;
    top: 0;
    z-index: 1
}

.memo-how-to__list-item_num-inner--frame-1,
.memo-how-to__list-item_num-inner--frame-2 {
    border-radius: 5px;
    display: inline-block;
    height: 100%;
    position: absolute;
    transform: skew(160deg);
    transition: all .3s ease-in-out;
    width: 100%
}

.memo-how-to__list-item_num-inner--frame-2 {
    background: linear-gradient(90deg, #0047ff, #28f0e4, #fff);
    left: 10px;
    padding: 2px;
    top: 10px;
    z-index: 0
}

.memo-how-to__list-item_num-inner--frame-2 span {
    background: #000;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.memo-how-to__list-item_num-inner--frame-text {
    color: #002871;
    font-family: Gilroy, sans-serif;
    font-size: 2.25em;
    font-weight: 700;
    line-height: 36px;
    position: relative;
    text-transform: uppercase;
    transition: color .3s linear;
    z-index: 2
}

.memo-how-to__list-item_text {
    display: flex;
    flex-direction: column
}

.memo-how-to__list-item_text--name {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.memo-how-to__list-item_text--description {
    color: #3881da;
    font-family: Gilroy, sans-serif;
    font-size: .9375em;
    font-weight: 600;
    line-height: 15px
}

/* App Slider Section */
.memo-app-slider {
    position: relative
}

.memo-app-slider__inner {
    position: relative
}

.memo-app-slider__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 30px
}

@media screen and (min-width:640px) {
    .memo-app-slider__inner_title {
        font-size: 2.875em;
        line-height: 46px;
        margin-bottom: 60px
    }
}

/* Opportunities Section */
.memo-opportunities {
    position: relative
}

.memo-opportunities__inner {
    position: relative;
    z-index: 2
}

.memo-opportunities__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}

@media screen and (min-width:640px) {
    .memo-opportunities__inner_title {
        font-size: 2.875em;
        line-height: 46px
    }
}

.memo-opportunities__inner_subtitle {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 40px
}

.memo-opportunities__inner_subtitle-text span {
    color: #14a0ff
}

@media screen and (min-width:640px) {
    .memo-opportunities__inner_subtitle {
        font-size: 2.25em;
        line-height: 36px
    }
}

.memo-opportunities__list_item {
    background-color: #00091e;
    border-bottom: 5px solid #34b8ff;
    border-radius: 0 0 6px 6px;
    margin-bottom: 20px;
    min-height: 605px;
    position: relative
}

@media screen and (min-width:1024px) {
    .memo-opportunities__list_item {
        min-height: 0;
        min-height: auto
    }
}

.memo-opportunities__list_item--decor {
    bottom: 0;
    box-shadow: 0 -25px 35px rgba(52, 184, 255, .9);
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.memo-opportunities__list_item-img {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.memo-opportunities__list_item-text {
    padding: 40px 20px;
    position: relative
}

.memo-opportunities__list_item-text--name {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:1132px) {
    .memo-opportunities__list_item-text--name {
        min-height: 66px
    }
}

.memo-opportunities__list_item-text--description {
    color: #3881da;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 18px;
    text-align: center
}

/* Join Section */
.memo-join {
    padding-bottom: 20px;
    position: relative
}

.memo-join__inner {
    position: relative
}

.memo-join__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 30px;
    text-align: center
}

.memo-join__inner_title-text span {
    color: #14a0ff
}

@media screen and (min-width:640px) {
    .memo-join__inner_title {
        font-size: 2.875em;
        line-height: 46px;
        margin-bottom: 60px
    }
}

.memo-join__inner_btn-wrap {
    display: flex;
    justify-content: center;
    position: relative
}

.memo-join__inner_btn-frame--1 {
    background: linear-gradient(90deg, #0047ff, #00f0ff, #38ff6c);
    left: 0;
    top: 0;
    z-index: 1
}

.memo-join__inner_btn-frame--1,
.memo-join__inner_btn-frame--2 {
    border-radius: 5px;
    display: inline-block;
    height: 100%;
    position: absolute;
    transform: skew(160deg);
    transition: all .3s ease-in-out;
    width: 100%
}

.memo-join__inner_btn-frame--2 {
    background: linear-gradient(90deg, #0047ff, #28f0e4, #fff);
    box-shadow: 0 4px 10px #28f0e4;
    left: 10px;
    padding: 2px;
    top: 10px;
    z-index: 0
}

.memo-join__inner_btn-frame--2 span {
    background: #000;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.memo-join__inner_btn-text {
    color: #002871;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    transition: color .3s linear;
    z-index: 2
}

@media screen and (min-width:480px) {
    .memo-join__inner_btn-text {
        font-size: 1.375em
    }
}

.memo-join__inner_btn-link {
    display: inline-block;
    padding: 14px 60px;
    position: relative
}

.memo-join__inner_btn-link:hover .memo-join__inner_btn-frame--1 {
    background: linear-gradient(90deg, #0047ff 85%, #00f0ff)
}

.memo-join__inner_btn-link:hover .memo-join__inner_btn-frame--2 {
    background: linear-gradient(90deg, #28f0e4 95%, #fff)
}

.memo-join__inner_btn-link:hover .memo-join__inner_btn-text {
    color: #fff
}

/* Reviews Section */
.memo-reviews {
    position: relative
}

.memo-reviews__inner {
    position: relative;
    z-index: 1
}

.memo-reviews__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}

@media screen and (min-width:640px) {
    .memo-reviews__inner_title {
        font-size: 2.875em;
        line-height: 46px
    }
}

.memo-reviews__list_item {
    padding: 0 10px
}

.memo-reviews__list_item--img {
    margin-bottom: 40px;
    position: relative
}

.memo-reviews__list_item--desc-wrap {
    background-color: rgba(2, 13, 38, .8);
    bottom: 0;
    left: 0;
    padding: 20px 25px;
    position: absolute;
    width: 100%
}

.memo-reviews__list_item--name {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

@media screen and (min-width:1366px) {
    .memo-reviews__list_item--name {
        font-size: 1.5em;
        line-height: 29px
    }
}

.memo-reviews__list_item--bio {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 400;
    line-height: 21px
}

@media screen and (min-width:1366px) {
    .memo-reviews__list_item--bio {
        font-size: 1.5em;
        line-height: 28px
    }
}

.memo-reviews__list_item--text {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 21px;
    padding: 0 10px;
    text-align: center
}

/* About Section */
.memo-about {
    margin-bottom: 90px;
    position: relative
}

.memo-about__inner {
    position: relative;
    z-index: 1
}

.memo-about__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}

@media screen and (min-width:640px) {
    .memo-about__inner_title {
        font-size: 2.875em;
        line-height: 46px
    }
}

.memo-about__inner_description {
    color: #3881da;
    font-family: Gilroy, sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 32px;
    text-align: left
}

@media screen and (min-width:640px) {
    .memo-about__inner_description {
        font-size: 1.125em;
        line-height: 22px
    }
}

@media screen and (min-width:1024px) {
    .memo-about__inner_description {
        font-size: 1.375em;
        line-height: 26px;
        margin-bottom: 36px
    }
}

.memo-about__list_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}

.memo-about__list_title-text span {
    color: #14a0ff
}

@media screen and (min-width:640px) {
    .memo-about__list_title {
        font-size: 2.875em;
        line-height: 46px
    }
}

.memo-about__list_item {
    margin-bottom: 20px;
    width: 100%
}

.memo-about__list_item-img {
    margin-bottom: 15px;
    max-width: 146px;
    position: relative
}

@media screen and (min-width:640px) {
    .memo-about__list_item-img {
        max-width: 200px
    }
}

.memo-about__list_item-text {
    display: flex;
    justify-content: center;
    min-height: 40px
}

.memo-about__list_item-text--name {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: .875em;
    font-weight: 500;
    line-height: 18px;
    max-width: 300px;
    text-align: center;
    text-transform: uppercase
}

.memo-about__list_item-text--name span {
    color: #14a0ff
}

@media screen and (min-width:1366px) {
    .memo-about__list_item-text--name {
        font-size: 1.125em;
        line-height: 22px
    }
}

@media screen and (min-width:480px) {
    .memo-about__list_item {
        width: 48%
    }
}

@media screen and (min-width:1024px) {
    .memo-about__list_item {
        width: 32%
    }
}

/* Partners Section */
.memo-partners-list {
    position: relative
}

.memo-partners-list__inner {
    position: relative;
    z-index: 1
}

.memo-partners-list__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}

@media screen and (min-width:640px) {
    .memo-partners-list__inner_title {
        font-size: 2.875em;
        line-height: 46px
    }
}

.memo-partners-list__items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}

.memo-partners-list__item img {
    margin: 0 auto;
    max-width: 160px
}

/* Advantages Section */
.memo-advantages {
    position: relative
}

.memo-advantages__inner {
    position: relative;
    z-index: 1
}

.memo-advantages__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}

@media screen and (min-width:640px) {
    .memo-advantages__inner_title {
        font-size: 2.875em;
        line-height: 46px
    }
}

.memo-advantages__list_item {
    margin-bottom: 60px;
    position: relative
}

.memo-advantages__list_item-img {
    display: flex;
    justify-content: center;
    margin-bottom: 60px
}

.memo-advantages__list_item-img img {
    max-width: 215px;
    z-index: 2
}

@media screen and (min-width:1366px) {
    .memo-advantages__list_item-img img {
        max-width: 260px
    }
}

.memo-advantages__list_item-text {
    display: flex;
    justify-content: center
}

.memo-advantages__list_item-text--name {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: .875em;
    font-weight: 500;
    line-height: 18px;
    max-width: 300px;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width:1366px) {
    .memo-advantages__list_item-text--name {
        font-size: 1.125em;
        line-height: 22px
    }
}

/* FAQ Section */
.memo-faq {
    position: relative
}

.memo-faq__inner {
    position: relative;
    z-index: 2
}

.memo-faq__inner_title {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 20px
}

@media screen and (min-width:640px) {
    .memo-faq__inner_title {
        font-size: 2.875em;
        line-height: 46px
    }
}

.memo-faq__list_item {
    margin-bottom: 20px
}

.memo-faq__list_item-title {
    cursor: pointer;
    margin-bottom: 30px;
    padding: 15px 65px 15px 30px;
    position: relative;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .memo-faq__list_item-title {
        padding: 15px 125px 15px 80px
    }
}

.memo-faq__list_item-title--frame-1 {
    background-color: #14a0ff;
    border-radius: 5px;
    display: block;
    height: 100%;
    left: 10px;
    position: absolute;
    top: 0;
    transform: skew(160deg);
    width: calc(100% - 20px);
    z-index: 1
}

.memo-faq__list_item-title--frame-2 {
    background: linear-gradient(90deg, #0047ff, #28f0e4, #fff);
    border-radius: 5px;
    box-shadow: 0 4px 10px #28f0e4;
    display: inline-block;
    height: 100%;
    left: 20px;
    padding: 2px;
    position: absolute;
    top: 10px;
    transform: skew(160deg);
    transition: all .3s ease-in-out;
    width: calc(100% - 25px);
    z-index: 0
}

@media screen and (min-width:1024px) {
    .memo-faq__list_item-title--frame-2 {
        width: calc(100% - 20px)
    }
}

.memo-faq__list_item-title--frame-2 span {
    background: #000;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%
}

.memo-faq__list_item-title--content {
    color: #002871;
    font-family: Gilroy, sans-serif;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 25px;
    position: relative;
    text-transform: uppercase;
    z-index: 2
}

.memo-faq__list_item-description {
    display: none;
    position: relative
}

.memo-faq__list_item-description--content {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 1em;
    font-weight: 600;
    line-height: 19px
}

.memo-faq__list_item-btn {
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    z-index: 1
}

.memo-faq__list_item-btn .btn-ico {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23fff'%3E%3Cpath d='M8.342 8.343v-.599c0-2.021-.013-4.038.008-6.065C8.362.523 9.388-.236 10.47.067c.724.205 1.185.841 1.19 1.693.006 2.007 0 4.013 0 6.02v.563h.563c2.022 0 4.04-.011 6.066.006 1.171.01 1.935.997 1.652 2.088-.193.747-.835 1.223-1.713 1.223-2.008.009-4.013 0-6.02 0h-.549v.53c0 2.037.012 4.074-.006 6.11-.006 1.165-1.01 1.932-2.099 1.642-.744-.198-1.21-.84-1.212-1.714-.007-2.005 0-4.012 0-6.018v-.541h-.587c-2.022 0-4.039.012-6.065-.007C.528 11.65-.232 10.637.064 9.553c.2-.728.836-1.197 1.683-1.2 2.007-.01 4.013 0 6.02 0l.575-.01Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .3s linear;
    width: 100%
}

.memo-faq__list_item--is-active .memo-faq__list_item-btn .btn-ico {
    transform: rotate(45deg)
}

/* Footer */
.footer {
    background-color: rgba(0, 0, 0, .3);
    padding: 40px 0;
    position: relative
}

@media screen and (min-width:1366px) {
    .footer {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 3
    }
}

.footer__inner_top {
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.footer__inner_top,
.footer__inner_top--wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1366px) {
    .footer__inner_top--wrapper {
        flex-direction: row
    }
}

.footer__inner_top-socials {
    margin-bottom: 40px
}

.footer__inner_top-socials--item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 40px;
    margin-right: 7px;
    position: relative;
    transition: all .3s ease-in-out;
    width: 40px
}

@media screen and (min-width:1366px) {
    .footer__inner_top-socials--item {
        height: 24px;
        width: 24px
    }
}

.footer__inner_top-socials--item a {
    display: block;
    height: 100%;
    width: 100%
}

.footer__inner_top-socials--item.icon-telegram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Crect width='38' height='38' x='1' y='1' stroke='%23fff' stroke-width='2' rx='19'/%3E%3Cpath fill='%23fff' d='m28 12.603-3.005 15.69s-.42 1.088-1.576.566l-6.934-5.506-.032-.016c.937-.871 8.2-7.634 8.517-7.94.492-.475.187-.758-.384-.4l-10.729 7.056-4.139-1.442s-.651-.24-.714-.761c-.063-.523.736-.806.736-.806l16.874-6.855S28 11.56 28 12.603Z'/%3E%3C/svg%3E")
}

.footer__inner_top-socials--item.icon-instagram {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Crect width='38' height='38' x='1' y='1' stroke='%23fff' stroke-width='2' rx='19'/%3E%3Cpath fill='%23fff' d='M20 11.807h4.096c.964 0 1.446.241 1.808.362.482.24.843.361 1.204.723.362.361.603.723.723 1.204.12.362.241.844.362 1.808v8.192c0 .964-.241 1.446-.362 1.808-.24.482-.361.843-.723 1.204-.361.362-.723.603-1.204.723-.362.12-.844.241-1.808.362h-8.192c-.964 0-1.446-.241-1.808-.362-.482-.24-.843-.361-1.204-.723-.362-.361-.603-.723-.723-1.204-.12-.362-.241-.844-.362-1.808v-8.192c0-.964.241-1.446.362-1.808.24-.482.361-.843.723-1.204.361-.362.723-.603 1.204-.723.362-.12.844-.241 1.808-.362H20ZM20 10h-4.096c-1.085 0-1.808.241-2.41.482a5.263 5.263 0 0 0-1.807 1.205c-.603.602-.844 1.084-1.205 1.807-.241.602-.361 1.325-.482 2.41v8.192c0 1.085.241 1.808.482 2.41a5.263 5.263 0 0 0 1.205 1.807c.602.603 1.084.844 1.807 1.205.602.241 1.325.361 2.41.482h8.192c1.085 0 1.808-.241 2.41-.482a5.263 5.263 0 0 0 1.807-1.205c.603-.602.844-1.084 1.205-1.807.241-.602.361-1.325.482-2.41v-8.192c0-1.085-.241-1.808-.482-2.41a5.263 5.263 0 0 0-1.205-1.807c-.602-.603-1.084-.844-1.807-1.205-.602-.241-1.325-.361-2.41-.482H20Z'/%3E%3Cpath fill='%23fff' d='M20 14.82A5.142 5.142 0 0 0 14.82 20c0 2.892 2.288 5.18 5.18 5.18s5.18-2.288 5.18-5.18-2.288-5.18-5.18-5.18Zm0 8.553A3.368 3.368 0 0 1 16.627 20 3.368 3.368 0 0 1 20 16.627 3.368 3.368 0 0 1 23.373 20c0 1.807-1.566 3.373-3.373 3.373ZM25.301 15.904a1.205 1.205 0 1 0 0-2.41 1.205 1.205 0 0 0 0 2.41Z'/%3E%3C/svg%3E")
}

.footer__inner_top-socials--item.icon-whatsapp {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none'%3E%3Crect width='38' height='38' x='1' y='1' stroke='%23fff' stroke-width='2' rx='19'/%3E%3Cpath fill='%23fff' d='M27.927 12.063A10.428 10.428 0 0 0 20.537 9c-5.78 0-10.464 4.667-10.464 10.428 0 1.822.512 3.645 1.39 5.177L10 30l5.561-1.458c1.537.802 3.22 1.24 4.976 1.24 5.78 0 10.463-4.667 10.463-10.427-.073-2.698-1.098-5.323-3.073-7.292Zm-2.342 11.083c-.22.584-1.244 1.167-1.756 1.24a4.104 4.104 0 0 1-1.61-.073c-.365-.146-.878-.292-1.463-.583-2.634-1.094-4.317-3.72-4.463-3.938-.147-.146-1.098-1.385-1.098-2.698 0-1.312.659-1.896.878-2.187.22-.292.512-.292.732-.292h.512c.146 0 .366-.073.585.438.22.51.732 1.822.805 1.895a.463.463 0 0 1 0 .438c-.073.146-.146.292-.292.437-.147.146-.293.365-.366.438-.147.146-.293.292-.147.51.147.292.659 1.094 1.464 1.823 1.024.875 1.83 1.167 2.122 1.313.293.146.439.073.585-.073.146-.146.659-.73.805-1.021.146-.292.366-.219.585-.146.22.073 1.537.73 1.756.875.293.146.44.219.513.292.073.219.073.729-.147 1.312Z'/%3E%3C/svg%3E")
}

/* Additional Utility Classes */
.flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-row {
    flex-direction: row
}

.justify-between {
    justify-content: space-between
}

.gap-1 {
    gap: .25rem
}

.basis-full {
    flex-basis: 100%
}

@media (min-width:640px) {
    .sm\:basis-1\/2-gap-4 {
        flex-basis: calc(50% - 0.25rem)
    }
}

@media (min-width:768px) {
    .md\:basis-1\/3-gap-4 {
        flex-basis: calc(33.333% - 0.25rem)
    }

    .md\:basis-1\/2-gap-4 {
        flex-basis: calc(50% - 0.25rem)
    }
}

@media (min-width:1024px) {
    .lg\:basis-1\/4-gap-4 {
        flex-basis: calc(25% - 0.25rem)
    }

    .lg\:basis-1\/3-gap-4 {
        flex-basis: calc(33.333% - 0.25rem)
    }
}

@media (max-width:639px) {
    .xs\:basis-full {
        flex-basis: 100%
    }
}

/* Background decorations - simplified for demo */
.memo-hero__decor_bg--1,
.memo-hero__decor_bg--2,
.memo-hero__decor_bg--3,
.memo-hero__decor_bg--4,
.memo-hero__decor_bg--5,
.memo-hero__decor_bg--6,
.memo-hero__decor_bg--7,
.memo-hero__decor_bg--8,
.memo-hero__decor_bg--9,
.memo-hero__inner_decor--1,
.memo-hero__inner_decor--2,
.memo-hero__inner_decor--3,
.memo-hero__inner_decor--4,
.memo-hero__inner_decor--5,
.memo-hero__inner_decor--6,
.memo-hero__inner_decor--7,
.memo-hero__inner_img--chips,
.memo-hero__inner_img--football,
.memo-agent-description__decor--left,
.memo-agent-description__decor--right,
.memo-agent-description__decor--bg,
.memo-opportunities__decor--left,
.memo-opportunities__decor--right,
.memo-opportunities__decor--bg,
.memo-join__decor--shine,
.memo-join__decor--stones,
.memo-join__inner_decor--slogan,
.memo-join__inner_decor--arrow-1,
.memo-join__inner_decor--arrow-2,
.memo-join__inner_decor--plus-1,
.memo-join__inner_decor--plus-2,
.memo-reviews__decor--bg-shine,
.memo-reviews__decor--bg-stones,
.memo-partners-list__decor--left,
.memo-partners-list__decor--right,
.memo-partners-list__decor--bg,
.memo-faq__decor--top,
.memo-faq__decor--bottom,
.memo-faq__decor--bg,
.memo-advantages__list-decor--1,
.memo-advantages__list-decor--2,
.memo-advantages__list-decor--3,
.memo-opportunities__list_item-img--decor,
.memo-about__list_item-decor {
    display: block;
}

/* For demo purposes, show some decorative elements */
.memo-hero__inner_img--chips,
.memo-hero__inner_img--football {
    display: block;
    background: #14a0ff;
    opacity: 0.3;
    border-radius: 10px
}

.memo-hero__inner_img--chips {
    width: 120px;
    height: 100px;
    position: absolute;
    right: 165px;
    bottom: 155px
}

@media screen and (min-width:1024px) {
    .memo-hero__inner_img--chips {
        bottom: 280px;
        height: 150px;
        right: 320px
    }
}

.memo-hero__inner_img--football {
    width: 130px;
    height: 150px;
    position: absolute;
    right: 60px;
    bottom: 12px
}

@media screen and (min-width:1024px) {
    .memo-hero__inner_img--football {
        bottom: 85px;
        height: 195px;
        right: 120px;
        width: 170px
    }
}

/* Mobile adjustments */
@media screen and (max-width:639px) {

    .memo-hero__inner_img--chips,
    .memo-hero__inner_img--football {
        display: none;
    }
}









/* AOS animation fix for mobile */
[data-aos] {
    pointer-events: none;
}

[data-aos].aos-animate {
    pointer-events: auto;
}









/* Contact Form Styles */
.memo-contacts {
    position: relative;
    padding: 60px 0;
}

.memo-contacts__inner {
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}

@media screen and (min-width: 1366px) {
    .memo-contacts__inner {
        flex-direction: row;
    }
}

/* Contact Form Headline */
.memo-contacts__headline {
    width: 100%;
    z-index: 15;
}

.memo-contacts__headline_title {
    color: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 2em;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

@media screen and (min-width: 640px) {
    .memo-contacts__headline_title {
        font-size: 2.875em;
        line-height: 46px;
    }
}

@media screen and (min-width: 1024px) {
    .memo-contacts__headline_title {
        margin-bottom: 48px;
    }
}

/* Contact Info Items */
.memo-contacts__headline_site,
.memo-contacts__headline_mail {
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 42px;
    margin-bottom: 30px;
    padding-left: 55px;
    position: relative;
    z-index: 2;
}

@media screen and (min-width: 1024px) {
    .memo-contacts__headline_site,
    .memo-contacts__headline_mail {
        margin-bottom: 48px;
        padding-left: 80px;
    }
}

.memo-contacts__headline_site {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42' fill='none'%3E%3Cg fill='%2314A0FF' clip-path='url(%23a)'%3E%3Cpath d='M38.97 42H2.964s-.066-.056-.103-.066a3.488 3.488 0 0 1-2.852-3.667V3.747a4.455 4.455 0 0 1 .14-1.168A3.48 3.48 0 0 1 3.711.006H38.596a3.496 3.496 0 0 1 3.254 2.498c.047.15.103.299.15.458v36.026c0 .13-.065.262-.103.393a3.5 3.5 0 0 1-2.076 2.385c-.27.084-.57.15-.85.234Zm1.637-32.19H1.4v28.345a2.162 2.162 0 0 0 2.44 2.451h34.325a2.159 2.159 0 0 0 2.44-2.45V9.81ZM22.009 8.36a29.097 29.097 0 0 1-.533-.982 514.784 514.784 0 0 1-2.272-4.547 2.46 2.46 0 0 0-2.366-1.46H3.664a2.112 2.112 0 0 0-2.235 2.246V8.36h20.58ZM19.98 1.372c.224.42.43.767.617 1.132.72 1.44 1.459 2.872 2.16 4.322a2.535 2.535 0 0 0 2.515 1.553h15.269a.823.823 0 0 0 0-.122V3.785A2.153 2.153 0 0 0 38.157 1.4H19.98v-.028Z'/%3E%3Cpath d='M21.01 38.5A13.3 13.3 0 1 1 34.3 25.2a13.289 13.289 0 0 1-13.29 13.3Zm4.57-17.188a26.498 26.498 0 0 1-9.17 0 25.948 25.948 0 0 0 0 7.795c3.032-.52 6.13-.52 9.16 0 .431-2.58.434-5.214.01-7.795Zm-14.824 9.832a15.132 15.132 0 0 1 4.057-1.654c.233-.066.205-.196.177-.365a27.675 27.675 0 0 1-.14-6.542c.056-.514.103-1.019.15-1.449l-4.3-1.72a11.58 11.58 0 0 0 .056 11.73Zm16.291-10.038c.402 2.72.402 5.486 0 8.206l4.328 1.73a11.552 11.552 0 0 0 0-11.665l-4.328 1.73Zm-10.356-1.224c1.683.56 7.412.551 8.702 0 0-.131-.047-.262-.084-.402a14.628 14.628 0 0 0-2.16-5.169 2.28 2.28 0 0 0-1.943-1.01 2.477 2.477 0 0 0-2.459 1.29 16.18 16.18 0 0 0-2.093 5.29h.037Zm0 10.617c.187.692.337 1.337.542 1.972a10.085 10.085 0 0 0 2.309 4.272c.194.182.444.294.71.317a8.695 8.695 0 0 0 1.636 0c.275-.015.534-.132.729-.327a15.818 15.818 0 0 0 1.43-2.084 14.682 14.682 0 0 0 1.392-4.15 24.788 24.788 0 0 0-8.813 0h.065Zm7.991-16.627c.43.935.935 1.87 1.272 2.804.336.935.607 1.953.934 2.944a13.639 13.639 0 0 0 3.739-1.523 11.926 11.926 0 0 0-6.01-4.225h.065Zm-13.085 18.46a12.038 12.038 0 0 0 6.029 4.252 17.563 17.563 0 0 1-2.262-5.786 13.946 13.946 0 0 0-3.86 1.533h.093Zm-.065-14.151 3.823 1.532a17.383 17.383 0 0 1 2.261-5.869 12.076 12.076 0 0 0-6.178 4.337h.094ZM24.598 36.5a11.58 11.58 0 0 0 5.898-4.15 11.134 11.134 0 0 0-3.739-1.524 18.693 18.693 0 0 1-2.159 5.674ZM10.486 7a2.112 2.112 0 0 1-1.472-.593c-.39-.38-.61-.894-.61-1.43-.019-.28.021-.559.118-.822.097-.263.248-.504.444-.709a2.1 2.1 0 0 1 .698-.478 2.152 2.152 0 0 1 1.672 0c.264.112.501.274.697.478.197.205.348.446.445.709.096.263.136.543.117.822 0 .268-.055.533-.16.78a2.022 2.022 0 0 1-.46.66 2.088 2.088 0 0 1-.684.437c-.256.1-.53.15-.805.146Zm.7-2.032a.654.654 0 0 0-.17-.524.689.689 0 0 0-.516-.225.707.707 0 0 0-.516.225.667.667 0 0 0-.17.524c.02.163.1.314.227.423a.702.702 0 0 0 .918 0 .666.666 0 0 0 .227-.423ZM16.1 7A2.063 2.063 0 0 1 14 4.936 2.1 2.1 0 1 1 16.1 7Zm.694-2.082a.713.713 0 0 0-.694-.712.703.703 0 0 0-.516 1.17.675.675 0 0 0 .488.217.685.685 0 0 0 .722-.675ZM7 4.89A2.072 2.072 0 0 1 4.9 7a2.1 2.1 0 0 1-2.1-2.082A2.119 2.119 0 0 1 4.91 2.8 2.1 2.1 0 0 1 7 4.89Zm-1.406 0a.694.694 0 0 0-.703-.693.722.722 0 0 0-.685.684.694.694 0 0 0 .694.703.665.665 0 0 0 .694-.684v-.01ZM31.509 6.99h-5.014a1.874 1.874 0 0 1-1.818-1.246A2.1 2.1 0 0 1 26.551 2.8h9.85a2.099 2.099 0 0 1 0 4.2h-4.93l.038-.01Zm0-1.396h4.845a.703.703 0 0 0 .75-.854.741.741 0 0 0-.806-.553h-9.54a.75.75 0 0 0-.834.516c-.15.487.196.881.777.89h4.808Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h42v42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.memo-contacts__headline_mail {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='32' fill='none'%3E%3Cpath fill='%2314A0FF' d='M41.963 18.604a2.173 2.173 0 0 1-.611.963 2.192 2.192 0 0 1-1.016.524c-1.403.428-2.805.93-4.161 1.375l-.542.205c.243.195.44.325.598.483l3.216 3.197a1.86 1.86 0 0 1 .634 1.394 1.85 1.85 0 0 1-.634 1.394c-.448.465-.934.93-1.365 1.357a1.87 1.87 0 0 1-1.402.629 1.88 1.88 0 0 1-1.403-.63c-1.121-1.105-2.244-2.23-3.356-3.345a1.775 1.775 0 0 1-.243-.38l-.15.083-.28.827c-.468 1.375-.935 2.788-1.403 4.126a1.654 1.654 0 0 1-.568.83 1.67 1.67 0 0 1-.947.35 1.72 1.72 0 0 1-1.72-.873 2.57 2.57 0 0 1-.224-.52c-.88-2.417-1.758-4.824-2.618-7.24a.52.52 0 0 0-.58-.409H3.712a3.484 3.484 0 0 1-2.142-.56 3.45 3.45 0 0 1-1.364-1.735 3.752 3.752 0 0 1-.206-1.2V3.513A3.439 3.439 0 0 1 1.064.972 3.481 3.481 0 0 1 3.656.01h27.601a3.516 3.516 0 0 1 2.725 1.009 3.472 3.472 0 0 1 1.015 2.708v10.222a.583.583 0 0 0 .458.67c1.627.548 3.226 1.17 4.862 1.719A2.332 2.332 0 0 1 42 17.824l-.037.78ZM2.86 1.394v.176c.064.067.133.13.206.186l3.918 3.225 9.424 7.825a1.46 1.46 0 0 0 1.647.34 1.46 1.46 0 0 0 .485-.34c.253-.205.496-.428.758-.623a.651.651 0 0 0 .29-.614 1.747 1.747 0 0 1 .65-1.37 1.773 1.773 0 0 1 1.481-.358.677.677 0 0 0 .627-.167l7.63-6.292 2.13-1.765v-.168L2.862 1.394Zm33.81 27.395c.15-.086.293-.182.43-.288l1.243-1.236c.449-.446.449-.594 0-1.04l-4.291-4.266c-.561-.567-.45-1.096.299-1.347l2.805-.93c.935-.325 1.945-.632 2.908-.985.177-.065.308-.279.458-.427l-.458-.446h-.085l-13.912-5.019c-1.45-.52-2.899-1.04-4.348-1.542a.678.678 0 0 0-.589.056c-.103.111-.047.38-.056.585v.074a7328.068 7328.068 0 0 1 5.479 15.11c.374 1.042.757 2.073 1.131 3.105.075.223.169.492.45.418.28-.075.298-.288.439-.446v-.075l1.87-5.575c.177-.53.514-.772.934-.623.187.081.352.202.487.353 1.43 1.413 2.805 2.788 4.273 4.228.166.123.345.229.533.316ZM2.843 21.355v.12h20.205l-2.983-8.205-.542.465a2.807 2.807 0 0 1-2.015.848 2.82 2.82 0 0 1-2.015-.848l-1.702-1.403-10.948 9.023ZM1.599 2.351a6.7 6.7 0 0 0-.224 1.115v15.975c.042.381.12.758.234 1.124l11.051-9.107L1.6 2.351Zm21.972 8.038 9.977 3.597V3.4a4.77 4.77 0 0 0-.243-1.013l-9.734 8.001Z'/%3E%3C/svg%3E");
}

.memo-contacts__headline_site--link,
.memo-contacts__headline_mail--link {
    color: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 1em;
    font-weight: 500;
    line-height: 42px;
    text-decoration: underline !important;
    transition: color .3s linear;
}

@media screen and (min-width: 640px) {
    .memo-contacts__headline_site--link,
    .memo-contacts__headline_mail--link {
        font-size: 1.25em;
        line-height: 42px;
    }
}

.memo-contacts__headline_site--link:hover,
.memo-contacts__headline_mail--link:hover {
    color: #14a0ff;
}

@media screen and (min-width: 1366px) {
    .memo-contacts__headline {
        width: 40%;
    }
}

/* Contact Form */
.memo-contacts__form {
    margin-bottom: 60px;
    width: 100%;
}

@media screen and (min-width: 1366px) {
    .memo-contacts__form {
        width: 60%;
    }
}

.memo-contacts__form_inner {
    background-color: rgba(0, 0, 0, 0.3);
    max-width: 655px;
    padding: 60px 20px;
    border-radius: 10px;
}

@media screen and (min-width: 1024px) {
    .memo-contacts__form_inner {
        padding: 60px 75px 60px 40px;
    }
}

.memo-contacts__form_inner-title {
    color: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 1.125em;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

@media screen and (min-width: 480px) {
    .memo-contacts__form_inner-title {
        font-size: 1.25em;
        line-height: 20px;
    }
}

/* Form Row Styles */
.memo-contacts__form_inner .form-row {
    height: 42px;
    margin-bottom: 25px;
    padding-left: 55px;
    position: relative;
}

@media screen and (min-width: 480px) {
    .memo-contacts__form_inner .form-row {
        padding-left: 80px;
    }
}

/* Form Icons */
.memo-contacts__form_inner .form-row.form-row__name {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='41' fill='none'%3E%3Cpath fill='%2314A0FF' d='M14.032 40.973c-.789-.046-1.586-.064-2.365-.156-2.217-.246-4.444-.456-6.652-.803a5.633 5.633 0 0 1-3.435-1.772A5.598 5.598 0 0 1 .103 34.68a51.617 51.617 0 0 1 0-6.522A6.291 6.291 0 0 1 1.62 24.56a6.327 6.327 0 0 1 3.35-2.019l3.876-1.04a3.34 3.34 0 0 0 2.465-2.493.574.574 0 0 0-.128-.476 8.348 8.348 0 0 1-2.914-5.654l-.312-.118a2.734 2.734 0 0 1 0-5.096.44.44 0 0 0 .358-.43 8.212 8.212 0 0 1 2.716-5.165 8.263 8.263 0 0 1 10.942 0 8.212 8.212 0 0 1 2.717 5.165.511.511 0 0 0 .238.374c.545.192 1.016.55 1.345 1.025.329.474.5 1.039.488 1.615a2.734 2.734 0 0 1-.552 1.602 2.749 2.749 0 0 1-1.391.973l-.128.055a7.355 7.355 0 0 1-1.082 3.434 19.744 19.744 0 0 1-1.777 2.147.538.538 0 0 0-.174.584A3.376 3.376 0 0 0 24.13 21.5c1.274.356 2.556.685 3.83 1.032a6.335 6.335 0 0 1 3.447 2.088 6.299 6.299 0 0 1 1.483 3.74 48.913 48.913 0 0 1 0 6.557 5.672 5.672 0 0 1-1.5 3.365 5.705 5.705 0 0 1-3.256 1.74c-2.792.515-5.62.82-8.458.914-.229 0-.449.046-.678.064l-4.966-.027Zm2.529-1.361c3.829.047 7.654-.259 11.427-.914a4.339 4.339 0 0 0 2.411-1.313 4.314 4.314 0 0 0 1.135-2.495c.123-2.13.123-4.264 0-6.394a4.794 4.794 0 0 0-1.044-2.838 4.822 4.822 0 0 0-2.54-1.655c-1.209-.393-2.455-.667-3.665-1.005a.35.35 0 0 0-.44.137 6.35 6.35 0 0 1-2.877 2.1 13.32 13.32 0 0 1-7.046.521 7.337 7.337 0 0 1-4.83-2.676.366.366 0 0 0-.33-.073c-1.282.338-2.574.63-3.83 1.041a4.694 4.694 0 0 0-2.383 1.543 4.668 4.668 0 0 0-1.053 2.631 50.868 50.868 0 0 0-.055 6.394 4.321 4.321 0 0 0 1.103 2.74 4.348 4.348 0 0 0 2.608 1.397 61.8 61.8 0 0 0 11.409.859Zm.22-20.514a6.882 6.882 0 0 0 4.608-2.03 6.838 6.838 0 0 0 1.98-4.619c0-.585.22-.822.715-.913.364 0 .714-.145.972-.402a1.368 1.368 0 0 0-.972-2.338.699.699 0 0 1-.715-.713v-.758a6.825 6.825 0 0 0-2.341-4.423 6.868 6.868 0 0 0-9.332.362 6.821 6.821 0 0 0-1.99 4.591c0 .703-.165.858-.852.913-.364 0-.714.145-.972.402a1.368 1.368 0 0 0 .972 2.338c.706.092.852.247.87.914a6.895 6.895 0 0 0 2.155 4.78 6.94 6.94 0 0 0 4.902 1.896Zm-6.415 3.26a4.755 4.755 0 0 0 2.172 1.535c2.52.898 5.27.924 7.807.073a4.82 4.82 0 0 0 2.346-1.607 4.926 4.926 0 0 1-2.272-2.868 8.269 8.269 0 0 1-7.78 0 4.926 4.926 0 0 1-2.282 2.868h.01Z'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 34px;
}

.memo-contacts__form_inner .form-row.form-row__email {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='37' fill='none'%3E%3Cpath fill='%2314A0FF' d='M42 34.576a6.656 6.656 0 0 1-.318.856 2.836 2.836 0 0 1-.972 1.101c-.413.274-.89.432-1.383.458H3.05a2.771 2.771 0 0 1-1.96-.606 2.863 2.863 0 0 1-1.03-1.8 2.659 2.659 0 0 1 .438-2.11c1.43-1.988 2.804-4.013 4.17-6.038.153-.238.238-.515.242-.799V6.83c0-1.806.72-2.557 2.486-2.586h.309V3.55a3.588 3.588 0 0 1 1.01-2.492A3.467 3.467 0 0 1 11.156.003h19.47A3.458 3.458 0 0 1 33 .815a3.572 3.572 0 0 1 1.232 2.221c.056.38 0 .77.065 1.237h.542a2.061 2.061 0 0 1 1.623.625c.211.216.374.476.478.762.103.286.146.59.124.895v19.093c.007.284.091.56.243.798 1.514 2.244 3.056 4.479 4.59 6.704h.065L42 34.576ZM34.298 5.708v9.014a3.603 3.603 0 0 1-.205 1.488 3.555 3.555 0 0 1-.791 1.268c-.35.36-.771.64-1.236.82-.465.182-.963.259-1.46.228h-19.19a3.433 3.433 0 0 1-1.459-.227 3.481 3.481 0 0 1-1.236-.821c-.35-.36-.62-.793-.792-1.268a3.603 3.603 0 0 1-.204-1.488V5.708c-.935-.18-1.421 0-1.412 1.065v18.779h29.378V6.326a.653.653 0 0 0-.155-.42.633.633 0 0 0-.387-.217 6.34 6.34 0 0 0-.85.02Zm5.608 27.023a.851.851 0 0 0-.056-.17c-1.224-1.779-2.44-3.557-3.673-5.326a.626.626 0 0 0-.44-.2H6.425a.645.645 0 0 0-.635.267c-1.169 1.73-2.356 3.442-3.533 5.163a1.509 1.509 0 0 0-.122.247H13.96a.396.396 0 0 0 .262-.07.409.409 0 0 0 .159-.224c.308-.723.645-1.446.934-2.168.135-.345.373-.637.68-.837.306-.2.667-.296 1.03-.276h7.918c.364-.023.726.072 1.034.272.307.2.544.495.676.84.3.695.627 1.389.935 2.093.035.123.113.229.22.297a.507.507 0 0 0 .36.073h11.72l.02.02ZM31.494 1.62v-.114a6.215 6.215 0 0 0-.72-.095H11.267c-.277.02-.552.06-.822.123l.41.38 9.348 8.34c.626.55.934.55 1.56 0l6.796-6.029 2.935-2.605ZM10.501 16.833v.124c.28 0 .56.076.84.085H30.56c.29 0 .59-.066 1.01-.114l-7.618-6.77-1.365 1.255c-.422.417-.987.65-1.575.65a2.242 2.242 0 0 1-1.575-.65l-1.411-1.245-7.524 6.665ZM1.415 34.158a1.457 1.457 0 0 0 .488 1.06 1.403 1.403 0 0 0 1.101.337h36.267c.347-.023.673-.18.912-.437a1.42 1.42 0 0 0 .378-.95l-39.146-.01Zm7.899-31.72a5.87 5.87 0 0 0-.206 1.026V14.96c.04.348.112.692.215 1.027l7.627-6.78-7.636-6.77Zm15.73 6.779 7.618 6.77a7.31 7.31 0 0 0 .215-1.027V3.455a5.322 5.322 0 0 0-.215-1.008l-7.617 6.77Zm1.15 23.467c-.261-.6-.523-1.141-.738-1.702a.616.616 0 0 0-.251-.335.6.6 0 0 0-.403-.093H17.51a.92.92 0 0 0-.73.137.944.944 0 0 0-.401.633c-.15.457-.383.894-.589 1.37l10.403-.01Z'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 34px;
}

.memo-contacts__form_inner .form-row.form-row__country {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='43' fill='none'%3E%3Cg fill='%2314A0FF' clip-path='url(%23a)'%3E%3Cpath d='M31.847 42.5c-.459-.33-.895-.689-1.307-1.075a40.316 40.316 0 0 1-4.666-5.98l-.084-.122c-.877.3-1.717.636-2.594.935a18.128 18.128 0 0 1-11.984-.665 18.159 18.159 0 0 1-8.95-8.008A18.196 18.196 0 0 1 6.08 5.225 17.775 17.775 0 0 1 16.803.553 18.208 18.208 0 0 1 29.21 4.214a18.253 18.253 0 0 1 6.856 10.982c.084.41.15.831.196 1.252a.514.514 0 0 0 .308.467 9.69 9.69 0 0 1 5.366 7.644c.016.064.038.126.065.187v1.803c0 .084-.056.159-.065.234a16.136 16.136 0 0 1-1.605 5.466 36.443 36.443 0 0 1-6.654 9.345c-.34.308-.705.586-1.092.831l-.737.075Zm.382-1.364.243-.215c.812-.935 1.661-1.813 2.436-2.803a28.041 28.041 0 0 0 4.834-8.065c.735-1.787.999-3.734.765-5.653a8.412 8.412 0 0 0-3.158-5.197 8.39 8.39 0 0 0-11.286.974 8.416 8.416 0 0 0-2.223 5.662 13.751 13.751 0 0 0 1.334 5.41 35.067 35.067 0 0 0 6.869 9.7c.055.069.117.132.186.187Zm-6.775-28.66c-4.746.85-9.606.85-14.352 0a36.545 36.545 0 0 0 0 12.466 39.897 39.897 0 0 1 11.394-.402 10.098 10.098 0 0 1 2.417-5.336c.345-.383.821-.71.98-1.158a3.919 3.919 0 0 0 0-1.542c-.15-1.318-.299-2.645-.439-4.028Zm-21.538-2.41a16.64 16.64 0 0 0 0 17.305 22.558 22.558 0 0 1 5.795-2.13 38.746 38.746 0 0 1 0-13.082 22.78 22.78 0 0 1-5.795-2.094Zm7.466 1.046c4.558.813 9.224.813 13.783 0a24.597 24.597 0 0 0-1.587-4.915 10.793 10.793 0 0 0-2.724-3.887.932.932 0 0 0-.42-.215 16.18 16.18 0 0 0-3.92-.075c-.393.03-.761.203-1.036.486-2.407 2.364-3.34 5.429-4.134 8.606h.038Zm.065 15.203a.498.498 0 0 0 0 .16c.359 1.664.89 3.286 1.586 4.84a10.68 10.68 0 0 0 2.65 3.812c.142.12.313.2.495.234 1.325.191 2.67.191 3.994 0a1.51 1.51 0 0 0 .719-.308 10.81 10.81 0 0 0 2.548-3.58.86.86 0 0 0 0-.728 82.104 82.104 0 0 1-.887-3.392 10.074 10.074 0 0 1-.159-1.402 37.84 37.84 0 0 0-10.984.364h.038ZM34.852 16.28a16.441 16.441 0 0 0-2.23-6.214 22.9 22.9 0 0 1-5.759 2.122l.532 5.036a9.768 9.768 0 0 1 7.42-.944h.037Zm-30.18-7.4a20.43 20.43 0 0 0 5.319 1.934 21.638 21.638 0 0 1 3.434-8.176 17.069 17.069 0 0 0-8.753 6.242Zm.056 19.623c1.194 2.308 6.094 5.822 8.641 6.195a21.799 21.799 0 0 1-3.387-8.11 20.307 20.307 0 0 0-5.254 1.943v-.028ZM31.79 8.879a17.143 17.143 0 0 0-8.726-6.233 21.788 21.788 0 0 1 3.444 8.186 19.955 19.955 0 0 0 5.3-1.944l-.018-.01ZM23.168 34.66l.047.093 1.8-.691-.671-1.252-1.176 1.85Z'/%3E%3Cpath d='M32.25 20.8a4.9 4.9 0 1 1-4.947 4.732A4.89 4.89 0 0 1 32.25 20.8Zm-.047 1.403a3.497 3.497 0 1 0 3.488 3.488 3.48 3.48 0 0 0-3.488-3.488Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h42v42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 34px;
}

.memo-contacts__form_inner .form-row.form-row__phone {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='43' fill='none'%3E%3Cg fill='%2314A0FF' clip-path='url(%23a)'%3E%3Cpath d='M27.658 42.5c-.71-.122-1.429-.215-2.129-.365a23.12 23.12 0 0 1-7.816-3.337 46.35 46.35 0 0 1-14.24-14.431A21.978 21.978 0 0 1 .26 16.188a11.75 11.75 0 0 1 1.447-8.562A9.063 9.063 0 0 1 7.385 3.43a2.901 2.901 0 0 1 3.465 1.495l3.492 6.066a2.91 2.91 0 0 1-.504 3.804l-2.661 2.636a1.533 1.533 0 0 0-.364 2.094 23.695 23.695 0 0 0 4.08 5.664 32.176 32.176 0 0 0 6.873 5.851c.439.262.934.505 1.363.73a1.447 1.447 0 0 0 1.802-.309l2.802-2.804a2.913 2.913 0 0 1 3.8-.486l6.051 3.514a2.896 2.896 0 0 1 1.494 3.43 9.35 9.35 0 0 1-4.603 5.945 10.208 10.208 0 0 1-4.258 1.346c-.12.015-.24.04-.355.075l-2.204.019ZM6.125 5.364a8.585 8.585 0 0 0-3.26 3.038 10.655 10.655 0 0 0-1.213 7.711 21.136 21.136 0 0 0 3.147 7.768 45.5 45.5 0 0 0 13.073 13.347 20.728 20.728 0 0 0 9.88 3.842c2.203.258 4.43-.222 6.33-1.365a8.605 8.605 0 0 0 3.045-3.243c0-.047-.075-.094-.103-.103-3.156-1.739-6.312-3.471-9.469-5.197a.42.42 0 0 0-.373.075c-.458.43-.878.934-1.345 1.318a2.8 2.8 0 0 1-3.147.532 12.356 12.356 0 0 1-1.522-.794 33.915 33.915 0 0 1-7.265-6.15 25.093 25.093 0 0 1-4.398-6.188 2.863 2.863 0 0 1 .57-3.356c.392-.402.775-.803 1.186-1.187a.373.373 0 0 0 .074-.56c-.83-1.496-1.652-3.01-2.483-4.515L6.125 5.364Zm31.497 29.761a1.57 1.57 0 0 0-.72-2.169l-5.985-3.467a1.653 1.653 0 0 0-2.493.589l9.198 5.047Zm-25.12-20.993c.934-.739 1.168-1.458.682-2.3a902.913 902.913 0 0 0-3.613-6.271 1.533 1.533 0 0 0-2.11-.627l5.042 9.198ZM42 21.173c-.056.14-.103.28-.16.412a2.114 2.114 0 0 1-2.282 1.29 2.077 2.077 0 0 1-1.749-1.992c.001-3.93-1.43-7.725-4.023-10.677A16.186 16.186 0 0 0 23.71 4.839c-.673-.094-1.365-.113-2.039-.15a2.096 2.096 0 0 1-1.442-3.592A2.095 2.095 0 0 1 21.72.5a20.39 20.39 0 0 1 13.314 5.025 20.371 20.371 0 0 1 6.78 12.507c.075.495.13 1 .187 1.496v1.645Zm-1.394-.879a20.346 20.346 0 0 0-1.066-5.74 19 19 0 0 0-6.85-9.108 19.015 19.015 0 0 0-10.83-3.553c-.534 0-.87.271-.861.71.009.44.308.655.842.693 1.034.048 2.065.157 3.087.327 6.838 1.468 11.347 5.563 13.536 12.155.497 1.595.747 3.257.739 4.928a.701.701 0 1 0 1.394 0c.01-.113.01-.262.01-.412Z'/%3E%3Cpath d='M34.987 20.222c.017.312.017.624 0 .936a2.078 2.078 0 0 1-2.117 1.741 2.033 2.033 0 0 1-2.014-1.872 10.524 10.524 0 0 0-.712-3.679 8.977 8.977 0 0 0-7.981-5.616 5.624 5.624 0 0 1-1.059-.121 2.08 2.08 0 0 1-1.48-2.312A2.106 2.106 0 0 1 21.788 7.5a13.42 13.42 0 0 1 9.114 3.755 13.4 13.4 0 0 1 4.085 8.966ZM22.322 8.99a5.392 5.392 0 0 0-.778 0 .637.637 0 0 0-.552.664.655.655 0 0 0 .58.684c.197 0 .413 0 .61.046a10.367 10.367 0 0 1 8.646 5.308 10.197 10.197 0 0 1 1.377 5.092c0 .524.328.823.75.786a.702.702 0 0 0 .645-.833 16.825 16.825 0 0 0-.253-2.284 11.857 11.857 0 0 0-3.893-6.615 11.873 11.873 0 0 0-7.132-2.848Z'/%3E%3Cpath d='M21.904 14.51c1.617.054 3.15.72 4.283 1.86a6.188 6.188 0 0 1 1.805 4.263 2.058 2.058 0 0 1-.524 1.568 2.107 2.107 0 0 1-1.514.698 2.131 2.131 0 0 1-1.553-.61 2.08 2.08 0 0 1-.614-1.535 2.042 2.042 0 0 0-.592-1.467 2.092 2.092 0 0 0-1.468-.624 2.13 2.13 0 0 1-1.534-.634 2.079 2.079 0 0 1-.591-1.535 2.06 2.06 0 0 1 .72-1.481 2.114 2.114 0 0 1 1.582-.504Zm4.683 6.003a4.83 4.83 0 0 0-1.459-3.23 4.946 4.946 0 0 0-3.289-1.395c-.524 0-.843.25-.843.666 0 .416.3.675.815.721.317.02.63.072.936.158a3.457 3.457 0 0 1 1.724 1.174c.438.559.69 1.238.72 1.943 0 .537.263.842.675.86.412.019.73-.351.72-.943v.046Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h42v42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 34px;
}

.memo-contacts__form_inner .form-row.form-row__nickname {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='43' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2314A0FF' d='M11.78 42.481a3.125 3.125 0 0 1-1.872-1.28c-.056-.084-.261-.112-.402-.112H3.022A2.811 2.811 0 0 1 .17 39.253a2.802 2.802 0 0 1-.16-1.193c.02-3.97.814-7.898 2.339-11.564a8.416 8.416 0 0 1 3.939-4.337 25.867 25.867 0 0 1 4.921-2l.374-.131-.234-.346a7.138 7.138 0 0 1-1.534-4.45A16.76 16.76 0 0 1 13.557 4.51 10.759 10.759 0 0 1 18.46.94a7.884 7.884 0 0 1 7.354 1.158 14.471 14.471 0 0 1 5.267 7.04 16.944 16.944 0 0 1 1.114 5.973 7.315 7.315 0 0 1-1.479 4.505l-.224.29a.365.365 0 0 0-.056.122l.402.14a25.743 25.743 0 0 1 4.884 1.991 8.416 8.416 0 0 1 3.92 4.3 30.462 30.462 0 0 1 2.292 9.843c0 .15.047.29.066.44v1.972c-.346 1.543-1.525 2.459-3.443 2.393-1.918-.065-4.042 0-6.063 0-.13 0-.337 0-.393.122A3.106 3.106 0 0 1 30.23 42.5l-18.45-.019Zm9.356-17.49h-9.843a1.283 1.283 0 0 0-1.422 1.534c.178 2.206.346 4.412.524 6.618.178 2.206.337 4.384.533 6.543a1.326 1.326 0 0 0 1.507 1.365h17.234c.164.019.33.019.495 0 .674-.159.936-.608 1.048-1.561.35-4.294.69-8.581 1.02-12.863.084-1.084-.412-1.617-1.487-1.617l-9.61-.019Zm4.014-2.87a11.93 11.93 0 0 0 3.976-2.692 6.18 6.18 0 0 0 1.759-4.673 15.962 15.962 0 0 0-1.02-5.076 13.48 13.48 0 0 0-4.49-6.226 6.776 6.776 0 0 0-5.268-1.45 8.002 8.002 0 0 0-4.454 2.45 15.202 15.202 0 0 0-4.36 10.517 6.017 6.017 0 0 0 1.581 4.271 11.863 11.863 0 0 0 4.014 2.86.674.674 0 0 0 .215.048l-.271-.29a13.224 13.224 0 0 1-3.256-6.151 5.539 5.539 0 0 1 3.06-6.59 10.786 10.786 0 0 1 8.663-.112 5.406 5.406 0 0 1 3.397 6.141 15.886 15.886 0 0 1-.936 3.047 13.414 13.414 0 0 1-2.648 3.927h.038Zm7.485 17.547h6.614a1.403 1.403 0 0 0 1.441-1.533 29.309 29.309 0 0 0-2.217-11.096 6.89 6.89 0 0 0-2.929-3.44 22.794 22.794 0 0 0-5.913-2.356.721.721 0 0 0-.477.093c-1.095.664-2.18 1.356-3.265 2.029l-.356.215h5.53a2.668 2.668 0 0 1 2.61 2.945l-.112 1.505c-.206 2.58-.421 5.15-.627 7.72-.131 1.31-.225 2.59-.328 3.918h.029Zm-16.009-16.07c-.13-.093-.159-.13-.196-.14a16.846 16.846 0 0 1-3.453-2.122.646.646 0 0 0-.514-.056 27.057 27.057 0 0 0-4.837 1.786 7.575 7.575 0 0 0-3.949 4.02A29.639 29.639 0 0 0 1.47 38.06a1.438 1.438 0 0 0 1.61 1.626h6.446v-.71c-.328-4.17-.674-8.338-1.001-12.508a2.616 2.616 0 0 1 .72-2.019 2.808 2.808 0 0 1 2.143-.86l5.24.01Zm10.685-8.75a5.497 5.497 0 0 1-2.807.328 2.696 2.696 0 0 1-2.676-2.262c-.065-.42-.262-.495-.58-.514a5.1 5.1 0 0 0-.533 0c-.262 0-.374.15-.421.44a2.654 2.654 0 0 1-2.34 2.29 5.964 5.964 0 0 1-3.124-.281 4.466 4.466 0 0 0 1.946 3.337 8.277 8.277 0 0 0 8.448.094 4.48 4.48 0 0 0 2.059-3.431h.028Zm-10.058 5.236v.112a13.89 13.89 0 0 0 3.611 3.16.552.552 0 0 0 .468-.047 14.247 14.247 0 0 0 3.36-2.907c.074-.085.13-.178.242-.337a10.75 10.75 0 0 1-7.709.019h.028Zm.075-9.086c-1.235-.328-1.722.504-2.161 1.402a.574.574 0 0 0-.047.112c-.225.523-.169.757.318 1.047.199.121.423.195.655.215h1.59a1.366 1.366 0 0 0 1.282-1.271 7.121 7.121 0 0 0 0-.776.682.682 0 0 0-.748-.739l-.89.01Zm7.485 0h-.936c-.337 0-.636.159-.664.495-.07.455-.07.919 0 1.374a1.178 1.178 0 0 0 1.066.935c.623.058 1.25.058 1.872 0a.935.935 0 0 0 .786-1.402 8.107 8.107 0 0 0-.216-.393c-.374-.663-.842-1.178-1.721-.981a.673.673 0 0 1-.178-.028h-.01ZM22.8 9.764a8.428 8.428 0 0 0-3.49 0l1.03 1.252h1.403l1.057-1.252Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .5h42v42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 34px;
    height: auto;
}

/* Hidden Row */
.memo-contacts__form_inner .form-row.form-row__hidden {
    display: none;
}

/* Input Styles */
.memo-contacts__form_inner .form-row input {
    background: 0 0;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    font-family: 'Gilroy', sans-serif;
    font-size: 1em;
    padding: 5px 10px;
    width: 100%;
}

@media screen and (min-width: 480px) {
    .memo-contacts__form_inner .form-row input {
        font-size: 1.125em;
    }
}

.memo-contacts__form_inner .form-row input.hidden {
    display: none;
}

.memo-contacts__form_inner .form-row input:focus {
    outline: none;
}

/* Label Styles */
.memo-contacts__form_inner .form-row label {
    color: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 1em;
    font-weight: 500;
    left: 53px;
    pointer-events: none;
    position: absolute;
    top: -18px;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

@media screen and (min-width: 480px) {
    .memo-contacts__form_inner .form-row label {
        font-size: 1.125em;
        left: 82px;
        top: -18px;
    }
}

/* Bar Animation */
.memo-contacts__form_inner .form-row .bar {
    display: block;
    position: relative;
    width: 100%;
}

.memo-contacts__form_inner .form-row .bar:after,
.memo-contacts__form_inner .form-row .bar:before {
    background: #14a0ff;
    bottom: 0;
    content: "";
    height: 2px;
    position: absolute;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    width: 0;
}

.memo-contacts__form_inner .form-row .bar:before {
    left: 50%;
}

.memo-contacts__form_inner .form-row .bar:after {
    right: 50%;
}

.memo-contacts__form_inner .form-row span.active-input~.bar:after,
.memo-contacts__form_inner .form-row span.active-input~.bar:before {
    width: 50%;
}

/* Error Message */
.memo-contacts__form_inner .form-row span.wpcf7-not-valid-tip {
    font-size: 0.7em;
    position: absolute;
}

/* Submit Button */
.memo-contacts__form_inner .form-row.form-row__btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    padding-left: 0;
}

.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner {
    height: 42px;
    position: relative;
}

.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .form-row__btn-inner--frame-1 {
    background: linear-gradient(90deg, #0047ff, #00f0ff, #38ff6c);
    border-radius: 5px;
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: skew(160deg);
    transition: all 0.3s ease-in-out;
    width: 100%;
    z-index: 1;
}

.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .form-row__btn-inner--frame-2 {
    background: linear-gradient(90deg, #0047ff, #28f0e4, #fff);
    border-radius: 5px;
    box-shadow: 0 4px 10px #28f0e4;
    display: inline-block;
    height: 100%;
    left: 10px;
    padding: 2px;
    position: absolute;
    top: 10px;
    transform: skew(160deg);
    transition: all 0.3s ease-in-out;
    width: 100%;
    z-index: 0;
}

.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .form-row__btn-inner--frame-2 span {
    background: #000;
    display: inline-block;
    height: 100%;
    position: relative;
    width: 100%;
}

.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .send {
    color: #002871;
    font-family: 'Gilroy', sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    line-height: 42px;
    padding: 0 110px;
    position: relative;
    text-transform: uppercase;
    transition: color 0.3s linear;
    z-index: 2;
    background: transparent;
    border: none;
    cursor: pointer;
}

@media screen and (min-width: 480px) {
    .memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .send {
        font-size: 1.375em;
    }
}

.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .send:hover {
    color: #fff;
}

/* Nickname Row Special Styles */
.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-wrap {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 640px) {
    .memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-wrap {
        flex-direction: row;
    }
}

.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-wrap label {
    left: inherit;
    position: relative;
    top: inherit;
}

.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-messengers .wpcf7-radio {
    display: flex;
}

.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-messengers .wpcf7-list-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0 10px 0 0;
}

.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-messengers .wpcf7-list-item.first {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='48' height='48' fill='%23419FD9' rx='24'/%3E%3Crect width='48' height='48' fill='url(%23a)' rx='24'/%3E%3Cpath fill='%23fff' d='M10.787 23.47c6.98-3.104 11.634-5.15 13.962-6.14 6.649-2.823 8.03-3.313 8.931-3.33.198-.003.64.047.928.284.242.201.309.472.34.662.032.19.072.624.04.963-.36 3.865-1.919 13.245-2.712 17.574-.336 1.832-.996 2.446-1.636 2.506-1.39.13-2.446-.938-3.793-1.84-2.107-1.41-3.297-2.288-5.343-3.664-2.363-1.59-.831-2.464.516-3.893.353-.373 6.478-6.063 6.597-6.578.015-.065.028-.306-.111-.433-.14-.127-.347-.083-.496-.049-.212.05-3.578 2.32-10.099 6.815-.955.67-1.82.996-2.596.98-.855-.02-2.5-.494-3.721-.9-1.5-.497-2.691-.76-2.588-1.605.054-.44.648-.89 1.781-1.351Z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='24' x2='24' y2='47.644' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232AABEE'/%3E%3Cstop offset='1' stop-color='%23229ED9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 25px;
}

.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-messengers .wpcf7-list-item.first input {
    width: 20px;
}

@media screen and (max-width: 639px) {
    .memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-messengers .wpcf7-list-item.first {
        margin-left: 0;
    }
}

.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-messengers .wpcf7-list-item.last {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none'%3E%3Crect width='48' height='48' fill='%230DC143' rx='24'/%3E%3Cpath fill='%23fff' d='M34.75 13.211c-2.572-2.648-6.129-4.086-9.762-4.086-7.718 0-13.924 6.281-13.848 13.924 0 2.422.681 4.768 1.816 6.887l-1.967 7.189 7.34-1.892c2.043 1.135 4.314 1.665 6.584 1.665 7.643 0 13.848-6.281 13.848-13.924 0-3.709-1.437-7.19-4.01-9.763Zm-9.762 21.341c-2.043 0-4.086-.53-5.826-1.59l-.455-.226-4.389 1.135 1.135-4.314-.302-.454c-3.33-5.373-1.74-12.486 3.708-15.816s12.486-1.74 15.816 3.708c3.33 5.449 1.74 12.487-3.708 15.817-1.74 1.135-3.86 1.74-5.979 1.74Zm6.66-8.4-.832-.378s-1.211-.53-1.968-.909c-.076 0-.151-.075-.227-.075-.227 0-.378.076-.53.151 0 0-.075.076-1.135 1.287a.416.416 0 0 1-.378.227h-.076c-.076 0-.227-.076-.303-.152l-.378-.151c-.833-.378-1.59-.832-2.195-1.438-.151-.151-.378-.302-.53-.454-.53-.53-1.059-1.135-1.437-1.816l-.076-.151c-.076-.076-.076-.152-.151-.303 0-.151 0-.303.075-.378 0 0 .303-.379.53-.606.152-.151.227-.378.379-.53.15-.227.227-.53.15-.756-.075-.379-.983-2.422-1.21-2.876-.151-.227-.303-.303-.53-.379h-.832c-.151 0-.303.076-.454.076l-.076.076c-.151.076-.302.227-.454.303-.151.15-.227.302-.378.454-.53.68-.833 1.513-.833 2.346 0 .605.152 1.21.379 1.74l.075.227a12.607 12.607 0 0 0 2.8 3.86l.303.302c.227.227.454.379.605.606 1.59 1.362 3.406 2.346 5.45 2.875.226.076.529.076.756.152h.757c.378 0 .832-.152 1.135-.303.227-.151.378-.151.53-.303l.15-.151c.152-.151.304-.227.455-.378.151-.152.303-.303.378-.454.152-.303.227-.681.303-1.06v-.53s-.076-.075-.227-.151Z'/%3E%3C/svg%3E");
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 25px;
}

.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-messengers .wpcf7-list-item.last input {
    width: 20px;
}

.memo-contacts__form_inner .form-row.form-row__nickname .form-row__nickname--label-messengers .wpcf7-list-item-label {
    color: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 1em;
    font-weight: 500;
    margin-right: 5px;
}

.memo-contacts__form_inner .form-row.form-row__nickname .notice-ar {
    color: #fff;
    display: none;
    font-family: 'Gilroy', sans-serif;
    font-size: 1em;
    font-weight: 500;
    margin-top: 20px;
}

.memo-contacts__form_inner .form-row.form-row__row {
    display: none;
}

/* Country Input Styles */
.memo-contacts__form_inner .form-row .country-input {
    position: relative;
}

.memo-contacts__form_inner .form-row .country-input__flag-container {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    left: 0;
    padding: 0 6px 0 0;
    position: absolute;
}

.memo-contacts__form_inner .form-row .country-input__flag-container .iti__flag {
    background-color: transparent;
    border-color: transparent;
    margin-right: 5px;
    width: 16px;
}

.memo-contacts__form_inner .form-row .country-input__flag-container .iti__arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
    height: 0;
    margin-left: 6px;
    width: 0;
}

.memo-contacts__form_inner .form-row .country-input .wpcf7-form-control-wrap > input {
    padding-left: 60px;
}

.memo-contacts__form_inner .form-row .country-input__list-wrap {
    background: #000;
    border: solid #fff;
    border-radius: 5px;
    border-width: 1px 1px 3px;
    bottom: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none;
    left: 0;
    position: absolute;
    transform: translateY(100%);
    width: 100%;
    z-index: 3;
}

@media screen and (max-width: 639px) {
    .memo-contacts__form_inner .form-row .country-input__list-wrap {
        height: calc(100vh - 120px);
        left: 30px;
        position: fixed;
        top: 90px;
        transform: translateY(0);
        width: calc(100vw - 60px);
        z-index: 1001;
    }
}

.memo-contacts__form_inner .form-row .country-input__list-wrap.active {
    display: block;
}

.memo-contacts__form_inner .form-row .country-input__list {
    max-height: 200px;
    overflow-y: scroll;
}

.memo-contacts__form_inner .form-row .country-input__list::-webkit-scrollbar {
    width: 5px;
}

.memo-contacts__form_inner .form-row .country-input__list::-webkit-scrollbar-track {
    background: 0 0;
}

.memo-contacts__form_inner .form-row .country-input__list::-webkit-scrollbar-thumb {
    background: #14a0ff;
    border-radius: 5px;
}

@media screen and (max-width: 639px) {
    .memo-contacts__form_inner .form-row .country-input__list {
        max-height: calc(100vh - 165px);
        overflow-y: scroll;
    }
}

.memo-contacts__form_inner .form-row .country-input__list--name {
    color: #fff;
}

.memo-contacts__form_inner .form-row .country-input__list--item {
    cursor: pointer;
    padding: 5px 10px;
}

.memo-contacts__form_inner .form-row .country-input__list--item .iti__flag {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
}

.memo-contacts__form_inner .form-row .country-input__list--item:hover {
    background-color: #14a0ff;
}

.memo-contacts__form_inner .form-row .country-input__list--item:hover .country-input__list--name {
    color: #000;
}

.memo-contacts__form_inner .form-row .country-input__list--search {
    color: #fff;
}

.memo-contacts__form_inner .form-row .country-input__list--search-close {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2314a0ff'%3E%3Cpath d='M8.342 8.343v-.599c0-2.021-.013-4.038.008-6.065C8.362.523 9.388-.236 10.47.067c.724.205 1.185.841 1.19 1.693.006 2.007 0 4.013 0 6.02v.563h.563c2.022 0 4.04-.011 6.066.006 1.171.01 1.935.997 1.652 2.088-.193.747-.835 1.223-1.713 1.223-2.008.009-4.013 0-6.02 0h-.549v.53c0 2.037.012 4.074-.006 6.11-.006 1.165-1.01 1.932-2.099 1.642-.744-.198-1.21-.84-1.212-1.714-.007-2.005 0-4.012 0-6.018v-.541h-.587c-2.022 0-4.039.012-6.065-.007C.528 11.65-.232 10.637.064 9.553c.2-.728.836-1.197 1.683-1.2 2.007-.01 4.013 0 6.02 0l.575-.01Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
    transform: rotate(45deg);
    transition: all 0.3s linear;
    width: 25px;
}

.memo-contacts__form_inner .form-row .country-input__list--search-close:hover {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2334b8ff'%3E%3Cpath d='M8.342 8.343v-.599c0-2.021-.013-4.038.008-6.065C8.362.523 9.388-.236 10.47.067c.724.205 1.185.841 1.19 1.693.006 2.007 0 4.013 0 6.02v.563h.563c2.022 0 4.04-.011 6.066.006 1.171.01 1.935.997 1.652 2.088-.193.747-.835 1.223-1.713 1.223-2.008.009-4.013 0-6.02 0h-.549v.53c0 2.037.012 4.074-.006 6.11-.006 1.165-1.01 1.932-2.099 1.642-.744-.198-1.21-.84-1.212-1.714-.007-2.005 0-4.012 0-6.018v-.541h-.587c-2.022 0-4.039.012-6.065-.007C.528 11.65-.232 10.637.064 9.553c.2-.728.836-1.197 1.683-1.2 2.007-.01 4.013 0 6.02 0l.575-.01Z'/%3E%3C/svg%3E");
}

/* Phone Input Styles */
.memo-contacts__form_inner .form-row .phone-input .iti__flag-container .iti__selected-flag {
    padding: 0 6px 0 0;
}

@media screen and (max-width: 325px) {
    .memo-contacts__form_inner .form-row .phone-input input.wpcf7-tel::-moz-placeholder {
        font-size: 0.875em;
    }
    .memo-contacts__form_inner .form-row .phone-input input.wpcf7-tel::placeholder {
        font-size: 0.875em;
    }
}

.memo-contacts__form_inner .form-row .phone-input .iti__search-input {
    background: #000;
}

.memo-contacts__form_inner .form-row .phone-input .iti__dropdown-content {
    z-index: 3 !important;
}

.memo-contacts__form_inner .form-row .phone-input .iti__country-list {
    background-color: #000;
    border: solid #fff;
    border-radius: 5px;
    border-width: 1px 1px 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.memo-contacts__form_inner .form-row .phone-input .iti__country-list .iti__country .iti__country-name {
    color: #fff;
}

.memo-contacts__form_inner .form-row .phone-input .iti__country-list .iti__country:hover {
    background-color: #14a0ff;
}

.memo-contacts__form_inner .form-row .phone-input .iti__country-list .iti__country:hover .iti__country-name {
    color: #000;
}

.memo-contacts__form_inner .form-row .phone-input .iti__country-list .iti__country:hover .iti__dial-code {
    color: rgba(0, 0, 0, 0.9);
}

.memo-contacts__form_inner .form-row .phone-input .iti__country-list::-webkit-scrollbar {
    width: 5px;
}

.memo-contacts__form_inner .form-row .phone-input .iti__country-list::-webkit-scrollbar-track {
    background: 0 0;
}

.memo-contacts__form_inner .form-row .phone-input .iti__country-list::-webkit-scrollbar-thumb {
    background: #14a0ff;
    border-radius: 5px;
}

/* Restricted WhatsApp */
.memo-contacts__form_inner.restricted-whatsapp .form-row__nickname .wpcf7-radio .wpcf7-list-item.last {
    display: none;
}

/* Intl Tel Input Styles */
.iti__selected-country .iti__selected-country-primary {
    padding: 0 6px 0 0;
}

.iti__selected-country .iti__selected-country-primary .iti__flag {
    margin-right: 5px;
}

.iti__selected-country .iti__selected-dial-code {
    color: #fff;
    font-family: 'Gilroy', sans-serif;
}

.iti__selected-country .iti__arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #fff;
}

.iti__selected-country .iti__arrow.iti__arrow--up {
    border-bottom: 6px solid #fff;
    border-top: none;
}

.iti__country-list {
    z-index: 3;
}

/* Response Output */
.memo-contacts .wpcf7 form.failed .wpcf7-response-output,
.memo-contacts .wpcf7 form.invalid .wpcf7-response-output,
.memo-contacts .wpcf7 form.sent .wpcf7-response-output {
    display: none;
}

/* Language Specific Styles */
.memo-contacts__lang-km .memo-contacts__form_inner .form-row {
    margin-bottom: 30px;
}

.memo-contacts__lang-km .memo-contacts__form_inner .form-row label {
    top: -22px;
}

/* RTL Styles */
body.rtl .memo-contacts .memo-contacts__headline .memo-contacts__headline_mail,
body.rtl .memo-contacts .memo-contacts__headline .memo-contacts__headline_site {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 42px;
    padding-left: 0;
    padding-right: 55px;
}

@media screen and (min-width: 1024px) {
    body.rtl .memo-contacts .memo-contacts__headline .memo-contacts__headline_mail,
    body.rtl .memo-contacts .memo-contacts__headline .memo-contacts__headline_site {
        padding-right: 80px;
    }
}

body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row {
    padding-left: 0;
    padding-right: 55px;
}

@media screen and (min-width: 480px) {
    body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row {
        padding-right: 80px;
    }
}

body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row.form-row__country,
body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row.form-row__email,
body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row.form-row__name,
body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row.form-row__nickname,
body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row.form-row__phone {
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: 34px;
}

body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row label {
    left: auto;
    right: 53px;
}

@media screen and (min-width: 480px) {
    body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row label {
        right: 82px;
    }
}

body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row .form-row__nickname--label-nickname label {
    right: 0;
}

body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row .iti__arrow,
body.rtl .memo-contacts .memo-contacts__form .memo-contacts__form_inner .form-row .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
}

body.rtl .memo-contacts__lang-ar .form-row__nickname .wpcf7-radio .wpcf7-list-item.last {
    display: none;
}

body.rtl .memo-contacts__lang-ar .form-row__nickname .notice-ar {
    display: block;
}

/* Modal Styles */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
    animation: fadeIn 0.3s ease;
}

.modal.show {
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-content {
    background-color: #00091e;
    margin: auto;
    padding: 40px;
    border: 3px solid #14a0ff;
    border-radius: 15px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 0 30px rgba(20, 160, 255, 0.3);
    position: relative;
    animation: slideIn 0.3s ease;
}

.modal-content.success {
    border-color: #4CAF50;
    box-shadow: 0 0 30px rgba(76, 175, 80, 0.3);
}

.modal-content.error {
    border-color: #f44336;
    box-shadow: 0 0 30px rgba(244, 67, 54, 0.3);
}

.modal-close {
    position: absolute;
    right: 20px;
    top: 15px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: color 0.3s ease;
    line-height: 1;
}

.modal-close:hover {
    color: #14a0ff;
}

.modal-icon {
    text-align: center;
    margin-bottom: 20px;
}

.modal-icon svg {
    width: 60px;
    height: 60px;
}

.modal-icon.success svg {
    fill: #4CAF50;
}

.modal-icon.error svg {
    fill: #f44336;
}

.modal-title {
    color: #fff;
    font-family: 'Gilroy', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.modal-message {
    color: #3881da;
    font-family: 'Gilroy', sans-serif;
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
    line-height: 1.5;
}

.modal-button {
    display: flex;
    justify-content: center;
}

.modal-button .btn {
    background: linear-gradient(90deg, #0047ff, #00f0ff, #38ff6c);
    color: #002871;
    font-family: 'Gilroy', sans-serif;
    font-size: 1.125em;
    font-weight: 700;
    padding: 12px 40px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
}

.modal-button .btn:hover {
    color: #fff;
    transform: scale(1.05);
}

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

@keyframes slideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Success and Error Modal Specific */
.modal.success .modal-content {
    border-color: #4CAF50;
}

.modal.error .modal-content {
    border-color: #f44336;
}

/* Modal Responsive */
@media screen and (max-width: 768px) {
    .modal-content {
        width: 95%;
        padding: 30px 20px;
    }
    
    .modal-title {
        font-size: 1.25em;
    }
    
    .modal-message {
        font-size: 0.875em;
    }
    
    .modal-button .btn {
        font-size: 1em;
        padding: 10px 30px;
    }
}

/* Loading Spinner */
.modal-spinner {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 3px solid rgba(20, 160, 255, 0.3);
    border-radius: 50%;
    border-top-color: #14a0ff;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* Form Validation Styles */
.memo-contacts__form_inner .form-row .wpcf7-not-valid {
    border-bottom-color: #f44336 !important;
}

.memo-contacts__form_inner .form-row .wpcf7-not-valid-tip {
    color: #f44336;
    font-size: 0.75em;
    position: absolute;
    bottom: -20px;
    left: 0;
}

/* Success Message Animation */
@keyframes successPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
}

.modal-content.success {
    animation: successPulse 2s infinite;
}

/* Error Message Animation */
@keyframes errorShake {
    0%, 100% {
        transform: translateX(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translateX(-5px);
    }
    20%, 40%, 60%, 80% {
        transform: translateX(5px);
    }
}

.modal-content.error {
    animation: errorShake 0.6s ease;
}

/* Modal Backdrop */
.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 999;
}

/* Form Submit Button States */
.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .send:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .send.loading {
    position: relative;
    color: transparent !important;
}

.memo-contacts__form_inner .form-row.form-row__btn .form-row__btn-inner .send.loading::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: transparent;
    animation: spin 0.8s linear infinite;
}

/* Tooltip Styles */
.modal-tooltip {
    position: relative;
    display: inline-block;
}

.modal-tooltip .tooltip-text {
    visibility: hidden;
    width: 200px;
    background-color: #14a0ff;
    color: #fff;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 0.875em;
    pointer-events: none;
}

.modal-tooltip .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #14a0ff transparent transparent transparent;
}

.modal-tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

/* Intl Tel Input Container */
body > .iti--container {
    z-index: 1001 !important;
}

body > .iti--container .iti__country-list {
    background-color: #000;
    border: solid #fff;
    border-radius: 5px;
    border-width: 1px 1px 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

body > .iti--container .iti__country-list .iti__country .iti__country-name {
    color: #fff;
}

body > .iti--container .iti__country-list .iti__country:hover {
    background-color: #14a0ff;
}

body > .iti--container .iti__country-list .iti__country:hover .iti__country-name {
    color: #000;
}

body > .iti--container .iti__country-list .iti__country:hover .iti__dial-code {
    color: rgba(0, 0, 0, 0.9);
}

body > .iti--container .iti__country-list::-webkit-scrollbar {
    width: 5px;
}

body > .iti--container .iti__country-list::-webkit-scrollbar-track {
    background: 0 0;
}

body > .iti--container .iti__country-list::-webkit-scrollbar-thumb {
    background: #14a0ff;
    border-radius: 5px;
}

/* Form Focus States */
.memo-contacts__form_inner .form-row input:focus ~ .bar:before,
.memo-contacts__form_inner .form-row input:focus ~ .bar:after {
    width: 50%;
}

.memo-contacts__form_inner .form-row input:focus ~ label {
    color: #14a0ff;
}

/* Placeholder Styles */
.memo-contacts__form_inner .form-row input::placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.875em;
}

/* Disabled State */
.memo-contacts__form_inner .form-row input:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* RTL Specific Modal Styles */
body.rtl .modal-close {
    right: auto;
    left: 20px;
}

body.rtl .modal-tooltip .tooltip-text {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -100px;
}

body.rtl .modal-tooltip .tooltip-text::after {
    left: auto;
    right: 50%;
    margin-left: 0;
    margin-right: -5px;
}