:root {
    --tblr-primary: #206bc4;
    --tblr-primary-rgb: 32, 107, 196;
    --tblr-primary-fg: var(--tblr-light);
    --tblr-primary-darken: #1d60b0;
    --tblr-primary-lt: #e9f0f9;
    --tblr-primary-lt-rgb: 233, 240, 249;
    --tblr-secondary: #6c7a91;
    --tblr-secondary-rgb: 108, 122, 145;
    --tblr-secondary-fg: var(--tblr-light);
    --tblr-secondary-darken: #616e83;
    --tblr-secondary-lt: #f0f2f4;
    --tblr-secondary-lt-rgb: 240, 242, 244;
    --tblr-success: #2fb344;
    --tblr-success-rgb: 47, 179, 68;
    --tblr-success-fg: var(--tblr-light);
    --tblr-success-darken: #2aa13d;
    --tblr-success-lt: #eaf7ec;
    --tblr-success-lt-rgb: 234, 247, 236;
    --tblr-info: #4299e1;
    --tblr-info-rgb: 66, 153, 225;
    --tblr-info-fg: var(--tblr-light);
    --tblr-info-darken: #3b8acb;
    --tblr-info-lt: #ecf5fc;
    --tblr-info-lt-rgb: 236, 245, 252;
    --tblr-warning: #f76707;
    --tblr-warning-rgb: 247, 103, 7;
    --tblr-warning-fg: var(--tblr-light);
    --tblr-warning-darken: #de5d06;
    --tblr-warning-lt: #fef0e6;
    --tblr-warning-lt-rgb: 254, 240, 230;
    --tblr-danger: #d63939;
    --tblr-danger-rgb: 214, 57, 57;
    --tblr-danger-fg: var(--tblr-light);
    --tblr-danger-darken: #c13333;
    --tblr-danger-lt: #fbebeb;
    --tblr-danger-lt-rgb: 251, 235, 235;
    --tblr-light: #f6f8fb;
    --tblr-light-rgb: 246, 248, 251;
    --tblr-light-fg: var(--tblr-dark);
    --tblr-light-darken: #dddfe2;
    --tblr-light-lt: #fefeff;
    --tblr-light-lt-rgb: 254, 254, 255;
    --tblr-dark: #182433;
    --tblr-dark-rgb: 24, 36, 51;
    --tblr-dark-fg: var(--tblr-light);
    --tblr-dark-darken: #16202e;
    --tblr-dark-lt: #e8e9eb;
    --tblr-dark-lt-rgb: 232, 233, 235;
    --tblr-muted: #6c7a91;
    --tblr-muted-rgb: 108, 122, 145;
    --tblr-muted-fg: var(--tblr-light);
    --tblr-muted-darken: #616e83;
    --tblr-muted-lt: #f0f2f4;
    --tblr-muted-lt-rgb: 240, 242, 244;
    --tblr-blue: #206bc4;
    --tblr-blue-rgb: 32, 107, 196;
    --tblr-blue-fg: var(--tblr-light);
    --tblr-blue-darken: #1d60b0;
    --tblr-blue-lt: #e9f0f9;
    --tblr-blue-lt-rgb: 233, 240, 249;
    --tblr-azure: #4299e1;
    --tblr-azure-rgb: 66, 153, 225;
    --tblr-azure-fg: var(--tblr-light);
    --tblr-azure-darken: #3b8acb;
    --tblr-azure-lt: #ecf5fc;
    --tblr-azure-lt-rgb: 236, 245, 252;
    --tblr-indigo: #4263eb;
    --tblr-indigo-rgb: 66, 99, 235;
    --tblr-indigo-fg: var(--tblr-light);
    --tblr-indigo-darken: #3b59d4;
    --tblr-indigo-lt: #eceffd;
    --tblr-indigo-lt-rgb: 236, 239, 253;
    --tblr-purple: #ae3ec9;
    --tblr-purple-rgb: 174, 62, 201;
    --tblr-purple-fg: var(--tblr-light);
    --tblr-purple-darken: #9d38b5;
    --tblr-purple-lt: #f7ecfa;
    --tblr-purple-lt-rgb: 247, 236, 250;
    --tblr-pink: #d6336c;
    --tblr-pink-rgb: 214, 51, 108;
    --tblr-pink-fg: var(--tblr-light);
    --tblr-pink-darken: #c12e61;
    --tblr-pink-lt: #fbebf0;
    --tblr-pink-lt-rgb: 251, 235, 240;
    --tblr-red: #d63939;
    --tblr-red-rgb: 214, 57, 57;
    --tblr-red-fg: var(--tblr-light);
    --tblr-red-darken: #c13333;
    --tblr-red-lt: #fbebeb;
    --tblr-red-lt-rgb: 251, 235, 235;
    --tblr-orange: #f76707;
    --tblr-orange-rgb: 247, 103, 7;
    --tblr-orange-fg: var(--tblr-light);
    --tblr-orange-darken: #de5d06;
    --tblr-orange-lt: #fef0e6;
    --tblr-orange-lt-rgb: 254, 240, 230;
    --tblr-yellow: #f59f00;
    --tblr-yellow-rgb: 245, 159, 0;
    --tblr-yellow-fg: var(--tblr-light);
    --tblr-yellow-darken: #dd8f00;
    --tblr-yellow-lt: #fef5e6;
    --tblr-yellow-lt-rgb: 254, 245, 230;
    --tblr-lime: #74b816;
    --tblr-lime-rgb: 116, 184, 22;
    --tblr-lime-fg: var(--tblr-light);
    --tblr-lime-darken: #68a614;
    --tblr-lime-lt: #f1f8e8;
    --tblr-lime-lt-rgb: 241, 248, 232;
    --tblr-green: #2fb344;
    --tblr-green-rgb: 47, 179, 68;
    --tblr-green-fg: var(--tblr-light);
    --tblr-green-darken: #2aa13d;
    --tblr-green-lt: #eaf7ec;
    --tblr-green-lt-rgb: 234, 247, 236;
    --tblr-teal: #0ca678;
    --tblr-teal-rgb: 12, 166, 120;
    --tblr-teal-fg: var(--tblr-light);
    --tblr-teal-darken: #0b956c;
    --tblr-teal-lt: #e7f6f2;
    --tblr-teal-lt-rgb: 231, 246, 242;
    --tblr-cyan: #17a2b8;
    --tblr-cyan-rgb: 23, 162, 184;
    --tblr-cyan-fg: var(--tblr-light);
    --tblr-cyan-darken: #1592a6;
    --tblr-cyan-lt: #e8f6f8;
    --tblr-cyan-lt-rgb: 232, 246, 248;
    --tblr-facebook: #1877f2;
    --tblr-facebook-rgb: 24, 119, 242;
    --tblr-facebook-fg: var(--tblr-light);
    --tblr-facebook-darken: #166bda;
    --tblr-facebook-lt: #e8f1fe;
    --tblr-facebook-lt-rgb: 232, 241, 254;
    --tblr-twitter: #1da1f2;
    --tblr-twitter-rgb: 29, 161, 242;
    --tblr-twitter-fg: var(--tblr-light);
    --tblr-twitter-darken: #1a91da;
    --tblr-twitter-lt: #e8f6fe;
    --tblr-twitter-lt-rgb: 232, 246, 254;
    --tblr-linkedin: #0a66c2;
    --tblr-linkedin-rgb: 10, 102, 194;
    --tblr-linkedin-fg: var(--tblr-light);
    --tblr-linkedin-darken: #095caf;
    --tblr-linkedin-lt: #e7f0f9;
    --tblr-linkedin-lt-rgb: 231, 240, 249;
    --tblr-google: #dc4e41;
    --tblr-google-rgb: 220, 78, 65;
    --tblr-google-fg: var(--tblr-light);
    --tblr-google-darken: #c6463b;
    --tblr-google-lt: #fcedec;
    --tblr-google-lt-rgb: 252, 237, 236;
    --tblr-youtube: #ff0000;
    --tblr-youtube-rgb: 255, 0, 0;
    --tblr-youtube-fg: var(--tblr-light);
    --tblr-youtube-darken: #e60000;
    --tblr-youtube-lt: #ffe6e6;
    --tblr-youtube-lt-rgb: 255, 230, 230;
    --tblr-vimeo: #1ab7ea;
    --tblr-vimeo-rgb: 26, 183, 234;
    --tblr-vimeo-fg: var(--tblr-light);
    --tblr-vimeo-darken: #17a5d3;
    --tblr-vimeo-lt: #e8f8fd;
    --tblr-vimeo-lt-rgb: 232, 248, 253;
    --tblr-dribbble: #ea4c89;
    --tblr-dribbble-rgb: 234, 76, 137;
    --tblr-dribbble-fg: var(--tblr-light);
    --tblr-dribbble-darken: #d3447b;
    --tblr-dribbble-lt: #fdedf3;
    --tblr-dribbble-lt-rgb: 253, 237, 243;
    --tblr-github: #181717;
    --tblr-github-rgb: 24, 23, 23;
    --tblr-github-fg: var(--tblr-light);
    --tblr-github-darken: #161515;
    --tblr-github-lt: #e8e8e8;
    --tblr-github-lt-rgb: 232, 232, 232;
    --tblr-instagram: #e4405f;
    --tblr-instagram-rgb: 228, 64, 95;
    --tblr-instagram-fg: var(--tblr-light);
    --tblr-instagram-darken: #cd3a56;
    --tblr-instagram-lt: #fcecef;
    --tblr-instagram-lt-rgb: 252, 236, 239;
    --tblr-pinterest: #bd081c;
    --tblr-pinterest-rgb: 189, 8, 28;
    --tblr-pinterest-fg: var(--tblr-light);
    --tblr-pinterest-darken: #aa0719;
    --tblr-pinterest-lt: #f8e6e8;
    --tblr-pinterest-lt-rgb: 248, 230, 232;
    --tblr-vk: #6383a8;
    --tblr-vk-rgb: 99, 131, 168;
    --tblr-vk-fg: var(--tblr-light);
    --tblr-vk-darken: #597697;
    --tblr-vk-lt: #eff3f6;
    --tblr-vk-lt-rgb: 239, 243, 246;
    --tblr-rss: #ffa500;
    --tblr-rss-rgb: 255, 165, 0;
    --tblr-rss-fg: var(--tblr-light);
    --tblr-rss-darken: #e69500;
    --tblr-rss-lt: #fff6e6;
    --tblr-rss-lt-rgb: 255, 246, 230;
    --tblr-flickr: #0063dc;
    --tblr-flickr-rgb: 0, 99, 220;
    --tblr-flickr-fg: var(--tblr-light);
    --tblr-flickr-darken: #0059c6;
    --tblr-flickr-lt: #e6effc;
    --tblr-flickr-lt-rgb: 230, 239, 252;
    --tblr-bitbucket: #0052cc;
    --tblr-bitbucket-rgb: 0, 82, 204;
    --tblr-bitbucket-fg: var(--tblr-light);
    --tblr-bitbucket-darken: #004ab8;
    --tblr-bitbucket-lt: #e6eefa;
    --tblr-bitbucket-lt-rgb: 230, 238, 250;
    --tblr-tabler: #0054a6;
    --tblr-tabler-rgb: 0, 84, 166;
    --tblr-tabler-fg: var(--tblr-light);
    --tblr-tabler-darken: #004c95;
    --tblr-tabler-lt: #e6eef6;
    --tblr-tabler-lt-rgb: 230, 238, 246;
    --tblr-gray-50: #f6f8fb;
    --tblr-gray-50-rgb: 246, 248, 251;
    --tblr-gray-50-fg: var(--tblr-dark);
    --tblr-gray-50-darken: #dddfe2;
    --tblr-gray-50-lt: #fefeff;
    --tblr-gray-50-lt-rgb: 254, 254, 255;
    --tblr-gray-100: #eef3f6;
    --tblr-gray-100-rgb: 238, 243, 246;
    --tblr-gray-100-fg: var(--tblr-dark);
    --tblr-gray-100-darken: #d6dbdd;
    --tblr-gray-100-lt: #fdfefe;
    --tblr-gray-100-lt-rgb: 253, 254, 254;
    --tblr-gray-200: #dce1e7;
    --tblr-gray-200-rgb: 220, 225, 231;
    --tblr-gray-200-fg: var(--tblr-dark);
    --tblr-gray-200-darken: #c6cbd0;
    --tblr-gray-200-lt: #fcfcfd;
    --tblr-gray-200-lt-rgb: 252, 252, 253;
    --tblr-gray-300: #b8c4d4;
    --tblr-gray-300-rgb: 184, 196, 212;
    --tblr-gray-300-fg: var(--tblr-light);
    --tblr-gray-300-darken: #a6b0bf;
    --tblr-gray-300-lt: #f8f9fb;
    --tblr-gray-300-lt-rgb: 248, 249, 251;
    --tblr-gray-400: #8a97ab;
    --tblr-gray-400-rgb: 138, 151, 171;
    --tblr-gray-400-fg: var(--tblr-light);
    --tblr-gray-400-darken: #7c889a;
    --tblr-gray-400-lt: #f3f5f7;
    --tblr-gray-400-lt-rgb: 243, 245, 247;
    --tblr-gray-500: #6c7a91;
    --tblr-gray-500-rgb: 108, 122, 145;
    --tblr-gray-500-fg: var(--tblr-light);
    --tblr-gray-500-darken: #616e83;
    --tblr-gray-500-lt: #f0f2f4;
    --tblr-gray-500-lt-rgb: 240, 242, 244;
    --tblr-gray-600: #49566c;
    --tblr-gray-600-rgb: 73, 86, 108;
    --tblr-gray-600-fg: var(--tblr-light);
    --tblr-gray-600-darken: #424d61;
    --tblr-gray-600-lt: #edeef0;
    --tblr-gray-600-lt-rgb: 237, 238, 240;
    --tblr-gray-700: #3a4859;
    --tblr-gray-700-rgb: 58, 72, 89;
    --tblr-gray-700-fg: var(--tblr-light);
    --tblr-gray-700-darken: #344150;
    --tblr-gray-700-lt: #ebedee;
    --tblr-gray-700-lt-rgb: 235, 237, 238;
    --tblr-gray-800: #182433;
    --tblr-gray-800-rgb: 24, 36, 51;
    --tblr-gray-800-fg: var(--tblr-light);
    --tblr-gray-800-darken: #16202e;
    --tblr-gray-800-lt: #e8e9eb;
    --tblr-gray-800-lt-rgb: 232, 233, 235;
    --tblr-gray-900: #040a11;
    --tblr-gray-900-rgb: 4, 10, 17;
    --tblr-gray-900-fg: var(--tblr-light);
    --tblr-gray-900-darken: #04090f;
    --tblr-gray-900-lt: #e6e7e7;
    --tblr-gray-900-lt-rgb: 230, 231, 231;
    --tblr-spacer-0: 0;
    --tblr-spacer-1: 0.25rem;
    --tblr-spacer-2: 0.5rem;
    --tblr-spacer-3: 1rem;
    --tblr-spacer-4: 1.5rem;
    --tblr-spacer-5: 2rem;
    --tblr-spacer-6: 3rem;
    --tblr-spacer-7: 5rem;
    --tblr-spacer-8: 8rem;
    --tblr-spacer: 1rem;
    --tblr-bg-surface: var(--tblr-white);
    --tblr-bg-surface-secondary: var(--tblr-gray-100);
    --tblr-bg-surface-tertiary: var(--tblr-gray-50);
    --tblr-bg-surface-dark: var(--tblr-dark);
    --tblr-bg-forms: var(--tblr-bg-surface);
    --tblr-border-color: #dce1e7;
    --tblr-border-color-translucent: rgba(4, 32, 69, 0.1);
    --tblr-border-dark-color: #8a97ab;
    --tblr-border-dark-color-translucent: rgba(4, 32, 69, 0.27);
    --tblr-border-active-color: #aab2bf;
    --tblr-icon-color: var(--tblr-gray-400);
    --tblr-active-bg: rgba(var(--tblr-primary-rgb), 0.04);
    --tblr-disabled-bg: var(--tblr-bg-surface-secondary);
    --tblr-disabled-color: var(--tblr-gray-300);
    --tblr-code-color: var(--tblr-gray-600);
    --tblr-code-bg: var(--tblr-bg-surface-secondary);
    --tblr-dark-mode-border-color: #25384f;
    --tblr-dark-mode-border-color-translucent: rgba(72, 110, 149, 0.14);
    --tblr-dark-mode-border-active-color: #2c415d;
    --tblr-dark-mode-border-dark-color: #1f2e41;
    --tblr-page-padding: var(--tblr-spacer-3);
    --tblr-page-padding-y: var(--tblr-spacer-4);
    --tblr-font-weight-light: 300;
    --tblr-font-weight-normal: 400;
    --tblr-font-weight-medium: 500;
    --tblr-font-weight-bold: 600;
    --tblr-font-weight-headings: var(--tblr-font-weight-bold);
    --tblr-font-size-h1: 1.5rem;
    --tblr-font-size-h2: 1.25rem;
    --tblr-font-size-h3: 1rem;
    --tblr-font-size-h4: 0.875rem;
    --tblr-font-size-h5: 0.75rem;
    --tblr-font-size-h6: 0.625rem;
    --tblr-line-height-h1: 2rem;
    --tblr-line-height-h2: 1.75rem;
    --tblr-line-height-h3: 1.5rem;
    --tblr-line-height-h4: 1.25rem;
    --tblr-line-height-h5: 1rem;
    --tblr-line-height-h6: 1rem;
    --tblr-box-shadow: rgba(var(--tblr-body-color-rgb), 0.04) 0 2px 4px 0;
    --tblr-box-shadow-border: inset 0 0 0 1px var(--tblr-border-color-translucent);
    --tblr-box-shadow-transparent: 0 0 0 0 transparent;
    --tblr-box-shadow-input: 0 1px 1px rgba(var(--tblr-body-color-rgb), 0.06);
    --tblr-box-shadow-card: 0 0 4px rgba(var(--tblr-body-color-rgb), 0.04);
    --tblr-box-shadow-card-hover: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
    --tblr-box-shadow-dropdown: 0 16px 24px 2px rgba(0, 0, 0, 0.07), 0 6px 30px 5px rgba(0, 0, 0, 0.06), 0 8px 10px -5px rgba(0, 0, 0, 0.1)
}

