/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */

html {
    line-height: 1.5;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
    font-size: 62.5%;
}
* { box-sizing: border-box;}
body {
    margin: 0;
    overflow-x: hidden;
    background: #000;
    color: #fff;
    font-family: Inter;
    font-size: 16px;
}

:root {
    --colorPrimary: #F1AA12;
    --colorSecondary: #243D4C;
    --colorBlack: #000;
    --colorWhite: #fff;
    --colorRed: #E84B4B;
    --colorGreen: #03A66D;
}

.color-primary { color: var(--colorPrimary);}
.bg-black { background-color: #000;}
.bg-141414 { background-color: #141414;}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure {
    display: block;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

main {
    display: block;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

:root {
    --yellow-color: #fed524;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

input {
    overflow: visible;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

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

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal;
}

.light-dark {
    background: #393939;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

details {
    display: block;
}

summary {
    display: list-item;
}

menu {
    display: block;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

img { max-width: 100%;}

/* Css Start  */

.d-flex{display: flex;}
.d-grid{display: grid;}
.d-block{display: block;}

.text-white { color: white;}

.space-between {justify-content: space-between;}
.align-item-start{align-items: flex-start;}
.align-item-center{align-items: center;}
.align-item-end{align-items: flex-end;}
.justify-center {justify-content: center}

.text-uppercase{text-transform: uppercase;}

.flex-wrap {flex-wrap: wrap}
.direction-column {flex-direction: column}
.direction-row {flex-direction: row}

.grow-0 {flex: 0}
.grow-1 {flex-grow: 1}
.grow-2 {flex-grow: 2}
.grow-3 {flex-grow: 3}

.gap-10{gap:10px;}
.gap-15{gap:15px;}
.gap-20{gap:20px;}
.gap-30{gap:30px;}
.gap-40{gap:4rem;}

.grid-two{ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
.grid-three{ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
.grid-four{ grid-template-columns:  repeat(auto-fit, minmax(300px, 1fr));}
.grid-five{ grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));}

.grid-3-7 { grid-template-columns: 3fr 7fr; }
.grid-7-3 { grid-template-columns: 7fr 3fr; }

.width-50 { width: 50%; }
.width-100 { width: 100%; }
.max-width-100 { max-width: 100%;}

/* line height */
.line-height-normal { line-height: normal;}
.line-height-25 { line-height: 25px;}
.line-height-28 { line-height: 28px;}
.line-height-30 { line-height: 30px;}
.line-height-36 { line-height: 3.6rem;}
.line-height-40 { line-height: 4rem;}

/* PADDING */
.p-10 { padding: 10px;}
.p-20 { padding: 20px;}
.p-30 { padding: 3rem;}
.p-40 { padding: 4rem;}
.p-50 { padding: 5rem;}
.p-60 { padding: 6rem;}
.p-70 { padding: 7rem;}
.p-80 { padding: 8rem;}

.pt-10 { padding-top: 10px;}
.pt-20 { padding-top: 20px;}
.pt-30 { padding-top: 3rem;}
.pt-40 { padding-top: 4rem;}
.pt-50 { padding-top: 5rem;}
.pt-60 { padding-top: 6rem;}
.pt-70 { padding-top: 7rem;}
.pt-80 { padding-top: 8rem;}

.pb-10 { padding-bottom: 10px;}
.pb-20 { padding-bottom: 20px;}
.pb-30 { padding-bottom: 3rem;}
.pb-40 { padding-bottom: 4rem;}
.pb-50 { padding-bottom: 5rem;}
.pb-60 { padding-bottom: 6rem;}
.pb-70 { padding-bottom: 7rem;}
.pb-80 { padding-bottom: 8rem;}

.pl-10 { padding-left: 10px;}
.pl-20 { padding-left: 20px;}
.pl-30 { padding-left: 3rem;}
.pl-40 { padding-left: 4rem;}
.pl-50 { padding-left: 5rem;}
.pl-60 { padding-left: 6rem;}
.pl-70 { padding-left: 7rem;}
.pl-80 { padding-left: 8rem;}

.pr-10 { padding-right: 10px;}
.pr-20 { padding-right: 20px;}
.pr-30 { padding-right: 3rem;}
.pr-40 { padding-right: 4rem;}
.pr-50 { padding-right: 5rem;}
.pr-60 { padding-right: 6rem;}
.pr-70 { padding-right: 7rem;}
.pr-80 { padding-right: 8rem;}

.py-10 { padding-top: 10px; padding-bottom: 10px;}
.py-20 { padding-top: 20px; padding-bottom: 20px;}
.py-30 { padding-top: 3rem; padding-bottom: 3rem;}
.py-40 { padding-top: 4rem; padding-bottom: 4rem;}
.py-50 { padding-top: 5rem; padding-bottom: 5rem;}
.py-60 { padding-top: 6rem; padding-bottom: 6rem;}
.py-70 { padding-top: 7rem; padding-bottom: 7rem;}
.py-80 { padding-top: 8rem; padding-bottom: 8rem;}

/* MARGIN */
.mt-10 { margin-top: 10px;}
.mt-20 { margin-top: 20px;}
.mt-30 { margin-top: 3rem;}
.mt-40 { margin-top: 4rem;}
.mt-50 { margin-top: 5rem;}
.mt-60 { margin-top: 6rem;}
.mt-70 { margin-top: 7rem;}
.mt-80 { margin-top: 8rem;}

.mb-10 { margin-bottom: 10px;}
.mb-20 { margin-bottom: 20px;}
.mb-30 { margin-bottom: 3rem;}
.mb-40 { margin-bottom: 4rem;}
.mb-50 { margin-bottom: 5rem;}
.mb-60 { margin-bottom: 6rem;}
.mb-70 { margin-bottom: 7rem;}
.mb-80 { margin-bottom: 8rem;}

.ml-10 { margin-left: 10px;}
.ml-20 { margin-left: 20px;}
.ml-30 { margin-left: 3rem;}
.ml-40 { margin-left: 4rem;}
.ml-50 { margin-left: 5rem;}
.ml-60 { margin-left: 6rem;}
.ml-70 { margin-left: 7rem;}
.ml-80 { margin-left: 8rem;}

.mr-10 { margin-right: 10px;}
.mr-20 { margin-right: 20px;}
.mr-30 { margin-right: 3rem;}
.mr-40 { margin-right: 4rem;}
.mr-50 { margin-right: 5rem;}
.mr-60 { margin-right: 6rem;}
.mr-70 { margin-right: 7rem;}
.mr-80 { margin-right: 8rem;}

.my-10 { margin-top: 10px; margin-bottom: 10px;}
.my-20 { margin-top: 20px; margin-bottom: 20px;}
.my-30 { margin-top: 3rem; margin-bottom: 3rem;}
.my-40 { margin-top: 4rem; margin-bottom: 4rem;}
.my-50 { margin-top: 5rem; margin-bottom: 5rem;}
.my-60 { margin-top: 6rem; margin-bottom: 6rem;}
.my-70 { margin-top: 7rem; margin-bottom: 7rem;}
.my-80 { margin-top: 8rem; margin-bottom: 8rem;}

.m-0 { margin: 0;}
.mt-0 { margin-top: 0;}
.mb-0 { margin-bottom: 0;}

.m-auto { margin: auto;}

.text-center {text-align: center}
.text-left {text-align: left}
.text-right {text-align: right}


.weight-100 {font-weight: 100}
.weight-300 {font-weight: 300}
.weight-400 {font-weight: 400}
.weight-500 {font-weight: 500}
.weight-600 {font-weight: 600}
.weight-700 {font-weight: 700}


.font-s-12 { font-size: 12px;}
.font-s-14 { font-size: 14px;}
.font-s-15 { font-size: 15px;}
.font-s-18 { font-size: 18px;}
.font-s-20 { font-size: 20px;}
.font-s-21 { font-size: 21px}
.font-s-22 { font-size: 22px;}
.font-s-23 { font-size: 23px;}
.font-s-24 { font-size: clamp(23px, 2.4rem, 2.8rem);}
.font-s-25 { font-size: clamp(23px, 2.5rem, 2.8rem);}
.font-s-26 { font-size: clamp(23px, 2.6rem, 2.8rem);}
.font-s-27 { font-size: clamp(23px, 2.7rem, 2.8rem);}
.font-s-28 { font-size: clamp(23px, 2.8rem, 2.8rem);}
.font-s-29 { font-size: clamp(23px, 2.9rem, 2.8rem);}
.font-s-30 { font-size: clamp(23px, 3rem , 3rem);}
.font-s-31 { font-size: 3.1rem;}
.font-s-32 { font-size: 3.2rem;}
.font-s-33 { font-size: 3.3rem;}
.font-s-34 { font-size: 3.4rem;}
.font-s-35 { font-size: 3.5rem;}
.font-s-36 { font-size: 3.6rem;}
.font-s-37 { font-size: 3.7rem;}
.font-s-38 { font-size: 3.8rem;}
.font-s-39 { font-size: 3.9rem;}
.font-s-40 { font-size: 4rem;}
.font-s-41 { font-size: 4.1rem;}
.font-s-42 { font-size: 4.2rem;}
.font-s-50 { font-size: 5rem;}
.font-s-70 { font-size: 7rem;}
.font-s-80 { font-size: 8rem;}

.absolute{position: absolute;}
.relative{position: relative;}

.border-radius-10 { border-radius: 10px;}
.border-radius-15 { border-radius: 15px;}
.border-radius-20 { border-radius: 20px;}

iconify-icon { font-size: 24px;}

/* MOBILE MENU BUTTON BASIC STYLING */
.btn-nav-mobile { color: #ccc; display: inline-block; font-size: 16px; height: 32px; line-height: 32px; text-align: center; width: 30px; cursor: pointer; position: relative; transition: all 180ms ease-in-out 0ms;}
.btn-nav-mobile::before,
.btn-nav-mobile span,
.btn-nav-mobile::after { transition: all 180ms ease-in-out 0ms; content: ""; background-color: #ccc; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 22px; top: 21px;
}
.btn-nav-mobile::before { top: 9px;}
.btn-nav-mobile span { top: 15px;}

.btn-nav-mobile.opened {color: #333;}
.btn-nav-mobile.opened::before,
.btn-nav-mobile.opened  span,
.btn-nav-mobile.opened::after {
    background-color: #333;
}

/* MODEL POPUP CSS */

.modal { position: fixed; top: 0; left: 0; width: 100%; visibility: visible; opacity: 1; transition: all .3s ease-in-out; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 999;}
.modal.hidden {visibility: hidden; opacity: 0;}
.modal-content { background: #fff; padding: 20px; width: 90%; max-width: 500px; border-radius: 8px; position: relative;}
.modal .close-btn { position: absolute; top: 10px; right: 15px; font-size: 40px; cursor: pointer;}
.modal .close-btn iconify-icon { font-size: 40px;}

/* WHEN CLICKED */

.btn-nav-mobile.opened span { display: none;}
.btn-nav-mobile.opened::before { transform: rotate(45deg); top: 15px}
.btn-nav-mobile.opened::after { transform: rotate(-45deg); top: 15px}

.bdr-ripple-ani-btn {
    width: 64px; height: 64px; line-height: 60px; text-align: center; border-radius: 100%; box-sizing: border-box; border: 1px solid #fff; border-radius: 100px; animation: at-ripple 0.6s linear infinite;
    overflow: hidden; display: inline-block; cursor: pointer;
}
 
@keyframes at-ripple {
    0% { box-shadow: 0 4px 10px rgba(215, 215, 215, 0.1), 0 0 0 0 rgba(215, 215, 215, 0.1), 0 0 0 5px rgba(215, 215, 215, 0.1), 0 0 0 10px rgba(215, 215, 215, 0.1); }
    100% { box-shadow: 0 4px 10px rgba(215, 215, 215, 0.1), 0 0 0 5px rgba(215, 215, 215, 0.1), 0 0 0 10px rgba(215, 215, 215, 0.1), 0 0 0 20px rgba(102, 102, 102, 0);}
}


 form .iti{display: block;}
        .iti__search-input{padding: 10px;}
        .contact-bottom .iti--inline-dropdown .iti__dropdown-content{background:#1e2123;}