body {
    overflow-x: hidden;
    background-color: #fbfbfb;
}

.PhoneInputCountryIcon--border,
.ant-modal-content {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important
}

a,
hr {
    color: inherit
}

progress,
sub,
sup {
    vertical-align: initial
}

.swal2-title,
button,
select {
    text-transform: none
}

.ofc,
.ofcover {
    object-fit: cover
}

.backToTop,
.swiper-slide-invisible-blank {
    visibility: hidden
}

:root {
    --primary-font: 'Avenir Next';
    --primary-color: #2563eb;
    --primary-color-opacty: rgba(37, 99, 235, 0.2);
    --secondary-color: #0033a0;
    --thirdy-color: var(--iyisee-blue);
    --green-color: #a1d341;
    --gradient1: #155ED4;
    --gradient2: #93D500;
    --linear-color: linear-gradient(to right, var(--secondary-color), var(--primary-color));
    --linear-icons: linear-gradient(130deg, var(--gradient1) 15%, var(--gradient2));
    --PhoneInput-color--focus: #03b2cb;
    --PhoneInputInternationalIconPhone-opacity: 0.8;
    --PhoneInputInternationalIconGlobe-opacity: 0.65;
    --PhoneInputCountrySelect-marginRight: 0.35em;
    --PhoneInputCountrySelectArrow-width: 0.3em;
    --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
    --PhoneInputCountrySelectArrow-borderWidth: 1px;
    --PhoneInputCountrySelectArrow-opacity: 0.45;
    --PhoneInputCountrySelectArrow-color: currentColor;
    --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountrySelectArrow-transform: rotate(45deg);
    --PhoneInputCountryFlag-aspectRatio: 1.5;
    --PhoneInputCountryFlag-height: 1em;
    --PhoneInputCountryFlag-borderWidth: 1px;
    --PhoneInputCountryFlag-borderColor: rgba(0, 0, 0, .5);
    --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
    --PhoneInputCountryFlag-backgroundColor--loading: rgba(0, 0, 0, .1);
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --iyisee-blue: #61cbff;
    --iyisee-dark: #1a1a1a;
    --iyisee-grey: #b3b3b3;
}

* {
    font-family: 'Avenir Next Cyr';
}

select option {
    font-family: arial !important
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    margin: 0
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5;
    tab-size: 4
}

:where(.css-mxhywb) a {
    color: #1677ff;
    text-decoration: none;
    background-color: transparent;
    outline: 0;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects
}

:where(.css-mxhywb) a:hover {
    color: #69b1ff
}

:where(.css-mxhywb) a:active {
    color: #0958d9
}

:where(.css-mxhywb) a:active,
:where(.css-mxhywb) a:hover {
    text-decoration: none;
    outline: 0
}

:where(.css-mxhywb) a:focus {
    text-decoration: none;
    outline: 0
}

:where(.css-mxhywb) a[disabled] {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed
}

:where(.css-mxhywb)[class*=" ant-modal"],
:where(.css-mxhywb)[class^=ant-modal] {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-size: 14px;
    box-sizing: border-box
}

:where(.css-mxhywb)[class*=" ant-modal"]::after,
:where(.css-mxhywb)[class*=" ant-modal"]::before,
:where(.css-mxhywb)[class^=ant-modal]::after,
:where(.css-mxhywb)[class^=ant-modal]::before {
    box-sizing: border-box
}

:where(.css-mxhywb)[class*=" ant-modal"] [class*=" ant-modal"],
:where(.css-mxhywb)[class*=" ant-modal"] [class^=ant-modal],
:where(.css-mxhywb)[class^=ant-modal] [class*=" ant-modal"],
:where(.css-mxhywb)[class^=ant-modal] [class^=ant-modal] {
    box-sizing: border-box
}

:where(.css-mxhywb)[class*=" ant-modal"] [class*=" ant-modal"]::after,
:where(.css-mxhywb)[class*=" ant-modal"] [class*=" ant-modal"]::before,
:where(.css-mxhywb)[class*=" ant-modal"] [class^=ant-modal]::after,
:where(.css-mxhywb)[class*=" ant-modal"] [class^=ant-modal]::before,
:where(.css-mxhywb)[class^=ant-modal] [class*=" ant-modal"]::after,
:where(.css-mxhywb)[class^=ant-modal] [class*=" ant-modal"]::before,
:where(.css-mxhywb)[class^=ant-modal] [class^=ant-modal]::after,
:where(.css-mxhywb)[class^=ant-modal] [class^=ant-modal]::before {
    box-sizing: border-box
}

:where(.css-mxhywb).ant-modal-root .ant-modal-wrap {
    z-index: 1000;
    inset: 0;
    -webkit-overflow-scrolling: touch
}

:where(.css-mxhywb).ant-modal-root .ant-modal-centered {
    text-align: center
}

:where(.css-mxhywb).ant-modal-root .ant-modal-centered::before {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    content: ""
}

:where(.css-mxhywb).ant-modal-root .ant-modal-centered .ant-modal {
    top: 0;
    display: inline-block;
    padding-bottom: 0;
    text-align: start;
    vertical-align: middle
}

@media (max-width:767) {
    :where(.css-mxhywb).ant-modal-root .ant-modal {
        max-width: calc(100vw - 16px);
        margin: 8 auto
    }

    :where(.css-mxhywb).ant-modal-root .ant-modal-centered .ant-modal {
        flex: 1
    }
}

:where(.css-mxhywb).ant-modal {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 0 24px;
    color: rgba(0, 0, 0, .88);
    font-size: 14px;
    line-height: 1.5714285714285714;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    pointer-events: none;
    position: relative;
    top: 100px;
    width: auto;
    max-width: calc(100vw - 32px)
}

:where(.css-mxhywb).ant-modal .ant-modal-title {
    margin: 0;
    color: rgba(0, 0, 0, .88);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    word-wrap: break-word
}

:where(.css-mxhywb).ant-modal .ant-modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 8px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);
    pointer-events: auto;
    padding: 20px 24px
}

:where(.css-mxhywb).ant-modal .ant-modal-close {
    position: absolute;
    top: 17px;
    inset-inline-end: 17px;
    z-index: 1010;
    padding: 0;
    color: rgba(0, 0, 0, .45);
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    background: 0 0;
    border-radius: 4px;
    width: 22px;
    height: 22px;
    border: 0;
    outline: 0;
    cursor: pointer;
    transition: color .2s, background-color .2s
}

:where(.css-mxhywb).ant-modal .ant-modal-close-x {
    display: block;
    font-size: 16px;
    font-style: normal;
    line-height: 22px;
    text-align: center;
    text-transform: none;
    text-rendering: auto
}

:where(.css-mxhywb).ant-modal .ant-modal-close:hover {
    color: rgba(0, 0, 0, .88);
    background-color: rgba(0, 0, 0, .06);
    text-decoration: none
}

:where(.css-mxhywb).ant-modal .ant-modal-close:active {
    background-color: rgba(0, 0, 0, .15)
}

:where(.css-mxhywb).ant-modal .ant-modal-close:focus-visible {
    outline: #91caff solid 4px;
    outline-offset: 1px;
    transition: outline-offset, outline
}

.transition-all,
.transition-transform {
    transition-duration: .15s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:where(.css-mxhywb).ant-modal .ant-modal-header {
    color: rgba(0, 0, 0, .88);
    background: #fff;
    border-radius: 8px 8px 0 0;
    margin-bottom: 8px
}

:where(.css-mxhywb).ant-modal .ant-modal-body {
    font-size: 14px;
    line-height: 1.5714285714285714;
    word-wrap: break-word
}

:where(.css-mxhywb).ant-modal .ant-modal-footer {
    text-align: end;
    background: 0 0;
    margin-top: 12px
}

:where(.css-mxhywb).ant-modal .ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
    margin-bottom: 0;
    margin-inline-start: 8px
}

:where(.css-mxhywb).ant-modal .ant-modal-open {
    overflow: hidden
}

:where(.css-mxhywb).ant-modal-pure-panel {
    top: auto;
    padding: 0;
    display: flex;
    flex-direction: column
}

:where(.css-mxhywb).ant-modal-pure-panel .ant-modal-body,
:where(.css-mxhywb).ant-modal-pure-panel .ant-modal-confirm-body-wrapper,
:where(.css-mxhywb).ant-modal-pure-panel .ant-modal-content {
    display: flex;
    flex-direction: column;
    flex: auto
}

:where(.css-mxhywb).ant-modal-pure-panel .ant-modal-confirm-body {
    margin-bottom: auto
}