.bg-green-lt {
    --tblr-bg-opacity: 1;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-green-rgb), var(--tblr-text-opacity)) !important;
    background-color: rgba(var(--tblr-green-lt-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-red-lt {
    --tblr-bg-opacity: 1;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-red-rgb), var(--tblr-text-opacity)) !important;
    background-color: rgba(var(--tblr-red-lt-rgb), var(--tblr-bg-opacity)) !important;
}

.bg-muted-lt {
    --tblr-bg-opacity: 1;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-muted-rgb), var(--tblr-text-opacity)) !important;
    background-color: rgba(var(--tblr-muted-lt-rgb), var(--tblr-bg-opacity)) !important
}

.bg-indigo-lt {
    --tblr-bg-opacity: 1;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-indigo-rgb), var(--tblr-text-opacity)) !important;
    background-color: rgba(var(--tblr-indigo-lt-rgb), var(--tblr-bg-opacity)) !important
}

.bg-yellow-lt {
    --tblr-bg-opacity: 1;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-yellow-rgb), var(--tblr-text-opacity)) !important;
    background-color: rgba(var(--tblr-yellow-lt-rgb), var(--tblr-bg-opacity)) !important
}

.bg-teal-lt {
    --tblr-bg-opacity: 1;
    --tblr-text-opacity: 1;
    color: rgba(var(--tblr-teal-rgb), var(--tblr-text-opacity)) !important;
    background-color: rgba(var(--tblr-teal-lt-rgb), var(--tblr-bg-opacity)) !important
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
   * Remove text-shadow in selection highlight:
   * https://twitter.com/miketaylr/status/12228805301
   *
   * Customize the background color to match your design.
   */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
   * A better looking default horizontal rule
   */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
   * Remove the gap between audio, canvas, iframes,
   * images, videos and the bottom of their containers:
   * https://github.com/h5bp/html5-boilerplate/issues/440
   */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
   * Remove default fieldset styles.
   */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

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

a {
    text-decoration: none !important;
}

/*
   * Allow only vertical resizing of textareas.
   */

textarea {
    resize: vertical;
}

body {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 400;
    background-color: #fafafa;
    overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

/* color */
:root {
    --bg-primary: #2765B2;
    --bg-primary-hover: #2766b29c;
    --bg-secondary: #d83627;
    --bg-black: #27272A;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pt-8 {
    padding-top: 80px;
}

.pb-8 {
    padding-bottom: 80px;
}

/* =============================  header ================================= */

.header-section {
    backdrop-filter: blur(10px);
    background: #ffffffbd;
    border-bottom: 1px solid #e7e7e7;
    -webkit-backdrop-filter: blur(10px);
}

.navbar_menu .nav-link {
    font-size: 16px;
    color: var(--bg-dark);
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    padding: 8px 18px !important;
}

.navbar_menu .nav-link:hover {
    color: var(--bg-primary);
}

.btn-login {
    border: 2px solid #2765B2 !important;
    background: #2765b233;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.btn-login:hover {
    background: var(--bg-primary);
    color: #fff !important;
}

.navbar-toggler {
    border: 1px solid #999;
    outline: none !important;
    box-shadow: none !important;
    font-size: 20px;
}

/* =============================  Banner ================================= */

.banner-section {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.banner-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 79%);
}

.banner-section .divider svg {
    fill: #ffffff;
}

.banner-section .divider {
    position: absolute;
    bottom: -3px;
    width: 100%;
}

.banner-content {
    position: relative;
    z-index: 1;
}

.banner-content h1 {
    font-size: 52px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: #ffffff;
    max-width: 650px;
    margin: auto;
    margin-bottom: 19px;
}

.banner-content p {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    max-width: 770px;
    margin: auto;
}

.banner-form {
    max-width: 900px;
    margin: auto;
    z-index: 2;
    position: relative;
}

.banner-form .form-control {
    height: 50px;
    border: 1px solid #CCC;
    font-size: 16px;
    color: #222;
    outline: none !important;
    box-shadow: none !important;
}

.banner-form .btn-primary {
    height: 50px;
    background: var(--bg-secondary);
    border-color: var(--bg-secondary);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}


.select2-container--bootstrap-5 .select2-selection {
    height: 50px;
    border-radius: 0px !important;
    line-height: 22px !important;
    padding: 13px 9px;
    font-size: 15px;
    box-shadow: none !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    color: #fff;
    background-color: #3460ad;
}

.select2.select2-container.select2-container--bootstrap-5 {
    width: 100% !important;
}


/* =============================  About ================================= */
.about-section .section-heading {
    max-width: 700px;
    margin: auto;
}

.section-heading h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
}

