/* @import url('https://fonts.googleapis.com/css2?family=Enriqueta:wght@400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400&display=swap'); */
@font-face {
    font-family: 'avenir';
    src: url('/fonts/Sen/static/Sen-Medium.ttf') format('truetype');
    /* font-weight: normal; */
    /* font-style: normal; */
    /* font-size: 14px; */
    /* Other font properties (e.g., font-weight, font-style) */
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("//static.parastorage.com/services/third-party/fonts/Helvetica/Fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("embedded-opentype"), url("//static.parastorage.com/services/third-party/fonts/Helvetica/Fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/Helvetica/Fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/Helvetica/Fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
    font-display: block;
}

@font-face {
    font-family: 'barlow';
    src: url('/fonts/Barlow/Barlow-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'barlow-bold';
    src: url('/fonts/Barlow/Barlow-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'enriqueta-light';
    src: url('/fonts/Enriqueta/Enriqueta-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'enriqueta';
    src: url('/fonts/Enriqueta/Enriqueta-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'chelsea';
    src: url('/fonts/Chelsea_Market/ChelseaMarket-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'lobster';
    src: url('/fonts/Lobster/Lobster-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'didact-gothic';
    src: url('/fonts/Didact_Gothic/DidactGothic-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'inknut-antiqua';
    src: url('/fonts/Inknut_Antiqua/InknutAntiqua-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'assistant';
    src: url('/fonts/Assistant/Assistant-ExtraBold.ttf') format('truetype');
}
@font-face {
    font-family: 'assistant-semibold';
    src: url('/fonts/Assistant/Assistant-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'forum';
    src: url('/fonts/Forum/Forum-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'avenida';
    src: url('/fonts/Avenida/Avenida-Regular.otf') format('truetype');
}
@font-face {
    font-family: 'amatic-sc';
    src: url('/fonts/Amatic_SC/AmaticSC-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'gloock';
    src: url('/fonts/Gloock/Gloock-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'josefin-sans';
    src: url('/fonts/Josefin_Sans/JosefinSans-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'adobe-caslon';
    src: url('/fonts/Adobe Caslon Regular/Adobe Caslon Regular.otf') format('truetype');
}


.font-avenir {
    font-family: 'avenir', sans-serif;
}

.font-barlow {
    font-family: 'barlow', sans-serif;
}

.font-barlow-light {
    font-family: 'barlow-light', sans-serif;
}

.font-barlow-bold {
    font-family: 'barlow-bold', sans-serif;
}

.font-enriqueta {
    font-family: 'enriqueta', serif;
}

.font-enriqueta-light {
    font-family: 'enriqueta-light', serif;
}

.font-chelsea {
    font-family: 'chelsea', sans-serif;
}
.font-lobster {
    font-family: 'lobster', sans-serif;
}
.font-didact-gothic {
    font-family: 'didact-gothic', sans-serif;
}

.font-inknut-antiqua {
    font-family: 'inknut-antiqua', sans-serif;
}

.font-assistant {
    font-family: 'assistant', sans-serif;
}

.font-assistant-semibold {
    font-family: 'assistant-semibold', sans-serif;
}

.font-helvetica {
    font-family: 'Helvetica Neue', sans-serif;
}

.font-forum {
    font-family: 'forum', sans-serif;
}
.font-avenida {
    font-family: 'avenida', sans-serif;
}
.font-amatic-sc {
    font-family: 'amatic-sc', sans-serif;
}
.font-gloock {
    font-family: 'gloock', sans-serif;
}
.font-josefin-sans {
    font-family: 'josefin-sans', sans-serif;
}
.font-adobe-caslon {
    font-family: 'adobe-caslon', serif;
}

/*
@font-face {
    font-family: 'Forum';
    font-style: normal;
    font-weight: 400;
    src: local('Forum'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/forum/v10/6aey4Ky-Vb8Ew8IcOpI43XnSBTM.woff2") format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    font-display: block;
}

@font-face {
    font-family: 'Forum';
    font-style: normal;
    font-weight: 400;
    src: local('Forum'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/forum/v10/6aey4Ky-Vb8Ew8IVOpI43XnSBTM.woff2") format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    font-display: block;
}

@font-face {
    font-family: 'Forum';
    font-style: normal;
    font-weight: 400;
    src: local('Forum'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/forum/v10/6aey4Ky-Vb8Ew8IfOpI43XnSBTM.woff2") format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    font-display: block;
}

@font-face {
    font-family: 'Forum';
    font-style: normal;
    font-weight: 400;
    src: local('Forum'), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/forum/v10/6aey4Ky-Vb8Ew8IROpI43XnS.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: block;
}

@font-face {
    font-family: "Avenir-LT-W01_35-Light1475496";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Avenir-LT-W05_35-Light";
    src: url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/Avenir_Family_Pack/v1/AvenirLTW05-35Light.woff2") format("woff2"), url("//static.parastorage.com/services/santa-resources/resources/viewer/user-site-fonts/fonts/Avenir_Family_Pack/v1/AvenirLTW05-35Light.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: "Helvetica Neue";
    src: url("//static.parastorage.com/services/third-party/fonts/Helvetica/Fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("embedded-opentype"), url("//static.parastorage.com/services/third-party/fonts/Helvetica/Fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/Helvetica/Fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/Helvetica/Fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Assistant-SemiBold";
    src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtjhgEGQ.woff2") format("woff2"), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtjhgEGI.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: "Assistant-SemiBold";
    font-weight: 700;
    src: url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff2/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtmZgEGQ.woff2") format("woff2"), url("//static.parastorage.com/tag-bundler/api/v1/fonts-cache/googlefont/woff/s/assistant/v8/2sDPZGJYnIjSi6H75xkZZE1I0yCmYzzQtmZgEGI.woff") format("woff");
    font-display: block;
}

@font-face {
    font-family: "Helvetica-W01-Roman";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/669f79ed-002c-4ff6-965c-9da453968504.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/d17bc040-9e8b-4397-8356-8153f4a64edf.svg#d17bc040-9e8b-4397-8356-8153f4a64edf") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Helvetica-W02-Roman";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e4bd4516-4480-43df-aa6e-4e9b9029f53e.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e4bd4516-4480-43df-aa6e-4e9b9029f53e.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/b56b944e-bbe0-4450-a241-de2125d3e682.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/7da02f05-ae8b-43a1-aeb9-83b3c0527c06.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/66cac56e-d017-4544-9d0c-f7d978f0c5c2.svg#66cac56e-d017-4544-9d0c-f7d978f0c5c2") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Helvetica-LT-W10-Roman";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/686a6a06-e711-4bd2-b393-8504a497bb3c.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/686a6a06-e711-4bd2-b393-8504a497bb3c.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/6f8d1983-4d34-4fa4-9110-988f6c495757.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/7903ee3f-e9ab-4bdc-b7d2-d232de2da580.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/9c58e9ea-fdea-4b9c-b0f9-0a2157389ed0.svg#9c58e9ea-fdea-4b9c-b0f9-0a2157389ed0") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Futura-LT-W01-Book";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/cf053eae-ba1f-44f3-940c-a34b68ccbbdf.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/8bf38806-3423-4080-b38f-d08542f7e4ac.woff2") format("woff2"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/e2b9cbeb-fa8e-41cd-8a6a-46044b29ba52.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/c2a69697-4f06-4764-abd4-625031a84e31.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/dc423cc1-bf86-415c-bc7d-ad7dde416a34.svg#dc423cc1-bf86-415c-bc7d-ad7dde416a34") format("svg");
    font-display: block;
}

@font-face {
    font-family: "Bree-W01-Thin-Oblique";
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4e33bf74-813a-4818-8313-6ea9039db056.eot?#iefix");
    src: url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4e33bf74-813a-4818-8313-6ea9039db056.eot?#iefix") format("eot"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/ceb3b4a3-0083-44ae-95cb-e362f95cc91b.woff2") format("woff2"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/4d716cea-5ba0-437a-b5a8-89ad159ea2be.woff") format("woff"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/c458fc09-c8dd-4423-9767-e3e27082f155.ttf") format("truetype"), url("//static.parastorage.com/services/third-party/fonts/user-site-fonts/fonts/85ffb31e-78ee-4e21-83d8-4313269135a9.svg#85ffb31e-78ee-4e21-83d8-4313269135a9") format("svg");
    font-display: block;
}

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

body {
    font-family: 'Roboto', sans-serif;
}

 /* Define a CSS animation */
 @keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Apply the animation to your elements */
.animated-element {
    opacity: 0;
    animation: fadeIn 1s ease-in-out forwards;
}

.align-header-main {
    display: flex;
    align-items: center;
    /* width: 81%; */
    justify-content: space-between;
    margin: 0 auto;
}

header {
    background-color: #000;
    padding: 20px 0 1px 0;
    position: relative;
    z-index: 100;
}

.bg-img-header {
    position: absolute;
    width: 100%;
    height: auto;
    transform: scale(1, -1);
    /* object-fit: contain; */
    /* bottom: -75px; */
}

.links-header a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #fff !important;
    position: relative;
    font-family: 'avenir', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.8;
}

.links-header a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.links-header a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.align-icons-header {
    display: flex;
    align-items: center;
    gap: 8px;
}

.link-social-header a {
    font-size: 40px;
    text-decoration: none;
    margin: 0 14px;
    color: #fff !important;
}

.links-header.text-right {
    text-align: right;
}


.logo-align {
    position: relative;

}

.logo-align img:nth-child(2) {
    position: absolute;
    top: -50px;
    right: 0px;
    height: 230px;
}

.logo-align h2 {
    font-size: 30px;
    margin: -0;
    text-align: center;
    font-family: 'enriqueta', serif;
    font-weight: 700;
}

.main-button button {
    background-color: #000;
    padding: 0px 15px;
    /*    border-radius: 4px;*/
    transition: .3s linear;
    color: #fff;
    font-weight: 700;
    border: none;
    font-family: 'enriqueta', serif;
    font-size: 23px;
    min-width: 100%;
}

.main-button-join button {
    background-color: #000;
    padding: 0px 15px;
    /*    border-radius: 4px;*/
    transition: .3s linear;
    color: #fff;
    font-weight: 700;
    border: none;
    font-family: 'enriqueta', serif;
    font-size: 26px;
    min-width: 100%;
}

.main-button button:hover {
    background: white;
    color: black;
}

.main-button a {
    color: inherit;
}

.main-button a:hover {
    color: inherit;
}

.main-button {
    position: relative;
    z-index: 9;
}

.bg-button {
    background: url('../img/button-bg-top.svg') no-repeat;
    position: absolute;
    background-position: 0 0;
    bottom: 0;
    left: 0px;
    right: 0;
    top: -7px;
    z-index: -1;
}

.bg-button2 {
    background: url(../img/button-bg-bottom.svg) no-repeat;
    background-position: bottom;
    bottom: -25.49px;
    top: 33px;
    position: absolute;
    transform: scaleY(-1);
    z-index: -1;
    right: 0;
    left: 0px;
}

.bg-button3 {
    background: url(../img/button-3.png);
    top: 1px;
    background-repeat: no-repeat;
    position: absolute;
    background-position: center;
    background-size: cover;
    transform: scaleY(-1);
    z-index: -1;
    /* right: -23px; */
    width: 11px;
    left: 140px;
    height: 33px;
}
.bg-button3-right {
    background: url(../img/button-3.png);
    top: 1px;
    background-repeat: no-repeat;
    position: absolute;
    background-position: center;
    background-size: cover;
    transform: scaleY(-1);
    z-index: -1;
    right: -8px;
    width: 11px;
    /* left: 140px; */
    height: 33px;
}
.bg-button4-left {
    background: url(../img/button-4.png);
    top: 1px;
    background-repeat: no-repeat;
    position: absolute;
    background-position: center;
    background-size: cover;
    transform: scaleY(-1);
    z-index: -1;
    right: autp;
    width: 11px;
    left: -8px;
    height: 33px;
}

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




.new-buttons-main {
    margin: 4em auto 0;
    padding-bottom: 4em;
    max-width: 64%;
}


.footer-copyright p {
    margin: 0;
    font-size: 12px;
    font-family: forum, serif;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

footer {
    padding: 24px;
    background: #000;
    position: relative;
}

.footer-bg {
    position: absolute;
    z-index: 9999;
    width: 100%;
    left: 0;
    bottom: 60px;
}

#footer-arrow {
    position: absolute;
    bottom: 10px;
    left: 20%;
    width: 52px;
    height: 52px;
    cursor: pointer;
}

nav.navbar.navbar-dark.mobile-view-nav {
    display: none;
}


/* Form page */
#main-pages {
    padding: 8em;
    min-height: 80vh;
}

#main-pages.lines-bg {
    background-image: url('../img/bg-lines.png');
}

#main-pages.mix-lines {
    background-image: url('../img/mix-lines.png');
}


#main-pages.vertical-lines {
    background-image: url('../img/vertical-lines.png');
    background-color: rgb(104, 170, 251);
}

.input-field-main label {
    display: block;
    width: 100%;
    font-size: 14px;
}

.input-field-main input[type='text'], input[type='email'], input[type='password'],
.input-field-main textarea,
.input-field-main select {
    width: 100%;
    padding: 6px;
    font-size: 14px;
}

.links-header a {
    white-space: nowrap;
}

.input-field-main {
    margin-top: 1em;
}

.submit-btn {
    margin-top: 2em;
    text-align: center;
    width: fit-content;
    margin: 2em auto;
}

.submit-btn.big-button .main-button .bg-button2 {
    bottom: -14.49px;
}

.submit-btn.big-button .main-button .bg-button {
    top: -10.49px;
}

.align-form {
    max-width: 70%;
    margin: auto;
    padding-bottom: 3em;
}

.available-form {
    max-width: 90% !important;
}

.right-form-text a {
    font-size: 17x;
    text-align: center;
    display: block;
    color: #000 !important;
    text-decoration: none;
    font-weight: 600;
    margin-bottom: 1em;
}

.form-page-logo {
    text-align: start;
    margin-left: 11%;
    margin-bottom: 1em;
}

.form-page-logo img {
    max-height: 300px;
    mix-blend-mode: darken;
}

.new-buttons-main .main-button {
    margin-bottom: 1em;
}

.new-buttons-main .main-button button {
    width: 100%;
}

.form-check-input:checked {
    background-color: #000 !important;
    border-color: #000 !important;
}

.align-skill-level {
    margin-top: 1em;
}

.align-skill-level .form-check label {
    font-weight: 600;
    width: 100px;

}

.logo-main-looking {
    max-width: 400px;
    margin: auto;
}

.logo-main-looking .logo-align img:nth-child(2) {
    height: 170px;
}

.rockstar-img {
    margin-top: -6em;
}


.available-form-text h3,
.title-skill-level h4,
.title-looking h3,
.right-form-text a {
    font-family: 'enriqueta', serif;

}

.new-buttons-main .col-md-6 {
    padding: 0;
}

.new-buttons-main .row {
    gap: 15px;
    flex-wrap: nowrap;
}

.typewriter {
    overflow: hidden;
    border-right: 0.15em solid #000;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: 0.15em;
}

.fs-17 {
    font-size: 17px;
}

.model-close-icon {
    position: absolute;
    top: 0px;
    right: 8px;
    font-size: 24px;
    font-family: 'chelsea', sans-serif;
    cursor: pointer;
}

.auth-inputs {
    border: 3px solid black;
    border-radius: 0;
    background-color: #fff;
}

header a img {
    padding-bottom: 17px;
    width: 35px !important;
}

/* @media screen and (min-width: 1500px) {
    .logo-with-text {
        display: flex;
        padding: 5em 15em 4em 15em !important;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .logo-with-text {
        display: flex;
        padding: 5em 12em 4em 12em !important;
    }
} */
@media screen and (max-width: 1200px) {
    .logo-with-text {
        padding: 6em 3em 3em 3em;
    }

    .new-buttons-main .row {
        flex-wrap: wrap;
    }

    .new-buttons-main {
        max-width: 100%;
    }

    #main-pages {
        padding: 0;
    }

    .align-form {
        max-width: 100%;
    }

    .rockstar-img {
        margin-top: 0;
    }

    .footer-bg {
        top: -45px;
    }

    .bg-img-header {
        bottom: -48px;
    }

    .align-form-looking {
        padding: 6em 0;
    }
}
@media screen and (max-width: 991px) {
    .bg-img-header {
        bottom: -36px;
    }

    .footer-bg {
        top: -38px;
    }

    /* #footer-arrow {
        margin-left: 170px;
        width: 42px;
        height: 42px;
    } */

    .links-header a {
        white-space: normal !important;
    }

    .quotes {
        white-space: normal !important;
    }

    #login_modal_images_div {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    nav.navbar.navbar-dark.mobile-view-nav {
        display: flex !important;
        /* flex-wrap: nowrap; */
    }

    .desktop-view-nav {
        display: none !important;
    }

    .new-buttons-main .main-button {
        margin-bottom: 1em;
    }

    .top-button-adjust .main-button:nth-child(2) {
        margin: 0;
    }

    /* .top-button-adjust {
        display: block;
    } */

    .new-buttons-main button {
        margin: 0;
    }

    .footer-bg {
        top: -28px;
    }

    #footer-arrow {
        left: 12%;
        /* width: 42px; */
        /* height: 42px; */
    }

    .bg-img-header {
        bottom: -28px;
    }

    .logo-with-text {
        display: block;
        padding-bottom: 0;
    }

    .logo-with-text .logo-align {
        padding: 3em 0;
    }

    .logo-align img:nth-child(2) {
        top: -30px;
        /* width: 150px;
        height: 150px; */
    }

    .top-button-adjust .main-button {
        margin-bottom: 1em;
    }

    .main-button {
        text-align: center;
        margin-bottom: 2em !important;
    }

    .new-buttons-main {
        padding: 0 15px;
        margin: 0 auto 0;
    }

    .align-form {
        max-width: 100%;
    }

    .right-form-text {
        margin-top: 2em;
        text-align: center;
    }

    .image-form img {
        width: 100%;
    }

    .align-form.available-form {
        padding-top: 4em;
    }

    .logo-with-text {
        padding: 0;
    }
}
@media screen and (max-width: 580px) {
    .footer-bg {
        top: -20px;
    }

    #footer-arrow {
        left: 10%;
        /* width: 42px; */
        /* height: 42px; */
    }

    .bg-img-header {
        bottom: -20px;
    }

    .align-header-main {
        display: block;
    }

    .align-icons-header {
        padding: 1em 0;
        justify-content: center;
    }

    .logo-align h2 {
        font-size: 25px;
    }

    .align-icons-header {
        gap: 0px;
    }
}
@media screen and (max-width: 450px) {
    .link-social-header a {
        font-size: 28px;
        margin: 0 10px;
    }

    header a img {
        padding-bottom: 11px !important;
    }

    header a img {
        width: 28px !important;
    }

    .logo-align img:nth-child(2) {
        top: 0px;
        width: 150px;
        height: 150px;
    }

    #footer-arrow {
        display: none;
    }
}
@media screen and (max-width: 350px) {
    .link-social-header a {
        font-size: 28px;
        margin: 0 8px;
    }
}
@media screen and (max-width: 300px) {
    .link-social-header a {
        font-size: 28px;
        margin: 0 4px;
    }
}
.fs-10 {
 font-size: 10px;
}
.fs-11 {
    font-size: 11px;
}
.fs-12 {
    font-size: 12px;
}
.fs-13 {
    font-size: 13px;
}
.fs-14 {
    font-size: 14px;
}
.fs-15 {
    font-size: 15px;
}
.fs-17 {
    font-size: 17px;
}
.fs-18 {
    font-size: 18px;
}
.fs-19 {
    font-size: 19px;
}
.fs-20 {
    font-size: 20px;
}
.fs-21 {
    font-size: 21px;
}
.fs-22 {
    font-size: 22px;
}
.fs-24 {
    font-size: 24px;
}
.fs-26 {
    font-size: 26px;
}

.fs-30 {
    font-size: 30px;
}
.fs-38 {
    font-size: 38px;
}
.fs-48 {
    font-size: 48px;
}
.fs-50 {
    font-size: 50px;
}
.fs-60 {
    font-size: 60px;
}

.mb-4-5 {
    margin-bottom: 2rem;
}

.bg-light-yellow {
    background-color: rgb(242, 247, 26);
}

.btn-light-blue {
    color: rgb(104, 170, 251);
}

.btn-light-yellow-color {
    color: rgb(252, 255, 13);
}

.custom-popover-class {
    text-align: center;
    border-radius: 0;
    border: 2px solid white;
    background-color: rgb(252, 255, 13);
    font-family: 'assistant', sans-serif;
    font-size: 14px;
}
.custom-popover-class .popover-body {
    padding: 0.5em;
}

.custom-popover-class .popover-body a{
    color: black;
    text-decoration: none;
}

.cursor-ptr {
    cursor: pointer;
}