@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

:root {
    /* Primary Colors */

    --red-500: #dc4c64;

    /* Updated Pink Scale (Adjusted for #E03A9C base) */
    --pink-100: #fdf2f9;
    --pink-200: #fad8ef;
    --pink-300: #f7b7e1;
    --pink-400: #f07acb;
    --pink-500: #E03A9C; /* New base */
    --pink-600: #c21d82;
    --pink-700: #911861;
    --pink-800: #601041;
    --pink-900: #300820;

    /* Revised Blue Scale (Adjusted for #1EACEC base) */
    --blue-100: #f0f9ff;
    --blue-200: #d8effe;
    --blue-300: #b6e1fb;
    --blue-400: #7dcdf4;
    --blue-500: #1EACEC; /* New base */
    --blue-600: #1685b8;
    --blue-700: #116385;
    --blue-800: #0b4257;
    --blue-900: #05212a;

    --bg-100: #e7edf4; /* very light tint */
    --bg-150: #cfdce9;
    --bg-200: #b7cbde;
    --bg-300: #87a8c8;
    --bg-400: #5786b2;
    --bg-500: #0f5291; /* new base */
    --bg-600: #0c4274;
    --bg-700: #093157;
    --bg-800: #06213a;
    --bg-900: #03101d;

    /* Neutral Gray Scale (Cool Undertones) */
    --gray-100: #F9FAFB;
    --gray-200: #F3F4F6;
    --gray-300: #E5E7EB;
    --gray-400: #D1D5DB;
    --gray-500: #9CA3AF;
    --gray-600: #6B7280;
    --gray-700: #4B5563;
    --gray-800: #374151;
    --gray-900: #1F2937;

    --white: #f5f9fd;
    --black: #1e1e1e;
    --gray: #757575;

    --profile-bg: var(--bg-150);

    --mdb-btn-box-shadow: 0 4px 9px -4px var(--blue-700);
    --mdb-accordion-btn-icon-white: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
    --mdb-btn-font-normal-size: 1.2rem;

    --main-bg: var(--bg-500);
    --header-bg: transparent;
    --footer-top-bg: linear-gradient(160deg, var(--bg-800) 0%, var(--bg-700) 100%);
    --footer-bottom-bg: linear-gradient(160deg, var(--bg-800) 0%, var(--bg-800) 100%);
    --card-bg: var(--white);

    --underline-gradient: linear-gradient(to right, var(--pink-400), var(--pink-500));

    --button-bg: var(--white);
    --input-bg: var(--white);
    --border-active-color: var(--pink-500);
    --border-color: var(--gray-400);
    --border-color-light: var(--gray-300);
    --font-color: var(--gray-800);
    --font-active-color: #fff;
    --icon-color: var(--pink-500);
    --active-color: var(--blue-500);
    --border-radius: 0.25rem;
    --card-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 8px 20px rgba(0, 0, 0, 0.2);
    --card-transition: 0.3s ease-in-out;
    --card-transform: scale(1.02);
    --font-size-header: 16px;
    --font-size-filter-button: 14px;

    --max-content-width: 1080px;
    --max-profile-width: 800px;
}

/*
Theme Name: DateBook Child Theme
Description: DateBook is a professional dating WordPress theme for creating online matchmaking business.
Theme URI: https://demo1.pagickthemes.com
Author: Pagick Themes
Author URI: https://www.pagickthemes.com
Version: 4.7.6
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: datebook
Text Domain: datebook
Domain Path: /languages
Tags: left-sidebar, custom-menu, custom-logo, editor-style, footer-widgets, post-formats, theme-options, translation-ready

*/