.section-heading p {
    font-size: 15px;
    color: #212121;
}

.about-content .icon span {
    border: 1px dashed var(--bg-primary);
    background: #2765b217;
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 100px;
    margin-bottom: 20px;
}

.about-content .content h3 {
    font-size: 20px;
    font-weight: 600;
    color: var(--bg-dark);
    margin-bottom: 20px;
}

.about-content .content p {
    margin: 0;
    font-size: 16px;
    color: #222;
    line-height: 27px;
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
}

.about-content {
    transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -ms-transition: 0.4s ease;
    -o-transition: 0.4s ease;
}

.about-content:hover {
    background: #ab2a30 !important;
    color: #fff !important;
}

.about-content:hover p {
    color: #fff;
}

.about-content:hover .icon span {
    border-color: #fff;
}

.about-content:hover .btn-primary {
    background: #fff;
    color: #212121;
    border-color: #fff;
}


.section-title h3 {
    font-size: 18px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    color: var(--bg-black);
    margin: 0;
}

.showing_data {
    color: #272727;
    font-size: 16px;
}

/* =============================  Features ================================= */
.property-img:before {
    content: "";
    position: absolute;
    width: 100%;
    background: linear-gradient(to top, rgb(0 0 0 / 30%) 52%, rgba(0, 0, 0, 0));
    height: 70%;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 5px;
    z-index: 1;
    transition: all 0.4s ease-in;
}