:where(.css-mxhywb).ant-modal-confirm-rtl {
    direction: rtl
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-header {
    display: none
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body-wrapper::before {
    display: table;
    content: ""
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body-wrapper::after {
    display: table;
    clear: both;
    content: ""
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title {
    flex: 0 0 100%;
    display: block;
    overflow: hidden;
    color: rgba(0, 0, 0, .88);
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-title+.ant-modal-confirm-content {
    margin-block-start: 8px;
    flex-basis: 100%;
    max-width: calc(100% - 34px)
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body .ant-modal-confirm-content {
    color: rgba(0, 0, 0, .88);
    font-size: 14px
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body>.anticon {
    flex: none;
    margin-inline-end: 12px;
    font-size: 22px
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title {
    flex: 1
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-body>.anticon+.ant-modal-confirm-title+.ant-modal-confirm-content {
    margin-inline-start: 34px
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-btns {
    text-align: end;
    margin-top: 12px
}

:where(.css-mxhywb).ant-modal-confirm .ant-modal-confirm-btns .ant-btn+.ant-btn {
    margin-bottom: 0;
    margin-inline-start: 8px
}

:where(.css-mxhywb).ant-modal-confirm-error .ant-modal-confirm-body>.anticon {
    color: #ff4d4f
}

:where(.css-mxhywb).ant-modal-confirm-confirm .ant-modal-confirm-body>.anticon,
:where(.css-mxhywb).ant-modal-confirm-warning .ant-modal-confirm-body>.anticon {
    color: #faad14
}

:where(.css-mxhywb).ant-modal-confirm-info .ant-modal-confirm-body>.anticon {
    color: #1677ff
}

:where(.css-mxhywb).ant-modal-confirm-success .ant-modal-confirm-body>.anticon {
    color: #52c41a
}

:where(.css-mxhywb).ant-modal-root .ant-modal-wrap-rtl {
    direction: rtl
}

:where(.css-mxhywb).ant-modal-root .ant-modal-wrap-rtl .ant-modal-confirm-body {
    direction: rtl
}

:where(.css-mxhywb).ant-modal-root .ant-modal.ant-zoom-appear,
:where(.css-mxhywb).ant-modal-root .ant-modal.ant-zoom-enter {
    transform: none;
    opacity: 0;
    animation-duration: .3s;
    user-select: none
}

:where(.css-mxhywb).ant-modal-root .ant-modal.ant-zoom-leave .ant-modal-content {
    pointer-events: none
}

:where(.css-mxhywb).ant-modal-root .ant-modal-mask {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 0;
    z-index: 1000;
    height: 100%;
    background-color: rgba(0, 0, 0, .45)
}

:where(.css-mxhywb).ant-modal-root .ant-modal-mask .ant-modal-hidden {
    display: none
}

:where(.css-mxhywb).ant-modal-root .ant-modal-wrap {
    position: fixed;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 0;
    overflow: auto;
    outline: 0;
    -webkit-overflow-scrolling: touch
}

:where(.css-mxhywb).ant-modal-root .ant-fade-appear,
:where(.css-mxhywb).ant-modal-root .ant-fade-enter {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    opacity: 0;
    animation-timing-function: linear
}

:where(.css-mxhywb).ant-modal-root .ant-fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: linear
}

:where(.css-mxhywb).ant-modal-root .ant-fade-appear.ant-fade-appear-active,
:where(.css-mxhywb).ant-modal-root .ant-fade-enter.ant-fade-enter-active {
    animation-name: css-mxhywb-antFadeIn;
    animation-play-state: running
}

:where(.css-mxhywb).ant-modal-root .ant-fade-leave.ant-fade-leave-active {
    animation-name: css-mxhywb-antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

:where(.css-mxhywb).ant-zoom-appear,
:where(.css-mxhywb).ant-zoom-enter {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    transform: scale(0);
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

:where(.css-mxhywb).ant-zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

:where(.css-mxhywb).ant-zoom-appear.ant-zoom-appear-active,
:where(.css-mxhywb).ant-zoom-enter.ant-zoom-enter-active {
    animation-name: css-mxhywb-antZoomIn;
    animation-play-state: running
}

:where(.css-mxhywb).ant-zoom-leave.ant-zoom-leave-active {
    animation-name: css-mxhywb-antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

:where(.css-mxhywb).ant-zoom-appear-prepare,
:where(.css-mxhywb).ant-zoom-enter-prepare {
    transform: none
}

@keyframes css-mxhywb-antFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes css-mxhywb-antFadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes css-mxhywb-antZoomIn {
    0% {
        transform: scale(.2);
        opacity: 0
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes css-mxhywb-antZoomOut {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(.2);
        opacity: 0
    }
}

.ant-modal-content {
    @apply pt-12 px-0 w-full m-auto bg-transparent shadow-none !important;
    background-color: initial !important;
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    margin: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 3rem !important;
    width: 100% !important
}

.ant-modal {
    @apply p-0 m-auto !important;
    margin: auto !important;
    padding: 0 !important
}

.ant-modal-body {
    @apply p-0 m-0 w-full !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.PhoneInputInput {
    @apply w-full h-14 outline-none text-[#03014C] placeholder-[#03014C]/60 text-sm !important;
    --tw-text-opacity: 1 !important;
    color: rgb(3 1 76/var(--tw-text-opacity)) !important;
    font-size: 1.125rem !important;
    height: 3.5rem !important;
    line-height: 1.25rem !important;
    width: 100% !important;
    outline: transparent solid 2px !important;
    outline-offset: 2px !important
}

.hover\:text-\[\#333\]:hover,
.hover\:text-white:hover,
.text-\[\#001632\],
.text-\[\#00AEEF\],
.text-\[\#03014C\],
.text-\[\#0A0D2A\],
.text-\[\#0C1C46\],
.text-\[\#1D3163\],
.text-\[\#1DA556\],
.text-\[\#1E2432\],
.text-\[\#242A35\],
.text-\[\#2C2C2C\],
.text-\[\#395474\],
.text-\[\#414B5D\],
.text-\[\#5A5A5A\],
.text-\[\#64727C\],
.text-\[\#687992\],
.text-\[\#69788C\],
.text-\[\#707070\],
.text-\[\#777777\],
.text-\[\#788094\],
.text-\[\#8B8B8B\],
.text-\[\#93D500\],
.text-\[\#999999\],
.text-brand-color,
.text-gray-100,
.text-gray-200,
.text-gray-500,
.text-gray-600,
.text-gray-700,
.text-gray-800,
.text-gray-900,
.text-green-800,
.text-red-600,
.text-white {
    --tw-text-opacity: 1
}

.PhoneInputCountryIcon--border {
    @apply shadow-none !important;
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.PhoneInputCountrySelectArrow {
    @apply mx-2 !important;
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

/* .PhoneInputInput::-webkit-input-placeholder {
    color: rgba(3, 1, 76, .6) !important
}

.PhoneInputInput::placeholder {
    color: rgba(3, 1, 76, .6) !important
} */

*,
:after,
:before {
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
    --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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

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

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

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

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

a {
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

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

:-moz-focusring {
    outline: auto
}

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

::-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,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

.swal2-popup.swal2-toast .swal2-html-container:empty,
fieldset,
legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

.cursor-pointer,
.swal2-styled:not([disabled]),
.swiper-pagination-clickable .swiper-pagination-bullet,
[role=button],
button {
    cursor: pointer
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly],
:disabled {
    cursor: default
}

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

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

.hidden,
[hidden] {
    display: none
}

::-webkit-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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

::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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.container {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%
}

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

@media (min-width:768px) {
    .container {
        max-width: 768px;
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:container {
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%
    }

    @media (min-width:640px) {
        .md\:container {
            max-width: 640px;
            padding-left: 2rem;
            padding-right: 2rem
        }
    }

    @media (min-width:768px) {
        .md\:container {
            max-width: 768px;
            padding-left: 1rem;
            padding-right: 1rem
        }
    }

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

    @media (min-width:1280px) {
        .md\:container {
            max-width: 1280px;
            padding-left: 0;
            padding-right: 0
        }
    }

    @media (min-width:1536px) {
        .md\:container {
            max-width: 1536px
        }
    }

    @media (min-width:1928px) {
        .md\:container {
            max-width: 1928px
        }
    }
}

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

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

    body {
        zoom: 85%
    }

    .zoom-none {
        zoom: 125%
    }
}

@media (min-width:1536px) {
    .container {
        max-width: 1536px
    }
}

@media (min-width:1928px) {
    .container {
        max-width: 1928px
    }
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.fix-svg-green,
.relative {
    position: relative
}

.-bottom-16 {
    bottom: -4rem
}

.-bottom-\[50\%\] {
    bottom: -50%
}

.-right-40 {
    right: -10rem
}

.bottom-0 {
    bottom: 0
}

.bottom-16 {
    bottom: 4rem
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-\[20\%\] {
    top: 20%
}

.top-\[8\%\] {
    top: 8%
}

.-z-10 {
    z-index: -10
}

.-z-50 {
    z-index: -50
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[60\] {
    z-index: 60
}

.z-\[70\] {
    z-index: 70
}

.z-\[999999\] {
    z-index: 999999
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-full {
    grid-column: 1/-1
}

.m-\[2rem\] {
    margin: 2rem
}

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

.mb-16 {
    margin-bottom: 4rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-56 {
    margin-bottom: 14rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-16 {
    margin-left: 4rem
}

.ml-2 {
    margin-left: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-24 {
    margin-top: 6rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-36 {
    margin-top: 9rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.block {
    display: block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.inline-block {
    display: inline-block;
}

.table {
    display: table
}

.grid,
.group:hover .group-hover\:grid {
    display: grid
}

.aspect-square {
    aspect-ratio: 1/1
}

.h-0 {
    height: 0
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\/3 {
    height: 66.666667%
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-6 {
    height: 1.5rem
}

.h-8 {
    height: 2rem
}

.h-\[460px\] {
    height: 460px
}

.h-\[464px\] {
    height: 464px
}

.h-\[560px\] {
    height: 560px
}

.h-\[660px\] {
    height: 660px
}

.h-\[925px\] {
    height: 925px
}

.h-\[950px\] {
    height: 950px
}

.h-auto,
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.h-fit {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.h-full {
    height: 100%
}

.h-screen {
    height: 100vh
}

.max-h-0 {
    max-height: 0
}

.max-h-\[500px\] {
    max-height: 500px
}

.max-h-\[600px\] {
    max-height: 600px
}

.max-h-full {
    max-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-0 {
    width: 0
}

.w-1\/2,
.w-2\/4 {
    width: 50%
}

.w-1\/4 {
    width: 25%
}

.w-10 {
    width: 2.5rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-48 {
    width: 12rem
}

.w-56 {
    width: 14rem
}

.w-6 {
    width: 1.5rem
}

.w-8 {
    width: 2rem
}

.w-96 {
    width: 24rem
}

.w-\[188px\] {
    width: 188px
}

.w-\[526px\] {
    width: 526px
}

.w-auto {
    width: auto
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-full,
.wx-bar5 {
    width: 100%
}

.max-w-sm {
    max-width: 24rem
}

.max-w-18 {
    max-width: 18rem
}

.max-w-xs {
    max-width: 20rem
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-rotate-90,
.-translate-x-1\/2,
.-translate-x-4,
.-translate-x-6,
.-translate-y-16,
.-translate-y-1\/2,
.-translate-y-4,
.-translate-y-56,
.-translate-y-96,
.-translate-y-\[10\%\],
.-translate-y-\[4\%\],
.-translate-y-\[8\%\],
.hover\:scale-105:hover,
.hover\:scale-110:hover,
.rotate-90,
.scale-0,
.scale-75,
.transform,
.translate-x-0,
.translate-x-\[40\%\],
.translate-y-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-x-4 {
    --tw-translate-x: -1rem
}

.-translate-x-6 {
    --tw-translate-x: -1.5rem
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-16 {
    --tw-translate-y: -4rem
}

.-translate-y-4 {
    --tw-translate-y: -1rem
}

.-translate-y-56 {
    --tw-translate-y: -14rem
}

.-translate-y-96 {
    --tw-translate-y: -24rem
}

.-translate-y-\[10\%\] {
    --tw-translate-y: -10%
}

.-translate-y-\[4\%\] {
    --tw-translate-y: -4%
}

.-translate-y-\[8\%\] {
    --tw-translate-y: -8%
}

.translate-x-0 {
    --tw-translate-x: 0px
}

.translate-x-\[40\%\] {
    --tw-translate-x: 40%
}

.translate-y-0 {
    --tw-translate-y: 0px
}

.-rotate-90 {
    --tw-rotate: -90deg
}

.rotate-90 {
    --tw-rotate: 90deg
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

@-webkit-keyframes customPing {

    75%,
    to {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

@keyframes customPing {

    75%,
    to {
        opacity: 0;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
}

.animate-customPing {
    -webkit-animation: 1.3s cubic-bezier(0, 0, .2, 1) infinite customPing;
    animation: 1.3s cubic-bezier(0, 0, .2, 1) infinite customPing
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

.animate-marquee {
    -webkit-animation: 25s linear infinite marquee;
    animation: 25s linear infinite marquee
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.animate-spin {
    -webkit-animation: 1s linear infinite spin;
    animation: 1s linear infinite spin
}

.cursor-grab {
    cursor: grab
}

.resize-none {
    resize: none
}

.appearance-none {
    -webkit-appearance: none;
    appearance: none
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr)
}

.grid-flow-row {
    grid-auto-flow: row
}

.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr)
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.flex-col,
.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

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

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

.justify-center,
.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-16 {
    gap: 4rem
}

.gap-2 {
    gap: .5rem
}

.gap-24 {
    gap: 6rem
}

.gap-4 {
    gap: 1rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-4 {
    -webkit-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-8 {
    -webkit-column-gap: 2rem;
    column-gap: 2rem
}

.gap-y-16 {
    row-gap: 4rem
}

.gap-y-24 {
    row-gap: 6rem
}

.gap-y-8 {
    row-gap: 2rem
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
    margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse)))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
    margin-top: calc(2rem * (1 - var(--tw-space-y-reverse)))
}

.overflow-hidden,
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

.modal-dialog-scrollable .modal-body,
.modal-fullscreen .modal-body,
.overflow-y-auto {
    overflow-y: auto
}

.overflow-y-hidden,
.swal2-popup.swal2-loading {
    overflow-y: hidden
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[35px\] {
    border-radius: 35px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b-2xl {
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem
}

.rounded-b-3xl {
    border-bottom-right-radius: 1.5rem
}

.rounded-b-3xl,
.rounded-l-3xl {
    border-bottom-left-radius: 1.5rem
}

.rounded-l-3xl {
    border-top-left-radius: 1.5rem
}

.rounded-l-xl {
    border-bottom-left-radius: .75rem;
    border-top-left-radius: .75rem
}

.rounded-r-xl {
    border-bottom-right-radius: .75rem;
    border-top-right-radius: .75rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.border {
    border-width: 1px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-x-\[20px\] {
    border-left-width: 20px;
    border-right-width: 20px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-b-\[20px\] {
    border-bottom-width: 20px
}

.border-t-2 {
    border-top-width: 2px
}

.border-\[\#03014C\]\/10 {
    border-color: rgba(3, 1, 76, .1)
}

.border-\[\#03014C\]\/30 {
    border-color: rgba(3, 1, 76, .3)
}

.border-\[\#0B081C\] {
    --tw-border-opacity: 1;
    border-color: rgb(11 8 28/var(--tw-border-opacity))
}

.border-\[\#F5F5F5\] {
    --tw-border-opacity: 1;
    border-color: rgb(245 245 245/var(--tw-border-opacity))
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity))
}

.border-x-transparent {
    border-left-color: transparent;
    border-right-color: transparent
}

.border-b-white {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255/var(--tw-border-opacity))
}

.bg-\[\#0B081C\] {
    --tw-bg-opacity: 1;
    background-color: rgb(11 8 28/var(--tw-bg-opacity))
}

.bg-\[\#1B1E27\] {
    --tw-bg-opacity: 1;
    background-color: rgb(27 30 39/var(--tw-bg-opacity))
}

.bg-\[\#3F1D6B\]\/70 {
    background-color: rgba(63, 29, 107, .7)
}

.bg-\[\#484848\] {
    --tw-bg-opacity: 1;
    background-color: rgb(72 72 72/var(--tw-bg-opacity))
}

.bg-\[\#6DAC76\] {
    --tw-bg-opacity: 1;
    background-color: rgb(109 172 118/var(--tw-bg-opacity))
}

.bg-\[\#7B51A7\]\/50 {
    background-color: rgba(123, 81, 167, .5)
}

.bg-primary,
.bgx-\[\#7B51A7\]\/50,
.gradientFooterIcons .bg-brand-color {
    background-color: var(--primary-color)
}

.bg-\[\#A0D341\] {
    --tw-bg-opacity: 1;
    background-color: rgb(160 211 65/var(--tw-bg-opacity))
}

.bg-\[\#A1C700\],
.hover\:bg-brand-color:hover {
    --tw-bg-opacity: 1;
    background-color: var(--primary-color)
}

.bg-\[\#ABD25A\] {
    --tw-bg-opacity: 1;
    background-color: rgb(171 210 90/var(--tw-bg-opacity))
}

.bg-\[\#E0E0E0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224/var(--tw-bg-opacity))
}

.bg-\[\#F4F5FC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 245 252/var(--tw-bg-opacity))
}

.bg-\[\#fff\],
.bg-white,
.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-green {
    background-color: #a0d341
}

.bg-gray {
    background-color: #e3e3e4;
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/10 {
    background-color: rgba(0, 0, 0, .1)
}

.bg-black\/20 {
    background-color: rgba(0, 0, 0, .2)
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(37 99 235/var(--tw-bg-opacity))
}

.bg-brand-color {
    --tw-bg-opacity: 1;
    background-color: rgb(161 211 65/var(--tw-bg-opacity))
}

.bg-brand-color\/20 {
    background-color: var(--primary-color-opacty)
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.bg-white\/10 {
    background-color: hsla(0, 0%, 100%, .1)
}

.bg-white\/40 {
    background-color: hsla(0, 0%, 100%, .4)
}

.bg-about-us-hero-section-image {
    background-image: url(../../static/media/banner-hakkimizda.jpg)
}

.bg-corporate-governance-hero-section-image {
    background-image: url(../../static/media/banner-kurumsal-yonetim.jpg)
}

.bg-campaigns-bg-image {
    background-image: url(../../static/media/banner-kampanyalarv2.jpg)
}

.bg-campaigns-women-bg-image {
    background-image: url(../../static/media/kampanyalar-bg3.png)
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-gradient-to-tl {
    background-image: linear-gradient(to top left, var(--tw-gradient-stops))
}

.bg-gradient-to-tl.xtl {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.contact .bg-gradient-to-tl {
    background: url(../../static/media/iletisim-bg.jpg) center no-repeat;
    z-index: 9
}

.bg-help-center-hero-section-banner-image {
    background: url(../../static/media/banner-sikca-sorulan-sorular.jpg) center no-repeat
}

.bg-integration-hero-section-banner-image {
    background: url(../../static/media/banner-entegrasyonlar.jpg) center no-repeat
}

.bg-integration-hero-section-banner-image2 {
    background: url(../../static/media/general_bg.jpg) center no-repeat
}

.bg-more-details-hero-section-image {
    background: url(../../static/media/banner-sozlesmeler.jpg) center no-repeat
}

.from-\[\#16A085\] {
    --tw-gradient-from: #16a085;
    --tw-gradient-to: rgba(22, 160, 133, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#516A21\],
.from-\[\#516A22\] {
    --tw-gradient-from: var(--primary-color);
    --tw-gradient-to: rgba(81, 106, 33, 0)
}

.from-\[\#516A21\] {
    --tw-gradient-stops: var(--thirdy-color), var(--tw-gradient-to)
}

.from-\[\#516A22\],
.from-brand-color,
.from-white\/50 {
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-brand-color {
    --tw-gradient-from: #a1d341;
    --tw-gradient-to: rgba(161, 211, 65, 0)
}

.from-white\/50,
.via-white\/90 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0)
}

.from-white\/50 {
    --tw-gradient-from: hsla(0, 0%, 100%, .5)
}

.via-white\/90 {
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .9), var(--tw-gradient-to)
}

.to-\[\#F4D03F\] {
    --tw-gradient-to: #f4d03f
}

.to-brand-color {
    --tw-gradient-to: var(--secondary-color)
}

.to-white {
    --tw-gradient-to: #fff
}

.bg-cover {
    background-size: cover
}

.bg-fixed {
    background-attachment: fixed
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-left {
    background-position: 0
}

.bg-right {
    background-position: 100%
}

.bg-top {
    background-position: top
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-\[\#A0D341\] {
    fill: #a0d341
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-4,
.px-\[1rem\] {
    padding-left: 1rem;
    padding-right: 1rem
}

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

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

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

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-36 {
    padding-bottom: 9rem;
    padding-top: 9rem
}

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

.py-56 {
    padding-bottom: 14rem;
    padding-top: 14rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-36 {
    padding-bottom: 9rem
}

.pb-56 {
    padding-bottom: 14rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-48 {
    padding-top: 12rem
}

.pt-64 {
    padding-top: 16rem
}

.pt-8 {
    padding-top: 2rem
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.text-1xl {
    font-size: 1.25rem;
    line-height: 140%
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-\[28px\] {
    font-size: 28px
}

.text-\[30px\] {
    font-size: 30px
}

.text-\[31px\] {
    font-size: 31px
}

.text-\[40px\] {
    font-size: 40px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-extrabold {
    font-weight: 800
}

.font-light {
    font-weight: 300
}

.font-medium,
.fontMedium,
.hover\:font-medium:hover {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-demibold,
.font-semibold,
.product-menu>li>a,
.swal2-title {
    font-weight: 600
}

.leading-\[3rem\] {
    line-height: 3rem
}

.leading-\[4rem\] {
    line-height: 4rem
}

.leading-none {
    line-height: 1
}

.tracking-tight {
    letter-spacing: -.025em
}

.text-\[\#001632\] {
    color: rgb(0 22 50/var(--tw-text-opacity))
}

.text-\[\#00AEEF\] {
    color: rgb(0 174 239/var(--tw-text-opacity))
}

.text-\[\#03014C\] {
    color: rgb(3 1 76/var(--tw-text-opacity))
}

.text-\[\#03014C\]\/50 {
    color: rgba(3, 1, 76, .5)
}

.text-\[\#0A0D2A\] {
    color: rgb(10 13 42/var(--tw-text-opacity))
}

.text-\[\#0C1C46\] {
    color: rgb(12 28 70/var(--tw-text-opacity))
}

.text-\[\#1D3163\] {
    color: rgb(29 49 99/var(--tw-text-opacity))
}

.text-\[\#1DA556\] {
    color: rgb(29 165 86/var(--tw-text-opacity))
}

.text-\[\#1E2432\] {
    color: rgb(30 36 50/var(--tw-text-opacity))
}

.text-\[\#242A35\] {
    color: rgb(36 42 53/var(--tw-text-opacity))
}

.text-\[\#2C2C2C\] {
    color: rgb(44 44 44/var(--tw-text-opacity))
}

.text-\[\#395474\] {
    color: rgb(57 84 116/var(--tw-text-opacity))
}

.text-\[\#414B5D\] {
    color: rgb(65 75 93/var(--tw-text-opacity))
}

.text-\[\#5A5A5A\] {
    color: rgb(90 90 90/var(--tw-text-opacity))
}

.text-\[\#64727C\] {
    color: rgb(100 114 124/var(--tw-text-opacity))
}

.text-\[\#687992\] {
    color: rgb(104 121 146/var(--tw-text-opacity))
}

.text-\[\#69788C\] {
    color: rgb(105 120 140/var(--tw-text-opacity))
}

.text-\[\#707070\] {
    color: rgb(112 112 112/var(--tw-text-opacity))
}

.text-\[\#777777\] {
    color: rgb(119 119 119/var(--tw-text-opacity))
}

.text-\[\#788094\] {
    color: rgb(120 128 148/var(--tw-text-opacity))
}

.text-\[\#8B8B8B\] {
    color: rgb(139 139 139/var(--tw-text-opacity))
}

.text-\[\#93D500\] {
    color: rgb(147 213 0/var(--tw-text-opacity))
}

.text-\[\#999999\] {
    color: rgb(153 153 153/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-black,
.hover\:text-black:hover,
.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-brand-color {
    color: rgb(161 211 65/var(--tw-text-opacity))
}

.text-gray-100 {
    color: rgb(243 244 246/var(--tw-text-opacity))
}

.text-gray-200 {
    color: rgb(229 231 235/var(--tw-text-opacity))
}

.text-gray-500 {
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-gray-600 {
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.text-gray-700 {
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.text-gray-800 {
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.text-gray-900 {
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.text-green-800 {
    color: rgb(22 101 52/var(--tw-text-opacity))
}

.text-red-600 {
    color: rgb(220 38 38/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

.hover\:text-white:hover,
.text-white {
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.text-iyisee-blue {
    color: var(--iyisee-blue);
}

.placeholder-\[\#03014C\]\/60::-webkit-input-placeholder {
    color: rgba(3, 1, 76, .6)
}

.placeholder-\[\#03014C\]\/60::placeholder {
    color: rgba(3, 1, 76, .6)
}

.opacity-0,
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.group:hover .group-hover\:opacity-100,
.opacity-100 {
    opacity: 1
}

.opacity-30 {
    opacity: .3
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow,
.shadow-2xl {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-lg:hover,
.shadow-xl {
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-black\/10 {
    --tw-shadow-color: rgba(0, 0, 0, .1);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-gray-500\/30 {
    --tw-shadow-color: hsla(220, 9%, 46%, .3);
    --tw-shadow: var(--tw-shadow-colored)
}

.outline-none {
    outline: transparent solid 2px;
    outline-offset: 2px
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.brightness-0,
.drop-shadow,
.drop-shadow-2xl,
.drop-shadow-xl,
.filter,
.grayscale,
.invert {
    -webkit-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);
    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)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}

.drop-shadow-2xl {
    --tw-drop-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, .15))
}

.drop-shadow-xl {
    --tw-drop-shadow: drop-shadow(0 20px 13px rgba(0, 0, 0, .03)) drop-shadow(0 8px 5px rgba(0, 0, 0, .08))
}

.grayscale {
    --tw-grayscale: grayscale(100%)
}

.invert {
    --tw-invert: invert(100%)
}

.backdrop-blur {
    --tw-backdrop-blur: blur(8px)
}

.backdrop-blur,
.backdrop-blur-xl {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px)
}

.transition-all {
    transition-property: all
}

.swiper-slide,
.swiper-wrapper,
.transition-transform,
swiper-slide {
    transition-property: transform, -webkit-transform
}

.delay-75 {
    transition-delay: 75ms
}

.duration-200 {
    transition-duration: .2s
}

.duration-500 {
    transition-duration: .5s
}

@media (min-width:1800px) {

    .zoom-none,
    body {
        zoom: 100%
    }
}

.hover\:scale-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:bg-\[\#939393\]\/10:hover {
    background-color: hsla(0, 0%, 58%, .1)
}

.hover\:bg-\[\#A0D341\]\/50:hover {
    background-color: rgba(160, 211, 65, .5)
}

.hover\:text-\[\#333\]:hover {
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:grayscale-0:hover {
    --tw-grayscale: grayscale(0);
    -webkit-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);
    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)
}

.focus\:ring-4:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-\[\#A0D341\]:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(160 211 65/var(--tw-ring-opacity))
}

.active\:cursor-grabbing:active {
    cursor: grabbing
}

.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:fill-black {
    fill: #000
}

@media (prefers-color-scheme:dark) {
    .dark\:text-gray-600 {
        --tw-text-opacity: 1;
        color: rgb(75 85 99/var(--tw-text-opacity))
    }
}

@media (min-width:640px) {
    .sm\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

@media (min-width:768px) {
    .md\:absolute {
        position: absolute
    }

    .md\:-bottom-\[20\%\] {
        bottom: -20%
    }

    .md\:bottom-16 {
        bottom: 4rem
    }

    .md\:mt-10 {
        margin-top: 2.5rem
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:aspect-auto {
        aspect-ratio: auto
    }

    .md\:max-h-\[500px\] {
        max-height: 500px
    }

    .md\:w-1\/2,
    .md\:w-2\/4 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:w-fit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .md\:max-w-md {
        max-width: 28rem
    }

    .md\:-translate-x-1\/3 {
        --tw-translate-x: -33.333333%
    }

    .md\:-translate-x-1\/3,
    .md\:-translate-y-48,
    .md\:-translate-y-96,
    .md\:-translate-y-\[25\%\],
    .md\:scale-100,
    .md\:translate-x-\[75\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:-translate-y-48 {
        --tw-translate-y: -12rem
    }

    .md\:-translate-y-96 {
        --tw-translate-y: -24rem
    }

    .md\:-translate-y-\[25\%\] {
        --tw-translate-y: -25%
    }

    .md\:translate-x-\[75\%\] {
        --tw-translate-x: 75%
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1
    }

    .md\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:gap-8 {
        gap: 2rem
    }

    .md\:rounded-r-none {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .md\:bg-center {
        background-position: 50%
    }

    .md\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:py-0 {
        padding-bottom: 0;
        padding-top: 0
    }

    .md\:pb-16 {
        padding-bottom: 4rem
    }

    .md\:pb-24 {
        padding-bottom: 6rem
    }

    .md\:pt-36 {
        padding-top: 9rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:opacity-100 {
        opacity: 1
    }
}

@media (min-width:1024px) {
    .lg\:top-\[15\%\] {
        top: 15%
    }

    .lg\:block {
        display: block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-1\/3 {
        width: 33.333333%
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:py-36 {
        padding-bottom: 9rem;
        padding-top: 9rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .lg\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .lg\:text-\[24px\] {
        font-size: 24px
    }

    .lg\:text-\[60px\] {
        font-size: 60px
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:pr-4 {
        padding-right: 4rem;
    }
}

@media (min-width:1280px) {
    .xl\:bottom-0 {
        bottom: 0
    }

    .xl\:col-span-1 {
        grid-column: span 1/span 1
    }

    .xl\:col-span-2 {
        grid-column: span 2/span 2
    }

    .xl\:mb-0 {
        margin-bottom: 0
    }

    .xl\:block {
        display: block
    }

    .xl\:hidden {
        display: none
    }

    .xl\:h-\[658px\] {
        height: 658px
    }

    .xl\:min-h-full {
        min-height: 100%
    }

    .xl\:-translate-y-56 {
        --tw-translate-y: -14rem
    }

    .xl\:-translate-y-56,
    .xl\:translate-x-\[50\%\] {
        -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }

    .xl\:translate-x-\[50\%\] {
        --tw-translate-x: 50%
    }

    .xl\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .xl\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .xl\:items-start {
        align-items: flex-start
    }

    .xl\:items-end {
        align-items: flex-end
    }

    .xl\:justify-start {
        justify-content: flex-start
    }

    .xl\:gap-16 {
        gap: 4rem
    }

    .xl\:overflow-visible {
        overflow: visible
    }

    .xl\:bg-center {
        background-position: 50%
    }

    .xl\:px-48 {
        padding-left: 12rem;
        padding-right: 12rem
    }

    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .xl\:text-start {
        text-align: start
    }
}

@media (min-width:1928px) {
    .\33xl\:bg-cover {
        background-size: cover
    }
}

.PhoneInput {
    align-items: center;
    display: flex
}

.PhoneInputInput {
    flex: 1 1;
    min-width: 0
}

.PhoneInputCountryIcon {
    @apply !important;
    height: 1em;
    height: var(--PhoneInputCountryFlag-height);
    width: 1.5em;
    width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio))
}

.PhoneInputCountryIcon--square {
    width: 1em;
    width: var(--PhoneInputCountryFlag-height)
}

.PhoneInputCountryIcon--border {
    background-color: rgba(0, 0, 0, .1);
    background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)
}

.PhoneInputCountryIconImg {
    display: block;
    height: 100%;
    width: 100%
}

.PhoneInputInternationalIconPhone {
    opacity: .8;
    opacity: var(--PhoneInputInternationalIconPhone-opacity)
}

.PhoneInputInternationalIconGlobe {
    opacity: .65;
    opacity: var(--PhoneInputInternationalIconGlobe-opacity)
}

.PhoneInputCountry {
    align-items: center;
    align-self: stretch;
    display: flex;
    margin-right: .35em;
    margin-right: var(--PhoneInputCountrySelect-marginRight);
    position: relative
}

.PhoneInputCountrySelect {
    border: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.PhoneInputCountrySelectArrow {
    border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    border-color: currentColor;
    border-color: var(--PhoneInputCountrySelectArrow-color);
    border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
    border-style: solid;
    border-width: 0 1px 1px 0;
    content: "";
    display: block;
    height: .3em;
    height: var(--PhoneInputCountrySelectArrow-width);
    margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
    opacity: .45;
    opacity: var(--PhoneInputCountrySelectArrow-opacity);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: var(--PhoneInputCountrySelectArrow-transform);
    transform: var(--PhoneInputCountrySelectArrow-transform);
    width: .3em;
    width: var(--PhoneInputCountrySelectArrow-width)
}

.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow {
    color: #03b2cb;
    color: var(--PhoneInputCountrySelectArrow-color--focus);
    opacity: 1
}

.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border {
    box-shadow: 0 0 0 1px #03b2cb, inset 0 0 0 1px #03b2cb;
    box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus), inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)
}

.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
    color: #03b2cb;
    color: var(--PhoneInputCountrySelectArrow-color--focus);
    opacity: 1
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

.swiper,
swiper-container {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-wrapper {
    box-sizing: initial;
    display: flex;
    height: 100%;
    position: relative;
    transition-timing-function: ease;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 100%
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-lazy-preloader {
    border: 4px solid #007aff;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: 1s linear infinite swiper-preloader-spin;
    animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-theme-color);
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
    position: absolute;
    top: 50%;
    top: var(--swiper-navigation-top-offset, 50%);
    width: 27px;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev,
.swiper-pagination-bullet:only-child,
.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px;
    right: var(--swiper-navigation-sides-offset, 10px)
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.collapse:not(.show),
.swiper-button-lock,
.swiper-pagination-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 8px;
    bottom: var(--swiper-pagination-bottom, 8px);
    left: 0;
    top: auto;
    top: var(--swiper-pagination-top, auto);
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    display: inline-block;
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-bullet-active {
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    left: auto;
    left: var(--swiper-pagination-left, auto);
    right: 8px;
    right: var(--swiper-pagination-right, 8px);
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-fraction {
    color: inherit;
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-theme-color);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px;
    width: var(--swiper-pagination-progressbar-size, 4px)
}

.btn-close {
    padding: .25em;
    margin: -.5rem -.5rem -.5rem auto;
    z-index: 999999;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    color: #000;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.modal,
.swal2-container {
    z-index: 1060;
    overflow-x: hidden;
    left: 0;
    top: 0
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    outline: 0;
    display: none;
    background-color: rgba(0, 0, 0, .45)
}

.modal-dialog {
    align-items: center;
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px)
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0
}

.swal2-popup,
.swal2-popup.swal2-toast {
    background: #fff;
    box-sizing: border-box
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

@media (max-width:575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width:1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s
}

@media (prefers-reduced-motion:reduce) {

    .collapsing,
    .modal.fade .modal-dialog {
        transition: none
    }
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

@media (min-width:576px) {
    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
}

@media (min-width:992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
}

@media (min-width:1200px) {
    .modal-xl {
        max-width: 1140px
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
}

@media (min-width:1400px) {
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.swal2-popup.swal2-toast {
    grid-column: 1/4 !important;
    grid-row: 1/4 !important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, .075), 0 1px 2px rgba(0, 0, 0, .075), 1px 2px 4px rgba(0, 0, 0, .075), 1px 3px 8px rgba(0, 0, 0, .075), 2px 4px 16px rgba(0, 0, 0, .075);
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: .5em 1em;
    padding: 0;
    overflow: initial;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring,
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: .5em 0 0;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: .75s swal2-toast-animate-success-line-tip
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: .75s swal2-toast-animate-success-line-long
}

.swal2-popup.swal2-toast.swal2-show {
    animation: .5s swal2-toast-show
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: .1s forwards swal2-toast-hide
}

.swal2-container {
    display: grid;
    position: fixed;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
    height: 100%;
    padding: .625em;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

.swal2-popup,
.swal2-title {
    position: relative;
    max-width: 100%
}

.swal2-container.swal2-backdrop-show,
.swal2-container.swal2-noanimation {
    background: rgba(0, 0, 0, .4)
}

.swal2-container.swal2-backdrop-hide {
    background: rgba(0, 0, 0, 0) !important
}

.swal2-container.swal2-bottom-start,
.swal2-container.swal2-center-start,
.swal2-container.swal2-top-start {
    grid-template-columns: minmax(0, 1fr) auto auto
}

.swal2-container.swal2-bottom,
.swal2-container.swal2-center,
.swal2-container.swal2-top {
    grid-template-columns: auto minmax(0, 1fr) auto
}

.swal2-container.swal2-bottom-end,
.swal2-container.swal2-center-end,
.swal2-container.swal2-top-end {
    grid-template-columns: auto auto minmax(0, 1fr)
}

.swal2-container.swal2-top-start>.swal2-popup {
    align-self: start
}

.swal2-container.swal2-top>.swal2-popup {
    grid-column: 2;
    align-self: start;
    justify-self: center
}

.swal2-container.swal2-top-end>.swal2-popup,
.swal2-container.swal2-top-right>.swal2-popup {
    grid-column: 3;
    align-self: start;
    justify-self: end
}

.swal2-container.swal2-center-left>.swal2-popup,
.swal2-container.swal2-center-start>.swal2-popup {
    grid-row: 2;
    align-self: center
}

.swal2-container.swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center
}

.swal2-container.swal2-center-end>.swal2-popup,
.swal2-container.swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    align-self: center;
    justify-self: end
}

.swal2-container.swal2-bottom-left>.swal2-popup,
.swal2-container.swal2-bottom-start>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

.swal2-container.swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    justify-self: center;
    align-self: end
}

.swal2-container.swal2-bottom-end>.swal2-popup,
.swal2-container.swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    align-self: end;
    justify-self: end
}

.swal2-container.swal2-grow-fullscreen>.swal2-popup,
.swal2-container.swal2-grow-row>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

.swal2-container.swal2-grow-column>.swal2-popup,
.swal2-container.swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

.swal2-container.swal2-no-transition {
    transition: none !important
}

.swal2-popup {
    display: none;
    grid-template-columns: minmax(0, 100%);
    width: 32em;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    color: #545454;
    font-family: inherit;
    font-size: 1rem
}

.swal2-popup:focus,
.swal2-styled:focus {
    outline: 0
}

.swal2-title {
    margin: 0;
    padding: .8em 1em 0;
    color: inherit;
    font-size: 1.875em;
    text-align: center;
    word-wrap: break-word
}

.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1))
}

.swal2-actions:not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2))
}

.swal2-loader {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    animation: 1.5s linear infinite swal2-rotate-loading;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 transparent
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px transparent;
    font-weight: 500
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: #7066e0;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(112, 102, 224, .5)
}

.swal2-styled.swal2-deny {
    border: 0;
    border-radius: .25em;
    background: #dc3741;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-deny:focus {
    box-shadow: 0 0 0 3px rgba(220, 55, 65, .5)
}

.swal2-styled.swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: #6e7881;
    color: #fff;
    font-size: 1em
}

.swal2-styled.swal2-cancel:focus {
    box-shadow: 0 0 0 3px rgba(110, 120, 129, .5)
}

.swal2-styled.swal2-default-outline:focus {
    box-shadow: 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-styled::-moz-focus-inner {
    border: 0
}

.swal2-footer {
    justify-content: center;
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em
}

.swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto !important;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

.swal2-timer-progress-bar {
    width: 100%;
    height: .25em;
    background: rgba(0, 0, 0, .2)
}

.swal2-image {
    max-width: 100%;
    margin: 2em auto 1em
}

.swal2-close {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s, box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0);
    color: #ccc;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

.swal2-close:hover {
    transform: none;
    background: rgba(0, 0, 0, 0);
    color: #f27474
}

.swal2-close:focus {
    outline: 0;
    box-shadow: inset 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-close::-moz-focus-inner {
    border: 0
}

.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-range,
.swal2-select,
.swal2-textarea {
    margin: 1em 2em 3px
}

.swal2-file,
.swal2-input,
.swal2-textarea {
    box-sizing: border-box;
    width: auto;
    transition: border-color .1s, box-shadow .1s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px transparent;
    color: inherit;
    font-size: 1.125em
}

.swal2-file.swal2-inputerror,
.swal2-input.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
    border-color: #f27474 !important;
    box-shadow: 0 0 2px #f27474 !important
}

.swal2-file:focus,
.swal2-input:focus,
.swal2-textarea:focus {
    border: 1px solid #b4dbed;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06), 0 0 0 3px rgba(100, 150, 200, .5)
}

.swal2-file::placeholder,
.swal2-input::placeholder,
.swal2-textarea::placeholder {
    color: #ccc
}

.swal2-range {
    background: #fff
}

.swal2-file,
.swal2-select {
    background: rgba(0, 0, 0, 0);
    font-size: 1.125em
}

.swal2-range input,
.wx-bar4 {
    width: 80%
}

.swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

.swal2-range input,
.swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

.swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

.swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    color: inherit
}

.swal2-checkbox,
.swal2-radio {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

.swal2-checkbox label,
.swal2-radio label {
    margin: 0 .6em;
    font-size: 1.125em
}

.swal2-checkbox input,
.swal2-radio input {
    flex-shrink: 0;
    margin: 0 .4em
}

.swal2-input-label {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

.swal2-validation-message {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

.swal2-validation-message::before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: .25em solid #000;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none
}

.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

.swal2-icon.swal2-error {
    border-color: #f27474;
    color: #f27474
}

.swal2-icon.swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-error.swal2-icon-show,
.swal2-icon.swal2-info.swal2-icon-show,
.swal2-icon.swal2-question.swal2-icon-show,
.swal2-icon.swal2-warning.swal2-icon-show {
    animation: .5s swal2-animate-error-icon
}

.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
    animation: .5s swal2-animate-error-x-mark
}

.swal2-icon.swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: .5s swal2-animate-i-mark
}

.swal2-icon.swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
    animation: .8s swal2-animate-i-mark
}

.swal2-icon.swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
    animation: .8s swal2-animate-question-mark
}

.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165, 220, 134, .3);
    border-radius: 50%
}

.swal2-icon.swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: .75s swal2-animate-success-line-tip
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: .75s swal2-animate-success-line-long
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: 4.25s ease-in swal2-rotate-success-circular-line
}

.swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: rgba(0, 0, 0, 0);
    font-weight: 600
}

.compaignsList,
.sub-menu {
    padding-left: 20px
}

.swal2-progress-steps li {
    display: inline-block;
    position: relative
}

.swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #add8e6;
    color: #fff
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #add8e6
}

.swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    animation: .3s swal2-show
}

.swal2-hide {
    animation: .15s forwards swal2-hide
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {

    0%,
    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {

    0%,
    5% {
        transform: rotate(-45deg)
    }

    100%,
    12% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {

    0%,
    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    100% {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotateZ(45deg);
        opacity: 0
    }

    25% {
        transform: rotateZ(-25deg);
        opacity: .4
    }

    50% {
        transform: rotateZ(15deg);
        opacity: .8
    }

    75% {
        transform: rotateZ(-5deg);
        opacity: 1
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-container {
    background-color: rgba(0, 0, 0, 0) !important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static !important
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: rgba(0, 0, 0, 0);
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,
body.swal2-toast-shown .swal2-container.swal2-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

body.swal2-toast-shown .swal2-container.swal2-top-left,
body.swal2-toast-shown .swal2-container.swal2-top-start {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-center-left,
body.swal2-toast-shown .swal2-container.swal2-center-start {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,
body.swal2-toast-shown .swal2-container.swal2-center-right {
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-left,
body.swal2-toast-shown .swal2-container.swal2-bottom-start {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,
body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

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

.cookieNotice.show .contentWrap {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.cookieNotice .contentWrap {
    position: fixed;
    bottom: 30px;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background-color: #f4f7f8;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .12);
    border: 1px solid rgba(0, 0, 0, .12);
    display: none
}

.colorPrimary,
.cookieNotice .contentWrap .content a {
    color: var(--primary-color)
}

.cookieNotice .contentWrap .content a:hover {
    text-decoration: underline
}

.cookieNotice .modal-dialog.modal-dialog-centered {
    max-width: 500px;
    margin-inline: auto
}

.cookieNotice .btn-close {
    position: absolute;
    right: 30px;
    top: 30px
}

.cookieNotice .modal-content {
    padding: 20px;
    border-radius: 4px
}

.cookieNotice .modal-footer {
    text-align: right;
    border-top: 1px solid #eee;
    padding-top: 20px
}

.cookieNotice .modal-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px
}

.cookieNotice .bg-primary {
    font-size: 1.2rem;
    padding: 5px 15px;
    color: #fff;
    border-radius: 4px;
    transition: opacity .3s
}

.cookieNotice .bg-primary:hover {
    opacity: .9
}

.cookieNotice .modal-title {
    font-size: 1.2rem
}

.cookieNotice .content {
    max-width: 992px;
    text-align: center
}

.bg-brand-color-2,
.bg-brand-color-2+.bg-brand-color {
    background-color: var(--secondary-color)
}

.top-\[35\%\] {
    top: 35%
}

.fix-transform-logos {
    --tw-translate-y: -5rem
}

@media only screen and (max-width:1280px) {
    .fix-transform-logos {
        --tw-translate-y: -8rem
    }
}

@media only screen and (max-width:768px) {
    .fix-transform-logos {
        --tw-translate-y: -2rem
    }
}

.fix-svg-green::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 5px;
    border-radius: 50%;
    background: var(--green-color);
    z-index: -1
}

@media only screen and (max-width:1550px) and (min-width:480px) {
    .fix-padding-inline {
        padding-inline: 30px
    }
}

.ofc {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.product-menu {
    width: 300px
}

.product-menu-image:after {
    width: 30px
}

.about-menu-image:after,
.gm-menu-image:after {
    width: 50px
}

.menu-item-image {
    position: relative;
    max-height: 520px
}

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

    .bg-gradient-to-tl,
    .bg-help-center-hero-section-banner-image,
    .bg-hero-section-banner-image1,
    .bg-hero-section-banner-image2,
    .bg-hero-section-banner-image3,
    .bg-hero-section-banner-image4,
    .bg-integration-hero-section-banner-image,
    .bg-more-details-hero-section-image,
    .contact .bg-gradient-to-tl {
        background-size: cover
    }

    .menu-item-image {
        display: flex;
        justify-content: flex-end
    }
}

.menu-item-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
    bottom: 0
}

.text-\[\#333\] {
    color: #444
}

.content-margin-top {
    margin-top: -45px
}

.fzypaySupport .backdrop-blur-xl {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px)
}

.fzypaySupport .backdrop-blur-xl img {
    max-height: 60px
}

.fzypaySupport .supportGridList {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    width: 100%
}
.fzypaySupport .text-6xl {
    line-height: 1.5;
}

@media only screen and (max-width:1640px) {
    .fzypaySupport .grid.gap-8 {
        gap: 2rem
    }
}

@media only screen and (max-width:1450px) {
    .fzypaySupport {
        height: 100%;
        min-height: 800px
    }
}

.UserFriendly img {
    max-height: 50px
}

.brightness-0 {
    --tw-brightness: brightness(0);
    filter: brightness(0)
}

@media only screen and (max-width:1536px) {
    .bg-campaigns-women-bg-image.bg-right {
        background-position: 40% center;
        background-repeat: no-repeat
    }
}

.backToTop,
.gradientColor,
.gradientFooterIcons .aspect-square {
    background: var(--linear-icons)
}

.compaignsList {
    list-style-type: disc
}

#basvuru.gradientColor {
    font-weight: 600;
    font-size: 1rem
}

.footerLogoLinks {
    display: flex;
    gap: 10px;
    max-width: 500px
}

.footerLogoLinks img {
    object-fit: cover;
    max-height: 67px;
    width: auto
}

.brightness-invert {
    filter: brightness(0) invert(1)
}

.wx-bar1 {
    width: 20%
}

.wx-bar2 {
    width: 40%
}

.wx-bar3 {
    width: 60%
}

.wy-bar1 {
    width: 33%
}

.wy-bar2 {
    width: 66%
}

.fixedCollapsIcon .bg-primary img {
    max-height: 32px
}

.fixedCollapsIcon [aria-controls*=collapseExample] {
    position: relative;
    display: flex;
    align-items: center;
    user-select: none;
    min-height: 50px
}

.fixedCollapsIcon .relative.right-0 {
    min-height: 40px;
    display: flex;
    align-items: center
}

.fixedCollapsIcon [aria-expanded=true]:after {
    transform: rotate(90deg)
}

.fixedCollapsIcon [aria-controls*=collapseExample]:after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-flex;
    margin-top: 2px;
    margin-left: 10px;
    background: url(../../static/media/collapse-arrow.svg) center no-repeat;
    transition: .3s
}

.ofcMaxHeight {
    max-height: 480px;
    width: auto
}

#sanalpossection {
    scroll-margin: 30px
}

.gradientIcons .bg-gray-100 {
    background: rgba(0, 0, 0, .3);
    color: #fff
}

.bgDark a.flex {
    background-color: rgba(255, 255, 255, .50);
    border: 4px var(--iyisee-blue) solid;
}

body[data-useragent=Firefox] .product-menu-image {
    width: 558px
}

.marqueGrid {
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 30px;
    min-height: 100px
}

.marqueGrid img {
    max-height: 60px;
    width: auto
}

.backToTop {
    position: fixed;
    right: 35px;
    cursor: pointer;
    bottom: calc(50% - 45vh);
    opacity: 0;
    transition: .3s;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 99
}

.backToTop.active {
    opacity: 1;
    visibility: visible;
    bottom: calc(50% - 40vh)
}

.backToTop svg {
    position: relative;
    top: 0;
    transform: rotate(-90deg);
    transition: top .2s
}

.backToTop:hover svg {
    top: -2px;
    transform: rotate(-90deg)
}

.ant-modal-content .from-brand-color {
    background: url(../../static/media/hizlibasvur_popup.png) center/cover no-repeat;
    background-color: var(--iyisee-dark);
    max-height: 608px;
}

@media only screen and (min-width:768px) {
    .ant-modal-content .md\:w-2\/4 {
        width: 55%
    }
}

.singleContent td,
.singleContent th {
    border: 1px solid #ddd
}

.singleContent th {
    min-width: 20%;
    padding: 40px 20px
}

.singleContent td {
    padding: 20px
}

@media only screen and (max-width:480px) {

    .swiper-button-next,
    .swiper-button-prev {
        display: none
    }

    .cookieNotice .contentWrap {
        bottom: 0
    }

    .backToTop {
        right: 5px;
        width: 40px;
        height: 40px
    }

    .backToTop.active {
        bottom: calc(50% - 34vh)
    }

    .fixed.bottom-16.md\:bottom-16.xl\:bottom-0.right-0.z-50.m-\[2rem\] {
        margin: 1.5rem 1rem
    }

    .swiper .h-\[950px\] {
        height: 570px
    }

    .footer .text-xl,
    .sectionContactSupport .text-4xl,
    .sectionJustForYou .text-2xl,
    .sectionJustForYou .text-3xl,
    .swiper .text-2xl,
    .swiper .text-5xl,
    .swiper .text-xl {
        line-height: 140% !important
    }

    .swiper .text-5xl {
        font-size: 2rem
    }

    .footer .text-xl,
    .sectionContactSupport .text-xl,
    .swiper .text-xl {
        font-size: 1rem
    }

    .swiper-button-next svg,
    .swiper-button-prev svg {
        width: 50% !important
    }

    .sectionJustForYou .content-margin-top {
        margin-top: -10px
    }

    .sectionJustForYou .text-3xl {
        font-size: 1.5rem
    }

    .sectionJustForYou .text-2xl {
        font-size: 1.2rem
    }

    .sectionLogos .container {
        padding: 15px
    }

    .fixedCollapsIcon [aria-expanded] {
        min-width: 215px
    }

    .fzypaySupport .text-6xl {
        font-size: 2.75rem
    }
    .fzypaySupport .text-6xl img.h-16 {
        height: 3rem;
    }

    .fzypaySupport .text-\[30px\] {
        font-size: 20px
    }

    .sectionContactSupport .text-4xl {
        font-size: 1.4rem
    }

    .footerAdress svg.rounded-xl {
        margin-left: 30px
    }

    .copyRight .gradientColor {
        font-size: 1rem;
        padding: 5px 15px
    }

    .copyRight .fixed.bottom-16.md\:bottom-16.xl\:bottom-0.right-0.z-50.m-\[2rem\] {
        margin: 22px 5px
    }

    .pageAbout .pb-56 {
        padding-bottom: 4rem
    }
}

@media only screen and (max-height:850px) {
    .backToTop {
        bottom: calc(50% - 40vh)
    }

    .backToTop.active {
        bottom: calc(50% - 35vh)
    }
}

.swiper-button-next,
.swiper-button-prev {
    --swiper-navigation-color: #fff
}

img {
    width: auto
}

.swiper-slide .lazyload,
.swiper-slide .lazyloading {
    background-color: #f7f7f7
}

@media only screen and (min-width:1280px) {
    .bg-hero-section-banner-image4 .flex.flex-col.items-end.justify-between.h-full.gap-16.px-4.text-center {
        max-width: calc(100% - 140px)
    }
}

:root {
    --font-primary: 'Avenir Next';
    --black-color: #111;
    --blog-bg: linear-gradient(to right, #575757, #222)
}

.blogIndex {
    padding: 30px 0 0
}

.blogIndex .container {
    max-width: 1200px;
    width: 100%;
    margin-inline: auto;
    padding: 0 30px
}

.blogIndex .pagination {
    padding: 50px 0
}

.blogIndex .pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center
}

.blogIndex .pagination ul.page-numbers {
    gap: 10px
}

.blogIndex .pagination ul.page-numbers li .page-numbers {
    color: #fff;
    width: 44px;
    height: 44px;
    background-color: var(--primary-color);
    border-radius: 3px
}

.blogIndex .pagination ul.page-numbers li a.page-numbers {
    background-color: var(--black-color);
    transition: all .3s ease
}

.blogIndex .pagination ul.page-numbers li a.page-numbers:hover {
    background-color: var(--primary-color)
}

.blogIndex .pagination li a.next.page-numbers,
.blogIndex .pagination li a.prev.page-numbers {
    display: none
}

ul.blogList {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 2rem
}

ul.blogList li {
    box-shadow: 0 8px 25px rgba(0, 0, 0, .1);
    border-radius: 10px
}

ul.blogList li p {
    font-size: clamp(.8rem, 3vw, 1rem);
    line-height: 160%
}

ul.blogList li .title {
    font-size: clamp(1rem, 4vw, 1.5rem);
    padding: 0 0 15px;
    font-weight: 600;
    line-height: 140%
}

ul.blogList li .postThumb {
    position: relative
}

ul.blogList li .postThumb a {
    display: flex;
    overflow: hidden;
    border-radius: 10px
}

ul.blogList li .postThumb a img {
    transition: all .5s ease;
    max-height: 280px;
    width: 100%;
    object-fit: cover;
    object-position: top center
}

ul.blogList li .postThumb .category {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1
}

ul.blogList li .postThumb .category {
    padding: 5px 15px;
    background-color: var(--iyisee-blue);
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    transition: all .3s ease
}

ul.blogList li .content {
    padding: 30px
}

ul.blogList li .content .title a {
    transition: all .3s ease;
    color:var(--iyisee-blue);
}

ul.blogList li:hover .postThumb a img {
    transform: scale(1.05)
}

ul.blogList li:hover .content .title a {
    color: var(--iyisee-blue);
}

.blogIndex a.gradientColor {
    color: #fff;
    padding: 10px 40px;
    display: inline-flex;
    border-radius: .5rem;
    margin-top: 25px;
    font-family: inherit;
    font-size: clamp(.85rem, 3vw, 1rem);
    font-weight: 500;
    transition: all .2s ease
}

.blogIndex a.gradientColor:hover {
    transform: scale(1.02)
}

.blogBg {
    font-size: clamp(2rem, 4vw, 4rem);
    font-weight: 700;
    color: #fff;
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 2
}

.blogBg:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .65);
    z-index: -1
}

.blogBg .title {
    font-size: clamp(1.7rem, 4vw, 2.5rem);
    margin-top: 50px;
    text-align: center
}

.blogBg[data-bgset=""]::before {
    background: var(--blog-bg)
}

.blogIndex ul.blogList li.deactivated a.gradientColor,
ul.blogList li.deactivated .postThumb a img {
    filter: grayscale(100%)
}

ul.blogList li.deactivated .category {
    background-color: var(--black-color)
}

#campaignpage .container.py-8.mx-auto.text-xl {
    padding: 0
}

@media only screen and (max-width:1024px) {
    ul.blogList li .postThumb a img {
        width: 100%;
        object-fit: cover;
        height: 204px
    }

    .blogIndex {
        padding: 80px 0 0
    }
}

@media only screen and (max-width:768px) {
    ul.blogList {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }
}

@media only screen and (max-width:650px) {
    ul.blogList {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .blogIndex a.gradientColor {
        padding: 5px 20px
    }

    .campaigns .bg-campaigns-bg-image.py-24 {
        padding-top: 0;
        padding-bottom: 4rem
    }

    .campaigns .bg-campaigns-women-bg-image.bg-right .w-full {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

.breadcrubs {
    --marginBottom: 80px;
    --marginTop: -30px;
    background-color: #fff;
    margin-inline: auto;
    border-radius: 10px;
    margin-top: var(--marginTop);
    margin-bottom: var(--marginBottom);
    display: none
}

.breadcrubs.full {
    max-width: calc(100% - 2rem)
}

.breadcrubs ul {
    display: flex;
    align-items: center;
    padding: 0 2rem;
    gap: 1rem;
}

.breadcrubs ul li:not(:last-child):after {
    content: "»";
    font-size: 40px;
    line-height: 0;
    font-weight: 400;
}
.breadcrubs ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: 700;
}
.breadcrubs ul li a {
    display: inline-flex;
    padding: 0.5rem 1rem;
}
.breadcrubs ul li.link span {
    display: inline-flex;
    padding: 1rem 0;
}
.breadcrubs ul li img {
    height: 60px;
}

.breadcrubs ul li a:hover {
    text-decoration: underline
}

.aboutUs .breadcrubs {
    --marginBottom: 50px
}

.campaigns .breadcrubs,
.contact .breadcrubs {
    --marginBottom: 20px;
    --marginTop: 0
}

.campaigns .breadcrubs {
    width: calc(100% - 1.5rem);
    margin-inline: revert
}

.faq .breadcrubs {
    --marginBottom: 155px;
    --marginTop: -80px
}

.contracts .breadcrubs {
    --marginBottom: 40px;
    --marginTop: -130px
}

.relative.z-50.hidden.grid-cols-2.bg-white.rounded-xl.w-fit.group-hover\:grid {
    box-shadow: 0 10px 20px #11111138
}

@media only screen and (min-width:1280px) {
    .breadcrubs {
        display: block
    }
}

.captchaCode {
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0;
    margin-bottom: 18px
}

.captchaCode canvas {
    margin-right: 20px;
    border-radius: 8px;
    background: repeating-linear-gradient(45deg, transparent 0 5px, #e1e1e1 7px 5px)
}

.captchaCode input#captchaInput {
    margin: 0;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding-inline: 1rem
}

.headerApp {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 30px;
    background: #fff;
}

.headerApp .appButton a {
    font-size: 16px;
    background-color: var(--iyisee-dark);
    color: var(--iyisee-blue);
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: 2px solid var(--iyisee-blue);
    height: 40px;
    font-weight: 500;
}

.fixedMenu {
    position: absolute;
    top: 100px
}

.fixedMenu.active {
    position: fixed;
    top: 0
}

.sectionMobileApp {}

.sectionMobileApp .appBg {
    position: relative;
    background-repeat: no-repeat;
    background-position: center
}

.sectionMobileApp .appBg .qr {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.sectionMobileApp .appBg .qrImage {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .5rem;
    flex-direction: column;
}

.sectionMobileApp .appBg .qrImage a {
    display: block;
}

.sectionMobileApp .appBg .qrImage a img {
    display:block;
    max-width: 300px;
}

.sectionMobileApp .appBg .title {
    font-size: clamp(1.8rem, 4vw, 2.5rem);
    color: #fff
}

.isMobile.app,
.isMobileArticle .breadcrubsX {
    display: none
}

@media (min-width:1928px) {
    .sectionMobileApp .container {
        max-width: 1536px
    }
}

@media only screen and (min-width:1536px) {
    .sectionMobileApp .appBg .qr {
        margin-right: 50px
    }
}

@media only screen and (min-width:1024px) {
    .sectionMobileApp .appBg {
        height: 525px
    }

    .sectionMobileApp .appBg .qr {
        max-width: 40%
    }

    .sectionMobileApp .appBg img.phone {
        position: absolute;
        left: 10%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 550px;
        animation: MoveUpDown 5s linear infinite;
    }
    @keyframes MoveUpDown {
        0% {
            top: 50%;
        }
        25% {
            top: 47%;
        }
        50% {
            top: 45%;
        }
        75% {
            top: 47%;
        }
    }

    .sectionMobileApp .appBg .qrImage {
        max-width: clamp(400px, 37vw, 520px)
    }

    .sectionMobileApp .appBg .title {
        letter-spacing: -3px;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:600px) {
    .sectionMobileApp .appBg {
        border-radius: 1.5rem
    }
}

@media only screen and (max-width:1536px) {
    .sectionMobileApp .appBg img.phone {
        max-width: 450px;
    }
}

@media only screen and (max-width:1280px) {
    .sectionMobileApp .appBg img.phone {
        max-width: 350px;
        left:55%;

    }

    .backToTop {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .sectionMobileApp .appBg img.phone {
        left: 0;
        max-width: 90%;
    }

    .sectionMobileApp .appBg {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-size: cover;
        gap: 2rem;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .sectionMobileApp .appBg .qr {
        padding: 3rem 0 20px
    }
    .sectionMobileApp .appSocial img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width:992px) {

    .singlePost .isMobile,
    .singlePost article.post .breadcrubsX {
        display: none
    }
}

@media only screen and (max-width:600px) {

    .sectionMobileApp,
    .sectionMobileApp .container {
        padding-inline: 0
    }

    .sectionMobileApp .appBg .qrImage {
        flex-direction: column
    }

    .sectionMobileApp .appBg .title {
        text-align: center;
        line-height: 110%;
        margin-bottom: 30px
    }

    .sectionMobileApp .appBg .title span {
        display: block
    }
}

.contentItem {
    align-self: flex-end;
    position: relative;
    top: 2rem
}

.contentItem img {
    width: auto;
    margin-inline: auto
}

.contentItem .content {
    max-width: 85%;
    margin-inline: auto;
    opacity: 0;
    position: absolute
}

.contentItem .content.active {
    position: relative;
    opacity: 1;
    margin-top: 3rem
}

.contentItem .content .title {
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 140%;
    margin-bottom: 1rem
}

.contentItem .content ul {
    margin-bottom: 1rem;
    padding-left: 0;
}
.contentItem .content ul li {
    display: flex;
    gap: 5px;
}
.contentItem .content ul li span:first-child {
    font-weight: 700;
}

@media only screen and (min-width:1280px) {
    .contentItem img {
        position: relative;
    }

    .contentItem .content {
        top: 0
    }

    .contentItem .content.active {
        top: 3rem;
        transition: all .3s ease
    }
}

@media only screen and (max-width:1280px) {
    #placewallet .max-h-\[500px\].w-fit.col-span-1 {
        max-height: 100%
    }

    .contentItem .content:last-child {
        padding-bottom: 5rem
    }
}

@media only screen and (max-width:480px) {
    .singleContent table {
        position: relative
    }

    .singleContent table tr {
        margin-bottom: 10px;
        display: flex
    }

    .singleContent table tr th {
        position: absolute;
        width: 100%;
        min-height: 10%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 20px
    }

    .singleContent table tr td {
        padding-top: 32%
    }
}

.single-post a {
    transition: all .3s ease
}

.single-post article .contentWrap {
    padding: 50px 0 100px
}

.single-post article .contentWrap strong {
    font-weight: 700
}

.single-post article .date {
    color: #666;
    margin-bottom: 30px;
    letter-spacing: .5px
}

.single-post article .container {
    max-width: 1200px;
    width: 100%;
    margin-inline: auto;
    padding: 0 30px
}

.single-post article .content p {
    font-size: clamp(1rem, 4vw, 1.125rem);
    color: #444
}

.single-post article .content p:not(:last-child) {
    margin-bottom: 30px
}

.single-post article .content p.simpletoc-title {
    font-size: clamp(1.2rem, 4vw, 1.5rem);
    font-weight: 700
}

.single-post article .content ol,
.single-post article .content ul {
    margin-bottom: 30px;
    list-style-type: disc;
    font-size: clamp(1rem, 4vw, 1.125rem);
    color: #444
}

.single-post article .content ol {
    margin-left: 15px;
    list-style-type: decimal
}

.single-post article .content ul {
    margin-left: 30px;
    list-style-type: disc
}

.single-post article .content h2,
.single-post article .content h3,
.single-post article .content h4,
.single-post article .content h5,
.single-post article .content h6 {
    font-family: var(--font-primary);
    line-height: 120%;
    margin-bottom: 20px;
    font-weight: 600
}

.single-post article .content h2 {
    font-size: clamp(1.2rem, 4vw, 1.4rem)
}

.single-post article .content h2.wp-block-heading {
    font-weight: 700
}

.single-post article .content h3 {
    font-size: clamp(1.15rem, 4vw, 1.3rem)
}

.single-post article .content h4 {
    font-size: clamp(1.1rem, 4vw, 1.2rem)
}

.single-post article .content h5 {
    font-size: clamp(1rem, 4vw, 1.1rem)
}

.single-post article .content h6 {
    font-size: clamp(.9rem, 4vw, 1rem)
}

.single-post article ul.tagsList {
    margin-top: 80px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

.single-post article .content ul li {
    margin-bottom: 20px
}

.single-post article ul.tagsList li a {
    display: flex;
    align-items: center;
    background-color: rgba(234, 234, 234, .45);
    padding: 3px 15px;
    border-radius: 30px
}

.single-post article ul.tagsList li a:before {
    content: "#";
    margin-right: 4px
}

.single-post article ul.tagsList li a:hover {
    color: var(--primary-color)
}

.single-post .blogBg {
    background-size: cover;
    background-position: center center
}

.single-post ul.simpletoc-list li a:hover {
    text-decoration: underline
}

.breadcrubsX {
    font-size: 1rem;
    font-weight: 400;
    text-align: center
}

.breadcrubsX ul.breadList {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 30px
}

.breadcrubsX ul.breadList li:not(:last-child) a {
    display: flex;
    align-items: center
}

.breadcrubsX ul.breadList li:not(:last-child) a:hover {
    text-decoration: underline
}

.breadcrubsX ul.breadList li:not(:last-child) a:after {
    content: "";
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 14px;
    background: url(https://iyisee.com/blog/wp-content/themes/fzypay-theme/assets/icons/bread-arrow.svg) no-repeat center
}

@media only screen and (max-width:480px) {
    .breadcrubsX ul.breadList {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        gap: 5px
    }

    .breadcrubsX ul.breadList li:not(:last-child) a::after {
        margin-left: 5px
    }
}
#header {
    background-color: rgb(178 178 178 / 30%);
}
.headerButtons button {
    border-radius: 1.5rem;
    font-size: 1.2rem;
    cursor: pointer;
}
.iyiseeliOlBtn {
    background: #000;
    color: #fff;
    border: 1px #808080 solid;
}
.girisYapBtn {
    background: var(--iyisee-grey);
    color: #000;
    border: 1px var(--iyisee-grey) solid;
}
.iyiseeliOlBtn:hover,
.girisYapBtn:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
    background: #000;
}
#justforyou {
    background-image:url(../../static/media/bg1.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}
#justforyou-content > div {
    border-color: #000;
}
#justforyou-content > div:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
}
h1.sectiontitle {
    text-align: center;
}
h1.sectiontitle img {
    display: inline;
}
#floatingApplyButton {
    border:3px var(--iyisee-blue) solid;
    border-radius: 20px;
    width: 200px;
    height: 60px;
    background: var(--iyisee-dark);
    color: var(--iyisee-blue);
    font-size: 1.2rem;
}
.backToTop {
    background: linear-gradient(130deg, #656668 15%, #9fa1a4);
}
#placewallet {
    background:#212322 url(../../static/media/placewallet-bg.png) no-repeat right top;
    background-size: cover;
}
#placewallet-content > div {
    border-color: #808080;
}
#placewallet-content > div:hover {
    border-color: var(--iyisee-blue);
}
#placewallet-content > div:hover p.font-bold {
    color: var(--iyisee-blue);
}
#icon-placewallet-1,
#icon-placewallet-2,
#icon-placewallet-3,
#icon-placewallet-4,
#icon-placewallet-5
{
    width: 60px;
}
#placewallet-content > div:hover #icon-placewallet-1 .cls-1,
#placewallet-content > div:hover #icon-placewallet-2 .cls-1,
#placewallet-content > div:hover #icon-placewallet-3 .cls-1,
#placewallet-content > div:hover #icon-placewallet-4 .cls-1,
#placewallet-content > div:hover #icon-placewallet-5 .cls-1
{
    fill: var(--iyisee-blue) !important;
    stroke: var(--iyisee-blue) !important;
}
.contentItem .content {
    color: #fff;
}
.sectionJustForYou,
.sectionLogos,
.sectionSanalPos,
.sectionUserFriendly,
.sectionMobileApp,
.sectionBottomCTA {
    background: #fbfbfb;
}
#accordionCollapse .bg-primary.rounded-md.aspect-square {
    background: var(--iyisee-dark);
    border-radius: 15px;
}
#accordionCollapse.fixedCollapsIcon [aria-controls*=collapseExample]:after {
    display: none;
}
#accordionCollapse > div {
    border:1px #808285 solid;
}
#accordionCollapse > div.active {
    border-color: var(--iyisee-blue);
}
#accordionCollapse {
    margin-right: 100px;
}
.supportGridList a {
    background-color: rgb(176 179 178 / 80%);
}
.hizliBasvurBtn {
    background-color: #000;
    color: #fff;
    border-radius: 10px;
    font-size: 1.2rem;
    border: 2px var(--iyisee-grey) solid;
}
.hizliBasvurBtn:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
}
.popupHizliBasvurBtn {
    background-color: #fff;
    color: var(--iyisee-blue);
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    border: 2px var(--iyisee-blue) solid;
}
.popupHizliBasvurBtn:hover {
    border-color: var(--iyisee-blue);
    background: #000;
}
.UserFriendly > div {
    background: #e6e7e8;
    border: 3px #e6e7e8 solid;
}
.UserFriendly > div:hover {
    border-color: var(--iyisee-blue);
}
.UserFriendly > div:hover p.font-bold {
    color: var(--iyisee-blue);
}
.sectionMobileApp .appBg {
    background-size: cover;
}
.sectionMobileApp .appSocial {
    position: absolute;
    right: 50px;
    bottom: 40px;
}
.sectionMobileApp .appSocial img {
    width:80%;
    display:block;
    margin-left: auto;
}
.sectionBottomCTA .title img {
    width: 350px;
}
.sectionBottomCTA a {
    background: var(--iyisee-dark);
    color: #fff;
    border-radius: 15px;
    border: 2px var(--iyisee-grey) solid;
}
.sectionBottomCTA a:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
}
.sectionBottomCTA .pl-16 {
    padding-left: 8rem;
}
.sectionBottomCTA img.spin360 {
    max-width: 650px;
    width:100%;
}
.footer {
    background: url(../../static/media/footer-bg.png) no-repeat center center;
    background-size: cover;
    background-color: #000;
}
.footerColumn {
    font-size: 22px;
    position: relative;
}
/* .footerColumn+.footerColumn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 2px;
    height: 100%;
    background-color: var(--iyisee-blue);
    border-radius:1px;
}
@media (max-width: 1024px) {
    .footerColumn+.footerColumn::before {
        display: none;
    }
} */
.footer-title {
    margin-right: auto;
    font-weight: bold;
    padding: 10px 0;
    box-sizing: border-box;
    color: #fff;
    border-bottom: 1px var(--iyisee-blue) solid;
    position: relative;
}
.footer-title img {
    height: 20px;
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
}
.footerColumn a {
    color: #fff;
}
.footerColumn a.footerBtn {
    background: var(--iyisee-dark);
    color: var(--iyisee-blue);
    border-radius: 15px;
    border: 2px var(--iyisee-blue) solid;
    padding: 10px 20px;
    text-align: left;
}
.footer-2 {
    background: #f1f1f1;
}
.footer-2 .footerAdress {
    color: #4b4b4d;
}
.footer-2 .footerAdress .icon {

}
.footer-2 .footerAdress .icon img {
    width: 24px;
    height: 24px;
    aspect-ratio: 1;
}
.footerSocial {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.footerSocial img {
    max-height: 32px;
    max-width: 32px;
}
.footerLogoFzypay {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 200px;
}
.footerCopyright {
    background: var(--iyisee-dark);
    color: #fff;
}
.footerBtnLinks {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.cookieNotice .buttons button,
.cookieNotice .modal-footer button {
    background: var(--iyisee-dark);
    color: #fff;
    border-radius: 10px;
    font-size: 1rem;
    border: 2px var(--iyisee-grey) solid;
    padding: 5px 15px;
}
.breadcrubs.full {
    margin-left: 100px;
    max-width: calc(100% - 2rem - 100px);
    border: 3px #e6e7e8 solid;
}
.pageAbout {
    background: #f6f6fa;
}
#pageAboutContent {
    background: #fff;
    border-radius: 20px;
    border: 3px #e6e7e8 solid;
    max-width: calc(100% - 3rem);
    margin-left: 1rem;
}
.spin360 {
    -webkit-animation:spinAnim 10s linear infinite;
    -moz-animation:spinAnim 10s linear infinite;
    animation:spinAnim 10s linear infinite;
}
@-moz-keyframes spinAnim {
    100% { -moz-transform: rotate(-360deg); }
}
@-webkit-keyframes spinAnim {
    100% { -webkit-transform: rotate(-360deg); }
}
@keyframes spinAnim {
    100% {
        -webkit-transform: rotate(-360deg);
        transform:rotate(-360deg);
    }
}
.hakkimizdaFormBtn {
    background-color: var(--iyisee-dark);
    color: #fff;
    border-radius: 10px;
    font-size: 1.2rem;
    border: 2px var(--iyisee-grey) solid;
}
.hakkimizdaFormBtn:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
}
.inceleBtn {
    background-color: var(--iyisee-dark);
    color: #fff;
    border: 4px var(--iyisee-grey) solid;
}
.inceleBtn:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
}
.contactFormImage {
    margin: 20px 0;
    height: calc(100% - 40px);
}
.contactFormBtn {
    background-color: var(--iyisee-dark);
    color: #fff;
    border: 3px var(--iyisee-grey) solid;
}
.contactFormBtn:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
}
.kampanyaBasvurBtn {
    background-color: var(--iyisee-dark);
    color: #fff;
    border: 3px var(--iyisee-grey) solid;
}
.kampanyaBasvurBtn:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
}
.downloadEntegrationBtn {
    background-color: var(--iyisee-dark);
    color: #fff;
    border: 3px var(--iyisee-grey) solid;
}
.downloadEntegrationBtn:hover {
    color: var(--iyisee-blue);
    border-color: var(--iyisee-blue);
}
/* .singlePage.entegrations .breadcrubs {
    margin-top: -100px;
    margin-bottom: 150px;
} */


@media only screen and (max-width: 1280px) {
    .sectionBottomCTA .pl-16 {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .sectionMobileApp .appSocial {
        position: static;
    }
    .footerSocial {
        justify-content: center;
    }
    .footerLogoFzypay {
        position: static;
        margin:10px auto;
    }
    .footerBtnLinks {
        align-items: center;
    }
}
@media only screen and (max-width: 768px) {
    .sectionBottomCTA .title {
        margin:0 auto;
        text-align: center;
    }
    .sectionBottomCTA .title img {
        width: 250px;
        margin-top: 0px;
    }
    .sectionBottomCTA .pl-16 {
        padding-left: 0;
        align-items: center;
    }
    .sectionBottomCTA img.spin360 {
        max-width: 100%;
        margin-top: 50px;
    }
    .sectionSanalPos h1 {
        flex-direction: column;
    }
    #accordionCollapse {
        margin-right: 0;
    }
    .supportGridList .aspect-square {
        aspect-ratio: auto;
    }
}


.header-bg {
    padding-top: 125px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.header-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:1;
}
.header-bg nav {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding-top: 1rem;
}
.header-bg nav ul li span {
    font-size: 3rem;
    font-weight: bold;
}
.breadcrubs.alternative {
    background: rgba(255, 255, 255, .2);
}
@media (max-width:1279px) {
    .breadcrubs.alternative {
        display:block;
    }
}
.breadcrubs.alternative ul {
    justify-content: center;
}
@media (max-width:1799px) {
    .header-bg {
        padding-top: 125px;
    }
}
@media (max-width:1279px) {
    .header-bg {
        padding-top: 80px;
        height: 200px;
    }
    .header-bg nav {
        padding-top: 0;
    }
    .header-bg nav ul li span {
        font-size: 1.5rem;
    }
}

.slider-bg {
    background: var(--iyisee-dark) url(../../static/media/slider/slider-bg.png) no-repeat top center;
    background-size: cover;
}
.slider-bg img {
    width: 100%;
    height: auto;
    max-width: 1920px;
    display: block;
    margin: 0 auto;
    max-height: 658px;
}
@media (max-width: 767px) {
    .slider-bg {
        padding-top: 80px;
    }
}

.cookieNotice .form-switch {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 5px;
}
.cookieNotice .form-switch .cookieinfo {
    width: 100%;
    flex-grow: 1;
    padding-bottom: 10px;
    font-size: 0.875rem;
    display: none;
}
.cookieNotice .form-switch .cookieinfo.active {
    display: block;
}
.cookieNotice .form-switch span {
    cursor: pointer;
}

.singlePost article .container {
    max-width: 1200px;
    width: 100%;
    margin-inline: auto;
    padding: 0 30px;
}
.singlePost article .content h2.wp-block-heading {
    font-weight: 700;
    font-size: clamp(1.2rem, 4vw, 1.4rem);
    margin-bottom:20px;
}
.singlePost article .content ul {
    padding-left: 20px;
}
.singlePost article .content ul li {
    list-style-type: disc;
    margin-bottom: 20px;
}
.flag {
    position: absolute;
    right: -50px;
}
.flagMobile {
    position: absolute;
    right: 5px;
}