/* =Theme customization starts here
-------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6 {
    font-family: Nunito, sans-serif !important;
}


h1, .h1 {
    font-size: 2.375rem;
    font-style: normal;
    font-weight: bold !important;
}

h1.fs-3 {
    font-weight: bold;
}

h2 {
    font-weight: bold;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: bold !important;
    line-height: 1.2;
}
span.badge.text-bg-secondary.text-white.fw-light.datebook-badge-online {
    color:white !important;
    background-color: var(--blue-500) !important;
}

.bg-dark { background-color: #18489F !important;}

h5, .h5 { font-size: 1.25rem !important;}

h5.card-title { color: blue !important;}

h5, .h6 { font-size: 1.25rem !important;}

a.video-call-link { color: #14A44D;}

a.video-call-link:hover { color: #14A44D;}

div.m-auto.datebook-footer-menu.dropup { display: none;}

.btn-secondary, .label-default, .text-bg-secondary { background-color: var(--font-color) !important;}

i.fab.fa-twitter-square.fa-lg, i.fab.fa-facebook-square.fa-lg { display: none !important;}

button.btn.btn-primary.m-0.ms-1.px-4.py-2.z-depth-0.shadow-0.datebook-chat-submit { background-color: var(--blue-500) !important;}

button.btn.btn-primary.m-0.ms-1.px-4.py-2.z-depth-0.shadow-0.datebook-chat-submit i::before {
    color:white;
}

button.btn.btn-primary.m-0.ms-1.px-4.py-2.z-depth-0.shadow-0.datebook-chat-submit:hover {
    background-color: var(--pink-500) !important;
}

.btn-secondary, .label-default, .text-bg-secondary {
    background-color: #2196f3 !important;
    color: #FFF !important;
}
a.footerlink { color: #FFF !important; font-size: 0.85em;}

.single_footer { font-family: 'Arsenal', sans-serif !important; }
@media only screen and (max-width:768px) {
    .single_footer{margin-bottom:30px;}
    .datebook-panel-messages .datebook-messages-menu.datebook-chatters-sidebar-top{
        width: 100% !important;
    }
    #findamate-menu.show-menu #findamate-menu-container {
        width: 100% !important;
    }
    .datebook-footer-copyright {
        flex-direction: column;
    }
    .mb-100 {
        margin-bottom: 0 !important;
    }
    footer {
        z-index:0 !important;
    }
}
.single_footer h4 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
}
.single_footer h4::after {
    content: "";
    display: block;
    height: 2px;
    width: 40px;
    background: #fff;
    margin-top: 20px;
}
.single_footer p{color:#fff;}
.single_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single_footer ul li{}
.single_footer ul li a {
    color: #fff;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 36px;
    font-size: 15px;
    text-transform: capitalize;
}
.single_footer ul li a:hover { color: #ff3666; }

.single_footer_address{}
.single_footer_address ul{}
.single_footer_address ul li{color:#fff;}
.single_footer_address ul li span {
    font-weight: 400;
    color: #fff;
    line-height: 28px;
}
.contact_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

/*START NEWSLETTER CSS*/
.subscribe {
    display: block;
    position: relative;
    margin-top: 15px;
    width: 100%;
}
.subscribe__input {
    background-color: #fff;
    border: medium none;
    border-radius: 5px;
    color: #333;
    display: block;
    font-size: 15px;
    font-weight: 500;
    height: 60px;
    letter-spacing: 0.4px;
    margin: 0;
    padding: 0 150px 0 20px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
}
@media only screen and (max-width:768px) {
    .subscribe__input{padding: 0 50px 0 20px;}
}

.subscribe__btn {
    background-color: transparent;
    border-radius: 0 25px 25px 0;
    color: #01c7e9;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
}


.subscribe__btn i{transition: all 0.3s ease 0s;}
@media only screen and (max-width:768px) {
    .subscribe__btn{right:0px;}
}

.subscribe__btn:hover i {
    color:#ff3666;
}


#incomingCallModal i,
#outgoingCallModal i,
#missedCallModal i {
    color: var(--white) !important;
}

button {
    padding: 0;
    border: none;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
}
/*END NEWSLETTER CSS*/

/*START SOCIAL PROFILE CSS*/