.property_tag {
    width: 106px;
    height: 108px;
    overflow: hidden;
    position: absolute;
    top: -6px;
    left: -6px;
    z-index: 1;
}

.property_ribbon {
    line-height: 18px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    position: relative;
    padding: 4px 0;
    left: -28px;
    top: 26px;
    width: 135px;
    background-color: var(--bg-primary);
    color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    letter-spacing: 0.5px;
}

.property_ribbon:before,
.property_ribbon:after {
    content: "";
    border-top: 4px solid var(--bg-primary);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    bottom: -4px;
}

.property_ribbon.bg-danger:before,
.property_ribbon.bg-danger:after {
    border-top: 4px solid rgb(220 53 69);
}

.property_ribbon.bg-secondary:before, .property_ribbon.bg-secondary:after {
    border-top: 4px solid #6c757c !important;
}

.property_ribbon:before {
    left: 0;
}

.property_ribbon:after {
    right: 0;
}

.property_tag span {
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
}

.property-card .property-img {
    border-radius: 4px 4px 0px 0px !important;
    text-align: center;
}

.property-card .property-img img {
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    border-radius: 4px 4px 0px 0px !important;
}

.property-card:hover .property-img img {
    transform: scale(1.1);
}

.property-card h3 {
    line-height: 22px;
    margin-bottom: 18px;
}

.property-card h3 a {
    font-size: 18px;
    color: var(--bg-dark);
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.property-card .card-body .tag {
    display: inline-block;
    background: #e7e6e6;
    padding: 2px 10px;
    color: var(--bg-black);
    font-size: 14px;
    border-radius: 2px;
    font-weight: 600;
    font-family: 'Lato';
}

.property_info p {
    font-size: 14px;
    font-weight: 500;
    color: var(--bg-dark);
    font-family: 'Lato', sans-serif;
}

.property_info span {
    font-size: 20px;
    display: block;
}

.property-card .card-footer {
    background: #fff;
    border-top: 1px solid #ebe9e9;
    padding: 12px 12px;
}

.property-card .card-footer h5 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto Condensed', sans-serif;
    color: rgb(220 53 69);
}

.property-card:hover h3 a {
    color: var(--bg-primary);
}

.recent_properties .content h3 a {
    font-size: 14px;
    color: var(--bg-dark);
    font-weight: 600;
}

.recent_properties .content h3 {
    margin: 0;
    line-height: 18px;
    margin-bottom: 1px;
}

.recent_properties .content p {
    font-size: 13px;
}

.recent_properties .info span {
    font-size: 13px;
    color: #333;
}

.recent_properties .price {
    color: var(--bg-primary);
    font-weight: 700;
}