.datebook-footer-copyright,
.datebook-footer-copyright a,
.datebook-footer-copyright p {
    color: white !important;
}

.datebook-footer-copyright ul,
.datebook-footer-copyright li {
    list-style: none !important;
}

.datebook-footer-copyright ul {
    margin-left: 0 !important;
}

.datebook-footer-copyright ul li a:hover {
    font-weight: bold !important;
}

.social_profile {margin-top:40px;}
.social_profile ul{
    list-style: outside none none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.social_profile li{
    list-style: none !important;
}
.social_profile ul li{float:left;}
.social_profile ul li a {
    text-align: center !important;
    border: 0px !important;
    text-transform: uppercase !important;
    transition: all 0.3s ease 0s !important;
    margin: 0px 5px !important;
    font-size: 18px !important;
    color: #fff !important;
    border-radius: 30px !important;
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    display: block !important;
    border: 1px solid rgba(255,255,255,0.2) !important;
}
@media only screen and (max-width:768px) {
    .social_profile ul li a{margin-right:10px !important;margin-bottom:10px !important;}
}
@media only screen and (max-width:480px) {
    .social_profile ul li a{
        width:40px !important;
        height:40px !important;
        line-height:40px !important;
    }
}
.social_profile ul li a:hover{
    background:#ff3666 !important;
    border: 1px solid #ff3666 !important;
    color:#fff !important;
    border:0px !important;
}
/*END SOCIAL PROFILE CSS*/
.copyright {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    color:#fff !important;
    font-size: 15px !important;
    text-align: center !important;
    font-family: 'Arsenal', sans-serif !important;
}
.copyright a{transition: all 0.2s ease 0s !important;}
.copyright a:hover{color:#ff3666 !important;}

div.datebook-search-other.datebook-search-panel {
    background-color: #FFF;
}
.mo_btn  {
    width: 100% !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
}
.mo_btn-google {
    margin-top:10px !important;
}
.mo-openid-app-icons p {
    width:100% !important;
    display:block !important;
    text-align:center !important;
}
.mo-openid-app-icons {
    margin-top:30px !important;
    margin-left: -8px !important;
    margin-right: 8px !important;
}

.mo-openid-app-icons .mo_btn {
    background: linear-gradient(90deg, #00c6ff, #0072ff) !important;
    color: white !important;
    text-align: center !important;
    border: none !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: 0.3s ease-in-out !important;
    #margin-left: 0 !important;
}

.mo-openid-app-icons .mo_btn i, .mo-openid-app-icons>a>img {
    align-self: center !important;
}

.mo_btn-social i {
    border-right: 0 !important;
}

.mo-openid-app-icons a {
    font-size: 18px;
    letter-spacing: 0.5px;
}

.mo-openid-app-icons .mo_btn:hover {
    filter: hue-rotate(120deg);
}

#RegisterAccordion {
    width: 100%;
}

#RegisterAccordion h2 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

#findamate-registration .accordion-button {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    background-color: var(--white);
    color: var(--font-color);
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    transition: background-color 0.3s, border-color 0.3s;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
}

#findamate-registration .accordion-button.collapsed {
    border: 1px solid var(--border-color);
}

#findamate-registration .accordion-button::after {
    background-image: var(--mdb-accordion-btn-icon);
    filter: invert(1);
}

#findamate-registration .accordion-button:hover,
#findamate-registration .select2-selection--single:hover {
    background-color:var(--blue-500) !important;
    border-color:var(--blue-500) !important;
    color: var(--white) !important;
}

#findamate-registration .accordion-item {
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

/*#findamate-registration {
    margin-top:20px !important;
}*/

#findamateApp #findamate-registration h3:not(:first-child) {
    margin-top:30px !important;
}

#findamate-registration .accordion-item {
    margin-top:10px !important;
    margin-bottom:20px !important;
}

#findamate-registration .form-group {
    max-width:100% !important;
}

#findamate-registration .action_buttons {
    display:flex;
}