.recent_properties .card_img img {
    width: 110px;
    height: 110px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.recent_properties:hover .card_img img {
    transform: scale(1.1);
}

.btn-primary:hover {
    background: var(--bg-primary);
}

.btn-primary {
    padding: 10px 15px;
    font-size: 16px;
    background: var(--bg-primary);
    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

/* =============================  Advertise ================================= */

.advertise-section {
    background-color: #ffffff;
}

.banner-form .btn-primary:hover {
    background: var(--bg-secondary);
}

/* =============================  Footer ================================= */

.footer-section {
    background: #232323;
}

.footer-widget h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.footer-links ul li a {
    display: block;
    color: #BBB;
    font-size: 17px;
    padding: 4px 0px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.footer-links ul li a:hover {
    color: #fff;
}

.company_info ul li a {
    color: #CCC;
    display: block;
    padding: 5px 0px;
    font-size: 17px;
}

.widget-content p {
    color: #CCC;
    font-size: 17px;
}

.footer-bottom {
    padding: 15px 0px;
    background: #1f1f1f;
}

.footer-bottom p {
    margin: 0;
    font-size: 17px;
    color: #CCC;
}

/* =============================  Login Page ================================= */

.login_form {
    max-width: 28rem;
    margin: auto;
    border: 1px solid #EEE;

}

.login_form h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    color: var(--bg-dark);
}

.login_form .form-label {
    font-size: 16px;
    color: var(--bg-dark);
    font-family: 'Lato', sans-serif;
}

.form-control {
    font-size: 15px;
    outline: none !important;
    box-shadow: none !important;
    font-family: 'Lato', sans-serif;
    padding: 10px;
}

.form-control::placeholder {
    color: #CCC;
}

.form-label-description a {
    color: #3460ad;
    font-weight: 500;
}

.login_form .btn-primary {
    height: 45px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.login_form .btn-primary:hover {
    background-color: #2765B2 !important;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bg-primary);
    --bs-tooltip-color: #fff;
}

.login_form p {
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    color: var(--bg-dark);
}

.send_back p {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    color: var(--bg-dark);
}

.send_back p a {
    color: #3460ad;
}

.login_form .text-danger {
    font-weight: bold;
}

.form-label {
    font-size: 14px;
    color: var(--bg-dark);
    font-family: 'Lato', sans-serif;
    font-weight: 600;
}

.login_form .select2-container--bootstrap-5 .select2-selection {
    height: 45px;
    border-radius: 6px !important;
    padding: 10px 9px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}

.breadcrumb li {
    font-size: 15px;
    color: var(--bg-dark);
    font-weight: 400;
}

.breadcrumb li a {
    color: var(--bg-primary);
}

/* ============================= Custom page ================================= */

.custom-page h2 {
    font-size: 22px;
    color: var(--bg-dark);
    margin: 0;
}

.custom-page p {
    font-size: 17px;
    color: #2f2f2f;
    line-height: 28px;
}

.listing_pagination .page-link {
    font-size: 14px;
    font-weight: 600;
    color: var(--bg-dark);
    padding: 10px 18px;
    border: 1px solid #EEE;
}

.listing_pagination .active>.page-link,
.listing_pagination .page-link.active {
    background: #3460ad;
    border-color: #3460ad;
    color: #fff;
}

.listing_pagination .active>.page-link span,
.listing_pagination .page-link.active span {
    background: #3460ad;
    color: #fff;
    border-color: #3460ad;
}

.sidebar_card p {
    font-size: 15px;
    color: #777;
}

.sidebar_card h3 {
    font-size: 22px;
    font-weight: 400;
    color: #000;
    margin-top: 5px;
    font-family: 'Roboto Condensed';
}

.sidebar_card .heading h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg-dark);
}

.sidebar_card .heading {
    border-bottom: 1px solid #EEE;
    padding-bottom: 12px;
}

.sidebar_card .select2-container--bootstrap-5 .select2-selection {
    height: 45px;
    border-radius: 6px !important;
    padding: 10px 9px;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
}


.sidebar_card .form-check-label {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    color: var(--bg-dark);
    display: inline-block;
    margin-bottom: 2px;
    cursor: pointer;
}

.sidebar_card .form-check .form-check-input {
    margin-top: 3px;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-color: #e3e3e3;
    border: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

.sidebar_card .form-check-input:checked[type=radio] {
    background-color: #3460ad;
}

/* =============================  Faq ================================= */

.question-list {
    border-bottom: 1px solid #EEE;
    padding-bottom: 20px;
}

.question-title h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.question-title p {
    font-size: 16px;
    color: #272727;
    margin: 0;
    line-height: 28px;
    font-weight: 400;
}

/* ============================= About ================================= */

.about_content h1 {
    font-size: 22px;
    font-family: 'Lato', sans-serif;
    color: var(--bg-dark);
}

.about_content p {
    font-size: 16px;
    color: #212121;
    line-height: 26px;
}

/* ============================= Listing Details ================================= */

.listing-details .swiper {
    width: 100%;
    height: 100%;
}

.listing-details .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.listing-details .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listing-details .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.listing-details .swiper-slide {
    background-size: cover;
    background-position: center;
}

.listing-details .swiperGallery {
    height: 80%;
    width: 100%;
}

.listing-details .swiperThumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.listing-details .swiperThumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}

/* .listing-details .swiper-slide {
    text-align: center !important;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e2e2e2fc;
    height: 500px;
    overflow: hidden;
    border-radius: 6px;
}

.listing-details .swiper-slide img{
    width: auto !important;
    max-height: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.listing-details .swiperThumbs .swiper-slide {
    opacity: 0.4;
    text-align: center !important;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e2e2e2fc;
    height: 120px;
    overflow: hidden;
    border-radius: 6px;
}
.listing-details .swiperThumbs .swiper-slide img{
    width: auto !important;
    max-height: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
} */

.listing-details .swiperThumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.listing-details .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listing-title h1 {
    font-size: 26px;
    font-weight: 500;
    color: var(--bg-dark);
    font-family: 'Lato';
}

.listing-details .swiper-button-next,
.listing-details .swiper-button-prev {
    width: 26px;
    color: #ffffff;
    background: #303030;
    height: 40px;
    border-radius: 3px;
}

.listing-details .swiper-button-next:after,
.listing-details .swiper-button-prev:after {
    font-size: 24px;
}

.listing_type {
    background: #42a0d6;
    padding: 2px 13px;
    display: inline-block;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 15px;
}

.listing-details .price {
    font-size: 25px;
    font-weight: 700;
    color: var(--bg-dark);
    font-family: 'Lato', sans-serif;
    margin-bottom: 20px;
}

.main_info li span {
    font-size: 14px;
    color: #333;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.main_info li {
    border-radius: 3px;
    margin: 0px 10px;
}

.map h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg-dark);
}