#skip-button {
    background-color:var(--white) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--font-color) !important;
}

#skip-button:hover {
    background-color:var(--pink-500) !important;
    border: 1px solid var(--pink-500) !important;
    color: var(--font-active-color) !important;
}

.carousel-dots .dot.active {
    background: var(--pink-500) !important;
}

.carousel-dots .dot:hover {
    background: var(--blue-500) !important;
}

.carousel-dots {
    width: 20% !important;
}



/* For sticky */
body,
html{
    overflow: visible !important;
}

footer .et_builder_inner_content .et_pb_section:first-child {
    display:none !important;
}

#header-row {
    background-color: #0f5291!important;
}

.footer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top:10px !important;
    padding-bottom:10px !important;
}

#findamate-menu-container {
    width:320px !important;
}

#findamate-menu.show-menu #findamate-menu-container ul {
    width:100% !important;
    margin:0 ;
}

#findamate-menu.show-menu #findamate-menu-container ul.mb-100 {
    margin-bottom:70px;
}

#findamate-menu.show-menu #findamate-menu-container ul li.divider {
    border-top: 1px solid rgba(209, 217, 224, 0.7);
    padding: 39px 0px 0px;
}

#findamate-menu.show-menu #findamate-menu-container ul li.padding-bottom {
    padding-bottom: 25px;
}

#findamate-menu.show-menu #findamate-menu-container ul li a {
    font-size: 30px !important;
}

#findamate-menu-container {
    flex-direction: column;
}

#findamate-menu.show-menu #findamate-menu-container ul {
    margin-top: auto;
}

footer {
    z-index: 800;
}

header {
    z-index: 150 !important;
}

#findamate-menu.show-menu #findamate-menu-container ul.extra_links li > a {
    font-size: 15px !important;
    text-decoration: underline !important;
    padding-bottom:0px;
}

#findamate-menu.show-menu #findamate-menu-container ul.extra_links {
    display: flex !important;
    flex-direction: row;
    width: 84% !important;
    flex-wrap: wrap;
    justify-content: center;
    gap:10px;
}

ul.extra_links {
    padding-bottom:15px !important;
}


.info-item {
    flex: 1 1 100%;
    background-color: var(--white);
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    height: fit-content;
}

.info-item strong {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    color: #555;
}

.image-actions .trash-button {
    background-color: var(--icon-color) !important;
}

.image-actions .trash-button .fa {
    color: #fff !important;
}

.image-actions .default-button, .default-box {
    background-color: var(--blue-500) !important;
}

.select2-container--default .select2-results {
    background-color: var(--input-bg) !important;
    color: var(--font-color) !important;
    font-weight: 300 !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--active-color) !important;
    color: var(--font-active-color);
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: var(--active-color) !important;
    color: var(--font-active-color);
}

.select2-search.select2-search--dropdown {
    background-color: var(--input-bg) !important;
    color: var(--white) !important;
    font-weight: 300 !important;
}

.select2-container--open .select2-dropdown--below {
    border-left: 1px var(--border-color) solid !important;
    border-right: 1px var(--border-color) solid !important;
    border-bottom: 1px var(--border-color) solid !important;
}

.select2-search__field {
    border: 1px var(--border-color) solid !important;
}

.select2-search__field:focus, .select2-search__field:focus-visible {
    border: 1px var(--border-active-color) solid !important;
}

.mo_btn-apple {
    margin-top:10px !important;
}

#findamate-message-modal .findamate-modal-content {
    max-width: 1200px;
    max-height: 1200px;
    background: var(--card-bg);
    box-shadow: var(--card-shadow);
}

#header {
    background: var(--header-bg) !important;
}

.et_pb_section_0_tb_footer {
    background: var(--footer-top-bg) !important;
}

.et_pb_section_1_tb_footer {
    background: var(--footer-bottom-bg) !important;
}

.findamate-body .et_pb_code_inner {
    color: white !important;
}

.messages-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0 !important;
    margin-right: 12px !important;
}

.notification-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 0 !important;
    margin-right: 30px !important;
}

.registration-wrapper {
    background-color: var(--bg-500) !important;
}

@media only screen and (max-width:468px) {
    .notification-icon {
        margin-right: 10px !important;
    }
}

#messages-counter {
    position: absolute;
    top: 4px;
    margin-left: 0;
    color: white !important;
    font-weight: bold;
    font-size: 13px;
    border-radius: 50%;
}

#notification-counter {
    position: absolute;
    top: 2px;
    color: white !important;
    font-weight: bold;
    font-size: 13px;
    border-radius: 50%;
}

#et_builder_outer_content {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
}

header, footer {
    flex-shrink: 0 !important;
}

.et-l--body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.et_builder_inner_content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.et_pb_section {
    flex: 1;
}

#user_login, #user_pass {
    color: var(--font-color) !important;
}



.findamate-forgot-password input {
    border: 2px solid #cacaca82 !important;
    background: #fafafa !important;
    border-radius: 4px !important;
    padding: 12px 50px !important;
    width: 100% !important;
    text-align: left !important;
    font-size: 18px !important;
    letter-spacing: 0.5px !important;
    #margin-top: 10px !important;
    #margin-bottom: 40px !important;
}

/* Submit Button Styles */
.findamate-forgot-password button {
    background: linear-gradient(90deg, #00c6ff, #0072ff);
    color: white !important;
    text-align: center !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: 0.3s ease-in-out !important;
    padding: 12px 50px;
    margin-top: 30px !important;
    #width: 50%;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.findamate-forgot-password button:hover {
    filter: hue-rotate(120deg) !important;
}

.findamate-forgot-password form,
.findamate-forgot-password h2,
.findamate-forgot-password .alert,
.findamate-forgot-password .findamate-forgot-password-confirmation-message {
    #width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.findamate-forgot-password .findamate-form-message {
    margin-bottom: 20px !important;
}

.findamate-forgot-password h2 {
    font-size: 24px !important;
    padding-bottom: 20px !important;
}

.findamate-button-wrapper {
    text-align: center !important;
}

/*.findamate-forgot-password .findamate-form-input {
    text-align: center !important;
}*/

.findamate-forgot-password .alert {
    padding-bottom: 20px !important;
}

.findamate-forgot-password .alert-danger {
    color: red !important;
}

.findamate-change-password .alert-danger {
    color: #FFB3B3 !important;
}


.findamate-forgot-password .alert-success {
    color: green !important;
}

.findamate-change-password .alert-success {
    color: #00F500 !important;
}

.findamate-forgot-password .alert-danger li {
    list-style-type: none !important;
}

.findamate-forgot-password .alert-danger ul {
    margin-left: 0px !important;
}

.findamate-forgot-password .input-icon {
    position: absolute;
    left: 20px;
    top: 53%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
}

.findamate-forgot-password .input-group {
    position: relative;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.findamate-forgot-password p.woocommerce-form-row {
    float:unset !important;
    margin: 0 auto !important;
}

.findamate-forgot-password p.findamate-form-message {
    text-align:center !important;
}

.findamate-change-password .findamate-form-message, .findamate-change-password  ul{
    text-align: left !important;
}

#findamate-contact input, #findamate-contact textarea {
    background: var(--input-bg) !important;
    border-radius: var(--border-radius) var(--border-radius) 0 0 !important;
    border: 1px var(--border-color) solid !important;
    padding: 0.5rem 0.5rem;
    width: 100% !important;
    color: var(--font-color) !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

#findamate-contact input:focus, #findamate-contact textarea:focus {
    border: 1px var(--border-active-color) solid !important;
}

#findamate-contact textarea{
    padding:10px !important;
}

#findamate-contact label {
    margin-bottom:5px !important;
}