.features h4,
.special_feaures h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--bg-dark);
}

.features .table td,
.special_feaures .table td {
    font-size: 16px;
    color: #444;
    border: 1px solid #EEE;
}
.features, .special_feaures {
    background: #f7f7f7;
    padding: 14px;
    border-radius: 6px;
}
.features ul li, .special_feaures ul li {
    padding: 4px 12px;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #1e1e1e;
}

.features ul li:before, .special_feaures ul li:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    background: #585858;
    border-radius: 50%;
    left: 0;
    top: 12px;
}

.listing-description p {
    font-size: 17px;
    color: var(--bg-dark);
}


.listing_btn a {
    padding: 8px 15px;
    border: 1px solid #22498c;
    border-radius: 6px;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.listing_btn a:hover {
    background-color: #194188;
    color: #fff;
}

.listing-option {
    background: #3460ad;
    padding: 10px 0px;
    border-radius: 4px;
}


.others-info tr {
    border: none !important;
}

.others-info td {
    border: none !important;
    font-size: 15px;
    font-family: 'Roboto Condensed';
    font-weight: 500;
    color: var(--bg-dark);
    padding: 5px 10px;
    background: #fafafa00;
}

.btn-close {
    box-shadow: none !important;
}

/* ============================= User Dashboard ================================= */

.account_info h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg-dark);
}