#findamate-contact button {
    background-color: var(--blue-500);
    border-color: var(--border-color);
    color: white;
    border-radius: var(--border-radius) !important;
    padding: 15px;
    margin-top: 20px !important;
    max-width: 420px;
    width: 100%;
    box-shadow: var(--card-shadow) !important;
    font-size: 18px;
    letter-spacing: 0.5px;
}


#findamate-contact  button:hover {
    transform: var(--card-transform) !important;
    transition: var(--card-transition) !important;
    background-color: var(--pink-500) !important;
}

/* Animated Title Styling */
#animated-title {
    color: white;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    font-family: 'Arsenal', sans-serif;
}

#animated-title span {
    display: inline-block;
    opacity: 0;
    transform: translateY(20px);
    animation-fill-mode: forwards;
    animation: fadeInUp 0.8s ease 0.5s forwards;
    position: relative;
}

#animated-title span::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 5px;
    background: linear-gradient(to right, var(--pink-400), var(--pink-500));
    animation: underlineSlide 0.5s ease 1.8s forwards;
}

.contact-form-container .button_container button {
    font-size:14px;
}

.contact-form-container .button_container {
    text-align:center !important;
    margin-top:0px !important;
}

.contact-form-container form {
    width:100%;
}

.contact-form-container .alert {
    display:none !important;
}

.contact-form-container input, .contact-form-container textarea {
    margin-bottom:5px !important;
}

.contact-form-container .text-error {
    color: red !important;
    margin-top: 20px !important;
}

.contact-form-container {
    display:flex;
    justify-content:space-between;
}

.contact-form-container {
    width:50% !important;
}

.contact-company-info {
    width:40% !important;
}

.contact-form {
    display: flex;
    justify-content: space-between;
}


@keyframes underlineSlide {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.pswp {
   z-index:50000 !important;
}

.findamate-footer.et_pb_section {
    padding-top: 40px !important;
    padding-bottom: 10px !important;
}

.findamate-footer .et_pb_row {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.admin-bar header {
    margin-top: 0 !important;
}

@media only screen and (max-width: 600px) {
    .findamate-change-password .form-row  {
        width:100% !important;
    }
   .contact-form {
       display:block !important;
   }
   .contact-form-container , .contact-company-info {
       width:100% !important;
   }
   .contact-company-info {
        text-align: center !important;
        margin-top: 10px !important;
   }
}

#thank-you {
    background-color: #0f5291 !important;
    color: white !important;
}

#logo img {
    height: 60px !important;
    max-height: 60px !important;
}

#header-row > div {
    padding-top:20px !important;
    padding-bottom: 20px !important;
}

@media (max-width: 782px) {
    #cancelModal #cancelModalContainer {
        top: 7% !important;
    }

    #wpadminbar {
        z-index: 999 !important;
    }

    .admin-bar .pswp {
        height: 100%;
        top: 0;
    }

    .admin-bar header {
        margin-top: 0 !important;
    }

    #logo img {
        height: auto !important;
        max-height: 40px !important;
    }

    #header-row > div {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }
}

#et-boc {
    background-color: var(--main-bg) !important;
}

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

#findamate-profile-modal .profile-details {
    align-content: flex-start;
}

#report-modal i, #callDeclinedModal i, #callDurationModal i, #callFailedModal i {
    color: var(--font-active-color) !important;
}

#edit-form .user-name i {
    display:flex;
}


#report-other-reason {
    width:100% !important;
}

#header-row {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

/* Error Message Styling */
#findamate-error {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #e63946;
    font-size: 1.2em;
    padding: 20px;
    text-align: center;
}

#findamate-error i {
    font-size: 2em;
    margin-top: 10px;
}

#findamate-error p {
    margin-top: 10px;
    font-weight: bold;
    color: #fff;
}

.et-db #et-boc .et-l .et_pb_section_0_tb_body.et_pb_section.findamate-section {
    background-color: #0f5291 !important;
}

#cancelModal #cancelModalContainer {
    top: 14% !important;
}