.account_info td {
    padding: 8px 9px;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #f7f7f7;
}

.user_info h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--bg-dark);
}

.user_info p {
    font-size: 15px;
    color: #333;
}

.user_menu a {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 2px;
    font-size: 15px;
    transition: all 0.3s ease;
    color: #212121;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.user_pic img {
    width: 100px;
    height: 100px;
}

.form_step ul li {
    position: relative;
    display: flex;
    width: 25%;
    text-align: center;
    margin: auto;
}

.form_step ul li a {
    font-size: 16px;
    color: #bbbcbd;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    padding-top: 25px;
    display: block;
    text-align: center;
    width: 100%;
}

.form_step ul li:before {
    position: absolute;
    content: "";
    top: 0px;
    left: 0;
    right: 0;
    text-align: center;
    width: 20px;
    height: 20px;
    background: #b5b5b5;
    margin: auto;
    border-radius: 50px;
}

.form_step:before {
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #EEE;
}

.form_step {
    position: relative;
}

.form_step ul li.active a {
    color: var(--bg-primary) !important;
}

.form_step ul li.active:before {
    background: var(--bg-primary) !important;
}

.form_step ul li:first-child a {
    text-align: start;
}


.form_step ul li:first-child:before {
    left: 0 !important;
    right: auto;
}

.form_step ul li:last-child:before {
    right: 0 !important;
    left: auto;
}

.form_step ul li:last-child a {
    text-align: end;
    display: block;
    width: 100%;
}

.ad-post-form .title {
    font-size: 17px;
    color: var(--bg-black);
    padding: 0px 12px;
    font-weight: 500;
}

.ad-post-form .form-check-label {
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}

.ad-post-form .form-label {
    font-size: 15px;
    color: var(--bg-dark);
    font-family: 'Lato';
    font-weight: 600;
}

fieldset {
    all: revert;
    border: 1px solid #ededed;
    padding: 20px;
    border-radius: 4px;
    background: #fafafa;
}

.prd_image {
    width: 305px;
    height: 200px;
    object-fit: cover;
}

legend {
    all: revert;
}

.reset {
    all: revert;
}

.features_amenities .form-check {
    display: inline-block;
    padding: 5px 17px;
}

.features_amenities .form-check-label {
    font-size: 16px !important;
}

.features_amenities .form-check .form-check-input {
    margin-top: 6px;
}



.account_info th {
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    font-weight: 800;
    color: var(--bg-dark);
    border: 1px solid #EEE;
    background: #f8f8f8;
}

.account_info td {
    vertical-align: middle;
    font-size: 16px !important;
    color: var(--bg-dark);
}

.ad_success,
.verify_account {
    max-width: 480px;
    margin: auto;
}

.ad_success .card {
    border: none;
}

.ad_success .card h3,
.verify_account .card h3 {
    font-size: 23px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    margin-bottom: 20px;
    color: #333;
}

.ad_success .card p,
.verify_account .card p {
    font-size: 16px;
    color: #666;
    margin: 0;
    line-height: 27px;
}

.ad_success .modal-footer,
.verify_account .modal-footer {
    padding: 10px 10px;
    border-top: 1px solid #EEE;
    background: #f6f8fb;
}

.ad_success .btn-warning {
    padding: 10px 15px;
}

.ad_success .btn {
    width: 160px;
    max-width: 160px;
}

.contact-phone .btn {
    min-width: 200px;
}

a.nav-link.active {
    color: #46A2DA !important;
}

.house_time h5 {
    font-size: 20px;
    font-weight: 600;
    color: var(--bg-dark);
    vertical-align: middle;
}

.house_time h6 {
    font-size: 16px;
    color: #212121;
    margin-bottom: 15px;
}

.house_time p {
    font-size: 18px;
}


.text_primary{
    color:var(--bg-primary) !important;
}









/* ==========================================================================
     Helper classes
     ========================================================================== */

/*
   * Hide visually and from screen readers
   */

.hidden,
[hidden] {
    display: none !important;
}

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

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    white-space: inherit;
    width: auto;
}

/*
   * Hide visually and from screen readers, but maintain layout
   */

.invisible {
    visibility: hidden;
}

/*
   * Clearfix: contain floats
   *
   * The use of `table` rather than `block` is only necessary if using
   * `::before` to contain the top-margins of child elements.
   */

.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

/* ==========================================================================
     EXAMPLE Media Queries for Responsive Design.
     These examples override the primary ('mobile first') styles.
     Modify as content requires.
     ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
     Print styles.
     Inlined to avoid the additional HTTP request:
     https://www.phpied.com/delay-loading-your-print-css/
     ========================================================================== */

@media print {

    *,
    *::before,
    *::after {
        background: #fff !important;
        color: #000 !important;
        /* Black prints faster */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " (" attr(href) ")";
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}