@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Oswald:wght@200..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&display=swap);
#root {
    overflow-x:  hidden;
}


.Postjob_cta-card__Tj3OI {
    width: 100%;
    cursor: pointer
}

@media (min-width: 640px) {
    .Postjob_cta-card__Tj3OI {
        width:50%
    }
}

.Postjob_cta-card__Tj3OI:hover {
    background-color: #f2f3fa;
    border-radius: 10px
}

.Postjob_cta-text__QgiFe {
    margin-left: -6rem;
    font-size: 15px;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(254 254 254/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    .Postjob_cta-text__QgiFe {
        margin-left:-8rem;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media(min-width: 1280px)and (max-width:1500px) {
    .Postjob_cta-text__QgiFe {
        margin-left:-100px;
        font-size: 1.4vw
    }
}
.css-1pqm26d-MuiAvatar-img {
    width: auto  !important;
    width: initial  !important;
    height: auto !important;
    height: initial !important;
}



.main__content_wrapper {
    width: 100%;
    overflow-x: hidden;
  }

  .hero__slider--section {
    width: 100vw;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
  }
  
  .main__content_wrapper {
    width: 100%;
    overflow-x: hidden;
  }
  
  @media screen and (max-width: 768px) {
    .control-container {
      height: 400px;
    }
  }
  
  @media screen and (max-width: 480px) {
    .control-container {
      height: 300px;
    }
  }
  .control-container {
    height: 760px;
    margin: 0;
    width: 100vw;
    position: relative;
    overflow: hidden;
  }@media screen and (max-width: 768px) {
    .control-container {
      height: 400px;
    }
  }.swiper-button-prev, .swiper-button-next {
  
    color: #0000002d !important;
}

@charset "UTF-8";/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-body-font-family);font-size:1rem;font-size:var(--bs-body-font-size);font-weight:400;font-weight:var(--bs-body-font-weight);line-height:1.5;line-height:var(--bs-body-line-height);color:#212529;color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:#fff;background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:inherit;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:#212529;color:var(--bs-highlight-color);background-color:#fff3cd;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(13,110,253,1);color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:#fff;color:var(--bs-body-bg);background-color:#212529;background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;background-color:var(--bs-body-bg);border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color);color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:1px;border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(1px * 2) solid currentcolor;border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0;border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 1px;border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + 1px);padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + 1px);padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + 1px);padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);appearance:none;background-color:#fff;background-color:var(--bs-body-bg);background-clip:padding-box;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;color:var(--bs-body-color);background-color:#fff;background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:rgba(33, 37, 41, 0.75);color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:#e9ecef;background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:#212529;color:var(--bs-body-color);background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:1px 0;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(1px * 2));min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(1px * 2));min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(1px * 2));min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(1px * 2));min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(1px * 2));min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(1px * 2));height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(1px * 2));height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(1px * 2));height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);appearance:none;background-color:#fff;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),none;background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#e9ecef;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#e9ecef;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:rgba(33, 37, 41, 0.75);background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:rgba(33, 37, 41, 0.75);background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(1px * 2));height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(1px * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;height:100%;padding:1rem .75rem;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(33,37,41,.65);color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:#fff;background-color:var(--bs-body-bg);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.form-floating>.form-control:-webkit-autofill~label{color:rgba(33,37,41,.65);color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:1px 0;border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:#e9ecef;background-color:var(--bs-secondary-bg)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:#f8f9fa;background-color:var(--bs-tertiary-bg);border:1px solid #dee2e6;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:0.5rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:0.25rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(1px * -1);margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:#198754;background-color:var(--bs-success);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754;border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754;background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754;color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:#dc3545;background-color:var(--bs-danger);border-radius:0.375rem;border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545;border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545;background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545;color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:0.375rem;border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(1px * -1);margin-left:calc(var(--bs-border-width) * -1)}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(1px * -1);margin-top:calc(var(--bs-border-width) * -1)}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:1px solid var(--bs-navbar-toggler-border-color);border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:75vh;max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:#212529;color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}.accordion-flush>.accordion-item>.accordion-collapse{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:"/";content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(1px * -1);margin-left:calc(var(--bs-border-width) * -1)}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z%27/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;--bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%);box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{filter:var(--bs-btn-close-white-filter)}[data-bs-theme=dark] .btn-close{filter:var(--bs-btn-close-white-filter)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z%27/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin:calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,1)!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,1)!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,1)!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,1)!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,1)!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,1)!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,1)!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,1)!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(13,110,253,1)!important;color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(13,110,253,1)!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,1)!important;color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(10,88,202,1)!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(108,117,125,1)!important;color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(108,117,125,1)!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,1)!important;color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(86,94,100,1)!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(25,135,84,1)!important;color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(25,135,84,1)!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,1)!important;color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(20,108,67,1)!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(13,202,240,1)!important;color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(13,202,240,1)!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,1)!important;color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(61,213,243,1)!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(255,193,7,1)!important;color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(255,193,7,1)!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,1)!important;color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(255,205,57,1)!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(220,53,69,1)!important;color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(220,53,69,1)!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,1)!important;color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(176,42,55,1)!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(248,249,250,1)!important;color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(248,249,250,1)!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,1)!important;color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(249,250,251,1)!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(33,37,41,1)!important;color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(33,37,41,1)!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,1)!important;color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(26,30,33,1)!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(0,0,0,1)!important;color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(0,0,0,1)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(0,0,0,.75)!important;color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;text-decoration-color:RGBA(0,0,0,0.75)!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(13,110,253,0.5);text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:translate3d(.25em,0,0);transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)!important;box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)!important;box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.175)!important;box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important;border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important;border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important;border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important;border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important;border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(13,110,253,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(108,117,125,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(25,135,84,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(13,202,240,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(255,193,7,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(220,53,69,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(248,249,250,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(33,37,41,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(0,0,0,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(255,255,255,var(--bs-border-opacity))!important;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:#9ec5fe!important;border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:#c4c8cb!important;border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:#a3cfbb!important;border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:#9eeaf9!important;border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:#ffe69c!important;border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:#f1aeb5!important;border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:#e9ecef!important;border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:#adb5bd!important;border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(13,110,253,var(--bs-text-opacity))!important;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(108,117,125,var(--bs-text-opacity))!important;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(25,135,84,var(--bs-text-opacity))!important;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(13,202,240,var(--bs-text-opacity))!important;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(255,193,7,var(--bs-text-opacity))!important;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(220,53,69,var(--bs-text-opacity))!important;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(248,249,250,var(--bs-text-opacity))!important;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(0,0,0,var(--bs-text-opacity))!important;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(255,255,255,var(--bs-text-opacity))!important;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(33,37,41,var(--bs-text-opacity))!important;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.75)!important;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.75)!important;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:rgba(33, 37, 41, 0.5)!important;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:#000!important;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:#052c65!important;color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:#2b2f32!important;color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:#0a3622!important;color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:#055160!important;color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:#664d03!important;color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:#58151c!important;color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:#495057!important;color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:#495057!important;color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;text-decoration-color:rgba(13,110,253,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;text-decoration-color:rgba(108,117,125,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;text-decoration-color:rgba(25,135,84,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;text-decoration-color:rgba(13,202,240,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;text-decoration-color:rgba(255,193,7,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;text-decoration-color:rgba(220,53,69,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;text-decoration-color:rgba(248,249,250,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;text-decoration-color:rgba(33,37,41,var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;text-decoration-color:rgba(13,110,253,1)!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(13,110,253,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(108,117,125,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(25,135,84,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(13,202,240,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(255,193,7,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(220,53,69,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(33,37,41,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(0,0,0,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(255,255,255,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(233,236,239,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(248,249,250,var(--bs-bg-opacity))!important;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:#cfe2ff!important;background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:#e2e3e5!important;background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:#d1e7dd!important;background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:#cff4fc!important;background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:#fff3cd!important;background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:#f8d7da!important;background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:#fcfcfd!important;background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:#ced4da!important;background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))!important;background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:0.375rem!important;border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:0.25rem!important;border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:0.375rem!important;border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:0.5rem!important;border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:1rem!important;border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:2rem!important;border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important;border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:0.25rem!important;border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:0.25rem!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:0.5rem!important;border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:0.5rem!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:1rem!important;border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:1rem!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:2rem!important;border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:2rem!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:50rem!important;border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:50rem!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:0.25rem!important;border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:0.25rem!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:0.375rem!important;border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:0.5rem!important;border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:0.5rem!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:1rem!important;border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:1rem!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:2rem!important;border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:2rem!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:50rem!important;border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:50rem!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:0.25rem!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:0.25rem!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:0.375rem!important;border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:0.5rem!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:0.5rem!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:1rem!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:1rem!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:2rem!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:2rem!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:50rem!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:50rem!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:0.25rem!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:0.25rem!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:0.375rem!important;border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:0.375rem!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:0.5rem!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:0.5rem!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:1rem!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:1rem!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:2rem!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:2rem!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:50rem!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:50rem!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
@charset "UTF-8";
/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(1*2);animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(1*3);animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(1s*2);animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(1s*3);animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(1s*4);animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(1s*5);animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(1s/2);animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(1s*0.8);animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(1s*2);animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(1s*3);animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(1s*1.3);animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(1s*0.75);animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;animation-duration:calc(1s*0.75);animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:.75s;animation-duration:calc(1s*0.75);animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:.75s;animation-duration:calc(1s*0.75);animation-duration:calc(var(--animate-duration)*0.75);backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(1s*2);animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:slideOutUp}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
 .owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    /* background: url(owl.video.play.png) no-repeat; */
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/*!
* metismenu https://github.com/onokumus/metismenu#readme
* A collapsible jQuery menu plugin
* @version 3.0.6
* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
* @license: MIT
*/.metismenu .arrow{float:right;line-height:1.42857}*[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:""}.metismenu .mm-active>a>.glyphicon.arrow:before{content:""}.metismenu .fa.arrow:before{content:""}.metismenu .mm-active>a>.fa.arrow:before{content:""}.metismenu .ion.arrow:before{content:""}.metismenu .mm-active>a>.ion.arrow:before{content:""}.metismenu .plus-times{float:right}*[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:""}.metismenu .mm-active>a>.fa.plus-times{transform:rotate(45deg)}.metismenu .plus-minus{float:right}*[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:""}.metismenu .mm-active>a>.fa.plus-minus:before{content:""}.metismenu .mm-collapse:not(.mm-show){display:none}.metismenu .mm-collapsing{position:relative;height:0;overflow:hidden;transition-timing-function:ease;transition-duration:.35s;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow::after{position:absolute;content:"";width:.5em;height:.5em;border-width:1px 0 0 1px;border-style:solid;border-color:currentColor;border-color:initial;right:1em;transform:rotate(-45deg) translate(0, -50%);transform-origin:top;top:50%;transition:all .3s ease-out}*[dir=rtl] .metismenu .has-arrow::after{right:auto;left:1em;transform:rotate(135deg) translate(0, -50%)}.metismenu .mm-active>.has-arrow::after,.metismenu .has-arrow[aria-expanded=true]::after{transform:rotate(-135deg) translate(0, -50%)}*[dir=rtl] .metismenu .mm-active>.has-arrow::after,*[dir=rtl] .metismenu .has-arrow[aria-expanded=true]::after{transform:rotate(225deg) translate(0, -50%)}
[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0px)}100%{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0px)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,.3);background:#fff;padding:20px 20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:rgba(255,255,255,.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,.4);padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05, 1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:.5em 1.2em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none !important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{transform:scale(0.75)}.mfp-arrow-left{transform-origin:0 0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
.odometer.odometer-auto-theme,.odometer.odometer-theme-default{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{transition:transform 2s;transform:translateY(0)}.odometer.odometer-auto-theme,.odometer.odometer-theme-default{font-family:"Helvetica Neue",sans-serif;line-height:1.1em}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
a.meanmenu-reveal {
  display: none;
}
.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: #0c1923;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
}
.mean-container .icon-ham.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.mean-container .icon-ham.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}
.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #0c1923;
  margin-top: 44px;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
  border-bottom: 0;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255, 255, 255, 0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  height: 32px;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: rgba(0, 0, 0, 0.9);
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
  box-sizing: content-box;
}
.mean-remove {
  display: none !important;
}

.sidemenu-area {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 280px;
  z-index: 10;
  transition: var(--transition);
  background-color: #f1f9c6;
}
.sidemenu-area .sidemenu-header {
  background-color: #f1f9c6;
  padding: 0 30px;
  border-bottom: 1px solid #f2f4f9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 95px;
  width: 100%;
  transition: var(--transition);
}
.sidemenu-area .sidemenu-header .navbar-brand {
  padding: 0;
}
.sidemenu-area .sidemenu-header .navbar-brand .logo-two {
  display: none;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu {
  cursor: pointer;
  transition: var(--transition);
}
.sidemenu-area .sidemenu-header .responsive-burger-menu span {
  height: 1px;
  width: 25px;
  background: var(--mainColor);
  display: block;
  margin: 6px 0;
  transition: all 0.5s ease-in-out;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.middle-bar {
  opacity: 0;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  margin-top: 5px;
}
.sidemenu-area .sidemenu-body {
  max-height: calc(100% - 80px);
  position: relative;
  height: 100%;
  box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
  background-color: #f1f9c6;
  overflow: hidden;
}
.sidemenu-area .sidemenu-body .sidemenu-nav {
  padding: 0 0 65px;
  list-style-type: none;
  margin-bottom: 0;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
  color: #7e7e7e;
  padding: 12px 30px 12px;
  position: relative;
  z-index: 1;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon {
  color: var(--titleColor);
  transition: var(--transition);
  display: inline-block;
  margin-right: 5px;
  font-size: 22px;
  position: relative;
  top: 5px;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover {
  background-color: #fafdec;
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover .icon {
  transform: rotateY(-180deg);
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link {
  background-color: #fafdec;
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon {
  color: var(--mainColor);
}


.main-dashboard-content {
  transition: var(--transition);
  overflow: hidden;
  background-color:#fafdec;
  min-height: 100vh;
  padding-right: 30px;
  padding-left: 310px;
  padding-top: 135px;
}
.main-dashboard-content .navbar-area {
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 999;
  height: auto;
  top: 0;
  left: 280px;
  width: calc(100% - 280px);
  animation: none 0s ease 0s 1 normal none running !important;
  animation: initial !important;
}
.main-dashboard-content .navbar-area .desktop-nav {
  padding: 5px 30px;
  background-color: #f1f9c6;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options {
  margin-left: auto;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 70px;
  height: 70px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: #c1e602;
  font-size: 15px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: #c1e602;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 4px;
  font-size: 16px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: #c1e602;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .navbar-area.is-sticky {
  top: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background-color: var(--whiteColor) !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.main-dashboard-content .navbar-area.is-sticky .desktop-nav {
  position: fixed;
  background-color: var(--whiteColor) !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  left: 280px;
}
.main-dashboard-content .responsive-burger-menu {
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  z-index: 9999;
  width: 70%;
}
.main-dashboard-content .responsive-burger-menu span {
  height: 1px;
  width: 25px;
  background: var(--titleColor);
  display: block;
  margin: 5px 0;
  transition: all 0.5s ease-in-out;
}
.main-dashboard-content .responsive-burger-menu.active span.top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.main-dashboard-content .responsive-burger-menu.active span.middle-bar {
  opacity: 0;
}
.main-dashboard-content .responsive-burger-menu.active span.bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  margin-top: 5px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item {
  margin-left: auto;
  text-align: center;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 80px;
  height: 80px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: var(--mainColor);
  font-size: 15px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 16px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .others-option-for-responsive .dot-menu {
  right: 40px;
  top: -28px;
}
.main-dashboard-content .others-option-for-responsive .container {
  max-width: 100% !important;
}
.main-dashboard-content .others-option-for-responsive .container .container {
  max-width: 192px !important;
}
.main-dashboard-content .others-option-for-responsive .others-options {
  margin-left: auto;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 80px;
  height: 80px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: var(--mainColor);
  font-size: 15px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 16px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .copyrights-area {
  padding-top: 5px;
  padding-bottom: 35px;
}
.main-dashboard-content .copyrights-area p {
  line-height: normal;
  line-height: initial;
  margin-bottom: 0;
}
.main-dashboard-content .copyrights-area p i {
  position: relative;
  left: 0;
  top: 2px;
}
.main-dashboard-content .copyrights-area p a {
  font-weight: 500;
  color: var(--mainColor);
}

.breadcrumb-area {
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.breadcrumb-area h1 {
  margin-bottom: 0;
  position: relative;
  color: var(--titleColor);
  padding-right: 15px;
  font-size: 25px;
  font-weight: 500;
}
.breadcrumb-area h1::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #cecece;
}
.breadcrumb-area .breadcrumb {
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 1px;
}
.breadcrumb-area .breadcrumb .item {
  color: var(--bodyColor);
  margin-right: 25px;
  position: relative;
}
.breadcrumb-area .breadcrumb .item a {
  display: block;
  color: var(--bodyColor);
}
.breadcrumb-area .breadcrumb .item a:hover {
  color: var(--mainColor);
}
.breadcrumb-area .breadcrumb .item::before {
  content: "\ea6e";
  position: absolute;
  right: -22px;
  top: -1px;
  color: var(--bodyColor);
  font-family: "remixicon";
  font-size: 18px;
}
.breadcrumb-area .breadcrumb .item:last-child {
  margin-right: 0;
}
.breadcrumb-area .breadcrumb .item:last-child::before {
  display: none;
}

.notification-alert {
  margin-bottom: 30px;
  background-color: #e6f3d8;
  border: none;
  padding: 20px;
  color: #5f9025;
  border-radius: 5px;
}
.notification-alert .close {
  transition: var(--transition);
  background-color: transparent;
  border: none;
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #5f9025;
}
.notification-alert .close:hover {
  color: var(--mainColor);
}

.dashboard-fun-fact-area .col-lg-3:nth-child(2) .stats-fun-fact-box {
  background-color: #64bc36;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(2) .stats-fun-fact-box .icon-box {
  color: #64bc36;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(3) .stats-fun-fact-box {
  background-color: #ffae00;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(3) .stats-fun-fact-box .icon-box {
  color: #ffae00;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(4) .stats-fun-fact-box {
  background-color: #f3103c;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(4) .stats-fun-fact-box .icon-box {
  color: #f3103c;
}

.stats-fun-fact-box {
  margin-bottom: 30px;
  padding: 35px 25px 34px 115px;
  border-radius: 5px;
  position: relative;
  background-color: var(--mainColor);
}
.stats-fun-fact-box .icon-box {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  position: absolute;
  left: 25px;
  top: 48%;
  transform: translateY(-48%);
  box-shadow: 1px 5px 24px 0 rgba(14, 198, 198, 0.15);
  text-align: center;
  font-size: 35px;
}
.stats-fun-fact-box .icon-box i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.stats-fun-fact-box .sub-title {
  color: var(--whiteColor);
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
}
.stats-fun-fact-box h3 {
  margin-bottom: 0;
  color: var(--whiteColor);
  font-size: 35px;
  font-weight: bold;
}

.recent-notifications-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
}
.recent-notifications-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 20px;
  border-bottom: 1px dashed #eeeeee;
  font-size: 20px;
  font-weight: 600;
}
.recent-notifications-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.recent-notifications-box ul li {
  border: none;
  margin-bottom: 0;
  border-bottom: 1px dashed #eeeeee;
  border-radius: 0;
  transition: var(--transition);
  color: var(--bodyColor);
  position: relative;
  padding-left: 75px;
  padding-right: 45px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 400;
}
.recent-notifications-box ul li .icon {
  height: 40px;
  width: 40px;
  color: var(--mainColor);
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  transition: var(--transition);
  background-color: #DDF6ED;
  position: absolute;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.recent-notifications-box ul li span {
  color: var(--titleColor);
  font-weight: 500;
}
.recent-notifications-box ul li strong {
  font-weight: 500;
  color: var(--mainColor);
}
.recent-notifications-box ul li:last-child {
  border-bottom: none;
}
.recent-notifications-box ul li .close {
  transition: var(--transition);
  background-color: transparent;
  border: none;
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 45%;
  transform: translateY(-45%);
  color: #DDF6ED;
  opacity: 0;
  visibility: hidden;
}
.recent-notifications-box ul li .close:hover {
  color: var(--mainColor);
}
.recent-notifications-box ul li:hover {
  background-color: #f9f9f9;
}
.recent-notifications-box ul li:hover .icon {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.recent-notifications-box ul li:hover .close {
  opacity: 1;
  visibility: visible;
}

.invoices-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
}
.invoices-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 20px;
  border-bottom: 1px dashed #eeeeee;
  font-size: 20px;
  font-weight: 600;
}
.invoices-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.invoices-box ul li {
  border: none;
  margin-bottom: 0;
  border-bottom: 1px dashed #eeeeee;
  border-radius: 0;
  transition: var(--transition);
  color: var(--bodyColor);
  position: relative;
  padding-left: 80px;
  padding-right: 170px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.invoices-box ul li .icon {
  height: 40px;
  width: 40px;
  color: var(--mainColor);
  text-align: center;
  line-height: 43px;
  border-radius: 50%;
  transition: var(--transition);
  background-color: #DDF6ED;
  position: absolute;
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}
.invoices-box ul li span {
  display: block;
  color: var(--titleColor);
  margin-top: 8px;
  font-weight: 600;
}
.invoices-box ul li .default-btn {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #e9e9e9;
  box-shadow: none;
  box-shadow: initial;
  border-radius: 30px;
  border: none;
  padding: 8px 20px;
  opacity: 0;
  visibility: hidden;
  font-weight: 500;
  color: var(--titleColor) !important;
}
.invoices-box ul li .default-btn:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor);
}
.invoices-box ul li:last-child {
  border-bottom: none;
}
.invoices-box ul li:hover {
  background-color: #f9f9f9;
}
.invoices-box ul li:hover .icon {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.invoices-box ul li:hover .default-btn {
  opacity: 1;
  visibility: visible;
}
.invoices-box ul li ul li {
  padding: 0;
  background-color: transparent;
  border: none;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 400;
}
.invoices-box ul li ul li:last-child {
  margin-right: 0;
}
.invoices-box ul li ul li:last-child::before {
  display: none;
}
.invoices-box ul li ul li::before {
  content: "";
  width: 1px;
  height: 12px;
  background-color: var(--mainColor);
  position: absolute;
  top: 4px;
  right: -10px;
}
.invoices-box ul li ul li.unpaid {
  color: red;
  font-weight: 500;
}
.invoices-box ul li ul li.paid {
  color: #64bc36;
  font-weight: 500;
}

.invoice-area {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 30px;
}

.invoice-header {
  margin-bottom: 25px;
}
.invoice-header h3 {
  font-size: 18px;
  margin-bottom: 18px;
  font-weight: 500;
}
.invoice-header p {
  font-weight: 500;
  color: #6084a4;
}

.invoice-middle {
  margin-bottom: 25px;
}
.invoice-middle h4 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 500;
}
.invoice-middle h5 {
  margin-bottom: 12px;
  font-weight: 500;
}
.invoice-middle h5 sub {
  margin-left: 50px;
  bottom: 0;
  width: 90px;
  display: inline-block;
  color: #6084a4;
  font-weight: 500;
}
.invoice-middle span {
  font-weight: 500;
  color: #6084a4;
}

.invoice-table table {
  margin-bottom: 0;
}
.invoice-table table thead th {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #dee2e6 !important;
  font-weight: bold;
  padding: 15px;
}
.invoice-table table tbody td {
  vertical-align: middle;
  color: #6084a4;
  border-width: 1px;
  font-size: 14.5px;
  padding: 15px;
}
.invoice-table table tbody td.total, .invoice-table table tbody td.total-price {
  color: var(--bodyColor);
}
.invoice-table table tbody td strong {
  font-weight: 500;
  color: var(--bodyColor);
}
.invoice-table .table > :not(:first-child) {
  border-top: 0;
}

.invoice-btn-box {
  margin-top: 25px;
}
.invoice-btn-box .default-btn {
  border: none;
}

.all-applicants-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
}
.all-applicants-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.single-applicants-card {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  padding: 20px;
  margin-top: 25px;
  position: relative;
}
.single-applicants-card .image {
  position: absolute;
  top: 20px;
  left: 20px;
}
.single-applicants-card .image img {
  border-radius: 5px;
  max-width: 92px;
}
.single-applicants-card .content {
  position: relative;
  padding: 0 180px 0 110px;
}
.single-applicants-card .content h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 7px;
}
.single-applicants-card .content h3 a {
  color: var(--titleColor);
}
.single-applicants-card .content span {
  color: var(--mainColor);
  font-size: 14px;
  font-weight: 500;
}
.single-applicants-card .content .job-info {
  padding: 0;
  margin-top: 7px;
  margin-bottom: 0;
}
.single-applicants-card .content .job-info li {
  display: inline-block;
  list-style-type: none;
  color: var(--bodyColor);
  font-weight: 500;
  font-size: 14px;
  position: relative;
  margin-right: 10px;
  padding-left: 18px;
}
.single-applicants-card .content .job-info li:last-child {
  margin-right: 0;
}
.single-applicants-card .content .job-info li i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--mainColor);
}
.single-applicants-card .content .applicants-footer {
  position: absolute;
  right: 0;
  top: 0;
}
.single-applicants-card .content .applicants-footer .option-list {
  padding: 0;
  margin-bottom: 0;
}
.single-applicants-card .content .applicants-footer .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.single-applicants-card .content .applicants-footer .option-list li:last-child {
  margin-right: 0;
}
.single-applicants-card .content .applicants-footer .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.single-applicants-card .content .applicants-footer .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}

.my-profile-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.06);
  border-radius: 5px;
}
.my-profile-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.my-profile-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.my-profile-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.my-profile-box form {
  padding: 0 25px 25px;
}
.my-profile-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.my-profile-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.my-profile-box form .form-group .form-control {
  border-radius: 0;
  background-color: #F8F8F8;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #F8F8F8;
  height: 60px;
  padding: 10px 20px;
  color: var(--bodyColor);
  font-size: 15px;
  font-weight: 400;
}
.my-profile-box form .form-group .form-control::placeholder {
  color: var(--bodyColor);
  transition: var(--transition);
}
.my-profile-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.my-profile-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.my-profile-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.my-profile-box form .default-btn {
  border: none;
}
.my-profile-box form .default-btn::before {
  width: 950px;
  height: 950px;
}
.my-profile-box .profile-box {
  position: relative;
  border-radius: 5px;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 30px;
}
.my-profile-box .profile-box img {
  border-radius: 5px;
}
.my-profile-box .profile-box .file-upload {
  display: inline-block;
  position: absolute;
  left: 15px;
  bottom: 45px;
}
.my-profile-box .profile-box .file-upload .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.my-profile-box .profile-box .file-upload .inputfile + label {
  color: var(--titleColor);
  background-color: var(--whiteColor);
  display: inline-block;
  margin-bottom: 0;
  transition: var(--transition);
  padding: 10px 25px 10px 48px;
  position: relative;
  border-radius: 30px;
  font-weight: 500;
}
.my-profile-box .profile-box .file-upload i {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16.5px;
  margin-top: -0.5px;
}
.my-profile-box .profile-box .file-upload .inputfile:focus + label, .my-profile-box .profile-box .file-upload .inputfile + label:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.my-profile-box .profile-box .file-upload .inputfile + label {
  cursor: pointer;
}
.my-profile-box .profile-box .text {
  margin-left: 30px;
}
.my-profile-box .profile-box .text p {
  margin-bottom: 0;
}

.profile-outer-area {
  padding: 20px 25px;
}

.profile-outer {
  position: relative;
  display: flex;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 25px;
  border-bottom: 1px solid #f1f3f7;
  align-items: center;
}
.profile-outer .profileButton {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-outer .profileButton .profileButton-input {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  height: 0;
  width: 0;
  display: none;
}
.profile-outer .profileButton .profileButton-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  height: 170px;
  width: 170px;
  border-radius: 5px;
  transition: 0.3s;
  margin: 0;
  color: #1b2032;
  font-size: 16px;
  border: 2px dashed #ced4e1;
}
.profile-outer .profileButton .profileButton-button:hover {
  border-color: var(--mainColor);
}
.profile-outer .profileButton .profileButton-button::before {
  font-family: "remixicon" !important;
  content: "\ee49";
  color: #9fa9b8;
  font-size: 40px;
  transition: 0.3s;
}
.profile-outer .text {
  padding-left: 25px;
}

.profile-outer-area-two {
  margin: 20px 25px;
  border: 1px solid #f1f3f7;
  padding: 20px 25px;
  border-radius: 10px;
}
.profile-outer-area-two .profile-outer {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.profile-outer-area-two .profile-outer .text-title {
  padding-left: 25px;
  text-align: left;
  max-width: 500px;
}
.profile-outer-area-two .profile-outer .text-title h3 {
  font-size: 20px;
  margin-bottom: 10px;
  padding: 0;
}
.profile-outer-area-two .profile-outer .text-title p {
  margin-bottom: 0;
}

.post-a-new-job-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.06);
  border-radius: 5px;
}
.post-a-new-job-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.post-a-new-job-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.post-a-new-job-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.post-a-new-job-box form {
  padding: 0 25px 25px;
}
.post-a-new-job-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.post-a-new-job-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.post-a-new-job-box form .form-group .form-control {
  border-radius: 0;
  background-color: #F8F8F8;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #F8F8F8;
  height: 60px;
  padding: 10px 20px;
  color: var(--bodyColor);
  font-size: 15px;
  font-weight: 400;
}
.post-a-new-job-box form .form-group .form-control::placeholder {
  color: var(--bodyColor);
  transition: var(--transition);
}
.post-a-new-job-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.post-a-new-job-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.post-a-new-job-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.post-a-new-job-box form .default-btn {
  border: none;
}
.post-a-new-job-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.manage-jobs-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 30px;
}
.manage-jobs-box h3 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 500;
}
.manage-jobs-box .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.manage-jobs-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.manage-jobs-box .manage-jobs-table {
  margin-top: 30px;
}
.manage-jobs-box .manage-jobs-table table {
  margin-bottom: 0;
}
.manage-jobs-box .manage-jobs-table table thead {
}
.manage-jobs-box .manage-jobs-table table thead tr {
  border: none;
}
.manage-jobs-box .manage-jobs-table table thead tr th {
  border: none;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  font-size: 18px;
  color: var(--mainColor);
  font-weight: 500;
}
.manage-jobs-box .manage-jobs-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.manage-jobs-box .manage-jobs-table table tbody tr td {
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 400;
  font-size: 15px;
  border: none;
}
.manage-jobs-box .manage-jobs-table table tbody tr td a {
  color: var(--mainColor);
  font-weight: 500;
  text-decoration: underline;
}
.manage-jobs-box .manage-jobs-table table tbody tr td a:hover {
  color: var(--titleColor);
}
.manage-jobs-box .manage-jobs-table table tbody tr td h5 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td span {
  font-size: 15px;
  position: relative;
  padding-left: 20px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td span i {
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-45%);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .status {
  color: var(--mainColor);
  color: var(--mainColor);
  padding: 5px 10px;
  text-align: center;
  border-radius: 50px;
  font-size: 14px;
  display: inline-block;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  transition: var(--transition);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .status:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;

  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}

.submit-resumes-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.submit-resumes-box form h3 {
  padding-left: 5px;
  margin-bottom: 20px;
  font-size: 22px;
}
.submit-resumes-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.submit-resumes-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.submit-resumes-box form .form-group .form-control {
  border-radius: 0;
  background-color: #f5f5f5;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #f5f5f5;
  height: 60px;
  padding: 10px 20px;
  color: #808080;
  font-size: 15px;
  font-weight: 400;
}
.submit-resumes-box form .form-group .form-control::placeholder {
  color: #808080;
  transition: var(--transition);
}
.submit-resumes-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.submit-resumes-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.submit-resumes-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.submit-resumes-box form .default-btn {
  display: block;
  border: none;
}
.submit-resumes-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.packages-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.packages-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.packages-box .packages-table {
  margin-top: 30px;
}
.packages-box .packages-table table {
  margin-bottom: 0;
}
.packages-box .packages-table table thead tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.packages-box .packages-table table thead tr th {
  border: none;
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  font-size: 18px;
  color: var(--titleColor);
  font-weight: 500;
}
.packages-box .packages-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.packages-box .packages-table table tbody tr td {
  border: none;
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 500;
  font-size: 15px;
}
.packages-box .packages-table table tbody tr td a {
  color: var(--mainColor);
}
.packages-box .packages-table table tbody tr td a:hover {
  color: var(--titleColor);
}
.packages-box .packages-table table tbody tr td h5 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}
.packages-box .packages-table table tbody tr td span {
  font-size: 15px;
  position: relative;
  padding-left: 20px;
}
.packages-box .packages-table table tbody tr td span i {
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-45%);
}
.packages-box .packages-table table tbody tr td .status {
  color: var(--mainColor);
  color: var(--mainColor);
  padding: 5px 14px;
  text-align: center;
  border-radius: 50px;
  font-size: 14px;
  display: inline-block;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  transition: var(--transition);
}
.packages-box .packages-table table tbody tr td .status:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}
.packages-box .packages-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.packages-box .packages-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.packages-box .packages-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.packages-box .packages-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 38px;
  border-radius: 50px;
  transition: var(--transition);
}
.packages-box .packages-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}
.packages-box .packages-table .table > :not(:first-child) {
  border-top: 0;
}

.chat-content-area {
  margin-bottom: 30px;
}
.chat-content-area .sidebar-left {
  float: left;
}
.chat-content-area .sidebar-left .sidebar {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  padding: 25px;
  width: 300px;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header {
  padding-bottom: 25px;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form label {
  display: block;
  margin-bottom: 0;
  position: absolute;
  left: 15px;
  top: 9.3px;
  font-size: 18px;
  color: #a8a8a8;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control {
  height: 45px;
  border-radius: 30px;
  background-color: #eef5f9;
  border: none;
  color: var(--titleColor);
  padding: 0 15px 0 40px;
  transition: var(--transition);
  box-shadow: none;
  box-shadow: initial;
  font-size: 14px;
  font-weight: 400;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control:focus {
  box-shadow: none;
  box-shadow: initial;
  background-color: #eef5f9;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control:focus::placeholder {
  color: transparent !important;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control::placeholder {
  color: #a8a8a8;
  transition: var(--transition);
}
.chat-content-area .sidebar-left .sidebar .sidebar-content {
  height: calc(100vh - 325px);
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li {
  cursor: pointer;
  margin-bottom: 20px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li:last-child {
  margin-bottom: 0;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar {
  position: relative;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-busy {
  background-color: #FF5B5C;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-online {
  background-color: #39DA8A;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-away {
  background-color: #FDAC41;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-offline {
  background-color: #475F7B;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar [class*=status-] {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 1px;
  top: 1px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li h6 {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li span {
  color: #71738d;
  font-size: 14.5px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-label {
  color: var(--titleColor);
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  font-weight: 500;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-label::before {
  width: 70px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: var(--mainColor);
}
.chat-content-area .content-right {
  float: right;
  width: calc(100% - 330px);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .simplebar-scrollbar::before {
  background: #aaaaaa;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header {
  padding: 15px 20px;
  border-radius: 8px 8px 0 0;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left h6 {
  white-space: nowrap;
  font-weight: 600;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar {
  position: relative;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-busy {
  background-color: #FF5B5C;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-online {
  background-color: #39DA8A;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-away {
  background-color: #FDAC41;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-offline {
  background-color: #475F7B;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar [class*=status-] {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -1px;
  top: -1px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right {
  position: relative;
  top: 4px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li {
  display: inline-block;
  margin-left: 5px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li:first-child {
  margin-left: 0;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite {
  font-size: 20px;
  cursor: pointer;
  color: #C7CFD6;
  position: relative;
  top: -1px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite.active {
  color: #FDAC41;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite.active i::before {
  content: "\f186";
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #727E8C;
  font-size: 22px;
  line-height: 15px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-toggle::after {
  display: none;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
  border: none;
  border-radius: 5px;
  margin-top: 35px !important;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transform: none !important;
  transform: initial !important;
  left: auto !important;
  right: 0 !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu.show {
  margin-top: 25px;
  opacity: 1;
  visibility: visible;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item {
  color: var(--titleColor);
  padding: 5px 15px 5px 36px;
  position: relative;
  font-size: 14px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 6px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item.active, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item:active {
  color: var(--titleColor);
  background-color: transparent;
  background-color: #f8f9fa;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item:hover i {
  transform: rotateY(-180deg);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container {
  height: calc(100vh - 340px);
  background-color: #f1f9c6;
  padding: 25px 20px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content {
  text-align: center;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-avatar {
  float: right;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body {
  overflow: hidden;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message {
  position: relative;
  float: right;
  max-width: 420px;
  text-align: left;
  padding: 5px 8px;
  margin: 10px 15.28px 21.28px 0;
  clear: both;
  word-break: break-word;
  color: black;
  background-color: #fafdec;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message p {
  color: black;
  margin-bottom: 0;
  font-size: 14px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message p a {
  color: black !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message .time {
  position: absolute;
  bottom: -25px;
  right: 0;
  color: #6b7886;
  font-size: 10px;
  white-space: nowrap;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message:first-child {
  margin-top: 0 !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-avatar {
  float: left;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message {
  text-align: left;
  float: left;
  margin: 10px 0 21.28px 15.28px;
  color: #727E8C;
  background-color: var(--whiteColor);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message p {
  color: #727E8C;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message p a {
  color: #727E8C !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .badge-light {
  padding: 8px 20px 8px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--mainColor);
  background-color: var(--whiteColor);
  border-radius: 30px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer {
  background-color: #fafafa;
  padding: 15px 20px;
  border-radius: 0 0 8px 8px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn {
  padding: 0;
  border: none;
  background-color: #d4ebf7;
  border-radius: 50%;
  width: 35px;
  font-size: 19px;
  line-height: 39px;
  height: 35px;
  color: var(--mainColor);
  transition: var(--transition);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn:hover, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn:focus {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn {
  padding: 0;
  border: none;
  background-color: #d4ebf7;
  border-radius: 50%;
  width: 35px;
  font-size: 19px;
  line-height: 39px;
  height: 35px;
  color: var(--mainColor);
  transition: var(--transition);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn:hover, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn:focus {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form {
  position: relative;
  padding-right: 128px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control {
  background-color: var(--whiteColor);
  height: 45px;
  border-radius: 30px;
  transition: var(--transition);
  padding: 10px 20px;
  font-size: 14.5px;
  border: 1px solid #DFE3E7;
  color: var(--titleColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control:focus {
  border-color: var(--mainColor);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  transition: var(--transition);
  border-radius: 30px;
  height: 45px;
  padding: 1px 30px 0;
  box-shadow: 0 4px 12px 0 rgba(8, 141, 211, 0.2);
  font-size: 15px;
  font-weight: 400;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn i {
  position: relative;
  top: 2px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn:hover {
  box-shadow: 0 4px 12px 0 rgba(8, 141, 211, 0.6);
}

.resume-alerts-table {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 30px;
}
.resume-alerts-table h3 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 600;
}
.resume-alerts-table table {
  margin-bottom: 0;
}
.resume-alerts-table table thead tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.resume-alerts-table table thead tr th {
  border: none;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  color: var(--titleColor);
  font-weight: 500;
}
.resume-alerts-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.resume-alerts-table table tbody tr td {
  border: none;
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 400;
  font-size: 15px;
}
.resume-alerts-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.resume-alerts-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.resume-alerts-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.resume-alerts-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.resume-alerts-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}
.resume-alerts-table .table > :not(:first-child) {
  border-top: 0;
}

.change-password-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  max-width: 750px;
}
.change-password-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.change-password-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 15px;
}
.change-password-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.change-password-box form {
  padding: 25px;
}
.change-password-box form .form-group {
  margin-bottom: 20px;
  position: relative;
}
.change-password-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
}
.change-password-box form .form-group .form-control {
  border-radius: 0;
  background-color: #f5f5f5;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #f5f5f5;
  height: 50px;
  padding: 10px 20px;
  color: #808080;
  font-size: 15px;
  font-weight: 400;
}
.change-password-box form .form-group .form-control::placeholder {
  color: #808080;
  transition: var(--transition);
}
.change-password-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.change-password-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.change-password-box form .default-btn {
  display: block;
  border: none;
}
.change-password-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.dashboard-jobs-box {
  margin-bottom: 30px;
}
.dashboard-jobs-box h2 {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
}
.dashboard-jobs-box .recent-job-card .download-btn {
  padding: 6px 10px;
  font-size: 13px;
}

.candidates-job-alerts-area h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.candidates-job-alerts-card {
  background-color: var(--whiteColor);
  margin-bottom: 30px;
  padding: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}
.candidates-job-alerts-card .candidates-job-alerts-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: var(--titleColor);
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li:last-child {
  margin-bottom: 0;
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li b {
  font-weight: 400;
  color: var(--bodyColor);
}
.candidates-job-alerts-card .delete-btn {
  color: var(--titleColor);
  float: right;
  font-size: 17px;
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn i {
  position: relative;
  color: #FF5B4A;
  top: 3px;
  margin-left: 3px;
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn:hover {
  color: var(--mainColor);
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn:hover i {
  color: var(--bodyColor);
}

.cv-manager-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.cv-manager-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.cv-manager-box .file-upload-box {
  margin-top: 30px;
  margin-bottom: 20px;
}
.cv-manager-box .file-upload-box .dropzone {
  position: relative;
  border: 1px dashed #eeeeee;
  border-radius: 5px;
  background: rgba(14, 198, 198, 0.03);
  transition: all 0.3s linear;
  display: inline-block;
  width: 100%;
  margin: 0;
}
.cv-manager-box .file-upload-box .dropzone button {
  color: var(--titleColor);
  position: relative;
  padding-top: 52px;
  font-weight: 500;
}
.cv-manager-box .file-upload-box .dropzone button::before {
  content: "\ea11";
  font-family: "remixicon";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  color: var(--mainColor);
  font-size: 35px;
}
.cv-manager-box .file-upload-box .dropzone:hover {
  border-color: var(--mainColor);
}
.cv-manager-box .text {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 100px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -40px;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
  }
  .main-dashboard-content .copyrights-area {
    text-align: center;
    padding-top: 0;
  }
  .main-dashboard-content .copyrights-area p {
    margin-top: 5px;
  }
  .breadcrumb-area {
    display: inline-block;
    text-align: center;
    margin-bottom: 35px;
  }
  .breadcrumb-area h1 {
    padding-right: 0;
  }
  .breadcrumb-area h1::before {
    display: none;
  }
  .breadcrumb-area .breadcrumb {
    padding-left: 0;
    top: 0;
    display: inline-block;
    margin-top: 20px;
  }
  .breadcrumb-area .breadcrumb .item {
    display: inline-block;
  }
  .notification-alert {
    padding: 15px;
    font-size: 12px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 95px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .recent-notifications-box ul li .close {
    opacity: 1;
    visibility: visible;
  }
  .invoices-box ul li {
    padding-right: 25px;
  }
  .invoices-box ul li .default-btn {
    position: relative;
    right: auto;
    left: 0;
    top: auto;
    top: initial;
    transform: none;
    transform: initial;
    opacity: 1;
    visibility: visible;
    margin-top: 10px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image {
    position: relative;
    left: 0;
    top: 0;
  }
  .single-applicants-card .content {
    position: relative;
    padding: 0;
    margin-top: 15px;
  }
  .single-applicants-card .content .applicants-footer {
    position: relative;
    margin-top: 15px;
  }
  .text-end {
    text-align: center !important;
  }
  .profile-outer {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .profile-outer .profileButton {
    display: block;
  }
  .profile-outer .profileButton .profileButton-input {
    opacity: 0;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    pointer-events: none;
    height: 0;
    width: 0;
    display: none;
  }
  .profile-outer .profileButton .profileButton-button {
    height: 130px;
    width: 130px;
    font-size: 15px;
  }
  .profile-outer .profileButton .profileButton-button::before {
    font-size: 30px;
  }
  .profile-outer .text {
    padding-top: 15px;
    padding-left: 0;
  }
  .manage-jobs-box {
    padding: 20px;
  }
  .manage-jobs-box .manage-jobs-table table thead tr th {
    font-size: 16px;
  }
  .manage-jobs-box .single-job-list-box .job-information h3 {
    font-size: 16px;
  }
  .manage-jobs-box .single-job-list-box .job-information span {
    font-size: 12px;
  }
  .manage-jobs-box .single-job-list-box .location-information li {
    font-size: 14px;
  }
  .packages-box {
    padding: 18px;
  }
  .packages-box .packages-table table thead tr th {
    font-size: 16px;
  }
  .chat-content-area .sidebar-left {
    float: none;
    float: initial;
    margin-bottom: 30px;
  }
  .chat-content-area .sidebar-left .sidebar {
    width: 100%;
    padding: 20px;
  }
  .chat-content-area .content-right {
    width: 100%;
    float: none;
    float: initial;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form {
    display: block !important;
    padding-right: 0;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control {
    font-size: 14px;
    margin-top: 15px;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn {
    position: relative;
    top: 0;
    transform: none;
    transform: initial;
    height: 40px;
    font-size: 14px;
    margin-top: 15px;
  }
  .invoice-area {
    padding: 20px;
  }
  .invoice-header h3 {
    font-size: 17px;
  }
  .invoice-header p {
    font-size: 14px;
  }
  .invoice-middle {
    margin-bottom: 0;
  }
  .invoice-middle .text {
    margin-bottom: 20px;
  }
  .invoice-middle .text.text-right {
    text-align: left !important;
  }
  .invoice-middle .text h5 {
    font-size: 14px;
  }
  .invoice-middle .text h5 sub {
    margin-left: 0;
    width: auto;
    font-size: 14px;
  }
  .invoice-table {
    margin-bottom: 20px;
  }
  .invoice-table table thead th {
    font-size: 14px;
    white-space: nowrap;
  }
  .invoice-table table tbody td {
    font-size: 14px;
    white-space: nowrap;
  }
  .profile-outer-area-two .profile-outer .text-title {
    padding-left: 0;
    padding-top: 20px;
  }
  .candidates-job-alerts-card {
    text-align: center;
  }
  .candidates-job-alerts-card .candidates-job-alerts-list {
    margin-bottom: 15px;
  }
  .candidates-job-alerts-card .delete-btn {
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 100px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -40px;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
  }
  .main-dashboard-content .copyrights-area {
    text-align: center;
    padding-top: 0;
  }
  .main-dashboard-content .copyrights-area p {
    margin-top: 5px;
  }
  .breadcrumb-area {
    display: inline-block;
    text-align: center;
    margin-bottom: 35px;
  }
  .breadcrumb-area h1 {
    padding-right: 0;
  }
  .breadcrumb-area h1::before {
    display: none;
  }
  .breadcrumb-area .breadcrumb {
    padding-left: 0;
    top: 0;
    display: inline-block;
    margin-top: 20px;
  }
  .breadcrumb-area .breadcrumb .item {
    display: inline-block;
  }
  .notification-alert {
    padding: 15px;
    font-size: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 95px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .text-end {
    text-align: center !important;
  }
  .profile-outer {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .profile-outer .profileButton .profileButton-button {
    height: 150px;
    width: 150px;
    font-size: 15px;
  }
  .profile-outer .profileButton .profileButton-button::before {
    font-size: 30px;
  }
  .manage-jobs-box {
    padding: 20px;
  }
  .manage-jobs-box .manage-jobs-table table thead tr {
    border: none;
  }
  .manage-jobs-box .manage-jobs-table table thead tr th {
    font-size: 16px;
  }
  .chat-content-area .sidebar-left {
    float: none;
    float: initial;
    margin-bottom: 30px;
  }
  .chat-content-area .sidebar-left .sidebar {
    width: 100%;
    padding: 20px;
  }
  .chat-content-area .content-right {
    width: 100%;
    float: none;
    float: initial;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 0;
    visibility: hidden;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-top: 110px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
    right: 45px;
  }
  .main-dashboard-content .mean-container a.meanmenu-reveal {
    padding-top: 0;
    margin-top: -5px;
  }
  .main-dashboard-content .mobile-responsive-nav {
    display: block;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu {
    position: relative;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
    margin-top: 55px;
    background-color: #ffffff;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
    font-size: 15px;
    border: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
    color: #000000;
    border-top-color: #DBEEFD;
    text-transform: capitalize;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a i {
    display: none;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
    width: 50%;
    height: 28px;
    text-align: right;
    padding: 11px !important;
    background: transparent !important;
    border-left: none !important;
    border-bottom: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
    color: var(--mainColor);
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {
    max-height: 50vh;
    overflow-y: scroll;
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar {
    width: 7px;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb {
    background: #888;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container a.meanmenu-reveal {
    top: 10px;
    padding: 0;
    width: 35px;
    height: 30px;
    padding-top: 6px;
    color: var(--mainColor);
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container a.meanmenu-reveal span {
    background: var(--mainColor);
    height: 4px;
    margin-top: -6px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -35px;
  }
  .main-dashboard-content .mobile-responsive-nav .others-options {
    display: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .logo {
    position: relative;
  }
  .main-dashboard-content .desktop-nav {
    display: none;
  }
  .recent-notifications-box ul li {
    padding-left: 50px;
    padding-right: 25px;
    font-size: 14px;
  }
  .recent-notifications-box ul li .icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    left: 10px;
    font-size: 16px;
  }
  .recent-notifications-box ul li .close {
    font-size: 24px;
    right: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 82px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
    left: 20px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image img {
    max-width: 50px;
  }
  .single-applicants-card .content {
    padding: 0 150px 0 70px;
  }
  .single-applicants-card .content .applicants-footer .option-list li .option-btn {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidemenu-area {
    width: 220px;
  }
  .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .icon {
    font-size: 18px;
  }
  .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
    padding: 12px 15px 12px;
    font-size: 15px;
  }
  .main-dashboard-content {
    padding-left: 250px;
  }
  .main-dashboard-content .navbar-area {
    left: 220px;
    width: calc(100% - 220px);
  }
  .main-dashboard-content .navbar-area.is-sticky .desktop-nav {
    left: 220px;
  }
  .recent-notifications-box ul li {
    padding-left: 50px;
    padding-right: 25px;
    font-size: 14px;
  }
  .recent-notifications-box ul li .icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    left: 10px;
    font-size: 16px;
  }
  .recent-notifications-box ul li .close {
    font-size: 24px;
    right: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 82px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
    left: 20px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .invoices-box ul li {
    padding-left: 60px;
    padding-right: 90px;
  }
  .invoices-box ul li .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    left: 15px;
    font-size: 17px;
  }
  .invoices-box ul li .default-btn {
    top: 72%;
    transform: translateY(-72%);
    right: 15px;
    font-size: 15px;
    padding: 6px 20px;
  }
  .invoices-box ul li span {
    font-size: 15px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image img {
    max-width: 50px;
  }
  .single-applicants-card .content {
    padding: 0 155px 0 65px;
  }
  .single-applicants-card .content .job-info li {
    font-size: 13px;
  }
  .single-applicants-card .content h3 {
    font-size: 18px;
  }
  .single-applicants-card .content .applicants-footer .option-list li .option-btn {
    height: 30px;
    width: 30px;
    line-height: 32px;
    font-size: 14px;
  }
}


:root {
  --bodyFonts: "Work Sans", sans-serif;
  --mainColor: #c1e602;
  --bodyColor: #696969;
  --whiteColor: #ffffff;
  --titleColor: #000000;
  --transition: .5s;
  --fontSize: 16px;
}

body {
  font-size: 16px;
  font-size: var(--fontSize);
  font-family: "Work Sans", sans-serif;
  font-family: var(--bodyFonts);
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

p {
  color: #696969;
  color: var(--bodyColor);
  margin-top-bottom: 10px;
}
p:last-child {
  margin-bottom: 0;
}

a {
  display: inline-block;
  transition: .5s;
  transition: var(--transition);
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

button {
  outline: 0;
}
button:focus {
  outline: 0;
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  color: #000000;
  color: var(--titleColor);
  line-height: 1.4;
}

h3 {
  font-size: 22px;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  display: table-cell;
  vertical-align: middle;
}

img {
  max-width: 100%;
}

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

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

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

.pb-100 {
  padding-bottom: 100px !important;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

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

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

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

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

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

.pl-20 {
  padding-left: 20px;
}

.pr-20 {
  padding-right: 20px;
}

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

.ml-20 {
  margin-left: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.border-radius-5 {
  border-radius: 5px !important;
}

.border-radius-50 {
  border-radius: 50px !important;
}

.default-btn {
  padding: 12px 30px;
  color: #ffffff;
  color: var(--whiteColor);
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-transform: capitalize;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border: none;
  outline: none;
  font-weight: 500;
}
.default-btn i {
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.default-btn::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  background-color: #000000;
  background-color: var(--titleColor);
  left: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
  transition: .5s;
  transition: var(--transition);
}
.default-btn:hover {
  color: #ffffff;
  color: var(--whiteColor);
}
.default-btn:hover::before {
  transform: scale(1);
  opacity: 1;
}
.default-btn.two {
  background-color: #000000;
  background-color: var(--titleColor);
}
.default-btn.two:hover {
  color: #ffffff;
  color: var(--whiteColor);
}
.default-btn.two:hover::before {
  background-color: #c1e602;
  background-color: var(--mainColor);
}

.box-shadow {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}


.section-title h2 {
  font-size: 40px;
  font-weight: 500;
  margin-top: 0;
  line-height: 1.2;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 10px;
}
.section-title .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
}
.section-title .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.section-title p {
  padding-top: 15px;
  margin-bottom: 0;
  max-width: 630px;
}

.section-bg {
  background-color: #f9f9f9;
}

@keyframes MOVE-BG {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(88px);
  }
}


.desktop-nav {
  background-color: transparent;
  z-index: 99;
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.desktop-nav .navbar {
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}
.desktop-nav .navbar .navbar-brand .logo-two {
  display: none;
}
.desktop-nav .navbar ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.desktop-nav .navbar .navbar-nav {
  margin-left: 80px;
  margin-right: auto;
}
.desktop-nav .navbar .navbar-nav .nav-item {
  position: relative;
  padding-bottom: 30px;
  padding-top: 30px;
  padding-right: 0;
  padding-left: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item a {
  color: #000000;
  color: var(--titleColor);
  position: relative;
  z-index: 1;
  font-family: "Work Sans", sans-serif;
  font-family: var(--bodyFonts);
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
}
.desktop-nav .navbar .navbar-nav .nav-item a i {
  font-size: 18px;
  position: relative;
  top: 3px;
  transition: .5s;
  transition: var(--transition);
  line-height: normal;
}
.desktop-nav .navbar .navbar-nav .nav-item a:hover, .desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item a:hover i, .desktop-nav .navbar .navbar-nav .nav-item a:focus i, .desktop-nav .navbar .navbar-nav .nav-item a.active i {
  transform: rotate(360deg);
}
.desktop-nav .navbar .navbar-nav .nav-item a:hover i, .desktop-nav .navbar .navbar-nav .nav-item a:focus i {
  transform: rotate(360deg);
}
.desktop-nav .navbar .navbar-nav .nav-item:last-child a {
  margin-right: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item:first-child a {
  margin-left: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover a, .desktop-nav .navbar .navbar-nav .nav-item:focus a, .desktop-nav .navbar .navbar-nav .nav-item.active a {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu {
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
  background: #ffffff;
  background: var(--whiteColor);
  padding: 0;
  border: none;
  border-top: 2px solid #c1e602;
  border-top: 2px solid var(--mainColor);
  position: absolute;
  visibility: hidden;
  transform-origin: top;
  border-radius: 0;
  display: block;
  width: 250px;
  z-index: 99;
  opacity: 0;
  top: 80px;
  left: 0;
  transform: scaleY(0);
  transition: .5s;
  transition: var(--transition);
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li {
  padding: 0;
  border-bottom: 1px dashed #a5ecda;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:last-child {
  border: none;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a {
  color: #000000;
  color: var(--titleColor);
  padding: 10px 20px;
  margin: 0;
  font-size: 14.5px;
  transition: .5s;
  transition: var(--transition);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a::before {
  display: none;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a i {
  float: right;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: 245px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  margin-top: 11px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  color: var(--titleColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: 245px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  color: var(--titleColor);
  font-size: 14px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  color: var(--titleColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  color: var(--titleColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  color: var(--titleColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
  left: -250px;
  top: 0;
  opacity: 0;
  visibility: hidden;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a {
  color: #000000;
  color: var(--titleColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  top: -15px;
  visibility: visible;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li.active a {
  color: #c1e602;
  color: var(--mainColor);
}
.desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  top: -15px;
}
.desktop-nav .navbar .navbar-nav .nav-item:hover .dropdown-menu {
  top: 100%;
  opacity: 1;
  margin-top: -13px;
  visibility: visible;
  transform: scaleY(1);
}

.navbar-area {
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.navbar-area.is-sticky {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background-color: #ffffff !important;
  background-color: var(--whiteColor) !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.navbar-area.is-sticky .desktop-nav {
  position: fixed;
  background-color: #ffffff !important;
  background-color: var(--whiteColor) !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.mobile-responsive-nav {
  display: none;
}

.others-options .optional-item {
  margin-right: 30px;
}
.others-options .optional-item:last-child {
  margin-right: 0;
}
.others-options .optional-item .two {
  background-color: #d0faef;
  color: #c1e602;
  color: var(--mainColor);
}
.others-options .optional-item .two i {
  font-size: 18px;
  position: relative;
  top: 3px;
  margin-left: 5px;
  line-height: 1;
}
.others-options .optional-item .two::before {
  background-color: #c1e602;
  background-color: var(--mainColor);
}
.others-options .optional-item .two:hover {
  color: #ffffff;
  color: var(--whiteColor);
}
.others-options .optional-item .default-btn {
  position: relative;
  top: 3px;
}
.others-options .optional-item .default-btn i {
  font-size: 18px;
  position: relative;
  top: 3px;
  margin-left: 5px;
  line-height: 1;
}

.side-nav-responsive {
  display: none;
}
.side-nav-responsive .dot-menu {
  padding: 0 10px;
  height: 30px;
  cursor: pointer;
  z-index: 999;
  position: absolute;
  right: 60px;
  top: -40px;
}
.side-nav-responsive .dot-menu .circle-inner {
  display: flex;
  align-items: center;
  height: 30px;
}
.side-nav-responsive .dot-menu .circle-inner .circle {
  height: 5px;
  width: 5px;
  border-radius: 100%;
  margin: 0 2px;
  transition: 0.7s;
  background-color: #c1e602;
  background-color: var(--mainColor);
}
.side-nav-responsive .dot-menu:hover .circle-inner .circle {
  background-color: #000000;
  background-color: var(--titleColor);
}
.side-nav-responsive .container-max {
  position: relative;
  display: flex;
}
.side-nav-responsive .container-max .container {
  position: absolute;
  top: 10px;
  right: 0;
  max-width: 300px;
  margin-left: auto;
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
  transform: scaleX(0);
  z-index: 2;
  padding-left: 15px;
  padding-right: 15px;
}
.side-nav-responsive .container-max .container.active {
  opacity: 1;
  visibility: visible;
  transform: scaleX(1);
}
.side-nav-responsive .side-nav-inner {
  padding: 6px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.side-nav-responsive .side-nav-inner .side-nav {
  background-color: #f1f9c6;
  padding: 7px 0px 7px 7px;
}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item {
  display: inline-block;
}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .two {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 0;
}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .two i {
  position: relative;
  top: 3px;
  margin-left: 2px;
  line-height: 1;
}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .two::before {
  background-color: #000000;
  background-color: var(--titleColor);
}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .two:hover {
  color: #ffffff;
  color: var(--whiteColor);
}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .default-btn {
  position: relative;
  top: 3px;
  font-size: 12px;
  padding: 8px 12px;
  border-radius: 0;
}
.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .default-btn i {
  position: relative;
  top: 3px;
  margin-left: 2px;
  line-height: 1;
}



.banner-area {
  background-color: #f1f9c6;
  padding: 100px 0 0;
  position: relative;
  z-index: 1;
}

.banner-content {
  position: relative;
}
.banner-content h1 {
  font-size: 64px;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 15px;
  line-height: 1.2;
}
.banner-content h1 b {
  font-weight: 500;
  color: #c1e602;
  color: var(--mainColor);
}
.banner-content p {
  margin-bottom: 35px;
}
.banner-content .popular-searches-tag {
  font-size: 16px;
  color: .5s;
  color: var(--transition);
  font-weight: 400;
  margin-bottom: 70px;
}
.banner-content .popular-searches-tag .title {
  margin-right: 20px;
  font-weight: 500;
}
.banner-content .popular-searches-tag a {
  color: #696969;
  color: var(--bodyColor);
  font-size: 15px;
}
.banner-content .popular-searches-tag a:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.banner-content ul {
  list-style-type: none;
  margin: 0 0 30px;
  padding: 0;
}
.banner-content ul li {
  display: inline-block;
  margin-left: -20px;
}
.banner-content ul li img {
  max-width: 50px;
  border: 4px solid #ffffff;
  border: 4px solid var(--whiteColor);
  border-radius: 50px;
  transition: .5s;
  transition: var(--transition);
}
.banner-content ul li.title {
  margin-right: 30px;
  margin-left: 0;
  font-size: 16px;
  color: #000000;
  color: var(--titleColor);
  font-weight: 500;
  vertical-align: middle;
}
.banner-content ul li:hover img {
  transform: scale(1.1);
}

.banner-form {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  padding: 20px 15px;
  max-width: 950px;
  position: relative;
  margin-right: -100px;
  border-radius: 5px;
  margin-bottom: 30px;
  z-index: 22;
}
.banner-form .form-group {
  position: relative;
  border-right: 1px solid #E3E3E3;
  padding-right: 10px;
}
.banner-form .form-group.select-group {
  border: none;
  padding-right: 0;
}
.banner-form .form-group i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
}
.banner-form .form-group .form-control {
  height: 50px;
  color: #696969;
  color: var(--bodyColor);
  border: none;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  font-size: 15px;
  padding: 10px 1px 10px 25px;
  width: 100%;
  border-radius: 3px;
  position: relative;
}
.banner-form .form-group .form-control.form-select {
  padding: 10px 32px 10px 0;
}
.banner-form .form-group .form-control:focus::-webkit-input-placeholder, .banner-form .form-group .form-control:focus:-ms-input-placeholder, .banner-form .form-group .form-control:focus::-ms-input-placeholder, .banner-form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.banner-form .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.banner-form .submit-btn {
  width: 100%;
  text-align: center;
  padding: 12px 30px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  border: none;
  outline: none;
  transition: .5s;
  transition: var(--transition);
}
.banner-form .submit-btn i {
  position: relative;
  top: 3px;
  margin-right: 10px;
  line-height: 0;
}
.banner-form .submit-btn:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}

.banner-img {
  text-align: center;
  position: relative;
  z-index: 1;
}
.banner-img img {
  max-width: 450px;
}
.banner-img::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 95%;
  border-radius: 50%;
  background-image: linear-gradient(#C6F0E6, #e7fbf4);
}
.banner-img .banner-img-shape .shape1 {
  position: absolute;
  bottom: 15%;
  left: -140px;
  width: 65px;
  height: 65px;
  line-height: 65px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  text-align: center;
  border-radius: 50px;
}
.banner-img .banner-img-shape .shape1 img {
  width: 45px;
}
.banner-img .banner-img-shape .shape2 {
  position: absolute;
  top: 23%;
  left: -75px;
  border: 3.5px solid #ffffff;
  border: 3.5px solid var(--whiteColor);
  border-radius: 50%;
}
.banner-img .banner-img-shape .shape2 img {
  border-radius: 50%;
  width: 100px;
}
.banner-img .banner-img-shape .shape3 {
  position: absolute;
  bottom: 5%;
  left: -5px;
  border: 3.5px solid #ffffff;
  border: 3.5px solid var(--whiteColor);
  border-radius: 50%;
}
.banner-img .banner-img-shape .shape3 img {
  border-radius: 50%;
  max-width: 55px;
}
.banner-img .banner-img-shape .shape4 {
  position: absolute;
  top: 0;
  left: 70px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  text-align: center;
  border-radius: 50px;
}
.banner-img .banner-img-shape .shape4 img {
  width: 45px;
}
.banner-img .banner-img-shape .shape5 {
  position: absolute;
  top: 12%;
  right: 55px;
  border: 3.5px solid #ffffff;
  border: 3.5px solid var(--whiteColor);
  border-radius: 50%;
}
.banner-img .banner-img-shape .shape5 img {
  border-radius: 50%;
}
.banner-img .banner-img-shape .shape6 {
  position: absolute;
  bottom: 15%;
  right: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  text-align: center;
  border-radius: 50px;
}
.banner-img .banner-img-shape .shape6 img {
  width: 40px;
}
.banner-img .banner-img-shape .shape7 {
  position: absolute;
  top: 35%;
  right: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  text-align: center;
  border-radius: 50px;
}
.banner-img .banner-img-shape .shape7 img {
  width: 40px;
}

.banner-shape .shape-in-one {
  position: absolute;
  bottom: 0;
  right: 20px;
}
.banner-shape .shape-in-one img {
  max-width: 800px;
}
.banner-shape .shape-in-two {
  position: absolute;
  bottom: 0;
  right: 0;
}
.banner-shape .shape-in-two img {
  max-width: 800px;
}

.banner-area-two {
  background-color: #F3F5F0;
  padding: 120px 0 70px;
}

.banner-content-two h1 {
  font-size: 63px;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 30px;
  line-height: 1.2;
  max-width: 650px;
}
.banner-content-two h1 b {
  font-weight: 500;
  border-bottom: 3px solid #000000;
  border-bottom: 3px solid var(--titleColor);
}
.banner-content-two .popular-searches-tag {
  font-size: 16px;
  color: .5s;
  color: var(--transition);
  font-weight: 400;
}
.banner-content-two .popular-searches-tag .title {
  margin-right: 20px;
  font-weight: 500;
}
.banner-content-two .popular-searches-tag a {
  color: #696969;
  color: var(--bodyColor);
  font-size: 15px;
}
.banner-content-two .popular-searches-tag a:hover {
  color: #c1e602;
  color: var(--mainColor);
}

.banner-form-two {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  padding: 15px 13px;
  max-width: 640px;
  border-radius: 5px;
  margin-bottom: 30px;
  z-index: 22;
}
.banner-form-two .form-group {
  position: relative;
  border-right: 1px solid #E3E3E3;
  padding-right: 10px;
}
.banner-form-two .form-group.select-group {
  border: none;
  padding-right: 0;
}
.banner-form-two .form-group i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
}
.banner-form-two .form-group .form-control {
  height: 50px;
  color: #696969;
  color: var(--bodyColor);
  border: none;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  font-size: 15px;
  padding: 10px 0 10px 27px;
  width: 100%;
  border-radius: 3px;
  position: relative;
}
.banner-form-two .form-group .form-control:focus::-webkit-input-placeholder, .banner-form-two .form-group .form-control:focus:-ms-input-placeholder, .banner-form-two .form-group .form-control:focus::-ms-input-placeholder, .banner-form-two .form-group .form-control:focus::placeholder {
  color: transparent;
}
.banner-form-two .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.banner-form-two .submit-btn {
  width: 100%;
  text-align: center;
  padding: 12px 30px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  border: none;
  outline: none;
  transition: .5s;
  transition: var(--transition);
}
.banner-form-two .submit-btn i {
  position: relative;
  top: 3px;
  margin-right: 10px;
  line-height: 0;
}
.banner-form-two .submit-btn:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}

.banner-img-two {
  position: relative;
  padding-bottom: 170px;
  margin-left: 15px;
  max-width: 635px;
}
.banner-img-two img {
  max-width: 400px;
}

.banner-shape-two .shape1 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.banner-shape-two .shape2 {
  position: absolute;
  bottom: -30px;
  left: 100px;
}
.banner-shape-two .shape3 {
  position: absolute;
  top: 26.5%;
  transform: translateY(-26.5%);
  right: 16.5%;
}

.banner-area-three {
  padding: 250px 0;
  background-color: #F3F5F0;
  z-index: 1;
  position: relative;
}
.banner-area-three::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(/static/media/home-three-bg.e13670c11a6f7358ce55.png);
}
.banner-area-three::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  background-image: linear-gradient(#EC04F1, rgba(237, 4, 241, 0.2392156863));
  opacity: 0.1;
  filter: blur(30px);
}

.banner-content-three {
  position: relative;
}
.banner-content-three h1 {
  font-size: 60px;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 30px;
  line-height: 1.2;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.banner-content-three .popular-searches-tag {
  text-align: center;
  font-size: 16px;
  color: .5s;
  color: var(--transition);
  font-weight: 400;
}
.banner-content-three .popular-searches-tag .title {
  margin-right: 20px;
  font-weight: 500;
}
.banner-content-three .popular-searches-tag a {
  color: #696969;
  color: var(--bodyColor);
  font-size: 15px;
}
.banner-content-three .popular-searches-tag a:hover {
  color: #c1e602;
  color: var(--mainColor);
}

.banner-form-three {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  padding: 15px 13px;
  max-width: 645px;
  border-radius: 5px;
  margin-bottom: 30px;
  z-index: 22;
  margin-left: auto;
  margin-right: auto;
}
.banner-form-three .form-group {
  position: relative;
  border-right: 1px solid #E3E3E3;
  padding-right: 10px;
}
.banner-form-three .form-group.select-group {
  border: none;
  padding-right: 0;
}
.banner-form-three .form-group i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
}
.banner-form-three .form-group .form-control {
  height: 50px;
  color: #696969;
  color: var(--bodyColor);
  border: none;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  font-size: 15px;
  padding: 10px 0 10px 27px;
  width: 100%;
  border-radius: 3px;
  position: relative;
}
.banner-form-three .form-group .form-control:focus::-webkit-input-placeholder, .banner-form-three .form-group .form-control:focus:-ms-input-placeholder, .banner-form-three .form-group .form-control:focus::-ms-input-placeholder, .banner-form-three .form-group .form-control:focus::placeholder {
  color: transparent;
}
.banner-form-three .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.banner-form-three .submit-btn {
  width: 100%;
  text-align: center;
  padding: 12px 30px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  border: none;
  outline: none;
  transition: .5s;
  transition: var(--transition);
}
.banner-form-three .submit-btn i {
  position: relative;
  top: 3px;
  margin-right: 10px;
  line-height: 0;
}
.banner-form-three .submit-btn:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}

.banner-three-other .other-content1 {
  position: absolute;
  top: -105px;
  left: 7%;
}
.banner-three-other .other-content1 img {
  border-radius: 50%;
  border: 3px solid #ffffff;
  border: 3px solid var(--whiteColor);
}
.banner-three-other .other-content2 {
  position: absolute;
  top: 105px;
  left: -1%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.banner-three-other .other-content2 img {
  width: 35px;
}
.banner-three-other .other-content3 {
  position: absolute;
  bottom: 0;
  left: 10%;
}
.banner-three-other .other-content3 img {
  border-radius: 50%;
  border: 3px solid #ffffff;
  border: 3px solid var(--whiteColor);
}
.banner-three-other .other-content4 {
  position: absolute;
  bottom: -170px;
  left: 5%;
}
.banner-three-other .other-content4 img {
  border-radius: 50%;
}
.banner-three-other .other-content5 {
  position: absolute;
  bottom: -130px;
  left: 30%;
  width: 55px;
  height: 55px;
  line-height: 53px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.banner-three-other .other-content5 img {
  width: 40px;
}
.banner-three-other .other-content6 {
  position: absolute;
  top: -125px;
  right: 20%;
  width: 75px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.banner-three-other .other-content6 img {
  width: 50px;
}
.banner-three-other .other-content7 {
  position: absolute;
  bottom: -190px;
  right: 25%;
}
.banner-three-other .other-content7 img {
  border-radius: 50%;
}
.banner-three-other .other-content8 {
  position: absolute;
  top: 45px;
  right: 3%;
}
.banner-three-other .other-content8 img {
  border-radius: 50%;
}
.banner-three-other .other-content9 {
  position: absolute;
  bottom: -60px;
  right: 65px;
}
.banner-three-other .other-content9 img {
  border-radius: 50%;
  border: 3px solid #ffffff;
  border: 3px solid var(--whiteColor);
  max-width: 230px;
}
.banner-three-other .other-content9 .other-into-content {
  position: absolute;
  bottom: 20px;
  right: 10px;
}
.banner-three-other .other-content9 .other-into-content img {
  max-width: 45px;
  border: none;
}
.banner-three-other .other-content10 {
  position: absolute;
  bottom: -170px;
  right: -2%;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  border-radius: 50%;
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.banner-three-other .other-content10 img {
  width: 40px;
}



.inner-banner {
  position: relative;
  z-index: 1;
  background-color: #F3F5F0;
}
.inner-banner .inner-title {
  padding-top: 170px;
  padding-bottom: 110px;
  position: relative;
  z-index: 1;
}
.inner-banner .inner-title h3 {
  font-size: 45px;
  color: #000000;
  color: var(--titleColor);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 15px;
}
.inner-banner .inner-title ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.inner-banner .inner-title ul li {
  font-size: 18px;
  color: #696969;
  color: var(--bodyColor);
  display: inline-block;
  position: relative;
  margin-right: 35px;
  font-weight: 400;
}
.inner-banner .inner-title ul li:last-child {
  margin-right: 0;
}
.inner-banner .inner-title ul li:last-child::before {
  display: none;
}
.inner-banner .inner-title ul li::before {
  content: "";
  position: absolute;
  bottom: 8px;
  right: -22px;
  height: 5px;
  width: 5px;
  border-radius: 50px;
  background-color: #c1e602;
  background-color: var(--mainColor);
}
.inner-banner .inner-title ul li a {
  color: #696969;
  color: var(--bodyColor);
}
.inner-banner .inner-title ul li a:hover {
  color: #c1e602;
  color: var(--mainColor);
}



.about-img {
  margin-bottom: 30px;
}
.about-img img {
  border-radius: 100px;
}

.about-content {
  margin-bottom: 30px;
}
.about-content p {
  max-width: 100%;
  margin-bottom: 0;
}

.services-area {
  background-color: #F8F8F8;
}

.services-card {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  margin-bottom: 30px;
  padding: 25px 25px 25px 100px;
  position: relative;
  transition: .5s;
  transition: var(--transition);
  border-radius: 10px;
}
.services-card i {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 58px;
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  text-align: center;
  border-radius: 5px;
}
.services-card i.services-bg1 {
  background-color: #FFF4D9;
  color: #FFB300;
}
.services-card i.services-bg2 {
  background-color: #D9F7F0;
  color: #c1e602;
}
.services-card i.services-bg3 {
  background-color: #FEE7DD;
  color: #FA5F1C;
}
.services-card h3 {
  margin-bottom: 10px;
  transition: .5s;
  transition: var(--transition);
}
.services-card h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.services-card p {
  margin-bottom: 0;
  max-width: 270px;
}
.services-card:hover {
  transform: translateY(-5px);
}
.services-card:hover h3 a {
  color: #c1e602;
  color: var(--mainColor);
}

.counter-card {
  margin-bottom: 30px;
  text-align: center;
}
.counter-card h3 {
  font-size: 45px;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 10px;
  font-weight: 500;
}
.counter-card .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 10px;
}
.counter-card .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.counter-card p {
  margin-bottom: 0;
  margin-top: 10px;
}



.browse-btn {
  margin-bottom: 30px;
}
.browse-btn a {
  color: #c1e602;
  color: var(--mainColor);
  border-bottom: 1px solid #c1e602;
  border-bottom: 1px solid var(--mainColor);
  font-weight: 500;
}
.browse-btn a i {
  margin-left: 3px;
  position: relative;
  top: 2px;
}
.browse-btn a:hover {
  color: #000000;
  color: var(--titleColor);
  letter-spacing: 0.25px;
  border-color: #000000;
  border-color: var(--titleColor);
}

.browse-jobs-card {
  background-color: #f1f9c6;
  position: relative;
  z-index: 1;
  padding: 30px 30px 30px 105px;
  margin-bottom: 30px;
}
.browse-jobs-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  border-radius: 5px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
  opacity: 0;
}
.browse-jobs-card .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: #DDF6ED;
  border-radius: 50px;
  font-size: 24px;
  color: #c1e602;
  color: var(--mainColor);
  text-align: center;
  transition: .5s;
  transition: var(--transition);
}
.browse-jobs-card h3 {
  margin-bottom: 10px;
}
.browse-jobs-card h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.browse-jobs-card p {
  margin-bottom: 0;
  transition: .5s;
  transition: var(--transition);
}
.browse-jobs-card .more-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: transparent;
  font-size: 24px;
  color: #696969;
  color: var(--bodyColor);
  transition: .5s;
  transition: var(--transition);
  text-align: center;
}
.browse-jobs-card .more-btn:hover {
  background-color: #17d1a4;
  border-radius: 50px;
}
.browse-jobs-card:hover::before {
  width: 100%;
  opacity: 1;
}
.browse-jobs-card:hover .icon {
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.browse-jobs-card:hover h3 a {
  color: #ffffff;
  color: var(--whiteColor);
}
.browse-jobs-card:hover p {
  color: #ffffff;
  color: var(--whiteColor);
}
.browse-jobs-card:hover .more-btn {
  color: #ffffff;
  color: var(--whiteColor);
  transition: .5s;
  transition: var(--transition);
}

.browse-jobs-item {
  position: relative;
  margin-bottom: 45px;
  padding: 25px 18px 25px 93px;
  border: 1px solid #F2F2F2;
  border-radius: 10px;
  transition: .5s;
  transition: var(--transition);
}
.browse-jobs-item i {
  position: absolute;
  top: -15px;
  left: 20px;
  width: 58px;
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  text-align: center;
  border-radius: 5px;
}
.browse-jobs-item i.jobs-card-bg {
  color: #4D49DC;
  background-color: #E4E4FA;
}
.browse-jobs-item i.jobs-card-bg2 {
  color: #FA871C;
  background-color: #FEEDDD;
}
.browse-jobs-item i.jobs-card-bg3 {
  color: #49DEEE;
  background-color: #E4FAFC;
}
.browse-jobs-item i.jobs-card-bg4 {
  color: #F71E3F;
  background-color: #FEDDE2;
}
.browse-jobs-item i.jobs-card-bg5 {
  color: #FA5F1C;
  background-color: #FEE7DD;
}
.browse-jobs-item i.jobs-card-bg6 {
  color: #c1e602;
  background-color: #D9F7F0;
}
.browse-jobs-item i.jobs-card-bg7 {
  color: #FFB300;
  background-color: #FFF4D9;
}
.browse-jobs-item i.jobs-card-bg8 {
  color: #62E3F1;
  background-color: #E8FBFD;
}
.browse-jobs-item h3 {
  margin-bottom: 5px;
  font-size: 20px;
}
.browse-jobs-item h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.browse-jobs-item p {
  margin-bottom: 0;
}
.browse-jobs-item:hover {
  border-color: #b1fae8;
  transform: translateY(-5px);
}
.browse-jobs-item:hover h3 a {
  color: #c1e602;
  color: var(--mainColor);
}

.browse-jobs-list {
  margin-bottom: 20px;
}
.browse-jobs-list h3 {
  margin-bottom: 30px;
}
.browse-jobs-list h3 i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50px;
  font-size: 24px;
  display: inline-block;
  margin-right: 10px;
}
.browse-jobs-list h3 i.jobs-list-icon1 {
  background-color: #FCF7E6;
  color: #DEAE05;
}
.browse-jobs-list h3 i.jobs-list-icon2 {
  background-color: #f1f9c6;
  color: #c1e602;
}
.browse-jobs-list h3 i.jobs-list-icon3 {
  background-color: #FCE6EB;
  color: #DE0539;
}
.browse-jobs-list h3 i.jobs-list-icon4 {
  background-color: #E9F3FC;
  color: #2185E2;
}
.browse-jobs-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.browse-jobs-list ul li {
  display: block;
  margin-bottom: 10px;
  position: relative;
  transition: .5s;
  transition: var(--transition);
}
.browse-jobs-list ul li:last-child {
  margin-bottom: 0;
}
.browse-jobs-list ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0;
  height: 2px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border-radius: 50px;
  opacity: 0;
  transition: .5s;
  transition: var(--transition);
}
.browse-jobs-list ul li:hover {
  padding-left: 20px;
  color: #c1e602;
  color: var(--mainColor);
}
.browse-jobs-list ul li:hover::before {
  width: 13px;
  opacity: 1;
}
.browse-jobs-list ul li a {
  color: #696969;
  color: var(--bodyColor);
}
.browse-jobs-list ul li a:hover {
  color: #c1e602;
  color: var(--mainColor);
}



.job-post-area {
  background-color: #f1f9c6;
}

.job-post-form {
  max-width: 1070px;
  margin-bottom: 30px;
  z-index: 22;
}
.job-post-form .form-group {
  position: relative;
}
.job-post-form .form-group.select-group .form-control {
  padding-left: 17px;
}
.job-post-form .form-group i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
}
.job-post-form .form-group .form-control {
  height: 50px;
  color: #696969;
  color: var(--bodyColor);
  border: none;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  font-size: 15px;
  padding: 10px 27px 10px 45px;
  width: 100%;
  border-radius: 50px;
  position: relative;
}
.job-post-form .form-group .form-control:focus::-webkit-input-placeholder, .job-post-form .form-group .form-control:focus:-ms-input-placeholder, .job-post-form .form-group .form-control:focus::-ms-input-placeholder, .job-post-form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.job-post-form .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.job-post-form .submit-btn {
  width: 100%;
  text-align: center;
  padding: 12px 30px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  border: none;
  outline: none;
  transition: .5s;
  transition: var(--transition);
  border-radius: 50px;
}
.job-post-form .submit-btn:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}

.job-post-card {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border-radius: 10px;
  padding: 30px 30px 30px 120px;
  position: relative;
  overflow: hidden;
  transition: .5s;
  transition: var(--transition);
  margin-bottom: 30px;
}
.job-post-card .job-post-img {
  position: absolute;
  top: 30px;
  left: 30px;
}
.job-post-card .job-post-img img {
  border-radius: 50%;
}
.job-post-card h3 {
  margin-bottom: 10px;
  font-size: 24px;
}
.job-post-card h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.job-post-card h3 a:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.job-post-card .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0;
}
.job-post-card .content .content-item .content-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.job-post-card .content .content-item .content-list li {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
  transition: .5s;
  transition: var(--transition);
}
.job-post-card .content .content-item .content-list li i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
}
.job-post-card .content .content-item .content-list li b {
  color: #000000;
  color: var(--titleColor);
  font-size: 18px;
  font-weight: 400;
}
.job-post-card .content .content-item .content-list li:last-child {
  margin-right: 0;
}
.job-post-card .content .content-item .content-list li a {
  color: #c1e602;
  color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
}
.job-post-card .content .content-item .content-list li:hover i {
  color: .5s;
  color: var(--transition);
}
.job-post-card .content .content-item .content-list li:hover i a {
  color: .5s;
  color: var(--transition);
}
.job-post-card .content .content-item span {
  margin-left: 40px;
  font-size: 18px;
  color: #000000;
  color: var(--titleColor);
}
.job-post-card .content .content-item span b {
  font-weight: 400;
  font-size: 15px;
  color: #696969;
  color: var(--bodyColor);
}
.job-post-card .content .content-list2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.job-post-card .content .content-list2 li {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  margin-bottom: 0;
}
.job-post-card .content .content-list2 li:last-child {
  margin-right: 0;
}
.job-post-card .content .content-list2 li.time {
  color: #c1e602;
  color: var(--mainColor);
  background-color: #f1f9c6;
}
.job-post-card .content .content-list2 li.freelance {
  color: #FF5B4A;
  background-color: #FFEFED;
}
.job-post-card .content .content-list2 li.urgent {
  color: #C90000;
  background-color: #FFEDF6;
}
.job-post-card .bookmark-btn {
  position: absolute;
  top: 20px;
  right: 25px;
  border: none;
  outline: none;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
  background-color: .5s;
  background-color: var(--transition);
  transition: .5s;
  transition: var(--transition);
  border-radius: 50px;
}
.job-post-card .bookmark-btn:hover {
  background-color: #f1f1f1;
}
.job-post-card:hover {
  transform: translateY(-10px);
}
.job-post-card:hover h3 a {
  color: #c1e602;
  color: var(--mainColor);
}

.job-post-widget-area {
  background-color: #F8F8F8;
}


.pricing-content {
  margin-bottom: 30px;
}
.pricing-content .section-title {
  margin-bottom: 30px;
}
.pricing-content .section-title h2 b {
  color: #c1e602;
  color: var(--mainColor);
  font-weight: 500;
}
.pricing-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pricing-content ul li {
  display: inline-block;
  margin-right: -20px;
}
.pricing-content ul li img {
  max-width: 50px;
  border: 4px solid #ffffff;
  border: 4px solid var(--whiteColor);
  border-radius: 50px;
  transition: .5s;
  transition: var(--transition);
}
.pricing-content ul li.title {
  margin-right: 0;
  margin-left: 30px;
  font-size: 16px;
  color: #000000;
  color: var(--titleColor);
  font-weight: 500;
  vertical-align: middle;
}
.pricing-content ul li:hover img {
  transform: scale(1.1);
}

.pricing-card {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border-radius: 20px;
  padding: 50px 30px;
  text-align: center;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  margin-bottom: 30px;
}
.pricing-card .pricing-title {
  margin-bottom: 20px;
}
.pricing-card .pricing-title h2 {
  font-size: 24px;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 10px;
}
.pricing-card .pricing-title span {
  color: #696969;
  color: var(--bodyColor);
  margin-bottom: 0;
}
.pricing-card h3 {
  font-size: 45px;
  color: #FF5B4A;
  margin-bottom: 20px;
}
.pricing-card h3 span {
  font-size: 18px;
  color: #696969;
  color: var(--bodyColor);
}
.pricing-card ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.pricing-card ul li {
  display: block;
  margin-bottom: 12px;
  color: #696969;
  color: var(--bodyColor);
  font-size: 17px;
  transition: .5s;
  transition: var(--transition);
}
.pricing-card ul li:last-child {
  margin-bottom: 0;
}
.pricing-card ul li:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.pricing-card .price-btn-area {
  margin-top: 30px;
}
.pricing-card .price-btn-area .price-btn {
  padding: 12px 30px;
  color: #c1e602;
  color: var(--mainColor);
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-transform: capitalize;
  background-color: #D5F3E7;
  border: none;
  outline: none;
  font-weight: 500;
  border-radius: 5px;
}
.pricing-card .price-btn-area .price-btn i {
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.pricing-card .price-btn-area .price-btn::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  background-color: #c1e602;
  background-color: var(--mainColor);
  left: 0;
  right: 0;
  opacity: 0;
  z-index: -1;
  transition: .5s;
  transition: var(--transition);
}
.pricing-card .price-btn-area .price-btn:hover {
  color: #ffffff;
  color: var(--whiteColor);
}
.pricing-card .price-btn-area .price-btn:hover::before {
  transform: scale(1);
  opacity: 1;
}
.pricing-card:hover .price-btn-area .price-btn {
  color: #ffffff;
  color: var(--whiteColor);
}
.pricing-card:hover .price-btn-area .price-btn::before {
  transform: scale(1);
  opacity: 1;
}

.pricing-wraps {
  margin-bottom: 30px;
}
.pricing-wraps .table-responsive {
  overflow-x: inherit;
}
.pricing-wraps .pricing-table table {
  margin-bottom: 0;
}
.pricing-wraps .pricing-table table tbody, .pricing-wraps .pricing-table table td, .pricing-wraps .pricing-table table tfoot, .pricing-wraps .pricing-table table th, .pricing-wraps .pricing-table table thead, .pricing-wraps .pricing-table table tr {
  border-style: none !important;
}
.pricing-wraps .pricing-table table thead tr {
  border: none !important;
  border-bottom: none !important;
  text-align: center;
  border-style: none !important;
}
.pricing-wraps .pricing-table table thead tr th {
  border-style: none !important;
  border-top: none;
  border-bottom: 1px solid #eeeeee !important;
  vertical-align: middle;
  padding: 0 0 15px;
  border: none;
  font-weight: 500;
}
.pricing-wraps .pricing-table table thead tr th.pricing-name {
  font-size: 25px;
  color: #c1e602;
  color: var(--mainColor);
}
.pricing-wraps .pricing-table table thead tr th.pricing-name span {
  color: #696969;
  color: var(--bodyColor);
  font-size: 16px;
}
.pricing-wraps .pricing-table table thead tr th.pricing-name-top {
  border-bottom: none !important;
}
.pricing-wraps .pricing-table table thead tr th.pricing-name1 {
  border-bottom: 1px solid #CEF5EB !important;
}
.pricing-wraps .pricing-table table tbody tr td {
  vertical-align: middle;
  color: #000000;
  color: var(--titleColor);
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-name-list1 {
  border-bottom: 1px solid #eeeeee !important;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-name-list1 a {
  display: block;
  color: #000000;
  color: var(--titleColor);
  font-size: 20px;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-name-list2 {
  border-bottom: 1px solid #eeeeee !important;
  border-left: 1px solid #CEF5EB !important;
  border-right: 1px solid #CEF5EB !important;
  background-color: #F2FCFA;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-name-list2 a {
  display: block;
  color: #c1e602;
  color: var(--mainColor);
  font-size: 20px;
  text-align: center;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-name-list3 {
  border-right: 1px solid #eeeeee !important;
  border-bottom: 1px solid #eeeeee !important;
  text-align: center;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-name-list3 .unit-amount {
  color: #000000;
  color: var(--titleColor);
  font-size: 20px;
  text-align: center;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list1 {
  border-bottom: 1px solid #eeeeee !important;
  border-left: 1px solid #eeeeee !important;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list1 a {
  display: block;
  color: #696969;
  color: var(--bodyColor);
  font-size: 17px;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list-lasst {
  border-bottom: none !important;
  border-left: none !important;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 {
  border-bottom: 1px solid #eeeeee !important;
  border-left: 1px solid #CEF5EB !important;
  border-right: 1px solid #CEF5EB !important;
  background-color: #F2FCFA;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 a {
  display: block;
  color: #c1e602;
  color: var(--mainColor);
  font-size: 17px;
  text-align: center;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 .icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  border-radius: 50px;
  font-size: 17px;
  margin: 0 auto;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 .price-btn {
  padding: 10px 20px;
  color: #ffffff;
  color: var(--whiteColor);
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-transform: capitalize;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border: none;
  outline: none;
  font-weight: 400;
  border-radius: 5px;
  transition: .5s;
  transition: var(--transition);
  font-size: 16px;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 .price-btn i {
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 .price-btn:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 {
  border-right: 1px solid #eeeeee !important;
  border-bottom: 1px solid #eeeeee !important;
  text-align: center;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .unit-amount {
  color: #696969;
  color: var(--bodyColor);
  font-size: 17px;
  text-align: center;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  border-radius: 50px;
  font-size: 17px;
  margin: 0 auto;
  display: inline-block;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .price-btn {
  padding: 10px 20px;
  color: #c1e602;
  color: var(--mainColor);
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-transform: capitalize;
  background-color: #D5F3E7;
  border: none;
  outline: none;
  font-weight: 400;
  border-radius: 5px;
  transition: .5s;
  transition: var(--transition);
  font-size: 16px;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .price-btn i {
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .price-btn:hover {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}


.company-area {
  background-color: #F8F8F8;
}
.company-area .owl-dots {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.company-area .owl-dots .owl-dot span {
  background-color: #C4C4C4 !important;
  transition: 0.7s;
  margin: 0 7px;
  width: 10px !important;
  height: 10px !important;
  position: relative;
  z-index: 1;
  border-radius: 50px;
}
.company-area .owl-dots .owl-dot.active span {
  background-color: #c1e602 !important;
  background-color: var(--mainColor) !important;
  width: 30px !important;
}
.company-area .owl-dots .owl-dot:hover span {
  background-color: #c1e602 !important;
  background-color: var(--mainColor) !important;
  width: 30px !important;
}

.company-item {
  padding: 30px;
  text-align: center;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  margin-bottom: 30px;
  transition: .5s;
  transition: var(--transition);
  border-radius: 10px;
}
.company-item a {
  display: block;
}
.company-item a img {
  border-radius: 50%;
  margin-bottom: 15px;
  width: auto !important;
  width: initial !important;
  margin-left: auto;
  margin-right: auto;
}
.company-item h3 {
  margin-bottom: 10px;
}
.company-item h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.company-item p {
  margin-bottom: 15px;
}
.company-item p i {
  position: relative;
  top: 2px;
  color: #c1e602;
  color: var(--mainColor);
}
.company-item .company-btn {
  display: inline-block;
  padding: 9px 20px;
  color: #c1e602;
  color: var(--mainColor);
  background-color: #f1f9c6;
  border-radius: 5px;
  transition: .5s;
  transition: var(--transition);
  font-size: 15px;
}
.company-item:hover {
  transform: translateY(-10px);
}
.company-item:hover h3 a {
  color: #c1e602;
  color: var(--mainColor);
}
.company-item:hover .company-btn {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}

.company-card {
  padding: 25px 25px 25px 110px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  margin-bottom: 30px;
  transition: .5s;
  transition: var(--transition);
  border-radius: 10px;
  position: relative;
}
.company-card img {
  position: absolute;
  top: 30px;
  left: 30px;
  border-radius: 50%;
  max-width: 70px;
}
.company-card h3 {
  margin-bottom: 10px;
}
.company-card h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.company-card p {
  margin-bottom: 10px;
}
.company-card p i {
  position: relative;
  top: 2px;
  color: #c1e602;
  color: var(--mainColor);
}
.company-card .company-btn {
  color: #c1e602;
  color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
}
.company-card .company-btn:hover {
  color: #000000;
  color: var(--titleColor);
  letter-spacing: 0.25px;
}
.company-card:hover {
  transform: translateY(-10px);
}
.company-card:hover h3 a {
  color: #c1e602;
  color: var(--mainColor);
}

.company-details-content {
  margin-bottom: 30px;
}
.company-details-content h1, .company-details-content h2, .company-details-content h3, .company-details-content h4, .company-details-content h5, .company-details-content h6 {
  margin-bottom: 15px;
}
.company-details-content h1 {
  font-size: 32px;
}
.company-details-content h2 {
  font-size: 29px;
}
.company-details-content h3 {
  font-size: 26px;
}
.company-details-content h4 {
  font-size: 23px;
}
.company-details-content h5 {
  font-size: 20px;
}
.company-details-content h6 {
  font-size: 17px;
}
.company-details-content a {
  color: #c1e602;
  color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
}
.company-details-content a:hover {
  color: #000000;
  color: var(--titleColor);
}
.company-details-content ul, .company-details-content ol {
  margin-bottom: 30px;
}
.company-details-content ul li, .company-details-content ol li {
  margin-bottom: 10px;
}
.company-details-content ul li:last-child, .company-details-content ol li:last-child {
  margin-bottom: 0;
}
.company-details-content p {
  margin-bottom: 15px;
}
.company-details-content p:last-child {
  margin-bottom: 0;
}
.company-details-content .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 20px;
}
.company-details-content .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.company-details-content .company-details-list {
  margin-bottom: 30px;
}
.company-details-content .company-details-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.company-details-content .company-details-list ul li {
  display: block;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
  font-size: 16px;
  transition: .5s;
  transition: var(--transition);
  color: #696969;
  color: var(--bodyColor);
}
.company-details-content .company-details-list ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 50px;
  background-color: #c1e602;
  background-color: var(--mainColor);
}
.company-details-content .company-details-list ul li:last-child {
  margin-bottom: 0;
}
.company-details-content .company-details-list ul li:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.company-details-content .company-details-list ul li:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.company-details-content .company-details-portfolio .company-details-portfolio-img {
  margin-bottom: 30px;
  text-align: center;
}
.company-details-content .company-details-portfolio .company-details-portfolio-img a {
  display: block;
  text-align: center;
}
.company-details-content .company-details-portfolio .company-details-portfolio-img a img {
  border-radius: 20px;
  text-align: center;
}
.company-details-content .article-social-icon {
  padding: 12px 20px;
  background-color: #F8F8F8;
  margin-bottom: 30px;
}
.company-details-content .article-social-icon .social-icon {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.company-details-content .article-social-icon .social-icon li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}
.company-details-content .article-social-icon .social-icon li.title {
  font-size: 18px;
  color: #000000;
  color: var(--titleColor);
  vertical-align: middle;
}
.company-details-content .article-social-icon .social-icon li:last-child {
  margin-right: 0;
}
.company-details-content .article-social-icon .social-icon li a {
  display: inline-block;
  border: none;
}
.company-details-content .article-social-icon .social-icon li a i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  color: #696969;
  color: var(--bodyColor);
  background-color: #fff;
  transition: .5s;
  transition: var(--transition);
  display: inline-block;
  border-radius: 50px;
}
.company-details-content .article-social-icon .social-icon li a:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.company-details-content .company-details-play {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 170px 0;
  text-align: center;
  background-image: url(/static/media/employers-details.35754fbe928bb8030f0d.jpg);
  border-radius: 5px;
  margin-bottom: 30px;
}
.company-details-content .company-details-play .play-btn i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  font-size: 40px;
  border-radius: 50px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  transition: .5s;
  transition: var(--transition);
  text-align: center;
  display: inline-block;
}
.company-details-content .company-details-play .play-btn i::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid #c1e602;
  border: 1px solid var(--mainColor);
  border-radius: 50px;
  animation: ripple 2s infinite ease-in-out;
  transition: .5s;
  transition: var(--transition);
}
.company-details-content .company-details-play .play-btn i:hover {
  background-color: #000000;
  background-color: var(--titleColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.company-details-content .company-details-play .play-btn i:hover::after {
  border-color: #000000;
  border-color: var(--titleColor);
}

.company-details-card {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border-radius: 10px;
  padding: 30px 30px 30px 120px;
  position: relative;
  overflow: hidden;
  transition: .5s;
  transition: var(--transition);
  margin-bottom: 30px;
}
.company-details-card img {
  position: absolute;
  top: 30px;
  left: 30px;
  border-radius: 50%;
}
.company-details-card h3 {
  margin-bottom: 10px;
  font-size: 22px;
}
.company-details-card .content-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.company-details-card .content-list li {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
  transition: .5s;
  transition: var(--transition);
}
.company-details-card .content-list li i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
}
.company-details-card .content-list li b {
  color: #000000;
  color: var(--titleColor);
  font-size: 18px;
  font-weight: 400;
}
.company-details-card .content-list li:last-child {
  margin-right: 0;
}
.company-details-card .content-list li a {
  color: #c1e602;
  color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
}
.company-details-card .content-list li:hover i {
  color: .5s;
  color: var(--transition);
}
.company-details-card .content-list li:hover i a {
  color: .5s;
  color: var(--transition);
}
.company-details-card:hover {
  transform: translateY(-10px);
}

.counter-item {
  background-color: #f8f8f8;
  padding: 30px;
  text-align: center;
  margin-bottom: 30px;
}
.counter-item h3 {
  font-size: 35px;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 5px;
}
.counter-item p {
  color: #c1e602;
  color: var(--mainColor);
  margin-bottom: 0;
}



.find-jobs-area {
  background-color: #F4F4F4;
}

.find-jobs-card {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border-radius: 3px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  transition: .5s;
  transition: var(--transition);
  margin-bottom: 30px;
}
.find-jobs-card .find-jobs-img {
  margin-right: 20px;
  transition: .5s;
  transition: var(--transition);
}
.find-jobs-card .find-jobs-img a {
  display: block;
}
.find-jobs-card .find-jobs-img a img {
  max-width: 140px;
  border-radius: 5px;
}
.find-jobs-card .content .content-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.find-jobs-card .content .content-list li {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 50px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 10px;
  margin-bottom: 15px;
}
.find-jobs-card .content .content-list li:last-child {
  margin-right: 0;
}
.find-jobs-card .content .content-list li.time {
  color: #c1e602;
  color: var(--mainColor);
  background-color: #f1f9c6;
}
.find-jobs-card .content .content-list li.freelance {
  color: #FF5B4A;
  background-color: #FFEFED;
}
.find-jobs-card .content .content-list li.internship {
  color: #FF4AA1;
  background-color: #FFEDF6;
}
.find-jobs-card .content .content-list li.city-bhargav {
  color: #000000;
  background-color: #ffe8be;
}
.find-jobs-card .content h3 {
  margin-bottom: 10px;
  font-size: 24px;
}
.find-jobs-card .content h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.find-jobs-card .content h3 a:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.find-jobs-card .content .content-list2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.find-jobs-card .content .content-list2 li {
  display: inline-block;
  margin-bottom: 12px;
}
.find-jobs-card .content .content-list2 li.list-one {
  font-size: 20px;
  color: #c1e602;
  color: var(--mainColor);
  margin-right: 50px;
}
.find-jobs-card .content .content-list2 li.list-two {
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
}
.find-jobs-card .content .content-list2 li.list-two i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
}
.find-jobs-card .content .content-list3 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.find-jobs-card .content .content-list3 li {
  display: inline-block;
  margin-right: 35px;
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
}
.find-jobs-card .content .content-list3 li i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
}
.find-jobs-card .content .content-list3 li b {
  color: #000000;
  color: var(--titleColor);
  font-size: 18px;
  font-weight: 400;
}
.find-jobs-card .content .content-list3 li:last-child {
  margin-right: 0;
}
.find-jobs-card .find-jobs-btn {
  position: absolute;
  top: 100%;
  right: 30px;
  transition: .5s;
  transition: var(--transition);
}
.find-jobs-card .bookmark-btn {
  position: absolute;
  top: 30px;
  right: 25px;
  border: none;
  outline: none;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
  background-color: .5s;
  background-color: var(--transition);
  transition: .5s;
  transition: var(--transition);
  border-radius: 50px;
}
.find-jobs-card .bookmark-btn:hover {
  background-color: #f1f1f1;
}
.find-jobs-card:hover .find-jobs-img {
  transform: translateY(-10px);
}
.find-jobs-card:hover .content h3 a {
  color: #c1e602;
  color: var(--mainColor);
}
.find-jobs-card:hover .find-jobs-btn {
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}



.freelancers-card {
  margin-bottom: 30px;
  padding: 30px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  text-align: center;
  transition: .5s;
  transition: var(--transition);
}
.freelancers-card a {
  display: block;
}
.freelancers-card a img {
  max-width: 90px;
  border-radius: 50%;
  border: 4px solid #c1e602;
  border: 4px solid var(--mainColor);
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.freelancers-card .title {
  align-items: center;
  margin: 0 0 12px;
  vertical-align: middle;
  align-items: center;
}
.freelancers-card .title h3 {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
.freelancers-card .title h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.freelancers-card .title img {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}
.freelancers-card p {
  margin-bottom: 10px;
}
.freelancers-card .rating {
  display: block;
}
.freelancers-card .rating i {
  font-size: 17px;
  color: #FEA014;
  display: inline-block;
}
.freelancers-card .rating i.rating-color {
  color: #FFDEAD;
}
.freelancers-card .sub-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0 0;
}
.freelancers-card .sub-title .sub-title1 {
  color: #696969;
  color: var(--bodyColor);
}
.freelancers-card .sub-title .sub-title1 b {
  color: #000000;
  color: var(--titleColor);
  font-size: 18px;
  font-weight: 500;
}
.freelancers-card .sub-title .sub-title2 {
  color: #696969;
  color: var(--bodyColor);
}
.freelancers-card .sub-title .sub-title2 b {
  color: #000000;
  color: var(--titleColor);
  font-size: 18px;
  font-weight: 500;
}
.freelancers-card:hover {
  transform: translateY(-10px);
}
.freelancers-card:hover .title h3 a {
  color: #c1e602;
  color: var(--mainColor);
}

.freelancer-details-profile {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  padding: 30px 20px 30px 140px;
  position: relative;
  margin-bottom: 30px;
}
.freelancer-details-profile img {
  position: absolute;
  top: 25px;
  left: 20px;
  margin-right: 20px;
}
.freelancer-details-profile h3 {
  font-size: 22px;
  margin-bottom: 5px;
}
.freelancer-details-profile span {
  margin-bottom: 5px;
  display: block;
  color: #c1e602;
  color: var(--mainColor);
}
.freelancer-details-profile p {
  margin-bottom: 0;
}
.freelancer-details-profile p b {
  font-weight: 400;
  color: #000000;
  color: var(--titleColor);
}
.freelancer-details-profile .freelancer-details-btn {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  right: 20px;
}


.recent-job-area .owl-dots {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1;
}
.recent-job-area .owl-dots .owl-dot span {
  background-color: #C4C4C4 !important;
  transition: 0.7s;
  margin: 0 7px;
  width: 10px !important;
  height: 10px !important;
  position: relative;
  z-index: 1;
  border-radius: 50px;
}
.recent-job-area .owl-dots .owl-dot.active span {
  background-color: #c1e602 !important;
  background-color: var(--mainColor) !important;
  width: 30px !important;
}
.recent-job-area .owl-dots .owl-dot:hover span {
  background-color: #c1e602 !important;
  background-color: var(--mainColor) !important;
  width: 30px !important;
}

.recent-job-item {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  padding: 30px 15px 30px 90px;
  position: relative;
  margin-bottom: 30px;
}
.recent-job-item .recent-job-img {
  position: absolute;
  top: 30px;
  left: 15px;
}
.recent-job-item .recent-job-img img {
  border-radius: 50%;
  max-width: 60px;
}
.recent-job-item h3 {
  margin-bottom: 10px;
  max-width: 280px;
}
.recent-job-item h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.recent-job-item .job-list1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.recent-job-item .job-list1 li {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
  margin-bottom: 15px;
}
.recent-job-item .job-list1 li i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
}
.recent-job-item .job-list1 li:last-child {
  margin-right: 0;
}
.recent-job-item .job-list2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.recent-job-item .job-list2 li {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  margin-bottom: 0;
}
.recent-job-item .job-list2 li:last-child {
  margin-right: 0;
}
.recent-job-item .job-list2 li.full-time {
  color: #c1e602;
  color: var(--mainColor);
  background-color: #f1f9c6;
}
.recent-job-item .job-list2 li.part-time {
  color: #FF5B4A;
  background-color: #FFEFED;
}
.recent-job-item .bookmark-btn {
  position: absolute;
  top: 30px;
  right: 10px;
  border: none;
  outline: none;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
  background-color: .5s;
  background-color: var(--transition);
  transition: .5s;
  transition: var(--transition);
  border-radius: 50px;
}
.recent-job-item .bookmark-btn:hover {
  background-color: #f1f1f1;
}
.recent-job-item:hover h3 a {
  color: #c1e602;
  color: var(--mainColor);
}

.recent-job-card {
  padding: 30px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border-radius: 10px;
  margin-bottom: 30px;
  position: relative;
  transition: .5s;
  transition: var(--transition);
}
.recent-job-card .content {
  position: relative;
  padding-left: 90px;
}
.recent-job-card .content .recent-job-img {
  position: absolute;
  top: 0;
  left: 0;
}
.recent-job-card .content .recent-job-img a {
  display: block;
}
.recent-job-card .content .recent-job-img a img {
  border-radius: 50%;
}
.recent-job-card .content h3 {
  font-size: 22px;
}
.recent-job-card .content h3 a {
  transition: .5s;
  transition: var(--transition);
  color: #000000;
  color: var(--titleColor);
}
.recent-job-card .content .job-list1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.recent-job-card .content .job-list1 li {
  display: inline-block;
  margin-right: 100px;
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
  margin-bottom: 10px;
}
.recent-job-card .content .job-list1 li i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
}
.recent-job-card .content .job-list1 li:last-child {
  margin-right: 0;
}
.recent-job-card .content span {
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
}
.recent-job-card .content span i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
}
.recent-job-card .job-sub-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 0;
}
.recent-job-card .job-sub-content .job-list2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.recent-job-card .job-sub-content .job-list2 li {
  display: inline-block;
  padding: 6px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  margin-bottom: 0;
}
.recent-job-card .job-sub-content .job-list2 li:last-child {
  margin-right: 0;
}
.recent-job-card .job-sub-content .job-list2 li.time {
  color: #c1e602;
  color: var(--mainColor);
  background-color: #f1f9c6;
}
.recent-job-card .job-sub-content .job-list2 li.freelance {
  color: #FF5B4A;
  background-color: #FFEFED;
}
.recent-job-card .job-sub-content .job-list2 li.urgent {
  color: #C90000;
  background-color: #FAE5E5;
}
.recent-job-card .job-sub-content .job-list2 li.internship {
  color: #FF4AA1;
  background-color: #FFEDF6;
}
.recent-job-card .job-sub-content .job-list2 li.city-bhargav {
  color: #000000;
  background-color: #ffe8be;
}
.recent-job-card .job-sub-content .price {
  font-size: 17px;
  color: #000000;
  color: var(--titleColor);
  font-weight: 500;
}
.recent-job-card .job-sub-content .price b {
  color: #696969;
  color: var(--bodyColor);
  font-weight: 400;
  font-size: 15px;
}
.recent-job-card .bookmark-btn {
  position: absolute;
  top: 30px;
  right: 25px;
  border: none;
  outline: none;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
  background-color: .5s;
  background-color: var(--transition);
  transition: .5s;
  transition: var(--transition);
  border-radius: 50px;
}
.recent-job-card .bookmark-btn:hover {
  background-color: #f1f1f1;
}
.recent-job-card .download-btn {
  position: absolute;
  bottom: 80px;
  right: 30px;
  padding: 10px 24px;
  background-color: #D3F2E5;
  color: #c1e602;
  color: var(--mainColor);
  font-size: 15px;
  transition: .5s;
  transition: var(--transition);
  border-radius: 3px;
}
.recent-job-card .download-btn i {
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.recent-job-card .download-btn:hover {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.recent-job-card:hover {
  transform: translateY(-10px);
}
.recent-job-card:hover .content h3 a {
  color: #c1e602;
  color: var(--mainColor);
}

.recent-job-area-two {
  background-color: #f1f9c6;
}



.career-img {
  margin-bottom: 30px;
}
.career-img .images1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
.career-img .images1 img {
  border-radius: 10px;
}
.career-img .images2 {
  margin-bottom: 20px;
}
.career-img .images2 img {
  border-radius: 10px;
}
.career-img .images3 {
  margin-bottom: 0;
}
.career-img .images3 img {
  border-radius: 10px;
}
.career-img .images4 {
  margin-bottom: 0;
}
.career-img .images4 img {
  border-radius: 10px;
}

.career-content {
  margin-bottom: 30px;
}
.career-content .section-title {
  margin-bottom: 30px;
}
.career-content .section-title h2 b {
  font-weight: 500;
  color: #c1e602;
  color: var(--mainColor);
}
.career-content .content {
  padding: 10px 0 10px 90px;
  position: relative;
  margin-bottom: 20px;
}
.career-content .content img {
  position: absolute;
  top: 0;
  left: 0;
}
.career-content .content h3 {
  margin-bottom: 0;
  font-size: 20px;
}
.career-content .content span {
  font-size: 15px;
}
.career-content p {
  margin-bottom: 20px;
}
.career-content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.career-content ul li {
  display: inline-block;
  margin-right: -20px;
}
.career-content ul li img {
  max-width: 50px;
  border: 4px solid #ffffff;
  border: 4px solid var(--whiteColor);
  border-radius: 50px;
  transition: .5s;
  transition: var(--transition);
}
.career-content ul li.title {
  margin-right: 0;
  margin-left: 30px;
  font-size: 16px;
  color: #000000;
  color: var(--titleColor);
  font-weight: 500;
  vertical-align: middle;
}
.career-content ul li:hover img {
  transform: scale(1.1);
}


.job-listing-top {
  background-color: #F8F8F8;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 30px;
}

.job-listing-right {
  padding: 10px 0;
  border-right: 1px solid #E3E3E3;
}
.job-listing-right ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.job-listing-right ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  text-align: center;
}
.job-listing-right ul li.icon {
  font-size: 20px;
  color: #c1e602;
  color: var(--mainColor);
}
.job-listing-right ul li.tag {
  padding: 7px 16px;
  text-align: center;
  background-color: #DFF3EF;
  border-radius: 50px;
  color: #c1e602;
  color: var(--mainColor);
  font-size: 14px;
  transition: .5s;
  transition: var(--transition);
}
.job-listing-right ul li.tag i {
  font-size: 20px;
  position: relative;
  top: 5px;
  line-height: 0;
}
.job-listing-right ul li.tag:hover {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}

.job-listing-form .form-group {
  position: relative;
  border-right: 1px solid #E3E3E3;
  padding-right: 10px;
  margin-top: 4px;
}
.job-listing-form .form-group.select-group {
  border: none;
  padding-right: 0;
}
.job-listing-form .form-group i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 20px;
  color: #696969;
  color: var(--bodyColor);
}
.job-listing-form .form-group .form-control {
  height: 50px;
  color: #696969;
  color: var(--bodyColor);
  border: none;
  background-color: transparent;
  font-size: 15px;
  padding: 10px 27px;
  width: 100%;
  border-radius: 3px;
  position: relative;
}
.job-listing-form .form-group .form-control.form-select {
  padding: 15px 40px 15px 0;
}
.job-listing-form .form-group .form-control:focus::-webkit-input-placeholder, .job-listing-form .form-group .form-control:focus:-ms-input-placeholder, .job-listing-form .form-group .form-control:focus::-ms-input-placeholder, .job-listing-form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.job-listing-form .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.job-listing-form .submit-btn {
  width: 100%;
  text-align: center;
  padding: 12px 30px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  border: none;
  outline: none;
  transition: .5s;
  transition: var(--transition);
}
.job-listing-form .submit-btn i {
  position: relative;
  top: 3px;
  margin-right: 10px;
  line-height: 0;
}
.job-listing-form .submit-btn:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}

.job-listing-side-bar-content {
  background-color: #F8F8F8;
  border-radius: 10px;
  position: relative;
  padding: 30px;
  margin-bottom: 30px;
}
.job-listing-side-bar-content h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
.job-listing-side-bar-content p {
  margin-bottom: 20px;
}
.job-listing-side-bar-content img {
  position: absolute;
  top: 30px;
  right: 30px;
}
.job-listing-side-bar-content .form-group {
  margin-bottom: 20px;
}
.job-listing-side-bar-content .form-group.select-group {
  margin-bottom: 0;
}
.job-listing-side-bar-content .form-group .form-control {
  height: 50px;
  color: #696969;
  color: var(--bodyColor);
  border: none;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  font-size: 15px;
  padding: 15px 20px;
  width: 100%;
  border-radius: 0;
}
.job-listing-side-bar-content .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.job-listing-side-bar-content .form-group .form-control::-webkit-input-placeholder, .job-listing-side-bar-content .form-group .form-control:-ms-input-placeholder, .job-listing-side-bar-content .form-group .form-control::-ms-input-placeholder, .job-listing-side-bar-content .form-group .form-control::placeholder {
  color: #696969;
  color: var(--bodyColor);
}

.job-listing-widget {
  margin-bottom: 30px;
  padding: 15px 30px;
  background-color: #F8F8F8;
}
.job-listing-widget .accordion-widget {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  border: none;
}
.job-listing-widget .accordion-widget .accordion-widget-item {
  display: block;
  margin-bottom: 15px;
  background-color: #F8F8F8;
  border: none;
}
.job-listing-widget .accordion-widget .accordion-widget-item:last-child {
  margin-bottom: 0;
}
.job-listing-widget .accordion-widget .accordion-widget-title {
  padding: 10px 0;
  color: #000000;
  color: var(--titleColor);
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 500;
}
.job-listing-widget .accordion-widget .accordion-widget-title i {
  position: absolute;
  right: 0;
  top: 10px;
  transition: 0.5s;
  color: #000000;
  color: var(--titleColor);
  text-align: center;
  line-height: 30px;
  background-color: transparent;
}
.job-listing-widget .accordion-widget .accordion-widget-title.active i {
  transform: rotate(180deg);
}
.job-listing-widget .accordion-widget .accordion-widget-title.active .accordion-widget-content p {
  margin-top: -5px;
}
.job-listing-widget .accordion-widget .accordion-widget-content {
  list-style-type: none;
  display: none;
  position: relative;
  margin-top: 0;
  padding-bottom: 15px;
  padding-right: 0;
  padding-left: 0;
}
.job-listing-widget .accordion-widget .accordion-widget-content li {
  display: block;
  margin-bottom: 10px;
}
.job-listing-widget .accordion-widget .accordion-widget-content li:last-child {
  margin-bottom: 0;
}
.job-listing-widget .accordion-widget .accordion-widget-content li label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: #696969;
  color: var(--bodyColor);
  width: 100%;
}
.job-listing-widget .accordion-widget .accordion-widget-content li label span {
  text-align: center;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  height: 24px;
  background-color: #DFF3EF;
  color: #c1e602;
  color: var(--mainColor);
  font-weight: 600;
  transition: .5s;
  transition: var(--transition);
  font-size: 14px;
}
.job-listing-widget .accordion-widget .accordion-widget-content li label span.fl {
  float: right;
}
.job-listing-widget .accordion-widget .accordion-widget-content li label span:hover {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.job-listing-widget .accordion-widget .accordion-widget-content li label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #fff;
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  box-sizing: border-box;
  transition: all 0.25s;
  font-family: "remixicon" !important;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  line-height: 17px;
}
.job-listing-widget .accordion-widget .accordion-widget-content li input[type=checkbox] {
  display: none;
}
.job-listing-widget .accordion-widget .accordion-widget-content li input[type=checkbox]:checked + label::before {
  content: "\eb7b";
  background-color: #c1e602;
  background-color: var(--mainColor);
  border: 1px solid #c1e602;
  border: 1px solid var(--mainColor);
  font-family: "remixicon" !important;
}
.job-listing-widget .accordion-widget .accordion-widget-content li:hover span {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.job-listing-widget .accordion-widget .accordion-widget-content.show {
  display: block;
}

.job-listing-topper {
  margin-bottom: 0;
}
.job-listing-topper .job-listing-title h3 {
  font-size: 18px;
  margin-bottom: 0;
}
.job-listing-topper .job-listing-category {
  z-index: 55;
}
.job-listing-topper .job-listing-category .form-group {
  margin-bottom: 0;
  position: relative;
}
.job-listing-topper .job-listing-category .form-group .form-control {
  height: 50px;
  padding: 0 15px;
  border: none;
  color: #696969;
  color: var(--bodyColor);
  background-color: #F8F8F8;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px 0 0 5px;
}
.job-listing-topper .job-listing-category .form-group .form-control:focus {
  box-shadow: none;
  outline: none;
}



.search-title {
  margin-bottom: 30px;
}
.search-title h3 {
  font-size: 22px;
  margin-bottom: 0;
  color: #000000;
  color: var(--titleColor);
}
.search-title h3 b {
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
  font-weight: 500;
}


.candidates-widget {
  background-color: #F8F8F8;
  border-radius: 10px;
  position: relative;
  padding: 30px;
  margin-bottom: 30px;
}
.candidates-widget .title {
  font-size: 20px;
  margin-bottom: 15px;
}
.candidates-widget .form-group {
  margin-bottom: 20px;
  position: relative;
}
.candidates-widget .form-group i {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 18px;
  color: #696969;
  color: var(--bodyColor);
}
.candidates-widget .form-group.select-group {
  margin-bottom: 0;
}
.candidates-widget .form-group .form-control {
  height: 50px;
  color: #696969;
  color: var(--bodyColor);
  border: none;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  font-size: 15px;
  padding: 15px 20px 15px 40px;
  width: 100%;
  border-radius: 0;
}
.candidates-widget .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.candidates-widget .form-group .form-control::-webkit-input-placeholder, .candidates-widget .form-group .form-control:-ms-input-placeholder, .candidates-widget .form-group .form-control::-ms-input-placeholder, .candidates-widget .form-group .form-control::placeholder {
  color: #696969;
  color: var(--bodyColor);
}
.candidates-widget p {
  margin: 15px 0;
}
.candidates-widget .range-slider-area {
  position: relative;
  min-height: 48px;
  padding-top: 10px;
}
.candidates-widget .range-slider-area .ui-widget.ui-widget-content {
  height: 5px;
  border: none;
  margin-bottom: 20px;
  border-radius: 30px;
  background: #E3EFE9;
}
.candidates-widget .range-slider-area .ui-slider .ui-slider-range {
  top: 0px;
  height: 5px;
  background: #c1e602;
  background: var(--mainColor);
}
.candidates-widget .range-slider-area .ui-state-default, .candidates-widget .range-slider-area .ui-widget-content .ui-state-default {
  position: absolute;
  top: 3px;
  width: 17px;
  height: 17px;
  background: #ffffff;
  background: var(--whiteColor);
  border: 2px solid #c1e602;
  border: 2px solid var(--mainColor);
  box-sizing: border-box;
  border-radius: 20px;
  cursor: pointer;
  outline: none;
  box-shadow: none;
}
.candidates-widget .range-slider-area .input-outer {
  display: flex;
  justify-content: center;
}
.candidates-widget .range-slider-area .amount-outer {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 70px;
  padding: 0 10px;
  height: 30px;
  text-align: center;
  background: #E3EFE9;
  border-radius: 8px;
  font-size: 14px;
  line-height: 19px;
  color: #c1e602;
  color: var(--mainColor);
}
.candidates-widget .range-slider-area .amount {
  margin-right: 5px;
}
.candidates-widget .range-slider-area .ui-state-default:last-child, .candidates-widget .range-slider-area.salary-range .ui-state-default {
  display: block !important;
}
.candidates-widget .candidates-widget-listing {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.candidates-widget .candidates-widget-listing li {
  display: block;
  margin-bottom: 10px;
}
.candidates-widget .candidates-widget-listing li:last-child {
  margin-bottom: 0;
}
.candidates-widget .candidates-widget-listing li label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 28px;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 20px;
  color: #696969;
  color: var(--bodyColor);
  width: 100%;
}
.candidates-widget .candidates-widget-listing li label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 2px;
  background-color: #fff;
  border: 1px solid #ECEDF2;
  border-radius: 10px;
  box-sizing: border-box;
  transition: all 0.25s;
  font-family: "remixicon" !important;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  line-height: 17px;
}
.candidates-widget .candidates-widget-listing li input[type=checkbox] {
  display: none;
}

.candidates-widget .candidates-widget-listing.show {
  display: block;
}

.candidates-topper {
  margin-bottom: 0;
}
.candidates-topper .candidates-title h3 {
  font-size: 18px;
  margin-bottom: 0;
}
.candidates-topper .candidates-category-form {
  z-index: 55;
}
.candidates-topper .candidates-category-form .form-group {
  margin-bottom: 0;
  position: relative;
}
.candidates-topper .candidates-category-form .form-group .form-control {
  height: 50px;
  padding: 0 15px;
  border: none;
  color: #696969;
  color: var(--bodyColor);
  background-color: #F8F8F8;
  font-weight: 400;
  font-size: 15px;
  border-radius: 5px 0 0 5px;
}
.candidates-topper .candidates-category-form .form-group .form-control:focus {
  box-shadow: none;
  outline: none;
}

.candidates-details-right {
  margin-bottom: 30px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  transition: .5s;
  transition: var(--transition);
  border-radius: 10px;
}
.candidates-details-right .content-profile {
  padding: 30px;
  border-bottom: 1px solid #E0EBE8;
  text-align: center;
}
.candidates-details-right .content-profile .content-profile-img img {
  max-width: 90px;
  border-radius: 50%;
  border: 4px solid #c1e602;
  border: 4px solid var(--mainColor);
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
}
.candidates-details-right .content-profile .title {
  align-items: center;
  margin: 0 0 10px;
  vertical-align: middle;
  align-items: center;
}
.candidates-details-right .content-profile .title h3 {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}
.candidates-details-right .content-profile .title h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.candidates-details-right .content-profile .title img {
  margin-left: 20px;
  display: inline-block;
  vertical-align: middle;
}
.candidates-details-right .content-profile p {
  margin-bottom: 10px;
}
.candidates-details-right .content-profile .rating {
  display: block;
  margin-bottom: 10px;
}
.candidates-details-right .content-profile .rating i {
  font-size: 16px;
  color: #FEA014;
  display: inline-block;
}
.candidates-details-right .content-profile .rating i.rating-color {
  color: #FFDEAD;
}
.candidates-details-right .content-profile .social-icon {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.candidates-details-right .content-profile .social-icon li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}
.candidates-details-right .content-profile .social-icon li:last-child {
  margin-right: 0;
}
.candidates-details-right .content-profile .social-icon li a {
  display: inline-block;
  border: none;
}
.candidates-details-right .content-profile .social-icon li a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 17px;
  color: #696969;
  color: var(--bodyColor);
  background-color: #f1f1f1;
  transition: .5s;
  transition: var(--transition);
  display: inline-block;
  border-radius: 50px;
}
.candidates-details-right .content-profile .social-icon li a:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.candidates-details-right .content-info {
  padding: 30px;
}
.candidates-details-right .content-info h3 {
  margin-bottom: 15px;
  font-size: 20px;
  color: #c1e602;
  color: var(--mainColor);
}
.candidates-details-right .content-info ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.candidates-details-right .content-info ul li {
  display: block;
  margin-bottom: 15px;
}
.candidates-details-right .content-info ul li:last-child {
  margin-bottom: 0;
}
.candidates-details-right .content-info ul li span {
  color: #696969;
  color: var(--bodyColor);
  font-size: 14px;
  margin-bottom: 5px;
}
.candidates-details-right .content-info ul li a {
  display: block;
  font-size: 16px;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 0;
  transition: .5s;
  transition: var(--transition);
  font-weight: 500;
}
.candidates-details-right .content-info ul li a:hover {
  color: #c1e602;
  color: var(--mainColor);
}

.content-widget-right {
  background-color: #F8F8F8;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 30px;
}
.content-widget-right h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
.content-widget-right .download-btn {
  display: inline-block;
  padding: 12px 20px;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  color: #696969;
  color: var(--bodyColor);
  transition: .5s;
  transition: var(--transition);
}
.content-widget-right .download-btn i {
  position: relative;
  top: 2px;
  margin-left: 3px;
}
.content-widget-right .download-btn:hover {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}

.candidates-details-content {
  margin-bottom: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  padding: 30px;
}
.candidates-details-content h1, .candidates-details-content h2, .candidates-details-content h3, .candidates-details-content h4, .candidates-details-content h5, .candidates-details-content h6 {
  margin-bottom: 15px;
}
.candidates-details-content h1 {
  font-size: 32px;
}
.candidates-details-content h2 {
  font-size: 29px;
}
.candidates-details-content h3 {
  font-size: 26px;
}
.candidates-details-content h4 {
  font-size: 23px;
}
.candidates-details-content h5 {
  font-size: 20px;
}
.candidates-details-content h6 {
  font-size: 17px;
}
.candidates-details-content a {
  color: #c1e602;
  color: var(--mainColor);
}
.candidates-details-content a:hover {
  color: #000000;
  color: var(--titleColor);
}
.candidates-details-content ul, .candidates-details-content ol {
  margin-bottom: 30px;
}
.candidates-details-content ul li, .candidates-details-content ol li {
  margin-bottom: 10px;
}
.candidates-details-content ul li:last-child, .candidates-details-content ol li:last-child {
  margin-bottom: 0;
}
.candidates-details-content p {
  margin-bottom: 15px;
}
.candidates-details-content p:last-child {
  margin-bottom: 0;
}
.candidates-details-content .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 20px;
}
.candidates-details-content .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.candidates-details-content .content {
  margin-bottom: 30px;
  border-bottom: 1px solid #E0EBE8;
  padding-bottom: 30px;
}
.candidates-details-content .candidates-details-experience {
  border-bottom: 1px solid #E0EBE8;
  margin-bottom: 30px;
}
.candidates-details-content .candidates-details-experience .experience-card {
  padding-left: 70px;
  position: relative;
  margin-bottom: 30px;
}
.candidates-details-content .candidates-details-experience .experience-card img {
  max-width: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 50%;
}
.candidates-details-content .candidates-details-experience .experience-card h3 {
  font-size: 20px;
  margin-bottom: 5px;
}
.candidates-details-content .candidates-details-experience .experience-card span {
  color: #696969;
  color: var(--bodyColor);
  display: block;
  margin-bottom: 10px;
}
.candidates-details-content .candidates-details-experience .experience-card .experience-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.candidates-details-content .candidates-details-experience .experience-card .experience-list li {
  display: inline-block;
  margin-right: 30px;
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
  margin-bottom: 0;
}
.candidates-details-content .candidates-details-experience .experience-card .experience-list li:last-child {
  margin-right: 0;
}
.candidates-details-content .candidates-details-experience .experience-card .experience-list li i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
}
.candidates-details-content .candidates-details-experience .experience-card .experience-list li:last-child {
  margin-right: 0;
}
.candidates-details-content .candidates-skill {
  border-bottom: 1px solid #E0EBE8;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.candidates-details-content .candidates-skill .candidates-skill-tag {
  list-style: none;
  margin: 0;
  padding: 0;
}
.candidates-details-content .candidates-skill .candidates-skill-tag li {
  display: inline-block;
  margin: 5px;
}
.candidates-details-content .candidates-skill .candidates-skill-tag li a {
  padding: 8px 25px;
  transition: 0.7s;
  color: #c1e602;
  color: var(--mainColor);
  background-color: #F8F8F8;
  font-weight: 500;
  transition: .5s;
  transition: var(--transition);
}
.candidates-details-content .candidates-skill .candidates-skill-tag li:hover a {
  color: #ffffff;
  color: var(--whiteColor);
  background-color: #c1e602;
  background-color: var(--mainColor);
  border: none;
}
.candidates-details-content .candidates-education .education-card {
  padding-left: 75px;
  position: relative;
}
.candidates-details-content .candidates-education .education-card img {
  max-width: 60px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 50%;
}
.candidates-details-content .candidates-education .education-card h3 {
  font-size: 20px;
  margin-bottom: 5px;
}
.candidates-details-content .candidates-education .education-card span {
  color: #696969;
  color: var(--bodyColor);
  display: block;
  margin-bottom: 10px;
}
.candidates-details-content .candidates-education .education-card .experience-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.candidates-details-content .candidates-education .education-card .experience-list li {
  display: inline-block;
  margin-right: 30px;
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
  margin-bottom: 0;
}
.candidates-details-content .candidates-education .education-card .experience-list li:last-child {
  margin-right: 0;
}
.candidates-details-content .candidates-education .education-card .experience-list li i {
  position: relative;
  top: 3px;
  margin-right: 3px;
  color: #c1e602;
  color: var(--mainColor);
}
.candidates-details-content .candidates-education .education-card .experience-list li:last-child {
  margin-right: 0;
}

.other-candidates-list {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  padding: 30px 20px;
  margin-bottom: 30px;
  border-radius: 10px;
}
.other-candidates-list .title {
  font-size: 22px;
  margin-bottom: 15px;
}
.other-candidates-list .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 30px;
}
.other-candidates-list .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.other-candidates-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.other-candidates-list ul li {
  display: block;
  margin-bottom: 25px;
  padding-left: 80px;
  position: relative;
  border-bottom: 1px solid #E0EBE8;
  padding-bottom: 20px;
}
.other-candidates-list ul li:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.other-candidates-list ul li .profile {
  position: absolute;
  top: 0;
  left: 0;
}
.other-candidates-list ul li .profile img {
  max-width: 65px;
}
.other-candidates-list ul li .sub-title {
  align-items: center;
  margin: 0 0 5px;
  vertical-align: middle;
  align-items: center;
}
.other-candidates-list ul li .sub-title h3 {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
}
.other-candidates-list ul li .sub-title h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.other-candidates-list ul li .sub-title img {
  margin-left: 15px;
  display: inline-block;
  vertical-align: middle;
  max-width: 28px;
}
.other-candidates-list ul li p {
  margin-bottom: 5px;
  font-size: 14px;
}
.other-candidates-list ul li .rating {
  display: block;
  margin-bottom: 0;
}
.other-candidates-list ul li .rating i {
  font-size: 14px;
  color: #FEA014;
  display: inline-block;
}
.other-candidates-list ul li .rating i.rating-color {
  color: #FFDEAD;
}


.testimonials-area {
  position: relative;
}
.testimonials-area .owl-dots {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 0;
}
.testimonials-area .owl-dots .owl-dot span {
  background-color: #C4C4C4 !important;
  transition: 0.7s;
  margin: 0 7px;
  width: 10px !important;
  height: 10px !important;
  position: relative;
  z-index: 1;
  border-radius: 50px;
}
.testimonials-area .owl-dots .owl-dot.active span {
  background-color: #c1e602 !important;
  background-color: var(--mainColor) !important;
  width: 30px !important;
}
.testimonials-area .owl-dots .owl-dot:hover span {
  background-color: #c1e602 !important;
  background-color: var(--mainColor) !important;
  width: 30px !important;
}

.testimonials-item {
  background-color: #F8F8F8;
  padding: 40px 160px;
  text-align: center;
  margin-bottom: 30px;
}
.testimonials-item .content {
  padding: 10px 0 10px 90px;
  position: relative;
  margin-bottom: 30px;
  max-width: 275px;
  margin-left: auto;
  margin-right: auto;
  text-align-last: left;
}
.testimonials-item .content .content-img {
  position: absolute;
  top: 0;
  left: 0;
}
.testimonials-item .content .content-img img {
  border-radius: 50%;
}
.testimonials-item .content .content-img .line1 {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 10px;
  height: 30px;
  background-color: #FF5B4A;
  border-radius: 50px 50px 100px 0;
}
.testimonials-item .content .content-img .line2 {
  position: absolute;
  bottom: -10px;
  left: 20px;
  width: 10px;
  height: 30px;
  background-color: #FF5B4A;
  border-radius: 50px 50px 100px 0;
}
.testimonials-item .content h3 {
  font-size: 20px;
  margin-bottom: 3px;
}
.testimonials-item .content span {
  font-size: 15px;
}
.testimonials-item p {
  font-size: 20px;
  margin-bottom: 20px;
}
.testimonials-item .rating {
  font-size: 18px;
  color: #FEA014;
}

.testimonials-widget-area {
  position: relative;
  background-color: #f1f9c6;
}
.testimonials-widget-area .owl-dots {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.testimonials-widget-area .owl-dots .owl-dot span {
  background-color: #C4C4C4 !important;
  transition: 0.7s;
  margin: 0 7px;
  width: 10px !important;
  height: 10px !important;
  position: relative;
  z-index: 1;
  border-radius: 50px;
}
.testimonials-widget-area .owl-dots .owl-dot.active span {
  background-color: #c1e602 !important;
  background-color: var(--mainColor) !important;
  width: 30px !important;
}
.testimonials-widget-area .owl-dots .owl-dot:hover span {
  background-color: #c1e602 !important;
  background-color: var(--mainColor) !important;
  width: 30px !important;
}

.testimonials-widget-item {
  margin-bottom: 30px;
  text-align: center;
}
.testimonials-widget-item h3 {
  font-size: 20px;
  margin-bottom: 3px;
}
.testimonials-widget-item span {
  font-size: 15px;
}
.testimonials-widget-item .content-img {
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 75px !important;
  margin-left: auto;
  margin-right: auto;
}
.testimonials-widget-item .content-img img {
  border-radius: 50%;
  width: 75px !important;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid #ffffff;
  border: 3px solid var(--whiteColor);
}
.testimonials-widget-item .content-img .line1 {
  position: absolute;
  bottom: -10px;
  left: 15px;
  width: 10px;
  height: 30px;
  background-color: #FF5B4A;
  border-radius: 50px 50px 100px 0;
}
.testimonials-widget-item .content-img .line2 {
  position: absolute;
  bottom: -10px;
  left: 30px;
  width: 10px;
  height: 30px;
  background-color: #FF5B4A;
  border-radius: 50px 50px 100px 0;
}
.testimonials-widget-item p {
  font-size: 20px;
  margin-bottom: 0;
  max-width: 875px;
  margin-left: auto;
  margin-right: auto;
}


.faq-accordion {
  margin-bottom: 30px;
}
.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  border: none;
}
.faq-accordion .accordion .accordion-item {
  display: block;
  margin-bottom: 15px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
  border: none;
}
.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.faq-accordion .accordion .accordion-title {
  padding: 15px 60px 15px 20px;
  color: #000000;
  color: var(--titleColor);
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 500;
}
.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 15px;
  top: 14px;
  font-size: 25px;
  transition: 0.5s;
  font-size: 16px;
  width: 30px;
  height: 30px;
  color: #000000;
  color: var(--titleColor);
  text-align: center;
  line-height: 30px;
  background-color: transparent;
  border-radius: 50px;
  border: 1px solid #000000;
  border: 1px solid var(--titleColor);
}
.faq-accordion .accordion .accordion-title.active {
  color: #c1e602;
  color: var(--mainColor);
}
.faq-accordion .accordion .accordion-title.active i {
  transform: rotate(180deg);
  color: #c1e602;
  color: var(--mainColor);
  border-color: #c1e602;
  border-color: var(--mainColor);
}
.faq-accordion .accordion .accordion-title.active .accordion-content p {
  margin-top: -5px;
}
.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: 0;
  padding-bottom: 10px;
  padding-right: 20px;
  padding-left: 20px;
}
.faq-accordion .accordion .accordion-content p {
  margin-top: -6px;
  line-height: 1.8;
  font-size: 15px;
  margin-bottom: 3px;
}
.faq-accordion .accordion .accordion-content.show {
  display: block;
}



.employers-details-content {
  margin-bottom: 30px;
}
.employers-details-content h1, .employers-details-content h2, .employers-details-content h3, .employers-details-content h4, .employers-details-content h5, .employers-details-content h6 {
  margin-bottom: 15px;
}
.employers-details-content h1 {
  font-size: 32px;
}
.employers-details-content h2 {
  font-size: 29px;
}
.employers-details-content h3 {
  font-size: 26px;
}
.employers-details-content h4 {
  font-size: 23px;
}
.employers-details-content h5 {
  font-size: 20px;
}
.employers-details-content h6 {
  font-size: 17px;
}
.employers-details-content a {
  color: #c1e602;
  color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
}
.employers-details-content a:hover {
  color: #000000;
  color: var(--titleColor);
}
.employers-details-content ul, .employers-details-content ol {
  margin-bottom: 30px;
}
.employers-details-content ul li, .employers-details-content ol li {
  margin-bottom: 10px;
}
.employers-details-content ul li:last-child, .employers-details-content ol li:last-child {
  margin-bottom: 0;
}
.employers-details-content p {
  margin-bottom: 15px;
}
.employers-details-content p:last-child {
  margin-bottom: 0;
}
.employers-details-content .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 20px;
}
.employers-details-content .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.employers-details-content .employers-details-list {
  margin-bottom: 30px;
}
.employers-details-content .employers-details-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.employers-details-content .employers-details-list ul li {
  display: block;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
  font-size: 16px;
  transition: .5s;
  transition: var(--transition);
  color: #696969;
  color: var(--bodyColor);
}
.employers-details-content .employers-details-list ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 50px;
  background-color: #c1e602;
  background-color: var(--mainColor);
}
.employers-details-content .employers-details-list ul li:last-child {
  margin-bottom: 0;
}
.employers-details-content .employers-details-list ul li:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.employers-details-content .employers-details-list ul li:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.employers-details-content .employers-details-portfolio .employers-details-portfolio-img {
  margin-bottom: 30px;
  text-align: center;
}
.employers-details-content .employers-details-portfolio .employers-details-portfolio-img a {
  display: block;
}
.employers-details-content .employers-details-portfolio .employers-details-portfolio-img a img {
  border-radius: 20px;
  transition: .5s;
  transition: var(--transition);
  text-align: center;
}
.employers-details-content .employers-details-portfolio .employers-details-portfolio-img a:hover img {
  filter: brightness(0.5);
}
.employers-details-content .article-social-icon {
  padding: 12px 20px;
  background-color: #F8F8F8;
  margin-bottom: 30px;
}
.employers-details-content .article-social-icon .social-icon {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.employers-details-content .article-social-icon .social-icon li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}
.employers-details-content .article-social-icon .social-icon li.title {
  font-size: 18px;
  color: #000000;
  color: var(--titleColor);
  vertical-align: middle;
}
.employers-details-content .article-social-icon .social-icon li:last-child {
  margin-right: 0;
}
.employers-details-content .article-social-icon .social-icon li a {
  display: inline-block;
  border: none;
}
.employers-details-content .article-social-icon .social-icon li a i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  color: #696969;
  color: var(--bodyColor);
  background-color: #fff;
  transition: .5s;
  transition: var(--transition);
  display: inline-block;
  border-radius: 50px;
}
.employers-details-content .article-social-icon .social-icon li a:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.employers-details-content .employers-details-play {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 170px 0;
  text-align: center;
  background-image: url(/static/media/employers-details.35754fbe928bb8030f0d.jpg);
  border-radius: 5px;
  margin-bottom: 30px;
}
.employers-details-content .employers-details-play .play-btn i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  font-size: 40px;
  border-radius: 50px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  transition: .5s;
  transition: var(--transition);
  text-align: center;
  display: inline-block;
}
.employers-details-content .employers-details-play .play-btn i::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid #c1e602;
  border: 1px solid var(--mainColor);
  border-radius: 50px;
  animation: ripple 2s infinite ease-in-out;
  transition: .5s;
  transition: var(--transition);
}
.employers-details-content .employers-details-play .play-btn i:hover {
  background-color: #000000;
  background-color: var(--titleColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.employers-details-content .employers-details-play .play-btn i:hover::after {
  border-color: #000000;
  border-color: var(--titleColor);
}


.blog-card {
  margin-bottom: 30px;
  transition: .5s;
  transition: var(--transition);
}
.blog-card .blog-img {
  position: relative;
  padding-bottom: 30px;
  overflow: hidden;
}
.blog-card .blog-img a {
  display: block;
}
.blog-card .blog-img a img {
  transition: .5s;
  transition: var(--transition);
  border-radius: 5px;
}
.blog-card .blog-img .tag {
  position: absolute;
  bottom: 15px;
  left: 20px;
  padding: 6px 16px;
  text-align: center;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border-radius: 50px;
  color: #ffffff;
  color: var(--whiteColor);
  font-size: 14px;
  transition: .5s;
  transition: var(--transition);
}
.blog-card .blog-img .tag i {
  position: relative;
  top: 2px;
  margin-right: 5px;
  transition: .5s;
  transition: var(--transition);
}
.blog-card .blog-img .tag:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}
.blog-card .content {
  padding-left: 20px;
}
.blog-card .content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.blog-card .content ul li {
  display: inline-block;
  margin-right: 20px;
  color: #696969;
  color: var(--bodyColor);
}
.blog-card .content ul li i {
  position: relative;
  top: 3px;
}
.blog-card .content ul li:last-child {
  margin-right: 0;
}
.blog-card .content h3 {
  margin-bottom: 0;
  margin-top: 12px;
  font-size: 24px;
}
.blog-card .content h3 a {
  color: #000000;
  color: var(--titleColor);
  transition: .5s;
  transition: var(--transition);
}
.blog-card:hover .blog-img a img {
  transform: scale(1.03) rotate(-1deg);
}
.blog-card:hover .content h3 a {
  color: #c1e602;
  color: var(--mainColor);
}

.blog-preview-img {
  margin-bottom: 30px;
}
.blog-preview-img img {
  border-radius: 20px;
}

.blog-details-content {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  max-width: 870px;
}
.blog-details-content h1, .blog-details-content h2, .blog-details-content h3, .blog-details-content h4, .blog-details-content h5, .blog-details-content h6 {
  margin-bottom: 15px;
}
.blog-details-content h1 {
  font-size: 32px;
}
.blog-details-content h2 {
  font-size: 29px;
}
.blog-details-content h3 {
  font-size: 26px;
}
.blog-details-content h4 {
  font-size: 23px;
}
.blog-details-content h5 {
  font-size: 20px;
}
.blog-details-content h6 {
  font-size: 17px;
}
.blog-details-content a {
  color: #c1e602;
  color: var(--mainColor);
}
.blog-details-content a:hover {
  color: #000000;
  color: var(--titleColor);
}
.blog-details-content ul, .blog-details-content ol {
  margin-bottom: 30px;
}
.blog-details-content ul li, .blog-details-content ol li {
  margin-bottom: 10px;
}
.blog-details-content ul li:last-child, .blog-details-content ol li:last-child {
  margin-bottom: 0;
}
.blog-details-content p {
  margin-bottom: 15px;
}
.blog-details-content p:last-child {
  margin-bottom: 0;
}
.blog-details-content .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 15px;
}
.blog-details-content .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.blog-details-content .content {
  margin-bottom: 30px;
}
.blog-details-content .content ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.blog-details-content .content ul li {
  display: inline-block;
  margin-right: 30px;
  color: #696969;
  color: var(--bodyColor);
  vertical-align: middle;
}
.blog-details-content .content ul li.images {
  margin-right: 10px;
}
.blog-details-content .content ul li.images img {
  width: 35px;
  height: 35px;
  border-radius: 50px;
}
.blog-details-content .content ul li i {
  position: relative;
  top: 3px;
}
.blog-details-content .content ul li:last-child {
  margin-right: 0;
}
.blog-details-content .content ul li a {
  position: relative;
  top: -5px;
  vertical-align: middle;
  padding: 6px 16px;
  text-align: center;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border-radius: 50px;
  color: #ffffff;
  color: var(--whiteColor);
  font-size: 14px;
  transition: .5s;
  transition: var(--transition);
}
.blog-details-content .content ul li a:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}
.blog-details-content .blog-articel {
  margin-bottom: 30px;
}
.blog-details-content .blockquote {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  background-color: #F8F8F8;
  padding: 30px 50px;
}
.blog-details-content .blockquote p {
  font-weight: 400;
  font-style: italic;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  font-size: 16px;
}
.blog-details-content .blockquote span {
  color: #000000;
  color: var(--titleColor);
  font-size: 17px;
  margin-bottom: 0;
}
.blog-details-content .blockquote .line1 {
  position: absolute;
  bottom: 50px;
  right: 55px;
  width: 7px;
  height: 20px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border-radius: 50px 50px 100px 0;
}
.blog-details-content .blockquote .line2 {
  position: absolute;
  bottom: 50px;
  right: 40px;
  width: 7px;
  height: 20px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border-radius: 50px 50px 100px 0;
}
.blog-details-content .blog-details-list {
  margin-bottom: 30px;
}
.blog-details-content .blog-details-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.blog-details-content .blog-details-list ul li {
  display: block;
  margin-bottom: 15px;
  padding-left: 35px;
  position: relative;
  font-size: 16px;
  transition: .5s;
  transition: var(--transition);
  color: #696969;
  color: var(--bodyColor);
}
.blog-details-content .blog-details-list ul li i {
  width: 25px;
  height: 25px;
  line-height: 26px;
  background-color: #f1f9c6;
  color: #c1e602;
  color: var(--mainColor);
  border-radius: 50px;
  font-size: 15px;
  position: absolute;
  top: 2px;
  left: 0;
  text-align: center;
  transition: .5s;
  transition: var(--transition);
}
.blog-details-content .blog-details-list ul li:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.blog-details-content .blog-details-list ul li:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.blog-details-content .blog-portfolio .blog-portfolio-img {
  margin-top: 10px;
  margin-bottom: 30px;
  text-align: center;
}
.blog-details-content .blog-portfolio .blog-portfolio-img a {
  display: block;
  text-align: center;
}
.blog-details-content .blog-portfolio .blog-portfolio-img a img {
  border-radius: 20px;
  transition: .5s;
  transition: var(--transition);
  text-align: center;
}
.blog-details-content .blog-portfolio .blog-portfolio-img a:hover {
  border: none;
}
.blog-details-content .blog-portfolio .blog-portfolio-img a:hover img {
  filter: brightness(0.5);
}
.blog-details-content .blog-details-list-two {
  margin-bottom: 30px;
}
.blog-details-content .blog-details-list-two ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.blog-details-content .blog-details-list-two ul li {
  display: block;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
  font-size: 16px;
  transition: .5s;
  transition: var(--transition);
  color: #696969;
  color: var(--bodyColor);
}
.blog-details-content .blog-details-list-two ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 50px;
  background-color: #c1e602;
  background-color: var(--mainColor);
}
.blog-details-content .blog-details-list-two ul li:last-child {
  margin-bottom: 0;
}
.blog-details-content .blog-details-list-two ul li:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.blog-details-content .blog-details-list-two ul li:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.blog-details-content .article-share-area {
  padding: 12px 20px;
  background-color: #F8F8F8;
  margin-bottom: 30px;
}
.blog-details-content .article-share-area .article-social-icon .social-icon {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.blog-details-content .article-share-area .article-social-icon .social-icon li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}
.blog-details-content .article-share-area .article-social-icon .social-icon li.title {
  font-size: 18px;
  color: #000000;
  color: var(--titleColor);
  vertical-align: middle;
}
.blog-details-content .article-share-area .article-social-icon .social-icon li:last-child {
  margin-right: 0;
}
.blog-details-content .article-share-area .article-social-icon .social-icon li a {
  display: inline-block;
  border: none;
}
.blog-details-content .article-share-area .article-social-icon .social-icon li a i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  color: #696969;
  color: var(--bodyColor);
  background-color: #f8f8f8;
  transition: .5s;
  transition: var(--transition);
  display: inline-block;
  border-radius: 50px;
}
.blog-details-content .article-share-area .article-social-icon .social-icon li a:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.blog-details-content .article-share-area .tag {
  float: right;
}
.blog-details-content .article-share-area .tag a {
  padding: 6px 16px;
  text-align: center;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border-radius: 50px;
  color: #ffffff;
  color: var(--whiteColor);
  font-size: 14px;
  transition: .5s;
  transition: var(--transition);
}
.blog-details-content .article-share-area .tag a:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}

.side-bar-widget {
  margin-bottom: 35px;
  background-color: #F8F8F8;
  padding: 25px;
}
.side-bar-widget .title {
  font-size: 22px;
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 15px;
}
.side-bar-widget .search-form {
  position: relative;
  margin: 0 auto;
  border-radius: 0;
  border: none;
  width: 100%;
  border-radius: 5px;
}
.side-bar-widget .search-form .form-control {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border-radius: 5px;
  border: none;
  height: 50px;
  line-height: 50px;
  margin: 0;
  border: 1px solid #e1e1e1;
  padding: 0 25px;
  color: #696969;
  color: var(--bodyColor);
}
.side-bar-widget .search-form .form-control:focus {
  outline: none;
  box-shadow: none;
  border-color: #c1e602;
  border-color: var(--mainColor);
}
.side-bar-widget .search-form button {
  position: absolute;
  top: 0;
  right: 0;
  border: 0;
  border-radius: 0;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  padding: 0 15px;
  transition: .5s;
  transition: var(--transition);
  border-radius: 0 5px 5px 0;
}
.side-bar-widget .search-form button:hover {
  background: #000000;
  background: var(--titleColor);
}
.side-bar-widget .side-bar-categories ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.side-bar-widget .side-bar-categories ul li {
  position: relative;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
}
.side-bar-widget .side-bar-categories ul li:last-child {
  margin-bottom: 0;
}
.side-bar-widget .side-bar-categories ul li a {
  display: inline-block;
  color: #696969;
  color: var(--bodyColor);
  font-weight: normal;
  width: 100%;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  transition: .5s;
  transition: var(--transition);
}
.side-bar-widget .side-bar-categories ul li a span {
  float: right;
  color: #c1e602;
  color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
}
.side-bar-widget .side-bar-categories ul li:hover a {
  color: #c1e602;
  color: var(--mainColor);
}
.side-bar-widget .side-bar-categories ul li:hover a span {
  color: #696969;
  color: var(--bodyColor);
}
.side-bar-widget .side-bar-widget-tag {
  list-style: none;
  margin: 0;
  padding: 0;
}
.side-bar-widget .side-bar-widget-tag li {
  display: inline-block;
  margin: 0 5px 5px 0;
}
.side-bar-widget .side-bar-widget-tag li a {
  padding: 8px 25px;
  transition: 0.7s;
  color: #696969;
  color: var(--bodyColor);
  font-size: 14px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.side-bar-widget .side-bar-widget-tag li:hover a {
  color: #ffffff;
  color: var(--whiteColor);
  background-color: #c1e602;
  background-color: var(--mainColor);
}

.side-bar-widget-bg {
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}


.employers-cv-area {
  position: relative;
  z-index: 1;
}
.employers-cv-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  z-index: -1;
}
.employers-cv-area::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #f1f9c6;
  z-index: -1;
}

.employers-cv-bg {
  background-color: #c1e602;
  background-color: var(--mainColor);
  border-radius: 20px;
  padding: 70px 50px;
}

.employers-cv-content h2 {
  font-size: 40px;
  font-weight: 500;
  margin-top: 0;
  line-height: 1.2;
  color: #ffffff;
  color: var(--whiteColor);
  margin-bottom: 10px;
}
.employers-cv-content .bar {
  height: 7px;
  width: 85px;
  background: #33D5AD;
  position: relative;
  border-radius: 50px;
}
.employers-cv-content .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #ffffff;
  background: var(--whiteColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.employers-cv-content p {
  padding-top: 15px;
  margin-bottom: 0;
  color: #ffffff;
  color: var(--whiteColor);
}

.employers-cv-btn {
  float: right;
}
.employers-cv-btn .employersButton-input {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  height: 0;
  width: 0;
  display: none;
}
.employers-cv-btn .employersButton-button {
  cursor: pointer;
  padding: 12px 30px;
  color: #000000;
  color: var(--titleColor);
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  text-transform: capitalize;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border: none;
  outline: none;
  font-weight: 500;
  border-radius: 5px;
  transition: .5s;
  transition: var(--transition);
}
.employers-cv-btn .employersButton-button i {
  position: relative;
  top: 3px;
  margin-left: 5px;
}
.employers-cv-btn .employersButton-button:hover {
  color: #ffffff;
  color: var(--whiteColor);
  background-color: #000000;
  background-color: var(--titleColor);
}
.employers-cv-btn a {
  background-color: #fff;
  display: inline-block;
  padding: 12px 30px;
  color: #333;
  font-weight: 500;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.employers-cv-btn a:hover {
  background-color: #000;
  color: #fff;
}



.contact-info-item {
  position: relative;
  margin-bottom: 30px;
  margin-top: 15px;
  padding: 25px 18px 25px 93px;
  border: 1px solid #F2F2F2;
  border-radius: 10px;
  transition: .5s;
  transition: var(--transition);
}
.contact-info-item i {
  position: absolute;
  top: -15px;
  left: 20px;
  width: 58px;
  height: 80px;
  line-height: 80px;
  font-size: 30px;
  text-align: center;
  border-radius: 5px;
}
.contact-info-item i.contact-info-bg {
  color: #FA5F1C;
  background-color: #FEE7DD;
}
.contact-info-item i.contact-info-bg2 {
  color: #c1e602;
  background-color: #D9F7F0;
}
.contact-info-item i.contact-info-bg3 {
  color: #FFB300;
  background-color: #FFF4D9;
}
.contact-info-item i.contact-info-bg4 {
  color: #62E3F1;
  background-color: #E8FBFD;
}
.contact-info-item h3 {
  margin-bottom: 5px;
  font-size: 20px;
  color: #000000;
  color: var(--titleColor);
}
.contact-info-item p {
  margin-bottom: 0;
  transition: .5s;
  transition: var(--transition);
}
.contact-info-item p a {
  color: #696969;
  color: var(--bodyColor);
  transition: .5s;
  transition: var(--transition);
  display: block;
}
.contact-info-item:hover {
  border-color: #b1fae8;
  transform: translateY(-5px);
}
.contact-info-item:hover p {
  color: #c1e602;
  color: var(--mainColor);
}
.contact-info-item:hover p a {
  color: #c1e602;
  color: var(--mainColor);
}

.contact-form {
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border: 1px solid #C4C4C4;
  padding: 40px 30px;
  border-radius: 10px;
  max-width: 870px;
  margin-left: auto;
  margin-right: auto;
}
.contact-form h3 {
  font-size: 24px;
  margin-bottom: 20px;
}
.contact-form .form-group {
  margin-bottom: 20px;
  position: relative;
}
.contact-form .form-group label {
  margin-bottom: 10px;
}
.contact-form .form-group.checkbox-option {
  position: relative;
}
.contact-form .form-group.checkbox-option #chb2 {
  position: absolute;
  top: 6px;
  left: 0;
}
.contact-form .form-group.checkbox-option p {
  padding-left: 25px;
  font-size: 15px;
  color: #000000;
  color: var(--titleColor);
}
.contact-form .form-group.checkbox-option p a {
  color: #c1e602;
  color: var(--mainColor);
}
.contact-form .form-group.checkbox-option p a:hover {
  color: #000000;
  color: var(--titleColor);
}
.contact-form .form-group .form-control {
  height: 50px;
  color: #696969;
  color: var(--bodyColor);
  border: none;
  background-color: #F8F8F8;
  font-size: 15px;
  padding: 15px 20px;
  width: 100%;
  border-radius: 0;
}
.contact-form .form-group .form-control:focus {
  outline: none;
  box-shadow: none;
}
.contact-form .form-group .form-control::-webkit-input-placeholder, .contact-form .form-group .form-control:-ms-input-placeholder, .contact-form .form-group .form-control::-ms-input-placeholder, .contact-form .form-group .form-control::placeholder {
  color: #696969;
  color: var(--bodyColor);
}
.contact-form .form-group textarea.form-control {
  height: auto;
}
.contact-form .agree-label {
  margin-bottom: 20px;
  position: relative;
}
.contact-form .agree-label #chb1 {
  position: absolute;
  top: 7px;
  left: 0;
}
.contact-form .agree-label label {
  font-weight: 400;
  color: #000000;
  color: var(--titleColor);
  margin-left: 25px;
}
.contact-form .agree-label label a {
  color: #c1e602;
  color: var(--mainColor);
}
.contact-form .agree-label label a:hover {
  color: #000000;
  color: var(--titleColor);
}
.contact-form .agree-label label a.forget {
  position: absolute;
  right: 0;
}
.contact-form .with-errors {
  float: left;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
  color: #f00;
  font-weight: 400;
  display: block;
}
.contact-form .text-danger {
  font-size: 18px;
  margin-top: 15px;
}
.contact-form .default-btn {
  border: 0;
  outline: none;
}
.contact-form .default-btn i {
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.post-job-form {
  max-width: 870px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  margin-left: auto;
  margin-right: auto;
  padding: 40px 30px;
  margin-bottom: 30px;
}
.post-job-form h2 {
  font-size: 24px;
  margin-bottom: 15px;
}
.post-job-form .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.post-job-form .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.post-job-form .contact-form {
  margin-bottom: 10px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border: none;
  padding: 0;
  border-radius: 0;
  max-width: 100%;
}
.post-job-form .contact-form h3 {
  font-size: 21px;
}
.post-job-form .contact-form .choose-img {
  margin-bottom: 15px;
}
.post-job-form .contact-form .choose-img label {
  display: block;
  margin-bottom: 10px;
}
.post-job-form .contact-form .choose-img p {
  margin-top: 15px;
}
.post-job-form .contact-form .choose-img p.title {
  color: #000000;
  color: var(--titleColor);
}

.user-all-form .contact-form {
  max-width: 100%;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  border: none;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}
.user-all-form .contact-form h3 {
  margin-bottom: 15px;
}
.user-all-form .contact-form .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 20px;
}
.user-all-form .contact-form .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.user-all-form .contact-form .default-btn {
  width: 100%;
  text-align: center;
}
.user-all-form .contact-form .sub-title {
  text-align: center;
  display: block;
  color: #888888;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 30px;
  z-index: 1;
  position: relative;
}
.user-all-form .contact-form .sub-title span {
  background-color: #ffffff;
  background-color: var(--whiteColor);
}
.user-all-form .contact-form .sub-title::before {
  content: "";
  position: absolute;
  right: 0;
  top: 11px;
  height: 1px;
  width: 100%;
  z-index: -1;
  background: #f0f0f0;
}
.user-all-form .contact-form .login-with-account ul {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
.user-all-form .contact-form .login-with-account ul li {
  display: block;
  margin-bottom: 15px;
}
.user-all-form .contact-form .login-with-account ul li:last-child {
  margin-bottom: 0;
}
.user-all-form .contact-form .login-with-account ul li a {
  padding: 10px 30px;
  width: 100%;
  border: 1px solid #C4C4C4;
  color: "Work Sans", sans-serif;
  color: var(--bodyFonts);
  text-align: center;
  border-radius: 5px;
  font-size: 17px;
  transform: .5s;
  transform: var(--transition);
}
.user-all-form .contact-form .login-with-account ul li a i {
  position: relative;
  top: 3px;
  margin-right: 5px;
  transform: .5s;
  transform: var(--transition);
}
.user-all-form .contact-form .login-with-account ul li a i.ri-facebook-line {
  color: #2042E3;
  transform: .5s;
  transform: var(--transition);
}
.user-all-form .contact-form .login-with-account ul li a i.ri-google-line {
  color: #FF5B4A;
  transform: .5s;
  transform: var(--transition);
}
.user-all-form .contact-form .login-with-account ul li a:hover {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.user-all-form .contact-form .login-with-account ul li a:hover i {
  color: #ffffff;
  color: var(--whiteColor);
}


.map-area .container-fluid {
  max-width: 100% !important;
}

.map-area iframe {
  display: block;
  width: 100%;
  height: 500px;
}



.job-details-widget-side .job-details-widget {
  margin-bottom: 30px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  padding: 30px 25px;
  border-radius: 10px;
}
.job-details-widget-side .job-details-widget .title {
  font-size: 22px;
  margin-bottom: 10px;
}
.job-details-widget-side .job-details-widget .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 20px;
}
.job-details-widget-side .job-details-widget .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.job-details-widget-side .job-details-widget .job-details-category {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.job-details-widget-side .job-details-widget .job-details-category li {
  display: block;
  color: #000000;
  color: var(--titleColor);
  width: 100%;
  margin-bottom: 10px;
  font-size: 16px;
}
.job-details-widget-side .job-details-widget .job-details-category li:last-child {
  margin-bottom: 0;
}
.job-details-widget-side .job-details-widget .job-details-category li span {
  color: #696969;
  color: var(--bodyColor);
  float: right;
}
.job-details-widget-side .job-details-widget .job-details-social {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 0;
}
.job-details-widget-side .job-details-widget .job-details-social span {
  font-size: 16px;
  margin-bottom: 0;
}
.job-details-widget-side .job-details-widget .job-details-social .social-icon {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.job-details-widget-side .job-details-widget .job-details-social .social-icon li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}
.job-details-widget-side .job-details-widget .job-details-social .social-icon li:last-child {
  margin-right: 0;
}
.job-details-widget-side .job-details-widget .job-details-social .social-icon li a {
  display: inline-block;
  border: none;
}
.job-details-widget-side .job-details-widget .job-details-social .social-icon li a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 16px;
  color: #696969;
  color: var(--bodyColor);
  background-color: #f1f1f1;
  transition: .5s;
  transition: var(--transition);
  display: inline-block;
  border-radius: 50px;
}
.job-details-widget-side .job-details-widget .job-details-social .social-icon li a:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.job-details-widget-side .job-details-widget .job-details-map iframe {
  display: block;
  width: 100%;
  height: 240px;
}
.job-details-widget-side .job-details-widget .job-details-widget-tag {
  list-style: none;
  margin: 0;
  padding: 0;
}
.job-details-widget-side .job-details-widget .job-details-widget-tag li {
  display: inline-block;
  margin: 0 0 5px 0;
}
.job-details-widget-side .job-details-widget .job-details-widget-tag li a {
  padding: 8px 25px;
  transition: 0.7s;
  color: #c1e602;
  color: var(--mainColor);
  font-size: 14px;
  background-color: #F8F8F8;
  font-weight: 500;
}
.job-details-widget-side .job-details-widget .job-details-widget-tag li:hover a {
  color: #ffffff;
  color: var(--whiteColor);
  background-color: #c1e602;
  background-color: var(--mainColor);
}
.job-details-widget-side .job-details-widget .job-details-web-btn {
  margin-top: 15px;
}
.job-details-widget-side .job-details-widget .job-details-web-btn a {
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #c1e602;
  color: var(--mainColor);
  background-color: #f1f9c6;
  padding: 10px 30px;
  transition: .5s;
  transition: var(--transition);
}
.job-details-widget-side .job-details-widget .job-details-web-btn a:hover {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}

.job-details-content {
  margin-bottom: 30px;
}
.job-details-content h1, .job-details-content h2, .job-details-content h3, .job-details-content h4, .job-details-content h5, .job-details-content h6 {
  margin-bottom: 15px;
}
.job-details-content h1 {
  font-size: 32px;
}
.job-details-content h2 {
  font-size: 29px;
}
.job-details-content h3 {
  font-size: 26px;
}
.job-details-content h4 {
  font-size: 23px;
}
.job-details-content h5 {
  font-size: 20px;
}
.job-details-content h6 {
  font-size: 17px;
}
.job-details-content a {
  color: #c1e602;
  color: var(--mainColor);
}
.job-details-content a:hover {
  color: #000000;
  color: var(--titleColor);
}
.job-details-content ul, .job-details-content ol {
  margin-bottom: 30px;
}
.job-details-content ul li, .job-details-content ol li {
  margin-bottom: 10px;
}
.job-details-content ul li:last-child, .job-details-content ol li:last-child {
  margin-bottom: 0;
}
.job-details-content p {
  margin-bottom: 15px;
}
.job-details-content p:last-child {
  margin-bottom: 0;
}
.job-details-content .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 20px;
}
.job-details-content .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: #c1e602;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.job-details-content .job-details-list {
  margin-bottom: 30px;
}
.job-details-content .job-details-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.job-details-content .job-details-list ul li {
  display: block;
  margin-bottom: 15px;
  padding-left: 15px;
  position: relative;
  font-size: 16px;
  transition: .5s;
  transition: var(--transition);
  color: #696969;
  color: var(--bodyColor);
}
.job-details-content .job-details-list ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  height: 5px;
  width: 5px;
  border-radius: 50px;
  background-color: #c1e602;
  background-color: var(--mainColor);
}
.job-details-content .job-details-list ul li:last-child {
  margin-bottom: 0;
}
.job-details-content .job-details-list ul li:hover {
  color: #c1e602;
  color: var(--mainColor);
}
.job-details-content .job-details-list ul li:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.job-details-content .job-details-portfolio .job-details-portfolio-img {
  margin-bottom: 30px;
  text-align: center;
}
.job-details-content .job-details-portfolio .job-details-portfolio-img a {
  display: block;
  text-align: center;
}
.job-details-content .job-details-portfolio .job-details-portfolio-img a img {
  border-radius: 20px;
  transition: .5s;
  transition: var(--transition);
  text-align: center;
}
.job-details-content .job-details-portfolio .job-details-portfolio-img a:hover {
  border-bottom: none;
}
.job-details-content .job-details-portfolio .job-details-portfolio-img a:hover img {
  filter: brightness(0.5);
}
.job-details-content .article-social-icon {
  padding: 12px 20px;
  background-color: #F8F8F8;
  margin-bottom: 30px;
}
.job-details-content .article-social-icon .social-icon {
  padding: 0;
  list-style-type: none;
  margin: 0;
}
.job-details-content .article-social-icon .social-icon li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0;
  vertical-align: middle;
}
.job-details-content .article-social-icon .social-icon li.title {
  font-size: 18px;
  color: #000000;
  color: var(--titleColor);
  vertical-align: middle;
}
.job-details-content .article-social-icon .social-icon li:last-child {
  margin-right: 0;
}
.job-details-content .article-social-icon .social-icon li a {
  display: inline-block;
  border: none;
}
.job-details-content .article-social-icon .social-icon li a i {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-size: 18px;
  color: #696969;
  color: var(--bodyColor);
  background-color: #fff;
  transition: .5s;
  transition: var(--transition);
  display: inline-block;
  border-radius: 50px;
}
.job-details-content .article-social-icon .social-icon li a:hover i {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.job-details-content .job-details-play {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 170px 0;
  text-align: center;
  background-image: url(/static/media/job-details.49d8c78dd2974c32998c.jpg);
  border-radius: 5px;
  margin-bottom: 30px;
}
.job-details-content .job-details-play .play-btn i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
  font-size: 40px;
  border-radius: 50px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  transition: .5s;
  transition: var(--transition);
  text-align: center;
  display: inline-block;
}
.job-details-content .job-details-play .play-btn i::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid #c1e602;
  border: 1px solid var(--mainColor);
  border-radius: 50px;
  animation: ripple 2s infinite ease-in-out;
  transition: .5s;
  transition: var(--transition);
}
.job-details-content .job-details-play .play-btn i:hover {
  background-color: #000000;
  background-color: var(--titleColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.job-details-content .job-details-play .play-btn i:hover::after {
  border-color: #000000;
  border-color: var(--titleColor);
}


.pagination-area {
  margin-top: 10px;
  margin-bottom: 30px;
}
.pagination-area .page-numbers {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #c1e602;
  color: var(--mainColor);
  background-color: #ffffff;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
  text-align: center;
  display: inline-block;
  position: relative;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 18px;
  border-radius: 50px;
}
.pagination-area .page-numbers:hover {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}
.pagination-area .page-numbers i {
  position: relative;
  font-size: 25px;
  line-height: normal;
  top: 7px;
}
.pagination-area .page-numbers.current {
  background-color: #c1e602;
  background-color: var(--mainColor);
  color: #ffffff;
  color: var(--whiteColor);
}



.single-content {
  margin-bottom: 30px;
}
.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
  margin-bottom: 15px;
}
.single-content h1 {
  font-size: 32px;
}
.single-content h2 {
  font-size: 29px;
}
.single-content h3 {
  font-size: 26px;
}
.single-content h4 {
  font-size: 23px;
}
.single-content h5 {
  font-size: 20px;
}
.single-content h6 {
  font-size: 17px;
}
.single-content a {
  color: #c1e602;
  color: var(--mainColor);
}
.single-content a:hover {
  color: #000000;
  color: var(--titleColor);
  border-bottom: 1px solid #c1e602;
  border-bottom: 1px solid var(--mainColor);
}
.single-content ul, .single-content ol {
  margin-bottom: 30px;
}
.single-content ul li, .single-content ol li {
  margin-bottom: 10px;
}
.single-content ul li:last-child, .single-content ol li:last-child {
  margin-bottom: 0;
}
.single-content p {
  margin-bottom: 15px;
}
.single-content p:last-child {
  margin-bottom: 0;
}


.error-area .error-content {
  text-align: center;
  position: relative;
}
.error-area .error-content h1 {
  font-size: 300px;
  line-height: 0.7;
  font-weight: 700;
  color: #000000;
  color: var(--titleColor);
}
.error-area .error-content h1 span {
  color: #c1e602;
  color: var(--mainColor);
}
.error-area .error-content h3 {
  margin: 50px 0 0;
  position: relative;
  color: #000000;
  color: var(--titleColor);
  font-size: 35px;
}
.error-area .error-content p {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 18px;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}



.coming-soon-area {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.coming-soon-area .coming-soon-content {
  text-align: center;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
  padding: 50px 30px;
  background-color: transparent;
  border: 3px solid #d8fade;
}
.coming-soon-area .coming-soon-content h1 {
  margin-bottom: 0;
  color: #000000;
  color: var(--titleColor);
  font-size: 50px;
}
.coming-soon-area .coming-soon-content p {
  font-size: 16px;
  max-width: 600px;
  margin-top: 15px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  color: #696969;
  color: var(--bodyColor);
}
.coming-soon-area .coming-soon-content #timer {
  margin-top: 40px;
}
.coming-soon-area .coming-soon-content #timer div {
  display: inline-block;
  color: #c1e602;
  color: var(--mainColor);
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 10px;
  font-size: 35px;
  font-weight: 700;
  background-color: transparent;
  border-radius: 5px;
  border: 2px solid #d8fade;
}
.coming-soon-area .coming-soon-content #timer div span {
  display: block;
  text-transform: capitalize;
  margin-top: -15px;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  color: var(--titleColor);
}
.coming-soon-area .coming-soon-content #timer div:last-child {
  margin-right: 0;
}
.coming-soon-area .coming-soon-content #timer div:last-child::before {
  display: none;
}
.coming-soon-area .coming-soon-content #timer div:first-child {
  margin-left: 0;
}
.coming-soon-area .coming-soon-content #timer div::before {
  content: "";
  position: absolute;
  right: -50px;
  top: -10px;
  font-size: 70px;
  color: #ffffff;
}
.coming-soon-area .coming-soon-content .newsletter-form {
  position: relative;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
  display: block;
  width: 100%;
  height: 60px;
  border: none;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  padding-left: 15px;
  color: #696969;
  color: var(--bodyColor);
  outline: 0;
  transition: 0.5s;
  border-radius: 0;
  border: 1px solid #cccccc;
  color: #5d5d5d;
}
.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus {
  border-color: #c1e602;
  border-color: var(--mainColor);
}
.coming-soon-area .coming-soon-content .newsletter-form .default-btn {
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  padding: 0 30px;
  text-transform: uppercase;
  outline: 0;
  color: #ffffff;
  transition: 0.5s;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer;
  background-color: #c1e602;
  background-color: var(--mainColor);
  border-radius: 0;
}
.coming-soon-area .coming-soon-content .newsletter-form .default-btn::before {
  border-radius: 0;
  background-color: #000000;
  background-color: var(--titleColor);
}
.coming-soon-area .coming-soon-content .newsletter-form .default-btn:hover {
  color: #ffffff;
  background-color: #190f3c;
}
.coming-soon-area #validator-newsletter {
  text-align: left;
  color: #dc3545 !important;
}


.buy-now-btn {
  right: 20px;
  z-index: 99;
  top: 50%;
  position: fixed;
  transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #ffffff;
  color: var(--whiteColor);
  background-color: #82b440;
  padding: 10px 20px 10px 42px;
  box-shadow: 0 1px 20px 1px #82b440;
  font-size: 13px;
  font-weight: 600;
}
.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  transform: translateY(-50%);
}
.buy-now-btn:hover {
  color: #ffffff;
  color: var(--whiteColor);
  background-color: #94be5d;
}



.footer-area {
  background-color: #f1f9c6;
}

.footer-widget {
  margin-bottom: 30px;
}
.footer-widget h3 {
  margin-top: 0;
  font-size: 22px;
  margin-bottom: 30px;
  color: #000000;
  color: var(--titleColor);
  line-height: 1.2;
}
.footer-widget h3.title {
  margin-bottom: 20px;
  font-size: 20px;
  color: #000000;
  color: var(--titleColor);
}
.footer-widget .footer-logo {
  margin-bottom: 20px;
}
.footer-widget .footer-logo .footer-logo2 {
  display: none;
}
.footer-widget p {
  margin-bottom: 20px;
  color: #696969;
  color: var(--bodyColor);
  max-width: 380px;
}
.footer-widget .footer-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer-widget .footer-list li {
  display: block;
  margin-bottom: 15px;
}
.footer-widget .footer-list li:last-child {
  margin-bottom: 0;
}
.footer-widget .footer-list li a {
  color: #696969;
  color: var(--bodyColor);
  position: relative;
  font-weight: 400;
}
.footer-widget .footer-list li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
  transform: scale(0);
}
.footer-widget .footer-list li a:hover {
  color: #c1e602;
  color: var(--mainColor);
  letter-spacing: 0.25px;
}
.footer-widget .footer-list li a:hover::before {
  transform: scale(1);
}
.footer-widget .footer-list li:hover a {
  color: #c1e602;
  color: var(--mainColor);
  letter-spacing: 0.25px;
}
.footer-widget .footer-contact-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer-widget .footer-contact-list li {
  display: block;
  margin-bottom: 15px;
  padding-left: 30px;
  position: relative;
}
.footer-widget .footer-contact-list li i {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 20px;
  color: #c1e602;
  color: var(--mainColor);
  line-height: normal;
  line-height: 1;
}
.footer-widget .footer-contact-list li .content a {
  color: #696969;
  color: var(--bodyColor);
}
.footer-widget .footer-contact-list li .content a:hover {
  color: #c1e602;
  color: var(--mainColor);
}

.copyright-area {
  border-top: 1px solid #F2F2F2;
  padding: 15px 0;
}

.copy-right-text {
  text-align: left;
}
.copy-right-text p {
  color: #000000;
  color: var(--titleColor);
  margin-bottom: 0;
}
.copy-right-text p a {
  color: #c1e602;
  color: var(--mainColor);
  position: relative;
}
.copy-right-text p a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #c1e602;
  background-color: var(--mainColor);
  transition: .5s;
  transition: var(--transition);
  transform: scale(0);
}
.copy-right-text p a:hover {
  color: #000000;
  color: var(--titleColor);
}
.copy-right-text p a:hover::before {
  transform: scale(1);
}

.copy-right-social-link {
  text-align: right;
}
.copy-right-social-link .social-link {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.copy-right-social-link .social-link li {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}
.copy-right-social-link .social-link li:last-child {
  margin-right: 0;
}
.copy-right-social-link .social-link li a i {
  border-radius: 0;
  color: #000000;
  color: var(--titleColor);
  text-align: center;
  font-size: 18px;
  transition: .5s;
  transition: var(--transition);
  line-height: 1;
}
.copy-right-social-link .social-link li a:hover i {
  color: #c1e602;
  color: var(--mainColor);
}

.categories-title {
  margin-bottom: 30px;
}
.categories-title h3 {
  font-size: 24px;
  color: #000000;
  color: var(--titleColor);
}
.categories-title h3 span {
  color: #696969;
  color: var(--bodyColor);
  font-size: 17px;
}



.go-top {
  position: fixed;
  top: 60%;
  right: 3%;
  opacity: 0;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  color: var(--whiteColor);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: #c1e602;
  background: var(--mainColor);
  border-radius: 0;
  width: 45px;
  height: 45px;
  line-height: 45px;
  z-index: 100;
  transition: 0.5s;
}
.go-top::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0.5px solid #c1e602;
  border: 0.5px solid var(--mainColor);
  border-radius: 0;
  animation: ripple 2s infinite ease-in-out;
  transition: .5s;
  transition: var(--transition);
}
.go-top i {
  transition: 0.5s;
  vertical-align: middle;
}
.go-top:hover {
  background-color: #000000;
  background-color: var(--titleColor);
}
.go-top:hover i {
  transform: translateY(-5px);
}
.go-top:hover::before {
  border-color: #000000;
  border-color: var(--titleColor);
}
.go-top.active {
  top: 95%;
  transform: translateY(-95%);
  opacity: 1;
  visibility: visible;
}


.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #c1e602;
  background: var(--mainColor);
}

.spinner {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #ffffff;
  background-color: var(--whiteColor);
  margin: 100px auto;
  animation: rotate-in 1.2s infinite ease-in-out;
}


@keyframes rotate-in {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
@keyframes ripple {
  0% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.3);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}



.document-title {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}

.updated-date {
  text-align: center;
  font-weight: bold;
  margin-bottom: 30px;
}

.section-title {
  font-weight: bold;
  font-size: 16px;
  margin: 25px 0 15px 0;
  text-decoration: underline;
}

.subsection-title {
  font-weight: bold;
  margin: 20px 0 10px 0;
}

.main-list {
  counter-reset: main-counter;
  list-style: none;
}

.main-list > li {
  counter-increment: main-counter;
  margin-bottom: 15px;
}

.main-list > li::before {
  content: counter(main-counter) ". ";
  font-weight: bold;
}

.sub-list {
  counter-reset: sub-counter;
  list-style: none;
  margin: 10px 0 10px 30px;
}

.sub-list > li {
  counter-increment: sub-counter;
  margin-bottom: 10px;
}

.sub-list > li::before {
  content: counter(sub-counter, lower-alpha) ") ";
}

.alpha-list {
  counter-reset: alpha-counter;
  list-style: none;
  margin: 10px 0 10px 30px;
}

.alpha-list > li {
  counter-increment: alpha-counter;
  margin-bottom: 8px;
}

.alpha-list > li::before {
  content: counter(alpha-counter, lower-alpha) ") ";
}

.underlined {
  text-decoration: underline;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.indent {
  margin-left: 30px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

.table th,
.table td {
  border: 1px solid #333;
  padding: 8px;
  text-align: left;
}

.table th {
  background-color: #f5f5f5;
  font-weight: bold;
}

.contact-info {
  margin: 15px 0;
}

.center {
  text-align: center;
}

p {
  margin-bottom: 12px;
  text-align: justify;
}

.section-marker {
  font-weight: bold;
  font-size: 16px;
  margin: 25px 0 15px 0;
}
.section-marker-2 {
  font-size: 16px;
  margin: 25px 0 15px 0;
}






.privacy-policy-area .privacy-header {
  text-align: center;
  margin-bottom: 40px;
}

.privacy-policy-area .privacy-header h1 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.updated-date {
  font-weight: bold;
  margin-bottom: 30px;
}

.content {
  text-align: justify;
}

.numbered-item {
  margin-bottom: 20px;
  text-align: justify;
}

.numbered-item-number {
  font-weight: bold;
  margin-right: 10px;
}

.underlined {
  text-decoration: underline;
}

.privacy-policy-area .bold {
  font-weight: bold;
}

.privacy-policy-area .sub-list {
  margin: 10px 0;
  padding-left: 20px;
}

.privacy-policy-area .sub-list-item {
  margin: 8px 0;
}

.privacy-policy-area .sub-sub-list {
  margin: 8px 0;
  padding-left: 20px;
}

.privacy-policy-area .sub-sub-list-item {
  margin: 5px 0;
}

.privacy-policy-area .section-title {
  font-weight: bold;
  text-transform: uppercase;
  margin: 30px 0 15px 0;
  font-size: 16px;
}

.indented-text {
  margin: 15px 0;
  padding-left: 20px;
  font-style: italic;
}

.privacy-policy-area .contact-info {
  font-weight: bold;
}

.cookie-type {
  font-weight: bold;
  margin: 15px 0 10px 0;
}

.cookie-description {
  margin: 10px 0;
  padding-left: 20px;
}

.final-note {
  font-weight: bold;
  margin-top: 20px;
}

.privacy-policy-area a {
  color: #0066cc;
  text-decoration: none;
}
:root{--darkColor: #1d1d1d;--bgColor: #252525;--cardColor: #0e0e0e}.switch-box{position:fixed;bottom:15px;right:120px;z-index:9999}.switch-box .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:transparent;border:1.5px solid var(--whiteColor);transition:.4s}.switch-box .slider::before{position:absolute;content:"";height:25px;width:25px;left:0;bottom:4px;top:0;bottom:0;margin:auto 0;transition:.4s;box-shadow:0 0 15px rgba(32,32,32,.2392156863);background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsQAAALEBxi1JjQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAOfSURBVEiJlZVLaFxVGMd/333NJG2a+ujUJnGSSWljGvPoQ0tBbIooulDoQgSpEou4UOqiLlzpxoVFEIsgaotaaEhBEXVV8EUXgrao0SYxk6ROjCUxfaQvm8fMPfd+LqZJ5k4ySfxW93yP/+Ocw7mwTOhw21odbG8rzuf6N3fl+iqNDm5rXGreKlXwB1oe8vtr0yanF4JY1YeR2lDzbgnHn5JwxvYJjuhwR7wUjixUXBc3Wfsk/lg7sUYkvmXC1vB+qe3K5IZa90s2cxTNWQASa4B4C0AAfO8kOx8pxnMi4OdaEmbmcg9mIoF7NxLfAiIvSLIrAyChjswpsysg3jy7tEEuLeZgbotUsQL/SjdmIoF4SPl2QM7YNce/mO1xG85+p27dy3lp1XMbIPCrfbGsY0kCM7DxWzWXqgCINQIugh4TQSMuYRRAxSnM/Ss7jvglCfy+1gfwx/bMuhWv/lbR/rp4wLZw88qzPYIcBDIscpazkZdhXf2YMLy1DwnIq1Muxv5eMLCp5zPta6qQTb03oRdVDkO7XYpAdLhtrZkcuoKavIp4MxK7ByDrJDtLXr+VhmWy/oE5cECkfPYzpiNP37ZSIE23pLSvyVtAIGR3RTLizn0ay25ZEXjm3vVGL/wWxCrfU22PXH1LMVXR7lzhYu+y4H+1bjWTf45jV6/Bq38+OF/zTYTAEnUjAzozb0bp0H+eW7cUgdT93o274QxeDQChhK9GCELcy5GJILKsDHxzaFkX4qUJp99F5agrzrWIgFy68SPxM/vnMw6y5glg/uYJctBOHn9nOaLCyJ1/ZqeE4WrLldgHUTkGzY1EU+jb/si+t4oPsFSYkX3PWqqnLJGdAmD+SNzU4PqquQ6rDKl4LOIi70T7FN6wA/crSR2bKaypPmmbUfdBCezXEN0DqC1hgwAEg42Hwmwmcjji1UPZ9lIipxB+Ah1FLR90A3AfcGdBz5dOsnOv5Nmxgv7ENQ2uV0RgynYgXmolu1Ic03YQbJPUiXT+xyGEtnPXw1heGG37Bc2e+9/oAq9I6kQaCp5r2Xz2tHqpA4hb8DwrzHSjUz9COL0icEXftJOd7xeQRcMMNT1ObuxzDafcaMVGvFrw6sC6HWTB6DTwkpPs/KTIzSIqhrauM8GNTzHjuwsfwvkpB6w1IHEQVGV1r+vc8aJsPPXDgtaSXgEd2FXtc/V1gslHLabWa5jzEAXsACm/IVbZz8iqw05Dz8lSGP8BjRZeDZkbZsEAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center}.switch-box .slider.round{border-radius:34px}.switch-box .slider.round::before{border-radius:50%}.switch-box .switch{position:relative;display:inline-block;width:50px;height:30px}.switch-box .switch input{opacity:0;width:0;height:0}.switch-box input:checked+.slider{background-color:transparent;border:1.5px solid var(--mainColor)}.switch-box input:focus+.slider{box-shadow:0 0 1px var(--mainColor)}.switch-box input:checked+.slider:before{transform:translateX(24px);background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAApgAAAKYB3X3/OAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAANGSURBVEiJndVPbNRVEAfwz9vd/q8tBQtoxSYYDKYmejMGD3DxYloMiRoT22IEDQcPno3xoFclMf6JHrDFyIVEI3g2eiDoRWOMfygqNrSkoeAWCtIu230e3m+77e6KCZO8vH3zZuY7M+/7mxVjVFu7C+vPt7mmh4fi+eEDMUYFVZkdeZU7dhgIzxOj25ULe3fJx6PYamZkDYD4rRDmmgafDIdE3aIJbcrKxkQF4/GtBtuY/43KGVBxOsT/S3YijAomEVBCBe0geNlYfLfBZ3bfJmFlp7u/ONUcYCIMCw6jL1vhFikUURS9Zn88Vn9ZaOJA8DTuA3n0Zjm3ZlDL2VrASpZE8CwaABormAgPC75Cny7cmYE0kwou4Rq4IWeP0fhdc4DjIe+GD0QvIKcbmzOrtl56t9O2gRBYvsKVcyz9ne7nsQgiPhUdtD8uNVYwGRbQK497qu3ZzsYHUuB1EimepTiVKplBGZQM6rI7liFX5/Ur0rPmpYw3ZcEL7fRso3eQQgcCfffT0Z+i9K3GOFMNvh7gWOjDYGpJpuvbkQK1dND/IF1b6Oynf4jW7jU2a3zY6uPQ3whw0/u4S5DYIqsAOjdrkKqutSfbVcncL+ejOoAQsC39VGN9yOiTa8LmXIGOx8h11RxqzzTgeHLOAGKUM4pFFdzMzJYX0n79YiPAP/O0PUSlHTE9cCXdCJ7zVFxZA4DReA4/gKVMd/WvtJcWKf6e6FlapPgHS0UW3uPyN9b58IuxOFU91Ne+E+kL7cb1Oa5O0zPI0kJaa+XaLIszif21q4x2if+1ClLP/iRrUfYNufQTF79P2ceY2lFaZP5HLqaCFaUxmOSsT3RWD42j4mh4RnQEnTZYP+pCLh1Se2uZF0FZdNC0o16Plf8GgMnwOZ5Eot9GiefVmbQiDbtitif52njcUx+q+TSNTgoZQAlzddblJj7ByWah0htc2LvL7L5Nq9r98YhBLSo2481Vfbkh+DtytljWaiy+3QwgxOnhIfl4AmdoGTXw2eUGq8lwWNCDD1WUBC+hYNyLTf9iZ554RAiPG/jyjYKcR7E1wa3sxKkGh/H4Sp3mULNsVyVvTgxTqYIYmRk5oOK0e0/8fEvH25B/AZyRWA6LDlu9AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:center}.theme-dark{--titleColor: var(--whiteColor);--bodyColor: var(--whiteColor)}.theme-dark .default-btn.two{color:#0e0e0e!important;color:var(--cardColor)!important}.theme-dark .default-btn:hover{color:#0e0e0e!important;color:var(--cardColor)!important}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6{color:var(--whiteColor)}.theme-dark h3{color:var(--whiteColor)}.theme-dark h3 a{color:var(--whiteColor);transition:.7s}.theme-dark p{color:var(--whiteColor)}.theme-dark body{background:#1d1d1d;background:var(--darkColor);color:var(--whiteColor)}.theme-dark .desktop-nav .navbar .navbar-brand .logo-two{display:inline-block}.theme-dark .desktop-nav .navbar .navbar-brand .logo-one{display:none}.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu{background-color:#1d1d1d!important;background-color:var(--darkColor)!important}.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a{color:var(--whiteColor)}.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a.active{color:var(--mainColor)}.theme-dark .desktop-nav .navbar .navbar-nav .nav-item .dropdown-menu li a:hover{color:var(--mainColor)}.theme-dark .navbar-area{background-color:#252525;background-color:var(--bgColor)}.theme-dark .navbar-area.is-sticky{background-color:#252525!important;background-color:var(--bgColor)!important}.theme-dark .navbar-area.is-sticky .desktop-nav{background-color:#252525!important;background-color:var(--bgColor)!important}.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav{background-color:#252525;background-color:var(--bgColor)}.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a{color:var(--whiteColor)}.theme-dark .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active{color:var(--greenColor)}.theme-dark .mobile-responsive-nav .logo .logo-two{display:inline-block}.theme-dark .mobile-responsive-nav .logo .logo-one{display:none}.theme-dark .banner-area,.theme-dark .banner-area-two,.theme-dark .inner-banner{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .banner-img::before{background-color:#252525;background-color:var(--bgColor);background-image:none}.theme-dark .banner-form,.theme-dark .banner-form-two,.theme-dark .banner-form-three{background-color:#252525;background-color:var(--bgColor)}.theme-dark .banner-form .form-group .form-control,.theme-dark .banner-form-two .form-group .form-control,.theme-dark .banner-form-three .form-group .form-control{background-color:#252525;background-color:var(--bgColor);color:var(--whiteColor)}.theme-dark .banner-form .submit-btn:hover,.theme-dark .banner-form-two .submit-btn:hover,.theme-dark .banner-form-three .submit-btn:hover{color:#0e0e0e;color:var(--cardColor)}.theme-dark .banner-area-three{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .banner-area-three::before{opacity:.1}.theme-dark .browse-jobs-card,.theme-dark .find-jobs-card,.theme-dark .freelancers-card,.theme-dark .recent-job-item,.theme-dark .recent-job-card,.theme-dark .job-post-card{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .browse-jobs-card .bookmark-btn:hover,.theme-dark .find-jobs-card .bookmark-btn:hover,.theme-dark .freelancers-card .bookmark-btn:hover,.theme-dark .recent-job-item .bookmark-btn:hover,.theme-dark .recent-job-card .bookmark-btn:hover,.theme-dark .job-post-card .bookmark-btn:hover{background-color:#252525;background-color:var(--bgColor)}.theme-dark .find-jobs-area,.theme-dark .company-area,.theme-dark .recent-job-area-two,.theme-dark .job-post-area{background-color:#252525;background-color:var(--bgColor)}.theme-dark .job-post-form .form-group .form-control{background-color:#0e0e0e;background-color:var(--cardColor);color:var(--whiteColor)}.theme-dark .job-details-widget-side .job-details-widget{background-color:#252525;background-color:var(--bgColor)}.theme-dark .job-details-widget-side .job-details-widget .job-details-social .social-icon li a i{color:#0e0e0e;color:var(--cardColor)}.theme-dark .job-details-widget-side .job-details-widget .job-details-web-btn a{background-color:#0e0e0e;background-color:var(--cardColor);color:var(--whiteColor);transition:.7s}.theme-dark .job-details-widget-side .job-details-widget .job-details-web-btn a:hover{background-color:var(--mainColor)}.theme-dark .job-post-widget-area{background-color:#252525;background-color:var(--bgColor)}.theme-dark .job-listing-top{background-color:#252525;background-color:var(--bgColor)}.theme-dark .job-listing-top .form-group .form-control{background-color:#252525;background-color:var(--bgColor);color:var(--whiteColor)}.theme-dark .job-listing-top .submit-btn:hover{color:#0e0e0e;color:var(--cardColor)}.theme-dark .job-listing-topper .job-listing-category .form-group .form-control{background-color:#252525;background-color:var(--bgColor);color:var(--whiteColor)}.theme-dark .job-listing-side-bar-content{background-color:#252525;background-color:var(--bgColor)}.theme-dark .job-listing-side-bar-content .form-group .form-control{background-color:#0e0e0e;background-color:var(--cardColor);color:var(--whiteColor)}.theme-dark .job-listing-widget{background-color:#252525;background-color:var(--bgColor)}.theme-dark .job-listing-widget .accordion-widget .accordion-widget-item{background-color:#252525;background-color:var(--bgColor)}.theme-dark .job-details-content .article-social-icon{background-color:#252525;background-color:var(--bgColor)}.theme-dark .job-details-content .article-social-icon .social-icon li a i{color:#0e0e0e;color:var(--cardColor)}.theme-dark .job-details-widget-side .job-details-widget .job-details-widget-tag li a{background-color:#0e0e0e;background-color:var(--cardColor);color:var(--whiteColor);transition:.7s}.theme-dark .job-details-widget-side .job-details-widget .job-details-widget-tag li a:hover{background-color:var(--mainColor)}.theme-dark .job-details-content .job-details-play .play-btn i:hover{color:#0e0e0e;color:var(--cardColor)}.theme-dark .post-job-form{background-color:#252525;background-color:var(--bgColor)}.theme-dark .company-details-card,.theme-dark .counter-item{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .company-details-content .article-social-icon{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .company-details-content .article-social-icon .social-icon li a i{color:#0e0e0e;color:var(--cardColor)}.theme-dark .employers-details-content .article-social-icon{background-color:#252525;background-color:var(--bgColor)}.theme-dark .employers-details-content .article-social-icon .social-icon li a i{color:#0e0e0e;color:var(--cardColor)}.theme-dark .side-bar-widget-bg{background-color:#252525;background-color:var(--bgColor)}.theme-dark .side-bar-widget-bg .side-bar-widget-tag li a{background-color:#0e0e0e;background-color:var(--cardColor);color:var(--whiteColor);transition:.7s}.theme-dark .side-bar-widget-bg .side-bar-widget-tag li a:hover{background-color:var(--mainColor)}.theme-dark .blog-details-content .blockquote{background-color:#252525;background-color:var(--bgColor)}.theme-dark .blog-details-content .article-share-area{background-color:#252525;background-color:var(--bgColor)}.theme-dark .blog-details-content .article-share-area .social-icon li a i{color:#0e0e0e;color:var(--cardColor)}.theme-dark .side-bar-widget{background-color:#252525;background-color:var(--bgColor)}.theme-dark .side-bar-widget .search-form .form-control{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .side-bar-widget .side-bar-widget-tag li a{background-color:#0e0e0e;background-color:var(--cardColor);color:var(--whiteColor);transition:.7s}.theme-dark .side-bar-widget .side-bar-widget-tag li a:hover{background-color:var(--mainColor)}.theme-dark .company-item,.theme-dark .company-card{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .testimonials-widget-area{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .testimonials-item{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .recent-job-area{background-color:#252525;background-color:var(--bgColor)}.theme-dark .pricing-wraps .pricing-table table tbody tr td.pricing-name-list2,.theme-dark .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2{background-color:#252525;background-color:var(--bgColor)}.theme-dark .pricing-card{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .faq-accordion .accordion .accordion-item{background-color:#252525;background-color:var(--bgColor)}.theme-dark .faq-accordion .accordion .accordion-title{background-color:#252525;background-color:var(--bgColor)}.theme-dark .freelancer-details-profile{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .candidates-details-content .candidates-skill .candidates-skill-tag li a{background-color:#252525;background-color:var(--bgColor);color:var(--whiteColor);transition:.7s}.theme-dark .candidates-details-content .candidates-skill .candidates-skill-tag li a:hover{background-color:var(--mainColor)}.theme-dark .candidates-topper .candidates-category-form .form-group .form-control{background-color:#252525;background-color:var(--bgColor);color:var(--whiteColor)}.theme-dark .candidates-widget{background-color:#252525;background-color:var(--bgColor)}.theme-dark .candidates-widget .form-group .form-control{background-color:#0e0e0e;background-color:var(--cardColor);color:var(--whiteColor)}.theme-dark .candidates-details-right{background-color:#252525;background-color:var(--bgColor)}.theme-dark .candidates-details-right .content-profile .social-icon li a i{color:#0e0e0e;color:var(--cardColor)}.theme-dark .content-widget-right{background-color:#252525;background-color:var(--bgColor)}.theme-dark .content-widget-right .download-btn{color:#0e0e0e;color:var(--cardColor)}.theme-dark .other-candidates-list{background-color:#252525;background-color:var(--bgColor)}.theme-dark .services-area{background-color:#252525;background-color:var(--bgColor)}.theme-dark .services-card{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .employers-cv-area::before{background-color:#1d1d1d;background-color:var(--darkColor)}.theme-dark .employers-cv-area::after{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .employers-cv-bg{background-color:#252525;background-color:var(--bgColor)}.theme-dark .employers-cv-btn .employersButton-button{color:#0e0e0e;color:var(--cardColor)}.theme-dark .footer-area{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .footer-widget .footer-logo .footer-logo1{display:none}.theme-dark .footer-widget .footer-logo .footer-logo2{display:inline-block}.theme-dark .contact-form{background-color:#252525;background-color:var(--bgColor)}.theme-dark .contact-form .form-group .form-control{background-color:#0e0e0e;background-color:var(--cardColor);color:var(--whiteColor)}.theme-dark .user-all-form .contact-form .sub-title span{background-color:#252525;background-color:var(--bgColor)}.theme-dark .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter{background-color:#252525;background-color:var(--bgColor);color:var(--whiteColor)}.theme-dark .go-top:hover{color:#0e0e0e;color:var(--cardColor)}.theme-dark .sidemenu-area{background-color:#252525;background-color:var(--bgColor)}.theme-dark .sidemenu-area .sidemenu-header{background-color:#252525;background-color:var(--bgColor)}.theme-dark .sidemenu-area .sidemenu-header .responsive-burger-menu{cursor:pointer;transition:var(--transition)}.theme-dark .sidemenu-area .sidemenu-header .navbar-brand .logo-two{display:inline-block}.theme-dark .sidemenu-area .sidemenu-header .navbar-brand .logo-one{display:none}.theme-dark .sidemenu-area .sidemenu-body{background-color:#1d1d1d;background-color:var(--darkColor)}.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link{color:var(--whiteColor)}.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover{background-color:var(--mainColor)}.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover .icon{color:var(--whiteColor)}.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link{background-color:var(--mainColor)}.theme-dark .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon{color:var(--whiteColor)}.theme-dark .main-dashboard-content{background-color:#1d1d1d;background-color:var(--darkColor)}.theme-dark .main-dashboard-content .navbar-area .desktop-nav{background-color:#252525;background-color:var(--bgColor)}.theme-dark .main-dashboard-content .navbar-area .desktop-nav .navbar .others-options{margin-left:auto}.theme-dark .main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .recent-notifications-box,.theme-dark .invoices-box{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .recent-notifications-box ul li:hover,.theme-dark .invoices-box ul li:hover{background-color:#252525;background-color:var(--bgColor)}.theme-dark .recent-notifications-box ul li .default-btn,.theme-dark .invoices-box ul li .default-btn{background-color:var(--mainColor)}.theme-dark .recent-notifications-box ul li .default-btn:hover,.theme-dark .invoices-box ul li .default-btn:hover{color:#0e0e0e!important;color:var(--cardColor)!important}.theme-dark .my-profile-box,.theme-dark .post-a-new-job-box,.theme-dark .submit-resumes-box{background-color:#252525;background-color:var(--bgColor)}.theme-dark .my-profile-box .form-group .form-control,.theme-dark .post-a-new-job-box .form-group .form-control,.theme-dark .submit-resumes-box .form-group .form-control{color:var(--whiteColor);background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .my-profile-box .form-group .form-select,.theme-dark .post-a-new-job-box .form-group .form-select,.theme-dark .submit-resumes-box .form-group .form-select{color:var(--whiteColor);background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .my-profile-box .form-select,.theme-dark .post-a-new-job-box .form-select,.theme-dark .submit-resumes-box .form-select{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .my-profile-box .form-select:focus,.theme-dark .post-a-new-job-box .form-select:focus,.theme-dark .submit-resumes-box .form-select:focus{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .manage-jobs-box{background-color:#252525;background-color:var(--bgColor)}.theme-dark .manage-jobs-box .manage-jobs-table table thead{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .all-applicants-box,.theme-dark .packages-box{background-color:#252525;background-color:var(--bgColor)}.theme-dark .chat-content-area .sidebar-left .sidebar{background-color:#252525;background-color:var(--bgColor)}.theme-dark .chat-content-area .content-right .chat-list-wrapper .chat-list{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu{background-color:#252525;background-color:var(--bgColor)}.theme-dark .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item:hover{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list{background-color:#252525;background-color:var(--bgColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-header{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-container{background-color:#252525;background-color:var(--bgColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-avatar{float:left}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message{background-color:#1d1d1d;background-color:var(--darkColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-container .chat-content .badge-light{padding:8px 20px;text-transform:uppercase;font-weight:500;color:var(--mainColor);background-color:var(--whiteColor);border-radius:30px}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer{background-color:#0e0e0e;background-color:var(--cardColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn{background-color:#252525;background-color:var(--bgColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn:hover,.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn:focus{background-color:var(--mainColor);color:var(--whiteColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer form .form-control{background-color:#252525;background-color:var(--bgColor);color:var(--titleColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer form .form-control:focus{border-color:var(--mainColor);box-shadow:0 3px 8px 0 rgba(0,0,0,.1)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer form .send-btn{background-color:#252525;background-color:var(--bgColor)}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer form .send-btn i{position:relative;top:2px}.theme-dark .chat-content-area .chat-list-wrapper .chat-list .chat-list-footer form .send-btn:hover{box-shadow:0 4px 12px 0 rgba(8,141,211,.6)}.theme-dark .invoice-area{background-color:#252525;background-color:var(--bgColor)}.theme-dark .invoice-table table thead th{color:var(--whiteColor)}.theme-dark .resume-alerts-table{background-color:#252525;background-color:var(--bgColor)}.theme-dark .change-password-box{background-color:#252525;background-color:var(--bgColor)}.theme-dark .change-password-box .form-group .form-control{color:var(--whiteColor);background-color:#0e0e0e;background-color:var(--cardColor)}
.sidemenu-area {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 280px;
  z-index: 10;
  transition: var(--transition);
  background-color: #f1f9c6;
}
.sidemenu-area .sidemenu-header {
  background-color: #f1f9c6;
  padding: 0 30px;
  border-bottom: 1px solid #f2f4f9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 95px;
  width: 100%;
  transition: var(--transition);
}
.sidemenu-area .sidemenu-header .navbar-brand {
  padding: 0;
}
.sidemenu-area .sidemenu-header .navbar-brand .logo-two {
  display: none;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu {
  cursor: pointer;
  transition: var(--transition);
}
.sidemenu-area .sidemenu-header .responsive-burger-menu span {
  height: 1px;
  width: 25px;
  background: var(--mainColor);
  display: block;
  margin: 6px 0;
  transition: all 0.5s ease-in-out;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.middle-bar {
  opacity: 0;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  margin-top: 5px;
}
.sidemenu-area .sidemenu-body {
  max-height: calc(100% - 80px);
  position: relative;
  height: 100%;
  box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
  background-color: #f1f9c6;
  overflow: hidden;
}
.sidemenu-area .sidemenu-body .sidemenu-nav {
  padding: 0 0 65px;
  list-style-type: none;
  margin-bottom: 0;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
  color: #7e7e7e;
  padding: 12px 30px 12px;
  position: relative;
  z-index: 1;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon {
  color: var(--titleColor);
  transition: var(--transition);
  display: inline-block;
  margin-right: 5px;
  font-size: 22px;
  position: relative;
  top: 5px;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover {
  background-color: #fafdec;
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover .icon {
  transform: rotateY(-180deg);
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link {
  background-color: #fafdec;
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon {
  color: var(--mainColor);
}


.main-dashboard-content {
  transition: var(--transition);
  overflow: hidden;
  background-color:#fafdec;
  min-height: 100vh;
  padding-right: 30px;
  padding-left: 310px;
  padding-top: 135px;
}
.main-dashboard-content .navbar-area {
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 999;
  height: auto;
  top: 0;
  left: 280px;
  width: calc(100% - 280px);
  animation: none 0s ease 0s 1 normal none running !important;
  animation: initial !important;
}
.main-dashboard-content .navbar-area .desktop-nav {
  padding: 5px 30px;
  background-color: #f1f9c6;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options {
  margin-left: auto;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 70px;
  height: 70px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: #c1e602;
  font-size: 15px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: #c1e602;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 4px;
  font-size: 16px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: #c1e602;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .navbar-area.is-sticky {
  top: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background-color: var(--whiteColor) !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.main-dashboard-content .navbar-area.is-sticky .desktop-nav {
  position: fixed;
  background-color: var(--whiteColor) !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  left: 280px;
}
.main-dashboard-content .responsive-burger-menu {
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  z-index: 9999;
  width: 70%;
}
.main-dashboard-content .responsive-burger-menu span {
  height: 1px;
  width: 25px;
  background: var(--titleColor);
  display: block;
  margin: 5px 0;
  transition: all 0.5s ease-in-out;
}
.main-dashboard-content .responsive-burger-menu.active span.top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.main-dashboard-content .responsive-burger-menu.active span.middle-bar {
  opacity: 0;
}
.main-dashboard-content .responsive-burger-menu.active span.bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  margin-top: 5px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item {
  margin-left: auto;
  text-align: center;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 80px;
  height: 80px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: var(--mainColor);
  font-size: 15px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 16px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .others-option-for-responsive .dot-menu {
  right: 40px;
  top: -28px;
}
.main-dashboard-content .others-option-for-responsive .container {
  max-width: 100% !important;
}
.main-dashboard-content .others-option-for-responsive .container .container {
  max-width: 192px !important;
}
.main-dashboard-content .others-option-for-responsive .others-options {
  margin-left: auto;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 80px;
  height: 80px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: var(--mainColor);
  font-size: 15px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 16px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .copyrights-area {
  padding-top: 5px;
  padding-bottom: 35px;
}
.main-dashboard-content .copyrights-area p {
  line-height: normal;
  line-height: initial;
  margin-bottom: 0;
}
.main-dashboard-content .copyrights-area p i {
  position: relative;
  left: 0;
  top: 2px;
}
.main-dashboard-content .copyrights-area p a {
  font-weight: 500;
  color: var(--mainColor);
}

.breadcrumb-area {
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.breadcrumb-area h1 {
  margin-bottom: 0;
  position: relative;
  color: var(--titleColor);
  padding-right: 15px;
  font-size: 25px;
  font-weight: 500;
}
.breadcrumb-area h1::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #cecece;
}
.breadcrumb-area .breadcrumb {
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 1px;
}
.breadcrumb-area .breadcrumb .item {
  color: var(--bodyColor);
  margin-right: 25px;
  position: relative;
}
.breadcrumb-area .breadcrumb .item a {
  display: block;
  color: var(--bodyColor);
}
.breadcrumb-area .breadcrumb .item a:hover {
  color: var(--mainColor);
}
.breadcrumb-area .breadcrumb .item::before {
  content: "\ea6e";
  position: absolute;
  right: -22px;
  top: -1px;
  color: var(--bodyColor);
  font-family: "remixicon";
  font-size: 18px;
}
.breadcrumb-area .breadcrumb .item:last-child {
  margin-right: 0;
}
.breadcrumb-area .breadcrumb .item:last-child::before {
  display: none;
}

.notification-alert {
  margin-bottom: 30px;
  background-color: #e6f3d8;
  border: none;
  padding: 20px;
  color: #5f9025;
  border-radius: 5px;
}
.notification-alert .close {
  transition: var(--transition);
  background-color: transparent;
  border: none;
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #5f9025;
}
.notification-alert .close:hover {
  color: var(--mainColor);
}

.dashboard-fun-fact-area .col-lg-3:nth-child(2) .stats-fun-fact-box {
  background-color: #64bc36;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(2) .stats-fun-fact-box .icon-box {
  color: #64bc36;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(3) .stats-fun-fact-box {
  background-color: #ffae00;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(3) .stats-fun-fact-box .icon-box {
  color: #ffae00;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(4) .stats-fun-fact-box {
  background-color: #f3103c;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(4) .stats-fun-fact-box .icon-box {
  color: #f3103c;
}

.stats-fun-fact-box {
  margin-bottom: 30px;
  padding: 35px 25px 34px 115px;
  border-radius: 5px;
  position: relative;
  background-color: var(--mainColor);
}
.stats-fun-fact-box .icon-box {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  position: absolute;
  left: 25px;
  top: 48%;
  transform: translateY(-48%);
  box-shadow: 1px 5px 24px 0 rgba(14, 198, 198, 0.15);
  text-align: center;
  font-size: 35px;
}
.stats-fun-fact-box .icon-box i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.stats-fun-fact-box .sub-title {
  color: var(--whiteColor);
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
}
.stats-fun-fact-box h3 {
  margin-bottom: 0;
  color: var(--whiteColor);
  font-size: 35px;
  font-weight: bold;
}

.recent-notifications-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
}
.recent-notifications-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 20px;
  border-bottom: 1px dashed #eeeeee;
  font-size: 20px;
  font-weight: 600;
}
.recent-notifications-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.recent-notifications-box ul li {
  border: none;
  margin-bottom: 0;
  border-bottom: 1px dashed #eeeeee;
  border-radius: 0;
  transition: var(--transition);
  color: var(--bodyColor);
  position: relative;
  padding-left: 75px;
  padding-right: 45px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 400;
}
.recent-notifications-box ul li .icon {
  height: 40px;
  width: 40px;
  color: var(--mainColor);
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  transition: var(--transition);
  background-color: #DDF6ED;
  position: absolute;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.recent-notifications-box ul li span {
  color: var(--titleColor);
  font-weight: 500;
}
.recent-notifications-box ul li strong {
  font-weight: 500;
  color: var(--mainColor);
}
.recent-notifications-box ul li:last-child {
  border-bottom: none;
}
.recent-notifications-box ul li .close {
  transition: var(--transition);
  background-color: transparent;
  border: none;
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 45%;
  transform: translateY(-45%);
  color: #DDF6ED;
  opacity: 0;
  visibility: hidden;
}
.recent-notifications-box ul li .close:hover {
  color: var(--mainColor);
}
.recent-notifications-box ul li:hover {
  background-color: #f9f9f9;
}
.recent-notifications-box ul li:hover .icon {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.recent-notifications-box ul li:hover .close {
  opacity: 1;
  visibility: visible;
}

.invoices-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
}
.invoices-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 20px;
  border-bottom: 1px dashed #eeeeee;
  font-size: 20px;
  font-weight: 600;
}
.invoices-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.invoices-box ul li {
  border: none;
  margin-bottom: 0;
  border-bottom: 1px dashed #eeeeee;
  border-radius: 0;
  transition: var(--transition);
  color: var(--bodyColor);
  position: relative;
  padding-left: 80px;
  padding-right: 170px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.invoices-box ul li .icon {
  height: 40px;
  width: 40px;
  color: var(--mainColor);
  text-align: center;
  line-height: 43px;
  border-radius: 50%;
  transition: var(--transition);
  background-color: #DDF6ED;
  position: absolute;
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}
.invoices-box ul li span {
  display: block;
  color: var(--titleColor);
  margin-top: 8px;
  font-weight: 600;
}
.invoices-box ul li .default-btn {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #e9e9e9;
  box-shadow: none;
  box-shadow: initial;
  border-radius: 30px;
  border: none;
  padding: 8px 20px;
  opacity: 0;
  visibility: hidden;
  font-weight: 500;
  color: var(--titleColor) !important;
}
.invoices-box ul li .default-btn:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor);
}
.invoices-box ul li:last-child {
  border-bottom: none;
}
.invoices-box ul li:hover {
  background-color: #f9f9f9;
}
.invoices-box ul li:hover .icon {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.invoices-box ul li:hover .default-btn {
  opacity: 1;
  visibility: visible;
}
.invoices-box ul li ul li {
  padding: 0;
  background-color: transparent;
  border: none;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 400;
}
.invoices-box ul li ul li:last-child {
  margin-right: 0;
}
.invoices-box ul li ul li:last-child::before {
  display: none;
}
.invoices-box ul li ul li::before {
  content: "";
  width: 1px;
  height: 12px;
  background-color: var(--mainColor);
  position: absolute;
  top: 4px;
  right: -10px;
}
.invoices-box ul li ul li.unpaid {
  color: red;
  font-weight: 500;
}
.invoices-box ul li ul li.paid {
  color: #64bc36;
  font-weight: 500;
}

.invoice-area {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 30px;
}

.invoice-header {
  margin-bottom: 25px;
}
.invoice-header h3 {
  font-size: 18px;
  margin-bottom: 18px;
  font-weight: 500;
}
.invoice-header p {
  font-weight: 500;
  color: #6084a4;
}

.invoice-middle {
  margin-bottom: 25px;
}
.invoice-middle h4 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 500;
}
.invoice-middle h5 {
  margin-bottom: 12px;
  font-weight: 500;
}
.invoice-middle h5 sub {
  margin-left: 50px;
  bottom: 0;
  width: 90px;
  display: inline-block;
  color: #6084a4;
  font-weight: 500;
}
.invoice-middle span {
  font-weight: 500;
  color: #6084a4;
}

.invoice-table table {
  margin-bottom: 0;
}
.invoice-table table thead th {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #dee2e6 !important;
  font-weight: bold;
  padding: 15px;
}
.invoice-table table tbody td {
  vertical-align: middle;
  color: #6084a4;
  border-width: 1px;
  font-size: 14.5px;
  padding: 15px;
}
.invoice-table table tbody td.total, .invoice-table table tbody td.total-price {
  color: var(--bodyColor);
}
.invoice-table table tbody td strong {
  font-weight: 500;
  color: var(--bodyColor);
}
.invoice-table .table > :not(:first-child) {
  border-top: 0;
}

.invoice-btn-box {
  margin-top: 25px;
}
.invoice-btn-box .default-btn {
  border: none;
}

.all-applicants-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
}
.all-applicants-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.single-applicants-card {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  padding: 20px;
  margin-top: 25px;
  position: relative;
}
.single-applicants-card .image {
  position: absolute;
  top: 20px;
  left: 20px;
}
.single-applicants-card .image img {
  border-radius: 5px;
  max-width: 92px;
}
.single-applicants-card .content {
  position: relative;
  padding: 0 180px 0 110px;
}
.single-applicants-card .content h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 7px;
}
.single-applicants-card .content h3 a {
  color: var(--titleColor);
}
.single-applicants-card .content span {
  color: var(--mainColor);
  font-size: 14px;
  font-weight: 500;
}
.single-applicants-card .content .job-info {
  padding: 0;
  margin-top: 7px;
  margin-bottom: 0;
}
.single-applicants-card .content .job-info li {
  display: inline-block;
  list-style-type: none;
  color: var(--bodyColor);
  font-weight: 500;
  font-size: 14px;
  position: relative;
  margin-right: 10px;
  padding-left: 18px;
}
.single-applicants-card .content .job-info li:last-child {
  margin-right: 0;
}
.single-applicants-card .content .job-info li i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--mainColor);
}
.single-applicants-card .content .applicants-footer {
  position: absolute;
  right: 0;
  top: 0;
}
.single-applicants-card .content .applicants-footer .option-list {
  padding: 0;
  margin-bottom: 0;
}
.single-applicants-card .content .applicants-footer .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.single-applicants-card .content .applicants-footer .option-list li:last-child {
  margin-right: 0;
}
.single-applicants-card .content .applicants-footer .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.single-applicants-card .content .applicants-footer .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}

.my-profile-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.06);
  border-radius: 5px;
}
.my-profile-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.my-profile-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.my-profile-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.my-profile-box form {
  padding: 0 25px 25px;
}
.my-profile-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.my-profile-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.my-profile-box form .form-group .form-control {
  border-radius: 0;
  background-color: #F8F8F8;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #F8F8F8;
  height: 60px;
  padding: 10px 20px;
  color: var(--bodyColor);
  font-size: 15px;
  font-weight: 400;
}
.my-profile-box form .form-group .form-control::placeholder {
  color: var(--bodyColor);
  transition: var(--transition);
}
.my-profile-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.my-profile-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.my-profile-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.my-profile-box form .default-btn {
  border: none;
}
.my-profile-box form .default-btn::before {
  width: 950px;
  height: 950px;
}
.my-profile-box .profile-box {
  position: relative;
  border-radius: 5px;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 30px;
}
.my-profile-box .profile-box img {
  border-radius: 5px;
}
.my-profile-box .profile-box .file-upload {
  display: inline-block;
  position: absolute;
  left: 15px;
  bottom: 45px;
}
.my-profile-box .profile-box .file-upload .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.my-profile-box .profile-box .file-upload .inputfile + label {
  color: var(--titleColor);
  background-color: var(--whiteColor);
  display: inline-block;
  margin-bottom: 0;
  transition: var(--transition);
  padding: 10px 25px 10px 48px;
  position: relative;
  border-radius: 30px;
  font-weight: 500;
}
.my-profile-box .profile-box .file-upload i {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16.5px;
  margin-top: -0.5px;
}
.my-profile-box .profile-box .file-upload .inputfile:focus + label, .my-profile-box .profile-box .file-upload .inputfile + label:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.my-profile-box .profile-box .file-upload .inputfile + label {
  cursor: pointer;
}
.my-profile-box .profile-box .text {
  margin-left: 30px;
}
.my-profile-box .profile-box .text p {
  margin-bottom: 0;
}

.profile-outer-area {
  padding: 20px 25px;
}

.profile-outer {
  position: relative;
  display: flex;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 25px;
  border-bottom: 1px solid #f1f3f7;
  align-items: center;
}
.profile-outer .profileButton {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-outer .profileButton .profileButton-input {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  height: 0;
  width: 0;
  display: none;
}
.profile-outer .profileButton .profileButton-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  height: 170px;
  width: 170px;
  border-radius: 5px;
  transition: 0.3s;
  margin: 0;
  color: #1b2032;
  font-size: 16px;
  border: 2px dashed #ced4e1;
}
.profile-outer .profileButton .profileButton-button:hover {
  border-color: var(--mainColor);
}
.profile-outer .profileButton .profileButton-button::before {
  font-family: "remixicon" !important;
  content: "\ee49";
  color: #9fa9b8;
  font-size: 40px;
  transition: 0.3s;
}
.profile-outer .text {
  padding-left: 25px;
}

.profile-outer-area-two {
  margin: 20px 25px;
  border: 1px solid #f1f3f7;
  padding: 20px 25px;
  border-radius: 10px;
}
.profile-outer-area-two .profile-outer {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.profile-outer-area-two .profile-outer .text-title {
  padding-left: 25px;
  text-align: left;
  max-width: 500px;
}
.profile-outer-area-two .profile-outer .text-title h3 {
  font-size: 20px;
  margin-bottom: 10px;
  padding: 0;
}
.profile-outer-area-two .profile-outer .text-title p {
  margin-bottom: 0;
}

.post-a-new-job-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.06);
  border-radius: 5px;
}
.post-a-new-job-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.post-a-new-job-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.post-a-new-job-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.post-a-new-job-box form {
  padding: 0 25px 25px;
}
.post-a-new-job-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.post-a-new-job-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.post-a-new-job-box form .form-group .form-control {
  border-radius: 0;
  background-color: #F8F8F8;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #F8F8F8;
  height: 60px;
  padding: 10px 20px;
  color: var(--bodyColor);
  font-size: 15px;
  font-weight: 400;
}
.post-a-new-job-box form .form-group .form-control::placeholder {
  color: var(--bodyColor);
  transition: var(--transition);
}
.post-a-new-job-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.post-a-new-job-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.post-a-new-job-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.post-a-new-job-box form .default-btn {
  border: none;
}
.post-a-new-job-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.manage-jobs-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 30px;
}
.manage-jobs-box h3 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 500;
}
.manage-jobs-box .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.manage-jobs-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.manage-jobs-box .manage-jobs-table {
  margin-top: 30px;
}
.manage-jobs-box .manage-jobs-table table {
  margin-bottom: 0;
}
.manage-jobs-box .manage-jobs-table table thead {
}
.manage-jobs-box .manage-jobs-table table thead tr {
  border: none;
}
.manage-jobs-box .manage-jobs-table table thead tr th {
  border: none;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  font-size: 18px;
  color: var(--mainColor);
  font-weight: 500;
}
.manage-jobs-box .manage-jobs-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.manage-jobs-box .manage-jobs-table table tbody tr td {
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 400;
  font-size: 15px;
  border: none;
}
.manage-jobs-box .manage-jobs-table table tbody tr td a {
  color: var(--mainColor);
  font-weight: 500;
  text-decoration: underline;
}
.manage-jobs-box .manage-jobs-table table tbody tr td a:hover {
  color: var(--titleColor);
}
.manage-jobs-box .manage-jobs-table table tbody tr td h5 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td span {
  font-size: 15px;
  position: relative;
  padding-left: 20px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td span i {
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-45%);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .status {
  color: var(--mainColor);
  color: var(--mainColor);
  padding: 5px 10px;
  text-align: center;
  border-radius: 50px;
  font-size: 14px;
  display: inline-block;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  transition: var(--transition);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .status:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;

  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}

.submit-resumes-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.submit-resumes-box form h3 {
  padding-left: 5px;
  margin-bottom: 20px;
  font-size: 22px;
}
.submit-resumes-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.submit-resumes-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.submit-resumes-box form .form-group .form-control {
  border-radius: 0;
  background-color: #f5f5f5;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #f5f5f5;
  height: 60px;
  padding: 10px 20px;
  color: #808080;
  font-size: 15px;
  font-weight: 400;
}
.submit-resumes-box form .form-group .form-control::placeholder {
  color: #808080;
  transition: var(--transition);
}
.submit-resumes-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.submit-resumes-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.submit-resumes-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.submit-resumes-box form .default-btn {
  display: block;
  border: none;
}
.submit-resumes-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.packages-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.packages-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.packages-box .packages-table {
  margin-top: 30px;
}
.packages-box .packages-table table {
  margin-bottom: 0;
}
.packages-box .packages-table table thead tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.packages-box .packages-table table thead tr th {
  border: none;
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  font-size: 18px;
  color: var(--titleColor);
  font-weight: 500;
}
.packages-box .packages-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.packages-box .packages-table table tbody tr td {
  border: none;
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 500;
  font-size: 15px;
}
.packages-box .packages-table table tbody tr td a {
  color: var(--mainColor);
}
.packages-box .packages-table table tbody tr td a:hover {
  color: var(--titleColor);
}
.packages-box .packages-table table tbody tr td h5 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}
.packages-box .packages-table table tbody tr td span {
  font-size: 15px;
  position: relative;
  padding-left: 20px;
}
.packages-box .packages-table table tbody tr td span i {
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-45%);
}
.packages-box .packages-table table tbody tr td .status {
  color: var(--mainColor);
  color: var(--mainColor);
  padding: 5px 14px;
  text-align: center;
  border-radius: 50px;
  font-size: 14px;
  display: inline-block;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  transition: var(--transition);
}
.packages-box .packages-table table tbody tr td .status:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}
.packages-box .packages-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.packages-box .packages-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.packages-box .packages-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.packages-box .packages-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 38px;
  border-radius: 50px;
  transition: var(--transition);
}
.packages-box .packages-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}
.packages-box .packages-table .table > :not(:first-child) {
  border-top: 0;
}

.chat-content-area {
  margin-bottom: 30px;
}
.chat-content-area .sidebar-left {
  float: left;
}
.chat-content-area .sidebar-left .sidebar {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  padding: 25px;
  width: 300px;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header {
  padding-bottom: 25px;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form label {
  display: block;
  margin-bottom: 0;
  position: absolute;
  left: 15px;
  top: 9.3px;
  font-size: 18px;
  color: #a8a8a8;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control {
  height: 45px;
  border-radius: 30px;
  background-color: #eef5f9;
  border: none;
  color: var(--titleColor);
  padding: 0 15px 0 40px;
  transition: var(--transition);
  box-shadow: none;
  box-shadow: initial;
  font-size: 14px;
  font-weight: 400;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control:focus {
  box-shadow: none;
  box-shadow: initial;
  background-color: #eef5f9;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control:focus::placeholder {
  color: transparent !important;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control::placeholder {
  color: #a8a8a8;
  transition: var(--transition);
}
.chat-content-area .sidebar-left .sidebar .sidebar-content {
  height: calc(100vh - 325px);
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li {
  cursor: pointer;
  margin-bottom: 20px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li:last-child {
  margin-bottom: 0;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar {
  position: relative;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-busy {
  background-color: #FF5B5C;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-online {
  background-color: #39DA8A;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-away {
  background-color: #FDAC41;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-offline {
  background-color: #475F7B;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar [class*=status-] {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 1px;
  top: 1px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li h6 {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li span {
  color: #71738d;
  font-size: 14.5px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-label {
  color: var(--titleColor);
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  font-weight: 500;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-label::before {
  width: 70px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: var(--mainColor);
}
.chat-content-area .content-right {
  float: right;
  width: calc(100% - 330px);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .simplebar-scrollbar::before {
  background: #aaaaaa;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header {
  padding: 15px 20px;
  border-radius: 8px 8px 0 0;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left h6 {
  white-space: nowrap;
  font-weight: 600;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar {
  position: relative;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-busy {
  background-color: #FF5B5C;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-online {
  background-color: #39DA8A;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-away {
  background-color: #FDAC41;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-offline {
  background-color: #475F7B;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar [class*=status-] {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -1px;
  top: -1px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right {
  position: relative;
  top: 4px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li {
  display: inline-block;
  margin-left: 5px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li:first-child {
  margin-left: 0;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite {
  font-size: 20px;
  cursor: pointer;
  color: #C7CFD6;
  position: relative;
  top: -1px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite.active {
  color: #FDAC41;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite.active i::before {
  content: "\f186";
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #727E8C;
  font-size: 22px;
  line-height: 15px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-toggle::after {
  display: none;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
  border: none;
  border-radius: 5px;
  margin-top: 35px !important;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transform: none !important;
  transform: initial !important;
  left: auto !important;
  right: 0 !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu.show {
  margin-top: 25px;
  opacity: 1;
  visibility: visible;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item {
  color: var(--titleColor);
  padding: 5px 15px 5px 36px;
  position: relative;
  font-size: 14px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 6px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item.active, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item:active {
  color: var(--titleColor);
  background-color: transparent;
  background-color: #f8f9fa;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item:hover i {
  transform: rotateY(-180deg);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container {
  height: calc(100vh - 340px);
  background-color: #f1f9c6;
  padding: 25px 20px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content {
  text-align: center;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-avatar {
  float: right;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body {
  overflow: hidden;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message {
  position: relative;
  float: right;
  max-width: 420px;
  text-align: left;
  padding: 5px 8px;
  margin: 10px 15.28px 21.28px 0;
  clear: both;
  word-break: break-word;
  color: black;
  background-color: #fafdec;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message p {
  color: black;
  margin-bottom: 0;
  font-size: 14px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message p a {
  color: black !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message .time {
  position: absolute;
  bottom: -25px;
  right: 0;
  color: #6b7886;
  font-size: 10px;
  white-space: nowrap;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message:first-child {
  margin-top: 0 !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-avatar {
  float: left;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message {
  text-align: left;
  float: left;
  margin: 10px 0 21.28px 15.28px;
  color: #727E8C;
  background-color: var(--whiteColor);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message p {
  color: #727E8C;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message p a {
  color: #727E8C !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .badge-light {
  padding: 8px 20px 8px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--mainColor);
  background-color: var(--whiteColor);
  border-radius: 30px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer {
  background-color: #fafafa;
  padding: 15px 20px;
  border-radius: 0 0 8px 8px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn {
  padding: 0;
  border: none;
  background-color: #d4ebf7;
  border-radius: 50%;
  width: 35px;
  font-size: 19px;
  line-height: 39px;
  height: 35px;
  color: var(--mainColor);
  transition: var(--transition);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn:hover, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn:focus {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn {
  padding: 0;
  border: none;
  background-color: #d4ebf7;
  border-radius: 50%;
  width: 35px;
  font-size: 19px;
  line-height: 39px;
  height: 35px;
  color: var(--mainColor);
  transition: var(--transition);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn:hover, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn:focus {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form {
  position: relative;
  padding-right: 128px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control {
  background-color: var(--whiteColor);
  height: 45px;
  border-radius: 30px;
  transition: var(--transition);
  padding: 10px 20px;
  font-size: 14.5px;
  border: 1px solid #DFE3E7;
  color: var(--titleColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control:focus {
  border-color: var(--mainColor);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  transition: var(--transition);
  border-radius: 30px;
  height: 45px;
  padding: 1px 30px 0;
  box-shadow: 0 4px 12px 0 rgba(8, 141, 211, 0.2);
  font-size: 15px;
  font-weight: 400;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn i {
  position: relative;
  top: 2px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn:hover {
  box-shadow: 0 4px 12px 0 rgba(8, 141, 211, 0.6);
}

.resume-alerts-table {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 30px;
}
.resume-alerts-table h3 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 600;
}
.resume-alerts-table table {
  margin-bottom: 0;
}
.resume-alerts-table table thead tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.resume-alerts-table table thead tr th {
  border: none;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  color: var(--titleColor);
  font-weight: 500;
}
.resume-alerts-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.resume-alerts-table table tbody tr td {
  border: none;
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 400;
  font-size: 15px;
}
.resume-alerts-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.resume-alerts-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.resume-alerts-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.resume-alerts-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.resume-alerts-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}
.resume-alerts-table .table > :not(:first-child) {
  border-top: 0;
}

.change-password-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  max-width: 750px;
}
.change-password-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.change-password-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 15px;
}
.change-password-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.change-password-box form {
  padding: 25px;
}
.change-password-box form .form-group {
  margin-bottom: 20px;
  position: relative;
}
.change-password-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
}
.change-password-box form .form-group .form-control {
  border-radius: 0;
  background-color: #f5f5f5;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #f5f5f5;
  height: 50px;
  padding: 10px 20px;
  color: #808080;
  font-size: 15px;
  font-weight: 400;
}
.change-password-box form .form-group .form-control::placeholder {
  color: #808080;
  transition: var(--transition);
}
.change-password-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.change-password-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.change-password-box form .default-btn {
  display: block;
  border: none;
}
.change-password-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.dashboard-jobs-box {
  margin-bottom: 30px;
}
.dashboard-jobs-box h2 {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
}
.dashboard-jobs-box .recent-job-card .download-btn {
  padding: 6px 10px;
  font-size: 13px;
}

.candidates-job-alerts-area h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.candidates-job-alerts-card {
  background-color: var(--whiteColor);
  margin-bottom: 30px;
  padding: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}
.candidates-job-alerts-card .candidates-job-alerts-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: var(--titleColor);
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li:last-child {
  margin-bottom: 0;
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li b {
  font-weight: 400;
  color: var(--bodyColor);
}
.candidates-job-alerts-card .delete-btn {
  color: var(--titleColor);
  float: right;
  font-size: 17px;
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn i {
  position: relative;
  color: #FF5B4A;
  top: 3px;
  margin-left: 3px;
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn:hover {
  color: var(--mainColor);
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn:hover i {
  color: var(--bodyColor);
}

.cv-manager-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.cv-manager-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.cv-manager-box .file-upload-box {
  margin-top: 30px;
  margin-bottom: 20px;
}
.cv-manager-box .file-upload-box .dropzone {
  position: relative;
  border: 1px dashed #eeeeee;
  border-radius: 5px;
  background: rgba(14, 198, 198, 0.03);
  transition: all 0.3s linear;
  display: inline-block;
  width: 100%;
  margin: 0;
}
.cv-manager-box .file-upload-box .dropzone button {
  color: var(--titleColor);
  position: relative;
  padding-top: 52px;
  font-weight: 500;
}
.cv-manager-box .file-upload-box .dropzone button::before {
  content: "\ea11";
  font-family: "remixicon";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  color: var(--mainColor);
  font-size: 35px;
}
.cv-manager-box .file-upload-box .dropzone:hover {
  border-color: var(--mainColor);
}
.cv-manager-box .text {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 100px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -40px;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
  }
  .main-dashboard-content .copyrights-area {
    text-align: center;
    padding-top: 0;
  }
  .main-dashboard-content .copyrights-area p {
    margin-top: 5px;
  }
  .breadcrumb-area {
    display: inline-block;
    text-align: center;
    margin-bottom: 35px;
  }
  .breadcrumb-area h1 {
    padding-right: 0;
  }
  .breadcrumb-area h1::before {
    display: none;
  }
  .breadcrumb-area .breadcrumb {
    padding-left: 0;
    top: 0;
    display: inline-block;
    margin-top: 20px;
  }
  .breadcrumb-area .breadcrumb .item {
    display: inline-block;
  }
  .notification-alert {
    padding: 15px;
    font-size: 12px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 95px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .recent-notifications-box ul li .close {
    opacity: 1;
    visibility: visible;
  }
  .invoices-box ul li {
    padding-right: 25px;
  }
  .invoices-box ul li .default-btn {
    position: relative;
    right: auto;
    left: 0;
    top: auto;
    top: initial;
    transform: none;
    transform: initial;
    opacity: 1;
    visibility: visible;
    margin-top: 10px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image {
    position: relative;
    left: 0;
    top: 0;
  }
  .single-applicants-card .content {
    position: relative;
    padding: 0;
    margin-top: 15px;
  }
  .single-applicants-card .content .applicants-footer {
    position: relative;
    margin-top: 15px;
  }
  .text-end {
    text-align: center !important;
  }
  .profile-outer {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .profile-outer .profileButton {
    display: block;
  }
  .profile-outer .profileButton .profileButton-input {
    opacity: 0;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    pointer-events: none;
    height: 0;
    width: 0;
    display: none;
  }
  .profile-outer .profileButton .profileButton-button {
    height: 130px;
    width: 130px;
    font-size: 15px;
  }
  .profile-outer .profileButton .profileButton-button::before {
    font-size: 30px;
  }
  .profile-outer .text {
    padding-top: 15px;
    padding-left: 0;
  }
  .manage-jobs-box {
    padding: 20px;
  }
  .manage-jobs-box .manage-jobs-table table thead tr th {
    font-size: 16px;
  }
  .manage-jobs-box .single-job-list-box .job-information h3 {
    font-size: 16px;
  }
  .manage-jobs-box .single-job-list-box .job-information span {
    font-size: 12px;
  }
  .manage-jobs-box .single-job-list-box .location-information li {
    font-size: 14px;
  }
  .packages-box {
    padding: 18px;
  }
  .packages-box .packages-table table thead tr th {
    font-size: 16px;
  }
  .chat-content-area .sidebar-left {
    float: none;
    float: initial;
    margin-bottom: 30px;
  }
  .chat-content-area .sidebar-left .sidebar {
    width: 100%;
    padding: 20px;
  }
  .chat-content-area .content-right {
    width: 100%;
    float: none;
    float: initial;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form {
    display: block !important;
    padding-right: 0;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control {
    font-size: 14px;
    margin-top: 15px;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn {
    position: relative;
    top: 0;
    transform: none;
    transform: initial;
    height: 40px;
    font-size: 14px;
    margin-top: 15px;
  }
  .invoice-area {
    padding: 20px;
  }
  .invoice-header h3 {
    font-size: 17px;
  }
  .invoice-header p {
    font-size: 14px;
  }
  .invoice-middle {
    margin-bottom: 0;
  }
  .invoice-middle .text {
    margin-bottom: 20px;
  }
  .invoice-middle .text.text-right {
    text-align: left !important;
  }
  .invoice-middle .text h5 {
    font-size: 14px;
  }
  .invoice-middle .text h5 sub {
    margin-left: 0;
    width: auto;
    font-size: 14px;
  }
  .invoice-table {
    margin-bottom: 20px;
  }
  .invoice-table table thead th {
    font-size: 14px;
    white-space: nowrap;
  }
  .invoice-table table tbody td {
    font-size: 14px;
    white-space: nowrap;
  }
  .profile-outer-area-two .profile-outer .text-title {
    padding-left: 0;
    padding-top: 20px;
  }
  .candidates-job-alerts-card {
    text-align: center;
  }
  .candidates-job-alerts-card .candidates-job-alerts-list {
    margin-bottom: 15px;
  }
  .candidates-job-alerts-card .delete-btn {
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 100px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -40px;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
  }
  .main-dashboard-content .copyrights-area {
    text-align: center;
    padding-top: 0;
  }
  .main-dashboard-content .copyrights-area p {
    margin-top: 5px;
  }
  .breadcrumb-area {
    display: inline-block;
    text-align: center;
    margin-bottom: 35px;
  }
  .breadcrumb-area h1 {
    padding-right: 0;
  }
  .breadcrumb-area h1::before {
    display: none;
  }
  .breadcrumb-area .breadcrumb {
    padding-left: 0;
    top: 0;
    display: inline-block;
    margin-top: 20px;
  }
  .breadcrumb-area .breadcrumb .item {
    display: inline-block;
  }
  .notification-alert {
    padding: 15px;
    font-size: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 95px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .text-end {
    text-align: center !important;
  }
  .profile-outer {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .profile-outer .profileButton .profileButton-button {
    height: 150px;
    width: 150px;
    font-size: 15px;
  }
  .profile-outer .profileButton .profileButton-button::before {
    font-size: 30px;
  }
  .manage-jobs-box {
    padding: 20px;
  }
  .manage-jobs-box .manage-jobs-table table thead tr {
    border: none;
  }
  .manage-jobs-box .manage-jobs-table table thead tr th {
    font-size: 16px;
  }
  .chat-content-area .sidebar-left {
    float: none;
    float: initial;
    margin-bottom: 30px;
  }
  .chat-content-area .sidebar-left .sidebar {
    width: 100%;
    padding: 20px;
  }
  .chat-content-area .content-right {
    width: 100%;
    float: none;
    float: initial;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 0;
    visibility: hidden;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-top: 110px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
    right: 45px;
  }
  .main-dashboard-content .mean-container a.meanmenu-reveal {
    padding-top: 0;
    margin-top: -5px;
  }
  .main-dashboard-content .mobile-responsive-nav {
    display: block;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu {
    position: relative;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
    margin-top: 55px;
    background-color: #ffffff;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
    font-size: 15px;
    border: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
    color: #000000;
    border-top-color: #DBEEFD;
    text-transform: capitalize;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a i {
    display: none;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
    width: 50%;
    height: 28px;
    text-align: right;
    padding: 11px !important;
    background: transparent !important;
    border-left: none !important;
    border-bottom: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
    color: var(--mainColor);
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {
    max-height: 50vh;
    overflow-y: scroll;
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar {
    width: 7px;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb {
    background: #888;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container a.meanmenu-reveal {
    top: 10px;
    padding: 0;
    width: 35px;
    height: 30px;
    padding-top: 6px;
    color: var(--mainColor);
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container a.meanmenu-reveal span {
    background: var(--mainColor);
    height: 4px;
    margin-top: -6px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -35px;
  }
  .main-dashboard-content .mobile-responsive-nav .others-options {
    display: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .logo {
    position: relative;
  }
  .main-dashboard-content .desktop-nav {
    display: none;
  }
  .recent-notifications-box ul li {
    padding-left: 50px;
    padding-right: 25px;
    font-size: 14px;
  }
  .recent-notifications-box ul li .icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    left: 10px;
    font-size: 16px;
  }
  .recent-notifications-box ul li .close {
    font-size: 24px;
    right: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 82px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
    left: 20px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image img {
    max-width: 50px;
  }
  .single-applicants-card .content {
    padding: 0 150px 0 70px;
  }
  .single-applicants-card .content .applicants-footer .option-list li .option-btn {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidemenu-area {
    width: 220px;
  }
  .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .icon {
    font-size: 18px;
  }
  .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
    padding: 12px 15px 12px;
    font-size: 15px;
  }
  .main-dashboard-content {
    padding-left: 250px;
  }
  .main-dashboard-content .navbar-area {
    left: 220px;
    width: calc(100% - 220px);
  }
  .main-dashboard-content .navbar-area.is-sticky .desktop-nav {
    left: 220px;
  }
  .recent-notifications-box ul li {
    padding-left: 50px;
    padding-right: 25px;
    font-size: 14px;
  }
  .recent-notifications-box ul li .icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    left: 10px;
    font-size: 16px;
  }
  .recent-notifications-box ul li .close {
    font-size: 24px;
    right: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 82px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
    left: 20px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .invoices-box ul li {
    padding-left: 60px;
    padding-right: 90px;
  }
  .invoices-box ul li .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    left: 15px;
    font-size: 17px;
  }
  .invoices-box ul li .default-btn {
    top: 72%;
    transform: translateY(-72%);
    right: 15px;
    font-size: 15px;
    padding: 6px 20px;
  }
  .invoices-box ul li span {
    font-size: 15px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image img {
    max-width: 50px;
  }
  .single-applicants-card .content {
    padding: 0 155px 0 65px;
  }
  .single-applicants-card .content .job-info li {
    font-size: 13px;
  }
  .single-applicants-card .content h3 {
    font-size: 18px;
  }
  .single-applicants-card .content .applicants-footer .option-list li .option-btn {
    height: 30px;
    width: 30px;
    line-height: 32px;
    font-size: 14px;
  }
}


.sidemenu-area {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 280px;
    z-index: 9999;
    transition: var(--transition);
    background-color: #ffffff;

    .sidemenu-header {
        background-color: #ffffff;
        padding: 0 30px;
        border-bottom: 1px solid #f2f4f9;
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 95px;
        width: 100%;
        transition: var(--transition);

        .navbar-brand {
            padding: 0;
            .logo-two {
                display: none;
            }
        }
        .responsive-burger-menu {
            cursor: pointer;
            transition: var(--transition);

            span {
                height: 1px;
                width: 25px;
                background: var(--mainColor);
                display: block;
                margin: 6px 0;
                transition: all .50s ease-in-out;
            }
            &.active {
                span {
                    &.top-bar {
                        transform: rotate(45deg);
                        transform-origin: 10% 10%;
                    }
                    &.middle-bar {
                        opacity: 0;
                    }
                    &.bottom-bar {
                        transform: rotate(-45deg);
                        transform-origin: 10% 90%;
                        margin-top: 5px;
                    }
                }
            }
        }
    }
    .sidemenu-body {
        max-height: calc(100% - 80px);
        position: relative;
        height: 100%;
        box-shadow: 0 8px 10px 0 rgba(183, 192, 206, .10);
        background-color: #ffffff;
        overflow: hidden;

        .sidemenu-nav {
            padding: 0 0 65px;
            list-style-type: none;
            margin-bottom: 0;
            
            .nav-item {
                .nav-link {
                    color: #7e7e7e;
                    padding: 12px 30px 12px;
                    position: relative;
                    z-index: 1;
                   

                    .icon {
                        color: var(--titleColor);
                        transition: var(--transition);
                        display: inline-block;
                        margin-right: 5px;
                        font-size: 22px;
                        position: relative;
                        top: 5px;
                    }
                    &:hover {
                        background-color: #fafafa;
                        color: #c1e602;
                        
                        .icon {
                            transform: rotateY(-180deg);
                            color: #c1e602;
                        }
                    }
                }
                &.active {
                    .nav-link {
                        background-color: #fafafa;
                        color: #c1e602;
                        
                        .icon {
                            color: var(--mainColor);
                        }
                    }
                }
            }
        }
    }
}

.main-dashboard-content {
    transition: var(--transition);
    overflow: hidden;
    background-color: #fafafa;
    min-height: 100vh;
    padding-right: 30px;
    padding-left: 310px;
    padding-top: 135px;
    
    .navbar-area {
        position: fixed;
        background-color: #ffffff;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
        z-index: 999;
        height: auto;
        top: 0;
        left: 280px;
        width: calc(100% - 280px);
        animation: initial !important;
        .desktop-nav {
            padding: 5px 30px;
            background-color: #ffffff;
            .navbar {
                .others-options {
                    margin-left: auto;
                    
                    .profile-nav-item {
                        .dropdown-bs-toggle {
                            padding: 0;
                            color: var(--bodyColor);
                            font-weight: 400;
                            position: relative;
                            padding-right: 25px;
                
                            &::after {
                                display: none;
                            }
                            &::before {
                                content: "\ea4e";
                                position: absolute;
                                right: 0;
                                transition: var(--transition);
                                top: 5px;
                                font-size: 20px;
                                font-family: "remixicon";
                            }
                            span {
                                position: relative;
                                top: 1px;
                                color: var(--bodyColor);
                                transition: var(--transition);
                
                                &::before {
                                    display: none;
                                }
                            }
                            &:hover {
                                &::before {
                                    color: var(--mainColor);
                                }
                                span {
                                    color: var(--mainColor);
                                }
                            }
                        }
                        .menu-profile {
                            img {
                                width: 40px;
                                height: 40px;
                                display: inline-block;
                                margin-right: 8px;
                            }
                        }
                        &.dropdown {
                            .dropdown-menu {
                                padding: 15px 15px 10px;
                                min-width: 230px;
                                max-width: 280px;
                                position: absolute;
                                right: 0;
                                left: auto;
                                border-radius: 2px;
                                margin-top: 20px;
                                border: none;
                                display: block;
                                transition: var(--transition);
                                opacity: 0;
                                visibility: hidden;
                                box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05);
                                background-color: var(--whiteColor);
    
                                .dropdown-header {
                                    padding: 0;
                                    border-bottom: 1px solid #f2f4f9;
                                    margin-left: -15px;
                                    margin-right: -15px;
                                    
                                    .figure {
                                        position: relative;
                                        img {
                                            width: 70px;
                                            height: 70px;
                                        }
                                    }
                                    .name {
                                        display: block;
                                        color: var(--titleColor);
                                        margin-bottom: 2px;
                                        font-size: 18px;
                                        font-weight: 500;
                                    }
                                    .email {
                                        color: #c1e602;
                                        font-size: 15px;
                                    }
                                }
                                .dropdown-body {
                                    ul {
                                        padding-left: 0;
                                        list-style-type: none;
                                        margin-bottom: 0;
    
                                        .nav-item {
                                            margin-left: 0;
    
                                            .nav-link {
                                                color: var(--bodyColor);
                                                padding: 5px 15px 5px 38px;
                                                position: relative;
                                                font-size: 15px;
                                                font-weight: 400;
                                                
                                                span {
                                                    color: var(--bodyColor);
                                                    display: block;
                                                    font-weight: 400;
                                                }
                                                i {
                                                    color: #c1e602;
                                                    transition: var(--transition);
                                                    position: absolute;
                                                    left: 15px;
                                                    top: 4px;
                                                    font-size: 16px;
                                                }
                                                &:hover {
                                                    span {
                                                        color: #c1e602;
                                                    }
                                                    i {
                                                        transform: rotateY(-180deg);
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                .dropdown-footer {
                                    margin: 10px -15px 0;
                                    padding: 10px 15px 0;
                                    border-top: 1px solid #eeeeee;
    
                                    ul {
                                        padding-left: 0;
                                        list-style-type: none;
                                        margin-bottom: 0;
    
                                        .nav-item {
                                            .nav-link {
                                                color: red;
                                                padding: 5px 15px 5px 38px;
                                                position: relative;
                                                font-size: 15px;
                                                font-weight: 500;
                                                margin-bottom: 3px;
                                                span {
                                                    color: red;
                                                    display: block;
                                                    font-weight: 400;
                                                }
                                                i {
                                                    color: red;
                                                    transition: var(--transition);
                                                    position: absolute;
                                                    left: 15px;
                                                    top: 7px;
                                                   
                                                }
                                                &:hover {
                                                    i {
                                                        transform: rotateY(-180deg);
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                &.show {
                                    margin-top: 10px;
                                    opacity: 1;
                                    visibility: visible;
                                }
                            }
                        }
                    }
                }
            }
        }
        &.is-sticky {
            top: 0;
            width: 100%;
            z-index: 999;
            position: fixed;
            background-color: var(--whiteColor) !important;
            box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
            animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
            .desktop-nav {
                position: fixed;
                background-color: var(--whiteColor) !important;
                box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
                animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
                left: 280px;
            }
        }
    }
   
    .responsive-burger-menu {
        cursor: pointer;
        transition: var(--transition);
        position: relative;
        z-index: 9999;
        width: 70%;

        span {
            height: 1px;
            width: 25px;
            background: var(--titleColor);
            display: block;
            margin: 5px 0;
            transition: all .50s ease-in-out;
        }
        &.active {                
            span {
                &.top-bar {
                    transform: rotate(45deg);
                    transform-origin: 10% 10%;
                }
                &.middle-bar {
                    opacity: 0;
                }
                &.bottom-bar {
                    transform: rotate(-45deg);
                    transform-origin: 10% 90%;
                    margin-top: 5px;
                }
            }
        }
    }
    .side-nav-responsive {
        .side-nav-inner { 
            .side-nav {
                .option-item {
                    margin-left: auto;
                    text-align: center;

                    .profile-nav-item {
                        .dropdown-bs-toggle {
                            padding: 0;
                            color: var(--bodyColor);
                            font-weight: 400;
                            position: relative;
                            padding-right: 25px;
                
                            &::after {
                                display: none;
                            }
                            &::before {
                                content: "\ea4e";
                                position: absolute;
                                right: 0;
                                transition: var(--transition);
                                top: 5px;
                                font-size: 20px;
                                font-family: "remixicon";
                            }
                            span {
                                position: relative;
                                top: 1px;
                                color: var(--bodyColor);
                                transition: var(--transition);
                
                                &::before {
                                    display: none;
                                }
                            }
                            &:hover {
                                &::before {
                                    color: var(--mainColor);
                                }
                                span {
                                    color: var(--mainColor);
                                }
                            }
                        }
                        .menu-profile {
                            img {
                                width: 40px;
                                height: 40px;
                                display: inline-block;
                                margin-right: 8px;
                            }
                        }
                        &.dropdown {
                            .dropdown-menu {
                                padding: 15px 15px 10px;
                                min-width: 230px;
                                max-width: 280px;
                                position: absolute;
                                right: 0;
                                left: auto;
                                border-radius: 2px;
                                margin-top: 20px;
                                border: none;
                                display: block;
                                transition: var(--transition);
                                opacity: 0;
                                visibility: hidden;
                                box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05);
                                background-color: var(--whiteColor);
        
                                .dropdown-header {
                                    padding: 0;
                                    border-bottom: 1px solid #f2f4f9;
                                    margin-left: -15px;
                                    margin-right: -15px;
                                    
                                    .figure {
                                        position: relative;
        
                                        img {
                                            width: 80px;
                                            height: 80px;
                                        }
                                    }
                                    .name {
                                        display: block;
                                        color: var(--titleColor);
                                        margin-bottom: 2px;
                                        font-size: 18px;
                                        font-weight: 500;
                                    }
                                    .email {
                                        color: var(--mainColor);
                                        font-size: 15px;
                                    }
                                }
                                .dropdown-body {
                                    ul {
                                        padding-left: 0;
                                        list-style-type: none;
                                        margin-bottom: 0;
        
                                        .nav-item {
                                            margin-left: 0;
        
                                            .nav-link {
                                                color: var(--bodyColor);
                                                padding: 5px 15px 5px 38px;
                                                position: relative;
                                                font-size: 15px;
                                                font-weight: 400;
                                                
                                                span {
                                                    color: var(--bodyColor);
                                                    display: block;
                                                    font-weight: 400;
                                                }
                                                i {
                                                    color: var(--mainColor);
                                                    transition: var(--transition);
                                                    position: absolute;
                                                    left: 15px;
                                                    top: 7px;
                                                    font-size: 16px;
                                                }
                                                &:hover {
                                                    span {
                                                        color: var(--mainColor);
                                                    }
                                                    i {
                                                        transform: rotateY(-180deg);
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                .dropdown-footer {
                                    margin: 10px -15px 0;
                                    padding: 10px 15px 0;
                                    border-top: 1px solid #eeeeee;
        
                                    ul {
                                        padding-left: 0;
                                        list-style-type: none;
                                        margin-bottom: 0;
        
                                        .nav-item {
                                            .nav-link {
                                                color: red;
                                                padding: 5px 15px 5px 38px;
                                                position: relative;
                                                font-size: 15px;
                                                font-weight: 500;
                                                
                                                span {
                                                    color: red;
                                                    display: block;
                                                    font-weight: 400;
                                                }
                                                i {
                                                    color: red;
                                                    transition: var(--transition);
                                                    position: absolute;
                                                    left: 15px;
                                                    top: 7px;
                                                   
                                                }
                                                &:hover {
                                                    i {
                                                        transform: rotateY(-180deg);
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                &.show {
                                    margin-top: 10px;
                                    opacity: 1;
                                    visibility: visible;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .others-option-for-responsive {
        .dot-menu {
            right: 40px;
            top: -28px;
        }
        .container {
            max-width: 100% !important;

            .container {
                max-width: 192px !important;
            }
        }
        .others-options {
            margin-left: auto;
            
            .profile-nav-item {
                .dropdown-bs-toggle {
                    padding: 0;
                    color: var(--bodyColor);
                    font-weight: 400;
                    position: relative;
                    padding-right: 25px;
        
                    &::after {
                        display: none;
                    }
                    &::before {
                        content: "\ea4e";
                        position: absolute;
                        right: 0;
                        transition: var(--transition);
                        top: 5px;
                        font-size: 20px;
                        font-family: "remixicon";
                    }
                    span {
                        position: relative;
                        top: 1px;
                        color: var(--bodyColor);
                        transition: var(--transition);
        
                        &::before {
                            display: none;
                        }
                    }
                    &:hover {
                        &::before {
                            color: var(--mainColor);
                        }
                        span {
                            color: var(--mainColor);
                        }
                    }
                }
                .menu-profile {
                    img {
                        width: 40px;
                        height: 40px;
                        display: inline-block;
                        margin-right: 8px;
                    }
                }
                &.dropdown {
                    .dropdown-menu {
                        padding: 15px 15px 10px;
                        min-width: 230px;
                        max-width: 280px;
                        position: absolute;
                        right: 0;
                        left: auto;
                        border-radius: 2px;
                        margin-top: 20px;
                        border: none;
                        display: block;
                        transition: var(--transition);
                        opacity: 0;
                        visibility: hidden;
                        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05);
                        background-color: var(--whiteColor);

                        .dropdown-header {
                            padding: 0;
                            border-bottom: 1px solid #f2f4f9;
                            margin-left: -15px;
                            margin-right: -15px;
                            
                            .figure {
                                position: relative;

                                img {
                                    width: 80px;
                                    height: 80px;
                                }
                            }
                            .name {
                                display: block;
                                color: var(--titleColor);
                                margin-bottom: 2px;
                                font-size: 18px;
                                font-weight: 500;
                            }
                            .email {
                                color: var(--mainColor);
                                font-size: 15px;
                            }
                        }
                        .dropdown-body {
                            ul {
                                padding-left: 0;
                                list-style-type: none;
                                margin-bottom: 0;

                                .nav-item {
                                    margin-left: 0;

                                    .nav-link {
                                        color: var(--bodyColor);
                                        padding: 5px 15px 5px 38px;
                                        position: relative;
                                        font-size: 15px;
                                        font-weight: 400;
                                        
                                        span {
                                            color: var(--bodyColor);
                                            display: block;
                                            font-weight: 400;
                                        }
                                        i {
                                            color: var(--mainColor);
                                            transition: var(--transition);
                                            position: absolute;
                                            left: 15px;
                                            top: 7px;
                                            font-size: 16px;
                                        }
                                        &:hover {
                                            span {
                                                color: var(--mainColor);
                                            }
                                            i {
                                                transform: rotateY(-180deg);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .dropdown-footer {
                            margin: 10px -15px 0;
                            padding: 10px 15px 0;
                            border-top: 1px solid #eeeeee;

                            ul {
                                padding-left: 0;
                                list-style-type: none;
                                margin-bottom: 0;

                                .nav-item {
                                    .nav-link {
                                        color: red;
                                        padding: 5px 15px 5px 38px;
                                        position: relative;
                                        font-size: 15px;
                                        font-weight: 500;
                                        
                                        span {
                                            color: red;
                                            display: block;
                                            font-weight: 400;
                                        }
                                        i {
                                            color: red;
                                            transition: var(--transition);
                                            position: absolute;
                                            left: 15px;
                                            top: 7px;
                                           
                                        }
                                        &:hover {
                                            i {
                                                transform: rotateY(-180deg);
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        &.show {
                            margin-top: 10px;
                            opacity: 1;
                            visibility: visible;
                        }
                    }
                }
            }
        }
    }
    .copyrights-area {
        padding-top: 5px;
        padding-bottom: 35px;
        
        p {
            line-height: normal;
            line-height: initial;
            margin-bottom: 0;

            i {
                position: relative;
                left: 0;
                top: 2px;
            }
            a {
                font-weight: 500;
                color: var(--mainColor);
            }
        }
    }
}

.breadcrumb-area {
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;

    h1 {
        margin-bottom: 0;
        position: relative;
        color: var(--titleColor);
        padding-right: 15px;
        font-size: 25px;
        font-weight: 500;
        
        &::before {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            height: 16px;
            width: 1px;
            background: #cecece;
        }
    }
    .breadcrumb {
        background-color: transparent;
        border-radius: 0;
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: 1px;
        
        .item {
            color: var(--bodyColor);
            margin-right: 25px;
            position: relative;
           

            a {
                display: block;
                color: var(--bodyColor);

                &:hover {
                    color: var(--mainColor);
                }
            }
            &::before {
                content: "\ea6e";
                position: absolute;
                right: -22px;
                top: -1px;
                color: var(--bodyColor);
                font-family: "remixicon";
                font-size: 18px;
            }
            &:last-child {
                margin-right: 0;

                &::before {
                    display: none;
                }
            }
        }
    }
}

.notification-alert {
    margin-bottom: 30px;
    background-color: #e6f3d8;
    border: none;
    padding: 20px;
    color: #5f9025;
    border-radius: 5px;
    
    .close {
        transition: var(--transition);
        background-color: transparent;
        border: none;
        font-size: 20px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        color: #5f9025;

        &:hover {
            color: var(--mainColor);
        }
    }
}

.dashboard-fun-fact-area {
    .col-lg-3 {
        &:nth-child(2) {
            .stats-fun-fact-box {
                background-color: #64bc36;
    
                .icon-box {
                    color: #64bc36;
                }
            }
        }
        &:nth-child(3) {
            .stats-fun-fact-box {
                background-color: #ffae00;
    
                .icon-box {
                    color: #ffae00;
                }
            }
        }
        &:nth-child(4) {
            .stats-fun-fact-box {
                background-color: #f3103c;
    
                .icon-box {
                    color: #f3103c;
                }
            }
        }
    }
}
.stats-fun-fact-box {
    margin-bottom: 30px;
    padding: 35px 25px 34px 115px;
    border-radius: 5px;
    position: relative;
    background-color: var(--mainColor);

    .icon-box {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background-color: var(--whiteColor);
        color: var(--mainColor);
        position: absolute;
        left: 25px;
        top: 48%;
        transform: translateY(-48%);
        box-shadow: 1px 5px 24px 0 rgba(14, 198, 198, .15);
        text-align: center;
        font-size: 35px;

        i {
            position: absolute;
            left: 0;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }
    }
    .sub-title {
        color: var(--whiteColor);
        display: block;
        margin-bottom: 5px;
       
        font-weight: 400;
    }
    h3 {
        margin-bottom: 0;
        color: var(--whiteColor);
        font-size: 35px;
        font-weight: bold;
    }
}

.recent-notifications-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;

    h3 {
        margin-bottom: 0;
        padding: 20px 25px 20px;
        border-bottom: 1px dashed #eeeeee;
        font-size: 20px;
        font-weight: 600;
    }
    ul {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;

        li {
            border: none;
            margin-bottom: 0;
            border-bottom: 1px dashed #eeeeee;
            border-radius: 0;
            transition: var(--transition);
            color: var(--bodyColor);
            position: relative;
            padding-left: 75px;
            padding-right: 45px;
            padding-top: 25px;
            padding-bottom: 25px;
            font-weight: 400;
           
            
            .icon {
                height: 40px;
                width: 40px;
                color: var(--mainColor);
                text-align: center;
                line-height: 42px;
                border-radius: 50%;
                transition: var(--transition);
                background-color: #DDF6ED;
                position: absolute;
                font-size: 18px;
                top: 50%;
                transform: translateY(-50%);
                left: 20px;
            }
            span {
                color: var(--titleColor);
                font-weight: 500;
            }
            strong {
                font-weight: 500;
                color: var(--mainColor);
            }
            &:last-child {
                border-bottom: none;
            }
            .close {
                transition: var(--transition);
                background-color: transparent;
                border: none;
                font-size: 30px;
                position: absolute;
                right: 20px;
                top: 45%;
                transform: translateY(-45%);
                color: #DDF6ED;
                opacity: 0;
                visibility: hidden;
                &:hover {
                    color: var(--mainColor);
                }
            }
            &:hover {
                background-color: #f9f9f9;

                .icon {
                    background-color: var(--mainColor);
                    color: var(--whiteColor);
                }
                .close {
                    opacity: 1;
                    visibility: visible;
                }
            }
        }
    }
}


.invoices-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;

    h3 {
        margin-bottom: 0;
        padding: 20px 25px 20px;
        border-bottom: 1px dashed #eeeeee;
        font-size: 20px;
        font-weight: 600;
    }
    ul {
        padding-left: 0;
        margin-bottom: 0;
        list-style-type: none;

        li {
            border: none;
            margin-bottom: 0;
            border-bottom: 1px dashed #eeeeee;
            border-radius: 0;
            transition: var(--transition);
            color: var(--bodyColor);
            position: relative;
            padding-left: 80px;
            padding-right: 170px;
            padding-top: 25px;
            padding-bottom: 25px;
            
            .icon {
                height: 40px;
                width: 40px;
                color: var(--mainColor);
                text-align: center;
                line-height: 43px;
                border-radius: 50%;
                transition: var(--transition);
                background-color: #DDF6ED;
                position: absolute;
                font-size: 20px;
                top: 50%;
                transform: translateY(-50%);
                left: 25px;
            }
            span {
                display: block;
                color: var(--titleColor);
                margin-top: 8px;
                font-weight: 600;
            }
            .default-btn {
                position: absolute;
                right: 25px;
                top: 50%;
                transform: translateY(-50%);
                background-color: #e9e9e9;
                box-shadow: none;
                box-shadow: initial;
                border-radius: 30px;
                border: none;
                padding: 8px 20px;
                opacity: 0;
                visibility: hidden;
                font-weight: 500;
                color: var(--titleColor) !important;

                &:hover {
                    color: var(--whiteColor) !important;
                    background-color: var(--mainColor);
                }
            }
            &:last-child {
                border-bottom: none;
            }
            &:hover {
                background-color: #f9f9f9;

                .icon {
                    background-color: var(--mainColor);
                    color: var(--whiteColor);
                }
                .default-btn {
                    opacity: 1;
                    visibility: visible;
                }
            }
            ul {
                li {
                    padding: 0;
                    background-color: transparent;
                    border: none;
                    display: inline-block;
                    margin-right: 12px;
                    font-size: 14px;
                    font-weight: 400;
                    
                    &:last-child {
                        margin-right: 0;

                        &::before {
                            display: none;
                        }
                    }
                    &::before {
                        content: "";
                        width: 1px;
                        height: 12px;
                        background-color: var(--mainColor);
                        position: absolute;
                        top: 4px;
                        right: -10px;
                    }
                    &.unpaid {
                        color: red;
                        font-weight: 500;
                    }
                    &.paid {
                        color: #64bc36;
                        font-weight: 500;
                    }
                }
            }
        }
    }
}

.invoice-area {
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 30px;
}
.invoice-header {
    margin-bottom: 25px;

    h3 {
        font-size: 18px;
        margin-bottom: 18px;
        font-weight: 500;
    }
    p {
        font-weight: 500;
        color: #6084a4;
    }
}
.invoice-middle {
    margin-bottom: 25px;

    h4 {
        font-size: 18px;
        margin-bottom: 20px;
        font-weight: 500;
    }
    h5 {
        margin-bottom: 12px;
        font-weight: 500;
        sub {
            margin-left: 50px;
            bottom: 0;
            width: 90px;
            display: inline-block;
            color: #6084a4;
            font-weight: 500;
            
        }
    }
    span {
        font-weight: 500;
        color: #6084a4;
        
       
    }
}
.invoice-table {
    table {
        margin-bottom: 0;

        thead {
            th {
                text-align: center;
                vertical-align: middle;
                border-bottom: 1px solid #dee2e6 !important;
                
                font-weight: bold;
                padding: 15px;
               
            }
        }
        tbody {
            td {
                vertical-align: middle;
                color: #6084a4;
                border-width: 1px;
                font-size: 14.5px;
                padding: 15px;

                &.total, &.total-price {
                    color: var(--bodyColor);
                    
                }
                strong {
                    font-weight: 500;
                    color: var(--bodyColor);
                }
            }
        }
    }
    .table>:not(:first-child) {
        border-top: 0;
    }
}
.invoice-btn-box {
    margin-top: 25px;

    .default-btn {
        border: none;
    }
    
}

.all-applicants-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;
    padding: 25px;

    h2 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
    }
}
.single-applicants-card {
    border: 1px solid #eeeeee;
    border-radius: 10px;
    padding: 20px;
    margin-top: 25px;
    position: relative;

    .image {
        position: absolute;
        top: 20px;
        left: 20px;

        img {
            border-radius: 5px;
            max-width: 92px;
        }
    }
    .content {
        position: relative;
        padding: 0 180px 0 110px;
        h3 {
            font-size: 20px;
            font-weight: 500;
            margin-bottom: 7px;
            a {
                color: var(--titleColor);
            }
        }
        span {
            color: var(--mainColor);
            font-size: 14px;
            font-weight: 500;
        }
        .job-info {
            padding: 0;
            margin-top: 7px;
            margin-bottom: 0;

            li {
                display: inline-block;
                list-style-type: none;
                color: var(--bodyColor);
                font-weight: 500;
                font-size: 14px;
                position: relative;
                margin-right: 10px;
                padding-left: 18px;

                &:last-child {
                    margin-right: 0;
                }
                i {
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    font-size: 14px;
                    color: var(--mainColor);
                }
            }
        }
        .applicants-footer {
            position: absolute;
            right: 0;
            top: 0;
            
            .option-list {
                padding: 0;
                margin-bottom: 0;

                li {
                    list-style-type: none;
                    display: inline-block;
                    margin-right: 5px;

                    &:last-child {
                        margin-right: 0;
                    }
                    .option-btn {
                        display: inline-block;
                        border: none;
                        background: rgba(25, 103, 210, .07);
                        color: var(--mainColor);
                        height: 35px;
                        width: 35px;
                        line-height: 35px;
                        border-radius: 50px;
                        transition: var(--transition);

                        &:hover {
                            background: var(--mainColor);
                            color: var(--whiteColor);
                        }
                    }
                }
            }
        }
    }
}

.my-profile-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .06);
    border-radius: 5px;
    h3 {
        margin-bottom: 0;
        padding: 20px 25px 15px;
        font-size: 22px;
        font-weight: 500;
    }
    .bar {
        margin-left: 20px;
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 25px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    form {
        padding: 0 25px 25px;
        .form-group {
            margin-bottom: 25px;
            position: relative;
            label {
                display: block;
                margin-bottom: 15px;
                color: var(--titleColor);
               
                font-weight: 500;
            }
            .form-control {
                border-radius: 0;
                background-color: #F8F8F8;
                box-shadow: none;
                box-shadow: initial;
                transition: var(--transition);
                border: 1px solid #F8F8F8;
                height: 60px;
                padding: 10px 20px;
                color: var(--bodyColor);
                font-size: 15px;
                font-weight: 400;
                &::placeholder {
                    color: var(--bodyColor);
                    transition: var(--transition);
                }
                &:focus {
                    background-color: transparent;
                    border: 1px solid var(--mainColor);
                    &::placeholder {
                        color: transparent;
                    }
                }
            }
            textarea {
                &.form-control {
                    padding-top: 15px;
                    height: auto;
                }
            }
        }
        .default-btn {
            border: none;

            &::before {
                width: 950px;
                height: 950px;
            }
        }
    }
    .profile-box {
        position: relative;
        border-radius: 5px;    
        display: flex;
        align-items: center;
        border-bottom: 1px dashed #eeeeee;
        padding-bottom: 30px;

        img {
            border-radius: 5px;
        }
        .file-upload {
            display: inline-block;
            position: absolute;
            left: 15px;
            bottom: 45px;

            .inputfile {
                width: 0.1px;
                height: 0.1px;
                opacity: 0;
                overflow: hidden;
                position: absolute;
                z-index: -1;
            }
            .inputfile + label {
                color: var(--titleColor);
                background-color: var(--whiteColor);
                display: inline-block;
                margin-bottom: 0;
                transition: var(--transition);
                padding: 10px 25px 10px 48px;
                position: relative;
                border-radius: 30px;
               
                font-weight: 500;
            }
            i {
                position: absolute;
                left: 25px;
                top: 50%;
                transform: translateY(-50%);
                font-size: 16.5px;
                margin-top: -.5px;
            }
            .inputfile:focus + label, .inputfile + label:hover {
                background-color: var(--mainColor);
                color: var(--whiteColor);
            }
            .inputfile + label {
                cursor: pointer;
            }
        }
        .text {
            margin-left: 30px;
            
            p {
                margin-bottom: 0;
            }
        }
    }
}

.profile-outer-area {
    padding: 20px 25px;
}
.profile-outer {
    position: relative;
    display: flex;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 25px;
    border-bottom: 1px solid #f1f3f7;
    align-items: center;
    .profileButton {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        .profileButton-input {
            opacity: 0;
            position: absolute;
            overflow: hidden;
            z-index: -1;
            pointer-events: none;
            height: 0;
            width: 0;
            display: none;
        }
        .profileButton-button {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            cursor: pointer;
            height: 170px;
            width: 170px;
            border-radius: 5px;
            transition: 0.3s;
            margin: 0;
            color: #1b2032;
            font-size: 16px;
            border: 2px dashed #ced4e1;
            &:hover {
                border-color: var(--mainColor);
            }
            &::before {
                font-family: 'remixicon' !important;
                content: "\ee49";
                color: #9fa9b8;
                font-size: 40px;
                transition: 0.3s;
            }
        }
    }
    .text {
        padding-left: 25px;
    }
}

.profile-outer-area-two {
    margin: 20px 25px;
    border: 1px solid #f1f3f7;
    padding: 20px 25px;
    border-radius: 10px;
    .profile-outer {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
        .text-title {
            padding-left: 25px;
            text-align: left;
            max-width: 500px;
            h3 {
                font-size: 20px;
                margin-bottom: 10px;
                padding: 0;
            }
            p {
                margin-bottom: 0;
            }
        }
    }
}

.post-a-new-job-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .06);
    border-radius: 5px;
    h3 {
        margin-bottom: 0;
        padding: 20px 25px 15px;
        font-size: 22px;
        font-weight: 500;
    }
    .bar {
        margin-left: 20px;
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 25px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    form {
        padding: 0 25px 25px;
        .form-group {
            margin-bottom: 25px;
            position: relative;
            label {
                display: block;
                margin-bottom: 15px;
                color: var(--titleColor);
               
                font-weight: 500;
            }
            .form-control {
                border-radius: 0;
                background-color: #F8F8F8;
                box-shadow: none;
                box-shadow: initial;
                transition: var(--transition);
                border: 1px solid #F8F8F8;
                height: 60px;
                padding: 10px 20px;
                color: var(--bodyColor);
                font-size: 15px;
                font-weight: 400;
                &::placeholder {
                    color: var(--bodyColor);
                    transition: var(--transition);
                }
                &:focus {
                    background-color: transparent;
                    border: 1px solid var(--mainColor);
                    &::placeholder {
                        color: transparent;
                    }
                }
            }
            textarea {
                &.form-control {
                    padding-top: 15px;
                    height: auto;
                }
            }
        }
        .default-btn {
            border: none;
            &::before {
                width: 950px;
                height: 950px;
            }
        }
    }
}

.manage-jobs-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    padding: 30px;

    h3 {
        margin-bottom: 15px;
        font-size: 22px;
        font-weight: 500;
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 25px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    .manage-jobs-table {
        margin-top: 30px;

        table {
            margin-bottom: 0;
    
            thead {
                background: #f1f9c6;
                tr {
                    border: none;
                    th {
                        border: none;
                        vertical-align: middle;
                        padding: 15px 25px;
                        white-space: nowrap;
                        font-size: 18px;
                        color: var(--mainColor);
                        font-weight: 500;
                    }
                }
            }
            tbody {
                tr {
                    border: none;
                    border-bottom: 1px solid #e7e7e7;
                    td {
                        vertical-align: middle;
                        color: var(--bodyColor);
                        white-space: nowrap;
                        padding: 15px 25px;
                        font-weight: 400;
                        font-size: 15px;
                        border: none;
                        a {
                            color: var(--mainColor);
                            font-weight: 500;
                            text-decoration: underline;
                            &:hover {
                                color: var(--titleColor);
                            }
                        }
                        h5 {
                            font-weight: 500;
                            font-size: 18px;
                            margin-bottom: 15px;
                        }
                        span {
                            font-size: 15px;
                            position: relative;
                            padding-left: 20px;

                            i {
                                color: var(--mainColor);
                                position: absolute;
                                left: 0;
                                top: 45%;
                                transform: translateY(-45%);
                            }
                        }
                        .status {
                            color: var(--mainColor);
                            background: #f1f9c6;
                            color: var(--mainColor);
                            padding: 5px 10px;
                            text-align: center;
                            border-radius: 50px;
                            font-size: 14px;
                            display: inline-block;
                            justify-content: center;
                            vertical-align: middle;
                            align-items: center;
                            transition: var(--transition);
                            &:hover {
                                color: var(--whiteColor);
                                background-color: var(--mainColor);
                            }
                        }
                        .option-list {
                            padding: 0;
                            margin-bottom: 0;

                            li {
                                list-style-type: none;
                                display: inline-block;
                                margin-right: 5px;

                                &:last-child {
                                    margin-right: 0;
                                }
                                .option-btn {
                                    display: inline-block;
                                    border: none;
                                    background: #f1f9c6;
                                    color: var(--mainColor);
                                    height: 35px;
                                    width: 35px;
                                    line-height: 35px;
                                    border-radius: 50px;
                                    transition: var(--transition);

                                    &:hover {
                                        background: var(--mainColor);
                                        color: var(--whiteColor);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.submit-resumes-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;
    padding: 30px;
    
    form {
        
        h3 {
            padding-left: 5px;
            margin-bottom: 20px;
            font-size: 22px;
        }
        .form-group {
            margin-bottom: 25px;
            position: relative;

            label {
                display: block;
                margin-bottom: 15px;
                color: var(--titleColor);
                font-weight: 500;
                
            }
            .form-control {
                border-radius: 0;
                background-color: #f5f5f5;
                box-shadow: none;
                box-shadow: initial;
                transition: var(--transition);
                border: 1px solid #f5f5f5;
                height: 60px;
                padding: 10px 20px;
                color: #808080;
                font-size: 15px;
                font-weight: 400;
                
                
                &::placeholder {
                    color: #808080;
                    transition: var(--transition);
                    
                }
                &:focus {
                    background-color: transparent;
                    border: 1px solid var(--mainColor);

                    &::placeholder {
                        color: transparent;
                    }
                }
            }
            textarea {
                &.form-control {
                    padding-top: 15px;
                    height: auto;
                }
            }
        }
        .default-btn {
            display: block;
            border: none;

            &::before {
                width: 950px;
                height: 950px;
            }
        }
    }
}

.packages-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;
    padding: 30px;

    h2 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
    }
    .packages-table {
        margin-top: 30px;

        table {
            margin-bottom: 0;
    
            thead {
                tr {
                    border: none;
                    border-bottom: 1px solid #e7e7e7;
                    th {
                        border: none;
                        border-bottom-width: 0px;
                        vertical-align: middle;
                        padding: 15px 25px;
                        white-space: nowrap;
                        font-size: 18px;
                        color: var(--titleColor);
                        font-weight: 500;
                    }
                }
            }
            tbody {
                tr {
                    border: none;
                    border-bottom: 1px solid #e7e7e7;
                    td {
                        border: none;
                        vertical-align: middle;
                        color: var(--bodyColor);
                        white-space: nowrap;
                        padding: 15px 25px;
                        font-weight: 500;
                        font-size: 15px;

                        a {
                            color: var(--mainColor);
                            &:hover {
                                color: var(--titleColor);
                            }
                        }
                        h5 {
                            font-weight: 600;
                            font-size: 18px;
                            margin-bottom: 15px;
                        }
                        span {
                            font-size: 15px;
                            position: relative;
                            padding-left: 20px;

                            i {
                                color: var(--mainColor);
                                position: absolute;
                                left: 0;
                                top: 45%;
                                transform: translateY(-45%);
                            }
                        }
                        .status {
                            color: var(--mainColor);
                            background: #f1f9c6;
                            color: var(--mainColor);
                            padding: 5px 14px;
                            text-align: center;
                            border-radius: 50px;
                            font-size: 14px;
                            display: inline-block;
                            justify-content: center;
                            vertical-align: middle;
                            align-items: center;
                            transition: var(--transition);
                            &:hover {
                                color: var(--whiteColor);
                                background-color: var(--mainColor);
                            }
                        }
                        .option-list {
                            padding: 0;
                            margin-bottom: 0;

                            li {
                                list-style-type: none;
                                display: inline-block;
                                margin-right: 5px;

                                &:last-child {
                                    margin-right: 0;
                                }
                                .option-btn {
                                    display: inline-block;
                                    border: none;
                                    background: rgba(25, 103, 210, .07);
                                    color: var(--mainColor);
                                    height: 35px;
                                    width: 35px;
                                    line-height: 38px;
                                   
                                    border-radius: 50px;
                                    transition: var(--transition);

                                    &:hover {
                                        background: var(--mainColor);
                                        color: var(--whiteColor);
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        .table>:not(:first-child) {
            border-top: 0;
        }
    }
}

.chat-content-area {
    margin-bottom: 30px;

    .sidebar-left {
        float: left;

        .sidebar {
            background-color: var(--whiteColor);
            box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
            padding: 25px;
            width: 300px;

            .chat-sidebar-header {
                padding-bottom: 25px;

                form {
                    label {
                        display: block;
                        margin-bottom: 0;
                        position: absolute;
                        left: 15px;
                        top: 9.3px;
                        font-size: 18px;
                        color: #a8a8a8;
                    }
                    .form-control {
                        height: 45px;
                        border-radius: 30px;
                        background-color: #eef5f9;
                        border: none;
                        color: var(--titleColor);
                        padding: 0 15px 0 40px;
                        transition: var(--transition);
                        box-shadow: none;
                        box-shadow: initial;
                        font-size: 14px;
                        font-weight: 400;
                        
                        &:focus {
                            box-shadow: none;
                            box-shadow: initial;
                            background-color: #eef5f9;
        
                            &::placeholder {
                                color: transparent !important;
                            }
                        }
                        &::placeholder {
                            color: #a8a8a8;
                            transition: var(--transition);
                        }
                    }
                }
            }
            .sidebar-content {
                height: calc(100vh - 325px);

                .chat-menu {
                    .list-group-user {
                        li {
                            cursor: pointer;
                            margin-bottom: 20px;

                            &:last-child {
                                margin-bottom: 0;
                            }
                            .avatar {
                                position: relative;

                                .status-busy {
                                    background-color: #FF5B5C;
                                }
                                .status-online {
                                    background-color: #39DA8A;
                                }
                                .status-away {
                                    background-color: #FDAC41;
                                }
                                .status-offline {
                                    background-color: #475F7B;
                                }
                                [class*=status-] {
                                    border-radius: 50%;
                                    width: 10px;
                                    height: 10px;
                                    position: absolute;
                                    left: 1px;
                                    top: 1px;
                                }
                            }
                            h6 {
                                margin-bottom: 5px;
                                font-size: 15px;
                                font-weight: 600;
                            }
                            span {
                                color: #71738d;
                                font-size: 14.5px;
                            }
                        }
                    }
                    .list-group-label {
                        color: var(--titleColor);
                        margin-top: 25px;
                        margin-bottom: 25px;
                        padding-bottom: 5px;
                        position: relative;
                        border-bottom: 1px solid #eeeeee;
                       
                        font-weight: 500;
                        
                        &::before {
                            width: 70px;
                            height: 1px;
                            content: '';
                            position: absolute;
                            left: 0;
                            bottom: -1px;
                            background-color: var(--mainColor);
                        }
                    }
                }
            }
        }
    }
    .content-right {
        float: right;
        width: calc(100% - 330px);

        .chat-list-wrapper {
            .chat-list {
                background-color: var(--whiteColor);
                box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
                
                .simplebar-scrollbar {
                    &::before {
                        background: #aaaaaa;
                    }
                }
                .chat-list-header {
                    padding: 15px 20px;
                    border-radius: 8px 8px 0 0;

                    .header-left {
                        h6 {
                            white-space: nowrap;
                            font-weight: 600;
                        }
                        .avatar {
                            position: relative;

                            .status-busy {
                                background-color: #FF5B5C;
                            }
                            .status-online {
                                background-color: #39DA8A;
                            }
                            .status-away {
                                background-color: #FDAC41;
                            }
                            .status-offline {
                                background-color: #475F7B;
                            }
                            [class*=status-] {
                                border-radius: 50%;
                                width: 10px;
                                height: 10px;
                                position: absolute;
                                left: -1px;
                                top: -1px;
                            }
                        }
                    }
                    .header-right {
                        position: relative;
                        top: 4px;

                        ul {
                            li {
                                display: inline-block;
                                margin-left: 5px;

                                &:first-child {
                                    margin-left: 0;
                                }
                                .favorite {
                                    font-size: 20px;
                                    cursor: pointer;
                                    color: #C7CFD6;
                                    position: relative;
                                    top: -1px;
                                    
                                    &.active {
                                        color: #FDAC41;
    
                                        i {
                                            &::before {
                                                content: "\f186";
                                            }
                                        }
                                    }
                                }
                                .dropdown {
                                    .dropdown-toggle {
                                        padding: 0;
                                        border: none;
                                        background-color: transparent;
                                        color: #727E8C;
                                        font-size: 22px;
                                        line-height: 15px;
                        
                                        &::after {
                                            display: none;
                                        }
                                    }
                                    .dropdown-menu {
                                        box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05);
                                        background-color: var(--whiteColor);
                                        border: none;
                                        border-radius: 5px;
                                        margin-top: 35px !important;
                                        display: block;
                                        opacity: 0;
                                        visibility: hidden;
                                        transition: .3s;
                                        transform: initial !important;
                                        left: auto !important;
                                        right: 0 !important;
                        
                                        &.show {
                                            margin-top: 25px;
                                            opacity: 1;
                                            visibility: visible;
                                        }
                                        .dropdown-item {
                                            color: var(--titleColor);
                                            padding: 5px 15px 5px 36px;
                                            position: relative;
                                            font-size: 14px;
                                            
                                            i {
                                                color: var(--mainColor);
                                                transition: var(--transition);
                                                position: absolute;
                                                left: 15px;
                                                top: 6px;
                                               
                                            }
                                            &.active, &:active {
                                                color: var(--titleColor);
                                                background-color: transparent;
                                                background-color: #f8f9fa;
                                            }
                                            &:hover {
                                                i {
                                                    transform: rotateY(-180deg);
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .chat-container {
                    height: calc(100vh - 340px);
                    background-color: #E3E6F1;
                    padding: 25px 20px;
                    
                    .chat-content {
                        text-align: center;

                        .chat {
                            .chat-avatar {
                                float: right;
                            }
                            .chat-body {
                                overflow: hidden;
    
                                .chat-message {
                                    position: relative;
                                    float: right;
                                    max-width: 420px;
                                    text-align: left;
                                    padding: 12px 16px;
                                    margin: 10px 15.28px 21.28px 0;
                                    clear: both;
                                    word-break: break-word;
                                    color: var(--whiteColor);
                                    background-color: #3578e5;
                                    border-radius: 5px;
                                    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);
    
                                    p {
                                        color: var(--whiteColor);
                                        margin-bottom: 0;
                                        font-size: 14px;

                                        a {
                                            color: var(--whiteColor) !important;
                                        }
                                    }
                                    .time {
                                        position: absolute;
                                        bottom: -25px;
                                        right: 0;
                                        color: #6b7886;
                                        font-size: .8rem;
                                        white-space: nowrap;
                                    }
                                    &:first-child {
                                        margin-top: 0 !important;
                                    }
                                }
                            }
                            &.chat-left {
                                .chat-avatar {
                                    float: left;
                                }
                                .chat-body {
                                    .chat-message {
                                        text-align: left;
                                        float: left;
                                        margin: 10px 0 21.28px 15.28px;
                                        color: #727E8C;
                                        background-color: var(--whiteColor);
                                        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .3);

                                        p {
                                            color: #727E8C;

                                            a {
                                                color: #727E8C !important;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .badge-light {
                            padding: 8px 20px 8px;
                            text-transform: uppercase;
                            font-weight: 500;
                            color: var(--mainColor);
                            background-color: var(--whiteColor);
                            border-radius: 30px;
                        }
                    }
                }
                .chat-list-footer {
                    background-color: #fafafa;
                    padding: 15px 20px;
                    border-radius: 0 0 8px 8px;

                    .emoji-btn {
                        padding: 0;
                        border: none;
                        background-color: #d4ebf7;
                        border-radius: 50%;
                        width: 35px;
                        font-size: 19px;
                        line-height: 39px;
                        height: 35px;
                        color: var(--mainColor);
                        transition: var(--transition);

                        &:hover, &:focus {
                            background-color: var(--mainColor);
                            color: var(--whiteColor);
                        }
                    }
                    .file-attachment-btn {
                        padding: 0;
                        border: none;
                        background-color: #d4ebf7;
                        border-radius: 50%;
                        width: 35px;
                        font-size: 19px;
                        line-height: 39px;
                        height: 35px;
                        color: var(--mainColor);
                        transition: var(--transition);

                        &:hover, &:focus {
                            background-color: var(--mainColor);
                            color: var(--whiteColor);
                        }
                    }
                    form {
                        position: relative;
                        padding-right: 128px;

                        .form-control {
                            background-color: var(--whiteColor);
                            height: 45px;
                            border-radius: 30px;
                            transition: var(--transition);
                            padding: 10px 20px;
                            font-size: 14.5px;
                            border: 1px solid #DFE3E7;
                            color: var(--titleColor);

                            &:focus {
                                border-color: var(--mainColor);
                                box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .1);
                            }
                        }
                        .send-btn {
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            border: none;
                            background-color: var(--mainColor);
                            color: var(--whiteColor);
                            transition: var(--transition);
                            border-radius: 30px;
                            height: 45px;
                            padding: 1px 30px 0;
                            box-shadow: 0 4px 12px 0 rgba(8, 141, 211, .2);
                            font-size: 15px;
                            font-weight: 400;

                            i {
                                position: relative;
                                top: 2px;
                            }
                            &:hover {
                                box-shadow: 0 4px 12px 0 rgba(8, 141, 211, .6);
                            }
                        }
                    }
                }
            }
        }
    }
}

.resume-alerts-table {
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;
    padding: 25px;
    margin-bottom: 30px;

    h3 {
        margin-bottom: 25px;
        font-size: 20px;
        font-weight: 600;
    }
    table {
        margin-bottom: 0;

        thead {
            tr {
                border: none;
                border-bottom: 1px solid #e7e7e7;
                th {
                    border: none;
                    vertical-align: middle;
                    padding: 15px 25px;
                    white-space: nowrap;
                    
                    color: var(--titleColor);
                    font-weight: 500;
                }
            }
        }
        tbody {
            tr {
                border: none;
                border-bottom: 1px solid #e7e7e7;
                td {
                    border: none;
                    vertical-align: middle;
                    color: var(--bodyColor);
                    white-space: nowrap;
                    padding: 15px 25px;
                    font-weight: 400;
                    font-size: 15px;
                    
                    .option-list {
                        padding: 0;
                        margin-bottom: 0;

                        li {
                            list-style-type: none;
                            display: inline-block;
                            margin-right: 5px;
        
                            &:last-child {
                                margin-right: 0;
                            }
                            .option-btn {
                                display: inline-block;
                                border: none;
                                background: rgba(25, 103, 210, .07);
                                color: var(--mainColor);
                                height: 35px;
                                width: 35px;
                                line-height: 35px;
                                
                                border-radius: 50px;
                                transition: var(--transition);
        
                                &:hover {
                                    background: var(--mainColor);
                                    color: var(--whiteColor);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .table>:not(:first-child) {
        border-top: 0;
    }
}

.change-password-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;
    max-width: 750px;
    h3 {
        margin-bottom: 0;
        padding: 20px 25px 15px;
        font-size: 22px;
        font-weight: 500;
    }
    .bar {
        margin-left: 20px;
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 15px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }

    form {
        padding: 25px;
        
        .form-group {
            margin-bottom: 20px;
            position: relative;

            label {
                display: block;
                margin-bottom: 15px;
                color: var(--titleColor);
            }
            .form-control {
                border-radius: 0;
                background-color: #f5f5f5;
                box-shadow: none;
                box-shadow: initial;
                transition: var(--transition);
                border: 1px solid #f5f5f5;
                height: 50px;
                padding: 10px 20px;
                color: #808080;
                font-size: 15px;
                font-weight: 400;
                
                
                &::placeholder {
                    color: #808080;
                    transition: var(--transition);
                    
                }
                &:focus {
                    background-color: transparent;
                    border: 1px solid var(--mainColor);
                    &::placeholder {
                        color: transparent;
                    }
                }
            }
        }
        .default-btn {
            display: block;
            border: none;

            &::before {
                width: 950px;
                height: 950px;
            }
        }
    }
}

.dashboard-jobs-box {
    margin-bottom: 30px;
    h2 {
        margin-bottom: 20px;
        font-size: 22px;
        font-weight: 500;
    }
    .recent-job-card {
        .download-btn {
            padding: 6px 10px;
            font-size: 13px;
        }
    }
}


.candidates-job-alerts-area {
    h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
}

.candidates-job-alerts-card {
    background-color: var(--whiteColor);
    margin-bottom: 30px;
    padding: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    .candidates-job-alerts-list {
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: block;
                margin-bottom: 10px;
                font-weight: 500;
                &:last-child {
                    margin-bottom: 0;
                }
                color: var(--titleColor);
                b {
                    font-weight: 400;
                    color: var(--bodyColor);
                }
            }
        }
    }
    .delete-btn {
        color: var(--titleColor);
        float: right;
        font-size: 17px;
        transition: var(--transition);
        i {
            position: relative;
            color: #FF5B4A;
            top: 3px;
            margin-left: 3px;
            transition: var(--transition);
        }
        &:hover {
            color: var(--mainColor);
            transition: var(--transition);
            i {
                color: var(--bodyColor);
            }
        }
    }
}

.cv-manager-box {
    margin-bottom: 30px;
    background-color: var(--whiteColor);
    box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05);
    border-radius: 5px;
    padding: 30px;

    h2 {
        margin-bottom: 0;
        font-size: 20px;
        font-weight: 600;
    }
    .file-upload-box {
        margin-top: 30px;
        margin-bottom: 20px;

        .dropzone {
            position: relative;
            border: 1px dashed #eeeeee;
            border-radius: 5px;
            background: rgba(14, 198, 198, .03);
            transition: all 0.3s linear;
            display: inline-block;
            width: 100%;
            margin: 0;

            button {
                color: var(--titleColor);
                position: relative;
                padding-top: 52px;
                font-weight: 500;

                &::before {
                    content: "\ea11";
                    font-family: "remixicon";
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    color: var(--mainColor);
                    font-size: 35px;
                }
            }
            &:hover {
                border-color: var(--mainColor);
            }
        }
    }
    .text {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .sidemenu-area {
        z-index: 9999;
        left: -100%;
        opacity: 1;
        visibility: visible;

        &.active-sidemenu-area {
            left: 0;
            opacity: 1;
            visibility: visible;
        }
        .sidemenu-header {
            height: 75px;

            .responsive-burger-menu {
                display: block !important;
            }
        }
    }
    .main-dashboard-content {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 100px;

        .navbar-area {
            left: 0;
            width: 100%;
            padding: 20px 15px;
        }
        
        .mobile-responsive-nav {
            .mean-container {
                .mean-bar {
                    background: transparent;
                    position: absolute;
                    z-index: 999;
                    padding: 0;
                    top: -40px;
                }
            }
        }

        .side-nav-responsive {
            .dot-menu {
                top: -27px;
            }
        }
        
         
        .copyrights-area {
            text-align: center;
            padding-top: 0;

            p {
                margin-top: 5px;
            }
        }
    }
    .breadcrumb-area {
        display: inline-block;
        text-align: center;
        margin-bottom: 35px;

        h1 {
            padding-right: 0;

            &::before {
                display: none;
            }
        }
        .breadcrumb {
            padding-left: 0;
            top: 0;
            display: inline-block;
            margin-top: 20px;

            .item {
                display: inline-block;
            }
        }
    }
    .notification-alert {
        padding: 15px;
        font-size: 12px;
    }
    .stats-fun-fact-box {
        padding: 35px 25px 34px 95px;

        .icon-box {
            width: 55px;
            height: 55px;
            font-size: 30px;
        }
        .sub-title {
            font-size: 15px;
        }
        h3 {
            font-size: 28px;
        }
    }
    .recent-notifications-box {
        ul {
            li {
                .close {
                    opacity: 1;
                    visibility: visible;
                }
            }
        }
    }
    .invoices-box {
        ul {
            li {
                padding-right: 25px;

                .default-btn {
                    position: relative;
                    right: auto;
                    left: 0;
                    top: auto;
                    top: initial;
                    transform: none;
                    transform: initial;
                    opacity: 1;
                    visibility: visible;
                    margin-top: 10px;
                }
            }
        }
    }
    .single-applicants-card {
        padding: 15px;

        .image {
            position: relative;
            left: 0;
            top: 0;
        }
        .content {
            position: relative;
            padding: 0;
            margin-top: 15px;

            .applicants-footer {
                position: relative;
                margin-top: 15px;
            }
        }
    }
    .text-end {
        text-align: center !important;
    }
    .profile-outer {
        display: block;
        padding-bottom: 20px;
        margin-bottom: 25px;
        .profileButton {
            display: block;
            .profileButton-input {
                opacity: 0;
                position: absolute;
                overflow: hidden;
                z-index: -1;
                pointer-events: none;
                height: 0;
                width: 0;
                display: none;
            }
            .profileButton-button {
                height: 130px;
                width: 130px;
                font-size: 15px;
                &::before {
                    font-size: 30px;
                }
            }
        }
        .text {
            padding-top: 15px;
            padding-left: 0;
        }
    }
    .manage-jobs-box {
        padding: 20px;
        .manage-jobs-table {
            table {
                thead {
                    tr {
                        th {
                           font-size: 16px;
                        }
                    }
                }
            }
        }
        .single-job-list-box {
            .job-information {
                h3 {
                    font-size: 16px;
                }
                span {
                    font-size: 12px;
                }
            }
            .location-information {
                li {
                    font-size: 14px;
                }
            }
        }
    }
    .packages-box {
        padding: 18px;
        .packages-table {
            table {
                thead {
                    tr {
                        th {
                           font-size: 16px;
                        }
                    }
                }
            }
        }
    }
    .chat-content-area {
        .sidebar-left {
            float: none;
            float: initial;
            margin-bottom: 30px;

            .sidebar {
                width: 100%;
                padding: 20px;
            }
        }
        .content-right {
            width: 100%;
            float: none;
            float: initial;

            .chat-list-wrapper {
                .chat-list {
                    .chat-list-footer {
                        form {
                            display: block !important;
                            padding-right: 0;

                            .form-control {
                                font-size: 14px;
                                margin-top: 15px;
                            }
                            .send-btn {
                                position: relative;
                                top: 0;
                                transform: none;
                                transform: initial;
                                height: 40px;
                                font-size: 14px;
                                margin-top: 15px;
                            }
                        }
                    }
                }
            }
        }
    }
    .invoice-area {
        padding: 20px;
    }
    .invoice-header {
        h3 {
            font-size: 17px;
        }
        p {
            font-size: 14px;
        }
    }
    .invoice-middle {
        margin-bottom: 0;

        .text {
            margin-bottom: 20px;

            &.text-right {
                text-align: left !important;
            }
            h5 {
                font-size: 14px;

                sub {
                    margin-left: 0;
                    width: auto;
                    font-size: 14px;
                }
            }
        }
    }
    .invoice-table {
        margin-bottom: 20px;

        table {
            thead {
                th {
                    font-size: 14px;
                    white-space: nowrap;
                }
            }
            tbody {
                td {
                    font-size: 14px;
                    white-space: nowrap;
                }
            }
        }
    }

    .profile-outer-area-two {
        .profile-outer {
            .text-title {
                padding-left: 0;
                padding-top: 20px;
            }
        }
    }

    .candidates-job-alerts-card {
        text-align: center;
        .candidates-job-alerts-list {
            margin-bottom: 15px;
        }
        .delete-btn {
            float: none;
        }
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sidemenu-area {
        z-index: 9999;
        left: -100%;
        opacity: 1;
        visibility: visible;

        &.active-sidemenu-area {
            left: 0;
            opacity: 1;
            visibility: visible;
        }
        .sidemenu-header {
            height: 75px;

            .responsive-burger-menu {
                display: block !important;
            }
        }
    }
    .main-dashboard-content {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 100px;

        .navbar-area {
            left: 0;
            width: 100%;
            padding: 20px 15px;
        }
        .mobile-responsive-nav {
            .mean-container {
                .mean-bar {
                    background: transparent;
                    position: absolute;
                    z-index: 999;
                    padding: 0;
                    top: -40px;
                }
            }
        }

        .side-nav-responsive {
            .dot-menu {
                top: -27px;
            }
        }
        
         
        .copyrights-area {
            text-align: center;
            padding-top: 0;

            p {
                margin-top: 5px;
            }
        }
    }
    .breadcrumb-area {
        display: inline-block;
        text-align: center;
        margin-bottom: 35px;

        h1 {
            padding-right: 0;

            &::before {
                display: none;
            }
        }
        .breadcrumb {
            padding-left: 0;
            top: 0;
            display: inline-block;
            margin-top: 20px;

            .item {
                display: inline-block;
            }
        }
    }
    .notification-alert {
        padding: 15px;
        font-size: 15px;
    }
    .stats-fun-fact-box {
        padding: 35px 25px 34px 95px;

        .icon-box {
            width: 55px;
            height: 55px;
            font-size: 30px;
        }
        .sub-title {
            font-size: 15px;
        }
        h3 {
            font-size: 28px;
        }
    }
    .text-end {
        text-align: center !important;
    }
    .profile-outer {
        padding-bottom: 20px;
        margin-bottom: 25px;
        .profileButton {
            .profileButton-button {
                height: 150px;
                width: 150px;
                font-size: 15px;
                &::before {
                    font-size: 30px;
                }
            }
        }
    }

    .manage-jobs-box {
        padding: 20px;
        .manage-jobs-table {
            table {
                thead {
                    tr {
                        border: none;
                        th {
                           font-size: 16px;
                        }
                    }
                }
            }
        }
    }

    .chat-content-area {
        .sidebar-left {
            float: none;
            float: initial;
            margin-bottom: 30px;

            .sidebar {
                width: 100%;
                padding: 20px;
            }
        }
        .content-right {
            width: 100%;
            float: none;
            float: initial;
        }
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sidemenu-area {
        z-index: 9999;
        left: -100%;
        opacity: 0;
        visibility: hidden;

        &.active-sidemenu-area {
            left: 0;
            opacity: 1;
            visibility: visible;
        }
        .sidemenu-header {
            height: 75px;

            .responsive-burger-menu {
                display: block !important;
            }
        }
    }
    .main-dashboard-content {
        padding-top: 110px;
        padding-right: 15px;
        padding-left: 15px;
        
        .navbar-area {
            left: 0;
            width: 100%;
            padding: 20px 15px;
        }
        .responsive-burger-menu {
            display: block !important;
        }

        .side-nav-responsive {
            .dot-menu {
                top: -27px;
                right: 45px;
            }
        }

        .mean-container {
            a {
                &.meanmenu-reveal {
                    padding-top: 0;
                    margin-top: -5px;
                }
            }
        }
        .mobile-responsive-nav {
            display: block;
            .mobile-responsive-menu {
                position: relative;
                &.mean-container {
                    .mean-nav {
                        margin-top: 55px;
                        background-color: #ffffff;
                        ul {
                            font-size: 15px;
                            border: none !important;
    
                            li {
                                a {
                                    color: #000000;
                                    border-top-color: #DBEEFD;
                                    text-transform: capitalize;
    
                                    i {
                                        display: none;
                                    }
                                    &.mean-expand {
                                        width: 50%;
                                        height: 28px;
                                        text-align: right;
                                        padding: 11px!important;
                                        background: transparent !important;
                                        border: {
                                            left: none !important;
                                            bottom: none !important;
                                        };
                                    }
                                    &.active {
                                        color: var(--mainColor);
                                    }
                                }
                                li {
                                    a {
                                        font-size: 15px;
                                    }
                                }
                            }
                        }
                    }
                    .navbar-nav {
                        max-height: 50vh;
                        overflow-y: scroll;
                        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
                        &::-webkit-scrollbar {
                            width: 7px;
                        }
                        &::-webkit-scrollbar-track {
                            background: #f1f1f1;
                        }
                        &::-webkit-scrollbar-thumb {
                            background: #888;
                        }
                        &::-webkit-scrollbar-thumb:hover {  
                            background: #555;
                        }
                    }
                }
            }
            .mean-container {
                a {
                    &.meanmenu-reveal {
                        top: 10px;
                        padding: 0;
                        width: 35px;
                        height: 30px;
                        padding-top: 6px;
                        color:  var(--mainColor);
                        span {
                            background:  var(--mainColor);
                            height: 4px;
                            margin-top: -6px;
                            border-radius: 3px;
                            position: relative;
                            top: 8px;
                        }
                    }
                }
                .mean-bar {
                    background: transparent;
                    position: absolute;
                    z-index: 999;
                    padding: 0;
                    top: -35px;
                }
            }
            .others-options {
                display: none !important;
            }
            .logo {
                position: relative;
            }
        }

        .desktop-nav {
            display: none;
        }
    }
    .recent-notifications-box {
        ul {
            li {
                padding-left: 50px;
                padding-right: 25px;
                font-size: 14px;
                .icon {
                    height: 30px;
                    width: 30px;
                    line-height: 30px;
                    left: 10px;
                    font-size: 16px;
                }
                .close {
                    font-size: 24px;
                    right: 15px;
                }
            }
        }
    }
    .stats-fun-fact-box {
        padding: 35px 25px 34px 82px;

        .icon-box {
            width: 55px;
            height: 55px;
            font-size: 30px;
            left: 20px;
        }
        .sub-title {
            font-size: 15px;
        }
        h3 {
            font-size: 28px;
        }
    }
    .single-applicants-card {
        padding: 15px;
        
        .image {
            img {
                max-width: 50px;
            }
        }
        .content {
            padding: 0 150px 0 70px;
            .applicants-footer {
                .option-list {
                    li {
                        .option-btn {
                            height: 30px;
                            width: 30px;
                            line-height: 30px;
                            font-size: 15px;
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .sidemenu-area {
        width: 220px;
        .sidemenu-body {
            .sidemenu-nav {
                .nav-item {
                    .icon {
                        font-size: 18px;
                    }
                    .nav-link {
                        padding: 12px 15px 12px;
                        font-size: 15px;
                    }
                }
            }
        }
    }
    .main-dashboard-content {
        padding-left: 250px;
        
        .navbar-area {
            left: 220px;
            width: calc(100% - 220px);
            &.is-sticky {
                .desktop-nav {
                    left: 220px;
                }
            }
        }
    }
    .recent-notifications-box {
        ul {
            li {
                padding-left: 50px;
                padding-right: 25px;
                font-size: 14px;
                .icon {
                    height: 30px;
                    width: 30px;
                    line-height: 30px;
                    left: 10px;
                    font-size: 16px;
                }
                .close {
                    font-size: 24px;
                    right: 15px;
                }
            }
        }
    }
    .stats-fun-fact-box {
        padding: 35px 25px 34px 82px;

        .icon-box {
            width: 55px;
            height: 55px;
            font-size: 30px;
            left: 20px;
        }
        .sub-title {
            font-size: 15px;
        }
        h3 {
            font-size: 28px;
        }
    }

    .invoices-box {
        ul {
            li {
                .icon {
                    width: 35px;
                    height: 35px;
                    line-height: 35px;
                    left: 15px;
                    font-size: 17px;
                }
                padding-left: 60px;
                padding-right: 90px;
                .default-btn {
                    top: 72%;
                    transform: translateY(-72%);
                    right: 15px;
                    font-size: 15px;
                    padding: 6px 20px;
                }
                span {
                    font-size: 15px;
                }
            }
        }
    }
    
    .single-applicants-card {
        padding: 15px;
        
        .image {
            img {
                max-width: 50px;
            }
        }
        .content {
            padding: 0 155px 0 65px;
            .job-info {
                li {
                    font-size: 13px;
                }
            }
            h3 {
                font-size: 18px;
            }
            .applicants-footer {
                .option-list {
                    li {
                        .option-btn {
                            height: 30px;
                            width: 30px;
                            line-height: 32px;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }

   
}


@media only screen and (max-width: 767px) {
     body {
        font-size: 15px;
    }
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .ptb-70 {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .pb-100 {
        padding-bottom: 50px !important;
    }
    .pt-70 {
        padding-top: 50px;
    }
    .pb-70 {
        padding-bottom: 20px;
    }
    .pt-45 {
        padding-top: 30px;
    }
    .pb-10 {
        padding-bottom: 0;
    }
    .pl-20 {
        padding-left: 0;
    }
    .pr-20 {
        padding-right: 0;
    }
    .ml-20 {
        margin-left: 0;
    }
    .ps-2 {
        padding-left: 0 !important;
    }
    .ps-3 {
        padding-left: 0 !important;
    }
    .ps-5 {
        padding-left: 0 !important;
    }
    .ps-0 {
        padding-left: 15px !important;
    }
    .pe-0 {
        padding-right: 15px !important;
    }
    .p-0 {
        padding-left: 15px !important; 
        padding-right: 15px !important;
    }
    .default-btn {
        padding: 8px  18px;
    }
    .section-title {
        h2 {
            font-size: 26px;
        }
        p {
            padding-top: 10px;
        }
    }

    .float-end {
        float: none !important;
        margin-bottom: 0 !important;
    }

    .banner-area {
        padding: 50px 0;
    }
    .banner-content {
        h1 {
            font-size: 35px;
        }
        p {
            margin-bottom: 20px;
        }
        .popular-searches-tag {
            font-size: 15px;
            margin-bottom: 20px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
        ul {
            margin: 0 ;
            li {
                img {
                    max-width: 40px;
                    border: 2px solid var(--whiteColor);
                }
                &.title {
                    font-size: 13px;
                }
            }
        }
    }
    
    .banner-form {
        padding: 20px 10px;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        .form-group {
            border-right: none;
            padding-right: 0;
            margin-bottom: 10px;
            &.select-group {
                border: none;
                padding-right: 0;
            }
            i {
                font-size: 16px;
                left: 10px;
            }
            .form-control {
                background-color: #e4f9f4;
                padding: 15px 10px 15px 35px;
                font-size: 13px;
                &.form-select {
                    padding: 15px 40px 15px 15px;
                }
            }
        }
        .submit-btn {
            padding: 10px 20px;
            background-color: var(--mainColor);
        }
    }
    .banner-img {
        margin-top: 30px;
        img {
            max-width: 100%;
        }
        &::before {
            display: none;
        }
        .banner-img-shape {
            display: none;
        }
    }
    
    .banner-shape {
        display: none;
    }

    .banner-area-two {
        padding: 50px 0;
    } 
    .banner-content-two {
        h1 {
            font-size: 35px;
        }
        p {
            margin-bottom: 20px;
        }
        .popular-searches-tag {
            font-size: 15px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
    }

    .banner-form-two {
        padding: 20px 10px;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
        .form-group {
            border-right: none;
            padding-right: 0;
            margin-bottom: 10px;
            &.select-group {
                border: none;
                padding-right: 0;
            }
            i {
                font-size: 18px;
                left: 10px;
            }
            .form-control {
                background-color: #e4f9f4;
                padding: 15px 10px 15px 35px;
            }
        }
        .submit-btn {
            padding: 10px 20px;
            background-color: var(--mainColor);
        }
    }

    .banner-img-two {
        max-width: 100%;
        margin-top: 30px;
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        img {
            max-width: 100%;
        }
        .banner-shape-two {
            display: none;
        }
    }

    .banner-area-three {
        padding: 50px 0;
    }
    
    .banner-content-three {
        h1 {
            font-size: 30px;
            margin-bottom: 20px;
        }
        .popular-searches-tag {
            font-size: 15px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
    }
    .banner-form-three {
        padding: 20px 10px;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
        .form-group {
            border-right: none;
            padding-right: 0;
            margin-bottom: 10px;
            &.select-group {
                border: none;
                padding-right: 0;
            }
            i {
                font-size: 18px;
                left: 10px;
            }
            .form-control {
                background-color: #e4f9f4;
                padding: 15px 10px 15px 45px;
            }
        }
        .submit-btn {
            padding: 10px 20px;
        }
    }
    .banner-three-other {
        display: none;
    }

    .inner-banner {
        .inner-title {
            padding-top: 70px;
            padding-bottom: 70px;
            h3 {
                font-size: 30px;
            }
        }
    }

    .about-area {
        .col-6 {
            width: 50%;
        }
    }

    .about-img {
        img {
            border-radius: 50px;
        }
    }

    .browse-jobs-item {
        margin-bottom: 30px;
        padding: 25px 15px 25px 85px;
        i {
            top: 12px;
            left: 15px;
            width: 50px;
            font-size: 24px;
        }
        h3 {
            font-size: 18px;
        }
        i {
            top: 12px;
        }
    }

    .company-area {
        .section-title  {
            margin-bottom: 10px;
        }
    }

    .company-card {
        padding: 25px 15px 25px 79px;
        img {
            left: 15px;
            max-width: 55px;
        }
        h3 {
            font-size: 20px;
        }
    }

    .company-details-card {
        padding: 25px 20px;
        img {
            position: inherit;
            top: 0;
            left: 0;
            margin-bottom: 20px;
        }
    }

    .services-card {
        padding: 25px 15px 25px 80px;
        i {
            top: 25px;
            left: 15px;
            width: 50px;
            font-size: 24px;
        }
        h3 {
            font-size: 18px;
        }
    }

    .counter-card {
        h3 {
            font-size: 30px;
        }
        p {
            font-size: 16px;
        }
    }

    .counter-area {
        .col-6 {
            width: 50%;
        }
    }

    .browse-jobs-card {
        padding: 20px 10px 20px 75px;
        .icon {
            left: 10px;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 22px;
        }
        h3 {
            font-size: 20px;
        }
        .more-btn {
            top: 75%;
            transform: translateY(-75%);
            right: 10px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 18px;
        }
    }

    .browse-jobs-list  {
        margin-bottom: 30px;
        h3 {
            margin-bottom: 20px;
        }
    }

    .find-jobs-card {
        padding: 20px 15px;
        &.d-flex {
            display: block !important;
        }
        .find-jobs-img {
            margin-right: 0;
            margin-bottom: 20px;
        }
        .content {
            .content-list {
                li {
                    padding: 6px 16px;
                    font-size: 12px;
                    margin-right: 5px;
                }
            }
            h3 {
                font-size: 22px;
            }
            .content-list2 {
                li {
                    &.list-one {
                        font-size: 17px;
                        margin-right: 10px;
                    }
                    &.list-two {
                        font-size: 15px;
                    }
                }
            }
            .content-list3 {
                li {
                    margin-right: 10px;
                    font-size: 14px;
                    margin-bottom: 10px;
                    b {
                        font-size: 15px;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
        .find-jobs-btn {
            position: inherit;
            top: 0;
            right: 0;
            opacity: 1;
            margin-top: 7px;
        }
        &:hover {
            .find-jobs-btn {
                opacity: 1;
                top: 0;
                transform: translateY(-0%);
            }
        }
    }

    .testimonials-widget-item {
        .content-img {
            .line1 {
                width: 8px;
                height: 20px;
            }
            .line2 {
                width: 8px;
                height: 20px;
            }
        }
        p {
            font-size: 16px;
            margin-top: 25px;
        }
    }

    .testimonials-item {
        padding: 30px 20px;
        .content {
            .line1 {
                width: 8px;
                height: 20px;
            }
            .line2 {
                width: 8px;
                height: 20px;
            }
        }
        p {
            font-size: 16px;
            margin-top: 25px;
            margin-bottom: 15px;
        }
        .rating {
            font-size: 16px;
        }
    }

    .freelancers-area  {
        .section-title {
            margin-bottom: 15px;
        }
    }
    .freelancers-card {
        padding: 20px 10px;
        .title {
            h3 {
                font-size: 20px;
            }
            img {
                margin-left: 10px;
            }
        }
        
        p {
            margin-bottom: 10px;
        }
        .rating {
            i {
                font-size: 15px;
            }
        }
        .sub-title {
            display: inline-block;
            .sub-title1 {
                font-size: 15px;
                display: block;
                margin-bottom: 10px;
                b {
                    font-size: 16px;
                }
            }
    
            .sub-title2 {
                font-size: 15px;
                b {
                    font-size: 16px;
                }
            }
        }
    }

    .freelancer-details-profile {
        padding: 25px 20px;
        img {
            position: inherit;
            top: 0;
            left: 0;
            margin-right: 0;
            margin-bottom: 15px;
        }
        h3 {
            font-size: 20px;
        }
        .freelancer-details-btn {
            margin-top: 10px;
            position: inherit;
            top: 0%;
            transform: translateY(-0%);
            right: 0;
        }
    }

    .recent-job-item {
        padding: 20px 15px 20px 90px;
        .recent-job-img {
            top: 20px;
        }
        h3 {
            font-size: 18px;
            max-width: 235px;
            padding-right: 30px;
        }
        .job-list1 {
            li {
                font-size: 15px;
                margin-bottom: 10px;
            }
        }
        .job-list2 {
            margin: 10px 0 0;
            li {
                padding: 6px 14px;
                font-size: 13px;
            }
        }
    }

    .recent-job-card {
        padding: 25px 15px;
        .content {
            position: relative;
            padding-left: 0;
            .recent-job-img {
                position: inherit;
                margin-bottom: 10px;
            }
            h3 {
                font-size: 20px;
            }
            .job-list1 {
                list-style-type: none;
                margin: 0;
                padding: 0;
                li {
                    margin-right: 10px;
                    font-size: 14px;
                    margin-bottom: 10px;
                }
            }
            span {
                font-size: 14px;
            }
        }
        .job-sub-content {
            display: block;
            .job-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 12px;
                    margin-right: 0;
                }
            }
            .price {
                font-size: 16px;
                margin-top: 13px;
                b {
                    font-size: 14px;
                }
            }
        }
        .bookmark-btn {
            top: 20px;
        }
        .download-btn {
            margin-top: 15px;
            position: inherit;
            bottom: 0;
            left: 0;
            padding: 8px 20px;
            font-size: 14px;
        }
    }

    .job-post-card {
        padding: 25px 15px 15px;
        .job-post-img {
            position: inherit;
            top: 0;
            left: 0;
            margin-bottom: 10px;
        }
        h3 {
            font-size: 20px;
        }
        .content {
            display: block;
            .content-item {
                .content-list {
                    li {
                        margin-right: 10px;
                        font-size: 15px;
                        margin-bottom: 12px;
                        b {
                            font-size: 17px;
                        }
                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
                span {
                    margin-left: 0;
                    font-size: 17px;
                    display: block;
                    margin-bottom: 10px;
                    b {
                        font-size: 14px;
                    }
                }
            }
            .content-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 13px;
                    margin-bottom: 10px;
                }
            }
        }
    }

    .job-post-form {
        .form-group {
            margin-bottom: 15px;
            i {
                font-size: 18px;
            }
            .form-control {
                font-size: 14px;
            }
        }
    }
    

    .career-content {
        margin-bottom: 23px;
        .content {
            margin-bottom: 10px;
        }
        ul {
            li {
                margin-bottom: 0;
                &:last-child {
                    margin-bottom: 0;
                }
                &.title {
                    margin-right: 0;
                    margin-left: 0;
                    display: block;
                }
            }
        }
    }

    .career-area  {
        .col-6 {
            width: 50%;
        }
    }
    .career-img {
        .images1 {
            margin-top: 25px;
            margin-bottom: 20px;
        }
    }
    

    .pricing-wraps {
        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .pricing-table {
            text-align: center;
            table  {
                thead {
                    tr {
                        th {
                            padding: 10px 40px;
                            white-space: nowrap;
                            &:first-child {
                                padding-left: 0;
                            }
                            &.pricing-name {
                                font-size: 24px;
                                span {
                                    font-size: 15px;
                                }
                            }
                        }
                        td {
                            white-space: nowrap;
                            &:first-child {
                                padding-left: 0;
                            }
                        }
                    }
                }
                tbody {
                    tr {
                        td {
                            &.pricing-name-list1 {
                                a {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-name-list2 {
                                a {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-name-list3 {
                                .unit-amount {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-body-list1 {
                                a {
                                    font-size: 15px;
                                }
                            }
                            &.pricing-body-list2 {
                                a {
                                    font-size: 15px;
                                }
                                .icon {
                                    font-size: 16px;
                                }
                                .price-btn {
                                    padding: 7px 16px;
                                    font-size: 14px;
                                }
                            }
                            &.pricing-body-list3 {
                                .unit-amount {
                                    font-size: 15px;
                                }
                                .icon {
                                    font-size: 16px;
                                }
                                .price-btn {
                                    padding: 7px 16px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .pricing-content  {
        .section-title {
            margin-bottom: 20px;
        }
        ul {
            li {
                margin-bottom: 13px;
                &:last-child {
                    margin-bottom: 0;
                }
                &.title {
                    margin-right: 0;
                    margin-left: 0;
                    display: block;
                }
            }
        }
    }

    .pricing-card {
        border-radius: 10px;
        padding: 25px 15px;
        .pricing-title {
            margin-bottom: 15px;
            h2 {
                font-size: 20px;
            }
        }
        h3 {
            font-size: 32px;
            margin-bottom: 15px;
            span {
                font-size: 15px;
            }
        }
        ul {
            li {
                margin-bottom: 10px;
                font-size: 16px;
            }
        }
        .price-btn-area {
            margin-top: 20px;
            .price-btn {
                padding: 10px 20px;
            }
        }
    }

    .job-listing-top {
        padding: 25px 15px;
    }

    .job-listing-right {
        border: none;
        background-color: var(--whiteColor);
        text-align: center;
        padding: 15px;
        margin-bottom: 20px;
        ul {
            li {
                margin: 5px;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
    
    .job-listing-form {
        .form-group {
            border: none;
            padding-right: 0;
            margin-top: 0;
            margin-bottom: 20px;
            i {
                left: 10px;
                font-size: 18px;
            }
            .form-control {
                background-color: var(--whiteColor);
                padding: 10px 27px 10px 40px;
                &.form-select {
                    padding: 10px 15px;
                }
            }
        }
    }

    .job-listing-topper {
        .job-listing-title {
            h3 {
                margin-bottom: 15px;
            }
        }
        .job-listing-category {
            .form-group {
                margin-bottom: 15px;
            }
        }
    }

    .candidates-topper {
        .candidates-title {
            h3 {
                margin-bottom: 15px;
            }
        }
        .candidates-category-form {
            .form-group {
                margin-bottom: 10px;
            }
        }
    }

    .candidates-details-right {
        .content-profile {
            padding: 25px 20px 20px;
            .content-profile-img {
                img {
                    margin-bottom: 10px;
                }
            }
        }
        .content-info {
            padding: 25px 20px 20px;
            h3 {
                margin-bottom: 10px;
            }
            ul {
                li {
                    span {
                        font-size: 15px;
                    }
                    a {
                        font-size: 17px;
                    }
                }
            }
        }
    }
    .content-widget-right {
        padding: 25px 20px 20px;
        h3 {
            margin-bottom: 10px;
        }
    }
    .candidates-details-content {
        padding: 25px 15px;
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }
        .content {
            padding-bottom: 20px;
        }
        .candidates-details-experience {
            .experience-card {
                padding-left: 0;
                img {
                    position: inherit;
                    top: 0;
                    transform: translateY(0%);
                    margin-bottom: 10px;
                }
                .experience-list {
                    li {
                        margin-right: 10px;
                        font-size: 15px;
                        margin-bottom: 10px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    
        .candidates-skill {
            padding-bottom: 20px;
            .candidates-skill-tag {
                li {
                    a {
                        padding: 6px 20px;
                    }
                }
            }
        }
    
        .candidates-education {
            .education-card {
                padding-left: 0;
                position: relative;
                padding-left: 0;
                img {
                    position: inherit;
                    top: 0;
                    transform: translateY(0%);
                    margin-bottom: 10px;
                }
                .experience-list {
                    li {
                        margin-right: 10px;
                        font-size: 15px;
                        margin-bottom: 10px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    }
    
    .other-candidates-list {
        padding: 25px 20px;
    }

    .blog-card {
        .blog-img {
            .tag {
                padding: 6px 14px;
                font-size: 12px;
                left: 10px;
            }
        }
        .content {
            padding-left: 10px;
            ul {
                li {
                   font-size: 14px;
                }
            }
            h3 {
                font-size: 22px;
            }
        }
    }

    .blog-details-content {
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }

        .content {
            ul {
                li {
                    margin-right: 20px;
                    font-size: 14px;
                    &.images {
                        margin-right: 5px;
                        img {
                            width: 30px;
                            height: 30px;
                        }
                    }
                    a {
                        padding: 6px 14px;
                        font-size: 12px;
                    }
                }
            }
        }

        .blockquote {
            padding: 30px 20px;
            .line1 {
                bottom: 30px;
            }
            .line2 {
                bottom: 30px;
            }
        }

        .blog-details-list {
            ul {
                li {
                    font-size: 15px;
                    padding-left: 30px;
                    i {
                        width: 20px;
                        height: 20px;
                        line-height: 20px;
                        font-size: 13px;
                        top: 5px;
                    }
                }
            }
        }
        .blog-portfolio {
            .blog-portfolio-img {
                margin-top: 0;
            }
        }

        .article-share-area {
            padding: 12px 10px;
            .article-social-icon {
                margin-bottom: 10px;
                .social-icon {
                    li {
                        margin-right: 5px;
                        &.title {
                            font-size: 16px;
                        }
                        a {
                            display: inline-block;
                            border: none;
                            i {
                                width: 30px;
                                height: 30px;
                                line-height: 30px;
                                font-size: 16px;
                            }
                        }  
                    }
                } 
            }
            .tag {
                float: none;
                margin-bottom: 5px;
                a {
                    padding: 5px 14px;
                    font-size: 13px;
                }
            }
        }
    }

    .job-details-widget-side {
        .job-details-widget {
            padding: 20px 15px;
            border-radius: 10px;
            .title {
                font-size: 20px;
            }
            .bar {
                margin-bottom: 15px;
            }
            .job-details-category {
                li {
                    font-size: 15px;
                }
            }

            .job-details-social {
                margin: 10px 0 0;
                span {
                    font-size: 15px;
                    margin-bottom: 0;
                }
                .social-icon {
                    li {
                        margin-right: 5px;
                        a {
                            i {
                                font-size: 16px;
                            }
                        }  
                    }
                } 
            }
        }
    }

    .job-details-content {
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }
        .article-social-icon {
            .social-icon {
                li {
                    margin-right: 5px;
                    &.title {
                        font-size: 16px;
                    }
                    a {
                        i {
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            font-size: 16px;
                        }
                    }  
                }
            } 
        }
    }

    .contact-info-item {
        margin-top: 0;
        i {
            top: 12px;
        }
    }
    .contact-form {
        padding: 25px 15px;
        .agree-label {
      
            label {
                a {
                    &.forget {
                        position: inherit;
                    }
                }
            }
        }
    }

    .user-all-form {
        .contact-form {
            .default-btn {
                width: 100%;
                text-align: center;
            }
            .sub-title {
                margin-top: 15px;
                margin-bottom: 15px;
            }
            .login-with-account {
                ul {
                    list-style-type: none;
                    margin-bottom: 0;
                    padding: 0;
                    li {
                        display: block;
                        margin-bottom: 15px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                        a {
                            padding: 8px 20px;
                            font-size: 15px;
                        }
                    }
                }
            }
        }
    
    }
     

    .employers-cv-bg {
        padding: 30px 20px;
        h2 {
            font-size: 26px;
        }
        p {
            margin-bottom: 15px;
        }
    }
    .employers-cv-btn {
        float: none;
        .employersButton-button {
            padding: 10px 20px;
            font-size: 14px;
        }
    }

    .error-area {
        .error-content {
            h1 {
                font-size: 70px;
            }
            h3 {
                margin-top: 20px;
                font-size: 26px;
            }
            p {
                font-size: 15px;
                margin-top: 10px;
                padding: 0 15px;
            }
        }
    }

    .coming-soon-area {
        .coming-soon-content {
            padding-left: 15px;
            padding-right: 15px;
            border-radius: 0;
            animation: none;
            h1 {
                font-size: 30px;
                line-height: 1.1;
                margin-top: 0;
            }
            p {
                font-size: 14px;
                margin-top: 15px;
            }
            #timer {
                margin-top: 30px;
                div {
                    font-size: 30px;
                    margin-left: 5px;
                    margin-right: 5px;
                    margin-bottom: 15px;
                    span {
                        font-size: 14px;
                        margin-top: -5px;
                    }
                    &::before {
                        display: none;
                    }
                }
            }
            .newsletter-form {
                margin-top: 20px;
                margin-bottom: 20px;
                .input-newsletter {
                    height: 55px;
                    padding-left: 13px;
                    font-size: 15px;
                }
                .default-btn  {
                    position: relative;
                    font-size: 14px;
                    margin-top: 15px;
                    width: 100%;
                    height: 50px;
                }
            }
        }
    }

    .footer-widget {
        h3 {
            margin-bottom: 15px;
            &.title {
                margin-bottom: 10px;
            }
        }
        .footer-logo {
            margin-bottom: 10px;
        }
        p {
            margin-bottom: 15px;
        }
        .footer-list {
            li {
                margin-bottom:  10px;
            }
        }
        .footer-contact-list {
            li {
                margin-bottom: 10px;
                i {
                    font-size: 18px;
                }
            }
        }
    }
    .copy-right-text {
        text-align: center;
        margin-bottom: 10px;
    }
    .copy-right-social-link {
        text-align: center;
    }
    .go-top {
        font-size: 18px;
        width: 35px;
        height: 35px;
        line-height: 32px;
        .active {
            top: 85%;
        }
    }

}

@media only screen and (max-width: 520px) {
    .col-6 {
        width: 100%;
    }
}

@media only screen and (min-width: 521px) and (max-width: 767px) {
    .contact-info-item {
        padding: 25px 10px 25px 70px;
        i {
            top: 17px;
            left: 10px;
            width: 50px;
            height: 75px;
            line-height: 75px;
            font-size: 24px;
        }
    }

    .job-listing-topper {
        .job-listing-category {
            .form-group {
                margin-bottom: 0;
            }
        }
    }

    .candidates-topper {
        .candidates-category-form {
            .form-group {
                margin-bottom: 0;
            }
        }
    }

    .browse-jobs-item {
        padding: 25px 10px 25px 70px;
        i {
            top: 17px;
            left: 10px;
            width: 45px;
            height: 70px;
            line-height: 70px;
            font-size: 24px;
        }
        h3 {
            font-size: 17px;
        }
    }

    .freelancer-details-profile {
        padding: 30px 20px 30px 140px;
        img {
            position: absolute;
            top: 22px;
            left: 20px;
            margin-right: 0;
            margin-bottom: 0;
        }
        h3 {
            font-size: 20px;
        }
        .freelancer-details-btn {
            margin-top: 0;
            position: absolute;
            top: 52%;
            transform: translateY(-50%);
            right: 20px;
        }
    }

    .recent-job-item {
        h3 {
            max-width: 265px;
        }
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

    .browse-jobs-list  {
        margin-bottom: 30px;
        h3 {
            margin-bottom: 15px;
            font-size: 18px;
            i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
                margin-right: 7px;
            }
        }
    }
    .browse-jobs-card {
        padding: 20px 10px 20px 10px;
        .icon {
            position: inherit;
            top: 0;
            left: 0;
            transform: translateY(0);
            margin-bottom: 10px;
        }
        h3 {
            font-size: 20px;
        }
        .more-btn {
            top: 30%;
            transform: translateY(-30%);
        }
    }

    .recent-job-card {
        padding: 25px 15px;
        .content {
            padding-left: 85px;
            .recent-job-img {
                position: absolute;
                margin-bottom: 0;
            }
            h3 {
                font-size: 20px;
            }
            
        }
        .job-sub-content {
            display: flex;
            .price {
                margin-top: 0;
            }
        }
    }

    .pricing-content  {
        ul {
            li {
                margin-bottom: 13px;
                &:last-child {
                    margin-bottom: 0;
                }
                &.title {
                    margin-left: 30px;
                    display: inline-block;
                }
            }
        }
    }

    .career-content {
        margin-bottom: 23px;
        ul {
            li {
                margin-bottom: 0;
                &:last-child {
                    margin-bottom: 0;
                }
                &.title {
                    margin-left: 30px;
                    display: inline-block;
                }
            }
        }
    }

    .blog-details-content {
        .article-share-area {
            padding: 12px 10px;
            .article-social-icon {
                margin-bottom: 0;
            }
            .tag {
                float: right;
                margin-bottom: 0;
            }
        }
    }



}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 15px;
    }
    .ptb-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 50px;
    }
    .ptb-70 {
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .pb-100 {
        padding-bottom: 50px !important;
    }
    .pt-70 {
        padding-top: 50px;
    }
    .pb-70 {
        padding-bottom: 20px;
    }
    .pt-45 {
        padding-top: 30px;
    }
    .pb-10 {
        padding-bottom: 0;
    }
    .pl-20 {
        padding-left: 0;
    }
    .pr-20 {
        padding-right: 0;
    }
    .ml-20 {
        margin-left: 0;
    }
    .ps-2 {
        padding-left: 0 !important;
    }
    .ps-3 {
        padding-left: 0 !important;
    }
    .ps-5 {
        padding-left: 0 !important;
    }
    .ps-0 {
        padding-left: 15px !important;
    }
    .pe-0 {
        padding-right: 15px !important;
    }
    .p-0 {
        padding-left: 15px !important; 
        padding-right: 15px !important;
    }
    .default-btn {
        padding: 8px  18px;
    }
    .section-title {
        h2 {
            font-size: 26px;
        }
        p {
            padding-top: 10px;
        }
    }

    .float-end {
        float: none !important;
        margin-bottom: 0 !important;
    }

    .banner-area {
        padding: 50px 0;
    }
    .banner-content {
        h1 {
            font-size: 35px;
        }
        p {
            margin-bottom: 20px;
        }
        .popular-searches-tag {
            font-size: 15px;
            margin-bottom: 20px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
        ul {
            margin: 0 ;
            li {
                img {
                    max-width: 40px;
                    border: 2px solid var(--whiteColor);
                }
                &.title {
                    font-size: 13px;
                }
            }
        }
    }
    
    .banner-form {
        padding: 25px 20px;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        .form-group {
            border-right: none;
            padding-right: 0;
            margin-bottom: 10px;
            &.select-group {
                border: none;
                padding-right: 0;
            }
            i {
                font-size: 18px;
                left: 10px;
            }
            .form-control {
                background-color: #e4f9f4;
                padding: 15px 10px 15px 35px;
                &.form-select {
                    padding: 15px 40px 15px 15px;
                }
            }
        }
        .submit-btn {
            padding: 10px 20px;
            background-color: var(--mainColor);
        }
    }
    .banner-img {
        margin-top: 30px;
        img {
            max-width: 100%;
        }
        &::before {
            display: none;
        }
        .banner-img-shape {
            display: none;
        }
    }
    
    .banner-shape {
        display: none;
    }

    .banner-area-two {
        padding: 50px 0;
    } 
    .banner-content-two {
        h1 {
            font-size: 35px;
        }
        p {
            margin-bottom: 20px;
        }
        .popular-searches-tag {
            font-size: 15px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
    }

    .banner-form-two {
        padding: 20px 15px;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
        .form-group {
            border-right: none;
            padding-right: 0;
            margin-bottom: 0;
            &.select-group {
                border: none;
                padding-right: 0;
            }
            i {
                font-size: 18px;
                left: 10px;
            }
            .form-control {
                background-color: #e4f9f4;
                padding: 15px 10px 15px 35px;
            }
        }
        .submit-btn {
            padding: 12px 20px;
        }
    }

    .banner-img-two {
        max-width: 100%;
        margin-top: 30px;
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        img {
            max-width: 100%;
        }
        .banner-shape-two {
            display: none;
        }
    }

    .banner-area-three {
        padding: 50px 0;
    }
    
    .banner-content-three {
        h1 {
            font-size: 30px;
            margin-bottom: 20px;
        }
        .popular-searches-tag {
            font-size: 15px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
    }
    .banner-form-three {
        padding: 20px;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
        .form-group {
            border-right: none;
            padding-right: 0;
            &.select-group {
                border: none;
                padding-right: 0;
            }
            i {
                font-size: 18px;
                left: 10px;
            }
            .form-control {
                background-color: #e4f9f4;
                padding: 15px 10px 15px 35px;
            }
        }
        .submit-btn {
            padding: 12px 20px;
        }
    }
    .banner-three-other {
        display: none;
    }

    .banner-area, .banner-area-two {
        .container-fluid {
            width: 720px;
            margin-left: auto;
            margin-right: auto;
        }
    }

    .inner-banner {
        .inner-title {
            padding-top: 70px;
            padding-bottom: 70px;
            h3 {
                font-size: 30px;
            }
        }
    }

    .company-area {
        .section-title  {
            margin-bottom: 10px;
        }
    }

    .browse-jobs-card {
        padding: 20px 10px 20px 75px;
        .icon {
            left: 10px;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 22px;
        }
        h3 {
            font-size: 20px;
        }
        .more-btn {
            top: 75%;
            transform: translateY(-75%);
            right: 10px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 18px;
        }
    }

    .browse-jobs-list  {
        margin-bottom: 30px;
        h3 {
            margin-bottom: 20px;
            i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
                margin-right: 7px;
            }
        }
    }

    .browse-jobs-item {
        padding: 25px 10px 25px 70px;
        i {
            top: 17px;
            left: 10px;
            width: 45px;
            height: 70px;
            line-height: 70px;
            font-size: 24px;
        }
        h3 {
            font-size: 17px;
        }
    }

    .services-card {
        padding: 25px 15px 25px 80px;
        i {
            top: 25px;
            left: 15px;
            width: 50px;
            font-size: 24px;
        }
        h3 {
            font-size: 18px;
        }
    }

    .counter-card {
        h3 {
            font-size: 30px;
        }
    }

    .find-jobs-card {
        padding: 20px 15px;
        .content {
            .content-list {
                li {
                    padding: 6px 16px;
                    font-size: 12px;
                    margin-right: 5px;
                }
            }
            h3 {
                font-size: 22px;
            }
            .content-list2 {
                li {
                    &.list-one {
                        font-size: 17px;
                        margin-right: 10px;
                    }
                    &.list-two {
                        font-size: 15px;
                    }
                }
            }
            .content-list3 {
                li {
                    margin-right: 10px;
                    font-size: 14px;
                    margin-bottom: 10px;
                    b {
                        font-size: 16px;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
    }

    .job-listing-top {
        padding: 25px 15px;
    }

    .job-listing-right {
        border: none;
        background-color: var(--whiteColor);
        text-align: center;
        padding: 15px;
        margin-bottom: 20px;
        ul {
            li {
                margin: 5px;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
    
    .job-listing-form {
        .form-group {
            border: none;
            padding-right: 0;
            margin-top: 0;
            margin-bottom: 20px;
            i {
                left: 10px;
                font-size: 18px;
            }
            .form-control {
                background-color: var(--whiteColor);
                padding: 10px 27px 10px 40px;
                &.form-select {
                    padding: 10px 15px;
                }
            }
        }
    }

    .job-listing-topper {
        .job-listing-title {
            h3 {
                margin-bottom: 15px;
            }
        }
    }

    .job-post-card {
        h3 {
            font-size: 20px;
        }
        .content {
            display: block;
            .content-item {
                .content-list {
                    li {
                        margin-right: 10px;
                        font-size: 15px;
                        margin-bottom: 12px;
                        b {
                            font-size: 17px;
                        }
                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
                span {
                    margin-left: 20px;
                    font-size: 17px;
                    b {
                        font-size: 14px;
                    }
                }
            }
            .content-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 13px;
                }
            }
        }
    }

    .job-post-card-ml {
        .content {
            display: block;
            .content-item {
                span {
                    margin-left: 0;
                    display: block;
                    margin-bottom: 10px;
                }
            }
        }
    }

    .job-post-form {
        .form-group {
            margin-bottom: 15px;
            i {
                font-size: 18px;
            }
            .form-control {
                font-size: 14px;
            }
        }
    }

    .job-details-widget-side {
        .job-details-widget {
            padding: 20px 15px;
            border-radius: 10px;
            .title {
                font-size: 20px;
            }
            .bar {
                margin-bottom: 15px;
            }
            .job-details-category {
                li {
                    font-size: 15px;
                }
            }

            .job-details-social {
                margin: 10px 0 0;
                span {
                    font-size: 15px;
                    margin-bottom: 0;
                }
                .social-icon {
                    li {
                        margin-right: 5px;
                        a {
                            i {
                                font-size: 16px;
                            }
                        }  
                    }
                } 
            }
        }
    }

    .job-details-content {
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }
    }

    .testimonials-widget-item {
        .content-img {
            .line1 {
                width: 8px;
                height: 20px;
            }
            .line2 {
                width: 8px;
                height: 20px;
            }
        }
        p {
            font-size: 16px;
            margin-top: 25px;
        }
    }

    .testimonials-item {
        padding: 30px 20px;
        .content {
            .line1 {
                width: 8px;
                height: 20px;
            }
            .line2 {
                width: 8px;
                height: 20px;
            }
        }
        p {
            font-size: 16px;
            margin-top: 25px;
            margin-bottom: 15px;
        }
        .rating {
            font-size: 16px;
        }
    }

    .freelancers-area  {
        .section-title {
            margin-bottom: 15px;
        }
    }
    .freelancers-card {
        padding: 20px 10px;
        .title {
            h3 {
                font-size: 20px;
            }
            img {
                margin-left: 10px;
            }
        }
        
        p {
            margin-bottom: 10px;
        }
        .rating {
            i {
                font-size: 15px;
            }
        }
        .sub-title {
            .sub-title1 {
                font-size: 15px;
                b {
                    font-size: 16px;
                }
            }
    
            .sub-title2 {
                font-size: 15px;
                margin-left: 12px;
                b {
                    font-size: 16px;
                }
            }
        }
    }

    .recent-job-item {
        padding: 20px 10px 20px 75px;
        .recent-job-img {
            top: 20px;
            left: 10px;
            img {
                width: 50px;
            }
        }
        h3 {
            font-size: 18px;
            max-width: 235px;
        }
        .job-list1 {
            li {
                font-size: 14px;
                margin-bottom: 10px;
                margin-right: 7px;
                i {
                    margin-right: 0;
                }
            }
        }
        .job-list2 {
            margin: 10px 0 0;
            li {
                padding: 6px 14px;
                font-size: 13px;
            }
        }
        .bookmark-btn {
            top: 43px;
            font-size: 16px;
            width: 30px;
            height: 30px;
            line-height: 30px;
        }
    }

    .recent-job-card {
        padding: 25px 15px;
        .content {
            h3 {
                font-size: 20px;
            }
            .job-list1 {
                list-style-type: none;
                margin: 0;
                padding: 0;
                li {
                    margin-right: 70px;
                    font-size: 14px;
                    margin-bottom: 10px;
                }
            }
            span {
                font-size: 14px;
            }
        }
        .job-sub-content {
            .job-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 12px;
                    margin-right: 0;
                }
            }
            .price {
                font-size: 16px;
                b {
                    font-size: 14px;
                }
            }
        }
        .bookmark-btn {
            top: 20px;
        }
    }

    .candidates-topper {
        .candidates-title {
            h3 {
                margin-bottom: 15px;
            }
        }
    }

    .candidates-details-content {
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }
    }

    .pricing-wraps {
        .table-responsive {
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
        .pricing-table {
            text-align: center;
            table  {
                thead {
                    tr {
                        th {
                            padding: 10px 20px;
                            white-space: nowrap;
                            &:first-child {
                                padding-left: 0;
                            }
                            &.pricing-name {
                                font-size: 24px;
                                span {
                                    font-size: 15px;
                                }
                            }
                        }
                        td {
                            white-space: nowrap;
                            &:first-child {
                                padding-left: 0;
                            }
                        }
                    }
                }
                tbody {
                    tr {
                        td {
                            &.pricing-name-list1 {
                                a {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-name-list2 {
                                a {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-name-list3 {
                                .unit-amount {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-body-list1 {
                                a {
                                    font-size: 15px;
                                }
                            }
                            &.pricing-body-list2 {
                                a {
                                    font-size: 15px;
                                }
                                .icon {
                                    font-size: 16px;
                                }
                                .price-btn {
                                    padding: 7px 16px;
                                    font-size: 14px;
                                }
                            }
                            &.pricing-body-list3 {
                                .unit-amount {
                                    font-size: 15px;
                                }
                                .icon {
                                    font-size: 16px;
                                }
                                .price-btn {
                                    padding: 7px 16px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .pricing-content {
        .section-title {
            margin-bottom: 20px;
        }
        ul  {
            li {
                &.title {
                    margin-left: 25px;
                }
            }
        }
    }

    .pricing-card {
        border-radius: 10px;
        padding: 25px 15px;
        .pricing-title {
            margin-bottom: 15px;
            h2 {
                font-size: 20px;
            }
        }
        h3 {
            font-size: 32px;
            margin-bottom: 15px;
            span {
                font-size: 15px;
            }
        }
        ul {
            li {
                margin-bottom: 10px;
                font-size: 16px;
            }
        }
        .price-btn-area {
            margin-top: 20px;
            .price-btn {
                padding: 10px 20px;
            }
        }
    }

    .coming-soon-area {
        .coming-soon-content {
            padding-top: 30px;
            padding-bottom: 50px;
            padding-left: 15px;
            padding-right: 15px;
            border-radius: 0;
            animation: none;
            h1 {
                font-size: 45px;
                line-height: 1.1;
                margin-top: 0;
            }
            p {
                font-size: 16px;
                margin-top: 15px;
            }
        }
    }

    .blog-area  {
        .section-title {
            margin-bottom: 10px;
        }
    }
    .blog-card {
        .blog-img {
            .tag {
                padding: 6px 14px;
                font-size: 12px;
                left: 10px;
            }
        }
        .content {
            padding-left: 10px;
            ul {
                li {
                   font-size: 14px;
                }
            }
            h3 {
                font-size: 20px;
            }
        }
    }

    .blog-details-content {
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }

        .content {
            ul {
                li {
                    margin-right: 20px;
                    font-size: 14px;
                    &.images {
                        margin-right: 5px;
                        img {
                            width: 30px;
                            height: 30px;
                        }
                    }
                    a {
                        padding: 6px 14px;
                        font-size: 12px;
                    }
                }
            }
        }

        .blockquote {
            padding: 30px 20px;
            .line1 {
                bottom: 30px;
            }
            .line2 {
                bottom: 30px;
            }
        }

        .blog-details-list {
            ul {
                li {
                    font-size: 15px;
                    padding-left: 30px;
                    i {
                        width: 20px;
                        height: 20px;
                        line-height: 20px;
                        font-size: 13px;
                        top: 5px;
                    }
                }
            }
        }

        .article-share-area {
            padding: 12px 10px;
            .article-social-icon {
                .social-icon {
                    li {
                        margin-right: 5px;
                        &.title {
                            font-size: 16px;
                        }
                        a {
                            display: inline-block;
                            border: none;
                            i {
                                width: 30px;
                                height: 30px;
                                line-height: 30px;
                                font-size: 16px;
                            }
                        }  
                    }
                } 
            }
            .tag {
                a {
                    padding: 5px 14px;
                    font-size: 13px;
                }
            }
        }
    }

    .contact-info-item {
        margin-top: 0;
        i {
            top: 12px;
        }
    }
    .contact-form {
        padding: 30px 20px;
    }

    .user-all-form {
        .contact-form {
            .default-btn {
                width: 100%;
                text-align: center;
            }
            .sub-title {
                margin-top: 15px;
                margin-bottom: 15px;
            }
            .login-with-account {
                ul {
                    list-style-type: none;
                    margin-bottom: 0;
                    padding: 0;
                    li {
                        display: block;
                        margin-bottom: 15px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                        a {
                            padding: 8px 20px;
                            font-size: 15px;
                        }
                    }
                }
            }
        }
    
    }

    .employers-cv-bg {
        padding: 30px 20px;
        h2 {
            font-size: 26px;
        }
        p {
            margin-bottom: 15px;
        }
    }
    .employers-cv-btn {
        float: none;
        .employersButton-button {
            padding: 10px 20px;
            font-size: 14px;
        }
    }

    .error-area {
        .error-content {
            h1 {
                font-size: 120px;
            }
            h3 {
                margin-top: 20px;
                font-size: 30px;
            }
            p {
                font-size: 15px;
                margin-top: 10px;
                padding: 0 15px;
            }
        }
    }

    .footer-widget {
        h3 {
            margin-bottom: 15px;
            &.title {
                margin-bottom: 10px;
            }
        }
        .footer-logo {
            margin-bottom: 10px;
        }
        p {
            margin-bottom: 15px;
        }
        .footer-list {
            li {
                margin-bottom:  10px;
            }
        }
        .footer-contact-list {
            li {
                margin-bottom: 10px;
                i {
                    font-size: 18px;
                }
            }
        }
    }
    .go-top {
        font-size: 18px;
        width: 35px;
        height: 35px;
        line-height: 32px;
        .active {
            top: 85%;
        }
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ps-2 {
        padding-left: 0 !important;
    }
    .ps-3 {
        padding-left: 0 !important;
    }
    .ps-5 {
        padding-left: 0 !important;
    }

    .section-title {
        h2 {
            font-size: 32px;
        }
    }

    .others-options {
        display: none !important;
    }

    .desktop-nav {
        .navbar {
            .navbar-nav {
                .nav-item {
                    padding-bottom: 20px;
                    padding-top: 20px;
                }
            }
        }
    }

    .side-nav-responsive {
        display: block;
        .dot-menu {
            right: 10px;
            top: 20px;
        }
        .container-max {
            .container {
                top: 65px;
            }
        }
    }

    
    .banner-content {
        h1 {
            font-size: 48px;
        }
        p {
            margin-bottom: 20px;
        }
        .popular-searches-tag {
            font-size: 15px;
            margin-bottom: 50px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
    }
    
    .banner-form {
        padding: 10px;
        margin-right: -155px;
        .form-group {
            padding-right: 7px;
            i {
                font-size: 16px;
            }
            .form-control {
                font-size: 13px;
                padding: 10px 1px 10px 20px;
                &.form-select {
                    padding: 15px 20px 15px 0;
                }
            }
        }
        .submit-btn {
            padding: 13px 20px;
            font-size: 14px;
        }
    }
    .banner-img {
        margin-top: 20px;
        img {
            max-width: 100%;
        }
        .banner-img-shape {
            .shape2 {
                top: 19%;
                left: -85px;
                img {
                    max-width: 80px;
                }
            }
            .shape4 {
                top: -15px;
                left: 50px;
                width: 60px;
                height: 60px;
                line-height: 60px;
                img {
                    width: 40px;
                }
            }
            .shape5 {
                top: 10%;
                right: 20px;
                img {
                    max-width: 60px;
                }
            }
        }
    }

    .banner-content-two {
        h1 {
            font-size: 45px;
        }
        .popular-searches-tag {
            font-size: 15px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
    }

    .banner-form-two {
        max-width: 665px;
        margin-right: -25px;
        z-index: 22;
        position: relative;
        .submit-btn {
            padding: 10px 20px;
            background-color: var(--mainColor);
        }
    }

    .banner-img-two {
        .shape1 {
            a {
                display: block;
                img {
                    max-width: 330px;
                }
            }
        }

        .shape3 {
            top: 40.5%;
            transform: translateY(-40.5%);
        }
    }

    .banner-shape-two {
        .shape2 {
            left: 30px;
        }
    }
    
    
    .banner-content-three {
        position: relative;
        h1 {
            font-size: 50px;
        }
    }
   
    .banner-three-other {
        .other-content3 {
            bottom: -45px;
            left: 0%;
            img {
                max-width: 115px;
            }
        }
        .other-content8 {
            top: -30px;
        }
        .other-content9 {
            bottom: -95px;
            right: 0;
            img {
                max-width: 165px;
            }
            .other-into-content {
                img {
                    max-width: 40px;
                }
            }
        }
        .other-content10 {
            bottom: -190px;
            right: 0;
            img {
                width: 35px;
            }
        }
    }

    .banner-form-two {
        padding: 10px;
        .form-group {
            i {
                font-size: 17px;
            }
            .form-control {
                font-size: 13px;
                padding: 10px 0 10px 23px;
            }
        }
        .submit-btn {
            padding: 12px 20px;
            font-size: 14px;
        }
    }

    .browse-jobs-card {
        padding: 20px 10px 20px 70px;
        .icon {
            left: 10px;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 22px;
        }
        h3 {
            font-size: 19px;
        }
        .more-btn {
            top: 75%;
            transform: translateY(-75%);
            right: 10px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 18px;
        }
    }

    .browse-jobs-list  {
        h3 {
            margin-bottom: 20px;
            font-size: 18px;
            i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
                margin-right: 5px;
            }
        }
    }

    .browse-jobs-item {
        padding: 25px 15px;
        margin-top: 0;
        i {
            position: inherit;
            top: 0;
            left: 0;
            width: 50px;
            height: 75px;
            line-height: 75px;
            font-size: 24px;
            margin-bottom: 10px;
            display: inline-block;
        }
        h3 {
            font-size: 18px;
        }
    }

    .company-card {
        padding: 25px 12px 25px 66px;
        img {
            left: 12px;
            max-width: 45px;
        }
        h3 {
            font-size: 18px;
        }
        p {
            font-size: 14px;
            margin-bottom: 5px;
        }
        .company-btn {
            font-size: 14px;
        }
    }

    .find-jobs-card {
        padding: 20px 15px;
        .content {
            .content-list {
                li {
                    padding: 6px 16px;
                    font-size: 12px;
                    margin-right: 5px;
                }
            }
            h3 {
                font-size: 22px;
            }
            .content-list2 {
                li {
                    &.list-one {
                        font-size: 17px;
                        margin-right: 10px;
                    }
                    &.list-two {
                        font-size: 15px;
                    }
                }
            }
            .content-list3 {
                li {
                    margin-right: 10px;
                    font-size: 14px;
                    margin-bottom: 10px;
                    b {
                        font-size: 16px;
                    }
                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
        }
    }

    .job-listing-top {
        padding: 25px 15px;
    }

    .job-post-card-ml {
        h3 {
            font-size: 20px;
        }
        .content {
            display: block;
            .content-item {
                .content-list {
                    li {
                        margin-right: 10px;
                        font-size: 15px;
                        margin-bottom: 12px;
                        b {
                            font-size: 17px;
                        }
                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
                span {
                    margin-left: 20px;
                    font-size: 17px;
                    b {
                        font-size: 14px;
                    }
                }
            }
            .content-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 13px;
                }
            }
        }
    }

    .job-post-form {
        .form-group {
            i {
                font-size: 18px;
            }
            .form-control {
                font-size: 15px;
            }
        }
        .submit-btn {
            padding: 12px 20px;
        }
    }

    .job-listing-right {
        border: none;
        background-color: var(--whiteColor);
        text-align: center;
        padding: 15px;
        margin-bottom: 0;
        ul {
            li {
                margin: 5px;
                &:last-child {
                    margin-bottom: 0;
                }
            }
        }
    }
    
    .job-listing-form {
        vertical-align: middle;
        .form-group {
            border: none;
            padding-right: 0;
            margin-top: 0;
            i {
                left: 8px;
                font-size: 16px;
            }
            .form-control {
                background-color: var(--whiteColor);
                padding: 10px 27px 10px 40px;
                font-size: 14px;
                &.form-select {
                    padding: 10px 15px;
                }
            }
        }
        .submit-btn {
            padding: 12px 20px;
        }
    }

    .job-details-widget-side {
        .job-details-widget {
            padding: 20px 15px;
            border-radius: 10px;
            .title {
                font-size: 20px;
            }
            .bar {
                margin-bottom: 15px;
            }
            .job-details-category {
                li {
                    font-size: 15px;
                }
            }

            .job-details-social {
                margin: 10px 0 0;
                span {
                    font-size: 15px;
                    margin-bottom: 0;
                }
                .social-icon {
                    li {
                        margin-right: 5px;
                        a {
                            i {
                                font-size: 16px;
                            }
                        }  
                    }
                } 
            }
        }
    }

    .testimonials-widget-item {
        .content-img {
            .line1 {
                width: 8px;
                height: 20px;
            }
            .line2 {
                width: 8px;
                height: 20px;
            }
        }
        p {
            font-size: 16px;
            margin-top: 25px;
            max-width: 650px;
        }
    }

    .testimonials-item {
        padding: 40px 70px;
        .content {
            .line1 {
                width: 8px;
                height: 20px;
            }
            .line2 {
                width: 8px;
                height: 20px;
            }
        }
        p {
            font-size: 16px;
            margin-top: 25px;
            margin-bottom: 15px;
        }
        .rating {
            font-size: 16px;
        }
    }

    .freelancers-card {
        padding: 20px 10px;
        .title {
            h3 {
                font-size: 20px;
            }
            img {
                margin-left: 10px;
            }
        }
        
        p {
            margin-bottom: 10px;
        }
        .rating {
            i {
                font-size: 15px;
            }
        }
        .sub-title {
            .sub-title1 {
                font-size: 15px;
                b {
                    font-size: 16px;
                }
            }
    
            .sub-title2 {
                font-size: 15px;
                margin-left: 12px;
                b {
                    font-size: 16px;
                }
            }
        }
    }

    .recent-job-item {
        h3 {
            font-size: 20px;
        }
        .job-list1 {
            li {
                font-size: 15px;
            }
        }
    }

    .recent-job-card {
        padding: 25px 15px;
        .content {
            h3 {
                font-size: 20px;
            }
            .job-list1 {
                list-style-type: none;
                margin: 0;
                padding: 0;
                li {
                    margin-right: 70px;
                    font-size: 14px;
                    margin-bottom: 10px;
                }
            }
            span {
                font-size: 14px;
            }
        }
        .job-sub-content {
            .job-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 12px;
                    margin-right: 0;
                }
            }
            .price {
                font-size: 16px;
                b {
                    font-size: 14px;
                }
            }
        }
        .bookmark-btn {
            top: 20px;
        }
        .download-btn {
            margin-top: 15px;
            position: inherit;
            bottom: 0;
            left: 0;
            padding: 8px 20px;
            font-size: 14px;
        }
    }

    .candidates-topper {
        .candidates-category-form {
            .form-group {
                .form-control {
                    font-size: 14px;
                }
            }
        }
    }

    .candidates-details-right {
        .content-profile {
            padding: 25px 15px 20px;
            .content-profile-img {
                img {
                    margin-bottom: 10px;
                    max-width: 70px;
                }
            }
            .title {
                h3 {
                    font-size: 20px;
                }
                img {
                    margin-left: 10px;
                    max-width: 28px;
                }
            }
        }
        .content-info {
            padding: 25px 15px 20px;
            h3 {
                margin-bottom: 10px;
            }
            ul {
                li {
                    span {
                        font-size: 15px;
                    }
                    a {
                        font-size: 16px;
                    }
                }
            }
        }
    }
    .content-widget-right {
        padding: 25px 15px 20px;
        h3 {
            margin-bottom: 10px;
        }
        .download-btn {
            padding: 10px;
            font-size: 15px;
        }
    }

    .candidates-details-content {
        padding: 25px 15px;
        .content {
            padding-bottom: 20px;
        }
        .candidates-details-experience {
            .experience-card {
                .experience-list {
                    li {
                        margin-right: 10px;
                        font-size: 15px;
                        margin-bottom: 10px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    
        .candidates-skill {
            padding-bottom: 20px;
            .candidates-skill-tag {
                li {
                    a {
                        padding: 6px 20px;
                    }
                }
            }
        }
    
        .candidates-education {
            .education-card {
                .experience-list {
                    li {
                        margin-right: 10px;
                        font-size: 15px;
                        margin-bottom: 10px;
                        &:last-child {
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }
    }
    
    .other-candidates-list {
        padding: 25px 13px;
        ul {
            li {
                padding-left: 0;
                .profile {
                    position: inherit;
                    margin-bottom: 10px;
                }
            }
        }
    }

    .pricing-wraps {
        .pricing-table {
            text-align: center;
            table  {
                thead {
                    tr {
                        th {
                            padding: 10px 20px;
                            white-space: nowrap;
                            &:first-child {
                                padding-left: 0;
                            }
                            &.pricing-name {
                                font-size: 24px;
                                span {
                                    font-size: 15px;
                                }
                            }
                        }
                        td {
                            white-space: nowrap;
                            &:first-child {
                                padding-left: 0;
                            }
                        }
                    }
                }
                tbody {
                    tr {
                        td {
                            &.pricing-name-list1 {
                                a {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-name-list2 {
                                a {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-name-list3 {
                                .unit-amount {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-body-list1 {
                                a {
                                    font-size: 15px;
                                }
                            }
                            &.pricing-body-list2 {
                                a {
                                    font-size: 15px;
                                }
                                .icon {
                                    font-size: 16px;
                                }
                                .price-btn {
                                    padding: 7px 13px;
                                    font-size: 14px;
                                }
                            }
                            &.pricing-body-list3 {
                                .unit-amount {
                                    font-size: 15px;
                                }
                                .icon {
                                    font-size: 16px;
                                }
                                .price-btn {
                                    padding: 7px 13px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .pricing-content {
        ul  {
            li {
                &.title {
                    margin-left: 25px;
                }
            }
        }
    }

    .pricing-card {
        border-radius: 10px;
        padding: 25px 15px;
        .pricing-title {
            margin-bottom: 15px;
            h2 {
                font-size: 20px;
            }
        }
        h3 {
            font-size: 32px;
            margin-bottom: 15px;
            span {
                font-size: 15px;
            }
        }
        ul {
            li {
                margin-bottom: 10px;
                font-size: 16px;
            }
        }
        .price-btn-area {
            margin-top: 20px;
            .price-btn {
                padding: 10px 20px;
                font-size: 14px;
            }
        }
    }

    .career-content {
        margin-bottom: 23px;
        ul {
            li {
                margin-bottom: 0;
                &:last-child {
                    margin-bottom: 0;
                }
                &.title {
                    margin-left: 25px;
                    display: inline-block;
                }
            }
        }
    }

    .blog-card {
        .blog-img {
            .tag {
                padding: 6px 14px;
                font-size: 12px;
                left: 10px;
            }
        }
        .content {
            padding-left: 10px;
            ul {
                li {
                   font-size: 14px;
                }
            }
            h3 {
                font-size: 22px;
            }
        }
    }

    .contact-info-item {
        padding: 25px 15px;
        margin-top: 0;
        i {
            position: inherit;
            top: 0;
            left: 0;
            width: 50px;
            height: 75px;
            line-height: 75px;
            font-size: 24px;
            margin-bottom: 10px;
            display: inline-block;
        }
    }

    .employers-cv-content {
        h2 {
            font-size: 34px;
        }
    }

    .footer-widget {
        h3 {
            font-size: 20px;
        }
        .footer-list {
            li {
                font-size: 15px;
            }
        }
        .footer-contact-list {
            li {
                font-size: 15px;
                i {
                    font-size: 17px;
                }
            }
        }
    }
    .go-top {
        font-size: 18px;
        width: 35px;
        height: 35px;
        line-height: 32px;
        .active {
            top: 85%;
        }
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
    .desktop-nav {
        .navbar {
            .navbar-nav {
                .nav-item {
                    a {
                        margin-left: 10px;
                        margin-right: 10px;
                        font-size: 15px;
                    }
                }
            }
        }
    }

    .others-options {
        .optional-item {
            margin-right: 15px;
            .default-btn {
                padding: 10px 20px;
            }
            .search-btn {
                margin-left: 15px;
            }
        }
    }

    .banner-content {
        h1 {
            font-size: 60px;
        }
    }

    .banner-content-two {
        h1 {
            font-size: 50px;
        }
        .popular-searches-tag {
            font-size: 15px;
            .title {
                margin-right: 10px;
            }
            a {
                font-size: 14px;
            }
        }
    }

    .banner-form {
        padding: 10px;
        .form-group {
            padding-right: 7px;
            i {
                font-size: 17px;
            }
            .form-control {
                font-size: 14px;
                padding: 10px 1px 10px 20px;
                &.form-select {
                    padding: 15px 20px 15px 0;
                }
            }
        }
        .submit-btn {
            padding: 13px 20px;
            font-size: 14px;
        }
    }
    .banner-img {
        .banner-img-shape {
            .shape2 {
                top: 19%;
                left: -85px;
                img {
                    max-width: 80px;
                }
            }
            .shape4 {
                top: -15px;
                left: 50px;
                width: 60px;
                height: 60px;
                line-height: 60px;
                img {
                    width: 40px;
                }
            }
            .shape5 {
                top: 10%;
                right: 20px;
                img {
                    max-width: 60px;
                }
            }
        }
    }
    

    .banner-form-two {
        max-width: 665px;
        margin-right: -25px;
        z-index: 22;
        position: relative;
        .form-group {
            i {
                font-size: 17px;
            }
            .form-control {
                font-size: 14px;
                padding: 10px 1px 10px 20px;
                &.form-select {
                    padding: 15px 20px 15px 0;
                }
            }
        }
        .submit-btn {
            padding: 10px 20px;
        }
    }

    .banner-content-three {
        position: relative;
        h1 {
            font-size: 50px;
        }
    }
   
    .banner-three-other {
        .other-content3 {
            bottom: -45px;
            left: 0%;
            img {
                max-width: 115px;
            }
        }
        .other-content8 {
            top: -30px;
        }
        .other-content9 {
            bottom: -95px;
            right: 0;
            img {
                max-width: 165px;
            }
            .other-into-content {
                img {
                    max-width: 40px;
                }
            }
        }
        .other-content10 {
            bottom: -190px;
            right: 0;
            img {
                width: 35px;
            }
        }
    }
     
    .browse-jobs-card {
        padding: 20px 10px 20px 70px;
        .icon {
            left: 10px;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 22px;
        }
        h3 {
            font-size: 19px;
        }
        .more-btn {
            right: 10px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 18px;
        }
    }

    .browse-jobs-list  {
        h3 {
            margin-bottom: 20px;
            font-size: 20px;
            i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 20px;
                margin-right: 5px;
            }
        }
    }

    .browse-jobs-item {
        padding: 25px 10px 25px 75px;
        i {
            left: 15px;
            width: 50px;
            font-size: 24px;
        }
        h3 {
            font-size: 18px;
        }
    }

    .company-card {
        padding: 25px 15px 25px 79px;
        img {
            left: 15px;
            max-width: 55px;
        }
        h3 {
            font-size: 20px;
        }
    }

    .find-jobs-card {
        padding: 20px 15px;
        .content {
            .content-list {
                li {
                    padding: 6px 16px;
                    font-size: 12px;
                    margin-right: 5px;
                }
            }
            h3 {
                font-size: 22px;
            }
            .content-list2 {
                li {
                    &.list-one {
                        font-size: 17px;
                        margin-right: 10px;
                    }
                    &.list-two {
                        font-size: 15px;
                    }
                }
            }
            .content-list3 {
                li {
                    margin-right: 10px;
                    font-size: 14px;
                    margin-bottom: 10px;
                    b {
                        font-size: 16px;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
    }
    .find-jobs-card {
        padding: 20px 15px;
        .content {
            .content-list {
                li {
                    padding: 6px 16px;
                    font-size: 12px;
                    margin-right: 5px;
                }
            }
            h3 {
                font-size: 22px;
            }
            .content-list2 {
                li {
                    &.list-one {
                        font-size: 17px;
                        margin-right: 10px;
                    }
                    &.list-two {
                        font-size: 15px;
                    }
                }
            }
            .content-list3 {
                li {
                    margin-right: 10px;
                    font-size: 14px;
                    margin-bottom: 10px;
                    b {
                        font-size: 16px;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
    }

    .job-listing-right {
        ul {
            li {
                &.icon {
                    font-size: 18px;
                }
                &.tag {
                    padding: 6px 12px;
                    font-size: 12px;
                    i {
                        font-size: 16px;
                        top: 5px;
                    }
                }
            }
        }
    }

    .job-listing-form {
        .form-group {
            .form-control {
                font-size: 14px;
                padding: 10px 10px 10px 27px;
            }
        }
    }

    .job-post-card-ml {
        h3 {
            font-size: 20px;
        }
        .content {
            display: block;
            .content-item {
                .content-list {
                    li {
                        margin-right: 10px;
                        font-size: 15px;
                        margin-bottom: 12px;
                        b {
                            font-size: 17px;
                        }
                        &:last-child {
                            margin-right: 0;
                        }
                    }
                }
                span {
                    margin-left: 20px;
                    font-size: 17px;
                    b {
                        font-size: 14px;
                    }
                }
            }
            .content-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 13px;
                }
            }
        }
    }

    .job-listing-topper {
        .job-listing-category {
            .form-group {
                .form-control {
                    font-size: 14px;
                }
            }
        }
    }

    .candidates-topper {
        .candidates-category-form {
            .form-group {
                .form-control {
                    font-size: 14px;
                }
            }
        }
    }

    .testimonials-widget-item {
        .content-img {
            .line1 {
                width: 8px;
                height: 20px;
            }
            .line2 {
                width: 8px;
                height: 20px;
            }
        }
        p {
            font-size: 16px;
            margin-top: 25px;
            max-width: 650px;
        }
    }

    .testimonials-item {
        .content {
            .line1 {
                width: 8px;
                height: 20px;
            }
            .line2 {
                width: 8px;
                height: 20px;
            }
        }
        p {
            font-size: 17px;
            margin-top: 25px;
            margin-bottom: 15px;
        }
        .rating {
            font-size: 16px;
        }
    }

    .other-candidates-list {
        padding: 25px 13px;
        ul {
            li {
                padding-left: 70px;
                .profile {
                    img {
                        max-width: 60px;
                    }
                }
                .sub-title {
                    h3 {
                        font-size: 17px;
                    }
                    img {
                        margin-left: 5px;
                    }
                }
            }
        }
    }

    .freelancers-card {
        padding: 20px 10px;
        .title {
            h3 {
                font-size: 20px;
            }
            img {
                margin-left: 10px;
            }
        }
        
        p {
            margin-bottom: 10px;
        }
        .rating {
            i {
                font-size: 15px;
            }
        }
        .sub-title {
            .sub-title1 {
                font-size: 15px;
                b {
                    font-size: 16px;
                }
            }
    
            .sub-title2 {
                font-size: 15px;
                margin-left: 12px;
                b {
                    font-size: 16px;
                }
            }
        }
    }

    .recent-job-item {
        h3 {
            font-size: 18px;
        }
        .job-list1 {
            li {
                font-size: 15px;
            }
        }
        .bookmark-btn {
            top: 55px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            font-size: 16px;
        }
    }

    .recent-job-card {
        padding: 25px 15px;
        .content {
            h3 {
                font-size: 20px;
            }
            .job-list1 {
                list-style-type: none;
                margin: 0;
                padding: 0;
                li {
                    margin-right: 70px;
                    font-size: 15px;
                    margin-bottom: 10px;
                }
            }
            span {
                font-size: 15px;
            }
        }
        .job-sub-content {
            .job-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 12px;
                    margin-right: 10px;
                }
            }
            .price {
                font-size: 16px;
                b {
                    font-size: 14px;
                }
            }
        }
        .bookmark-btn {
            top: 20px;
        }
        .download-btn {
            margin-top: 15px;
            position: inherit;
            bottom: 0;
            left: 0;
            padding: 8px 20px;
            font-size: 14px;
        }
    }

    .job-details-widget-side {
        .job-details-widget {
            padding: 20px 15px;
            border-radius: 10px;
            .title {
                font-size: 20px;
            }
            .bar {
                margin-bottom: 15px;
            }
            .job-details-category {
                li {
                    font-size: 15px;
                }
            }

            .job-details-social {
                margin: 10px 0 0;
                span {
                    font-size: 15px;
                    margin-bottom: 0;
                }
                .social-icon {
                    li {
                        margin-right: 5px;
                        a {
                            i {
                                font-size: 16px;
                            }
                        }  
                    }
                } 
            }
        }
    }

    .pricing-wraps {
        .pricing-table {
            text-align: center;
            table  {
                thead {
                    tr {
                        th {
                            padding: 10px 20px;
                            white-space: nowrap;
                            &:first-child {
                                padding-left: 0;
                            }
                            &.pricing-name {
                                font-size: 24px;
                                span {
                                    font-size: 15px;
                                }
                            }
                        }
                        td {
                            white-space: nowrap;
                            &:first-child {
                                padding-left: 0;
                            }
                        }
                    }
                }
                tbody {
                    tr {
                        td {
                            &.pricing-name-list1 {
                                a {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-name-list2 {
                                a {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-name-list3 {
                                .unit-amount {
                                    font-size: 18px;
                                }
                            }
                            &.pricing-body-list1 {
                                a {
                                    font-size: 15px;
                                }
                            }
                            &.pricing-body-list2 {
                                a {
                                    font-size: 15px;
                                }
                                .icon {
                                    font-size: 16px;
                                }
                                .price-btn {
                                    padding: 7px 13px;
                                    font-size: 14px;
                                }
                            }
                            &.pricing-body-list3 {
                                .unit-amount {
                                    font-size: 15px;
                                }
                                .icon {
                                    font-size: 16px;
                                }
                                .price-btn {
                                    padding: 7px 13px;
                                    font-size: 14px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    .pricing-content {
        ul  {
            li {
                &.title {
                    margin-left: 25px;
                }
            }
        }
    }

    .blog-card {
        .blog-img {
            .tag {
                left: 10px;
            }
        }
        .content {
            padding-left: 10px;
            h3 {
                font-size: 22px;
            } 
        }
    }

    .contact-info-item {
        padding: 25px 10px 25px 75px;
        i {
            top: 17px;
            left: 12px;
            width: 50px;
            height: 75px;
            line-height: 75px;
            font-size: 24px;
        }
    }
     

}

@media only screen and (min-width: 1300px) and (max-width: 1350px) {
    .banner-content-two {
        h1 {
            font-size: 60px;
        }
    }
    
}

@media only screen and (min-width: 1300px) and (max-width: 1499px) {
    .recent-job-card-pt {
        padding: 25px 15px;
        .content {
            h3 {
                font-size: 20px;
            }
            .job-list1 {
                list-style-type: none;
                margin: 0;
                padding: 0;
                li {
                    margin-right: 70px;
                    font-size: 15px;
                    margin-bottom: 10px;
                }
            }
            span {
                font-size: 15px;
            }
        }
        .job-sub-content {
            .job-list2 {
                li {
                    padding: 5px 14px;
                    font-size: 12px;
                    margin-right: 10px;
                }
            }
            .price {
                font-size: 16px;
                b {
                    font-size: 14px;
                }
            }
        }
        .bookmark-btn {
            top: 20px;
        }
        .download-btn {
            bottom: 60px;
            right: 15px;
            padding: 8px 20px;
            font-size: 14px;
        }
    
    }
    
}

@media only screen and (min-width : 1300px)  {
    .container {
        max-width: 1320px !important;
    } 
    .container-fluid {
        max-width: 1320px !important;
    } 
}

@media only screen and (min-width : 1350px) and (max-width: 1469px)  {
    .container-fluid {
        max-width: 1360px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    } 
}

@media only screen and (min-width: 1470px) and (max-width: 1799px) {
    .container-fluid {
        max-width: 1460px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .banner-img {
        img {
            max-width: 100%;
        }
        .banner-img-shape {
            .shape2  {
                top: 25%;
                left: -135px;
            }
        }
    }
}

@media only screen and (min-width : 1800px)  {
    .container-fluid {
        max-width: 1720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    
    .banner-img {
        img {
            max-width: 100%;
        }
    }

    .banner-shape {
        .shape-in-one {
            img {
                max-width: 100%;
            }
        }
        .shape-in-two {
            img {
                max-width: 100%;
            }
        }
    }

    .banner-three-other {
        .other-content1 {
            left: -7%;
        }
        .other-content2 {
            left: -12%;
        }
        
        .other-content4 {
            left: -5%;
        }
        .other-content5 {
            left: -30%;
        }
        .other-content8 {
            top: -5px;
            right: 3%;
        }
        
        .other-content9 {
            right: 0;
        }
    }
}

@media only screen and (max-width: 991px) {
    .nav-sidebar {
        display: none;
    }
    .mobile-nav {
        display: inline-block;
    }
    .navbar-area {
        padding: {
            top: 10px;
            bottom: 10px;
        };
        &.is-sticky {
            padding: {
                top: 10px;
                bottom: 10px;
            };
        }
    }
    .mobile-responsive-nav {
        display: block;
        .mobile-responsive-menu {
            position: relative;
            &.mean-container {
                .mean-nav {
                    margin-top: 55px;
                    background-color: #ffffff;
                    ul {
                        font-size: 15px;
                        border: none !important;

                        li {
                            a {
                                color: #000000;
                                border-top-color: #DBEEFD;
                                text-transform: capitalize;

                                i {
                                    display: none;
                                }
                                &.mean-expand {
                                    width: 50%;
                                    height: 28px;
                                    text-align: right;
                                    padding: 11px!important;
                                    background: transparent !important;
                                    border: {
                                        left: none !important;
                                        bottom: none !important;
                                    };
                                }
                                &.active {
                                    color: var(--mainColor);
                                }
                            }
                            li {
                                a {
                                    font-size: 15px;
                                }
                            }
                        }
                    }
                }
                .navbar-nav {
                    max-height: 64vh;
                    overflow-y: scroll;
                    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1);
                    &::-webkit-scrollbar {
                        width: 7px;
                    }
                    &::-webkit-scrollbar-track {
                        background: #f1f1f1;
                    }
                    &::-webkit-scrollbar-thumb {
                        background: #888;
                    }
                    &::-webkit-scrollbar-thumb:hover {  
                        background: #555;
                    }
                }
            }
        }
        .mean-container {
            a {
                &.meanmenu-reveal {
                    top: 10px;
                    padding: 0;
                    width: 35px;
                    height: 30px;
                    padding-top: 6px;
                    color:  var(--mainColor);
                    span {
                        background:  var(--mainColor);
                        height: 4px;
                        margin-top: -6px;
                        border-radius: 3px;
                        position: relative;
                        top: 8px;
                    }
                }
            }
            .mean-bar {
                background: transparent;
                position: absolute;
                z-index: 999;
                padding: 0;
            }
        }
        .others-options {
            display: none !important;
        }
        .logo {
            position: relative;
            .logo-two {
                display: none;
            }
        }
    }
    .desktop-nav {
        display: none;
    }
    .side-nav-responsive {
        display: block;
    }
    .employers-details-content {
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }

        .article-social-icon {
            .social-icon {
                li {
                    margin-right: 5px;
                    &.title {
                        font-size: 16px;
                    }
                    a {
                        display: inline-block;
                        border: none;
                        i {
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            font-size: 16px;
                        }
                    }  
                }
            } 
        }
    }

    .company-details-content {
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }

        .article-social-icon {
            .social-icon {
                li {
                    margin-right: 5px;
                    &.title {
                        font-size: 16px;
                    }
                    a {
                        display: inline-block;
                        border: none;
                        i {
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            font-size: 16px;
                        }
                    }  
                }
            } 
        }
    }

    .single-content {
        h1 {
            font-size: 28px;
        }
        h2 {
            font-size: 26px;
        }
        h3 {
            font-size: 23px;
        }
        h4 {
            font-size: 21px;
        }
        h5 {
            font-size: 20px;
        }
    }

    .candidates-details-right {
        .content-info {
            text-align: center;
        }
    }
}
.sidemenu-area {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 280px;
  z-index: 10;
  transition: var(--transition);
  background-color: #f1f9c6;
}
.sidemenu-area .sidemenu-header {
  background-color: #f1f9c6;
  padding: 0 30px;
  border-bottom: 1px solid #f2f4f9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 95px;
  width: 100%;
  transition: var(--transition);
}
.sidemenu-area .sidemenu-header .navbar-brand {
  padding: 0;
}
.sidemenu-area .sidemenu-header .navbar-brand .logo-two {
  display: none;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu {
  cursor: pointer;
  transition: var(--transition);
}
.sidemenu-area .sidemenu-header .responsive-burger-menu span {
  height: 1px;
  width: 25px;
  background: var(--mainColor);
  display: block;
  margin: 6px 0;
  transition: all 0.5s ease-in-out;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.middle-bar {
  opacity: 0;
}
.sidemenu-area .sidemenu-header .responsive-burger-menu.active span.bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  margin-top: 5px;
}
.sidemenu-area .sidemenu-body {
  max-height: calc(100% - 80px);
  position: relative;
  height: 100%;
  box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.1);
  background-color: #f1f9c6;
  overflow: hidden;
}
.sidemenu-area .sidemenu-body .sidemenu-nav {
  padding: 0 0 65px;
  list-style-type: none;
  margin-bottom: 0;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
  color: #7e7e7e;
  padding: 12px 30px 12px;
  position: relative;
  z-index: 1;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link .icon {
  color: var(--titleColor);
  transition: var(--transition);
  display: inline-block;
  margin-right: 5px;
  font-size: 22px;
  position: relative;
  top: 5px;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover {
  background-color: #fafdec;
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link:hover .icon {
  transform: rotateY(-180deg);
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link {
  background-color: #fafdec;
  color: #c1e602;
}
.sidemenu-area .sidemenu-body .sidemenu-nav .nav-item.active .nav-link .icon {
  color: var(--mainColor);
}


.main-dashboard-content {
  transition: var(--transition);
  overflow: hidden;
  background-color:#fafdec;
  min-height: 100vh;
  padding-right: 30px;
  padding-left: 310px;
  padding-top: 135px;
}
.main-dashboard-content .navbar-area {
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
  z-index: 999;
  height: auto;
  top: 0;
  left: 280px;
  width: calc(100% - 280px);
  animation: none 0s ease 0s 1 normal none running !important;
  animation: initial !important;
}
.main-dashboard-content .navbar-area .desktop-nav {
  padding: 5px 30px;
  background-color: #f1f9c6;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options {
  margin-left: auto;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 70px;
  height: 70px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: #c1e602;
  font-size: 15px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: #c1e602;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 4px;
  font-size: 16px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: #c1e602;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .navbar-area .desktop-nav .navbar .others-options .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .navbar-area.is-sticky {
  top: 0;
  width: 100%;
  z-index: 999;
  position: fixed;
  background-color: var(--whiteColor) !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.main-dashboard-content .navbar-area.is-sticky .desktop-nav {
  position: fixed;
  background-color: var(--whiteColor) !important;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  left: 280px;
}
.main-dashboard-content .responsive-burger-menu {
  cursor: pointer;
  transition: var(--transition);
  position: relative;
  z-index: 9999;
  width: 70%;
}
.main-dashboard-content .responsive-burger-menu span {
  height: 1px;
  width: 25px;
  background: var(--titleColor);
  display: block;
  margin: 5px 0;
  transition: all 0.5s ease-in-out;
}
.main-dashboard-content .responsive-burger-menu.active span.top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.main-dashboard-content .responsive-burger-menu.active span.middle-bar {
  opacity: 0;
}
.main-dashboard-content .responsive-burger-menu.active span.bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
  margin-top: 5px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item {
  margin-left: auto;
  text-align: center;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 80px;
  height: 80px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: var(--mainColor);
  font-size: 15px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 16px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .side-nav-responsive .side-nav-inner .side-nav .option-item .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .others-option-for-responsive .dot-menu {
  right: 40px;
  top: -28px;
}
.main-dashboard-content .others-option-for-responsive .container {
  max-width: 100% !important;
}
.main-dashboard-content .others-option-for-responsive .container .container {
  max-width: 192px !important;
}
.main-dashboard-content .others-option-for-responsive .others-options {
  margin-left: auto;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle {
  padding: 0;
  color: var(--bodyColor);
  font-weight: 400;
  position: relative;
  padding-right: 25px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle::after {
  display: none;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle::before {
  content: "\ea4e";
  position: absolute;
  right: 0;
  transition: var(--transition);
  top: 5px;
  font-size: 20px;
  font-family: "remixicon";
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle span {
  position: relative;
  top: 1px;
  color: var(--bodyColor);
  transition: var(--transition);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle span::before {
  display: none;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle:hover::before {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .dropdown-bs-toggle:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item .menu-profile img {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin-right: 8px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu {
  padding: 15px 15px 10px;
  min-width: 230px;
  max-width: 280px;
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 2px;
  margin-top: 20px;
  border: none;
  display: block;
  transition: var(--transition);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header {
  padding: 0;
  border-bottom: 1px solid #f2f4f9;
  margin-left: -15px;
  margin-right: -15px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure {
  position: relative;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .figure img {
  width: 80px;
  height: 80px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .name {
  display: block;
  color: var(--titleColor);
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: 500;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-header .email {
  color: var(--mainColor);
  font-size: 15px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item {
  margin-left: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link {
  color: var(--bodyColor);
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link span {
  color: var(--bodyColor);
  display: block;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
  font-size: 16px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover span {
  color: var(--mainColor);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-body ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer {
  margin: 10px -15px 0;
  padding: 10px 15px 0;
  border-top: 1px solid #eeeeee;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link {
  color: red;
  padding: 5px 15px 5px 38px;
  position: relative;
  font-size: 15px;
  font-weight: 500;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link span {
  color: red;
  display: block;
  font-weight: 400;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link i {
  color: red;
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 7px;
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu .dropdown-footer ul .nav-item .nav-link:hover i {
  transform: rotateY(-180deg);
}
.main-dashboard-content .others-option-for-responsive .others-options .profile-nav-item.dropdown .dropdown-menu.show {
  margin-top: 10px;
  opacity: 1;
  visibility: visible;
}
.main-dashboard-content .copyrights-area {
  padding-top: 5px;
  padding-bottom: 35px;
}
.main-dashboard-content .copyrights-area p {
  line-height: normal;
  line-height: initial;
  margin-bottom: 0;
}
.main-dashboard-content .copyrights-area p i {
  position: relative;
  left: 0;
  top: 2px;
}
.main-dashboard-content .copyrights-area p a {
  font-weight: 500;
  color: var(--mainColor);
}

.breadcrumb-area {
  border-radius: 5px;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}
.breadcrumb-area h1 {
  margin-bottom: 0;
  position: relative;
  color: var(--titleColor);
  padding-right: 15px;
  font-size: 25px;
  font-weight: 500;
}
.breadcrumb-area h1::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  width: 1px;
  background: #cecece;
}
.breadcrumb-area .breadcrumb {
  background-color: transparent;
  border-radius: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  top: 1px;
}
.breadcrumb-area .breadcrumb .item {
  color: var(--bodyColor);
  margin-right: 25px;
  position: relative;
}
.breadcrumb-area .breadcrumb .item a {
  display: block;
  color: var(--bodyColor);
}
.breadcrumb-area .breadcrumb .item a:hover {
  color: var(--mainColor);
}
.breadcrumb-area .breadcrumb .item::before {
  content: "\ea6e";
  position: absolute;
  right: -22px;
  top: -1px;
  color: var(--bodyColor);
  font-family: "remixicon";
  font-size: 18px;
}
.breadcrumb-area .breadcrumb .item:last-child {
  margin-right: 0;
}
.breadcrumb-area .breadcrumb .item:last-child::before {
  display: none;
}

.notification-alert {
  margin-bottom: 30px;
  background-color: #e6f3d8;
  border: none;
  padding: 20px;
  color: #5f9025;
  border-radius: 5px;
}
.notification-alert .close {
  transition: var(--transition);
  background-color: transparent;
  border: none;
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #5f9025;
}
.notification-alert .close:hover {
  color: var(--mainColor);
}

.dashboard-fun-fact-area .col-lg-3:nth-child(2) .stats-fun-fact-box {
  background-color: #64bc36;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(2) .stats-fun-fact-box .icon-box {
  color: #64bc36;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(3) .stats-fun-fact-box {
  background-color: #ffae00;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(3) .stats-fun-fact-box .icon-box {
  color: #ffae00;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(4) .stats-fun-fact-box {
  background-color: #f3103c;
}
.dashboard-fun-fact-area .col-lg-3:nth-child(4) .stats-fun-fact-box .icon-box {
  color: #f3103c;
}

.stats-fun-fact-box {
  margin-bottom: 30px;
  padding: 35px 25px 34px 115px;
  border-radius: 5px;
  position: relative;
  background-color: var(--mainColor);
}
.stats-fun-fact-box .icon-box {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--whiteColor);
  color: var(--mainColor);
  position: absolute;
  left: 25px;
  top: 48%;
  transform: translateY(-48%);
  box-shadow: 1px 5px 24px 0 rgba(14, 198, 198, 0.15);
  text-align: center;
  font-size: 35px;
}
.stats-fun-fact-box .icon-box i {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.stats-fun-fact-box .sub-title {
  color: var(--whiteColor);
  display: block;
  margin-bottom: 5px;
  font-weight: 400;
}
.stats-fun-fact-box h3 {
  margin-bottom: 0;
  color: var(--whiteColor);
  font-size: 35px;
  font-weight: bold;
}

.recent-notifications-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
}
.recent-notifications-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 20px;
  border-bottom: 1px dashed #eeeeee;
  font-size: 20px;
  font-weight: 600;
}
.recent-notifications-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.recent-notifications-box ul li {
  border: none;
  margin-bottom: 0;
  border-bottom: 1px dashed #eeeeee;
  border-radius: 0;
  transition: var(--transition);
  color: var(--bodyColor);
  position: relative;
  padding-left: 75px;
  padding-right: 45px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-weight: 400;
}
.recent-notifications-box ul li .icon {
  height: 40px;
  width: 40px;
  color: var(--mainColor);
  text-align: center;
  line-height: 42px;
  border-radius: 50%;
  transition: var(--transition);
  background-color: #DDF6ED;
  position: absolute;
  font-size: 18px;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
}
.recent-notifications-box ul li span {
  color: var(--titleColor);
  font-weight: 500;
}
.recent-notifications-box ul li strong {
  font-weight: 500;
  color: var(--mainColor);
}
.recent-notifications-box ul li:last-child {
  border-bottom: none;
}
.recent-notifications-box ul li .close {
  transition: var(--transition);
  background-color: transparent;
  border: none;
  font-size: 30px;
  position: absolute;
  right: 20px;
  top: 45%;
  transform: translateY(-45%);
  color: #DDF6ED;
  opacity: 0;
  visibility: hidden;
}
.recent-notifications-box ul li .close:hover {
  color: var(--mainColor);
}
.recent-notifications-box ul li:hover {
  background-color: #f9f9f9;
}
.recent-notifications-box ul li:hover .icon {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.recent-notifications-box ul li:hover .close {
  opacity: 1;
  visibility: visible;
}

.invoices-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
}
.invoices-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 20px;
  border-bottom: 1px dashed #eeeeee;
  font-size: 20px;
  font-weight: 600;
}
.invoices-box ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}
.invoices-box ul li {
  border: none;
  margin-bottom: 0;
  border-bottom: 1px dashed #eeeeee;
  border-radius: 0;
  transition: var(--transition);
  color: var(--bodyColor);
  position: relative;
  padding-left: 80px;
  padding-right: 170px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.invoices-box ul li .icon {
  height: 40px;
  width: 40px;
  color: var(--mainColor);
  text-align: center;
  line-height: 43px;
  border-radius: 50%;
  transition: var(--transition);
  background-color: #DDF6ED;
  position: absolute;
  font-size: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 25px;
}
.invoices-box ul li span {
  display: block;
  color: var(--titleColor);
  margin-top: 8px;
  font-weight: 600;
}
.invoices-box ul li .default-btn {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #e9e9e9;
  box-shadow: none;
  box-shadow: initial;
  border-radius: 30px;
  border: none;
  padding: 8px 20px;
  opacity: 0;
  visibility: hidden;
  font-weight: 500;
  color: var(--titleColor) !important;
}
.invoices-box ul li .default-btn:hover {
  color: var(--whiteColor) !important;
  background-color: var(--mainColor);
}
.invoices-box ul li:last-child {
  border-bottom: none;
}
.invoices-box ul li:hover {
  background-color: #f9f9f9;
}
.invoices-box ul li:hover .icon {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.invoices-box ul li:hover .default-btn {
  opacity: 1;
  visibility: visible;
}
.invoices-box ul li ul li {
  padding: 0;
  background-color: transparent;
  border: none;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  font-weight: 400;
}
.invoices-box ul li ul li:last-child {
  margin-right: 0;
}
.invoices-box ul li ul li:last-child::before {
  display: none;
}
.invoices-box ul li ul li::before {
  content: "";
  width: 1px;
  height: 12px;
  background-color: var(--mainColor);
  position: absolute;
  top: 4px;
  right: -10px;
}
.invoices-box ul li ul li.unpaid {
  color: red;
  font-weight: 500;
}
.invoices-box ul li ul li.paid {
  color: #64bc36;
  font-weight: 500;
}

.invoice-area {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 30px;
}

.invoice-header {
  margin-bottom: 25px;
}
.invoice-header h3 {
  font-size: 18px;
  margin-bottom: 18px;
  font-weight: 500;
}
.invoice-header p {
  font-weight: 500;
  color: #6084a4;
}

.invoice-middle {
  margin-bottom: 25px;
}
.invoice-middle h4 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 500;
}
.invoice-middle h5 {
  margin-bottom: 12px;
  font-weight: 500;
}
.invoice-middle h5 sub {
  margin-left: 50px;
  bottom: 0;
  width: 90px;
  display: inline-block;
  color: #6084a4;
  font-weight: 500;
}
.invoice-middle span {
  font-weight: 500;
  color: #6084a4;
}

.invoice-table table {
  margin-bottom: 0;
}
.invoice-table table thead th {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #dee2e6 !important;
  font-weight: bold;
  padding: 15px;
}
.invoice-table table tbody td {
  vertical-align: middle;
  color: #6084a4;
  border-width: 1px;
  font-size: 14.5px;
  padding: 15px;
}
.invoice-table table tbody td.total, .invoice-table table tbody td.total-price {
  color: var(--bodyColor);
}
.invoice-table table tbody td strong {
  font-weight: 500;
  color: var(--bodyColor);
}
.invoice-table .table > :not(:first-child) {
  border-top: 0;
}

.invoice-btn-box {
  margin-top: 25px;
}
.invoice-btn-box .default-btn {
  border: none;
}

.all-applicants-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
}
.all-applicants-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}

.single-applicants-card {
  border: 1px solid #eeeeee;
  border-radius: 10px;
  padding: 20px;
  margin-top: 25px;
  position: relative;
}
.single-applicants-card .image {
  position: absolute;
  top: 20px;
  left: 20px;
}
.single-applicants-card .image img {
  border-radius: 5px;
  max-width: 92px;
}
.single-applicants-card .content {
  position: relative;
  padding: 0 180px 0 110px;
}
.single-applicants-card .content h3 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 7px;
}
.single-applicants-card .content h3 a {
  color: var(--titleColor);
}
.single-applicants-card .content span {
  color: var(--mainColor);
  font-size: 14px;
  font-weight: 500;
}
.single-applicants-card .content .job-info {
  padding: 0;
  margin-top: 7px;
  margin-bottom: 0;
}
.single-applicants-card .content .job-info li {
  display: inline-block;
  list-style-type: none;
  color: var(--bodyColor);
  font-weight: 500;
  font-size: 14px;
  position: relative;
  margin-right: 10px;
  padding-left: 18px;
}
.single-applicants-card .content .job-info li:last-child {
  margin-right: 0;
}
.single-applicants-card .content .job-info li i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: var(--mainColor);
}
.single-applicants-card .content .applicants-footer {
  position: absolute;
  right: 0;
  top: 0;
}
.single-applicants-card .content .applicants-footer .option-list {
  padding: 0;
  margin-bottom: 0;
}
.single-applicants-card .content .applicants-footer .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.single-applicants-card .content .applicants-footer .option-list li:last-child {
  margin-right: 0;
}
.single-applicants-card .content .applicants-footer .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.single-applicants-card .content .applicants-footer .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}

.my-profile-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.06);
  border-radius: 5px;
}
.my-profile-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.my-profile-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.my-profile-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.my-profile-box form {
  padding: 0 25px 25px;
}
.my-profile-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.my-profile-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.my-profile-box form .form-group .form-control {
  border-radius: 0;
  background-color: #F8F8F8;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #F8F8F8;
  height: 60px;
  padding: 10px 20px;
  color: var(--bodyColor);
  font-size: 15px;
  font-weight: 400;
}
.my-profile-box form .form-group .form-control::placeholder {
  color: var(--bodyColor);
  transition: var(--transition);
}
.my-profile-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.my-profile-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.my-profile-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.my-profile-box form .default-btn {
  border: none;
}
.my-profile-box form .default-btn::before {
  width: 950px;
  height: 950px;
}
.my-profile-box .profile-box {
  position: relative;
  border-radius: 5px;
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #eeeeee;
  padding-bottom: 30px;
}
.my-profile-box .profile-box img {
  border-radius: 5px;
}
.my-profile-box .profile-box .file-upload {
  display: inline-block;
  position: absolute;
  left: 15px;
  bottom: 45px;
}
.my-profile-box .profile-box .file-upload .inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.my-profile-box .profile-box .file-upload .inputfile + label {
  color: var(--titleColor);
  background-color: var(--whiteColor);
  display: inline-block;
  margin-bottom: 0;
  transition: var(--transition);
  padding: 10px 25px 10px 48px;
  position: relative;
  border-radius: 30px;
  font-weight: 500;
}
.my-profile-box .profile-box .file-upload i {
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16.5px;
  margin-top: -0.5px;
}
.my-profile-box .profile-box .file-upload .inputfile:focus + label, .my-profile-box .profile-box .file-upload .inputfile + label:hover {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.my-profile-box .profile-box .file-upload .inputfile + label {
  cursor: pointer;
}
.my-profile-box .profile-box .text {
  margin-left: 30px;
}
.my-profile-box .profile-box .text p {
  margin-bottom: 0;
}

.profile-outer-area {
  padding: 20px 25px;
}

.profile-outer {
  position: relative;
  display: flex;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 25px;
  border-bottom: 1px solid #f1f3f7;
  align-items: center;
}
.profile-outer .profileButton {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-outer .profileButton .profileButton-input {
  opacity: 0;
  position: absolute;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
  height: 0;
  width: 0;
  display: none;
}
.profile-outer .profileButton .profileButton-button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  height: 170px;
  width: 170px;
  border-radius: 5px;
  transition: 0.3s;
  margin: 0;
  color: #1b2032;
  font-size: 16px;
  border: 2px dashed #ced4e1;
}
.profile-outer .profileButton .profileButton-button:hover {
  border-color: var(--mainColor);
}
.profile-outer .profileButton .profileButton-button::before {
  font-family: "remixicon" !important;
  content: "\ee49";
  color: #9fa9b8;
  font-size: 40px;
  transition: 0.3s;
}
.profile-outer .text {
  padding-left: 25px;
}

.profile-outer-area-two {
  margin: 20px 25px;
  border: 1px solid #f1f3f7;
  padding: 20px 25px;
  border-radius: 10px;
}
.profile-outer-area-two .profile-outer {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.profile-outer-area-two .profile-outer .text-title {
  padding-left: 25px;
  text-align: left;
  max-width: 500px;
}
.profile-outer-area-two .profile-outer .text-title h3 {
  font-size: 20px;
  margin-bottom: 10px;
  padding: 0;
}
.profile-outer-area-two .profile-outer .text-title p {
  margin-bottom: 0;
}

.post-a-new-job-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.06);
  border-radius: 5px;
}
.post-a-new-job-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.post-a-new-job-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.post-a-new-job-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.post-a-new-job-box form {
  padding: 0 25px 25px;
}
.post-a-new-job-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.post-a-new-job-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.post-a-new-job-box form .form-group .form-control {
  border-radius: 0;
  background-color: #F8F8F8;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #F8F8F8;
  height: 60px;
  padding: 10px 20px;
  color: var(--bodyColor);
  font-size: 15px;
  font-weight: 400;
}
.post-a-new-job-box form .form-group .form-control::placeholder {
  color: var(--bodyColor);
  transition: var(--transition);
}
.post-a-new-job-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.post-a-new-job-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.post-a-new-job-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.post-a-new-job-box form .default-btn {
  border: none;
}
.post-a-new-job-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.manage-jobs-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 30px;
}
.manage-jobs-box h3 {
  margin-bottom: 15px;
  font-size: 22px;
  font-weight: 500;
}
.manage-jobs-box .bar {
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 25px;
}
.manage-jobs-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.manage-jobs-box .manage-jobs-table {
  margin-top: 30px;
}
.manage-jobs-box .manage-jobs-table table {
  margin-bottom: 0;
}
.manage-jobs-box .manage-jobs-table table thead {
}
.manage-jobs-box .manage-jobs-table table thead tr {
  border: none;
}
.manage-jobs-box .manage-jobs-table table thead tr th {
  border: none;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  font-size: 18px;
  color: var(--mainColor);
  font-weight: 500;
}
.manage-jobs-box .manage-jobs-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.manage-jobs-box .manage-jobs-table table tbody tr td {
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 400;
  font-size: 15px;
  border: none;
}
.manage-jobs-box .manage-jobs-table table tbody tr td a {
  color: var(--mainColor);
  font-weight: 500;
  text-decoration: underline;
}
.manage-jobs-box .manage-jobs-table table tbody tr td a:hover {
  color: var(--titleColor);
}
.manage-jobs-box .manage-jobs-table table tbody tr td h5 {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td span {
  font-size: 15px;
  position: relative;
  padding-left: 20px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td span i {
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-45%);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .status {
  color: var(--mainColor);
  color: var(--mainColor);
  padding: 5px 10px;
  text-align: center;
  border-radius: 50px;
  font-size: 14px;
  display: inline-block;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  transition: var(--transition);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .status:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;

  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.manage-jobs-box .manage-jobs-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}

.submit-resumes-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.submit-resumes-box form h3 {
  padding-left: 5px;
  margin-bottom: 20px;
  font-size: 22px;
}
.submit-resumes-box form .form-group {
  margin-bottom: 25px;
  position: relative;
}
.submit-resumes-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
  font-weight: 500;
}
.submit-resumes-box form .form-group .form-control {
  border-radius: 0;
  background-color: #f5f5f5;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #f5f5f5;
  height: 60px;
  padding: 10px 20px;
  color: #808080;
  font-size: 15px;
  font-weight: 400;
}
.submit-resumes-box form .form-group .form-control::placeholder {
  color: #808080;
  transition: var(--transition);
}
.submit-resumes-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.submit-resumes-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.submit-resumes-box form .form-group textarea.form-control {
  padding-top: 15px;
  height: auto;
}
.submit-resumes-box form .default-btn {
  display: block;
  border: none;
}
.submit-resumes-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.packages-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.packages-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.packages-box .packages-table {
  margin-top: 30px;
}
.packages-box .packages-table table {
  margin-bottom: 0;
}
.packages-box .packages-table table thead tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.packages-box .packages-table table thead tr th {
  border: none;
  border-bottom-width: 0px;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  font-size: 18px;
  color: var(--titleColor);
  font-weight: 500;
}
.packages-box .packages-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.packages-box .packages-table table tbody tr td {
  border: none;
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 500;
  font-size: 15px;
}
.packages-box .packages-table table tbody tr td a {
  color: var(--mainColor);
}
.packages-box .packages-table table tbody tr td a:hover {
  color: var(--titleColor);
}
.packages-box .packages-table table tbody tr td h5 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}
.packages-box .packages-table table tbody tr td span {
  font-size: 15px;
  position: relative;
  padding-left: 20px;
}
.packages-box .packages-table table tbody tr td span i {
  color: var(--mainColor);
  position: absolute;
  left: 0;
  top: 45%;
  transform: translateY(-45%);
}
.packages-box .packages-table table tbody tr td .status {
  color: var(--mainColor);
  color: var(--mainColor);
  padding: 5px 14px;
  text-align: center;
  border-radius: 50px;
  font-size: 14px;
  display: inline-block;
  justify-content: center;
  vertical-align: middle;
  align-items: center;
  transition: var(--transition);
}
.packages-box .packages-table table tbody tr td .status:hover {
  color: var(--whiteColor);
  background-color: var(--mainColor);
}
.packages-box .packages-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.packages-box .packages-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.packages-box .packages-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.packages-box .packages-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 38px;
  border-radius: 50px;
  transition: var(--transition);
}
.packages-box .packages-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}
.packages-box .packages-table .table > :not(:first-child) {
  border-top: 0;
}

.chat-content-area {
  margin-bottom: 30px;
}
.chat-content-area .sidebar-left {
  float: left;
}
.chat-content-area .sidebar-left .sidebar {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  padding: 25px;
  width: 300px;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header {
  padding-bottom: 25px;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form label {
  display: block;
  margin-bottom: 0;
  position: absolute;
  left: 15px;
  top: 9.3px;
  font-size: 18px;
  color: #a8a8a8;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control {
  height: 45px;
  border-radius: 30px;
  background-color: #eef5f9;
  border: none;
  color: var(--titleColor);
  padding: 0 15px 0 40px;
  transition: var(--transition);
  box-shadow: none;
  box-shadow: initial;
  font-size: 14px;
  font-weight: 400;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control:focus {
  box-shadow: none;
  box-shadow: initial;
  background-color: #eef5f9;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control:focus::placeholder {
  color: transparent !important;
}
.chat-content-area .sidebar-left .sidebar .chat-sidebar-header form .form-control::placeholder {
  color: #a8a8a8;
  transition: var(--transition);
}
.chat-content-area .sidebar-left .sidebar .sidebar-content {
  height: calc(100vh - 325px);
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li {
  cursor: pointer;
  margin-bottom: 20px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li:last-child {
  margin-bottom: 0;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar {
  position: relative;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-busy {
  background-color: #FF5B5C;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-online {
  background-color: #39DA8A;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-away {
  background-color: #FDAC41;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar .status-offline {
  background-color: #475F7B;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li .avatar [class*=status-] {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 1px;
  top: 1px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li h6 {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: 600;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-user li span {
  color: #71738d;
  font-size: 14.5px;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-label {
  color: var(--titleColor);
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 5px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  font-weight: 500;
}
.chat-content-area .sidebar-left .sidebar .sidebar-content .chat-menu .list-group-label::before {
  width: 70px;
  height: 1px;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: var(--mainColor);
}
.chat-content-area .content-right {
  float: right;
  width: calc(100% - 330px);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .simplebar-scrollbar::before {
  background: #aaaaaa;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header {
  padding: 15px 20px;
  border-radius: 8px 8px 0 0;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left h6 {
  white-space: nowrap;
  font-weight: 600;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar {
  position: relative;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-busy {
  background-color: #FF5B5C;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-online {
  background-color: #39DA8A;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-away {
  background-color: #FDAC41;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar .status-offline {
  background-color: #475F7B;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-left .avatar [class*=status-] {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  position: absolute;
  left: -1px;
  top: -1px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right {
  position: relative;
  top: 4px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li {
  display: inline-block;
  margin-left: 5px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li:first-child {
  margin-left: 0;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite {
  font-size: 20px;
  cursor: pointer;
  color: #C7CFD6;
  position: relative;
  top: -1px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite.active {
  color: #FDAC41;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .favorite.active i::before {
  content: "\f186";
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-toggle {
  padding: 0;
  border: none;
  background-color: transparent;
  color: #727E8C;
  font-size: 22px;
  line-height: 15px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-toggle::after {
  display: none;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
  background-color: var(--whiteColor);
  border: none;
  border-radius: 5px;
  margin-top: 35px !important;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transform: none !important;
  transform: initial !important;
  left: auto !important;
  right: 0 !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu.show {
  margin-top: 25px;
  opacity: 1;
  visibility: visible;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item {
  color: var(--titleColor);
  padding: 5px 15px 5px 36px;
  position: relative;
  font-size: 14px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item i {
  color: var(--mainColor);
  transition: var(--transition);
  position: absolute;
  left: 15px;
  top: 6px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item.active, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item:active {
  color: var(--titleColor);
  background-color: transparent;
  background-color: #f8f9fa;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-header .header-right ul li .dropdown .dropdown-menu .dropdown-item:hover i {
  transform: rotateY(-180deg);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container {
  height: calc(100vh - 340px);
  background-color: #f1f9c6;
  padding: 25px 20px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content {
  text-align: center;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-avatar {
  float: right;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body {
  overflow: hidden;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message {
  position: relative;
  float: right;
  max-width: 420px;
  text-align: left;
  padding: 5px 8px;
  margin: 10px 15.28px 21.28px 0;
  clear: both;
  word-break: break-word;
  color: black;
  background-color: #fafdec;
  border-radius: 5px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message p {
  color: black;
  margin-bottom: 0;
  font-size: 14px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message p a {
  color: black !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message .time {
  position: absolute;
  bottom: -25px;
  right: 0;
  color: #6b7886;
  font-size: 10px;
  white-space: nowrap;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat .chat-body .chat-message:first-child {
  margin-top: 0 !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-avatar {
  float: left;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message {
  text-align: left;
  float: left;
  margin: 10px 0 21.28px 15.28px;
  color: #727E8C;
  background-color: var(--whiteColor);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message p {
  color: #727E8C;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .chat.chat-left .chat-body .chat-message p a {
  color: #727E8C !important;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-container .chat-content .badge-light {
  padding: 8px 20px 8px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--mainColor);
  background-color: var(--whiteColor);
  border-radius: 30px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer {
  background-color: #fafafa;
  padding: 15px 20px;
  border-radius: 0 0 8px 8px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn {
  padding: 0;
  border: none;
  background-color: #d4ebf7;
  border-radius: 50%;
  width: 35px;
  font-size: 19px;
  line-height: 39px;
  height: 35px;
  color: var(--mainColor);
  transition: var(--transition);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn:hover, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .emoji-btn:focus {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn {
  padding: 0;
  border: none;
  background-color: #d4ebf7;
  border-radius: 50%;
  width: 35px;
  font-size: 19px;
  line-height: 39px;
  height: 35px;
  color: var(--mainColor);
  transition: var(--transition);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn:hover, .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer .file-attachment-btn:focus {
  background-color: var(--mainColor);
  color: var(--whiteColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form {
  position: relative;
  padding-right: 128px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control {
  background-color: var(--whiteColor);
  height: 45px;
  border-radius: 30px;
  transition: var(--transition);
  padding: 10px 20px;
  font-size: 14.5px;
  border: 1px solid #DFE3E7;
  color: var(--titleColor);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control:focus {
  border-color: var(--mainColor);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background-color: var(--mainColor);
  color: var(--whiteColor);
  transition: var(--transition);
  border-radius: 30px;
  height: 45px;
  padding: 1px 30px 0;
  box-shadow: 0 4px 12px 0 rgba(8, 141, 211, 0.2);
  font-size: 15px;
  font-weight: 400;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn i {
  position: relative;
  top: 2px;
}
.chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn:hover {
  box-shadow: 0 4px 12px 0 rgba(8, 141, 211, 0.6);
}

.resume-alerts-table {
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 25px;
  margin-bottom: 30px;
}
.resume-alerts-table h3 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 600;
}
.resume-alerts-table table {
  margin-bottom: 0;
}
.resume-alerts-table table thead tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.resume-alerts-table table thead tr th {
  border: none;
  vertical-align: middle;
  padding: 15px 25px;
  white-space: nowrap;
  color: var(--titleColor);
  font-weight: 500;
}
.resume-alerts-table table tbody tr {
  border: none;
  border-bottom: 1px solid #e7e7e7;
}
.resume-alerts-table table tbody tr td {
  border: none;
  vertical-align: middle;
  color: var(--bodyColor);
  white-space: nowrap;
  padding: 15px 25px;
  font-weight: 400;
  font-size: 15px;
}
.resume-alerts-table table tbody tr td .option-list {
  padding: 0;
  margin-bottom: 0;
}
.resume-alerts-table table tbody tr td .option-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}
.resume-alerts-table table tbody tr td .option-list li:last-child {
  margin-right: 0;
}
.resume-alerts-table table tbody tr td .option-list li .option-btn {
  display: inline-block;
  border: none;
  background: rgba(25, 103, 210, 0.07);
  color: var(--mainColor);
  height: 35px;
  width: 35px;
  line-height: 35px;
  border-radius: 50px;
  transition: var(--transition);
}
.resume-alerts-table table tbody tr td .option-list li .option-btn:hover {
  background: var(--mainColor);
  color: var(--whiteColor);
}
.resume-alerts-table .table > :not(:first-child) {
  border-top: 0;
}

.change-password-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  max-width: 750px;
}
.change-password-box h3 {
  margin-bottom: 0;
  padding: 20px 25px 15px;
  font-size: 22px;
  font-weight: 500;
}
.change-password-box .bar {
  margin-left: 20px;
  height: 7px;
  width: 85px;
  background: rgba(0, 202, 151, 0.137254902);
  position: relative;
  border-radius: 50px;
  margin-bottom: 15px;
}
.change-password-box .bar::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  background: var(--mainColor);
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-name: MOVE-BG;
}
.change-password-box form {
  padding: 25px;
}
.change-password-box form .form-group {
  margin-bottom: 20px;
  position: relative;
}
.change-password-box form .form-group label {
  display: block;
  margin-bottom: 15px;
  color: var(--titleColor);
}
.change-password-box form .form-group .form-control {
  border-radius: 0;
  background-color: #f5f5f5;
  box-shadow: none;
  box-shadow: initial;
  transition: var(--transition);
  border: 1px solid #f5f5f5;
  height: 50px;
  padding: 10px 20px;
  color: #808080;
  font-size: 15px;
  font-weight: 400;
}
.change-password-box form .form-group .form-control::placeholder {
  color: #808080;
  transition: var(--transition);
}
.change-password-box form .form-group .form-control:focus {
  background-color: transparent;
  border: 1px solid var(--mainColor);
}
.change-password-box form .form-group .form-control:focus::placeholder {
  color: transparent;
}
.change-password-box form .default-btn {
  display: block;
  border: none;
}
.change-password-box form .default-btn::before {
  width: 950px;
  height: 950px;
}

.dashboard-jobs-box {
  margin-bottom: 30px;
}
.dashboard-jobs-box h2 {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 500;
}
.dashboard-jobs-box .recent-job-card .download-btn {
  padding: 6px 10px;
  font-size: 13px;
}

.candidates-job-alerts-area h3 {
  font-size: 22px;
  margin-bottom: 20px;
}

.candidates-job-alerts-card {
  background-color: var(--whiteColor);
  margin-bottom: 30px;
  padding: 30px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
}
.candidates-job-alerts-card .candidates-job-alerts-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
  color: var(--titleColor);
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li:last-child {
  margin-bottom: 0;
}
.candidates-job-alerts-card .candidates-job-alerts-list ul li b {
  font-weight: 400;
  color: var(--bodyColor);
}
.candidates-job-alerts-card .delete-btn {
  color: var(--titleColor);
  float: right;
  font-size: 17px;
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn i {
  position: relative;
  color: #FF5B4A;
  top: 3px;
  margin-left: 3px;
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn:hover {
  color: var(--mainColor);
  transition: var(--transition);
}
.candidates-job-alerts-card .delete-btn:hover i {
  color: var(--bodyColor);
}

.cv-manager-box {
  margin-bottom: 30px;
  background-color: var(--whiteColor);
  box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, 0.05);
  border-radius: 5px;
  padding: 30px;
}
.cv-manager-box h2 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.cv-manager-box .file-upload-box {
  margin-top: 30px;
  margin-bottom: 20px;
}
.cv-manager-box .file-upload-box .dropzone {
  position: relative;
  border: 1px dashed #eeeeee;
  border-radius: 5px;
  background: rgba(14, 198, 198, 0.03);
  transition: all 0.3s linear;
  display: inline-block;
  width: 100%;
  margin: 0;
}
.cv-manager-box .file-upload-box .dropzone button {
  color: var(--titleColor);
  position: relative;
  padding-top: 52px;
  font-weight: 500;
}
.cv-manager-box .file-upload-box .dropzone button::before {
  content: "\ea11";
  font-family: "remixicon";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  color: var(--mainColor);
  font-size: 35px;
}
.cv-manager-box .file-upload-box .dropzone:hover {
  border-color: var(--mainColor);
}
.cv-manager-box .text {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 100px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -40px;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
  }
  .main-dashboard-content .copyrights-area {
    text-align: center;
    padding-top: 0;
  }
  .main-dashboard-content .copyrights-area p {
    margin-top: 5px;
  }
  .breadcrumb-area {
    display: inline-block;
    text-align: center;
    margin-bottom: 35px;
  }
  .breadcrumb-area h1 {
    padding-right: 0;
  }
  .breadcrumb-area h1::before {
    display: none;
  }
  .breadcrumb-area .breadcrumb {
    padding-left: 0;
    top: 0;
    display: inline-block;
    margin-top: 20px;
  }
  .breadcrumb-area .breadcrumb .item {
    display: inline-block;
  }
  .notification-alert {
    padding: 15px;
    font-size: 12px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 95px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .recent-notifications-box ul li .close {
    opacity: 1;
    visibility: visible;
  }
  .invoices-box ul li {
    padding-right: 25px;
  }
  .invoices-box ul li .default-btn {
    position: relative;
    right: auto;
    left: 0;
    top: auto;
    top: initial;
    transform: none;
    transform: initial;
    opacity: 1;
    visibility: visible;
    margin-top: 10px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image {
    position: relative;
    left: 0;
    top: 0;
  }
  .single-applicants-card .content {
    position: relative;
    padding: 0;
    margin-top: 15px;
  }
  .single-applicants-card .content .applicants-footer {
    position: relative;
    margin-top: 15px;
  }
  .text-end {
    text-align: center !important;
  }
  .profile-outer {
    display: block;
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .profile-outer .profileButton {
    display: block;
  }
  .profile-outer .profileButton .profileButton-input {
    opacity: 0;
    position: absolute;
    overflow: hidden;
    z-index: -1;
    pointer-events: none;
    height: 0;
    width: 0;
    display: none;
  }
  .profile-outer .profileButton .profileButton-button {
    height: 130px;
    width: 130px;
    font-size: 15px;
  }
  .profile-outer .profileButton .profileButton-button::before {
    font-size: 30px;
  }
  .profile-outer .text {
    padding-top: 15px;
    padding-left: 0;
  }
  .manage-jobs-box {
    padding: 20px;
  }
  .manage-jobs-box .manage-jobs-table table thead tr th {
    font-size: 16px;
  }
  .manage-jobs-box .single-job-list-box .job-information h3 {
    font-size: 16px;
  }
  .manage-jobs-box .single-job-list-box .job-information span {
    font-size: 12px;
  }
  .manage-jobs-box .single-job-list-box .location-information li {
    font-size: 14px;
  }
  .packages-box {
    padding: 18px;
  }
  .packages-box .packages-table table thead tr th {
    font-size: 16px;
  }
  .chat-content-area .sidebar-left {
    float: none;
    float: initial;
    margin-bottom: 30px;
  }
  .chat-content-area .sidebar-left .sidebar {
    width: 100%;
    padding: 20px;
  }
  .chat-content-area .content-right {
    width: 100%;
    float: none;
    float: initial;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form {
    display: block !important;
    padding-right: 0;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .form-control {
    font-size: 14px;
    margin-top: 15px;
  }
  .chat-content-area .content-right .chat-list-wrapper .chat-list .chat-list-footer form .send-btn {
    position: relative;
    top: 0;
    transform: none;
    transform: initial;
    height: 40px;
    font-size: 14px;
    margin-top: 15px;
  }
  .invoice-area {
    padding: 20px;
  }
  .invoice-header h3 {
    font-size: 17px;
  }
  .invoice-header p {
    font-size: 14px;
  }
  .invoice-middle {
    margin-bottom: 0;
  }
  .invoice-middle .text {
    margin-bottom: 20px;
  }
  .invoice-middle .text.text-right {
    text-align: left !important;
  }
  .invoice-middle .text h5 {
    font-size: 14px;
  }
  .invoice-middle .text h5 sub {
    margin-left: 0;
    width: auto;
    font-size: 14px;
  }
  .invoice-table {
    margin-bottom: 20px;
  }
  .invoice-table table thead th {
    font-size: 14px;
    white-space: nowrap;
  }
  .invoice-table table tbody td {
    font-size: 14px;
    white-space: nowrap;
  }
  .profile-outer-area-two .profile-outer .text-title {
    padding-left: 0;
    padding-top: 20px;
  }
  .candidates-job-alerts-card {
    text-align: center;
  }
  .candidates-job-alerts-card .candidates-job-alerts-list {
    margin-bottom: 15px;
  }
  .candidates-job-alerts-card .delete-btn {
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 100px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -40px;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
  }
  .main-dashboard-content .copyrights-area {
    text-align: center;
    padding-top: 0;
  }
  .main-dashboard-content .copyrights-area p {
    margin-top: 5px;
  }
  .breadcrumb-area {
    display: inline-block;
    text-align: center;
    margin-bottom: 35px;
  }
  .breadcrumb-area h1 {
    padding-right: 0;
  }
  .breadcrumb-area h1::before {
    display: none;
  }
  .breadcrumb-area .breadcrumb {
    padding-left: 0;
    top: 0;
    display: inline-block;
    margin-top: 20px;
  }
  .breadcrumb-area .breadcrumb .item {
    display: inline-block;
  }
  .notification-alert {
    padding: 15px;
    font-size: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 95px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .text-end {
    text-align: center !important;
  }
  .profile-outer {
    padding-bottom: 20px;
    margin-bottom: 25px;
  }
  .profile-outer .profileButton .profileButton-button {
    height: 150px;
    width: 150px;
    font-size: 15px;
  }
  .profile-outer .profileButton .profileButton-button::before {
    font-size: 30px;
  }
  .manage-jobs-box {
    padding: 20px;
  }
  .manage-jobs-box .manage-jobs-table table thead tr {
    border: none;
  }
  .manage-jobs-box .manage-jobs-table table thead tr th {
    font-size: 16px;
  }
  .chat-content-area .sidebar-left {
    float: none;
    float: initial;
    margin-bottom: 30px;
  }
  .chat-content-area .sidebar-left .sidebar {
    width: 100%;
    padding: 20px;
  }
  .chat-content-area .content-right {
    width: 100%;
    float: none;
    float: initial;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidemenu-area {
    z-index: 10;
    left: -100%;
    opacity: 0;
    visibility: hidden;
  }
  .sidemenu-area.active-sidemenu-area {
    left: 0;
    opacity: 1;
    visibility: visible;
  }
  .sidemenu-area .sidemenu-header {
    height: 75px;
  }
  .sidemenu-area .sidemenu-header .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content {
    padding-top: 110px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .main-dashboard-content .navbar-area {
    left: 0;
    width: 100%;
    padding: 20px 15px;
  }
  .main-dashboard-content .responsive-burger-menu {
    display: block !important;
  }
  .main-dashboard-content .side-nav-responsive .dot-menu {
    top: -27px;
    right: 45px;
  }
  .main-dashboard-content .mean-container a.meanmenu-reveal {
    padding-top: 0;
    margin-top: -5px;
  }
  .main-dashboard-content .mobile-responsive-nav {
    display: block;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu {
    position: relative;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
    margin-top: 55px;
    background-color: #ffffff;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
    font-size: 15px;
    border: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a {
    color: #000000;
    border-top-color: #DBEEFD;
    text-transform: capitalize;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a i {
    display: none;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
    width: 50%;
    height: 28px;
    text-align: right;
    padding: 11px !important;
    background: transparent !important;
    border-left: none !important;
    border-bottom: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active {
    color: var(--mainColor);
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li li a {
    font-size: 15px;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {
    max-height: 50vh;
    overflow-y: scroll;
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar {
    width: 7px;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb {
    background: #888;
  }
  .main-dashboard-content .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container a.meanmenu-reveal {
    top: 10px;
    padding: 0;
    width: 35px;
    height: 30px;
    padding-top: 6px;
    color: var(--mainColor);
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container a.meanmenu-reveal span {
    background: var(--mainColor);
    height: 4px;
    margin-top: -6px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .main-dashboard-content .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
    top: -35px;
  }
  .main-dashboard-content .mobile-responsive-nav .others-options {
    display: none !important;
  }
  .main-dashboard-content .mobile-responsive-nav .logo {
    position: relative;
  }
  .main-dashboard-content .desktop-nav {
    display: none;
  }
  .recent-notifications-box ul li {
    padding-left: 50px;
    padding-right: 25px;
    font-size: 14px;
  }
  .recent-notifications-box ul li .icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    left: 10px;
    font-size: 16px;
  }
  .recent-notifications-box ul li .close {
    font-size: 24px;
    right: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 82px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
    left: 20px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image img {
    max-width: 50px;
  }
  .single-applicants-card .content {
    padding: 0 150px 0 70px;
  }
  .single-applicants-card .content .applicants-footer .option-list li .option-btn {
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidemenu-area {
    width: 220px;
  }
  .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .icon {
    font-size: 18px;
  }
  .sidemenu-area .sidemenu-body .sidemenu-nav .nav-item .nav-link {
    padding: 12px 15px 12px;
    font-size: 15px;
  }
  .main-dashboard-content {
    padding-left: 250px;
  }
  .main-dashboard-content .navbar-area {
    left: 220px;
    width: calc(100% - 220px);
  }
  .main-dashboard-content .navbar-area.is-sticky .desktop-nav {
    left: 220px;
  }
  .recent-notifications-box ul li {
    padding-left: 50px;
    padding-right: 25px;
    font-size: 14px;
  }
  .recent-notifications-box ul li .icon {
    height: 30px;
    width: 30px;
    line-height: 30px;
    left: 10px;
    font-size: 16px;
  }
  .recent-notifications-box ul li .close {
    font-size: 24px;
    right: 15px;
  }
  .stats-fun-fact-box {
    padding: 35px 25px 34px 82px;
  }
  .stats-fun-fact-box .icon-box {
    width: 55px;
    height: 55px;
    font-size: 30px;
    left: 20px;
  }
  .stats-fun-fact-box .sub-title {
    font-size: 15px;
  }
  .stats-fun-fact-box h3 {
    font-size: 28px;
  }
  .invoices-box ul li {
    padding-left: 60px;
    padding-right: 90px;
  }
  .invoices-box ul li .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    left: 15px;
    font-size: 17px;
  }
  .invoices-box ul li .default-btn {
    top: 72%;
    transform: translateY(-72%);
    right: 15px;
    font-size: 15px;
    padding: 6px 20px;
  }
  .invoices-box ul li span {
    font-size: 15px;
  }
  .single-applicants-card {
    padding: 15px;
  }
  .single-applicants-card .image img {
    max-width: 50px;
  }
  .single-applicants-card .content {
    padding: 0 155px 0 65px;
  }
  .single-applicants-card .content .job-info li {
    font-size: 13px;
  }
  .single-applicants-card .content h3 {
    font-size: 18px;
  }
  .single-applicants-card .content .applicants-footer .option-list li .option-btn {
    height: 30px;
    width: 30px;
    line-height: 32px;
    font-size: 14px;
  }
}

:root {
    --bodyFonts:  'Work Sans', sans-serif;
    --mainColor: #c1e602;
    --bodyColor: #696969;
    --whiteColor: #ffffff;
    --titleColor: #000000;
    --transition: .5s;
    --fontSize: 16px;
}
body {
    font: {
        size: 16px;
        size: var(--fontSize);
        family: 'Work Sans', sans-serif;
        family: var(--bodyFonts);
        weight: 400;
    };
    margin: 0;
    padding: 0;
    line-height: 1.6;
}
p {
    color: #696969;
    color: var(--bodyColor);
    margin-top: {
        bottom: 10px;
    };

    &:last-child {
        margin: {
            bottom: 0;
        };
    }
}
a {
    display: inline-block;
    transition: .5s;
    transition: var(--transition);
    text-decoration: none;
    &:hover, &:focus {
        text-decoration: none;
    }
}
button {
    outline: 0;
    &:focus {
        outline: 0 ;
        border: 0;
    }
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    color: #000000;
    color: var(--titleColor);
    line-height: 1.4;
}
h3 {
    font-size: 22px;
}
.d-table {
    width: 100%;
    height: 100%;
}
.d-table-cell {
    display: table-cell;
    vertical-align: middle;
}
img {
    max-width: 100%;
}
.pt-150 {
    padding-top: 150px;
}
.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.pt-70 {
    padding-top: 70px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-45 {
    padding-top: 45px;
}
.pt-20 {
    padding-top: 20px;
}
.pl-20 {
    padding-left: 20px;
}
.pr-20 {
    padding-right: 20px;
}
.pb-10 {
    padding-bottom: 10px;
}
.ml-20 {
    margin-left: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.border-radius-5 {
    border-radius: 5px !important;
}
.border-radius-50 {
    border-radius: 50px !important;
}

.default-btn {
    padding: 12px 30px;
    color: black;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-transform: capitalize;
    background-color: #c1e602;
    background-color: var(--mainColor);
    border: none;
    outline: none;
    font-weight: 500;
    i {
        position: relative;
        top: 3px;
        margin-left: 5px;
    }
    &::before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        background-color: #000000;
        background-color: var(--titleColor);
        left: 0;
        right: 0;
        opacity: 0;
        z-index: -1;
        transition: .5s;
        transition: var(--transition);
    }
    
    &:hover {
        color: #ffffff;
        color: var(--whiteColor);
        &::before {
            transform: scale(1);
            opacity: 1;
        }
    }
    &.two {
        background-color: #000000;
        background-color: var(--titleColor);
        &:hover {
            color: #ffffff;
            color: var(--whiteColor);
            &::before {
               background-color: #c1e602;
               background-color: var(--mainColor);
            }
        }
    }
}

.box-shadow {
    box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
}

.section-title {
    h2 {
        font-size: 40px;
        font-weight: 500;
        margin-top: 0;
        line-height: 1.2;
        color: #000000;
        color: var(--titleColor);
        margin-bottom: 10px;
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    p {
        padding-top: 15px;
        margin-bottom: 0;
        max-width: 630px;
    }
}
.section-bg {
    background-color: #f9f9f9;
}

@keyframes MOVE-BG {
    from {
      transform: translateX(0);
    }
  
    to {
      transform: translateX(88px);
    }
}

.desktop-nav {
    background-color: transparent;
    z-index: 99;
    position: absolute;
    left: 0;
    right: 0;
    top: 36px;
    padding: {
        top: 0;
        bottom: 0;
    };
    .navbar {
        padding: {
            right: 0;
            top: 0;
            left: 0;
            bottom: 0;
        };
        .navbar-brand {
            .logo-two {
                display: none;
            }
        }
        ul {
            padding-left: 0;
            margin-bottom: 0;
            list-style-type: none;
        }
        .navbar-nav {
            margin: {
                left: 40px;
                right: auto;
            };
            .nav-item {
                position: relative;
                padding: {
                    bottom: 30px;
                    top: 30px;
                    right: 0;
                    left: 0;
                };
                a {
                    color: #000000;
                    color: var(--titleColor);
                    position: relative;
                    z-index: 1;
                    font-family: 'Work Sans', sans-serif;
                    font-family: var(--bodyFonts);
                    padding: {
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                    };
                    margin: {
                        left: 15px;
                        right: 15px;
                    };
                    i {
                        font-size: 18px;
                        position: relative;
                        top: 3px;
                        transition: .5s;
                        transition: var(--transition);
                        line-height: normal;
                    }
                    &:hover, &:focus, &.active {
                        color: #c1e602;
                        color: var(--mainColor);
                        i {
                            transform: rotate(360deg);
                        }
                    }
                    &:hover, &:focus {
                        i {
                            transform: rotate(360deg);
                        }
                    }
                }
                &:last-child {
                    a {
                        margin-right: 0;
                    }
                }
                &:first-child {
                    a {
                        margin-left: 0;
                    }
                }
                &:hover, &:focus, &.active {
                    a {
                        color: #c1e602;
                        color: var(--mainColor);;
                    }
                }
                .dropdown-menu {
                    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
                    transition: all 0.3s ease-in-out;
                    background: #ffffff;
                    background: var(--whiteColor);
                    padding: 0;
                    border: none;
                    border-top: 2px solid #c1e602;
                    border-top: 2px solid var(--mainColor);
                    position: absolute;
                    visibility: hidden;
                    transform-origin: bottom;
                    border-radius: 0;
                    display: block;
                    width: 250px;
                    z-index: 99;
                    opacity: 0;
                    top: 80px;
                    left: 0;
                    transform: scaleY(0);
                    transition: .5s;
                    transition: var(--transition);
                    padding: {
                        top: 2px;
                        left: 5px;
                        right: 5px;
                        bottom: 0;
                    };
                    li {
                        padding: 0;
                        border-bottom: 1px dashed #a5ecda;
                        &:last-child {
                            border: none;
                        }
                        a {
                            color: #000000;
                            color: var(--titleColor);
                            padding: 10px 20px;
                            margin: 0;
                            font-size: 14.5px;
                            transition: .5s;
                            transition: var(--transition);
                            &::before {
                                display: none;
                            }
                            &:hover, &:focus, &.active {
                                color: #c1e602;
                                color: var(--mainColor);
                            }
                            i {
                                float: right;
                            }
                        }
                        .dropdown-menu {
                            left: 245px;
                            top: 0;
                            opacity: 0;
                            visibility: hidden;
                            margin-top: 11px;
                            li {
                                a {
                                    color: #000000;
                                    color: var(--titleColor);
                                    &:hover, &:focus, &.active {
                                        color: #c1e602;
                                        color: var(--mainColor);
                                    }
                                }
                                .dropdown-menu {
                                    left: 245px;
                                    top: 0;
                                    opacity: 0;
                                    visibility: hidden;
                                    li {
                                        a {
                                            color: #000000;
                                            color: var(--titleColor);
                                            font-size: 14px;
                                            &:hover, &:focus, &.active {
                                                color: #c1e602;
                                                color: var(--mainColor);
                                            }
                                        }
                                        .dropdown-menu {
                                            left: -250px;
                                            top: 0;
                                            opacity: 0;
                                            visibility: hidden;
                                            li {
                                                a {
                                                    color: #000000;
                                                    color: var(--titleColor);
                                                    &:hover, &:focus, &.active {
                                                        color: #c1e602;
                                                        color: var(--mainColor);
                                                    }
                                                }
                                                .dropdown-menu {
                                                    left: -250px;
                                                    top: 0;
                                                    opacity: 0;
                                                    visibility: hidden;
                                                    li {
                                                        a {
                                                            color: #000000;
                                                            color: var(--titleColor);
                                                            
                                                            &:hover, &:focus, &.active {
                                                                color: #c1e602;
                                                                color: var(--mainColor);
                                                            }
                                                        }
                                                        .dropdown-menu {
                                                            left: -250px;
                                                            top: 0;
                                                            opacity: 0;
                                                            visibility: hidden;
                                                            li {
                                                                a {
                                                                    color: #000000;
                                                                    color: var(--titleColor);
                                                                    
                                                                    &:hover, &:focus, &.active {
                                                                        color: #c1e602;
                                                                        color: var(--mainColor);
                                                                    }
                                                                }
                                                                .dropdown-menu {
                                                                    left: -250px;
                                                                    top: 0;
                                                                    opacity: 0;
                                                                    visibility: hidden;
                                                                    li {
                                                                        a {
                                                                            color: #000000;
                                                                            color: var(--titleColor);
                                                                            &:hover, &:focus, &.active {
                                                                                color: #c1e602;
                                                                                color: var(--mainColor);
                                                                            }
                                                                        }
                                                                    }
                                                                }
                                                                &.active {
                                                                    a {
                                                                        color: #c1e602;
                                                                        color: var(--mainColor);
                                                                    }
                                                                }
                                                                &:hover {
                                                                    .dropdown-menu {
                                                                        opacity: 1;
                                                                        visibility: visible;
                                                                        top: -15px;
                                                                    }
                                                                }
                                                            }
                                                        }
                                                        &.active {
                                                            a {
                                                                color: #c1e602;
                                                                color: var(--mainColor);
                                                            }
                                                        }
                                                        &:hover {
                                                            .dropdown-menu {
                                                                opacity: 1;
                                                                visibility: visible;
                                                                top: -15px;
                                                            }
                                                        }
                                                    }
                                                }
                                                &.active {
                                                    a {
                                                        color: #c1e602;
                                                        color: var(--mainColor);
                                                    }
                                                }
                                                &:hover {
                                                    .dropdown-menu {
                                                        opacity: 1;
                                                        top: -15px;
                                                        visibility: visible;
                                                    }
                                                }
                                            }
                                        }
                                        &.active {
                                            a {
                                                color: #c1e602;
                                                color: var(--mainColor);
                                            }
                                        }
                                        &:hover {
                                            .dropdown-menu {
                                                opacity: 1;
                                                top: -15px;
                                                visibility: visible;
                                            }
                                        }
                                    }
                                }
                                &.active {
                                    a {
                                        color: #c1e602;
                                        color: var(--mainColor);
                                    }
                                }
                                &:hover {
                                    .dropdown-menu {
                                        opacity: 1;
                                        visibility: visible;
                                        top: -15px;
                                    }
                                }
                            }
                        }
                        &.active {
                            a {
                                color: #c1e602;
                                color: var(--mainColor);
                            }
                        }
                        &:hover {
                            .dropdown-menu {
                                opacity: 1;
                                visibility: visible;
                                top: -15px;
                            }
                        }
                    }
                }
                &:hover {
                    .dropdown-menu {
                        top: 100%;
                        opacity: 1;
                        margin-top: -13px;
                        visibility: visible;
                        transform: scaleY(1);
                    }
                }
            }
        }
    }
}
.navbar-area {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    &.is-sticky {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        position: fixed;
        background-color: #ffffff !important;
        background-color: var(--whiteColor) !important;
        box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        .desktop-nav {
            position: fixed;
            background-color: #ffffff !important;
            background-color: var(--whiteColor) !important;
            box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
            animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        }
    }
}
.mobile-responsive-nav {
    display: none;
}
.others-options {
    .optional-item {
        margin-right: 30px;
        &:last-child {
            margin-right: 0;
        }
        .two {
            background-color: white;
            color: black;
            i {
                font-size: 18px;
                position: relative;
                top: 3px;
                margin-left: 5px;
                line-height: 1;
            }
            &::before {
                background-color: #c1e602;
                background-color: var(--mainColor);
            }
            &:hover {
                color: black;
            }
        }
        .default-btn {
            position: relative;
            top: 3px;
            i {
                font-size: 18px;
                position: relative;
                top: 3px;
                margin-left: 5px;
                line-height: 1;
            }
        }
    }
}


.side-nav-responsive {
	display: none;
	.dot-menu {
		padding: 0 10px;
		height: 30px;
		cursor: pointer;
		z-index: 999;
		position: absolute;
		right: 60px;
        top: -40px;
		.circle-inner {
			display: flex;
			align-items: center;
			height: 30px;
			.circle {
				height: 5px;
				width: 5px;
				border-radius: 100%;
				margin: 0 2px;
				transition: 0.7s;
				background-color: #c1e602;
				background-color: var(--mainColor);
			}
		}
		&:hover {
			.circle-inner {
				.circle {
					background-color: #000000;
					background-color: var(--titleColor);
				}
			}
		}
	}
	.container-max {
        position: relative;
        display: flex;
		.container {
			position: absolute;
			top: 10px;
            right: 0;
            max-width: 300px;
            margin-left: auto;
			opacity: 0;
			visibility: hidden;
			transition: 0.7s;
			transform: scaleX(0);
			z-index: 2;
			padding-left: 15px;
			padding-right: 15px;
        }
		.container.active {
			opacity: 1;
			visibility: visible;
			transform: scaleX(1);
        }
	}
	.side-nav-inner {
		padding: 6px;
		box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
        background-color: #ffffff;
        background-color: var(--whiteColor);
		.side-nav {
            background-color: #f1f9c6;
            padding: 7px 0px 7px 7px;
            .side-nav-item {
                display: inline-block;
                .two {
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                    color: #ffffff;
                    color: var(--whiteColor);
                    font-size: 12px;
                    padding: 8px 12px;
                    border-radius: 0;
                    i {
                        position: relative;
                        top: 3px;
                        margin-left: 2px;
                        line-height: 1;
                    }
                    &::before {
                        background-color: #000000;
                        background-color: var(--titleColor);
                    }
                    &:hover {
                        color: #ffffff;
                        color: var(--whiteColor);
                    }
                }
                .default-btn {
                    position: relative;
                    top: 3px;
                    font-size: 12px;
                    padding: 8px 12px;
                    border-radius: 0;
                    i {
                        position: relative;
                        top: 3px;
                        margin-left: 2px;
                        line-height: 1;
                    }
                }
            }
        }
	}
}

.banner-area {
    background-color: #f1f9c6;
    padding: 100px 0 0;
    position: relative;
    z-index: 1;
}
.banner-content {
    position: relative;
    h1 {
        font-size: 64px;
        color: #000000;
        color: var(--titleColor);
        margin-bottom: 15px;
        line-height: 1.2;
        b {
            font-weight: 500;
            color: #c1e602;
            color: var(--mainColor);
        }
    }
    p {
        margin-bottom: 35px;
    }
    .popular-searches-tag {
        font-size: 16px;
        color: .5s;
        color: var(--transition);
        font-weight: 400;
        margin-bottom: 70px;
        .title {
            margin-right: 20px;
            font-weight: 500;
        }
        a {
            color: #696969;
            color: var(--bodyColor);
            font-size: 15px;
            &:hover {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
    ul {
        list-style-type: none;
        margin: 0 0 30px;
        padding: 0;
        li {
            display: inline-block;
            margin-left: -20px;
            img {
                max-width: 50px;
                border: 4px solid #ffffff;
                border: 4px solid var(--whiteColor);
                border-radius: 50px;
                transition: .5s;
                transition: var(--transition);
            }
            &.title {
                margin-right: 30px;
                margin-left: 0;
                font-size: 16px;
                color: #000000;
                color: var(--titleColor);
                font-weight: 500;
                vertical-align: middle;
            }
            &:hover {
                img {
                    transform: scale(1.1);
                }
            }
        }
    }
}

.banner-form {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    padding: 20px 15px;
    max-width: 950px;
    position: relative;
    margin-right: -100px;
    border-radius: 5px;
    margin-bottom: 30px;
    z-index: 22;
    .form-group {
        position: relative;
        border-right: 1px solid #E3E3E3;
        padding-right: 10px;
        &.select-group {
            border: none;
            padding-right: 0;
        }
        i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            font-size: 20px;
            color: #696969;
            color: var(--bodyColor);
        }
        .form-control {
            height: 50px;
            color: #696969;
            color: var(--bodyColor);
            border: none;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            font-size: 15px;
            padding: 10px 1px 10px 25px;
            width: 100%;
            border-radius: 3px;
            position: relative;
            &.form-select {
                padding: 10px 32px 10px 0;
            }
            &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                color: #696969;
                color: var(--bodyColor);
                -webkit-transition: .6s;
                -ms-transition: .6s;
                transition: .6s;
            }
            &:focus {
                &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                    color: transparent;
                }
            }
            &:focus {
                outline: none;
                box-shadow: none;
            }
        }
    }
    .submit-btn {
        width: 100%;
        text-align: center;
        padding: 12px 30px;
        background-color: #c1e602;
        background-color: var(--mainColor);
        color: #ffffff;
        color: var(--whiteColor);
        border: none;
        outline: none;
        transition: .5s;
        transition: var(--transition);
        i {
            position: relative;
            top: 3px;
            margin-right: 10px;
            line-height: 0;
        }
        &:hover {
            background-color: #000000;
            background-color: var(--titleColor);
        }
    }
}
.banner-img {
    text-align: center;
    position: relative;
    z-index: 1;
    img {
        max-width: 450px;
    }
    &::before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 95%;
        border-radius: 50%;
        background-image: linear-gradient(#C6F0E6, #e7fbf4);
    }
    .banner-img-shape {
        .shape1 {
            position: absolute;
            bottom: 15%;
            left: -140px;
            width: 65px;
            height: 65px;
            line-height: 65px;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            text-align: center;
            border-radius: 50px;
            img {
               width: 45px; 
            }
        }
        .shape2 {
            position: absolute;
            top: 23%;
            left: -75px;
            border: 3.5px solid #ffffff;
            border: 3.5px solid var(--whiteColor);
            border-radius: 50%;
            img {
                border-radius: 50%;
                width: 100px;
            }
        }
        .shape3 {
            position: absolute;
            bottom: 5%;
            left: -5px;
            border: 3.5px solid #ffffff;
            border: 3.5px solid var(--whiteColor);
            border-radius: 50%;
            img {
                border-radius: 50%;
                max-width: 55px;
            }
        }
        .shape4 {
            position: absolute;
            top: 0;
            left: 70px;
            width: 70px;
            height: 70px;
            line-height: 70px;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            text-align: center;
            border-radius: 50px;
            img {
               width: 45px; 
            }
        }
        .shape5 {
            position: absolute;
            top: 12%;
            right: 55px;
            border: 3.5px solid #ffffff;
            border: 3.5px solid var(--whiteColor);
            border-radius: 50%;
            img {
                border-radius: 50%;
            }
        }
        .shape6 {
            position: absolute;
            bottom: 15%;
            right: 0;
            width: 50px;
            height: 50px;
            line-height: 50px;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            text-align: center;
            border-radius: 50px;
            img {
               width: 40px; 
            }
        }
        .shape7 {
            position: absolute;
            top: 35%;
            right: 0;
            width: 60px;
            height: 60px;
            line-height: 60px;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            text-align: center;
            border-radius: 50px;
            img {
               width: 40px; 
            }
        }
    }
}

.banner-shape {
    .shape-in-one {
        position: absolute;
        bottom: 0;
        right: 20px;
        img {
            max-width: 800px;
        }
    }
    .shape-in-two {
        position: absolute;
        bottom: 0;
        right: 0;
        img {
            max-width: 800px;
        }
    }
}

.banner-area-two {
    background-color: #F3F5F0;
    padding: 120px 0 70px;
}
.banner-content-two {
    h1 {
        font-size: 63px;
        color: #000000;
        color: var(--titleColor);
        margin-bottom: 30px;
        line-height: 1.2;
        max-width: 650px;
        b {
            font-weight: 500;
            border-bottom: 3px solid #000000;
            border-bottom: 3px solid var(--titleColor);
        }
    }
    .popular-searches-tag {
        font-size: 16px;
        color: .5s;
        color: var(--transition);
        font-weight: 400;
        .title {
            margin-right: 20px;
            font-weight: 500;
        }
        a {
            color: #696969;
            color: var(--bodyColor);
            font-size: 15px;
            &:hover {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
}
.banner-form-two {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    padding: 15px 13px;
    max-width: 640px;
    border-radius: 5px;
    margin-bottom: 30px;
    z-index: 22;
    .form-group {
        position: relative;
        border-right: 1px solid #E3E3E3;
        padding-right: 10px;
        &.select-group {
            border: none;
            padding-right: 0;
        }
        i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            font-size: 20px;
            color: #696969;
            color: var(--bodyColor);
        }
        .form-control {
            height: 50px;
            color: #696969;
            color: var(--bodyColor);
            border: none;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            font-size: 15px;
            padding: 10px 0 10px 27px;
            width: 100%;
            border-radius: 3px;
            position: relative;
            &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                color: #696969;
                color: var(--bodyColor);
                -webkit-transition: .6s;
                -ms-transition: .6s;
                transition: .6s;
            }
            &:focus {
                &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                    color: transparent;
                }
            }
            &:focus {
                outline: none;
                box-shadow: none;
            }
        }
    }
    .submit-btn {
        width: 100%;
        text-align: center;
        padding: 12px 30px;
        background-color: #c1e602;
        background-color: var(--mainColor);
        color: #ffffff;
        color: var(--whiteColor);
        border: none;
        outline: none;
        transition: .5s;
        transition: var(--transition);
        i {
            position: relative;
            top: 3px;
            margin-right: 10px;
            line-height: 0;
        }
        &:hover {
            background-color: #000000;
            background-color: var(--titleColor);
        }
    }
}
.banner-img-two {
    position: relative;
    padding-bottom: 170px;
    margin-left: 15px;
    max-width: 635px;
    img {
        max-width: 400px;
    }
}
.banner-shape-two {
    .shape1 {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .shape2 {
        position: absolute;
        bottom: -30px;
        left: 100px;
    }
    .shape3 {
        position: absolute;
        top: 26.5%;
        transform: translateY(-26.5%);
        right: 16.5%;
    }
}

.banner-area-three {
    padding: 250px 0;
    background-color: #F3F5F0;
    z-index: 1;
    position: relative;
    &::before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-image: url(/static/media/home-three-bg.e13670c11a6f7358ce55.png);
    }
    &::after {
        content: '';
        position: absolute;
        z-index: -1;
        bottom: 0;
        right: 0;
        width: 350px;
        height: 350px;
        border-radius: 50%;
        background-image: linear-gradient(#EC04F1, #ed04f13d);
        opacity: 0.1;
        filter: blur(30px);
    }
}

.banner-content-three {
    position: relative;
    h1 {
        font-size: 60px;
        color: #000000;
        color: var(--titleColor);
        margin-bottom: 30px;
        line-height: 1.2;
        max-width: 950px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .popular-searches-tag {
        text-align: center;
        font-size: 16px;
        color: .5s;
        color: var(--transition);
        font-weight: 400;
        .title {
            margin-right: 20px;
            font-weight: 500;
        }
        a {
            color: #696969;
            color: var(--bodyColor);
            font-size: 15px;
            &:hover {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
}
.banner-form-three {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    padding: 15px 13px;
    max-width: 645px;
    border-radius: 5px;
    margin-bottom: 30px;
    z-index: 22;
    margin-left: auto;
    margin-right: auto;
    .form-group {
        position: relative;
        border-right: 1px solid #E3E3E3;
        padding-right: 10px;
        &.select-group {
            border: none;
            padding-right: 0;
        }
        i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            font-size: 20px;
            color: #696969;
            color: var(--bodyColor);
        }
        .form-control {
            height: 50px;
            color: #696969;
            color: var(--bodyColor);
            border: none;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            font-size: 15px;
            padding: 10px 0 10px 27px;
            width: 100%;
            border-radius: 3px;
            position: relative;
            &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                color: #696969;
                color: var(--bodyColor);
                -webkit-transition: .6s;
                -ms-transition: .6s;
                transition: .6s;
            }
            &:focus {
                &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                    color: transparent;
                }
            }
            &:focus {
                outline: none;
                box-shadow: none;
            }
        }
    }
    .submit-btn {
        width: 100%;
        text-align: center;
        padding: 12px 30px;
        background-color: #c1e602;
        background-color: var(--mainColor);
        color: #ffffff;
        color: var(--whiteColor);
        border: none;
        outline: none;
        transition: .5s;
        transition: var(--transition);
        i {
            position: relative;
            top: 3px;
            margin-right: 10px;
            line-height: 0;
        }
        &:hover {
            background-color: #000000;
            background-color: var(--titleColor);
        }
    }
}
.banner-three-other {
    .other-content1 {
        position: absolute;
        top: -105px;
        left: 7%;
        img {
            border-radius: 50%;
            border: 3px solid #ffffff;
            border: 3px solid var(--whiteColor);
        }
    }
    .other-content2 {
        position: absolute;
        top: 105px;
        left: -1%;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        img {
            width: 35px;
        }
    }
    .other-content3 {
        position: absolute;
        bottom: 0;
        left: 10%;
        img {
            border-radius: 50%;
            border: 3px solid #ffffff;
            border: 3px solid var(--whiteColor);
        }
    }
    .other-content4 {
        position: absolute;
        bottom: -170px;
        left: 5%;
        img {
            border-radius: 50%;
        }
    }
    .other-content5 {
        position: absolute;
        bottom: -130px;
        left: 30%;
        width: 55px;
        height: 55px;
        line-height: 53px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        img {
            width: 40px;
        }
    }
    .other-content6 {
        position: absolute;
        top: -125px;
        right: 20%;
        width: 75px;
        height: 75px;
        line-height: 75px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        img {
            width: 50px;
        }
    }
    .other-content7 {
        position: absolute;
        bottom: -190px;
        right: 25%;
        img {
            border-radius: 50%;
        }
    }
    .other-content8 {
        position: absolute;
        top: 45px;
        right: 3%;
        img {
            border-radius: 50%;
        }
    }
    .other-content9 {
        position: absolute;
        bottom: -60px;
        right: 65px;
        img {
            border-radius: 50%;
            border: 3px solid #ffffff;
            border: 3px solid var(--whiteColor);
            max-width: 230px;
        }
        .other-into-content {
            position: absolute;
            bottom: 20px;
            right: 10px;
            img {
                max-width: 45px;
                border: none;
            }
        }
    }
    .other-content10 {
        position: absolute;
        bottom: -170px;
        right: -2%;
        width: 65px;
        height: 65px;
        line-height: 65px;
        text-align: center;
        border-radius: 50%;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        img {
            width: 40px;
        }
    }
}

.inner-banner {
    position: relative;
    z-index: 1;
    background-color: #F3F5F0;
    .inner-title {
        padding-top: 170px;
        padding-bottom: 110px;
        position: relative;
        z-index: 1;
        h3 {
            font-size: 45px;
            color: #000000;
            color: var(--titleColor);
            font-weight: 500;
            line-height: 1.2;
            margin-bottom: 15px;
        }
        ul {
            list-style: none;
            padding: 0;
            margin: 0;
            li {
                font-size: 18px;
                color: #696969;
                color: var(--bodyColor);
                display: inline-block;
                position: relative;
                margin-right: 35px;
                font-weight: 400;
                &:last-child {
                    margin-right: 0;
                    &::before {
                        display: none;
                    }
                }
                &::before {
                    content: '';
                    position: absolute;
                    bottom: 8px;
                    right: -22px;
                    height: 5px;
                    width: 5px;
                    border-radius: 50px;
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                }
                a {
                    color: #696969;
                    color: var(--bodyColor);
                    &:hover {
                        color: #c1e602;
                        color: var(--mainColor);
                    }
                }
            }
        }
    }
}

.about-img {
    margin-bottom: 30px;
    img {
        border-radius: 100px;
    }
}
.about-content {
    margin-bottom: 30px;
    p {
        max-width: 100%;
        margin-bottom: 0;
    }
}

.services-area {
    background-color: #F8F8F8;
}
.services-card {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    margin-bottom: 30px;
    padding: 25px 25px 25px 100px;
    position: relative;
    transition: .5s;
    transition: var(--transition);
    border-radius: 10px;
    i {
        position: absolute;
        top: 25px;
        left: 25px;
        width: 58px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
        text-align: center;
        border-radius: 5px;
        &.services-bg1 {
            background-color: #FFF4D9;
            color: #FFB300;
        }
        &.services-bg2 {
            background-color: #D9F7F0;
            color:#c1e602;
        }
        &.services-bg3 {
            background-color: #FEE7DD;
            color:#FA5F1C;
        }
    }
    h3 {
        margin-bottom: 10px;
        transition: .5s;
        transition: var(--transition);
        a {
            color: #000000;
            color: var(--titleColor);
            transition: .5s;
            transition: var(--transition);
        }
    }
    p {
        margin-bottom: 0;
        max-width: 270px;
    }
    &:hover {
        transform: translateY(-5px);
        h3 {
            a {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
}

.counter-card {
    margin-bottom: 30px;
    text-align: center;
    h3 {
        font-size: 45px;
        color: #000000;
        color: var(--titleColor);
        margin-bottom: 10px;
        font-weight: 500;
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 10px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    p {
        margin-bottom: 0;
        margin-top: 10px;
    }
}

.browse-btn {
    margin-bottom: 30px;
    a {
        color: #c1e602;
        color: var(--mainColor);
        border-bottom: 1px solid #c1e602;
        border-bottom: 1px solid var(--mainColor);
        font-weight: 500;
        i {
            margin-left: 3px;
            position: relative;
            top: 2px;
        }
        &:hover {
            color: #000000;
            color: var(--titleColor);
            letter-spacing: 0.25px;
            border-color: #000000;
            border-color: var(--titleColor);
        }
    }
}
.browse-jobs-card {
    background-color: #f1f9c6;
    position: relative;
    z-index: 1;
    padding: 30px 30px 30px 105px;
    margin-bottom: 30px;
    &::before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        border-radius: 5px;
        background-color: #c1e602;
        background-color: var(--mainColor);
        transition: .5s;
        transition: var(--transition);
        opacity: 0;
    }
    .icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 30px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background-color: #fafdec;
        border-radius: 50px;
        font-size: 24px;
        color: #c1e602;
        color: var(--mainColor);
        text-align: center;
        transition: .5s;
        transition: var(--transition);
    }
    h3 {
        margin-bottom: 10px;
        a {
            color: #000000;
            color: var(--titleColor);
            transition: .5s;
            transition: var(--transition);
        }
    }
    p {
        margin-bottom: 0;
        transition: .5s;
        transition: var(--transition);
    }
    .more-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        background-color: transparent;
        font-size: 24px;
        color: #696969;
        color: var(--bodyColor);
        transition: .5s;
        transition: var(--transition);
        text-align: center;
        &:hover {
            background-color: #17d1a4;
            border-radius: 50px;
        }
    }
    &:hover {
        &::before {
            width: 100%;
            opacity: 1;
        }
        .icon {
            background-color: #ffffff;
            background-color: var(--whiteColor);
        }
        h3 {
            a {
                color: #ffffff;
                color: var(--whiteColor);
            }
        }
        p {
            color: #ffffff;
            color: var(--whiteColor);
        }
        .more-btn {
            color: #ffffff;
            color: var(--whiteColor);
            transition: .5s;
            transition: var(--transition);
        }
    }
}

.browse-jobs-item {
    position: relative;
    margin-bottom: 45px;
    padding: 25px 18px 25px 93px;
    border: 1px solid #F2F2F2;
    border-radius: 10px;
    transition: .5s;
    transition: var(--transition);
    i {
        position: absolute;
        top: -15px;
        left: 20px;
        width: 58px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
        text-align: center;
        border-radius: 5px;
        &.jobs-card-bg {
            color: #4D49DC;
            background-color: #E4E4FA;
        }
        &.jobs-card-bg2 {
            color: #FA871C;
            background-color: #FEEDDD;
        }
        &.jobs-card-bg3 {
            color: #49DEEE;
            background-color: #E4FAFC;
        }
        &.jobs-card-bg4 {
            color: #F71E3F;
            background-color: #FEDDE2;
        }
        &.jobs-card-bg5 {
            color: #FA5F1C;
            background-color: #FEE7DD;
        }
        &.jobs-card-bg6 {
            color: #c1e602;
            background-color: #D9F7F0;
        }
        &.jobs-card-bg7 {
            color: #FFB300;
            background-color: #FFF4D9;
        }
        &.jobs-card-bg8 {
            color: #62E3F1;
            background-color: #E8FBFD;
        }
    }
    h3 {
        margin-bottom: 5px;
        font-size: 20px;
        a {
            color: #000000;
            color: var(--titleColor);
            transition: .5s;
            transition: var(--transition);
        }
    }
    p {
        margin-bottom: 0;
    }
    &:hover {
        border-color: #b1fae8;
        transform: translateY(-5px);
        h3 {
            a {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
}

.browse-jobs-list {
    margin-bottom: 20px;
    h3 {
        margin-bottom: 30px;
        i {
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            border-radius: 50px;
            font-size: 24px;
            display: inline-block;
            margin-right: 10px;
            &.jobs-list-icon1 {
                background-color: #FCF7E6;
                color: #DEAE05;
            }
            &.jobs-list-icon2 {
                background-color: #f1f9c6;
                color: #c1e602;
            }
            &.jobs-list-icon3 {
                background-color: #FCE6EB;
                color: #DE0539;
            }
            &.jobs-list-icon4 {
                background-color: #E9F3FC;
                color: #2185E2;
            }
        }
    }
    ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        li {
            display: block;
            margin-bottom: 10px;
            position: relative;
            transition: .5s;
            transition: var(--transition);
            &:last-child {
                margin-bottom: 0;
            }
            &::before {
                content: '';
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                width: 0;
                height: 2px;
                background-color: #c1e602;
                background-color: var(--mainColor);
                border-radius: 50px;
                opacity: 0;
                transition: .5s;
                transition: var(--transition);
            }
            &:hover {
                padding-left: 20px;
                color: #c1e602;
                color: var(--mainColor);
                &::before {
                    width: 13px; 
                    opacity: 1;
                }
            }

            a {
                color: #696969;
                color: var(--bodyColor);
                &:hover {
                    color: #c1e602;
                    color: var(--mainColor);
                }
            }
        }
    }
}

.job-post-area {
    background-color: #f1f9c6;
}
.job-post-form {
    max-width: 1070px;
    margin-bottom: 30px;
    z-index: 22;
    .form-group {
        position: relative;
        &.select-group {
            .form-control { 
                padding-left: 17px;
            }
        }
        i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 15px;
            font-size: 20px;
            color: #696969;
            color: var(--bodyColor);
        }
        .form-control {
            height: 50px;
            color: #696969;
            color: var(--bodyColor);
            border: none;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            font-size: 15px;
            padding: 10px 27px 10px 45px;
            width: 100%;
            border-radius: 50px;
            position: relative;
            &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                color: #696969;
                color: var(--bodyColor);
                -webkit-transition: .6s;
                -ms-transition: .6s;
                transition: .6s;
            }
            &:focus {
                &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                    color: transparent;
                }
            }
            &:focus {
                outline: none;
                box-shadow: none;
            }
        }
    }
    .submit-btn {
        width: 100%;
        text-align: center;
        padding: 12px 30px;
        background-color: #c1e602;
        background-color: var(--mainColor);
        color: #ffffff;
        color: var(--whiteColor);
        border: none;
        outline: none;
        transition: .5s;
        transition: var(--transition);
        border-radius: 50px;
        &:hover {
            background-color: #000000;
            background-color: var(--titleColor);
        }
    }
}
.job-post-card {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    border-radius: 10px;
    padding: 30px 30px 30px 120px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    transition: var(--transition);
    margin-bottom: 30px;
    .job-post-img {
        position: absolute;
        top: 30px;
        left: 30px;
        img {
            border-radius: 50%;
        }
    }
    h3 {
        margin-bottom: 10px;
        font-size: 24px;
        a {
            color: #000000;
            color: var(--titleColor);
            transition: .5s;
            transition: var(--transition);
            &:hover {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
    .content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0 0;
        .content-item {
            .content-list {
                list-style-type: none;
                margin: 0;
                padding: 0;
                display: inline-block;
                li {
                    display: inline-block;
                    margin-right: 20px;
                    font-size: 16px;
                    color: #696969;
                    color: var(--bodyColor);
                    transition: .5s;
                    transition: var(--transition);
                    i {
                        position: relative;
                        top: 3px;
                        margin-right: 3px;
                        color: #c1e602;
                        color: var(--mainColor);
                        transition: .5s;
                        transition: var(--transition);
                    }
                    b {
                        color: #000000;
                        color: var(--titleColor);
                        font-size: 18px;
                        font-weight: 400;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                    a {
                        color: #c1e602;
                        color: var(--mainColor);
                        transition: .5s;
                        transition: var(--transition);
                    }
                    &:hover {
                        i {
                            color: .5s;
                            color: var(--transition);
                            a {
                                color: .5s;
                                color: var(--transition);
                            }
                        }
                    }
                }
            }
            span {
                margin-left: 40px;
                font-size: 18px;
                color: #000000;
                color: var(--titleColor);
                b {
                    font-weight: 400;
                    font-size: 15px;
                    color: #696969;
                    color: var(--bodyColor);
                }
            }
        }
        .content-list2 {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                padding: 6px 18px;
                border-radius: 50px;
                font-size: 14px;
                font-weight: 500;
                margin-right: 10px;
                margin-bottom: 0;
                &:last-child {
                    margin-right: 0;
                }
                &.time {
                    color: #c1e602;
                    color: var(--mainColor);
                    background-color: #f1f9c6;
                }
                &.freelance {
                    color: #FF5B4A;
                    background-color: #FFEFED;
                }
                &.urgent {
                    color: #C90000;
                    background-color: #FFEDF6;
                }
            }
        }
       
    }
    .bookmark-btn {
        position: absolute;
        top: 20px;
        right: 25px;
        border: none;
        outline: none;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        color: #696969;
        color: var(--bodyColor);
        background-color: .5s;
        background-color: var(--transition);
        transition: .5s;
        transition: var(--transition);
        border-radius: 50px;
        &:hover {
            background-color: #f1f1f1;
        }
    }
    &:hover {
        transform: translateY(-10px);
        h3 {
            a {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
}
.job-post-widget-area {
    background-color: #F8F8F8;
}

.pricing-content {
    margin-bottom: 30px;
    .section-title {
        margin-bottom: 30px;
        h2 {
            b {
                color: #c1e602;
                color: var(--mainColor);
                font-weight: 500;
            }
        }
    }
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: inline-block;
            margin-right: -20px;
            img {
                max-width: 50px;
                border: 4px solid #ffffff;
                border: 4px solid var(--whiteColor);
                border-radius: 50px;
                transition: .5s;
                transition: var(--transition);
            }
            &.title {
                margin-right: 0;
                margin-left: 30px;
                font-size: 16px;
                color: #000000;
                color: var(--titleColor);
                font-weight: 500;
                vertical-align: middle;
            }
            &:hover {
                img {
                    transform: scale(1.1);
                }
            }
        }
    }
}
.pricing-card {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    border-radius: 20px;
    padding: 50px 30px;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    margin-bottom: 30px;
    .pricing-title {
        margin-bottom: 20px;
        h2 {
            font-size: 24px;
            color: #000000;
            color: var(--titleColor);
            margin-bottom: 10px;
        }
        span {
            color: #696969;
            color: var(--bodyColor);
            margin-bottom: 0;
        }
    }
    h3 {
        font-size: 45px;
        color: #FF5B4A;
        margin-bottom: 20px;
        span {
            font-size: 18px;
            color: #696969;
            color: var(--bodyColor);
        }
    }
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: block;
            margin-bottom: 12px;
            color: #696969;
            color: var(--bodyColor);
            font-size: 17px;
            transition: .5s;
            transition: var(--transition);
            &:last-child {
                margin-bottom: 0;
            }
            &:hover {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
    .price-btn-area {
        margin-top: 30px;
        .price-btn {
            padding: 12px 30px;
            color: #c1e602;
            color: var(--mainColor);
            text-align: center;
            position: relative;
            overflow: hidden;
            z-index: 1;
            text-transform: capitalize;
            background-color: #D5F3E7;
            border: none;
            outline: none;
            font-weight: 500;
            border-radius: 5px;
            i {
                position: relative;
                top: 3px;
                margin-left: 5px;
            }
            &::before {
                content: '';
                position: absolute;
                top: 0;
                width: 100%;
                height: 100%;
                transform: scale(0);
                background-color: #c1e602;
                background-color: var(--mainColor);
                left: 0;
                right: 0;
                opacity: 0;
                z-index: -1;
                transition: .5s;
                transition: var(--transition);
            }
            
            &:hover {
                color: #ffffff;
                color: var(--whiteColor);
                &::before {
                    transform: scale(1);
                    opacity: 1;
                }
            }
        }
    }
    &:hover {
        .price-btn-area {
            .price-btn {
                color: #ffffff;
                color: var(--whiteColor);
                &::before {
                    transform: scale(1);
                    opacity: 1;
                }
            }
        }
    }
}

.pricing-wraps {
    margin-bottom: 30px;
    .table-responsive {
        overflow-x: inherit;
    }
    .pricing-table {
        table {
            margin-bottom: 0;
            tbody, td, tfoot, th, thead, tr {
                border-style: none !important;
            }
            thead {
                tr {
                    border: none !important;
                    border-bottom: none !important;
                    text-align: center;
                    border-style: none !important;
                    th {
                        border-style: none !important;
                        border-top: none;
                        border-bottom: 1px solid #eeeeee !important;
                        vertical-align: middle;
                        padding: 0 0 15px;
                        border: none;
                        font-weight: 500;
                        &.pricing-name {
                            font-size: 25px;
                            color: #c1e602;
                            color: var(--mainColor);
                            span {
                                color: #696969;
                                color: var(--bodyColor);
                                font-size: 16px;
                            }
                        }
                        &.pricing-name-top {
                            border-bottom: none !important;
                        }
                        &.pricing-name1 {
                            border-bottom: 1px solid #CEF5EB !important;
                        }
                    }
                }
            }
            tbody {
                tr {
                    td {
                        vertical-align: middle;
                        color: #000000;
                        color: var(--titleColor);
                        padding-top: 15px;
                        padding-bottom: 15px;
                        padding-left: 20px;
                        padding-right: 20px;
                        &.pricing-name-list1 {
                            border-bottom: 1px solid #eeeeee !important;
                            a {
                                display: block;
                                color: #000000;
                                color: var(--titleColor);
                                font-size: 20px;
                            }
                        }
                        &.pricing-name-list2 {
                            border-bottom: 1px solid #eeeeee !important;
                            border-left: 1px solid #CEF5EB !important;
                            border-right: 1px solid #CEF5EB !important;
                            background-color: #F2FCFA;
                            a {
                                display: block;
                                color: #fcc135;
                                font-size: 20px;
                                text-align: center;
                            }
                        }
                        &.pricing-name-list3 {
                            border-right: 1px solid #eeeeee !important;
                            border-bottom: 1px solid #eeeeee !important;
                            text-align: center;
                            .unit-amount {
                                color: #000000;
                                color: var(--titleColor);
                                font-size: 20px;
                                text-align: center;
                            }
                        }
                        &.pricing-body-list1 {
                            border-bottom: 1px solid #eeeeee !important;
                            border-left: 1px solid #eeeeee !important;
                            a {
                                display: block;
                                color: #696969;
                                color: var(--bodyColor);
                                font-size: 17px;
                            }
                        }
                        &.pricing-body-list-lasst {
                            border-bottom: none !important;
                            border-left: none !important;
                        }
                        &.pricing-body-list2 {
                            border-bottom: 1px solid #eeeeee !important;
                            border-left: 1px solid #CEF5EB !important;
                            border-right: 1px solid #CEF5EB !important;
                            background-color: #F2FCFA;
                            a {
                                display: block;
                                color: #fcc135;
                                font-size: 17px;
                                text-align: center;
                            }
                            .icon {
                                width: 24px;
                                height: 24px;
                                line-height: 24px;
                                text-align: center;
                                background-color: #c1e602;
                                background-color: var(--mainColor);
                                color: #ffffff;
                                color: var(--whiteColor);
                                border-radius: 50px;
                                font-size: 17px;
                                margin: 0 auto;
                            }
                            .price-btn {
                                padding: 10px 20px;
                                color: #ffffff;
                                color: var(--whiteColor);
                                text-align: center;
                                position: relative;
                                overflow: hidden;
                                z-index: 1;
                                text-transform: capitalize;
                                background-color: #c1e602;
                                background-color: var(--mainColor);
                                border: none;
                                outline: none;
                                font-weight: 400;
                                border-radius: 5px;
                                transition: .5s;
                                transition: var(--transition);
                                font-size: 16px;
                                i {
                                    position: relative;
                                    top: 3px;
                                    margin-left: 5px;
                                }
                                &:hover {
                                    background-color: #000000;
                                    background-color: var(--titleColor);
                                }
                            }
                        }
                        &.pricing-body-list3 {
                            border-right: 1px solid #eeeeee !important;
                            border-bottom: 1px solid #eeeeee !important;
                            text-align: center;
                            .unit-amount {
                                color: #696969;
                                color: var(--bodyColor);
                                font-size: 17px;
                                text-align: center;
                            }
                            .icon {
                                width: 24px;
                                height: 24px;
                                line-height: 24px;
                                text-align: center;
                                background-color: #c1e602;
                                background-color: var(--mainColor);
                                color: #ffffff;
                                color: var(--whiteColor);
                                border-radius: 50px;
                                font-size: 17px;
                                margin: 0 auto;
                                display: inline-block;
                            }
                            .price-btn {
                                padding: 10px 20px;
                                color: white;
                                text-align: center;
                                position: relative;
                                overflow: hidden;
                                z-index: 1;
                                text-transform: capitalize;
                                background-color: #c1e602;
                                border: none;
                                outline: none;
                                font-weight: 400;
                                border-radius: 5px;
                                transition: .5s;
                                transition: var(--transition);
                                font-size: 16px;
                                i {
                                    position: relative;
                                    top: 3px;
                                    margin-left: 5px;
                                }
                                &:hover {
                                    background-color: black;
                                    color: #ffffff;
                                    color: var(--whiteColor);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


.company-area {
    background-color: #F8F8F8;
    .owl-dots {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        .owl-dot {
            span {
                background-color: #C4C4C4 !important;
                transition: 0.7s;
                margin: 0 7px;
                width: 10px !important;
                height: 10px !important;
                position: relative;
                z-index: 1;
                border-radius: 50px;
            }
            &.active {
                span {
                   background-color: #c1e602 !important;
                   background-color: var(--mainColor) !important;
                   width: 30px !important;
                }
            }
            &:hover {
                span {
                    background-color: #c1e602 !important;
                    background-color: var(--mainColor) !important;
                    width: 30px !important;
                }
            }
        }
    }
}
.company-item {
    padding: 30px;
    text-align: center;
    background-color: #ffffff;
    background-color: var(--whiteColor);
    margin-bottom: 30px;
    transition: .5s;
    transition: var(--transition);
    border-radius: 10px;
    a {
        display: block;
        img {
            border-radius: 50%;
            margin-bottom: 15px;
            width: auto !important;
            width: initial !important;
            margin-left: auto;
            margin-right: auto;
        }
    }
    h3 {
        margin-bottom: 10px;
        a {
            color: #000000;
            color: var(--titleColor);
            transition: .5s;
            transition: var(--transition);
        }
    }
    p {
        margin-bottom: 15px;
        i {
            position: relative;
            top: 2px;
            color: #c1e602;
            color: var(--mainColor);
        }
    }
    .company-btn {
        display: inline-block;
        padding: 9px 20px;
        color: #c1e602;
        color: var(--mainColor);
        background-color: #f1f9c6;
        border-radius: 5px;
        transition: .5s;
        transition: var(--transition);
        font-size: 15px;
    }
    &:hover {
        transform: translateY(-10px);
        h3 {
            a {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
        .company-btn {
            background-color: #c1e602;
            background-color: var(--mainColor);
            color: #ffffff;
            color: var(--whiteColor);
        }
    }
}

.company-card {
    padding: 25px 25px 25px 110px;
    background-color: #ffffff;
    background-color: var(--whiteColor);
    margin-bottom: 30px;
    transition: .5s;
    transition: var(--transition);
    border-radius: 10px;
    position: relative;
    img {
        position: absolute;
        top: 30px;
        left: 30px;
        border-radius: 50%;
        max-width: 70px;
    }
    h3 {
        margin-bottom: 10px;
        a {
            color: #000000;
            color: var(--titleColor);
            transition: .5s;
            transition: var(--transition);
        }
    }
    p {
        margin-bottom: 10px;
        i {
            position: relative;
            top: 2px;
            color: #c1e602;
            color: var(--mainColor);
        }
    }
    .company-btn {
        color: #c1e602;
        color: var(--mainColor);
        transition: .5s;
        transition: var(--transition);
        &:hover {
            color: #000000;
            color: var(--titleColor);
            letter-spacing: 0.25px;
        }
    }
    &:hover {
        transform: translateY(-10px);
        h3 {
            a {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
}

.company-details-content {
    margin-bottom: 30px;
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 23px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 17px;
    }
    a {
        color: #c1e602;
        color: var(--mainColor);
        transition: .5s;
        transition: var(--transition);
        &:hover {
            color: #000000;
            color: var(--titleColor);
        }
    }
    ul, ol {
        margin-bottom: 30px;
        li {
            margin-bottom: 10px;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    p {
        margin-bottom: 15px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 20px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    .company-details-list {
        margin-bottom: 30px;
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: block;
                margin-bottom: 15px;
                padding-left: 15px;
                position: relative;
                font-size: 16px;
                transition: .5s;
                transition: var(--transition);
                color: #696969;
                color: var(--bodyColor);
                &::before {
                    content: '';
                    position: absolute;
                    top: 10px;
                    left: 0;
                    height: 5px;
                    width: 5px;
                    border-radius: 50px;
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                }
                &:last-child {
                    margin-bottom: 0;
                }
                &:hover {
                    color: #c1e602;
                    color: var(--mainColor);
                    i {
                        background-color: #c1e602;
                        background-color: var(--mainColor);
                        color: #ffffff;
                        color: var(--whiteColor);
                    }
                }
            }
        }
    }
    .company-details-portfolio {
        .company-details-portfolio-img {
            margin-bottom: 30px;
            text-align: center;
            a {
                display: block;
                text-align: center;
                img {
                    border-radius: 20px;
                    text-align: center;
                }
            }
        }
    }

    .article-social-icon {
        padding: 12px 20px;
        background-color: #F8F8F8;
        margin-bottom: 30px;
        .social-icon {
            padding: 0;
            list-style-type: none;
            margin: 0;
            li {
                display: inline-block;
                margin-right: 10px;
                margin-bottom: 0;
                vertical-align: middle;
                &.title {
                    font-size: 18px;
                    color: #000000;
                    color: var(--titleColor);
                    vertical-align: middle;
                }
                &:last-child {
                    margin-right: 0;
                }
                a {
                    display: inline-block;
                    border: none;
                    i {
                        width: 35px;
                        height: 35px;
                        line-height: 35px;
                        text-align: center;
                        font-size: 18px;
                        color: #696969;
                        color: var(--bodyColor);
                        background-color:  #fff;
                        transition: .5s;
                        transition: var(--transition);
                        display: inline-block;
                        border-radius: 50px;
                    }
                    &:hover {
                        i {
                            background-color: #c1e602;
                            background-color: var(--mainColor);
                            color: #ffffff;
                            color: var(--whiteColor);
                        }
                    }
                }  
            }
        } 
    }
    .company-details-play {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        padding: 170px 0;
        text-align: center;
        background-image: url(/static/media/employers-details.35754fbe928bb8030f0d.jpg);
        border-radius: 5px;
        margin-bottom: 30px;
        .play-btn {
            i {
                width: 70px;
                height: 70px;
                line-height: 70px;
                background-color: #c1e602;
                background-color: var(--mainColor);
                color: #ffffff;
                color: var(--whiteColor);
                font-size: 40px;
                border-radius: 50px;
                margin: 0 auto;
                position: relative;
                z-index: 1;
                transition: .5s;
                transition: var(--transition);
                text-align: center;
                display: inline-block;
                &::after {
                    content: '';
                    position: absolute;
                    z-index: -1;
                    top: 0;
                    right: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: transparent;
                    border: 1px solid #c1e602;
                    border: 1px solid var(--mainColor);
                    border-radius: 50px;
                    animation: ripple 2s infinite ease-in-out;
                    transition: .5s;
                    transition: var(--transition);
                }
                &:hover {
                    background-color: #000000;
                    background-color: var(--titleColor);
                    color: #ffffff;
                    color: var(--whiteColor);
                    &::after {
                        border-color: #000000;
                        border-color: var(--titleColor);
                    }
                }
            }
        }
    }
}

.company-details-card {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    border-radius: 10px;
    padding: 30px 30px 30px 120px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    transition: var(--transition);
    margin-bottom: 30px;
    img {
        position: absolute;
        top: 30px;
        left: 30px;
        border-radius: 50%;
    }
    h3 {
        margin-bottom: 10px;
        font-size: 22px;
    }
    .content-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        li {
            display: inline-block;
            margin-right: 20px;
            font-size: 16px;
            color: #696969;
            color: var(--bodyColor);
            transition: .5s;
            transition: var(--transition);
            i {
                position: relative;
                top: 3px;
                margin-right: 3px;
                color: #c1e602;
                color: var(--mainColor);
                transition: .5s;
                transition: var(--transition);
            }
            b {
                color: #000000;
                color: var(--titleColor);
                font-size: 18px;
                font-weight: 400;
            }
            &:last-child {
                margin-right: 0;
            }
            a {
                color: #fbbf31;
                transition: .5s;
                transition: var(--transition);
            }
            &:hover {
                i {
                    color: .5s;
                    color: var(--transition);
                    a {
                        color: .5s;
                        color: var(--transition);
                    }
                }
            }
        }
    }
    &:hover {
        transform: translateY(-10px);
    }
}

.counter-item {
    background-color: #f8f8f8;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
    h3 {
        font-size: 35px;
        color: #000000;
        color: var(--titleColor);
        margin-bottom: 5px;
    }
    p {
        color: #c1e602;
        color: var(--mainColor);
        margin-bottom: 0;
    }
}

.find-jobs-area {
    background-color: #F4F4F4;
}
.find-jobs-card {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    border-radius: 3px;
    padding: 30px;
    position: relative;
    overflow: hidden;
    transition: .5s;
    transition: var(--transition);
    margin-bottom: 30px;
    .find-jobs-img {
        margin-right: 20px;
        transition: .5s;
        transition: var(--transition);
        a {
            display: block;
            img {
                max-width: 140px;
                border-radius: 5px;
            }
        }
    }
    .content {
        .content-list {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                padding: 4px 12px;
                border-radius: 50px;
                font-size: 12px;
                font-weight: 500;
                margin-right: 10px;
                margin-bottom: 15px;
                &:last-child {
                    margin-right: 0;
                }
                &.time {
                    color: #c1e602;
                    color: var(--mainColor);
                    background-color: #f1f9c6;
                }
                &.freelance {
                    color: #FF5B4A;
                    background-color: #FFEFED;
                }
                &.internship {
                    color: #FF4AA1;
                    background-color: #FFEDF6;
                }
                &.city-bhargav {
                    color: #000000;
                    background-color: #ffe8be;
                  }
            }
        }
        h3 {
            margin-bottom: 10px;
            font-size: 24px;
            a {
                color: #000000;
                color: var(--titleColor);
                transition: .5s;
                transition: var(--transition);
                &:hover {
                    color: #c1e602;
                    color: var(--mainColor);
                }
            }
        }
        .content-list2 {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                margin-bottom: 12px;
                &.list-one {
                    font-size: 20px;
                    color: #fbbf31;
                    margin-right: 50px;
                }
                &.list-two {
                    font-size: 16px;
                    color: #696969;
                    color: var(--bodyColor);
                    i {
                        position: relative;
                        top: 3px;
                        margin-right: 3px;
                        color: #c1e602;
                        color: var(--mainColor);
                    }
                }
            }
        }
        .content-list3 {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                margin-right: 35px;
                font-size: 16px;
                color: #696969;
                color: var(--bodyColor);
                i {
                    position: relative;
                    top: 3px;
                    margin-right: 3px;
                    color: #c1e602;
                    color: var(--mainColor);
                }
                b {
                    color: #000000;
                    color: var(--titleColor);
                    font-size: 18px;
                    font-weight: 400;
                }
                &:last-child {
                    margin-right: 0;
                }
            }
        }
    }
    .find-jobs-btn {
        position: absolute;
        top: 100%;
        right: 30px;
        transition: .5s;
        transition: var(--transition);
    }
    .bookmark-btn {
        position: absolute;
        top: 30px;
        right: 25px;
        border: none;
        outline: none;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        color: #696969;
        color: var(--bodyColor);
        background-color: .5s;
        background-color: var(--transition);
        transition: .5s;
        transition: var(--transition);
        border-radius: 50px;
        &:hover {
            background-color: #f1f1f1;
        }
    }
    &:hover {
        .find-jobs-img {
            transform: translateY(-10px);
        }
        .content { 
            h3 {
                a {
                    color: #c1e602;
                    color: var(--mainColor);
                }
            }
        }
        .find-jobs-btn {
            opacity: 1;
            top: 50%;
            transform: translateY(-50%);
        }
    }
}

.freelancers-card {
    margin-bottom: 30px;
    padding: 30px;
    background-color: #ffffff;
    background-color: var(--whiteColor);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    text-align: center;
    transition: .5s;
    transition: var(--transition);
    a {
        display: block;
        img {
            max-width: 90px;
            border-radius: 50%;
            border: 4px solid #c1e602;
            border: 4px solid var(--mainColor);
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
        }
    }
    .title {
        align-items: center;
        margin: 0 0 12px;
        vertical-align: middle;
        align-items: center;
        h3 {
            margin-bottom: 0;
            display: inline-block;
            vertical-align: middle;
            a {
                color: #000000;
                color: var(--titleColor);
                transition: .5s;
                transition: var(--transition);
            }
        }
        img {
            margin-left: 20px;
            display: inline-block;
            vertical-align: middle;
        }
    }
    p {
        margin-bottom: 10px;
    }
    .rating {
        display: block;
        i {
            font-size: 17px;
            color: #FEA014;
            display: inline-block;
            &.rating-color {
                color: #FFDEAD;
            }
        }
    }
    .sub-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 10px 0 0;
        .sub-title1 {
            color: #696969;
            color: var(--bodyColor);
            b {
                color: #000000;
                color: var(--titleColor);
                font-size: 18px;
                font-weight: 500;
            }
        }

        .sub-title2 {
            color: #696969;
            color: var(--bodyColor);
            b {
                color: #000000;
                color: var(--titleColor);
                font-size: 18px;
                font-weight: 500;
            }
        }
    }
    &:hover {
        transform: translateY(-10px);
        .title {
            h3 {
                a {
                    color: #c1e602;
                    color: var(--mainColor);
                }
            }
        }
    }
}

.freelancer-details-profile {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    padding: 30px 20px 30px 140px;
    position: relative;
    margin-bottom: 30px;
    img {
        position: absolute;
        top: 25px;
        left: 20px;
        margin-right: 20px;
    }
    h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }
    span {
        margin-bottom: 5px;
        display: block;
        color: #c1e602;
        color: var(--mainColor);
    }
    p {
        margin-bottom: 0;
        b {
            font-weight: 400;
            color: #000000;
            color: var(--titleColor);
        }
    }
    .freelancer-details-btn {
        position: absolute;
        top: 52%;
        transform: translateY(-50%);
        right: 20px;
    }
}

.recent-job-area {
    .owl-dots {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        line-height: 1;
        .owl-dot {
            span {
                background-color: #C4C4C4 !important;
                transition: 0.7s;
                margin: 0 7px;
                width: 10px !important;
                height: 10px !important;
                position: relative;
                z-index: 1;
                border-radius: 50px;
            }
            &.active {
                span {
                   background-color: #c1e602 !important;
                   background-color: var(--mainColor) !important;
                   width: 30px !important;
                }
            }
            &:hover {
                span {
                    background-color: #c1e602 !important;
                    background-color: var(--mainColor) !important;
                    width: 30px !important;
                }
            }
        }
    }
}

.recent-job-item {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    padding: 30px 15px 30px 90px;
    position: relative;
    margin-bottom: 30px;
    .recent-job-img {
        position: absolute;
        top: 30px;
        left: 15px;
        img {
            border-radius: 50%;
            max-width: 60px;
        }
    }
    h3 {
        margin-bottom: 10px;
        max-width: 280px;
        a {
            color: #000000;
            color: var(--titleColor);
            transition: .5s;
            transition: var(--transition);
        }
    }
    .job-list1 {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: inline-block;
            margin-right: 10px;
            font-size: 16px;
            color: #696969;
            color: var(--bodyColor);
            margin-bottom: 15px;
            i {
                position: relative;
                top: 3px;
                margin-right: 3px;
                color: #c1e602;
                color: var(--mainColor);
            }
            &:last-child {
                margin-right: 0;
            }
        }
    }
    .job-list2 {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: inline-block;
            padding: 6px 18px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 500;
            margin-right: 10px;
            margin-bottom: 0;
            &:last-child {
                margin-right: 0;
            }
            &.full-time {
                color: #c1e602;
                color: var(--mainColor);
                background-color: #f1f9c6;
            }
            &.part-time {
                color: #FF5B4A;
                background-color: #FFEFED;
            }
        }
    }
    .bookmark-btn {
        position: absolute;
        top: 30px;
        right: 10px;
        border: none;
        outline: none;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        color: #696969;
        color: var(--bodyColor);
        background-color: .5s;
        background-color: var(--transition);
        transition: .5s;
        transition: var(--transition);
        border-radius: 50px;
        &:hover {
            background-color: #f1f1f1;
        }
    }
    &:hover {
        h3 {
            a {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
}

.recent-job-card {
    padding: 30px;
    background-color: #ffffff;
    background-color: var(--whiteColor);
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    transition: .5s;
    transition: var(--transition);
    .content {
        position: relative;
        padding-left: 90px;
        .recent-job-img {
            position: absolute;
            top: 0;
            left: 0;
            a {
                display: block;
                img {
                    border-radius: 50%;
                }
            }
        }
        h3 {
            font-size: 22px;
            a {
                transition: .5s;
                transition: var(--transition);
                color: #000000;
                color: var(--titleColor);
            }
        }
        .job-list1 {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                margin-right: 100px;
                font-size: 16px;
                color: #696969;
                color: var(--bodyColor);
                margin-bottom: 10px;
                i {
                    position: relative;
                    top: 3px;
                    margin-right: 3px;
                    color: #c1e602;
                    color: var(--mainColor);
                }
                &:last-child {
                    margin-right: 0;
                }
            }
        }
        span {
            font-size: 16px;
            color: #696969;
            color: var(--bodyColor);
            i {
                position: relative;
                top: 3px;
                margin-right: 3px;
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
    .job-sub-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 15px 0 0;
        .job-list2 {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                padding: 6px 18px;
                border-radius: 50px;
                font-size: 14px;
                font-weight: 500;
                margin-right: 10px;
                margin-bottom: 0;
                &:last-child {
                    margin-right: 0;
                }
                &.time {
                    color: #c1e602;
                    color: var(--mainColor);
                    background-color: #f1f9c6;
                }
                &.freelance {
                    color: #FF5B4A;
                    background-color: #FFEFED;
                }
                &.urgent {
                    color: #C90000;
                    background-color: #FAE5E5;
                }
                &.internship {
                    color: #FF4AA1;
                    background-color: #FFEDF6;
                }
                &.city-bhargav {
                    color: #000000;
                    background-color: #ffe8be;
                  }
            }

        }
        .price {
            font-size: 17px;
            color: #000000;
            color: var(--titleColor);
            font-weight: 500;
            b {
                color: #696969;
                color: var(--bodyColor);
                font-weight: 400;
                font-size: 15px;
            }
        }
    }
    .bookmark-btn {
        position: absolute;
        top: 30px;
        right: 25px;
        border: none;
        outline: none;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        color: #696969;
        color: var(--bodyColor);
        background-color: .5s;
        background-color: var(--transition);
        transition: .5s;
        transition: var(--transition);
        border-radius: 50px;
        &:hover {
            background-color: #f1f1f1;
        }
    }
    .download-btn {
        position: absolute;
        bottom: 80px;
        right: 30px;
        padding: 10px 24px;
        background-color: #D3F2E5;
        color: #c1e602;
        color: var(--mainColor);
        font-size: 15px;
        transition: .5s;
        transition: var(--transition);
        border-radius: 3px;
        i {
            position: relative;
            top: 3px;
            margin-left: 5px;
        }
        &:hover {
            background-color: #c1e602;
            background-color: var(--mainColor);
            color: #ffffff;
            color: var(--whiteColor);
        }
    }
    &:hover {
        transform: translateY(-10px);
        .content {
            h3 {
                a {
                    color: #c1e602;
                    color: var(--mainColor);
                }
            }
        }
    }
}
.recent-job-area-two {
    background-color: #f1f9c6;
}

.career-img {
    margin-bottom: 30px;
    .images1 {
        margin-top: 50px;
        margin-bottom: 20px;
        img {
            border-radius: 10px;
        }
    }
    .images2 {
        margin-bottom: 20px;
        img {
            border-radius: 10px;
        }
    }
    .images3 {
        margin-bottom: 0;
        img {
            border-radius: 10px;
        }
    }
    .images4 {
        margin-bottom: 0;
        img {
            border-radius: 10px;
        }
    }
}

.career-content {
    margin-bottom: 30px;
    .section-title {
        margin-bottom: 30px;
        h2 {
            b  {
                font-weight: 500;
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
    .content {
        padding: 10px 0 10px 90px;
        position: relative;
        margin-bottom: 20px;
        img {
            position: absolute;
            top: 0;
            left: 0;
        }
        h3 {
            margin-bottom: 0;
            font-size: 20px;
        }
        span {
            font-size: 15px;
        }
    }
    p {
        margin-bottom: 20px;
    }
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: inline-block;
            margin-right: -20px;
            img {
                max-width: 50px;
                border: 4px solid #ffffff;
                border: 4px solid var(--whiteColor);
                border-radius: 50px;
                transition: .5s;
                transition: var(--transition);
            }
            &.title {
                margin-right: 0;
                margin-left: 30px;
                font-size: 16px;
                color: #000000;
                color: var(--titleColor);
                font-weight: 500;
                vertical-align: middle;
            }
            &:hover {
                img {
                    transform: scale(1.1);
                }
            }
        }
    }
}

.job-listing-top {
    background-color: #F8F8F8;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 30px;
}
.job-listing-right {
    padding: 10px 0;
    border-right: 1px solid #E3E3E3;
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            text-align: center;
            &.icon {
                font-size: 20px;
                color: #c1e602;
                color: var(--mainColor);
            }
            &.tag {
                padding: 7px 16px;
                text-align: center;
                background-color: #DFF3EF;
                border-radius: 50px;
                color: #c1e602;
                color: var(--mainColor);
                font-size: 14px;
                transition: .5s;
                transition: var(--transition);
                i {
                    font-size: 20px;
                    position: relative;
                    top: 5px;
                    line-height: 0;
                }
                &:hover {
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                    color: #ffffff;
                    color: var(--whiteColor);
                }
            }
        }
    }
}

.job-listing-form {
    .form-group {
        position: relative;
        border-right: 1px solid #E3E3E3;
        padding-right: 10px;
        margin-top: 4px;
        &.select-group {
            border: none;
            padding-right: 0;
        }
        i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            font-size: 20px;
            color: #696969;
            color: var(--bodyColor);
        }
        .form-control {
            height: 50px;
            color: #696969;
            color: var(--bodyColor);
            border: none;
            background-color: transparent;
            font-size: 15px;
            padding: 10px 27px;
            width: 100%;
            border-radius: 3px;
            position: relative;
            &.form-select {
                padding: 15px 40px 15px 0;
            }
            &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                color: #696969;
                color: var(--bodyColor);
                -webkit-transition: .6s;
                -ms-transition: .6s;
                transition: .6s;
            }
            &:focus {
                &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                    color: transparent;
                }
            }
            &:focus {
                outline: none;
                box-shadow: none;
            }
        }
    }
    .submit-btn {
        width: 100%;
        text-align: center;
        padding: 12px 30px;
        background-color: #c1e602;
        background-color: var(--mainColor);
        color: black;
        border: none;
        outline: none;
        transition: .5s;
        transition: var(--transition);
        i {
            position: relative;
            top: 3px;
            margin-right: 10px;
            line-height: 0;
        }
        &:hover {
            background-color: #000000;
            background-color: var(--titleColor);
            color: white;
        }
    }
}
.job-listing-side-bar-content {
    background-color: #F8F8F8;
    border-radius: 10px;
    position: relative;
    padding: 30px;
    margin-bottom: 30px;
    h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    p {
        margin-bottom: 20px;
    }
    img {
        position: absolute;
        top: 30px;
        right: 30px;
    }
    .form-group {
        margin-bottom: 20px;
        &.select-group {
           margin-bottom: 0;
        }
        .form-control {
            height: 50px;
            color: #696969;
            color: var(--bodyColor);
            border: none;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            font-size: 15px;
            padding: 15px 20px;
            width: 100%;
            border-radius: 0;
            &:focus {
                outline: none;
                box-shadow: none;
            }
            &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                color: #696969;
                color: var(--bodyColor);
            }
        }
    }
}

.job-listing-widget {
    margin-bottom: 30px;
    padding: 15px 30px;
    background-color: #F8F8F8;
    .accordion-widget {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
        border: none;
        .accordion-widget-item {
            display: block;
            margin-bottom: 15px;
            background-color: #F8F8F8;
            border: none;
            &:last-child {
                margin-bottom: 0;
            }
        }
        .accordion-widget-title {
            padding: 10px 0;
            color: #000000;
            color: var(--titleColor);
            text-decoration: none;
            position: relative;
            display: block;
            font-size: 18px;
            font-weight: 500;
            i {
                position: absolute;
                right: 0;
                top: 10px;
                transition: 0.5s;
                color: #000000;
                color: var(--titleColor);
                text-align: center;
                line-height: 30px;
                background-color: transparent;
            }
            &.active {
                i {
                    transform: rotate(180deg);
                }
                .accordion-widget-content {
                    p {
                        margin-top: -5px;
                    }
                }
            }
        }
        .accordion-widget-content {
            list-style-type: none;
            display: none;
            position: relative;
            margin-top: 0;
            padding-bottom: 15px;
            padding-right: 0;
            padding-left: 0;
            li {
                display: block;
                margin-bottom: 10px;
                &:last-child {
                    margin-bottom: 0;
                }
                label {
                    display: inline-block;
                    cursor: pointer;
                    position: relative;
                    padding-left: 28px;
                    margin-bottom: 0;
                    font-size: 16px;
                    line-height: 20px;
                    color: #696969;
                    color: var(--bodyColor);
                    width: 100%;
                    span {
                        &.fl {
                            float: right;
                        }
                        text-align: center;
                        display: inline-block;
                        width: 24px;
                        line-height: 24px;
                        height: 24px;
                        background-color: #DFF3EF;
                        color: #c1e602;
                        color: var(--mainColor);
                        font-weight: 600;
                        transition: .5s;
                        transition: var(--transition);
                        font-size: 14px;
                        &:hover {
                            background-color: #c1e602;
                            background-color: var(--mainColor);
                            color: #ffffff;
                            color: var(--whiteColor);
                        }
                    }
                    &::before {
                        content: "";
                        display: inline-block;
                        width: 18px;
                        height: 18px;
                        margin-right: 10px;
                        position: absolute;
                        left: 0;
                        top: 2px;
                        background-color: #fff;
                        border: 1px solid #ECEDF2;
                        border-radius: 10px;
                        box-sizing: border-box;
                        transition: all 0.25s;
                        font-family: 'remixicon' !important;
                        color: #fff;
                        font-size: 9px;
                        font-weight: 900;
                        text-align: center;
                        line-height: 17px;
                    }
                }
                input[type="checkbox"] {
                    display: none;
                }
                input[type="checkbox"]:checked + label::before {
                    content: "\eb7b";
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                    border: 1px solid #c1e602;
                    border: 1px solid var(--mainColor);
                    font-family: 'remixicon' !important;
                }
                &:hover {
                    span {
                        background-color: #c1e602;
                        background-color: var(--mainColor);
                        color: #ffffff;
                        color: var(--whiteColor);
                    }
                }
            }
            &.show {
                display: block;
            }
        }
    }
}

.job-listing-topper {
    margin-bottom: 0;
    .job-listing-title {
        h3 {
            font-size: 18px;
            margin-bottom: 0;
        }
    }
    .job-listing-category {
        z-index: 55;
        .form-group {
            margin-bottom: 0;
            position: relative;
            .form-control {
                height: 50px;
                padding: 0 15px;
                border: none;
                color: #696969;
                color: var(--bodyColor);
                background-color: #F8F8F8;
                font-weight: 400;
                font-size: 15px;
                border-radius: 5px 0 0 5px;
                &:focus {
                    box-shadow: none;
                    outline: none;
                }
            }
        }
    }
}
.search-title {
    margin-bottom: 30px;
    h3 {
        font-size: 22px;
        margin-bottom: 0;
        color: #000000;
        color: var(--titleColor);
        b {
            font-size: 16px;
            color: #696969;
            color: var(--bodyColor);
            font-weight: 500;
        }
    }
}

.candidates-widget {
    background-color: #F8F8F8;
    border-radius: 10px;
    position: relative;
    padding: 30px;
    margin-bottom: 30px;
    .title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .form-group {
        margin-bottom: 20px;
        position: relative;
        i {
            position: absolute;
            top: 10px;
            left: 10px;
            font-size: 18px;
            color: #696969;
            color: var(--bodyColor);
        }
        &.select-group {
           margin-bottom: 0;
        }
        .form-control {
            height: 50px;
            color: #696969;
            color: var(--bodyColor);
            border: none;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            font-size: 15px;
            padding: 15px 20px 15px 40px;
            width: 100%;
            border-radius: 0;
            &:focus {
                outline: none;
                box-shadow: none;
            }
            &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                color: #696969;
                color: var(--bodyColor);
            }
        }
    }
    p {
        margin: 15px 0;
    }
    .range-slider-area {
        position: relative;
        min-height: 48px;
        padding-top: 10px;
        .ui-widget.ui-widget-content {
            height: 5px;
            border: none;
            margin-bottom: 20px;
            border-radius: 30px;
            background: #E3EFE9;
        }
      
        .ui-slider .ui-slider-range {
            top: 0px;
            height: 5px;
            background: #c1e602;
            background: var(--mainColor);
        }
      
        .ui-state-default, .ui-widget-content .ui-state-default {
            position: absolute;
            top: 3px;
            width: 17px;
            height: 17px;
            background: #ffffff;
            background: var(--whiteColor);
            border: 2px solid #c1e602;
            border: 2px solid var(--mainColor);
            box-sizing: border-box;
            border-radius: 20px;
            cursor: pointer;
            outline: none;
            box-shadow: none;
        }
      
        .input-outer {
            display: flex;
            justify-content: center;
        }
      
        .amount-outer {
            position: relative;
            display: flex;
            align-items: center;
            min-width: 70px;
            padding: 0 10px;
            height: 30px;
            text-align: center;
            background: #E3EFE9;
            border-radius: 8px;
            font-size: 14px;
            line-height: 19px;
            color: #c1e602;
            color: var(--mainColor);
        }
        .amount {
            margin-right: 5px;
        }
        .ui-state-default:last-child, &.salary-range .ui-state-default {
            display: block !important;
        }
    }
    .candidates-widget-listing {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: block;
            margin-bottom: 10px;
            &:last-child {
                margin-bottom: 0;
            }
            label {
                display: inline-block;
                cursor: pointer;
                position: relative;
                padding-left: 28px;
                margin-bottom: 0;
                font-size: 16px;
                line-height: 20px;
                color: #696969;
                color: var(--bodyColor);
                width: 100%;
                &::before {
                    content: "";
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    margin-right: 10px;
                    position: absolute;
                    left: 0;
                    top: 2px;
                    background-color: #fff;
                    border: 1px solid #ECEDF2;
                    border-radius: 10px;
                    box-sizing: border-box;
                    transition: all 0.25s;
                    font-family: 'remixicon' !important;
                    color: #fff;
                    font-size: 9px;
                    font-weight: 900;
                    text-align: center;
                    line-height: 17px;
                }
            }
            input[type="checkbox"] {
                display: none;
            }
            input[type="checkbox"]:checked + label::before {
                content: "\eb7b";
                background-color: #c1e602;
                background-color: var(--mainColor);
                border: 1px solid #c1e602;
                border: 1px solid var(--mainColor);
                font-family: 'remixicon' !important;
            }
        }
        &.show {
            display: block;
        }
    }
}

.candidates-topper {
    margin-bottom: 0;
    .candidates-title {
        h3 {
            font-size: 18px;
            margin-bottom: 0;
        }
    }
    .candidates-category-form {
        z-index: 55;
        .form-group {
            margin-bottom: 0;
            position: relative;
            .form-control {
                height: 50px;
                padding: 0 15px;
                border: none;
                color: #696969;
                color: var(--bodyColor);
                background-color: #F8F8F8;
                font-weight: 400;
                font-size: 15px;
                border-radius: 5px 0 0 5px;
                &:focus {
                    box-shadow: none;
                    outline: none;
                }
            }
        }
    }
}

.candidates-details-right {
    margin-bottom: 30px;
    background-color: #ffffff;
    background-color: var(--whiteColor);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    transition: .5s;
    transition: var(--transition);
    border-radius: 10px;
    .content-profile {
        padding: 30px;
        border-bottom: 1px solid #E0EBE8;
        text-align: center;
        .content-profile-img {
            img {
                max-width: 90px;
                border-radius: 50%;
                border: 4px solid #c1e602;
                border: 4px solid var(--mainColor);
                margin-bottom: 15px;
                margin-left: auto;
                margin-right: auto;
            }
        }
        .title {
            align-items: center;
            margin: 0 0 10px;
            vertical-align: middle;
            align-items: center;
            h3 {
                margin-bottom: 0;
                display: inline-block;
                vertical-align: middle;
                a {
                    color: #000000;
                    color: var(--titleColor);
                    transition: .5s;
                    transition: var(--transition);
                }
            }
            img {
                margin-left: 20px;
                display: inline-block;
                vertical-align: middle;
            }
        }
        p {
            margin-bottom: 10px;
        }
        .rating {
            display: block;
            margin-bottom: 10px;
            i {
                font-size: 16px;
                color: #FEA014;
                display: inline-block;
                &.rating-color {
                    color: #FFDEAD;
                }
            }
        }
        .social-icon {
            padding: 0;
            list-style-type: none;
            margin: 0;
            li {
                display: inline-block;
                margin-right: 10px;
                margin-bottom: 0;
                vertical-align: middle;
                &:last-child {
                    margin-right: 0;
                }
                a {
                    display: inline-block;
                    border: none;
                    i {
                        width: 30px;
                        height: 30px;
                        line-height: 30px;
                        text-align: center;
                        font-size: 17px;
                        color: #696969;
                        color: var(--bodyColor);
                        background-color:  #f1f1f1;
                        transition: .5s;
                        transition: var(--transition);
                        display: inline-block;
                        border-radius: 50px;
                    }
                    &:hover {
                        i {
                            background-color: #c1e602;
                            background-color: var(--mainColor);
                            color: #ffffff;
                            color: var(--whiteColor);
                        }
                    }
                }  
            }
        } 
    }
    .content-info {
        padding: 30px;
        h3 {
            margin-bottom: 15px;
            font-size: 20px;
            color: #c1e602;
            color: var(--mainColor);
        }
        ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
            li {
                display: block;
                margin-bottom: 15px;
                &:last-child {
                    margin-bottom: 0;
                }
                span {
                    color: #696969;
                    color: var(--bodyColor);
                    font-size: 14px;
                    margin-bottom: 5px;
                }
                a {
                    display: block;
                    font-size: 16px;
                    color: #000000;
                    color: var(--titleColor);
                    margin-bottom: 0;
                    transition: .5s;
                    transition: var(--transition);
                    font-weight: 500;
                    &:hover {
                        color: #c1e602;
                        color: var(--mainColor);
                    }
                }
            }
        }
    }
}
.content-widget-right {
    background-color: #F8F8F8;
    border-radius: 10px;
    padding: 30px;
    margin-bottom: 30px;
    h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .download-btn {
        display: inline-block;
        padding: 12px 20px;
        width: 100%;
        text-align: center;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        color: #696969;
        color: var(--bodyColor);
        transition: .5s;
        transition: var(--transition);
        i {
            position: relative;
            top: 2px;
            margin-left: 3px;
        }
        &:hover {
            background-color: #c1e602;
            background-color: var(--mainColor);
            color: #ffffff;
            color: var(--whiteColor);
        }
    }
}
.candidates-details-content {
    margin-bottom: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    padding: 30px;
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 23px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 17px;
    }
    a {
        color: #c1e602;
        color: var(--mainColor);
        &:hover {
            color: #000000;
            color: var(--titleColor);
        }
    }
    ul, ol {
        margin-bottom: 30px;
        li {
            margin-bottom: 10px;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    p {
        margin-bottom: 15px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 20px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    .content {
        margin-bottom: 30px;
        border-bottom: 1px solid #E0EBE8;
        padding-bottom: 30px;
    }
    .candidates-details-experience {
        border-bottom: 1px solid #E0EBE8;
        margin-bottom: 30px;
        .experience-card {
            padding-left: 70px;
            position: relative;
            margin-bottom: 30px;
            img {
                max-width: 60px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                border-radius: 50%;
            }
            h3 {
                font-size: 20px;
                margin-bottom: 5px;
            }
            span {
                color: #696969;
                color: var(--bodyColor);
                display: block;
                margin-bottom: 10px;
            }
            .experience-list {
                list-style-type: none;
                margin: 0;
                padding: 0;
                li {
                    display: inline-block;
                    margin-right: 30px;
                    font-size: 16px;
                    color: #696969;
                    color: var(--bodyColor);
                    margin-bottom: 0;
                    &:last-child {
                        margin-right: 0;
                    }
                    i {
                        position: relative;
                        top: 3px;
                        margin-right: 3px;
                        color: #c1e602;
                        color: var(--mainColor);
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
    }

    .candidates-skill {
        border-bottom: 1px solid #E0EBE8;
        padding-bottom: 30px;
        margin-bottom: 30px;
        .candidates-skill-tag {
            list-style: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                margin: 5px ;
                a {
                    padding: 8px 25px;
                    transition: 0.7s;
                    color: #c1e602;
                    color: var(--mainColor);
                    background-color: #F8F8F8;
                    font-weight: 500;
                    transition: .5s;
                    transition: var(--transition);
                }
                &:hover {
                    a {
                        color: #ffffff;
                        color: var(--whiteColor);
                        background-color: #c1e602;
                        background-color: var(--mainColor);
                        border: none;
                    }
                }
            }
        }
    }

    .candidates-education {
        .education-card {
            padding-left: 75px;
            position: relative;
            img {
                max-width: 60px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: 0;
                border-radius: 50%;
            }
            h3 {
                font-size: 20px;
                margin-bottom: 5px;
            }
            span {
                color: #696969;
                color: var(--bodyColor);
                display: block;
                margin-bottom: 10px;
            }
            .experience-list {
                list-style-type: none;
                margin: 0;
                padding: 0;
                li {
                    display: inline-block;
                    margin-right: 30px;
                    font-size: 16px;
                    color: #696969;
                    color: var(--bodyColor);
                    margin-bottom: 0;
                    &:last-child {
                        margin-right: 0;
                    }
                    i {
                        position: relative;
                        top: 3px;
                        margin-right: 3px;
                        color: #c1e602;
                        color: var(--mainColor);
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                }
            }
        }
    }
}

.other-candidates-list {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    padding: 30px 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    .title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 30px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: block;
            margin-bottom: 25px;
            padding-left: 80px;
            position: relative;
            border-bottom: 1px solid #E0EBE8;
            padding-bottom: 20px;
            &:last-child {
                border: none;
                margin-bottom: 0;
                padding-bottom: 0;
            }
            .profile {
                position: absolute;
                top: 0;
                left: 0;
                img {
                    max-width: 65px;
                }
            }
            
            .sub-title {
                align-items: center;
                margin: 0 0 5px;
                vertical-align: middle;
                align-items: center;
                h3 {
                    margin-bottom: 0;
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 18px;
                    a {
                        color: #000000;
                        color: var(--titleColor);
                        transition: .5s;
                        transition: var(--transition);
                    }
                }
                img {
                    margin-left: 15px;
                    display: inline-block;
                    vertical-align: middle;
                    max-width: 28px;
                }
            }
            p {
                margin-bottom: 5px;
                font-size: 14px;
            }
            .rating {
                display: block;
                margin-bottom: 0;
                i {
                    font-size: 14px;
                    color: #FEA014;
                    display: inline-block;
                    &.rating-color {
                        color: #FFDEAD;
                    }
                }
            }
        }
    }
}


.testimonials-area {
    position: relative;
    .owl-dots {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        line-height: 0;
        .owl-dot {
            span {
                background-color: #C4C4C4 !important;
                transition: 0.7s;
                margin: 0 7px;
                width: 10px !important;
                height: 10px !important;
                position: relative;
                z-index: 1;
                border-radius: 50px;
            }
            &.active {
                span {
                   background-color: #c1e602 !important;
                   background-color: var(--mainColor) !important;
                   width: 30px !important;
                }
            }
            &:hover {
                span {
                    background-color: #c1e602 !important;
                    background-color: var(--mainColor) !important;
                    width: 30px !important;
                }
            }
        }
    }
}
.testimonials-item {
    background-color: #F8F8F8;
    padding: 40px 160px;
    text-align: center;
    margin-bottom: 30px;
    .content {
        padding: 10px 0 10px 90px;
        position: relative;
        margin-bottom: 30px;
        max-width: 275px;
        margin-left: auto;
        margin-right: auto;
        text-align-last: left;
        .content-img {
            position: absolute;
            top: 0;
            left: 0;
            img {
                border-radius: 50%;
            }
            .line1 {
                position: absolute;
                bottom: -10px;
                left: 0;
                width: 10px;
                height: 30px;
                background-color: #FF5B4A;
                border-radius: 50px 50px 100px 0;
            }
            .line2 {
                position: absolute;
                bottom: -10px;
                left: 20px;
                width: 10px;
                height: 30px;
                background-color: #FF5B4A;
                border-radius: 50px 50px 100px 0;
            }
        }
        h3 {
            font-size: 20px;
            margin-bottom: 3px;
        }
        span {
            font-size: 15px;
        }
    }
    p {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .rating {
        font-size: 18px;
        color: #FEA014;
    }
}

.testimonials-widget-area {
    position: relative;
    background-color: #f1f9c6;
    .owl-dots {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        .owl-dot {
            span {
                background-color: #C4C4C4 !important;
                transition: 0.7s;
                margin: 0 7px;
                width: 10px !important;
                height: 10px !important;
                position: relative;
                z-index: 1;
                border-radius: 50px;
            }
            &.active {
                span {
                   background-color: #c1e602 !important;
                   background-color: var(--mainColor) !important;
                   width: 30px !important;
                }
            }
            &:hover {
                span {
                    background-color: #c1e602 !important;
                    background-color: var(--mainColor) !important;
                    width: 30px !important;
                }
            }
        }
    }
}
.testimonials-widget-item {
    margin-bottom: 30px;
    text-align: center;
    h3 {
        font-size: 20px;
        margin-bottom: 3px;
    }
    span {
        font-size: 15px;
    }
    .content-img {
        position: relative;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 75px !important;
        margin-left: auto;
        margin-right: auto;
        img {
            border-radius: 50%;
            width: 75px !important;
            margin-left: auto;
            margin-right: auto;
            border: 3px solid #ffffff;
            border: 3px solid var(--whiteColor);
        }
        .line1 {
            position: absolute;
            bottom: -10px;
            left: 15px;
            width: 10px;
            height: 30px;
            background-color: #FF5B4A;
            border-radius: 50px 50px 100px 0;
        }
        .line2 {
            position: absolute;
            bottom: -10px;
            left: 30px;
            width: 10px;
            height: 30px;
            background-color: #FF5B4A;
            border-radius: 50px 50px 100px 0;
        }
    }
    p {
        font-size: 20px;
        margin-bottom: 0;
        max-width: 875px;
        margin-left: auto;
        margin-right: auto;
    }
}

.faq-accordion {
    margin-bottom: 30px;
    .accordion {
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0;
        border: none;
        .accordion-item {
            display: block;
            margin-bottom: 15px;
            background-color: #ffffff;
            background-color: var(--whiteColor);
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
            border: none;
            &:last-child {
                margin-bottom: 0;
            }
        }
        .accordion-title {
            padding: 15px 60px 15px 20px;
            color: #000000;
            color: var(--titleColor);
            text-decoration: none;
            position: relative;
            display: block;
            font-size: 18px;
            font-weight: 500;
            i {
                position: absolute;
                right: 15px;
                top: 14px;
                font-size: 25px;
                transition: 0.5s;
                font-size: 16px;
                width: 30px;
                height: 30px;
                color: #000000;
                color: var(--titleColor);
                text-align: center;
                line-height: 30px;
                background-color: transparent;
                border-radius: 50px;
                border: 1px solid #000000;
                border: 1px solid var(--titleColor);
            }
            &.active {
                color: #c1e602;
                color: var(--mainColor);
                i {
                    transform: rotate(180deg);
                    color: #c1e602;
                    color: var(--mainColor);
                    border-color: #c1e602;
                    border-color: var(--mainColor);
                }
                .accordion-content {
                    p {
                        margin-top: -5px;
                    }
                }
            }
        }
        .accordion-content {
            display: none;
            position: relative;
            margin-top: 0;
            padding-bottom: 10px;
            padding-right: 20px;
            padding-left: 20px;
            p {
                margin-top: -6px;
                line-height: 1.8;
                font-size: 15px;
                margin-bottom: 3px;
            }
            &.show {
                display: block;
            }
        }
    }
}


.employers-details-content {
    margin-bottom: 30px;
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 23px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 17px;
    }
    a {
        color: #c1e602;
        color: var(--mainColor);
        transition: .5s;
        transition: var(--transition);
        &:hover {
            color: #000000;
            color: var(--titleColor);
        }
    }
    ul, ol {
        margin-bottom: 30px;
        li {
            margin-bottom: 10px;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    p {
        margin-bottom: 15px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 20px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    .employers-details-list {
        margin-bottom: 30px;
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: block;
                margin-bottom: 15px;
                padding-left: 15px;
                position: relative;
                font-size: 16px;
                transition: .5s;
                transition: var(--transition);
                color: #696969;
                color: var(--bodyColor);
                &::before {
                    content: '';
                    position: absolute;
                    top: 10px;
                    left: 0;
                    height: 5px;
                    width: 5px;
                    border-radius: 50px;
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                }
                &:last-child {
                    margin-bottom: 0;
                }
                &:hover {
                    color: #c1e602;
                    color: var(--mainColor);
                    i {
                        background-color: #c1e602;
                        background-color: var(--mainColor);
                        color: #ffffff;
                        color: var(--whiteColor);
                    }
                }
            }
        }
    }
    .employers-details-portfolio {
        .employers-details-portfolio-img {
            margin-bottom: 30px;
            text-align: center;
            a {
                display: block;
                img {
                    border-radius: 20px;
                    transition: .5s;
                    transition: var(--transition);
                    text-align: center;
                }
                &:hover {
                    img {
                        filter: brightness(0.5);
                    }
                }
            }
        }
    }

    .article-social-icon {
        padding: 12px 20px;
        background-color: #F8F8F8;
        margin-bottom: 30px;
        .social-icon {
            padding: 0;
            list-style-type: none;
            margin: 0;
            li {
                display: inline-block;
                margin-right: 10px;
                margin-bottom: 0;
                vertical-align: middle;
                &.title {
                    font-size: 18px;
                    color: #000000;
                    color: var(--titleColor);
                    vertical-align: middle;
                }
                &:last-child {
                    margin-right: 0;
                }
                a {
                    display: inline-block;
                    border: none;
                    i {
                        width: 35px;
                        height: 35px;
                        line-height: 35px;
                        text-align: center;
                        font-size: 18px;
                        color: #696969;
                        color: var(--bodyColor);
                        background-color:  #fff;
                        transition: .5s;
                        transition: var(--transition);
                        display: inline-block;
                        border-radius: 50px;
                    }
                    &:hover {
                        i {
                            background-color: #c1e602;
                            background-color: var(--mainColor);
                            color: #ffffff;
                            color: var(--whiteColor);
                        }
                    }
                }  
            }
        } 
    }
    .employers-details-play {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        padding: 170px 0;
        text-align: center;
        background-image: url(/static/media/employers-details.35754fbe928bb8030f0d.jpg);
        border-radius: 5px;
        margin-bottom: 30px;
        .play-btn {
            i {
                width: 70px;
                height: 70px;
                line-height: 70px;
                background-color: #c1e602;
                background-color: var(--mainColor);
                color: #ffffff;
                color: var(--whiteColor);
                font-size: 40px;
                border-radius: 50px;
                margin: 0 auto;
                position: relative;
                z-index: 1;
                transition: .5s;
                transition: var(--transition);
                text-align: center;
                display: inline-block;
                &::after {
                    content: '';
                    position: absolute;
                    z-index: -1;
                    top: 0;
                    right: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: transparent;
                    border: 1px solid #c1e602;
                    border: 1px solid var(--mainColor);
                    border-radius: 50px;
                    animation: ripple 2s infinite ease-in-out;
                    transition: .5s;
                    transition: var(--transition);
                }
                &:hover {
                    background-color: #000000;
                    background-color: var(--titleColor);
                    color: #ffffff;
                    color: var(--whiteColor);
                    &::after {
                        border-color: #000000;
                        border-color: var(--titleColor);
                    }
                }
            }
        }
    }
}



.blog-card {
    margin-bottom: 30px;
    transition: .5s;
    transition: var(--transition);
    .blog-img {
        position: relative;
        padding-bottom: 30px;
        overflow: hidden;
        a {
            display: block;
            img {
                transition: .5s;
                transition: var(--transition);
                border-radius: 5px;
            }
        }
        .tag {
            position: absolute;
            bottom: 15px;
            left: 20px;
            padding: 6px 16px;
            text-align: center;
            background-color: #c1e602;
            background-color: var(--mainColor);
            border-radius: 50px;
            color: #ffffff;
            color: var(--whiteColor);
            font-size: 14px;
            transition: .5s;
            transition: var(--transition);
            i {
                position: relative;
                top: 2px;
                margin-right: 5px;
                transition: .5s;
                transition: var(--transition);
            }
            &:hover {
                background-color: #000000;
                background-color: var(--titleColor);
            }
        }
    }
    .content {
        padding-left: 20px;
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                margin-right: 20px;
                color: #696969;
                color: var(--bodyColor);
                i {
                    position: relative;
                    top: 3px;
                }
                &:last-child {
                    margin-right: 0;
                }
            }
        }
        h3 {
            margin-bottom: 0;
            margin-top: 12px;
            font-size: 24px;
            a {
                color: #000000;
                color: var(--titleColor);
                transition: .5s;
                transition: var(--transition);
            }
        }
    }
    &:hover {
        .blog-img { 
            a {
                img {
                    transform: scale(1.03) rotate(-1.0deg);
                }
            }
        }
        .content {
            h3 {
                a {
                    color: #c1e602;
                    color: var(--mainColor);
                }
            }
        }
    }
}
.blog-preview-img {
    margin-bottom: 30px;
    img {
        border-radius: 20px;
    }
}
.blog-details-content {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    max-width: 870px;
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 23px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 17px;
    }
    a {
        color: #c1e602;
        color: var(--mainColor);
        &:hover {
            color: #000000;
            color: var(--titleColor);
        }
    }
    ul, ol {
        margin-bottom: 30px;
        li {
            margin-bottom: 10px;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    p {
        margin-bottom: 15px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 15px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    .content {
        margin-bottom: 30px;
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                margin-right: 30px;
                color: #696969;
                color: var(--bodyColor);
                vertical-align: middle;
                &.images {
                    margin-right: 10px;
                    img {
                        width: 35px;
                        height: 35px;
                        border-radius: 50px;
                    }
                }
                i {
                    position: relative;
                    top: 3px;
                }
                &:last-child {
                    margin-right: 0;
                }
                a {
                    position: relative;
                    top: -5px;
                    vertical-align: middle;
                    padding: 6px 16px;
                    text-align: center;
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                    border-radius: 50px;
                    color: #ffffff;
                    color: var(--whiteColor);
                    font-size: 14px;
                    transition: .5s;
                    transition: var(--transition);
                    &:hover {
                        background-color: #000000;
                        background-color: var(--titleColor);
                    }
                }
            }
        }
    }
    .blog-articel {
        margin-bottom: 30px;
    }
    .blockquote {
        position: relative;
        z-index: 1;
        margin-bottom: 30px;
        background-color: #F8F8F8;
        padding: 30px 50px;
        p {
            font-weight: 400;
            font-style: italic;
            margin-top: 0;
            margin-bottom: 10px;
            margin-left: 0;
            font-size: 16px;
        }
        span {
            color: #000000;
            color: var(--titleColor);
            font-size: 17px;
            margin-bottom: 0;
        }
        .line1 {
            position: absolute;
            bottom: 50px;
            right: 55px;
            width: 7px;
            height: 20px;
            background-color: #c1e602;
            background-color: var(--mainColor);
            border-radius: 50px 50px 100px 0;
        }
        .line2 {
            position: absolute;
            bottom: 50px;
            right: 40px;
            width: 7px;
            height: 20px;
            background-color: #c1e602;
            background-color: var(--mainColor);
            border-radius: 50px 50px 100px 0;
        }
    }
    .blog-details-list {
        margin-bottom: 30px;
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: block;
                margin-bottom: 15px;
                padding-left: 35px;
                position: relative;
                font-size: 16px;
                transition: .5s;
                transition: var(--transition);
                color: #696969;
                color: var(--bodyColor);
                i {
                    width: 25px;
                    height: 25px;
                    line-height: 26px;
                    background-color: #f1f9c6;
                    color: #c1e602;
                    color: var(--mainColor);
                    border-radius: 50px;
                    font-size: 15px;
                    position: absolute;
                    top: 2px;
                    left: 0;
                    text-align: center;
                    transition: .5s;
                    transition: var(--transition);
                }
                &:hover {
                    color: #c1e602;
                    color: var(--mainColor);
                    i {
                        background-color: #c1e602;
                        background-color: var(--mainColor);
                        color: #ffffff;
                        color: var(--whiteColor);
                    }
                }
            }
        }
    }
    .blog-portfolio {
        .blog-portfolio-img {
            margin-top: 10px;
            margin-bottom: 30px;
            text-align: center;
            a {
                display: block;
                text-align: center;
                img {
                    border-radius: 20px;
                    transition: .5s;
                    transition: var(--transition);
                    text-align: center;
                }
                &:hover {
                    border: none;
                    img {
                        filter: brightness(0.5);
                    }
                }
            }
           
        }
    }
    .blog-details-list-two {
        margin-bottom: 30px;
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: block;
                margin-bottom: 15px;
                padding-left: 15px;
                position: relative;
                font-size: 16px;
                transition: .5s;
                transition: var(--transition);
                color: #696969;
                color: var(--bodyColor);
                &::before {
                    content: '';
                    position: absolute;
                    top: 10px;
                    left: 0;
                    height: 5px;
                    width: 5px;
                    border-radius: 50px;
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                }
                &:last-child {
                    margin-bottom: 0;
                }
                &:hover {
                    color: #c1e602;
                    color: var(--mainColor);
                    i {
                        background-color: #c1e602;
                        background-color: var(--mainColor);
                        color: #ffffff;
                        color: var(--whiteColor);
                    }
                }
            }
        }
    }
    .article-share-area {
        padding: 12px 20px;
        background-color: #F8F8F8;
        margin-bottom: 30px;
        .article-social-icon {
            .social-icon {
                padding: 0;
                list-style-type: none;
                margin: 0;
                li {
                    display: inline-block;
                    margin-right: 10px;
                    margin-bottom: 0;
                    vertical-align: middle;
                    &.title {
                        font-size: 18px;
                        color: #000000;
                        color: var(--titleColor);
                        vertical-align: middle;
                    }
                    &:last-child {
                        margin-right: 0;
                    }
                    a {
                        display: inline-block;
                        border: none;
                        i {
                            width: 35px;
                            height: 35px;
                            line-height: 35px;
                            text-align: center;
                            font-size: 18px;
                            color: #696969;
                            color: var(--bodyColor);
                            background-color:  #f8f8f8;
                            transition: .5s;
                            transition: var(--transition);
                            display: inline-block;
                            border-radius: 50px;
                        }
                        &:hover {
                            i {
                                background-color: #c1e602;
                                background-color: var(--mainColor);
                                color: #ffffff;
                                color: var(--whiteColor);
                            }
                        }
                    }  
                }
            } 
        }
        .tag {
            float: right;
            a {
                padding: 6px 16px;
                text-align: center;
                background-color: #c1e602;
                background-color: var(--mainColor);
                border-radius: 50px;
                color: #ffffff;
                color: var(--whiteColor);
                font-size: 14px;
                transition: .5s;
                transition: var(--transition);
                &:hover {
                    background-color: #000000;
                    background-color: var(--titleColor);
                }
            }
        }
    }
}

.side-bar-widget {
    margin-bottom: 35px;
    background-color: #F8F8F8;
    padding: 25px;
    .title {
        font-size: 22px;
        color: #000000;
        color: var(--titleColor);
        margin-bottom: 15px;
    }
    .search-form {
        position: relative;
        margin: 0 auto;
        border-radius: 0;
        border: none;
        width: 100%;
        border-radius: 5px;
        .form-control {
            background-color: #ffffff;
            background-color: var(--whiteColor);
            border-radius: 5px;
            border: none;
            height: 50px;
            line-height: 50px;
            margin: 0;
            border: 1px solid #e1e1e1;
            padding: 0 25px;
            color: #696969;
            color: var(--bodyColor);
            &:focus {
                outline: none;
                box-shadow: none;
                border-color: #c1e602;
                border-color: var(--mainColor);
            }
        }
        button {
            position: absolute;
            top: 0;
            right: 0;
            border: 0;
            border-radius: 0;
            background-color: #c1e602;
            background-color: var(--mainColor);
            color: #ffffff;
            color: var(--whiteColor);
            height: 50px;
            line-height: 50px;
            font-size: 20px;
            padding: 0 15px;
            transition: .5s;
            transition: var(--transition);
            border-radius: 0 5px 5px 0;
            &:hover {
                background: #000000;
                background: var(--titleColor);
            }           
        }
    }
    .side-bar-categories {
        ul {
            padding: 0;
            margin: 0;
            list-style-type: none;
            li {
                position: relative;
                margin-bottom: 10px;
                font-size: 15px;
                font-weight: 500;
                &:last-child {
                    margin-bottom: 0;
                }
                a {
                    display: inline-block;
                    color: #696969;
                    color: var(--bodyColor);
                    font-weight: normal;
                    width: 100%;
                    border-radius: 3px;
                    position: relative;
                    z-index: 1;
                    transition: .5s;
                    transition: var(--transition);
                    span {
                        float: right;
                        color: #c1e602;
                        color: var(--mainColor);
                        transition: .5s;
                        transition: var(--transition);
                    }
                }
                &:hover {
                    a {
                        color: #c1e602;
                        color: var(--mainColor);
                        span {
                            color: #696969;
                            color: var(--bodyColor);
                        }
                    }
                }
            }              
        }
    }
    .side-bar-widget-tag {
        list-style: none;
        margin: 0;
        padding: 0;
        li {
            display: inline-block;
            margin: 0 5px 5px 0;
            a {
                padding: 8px 25px;
                transition: 0.7s;
                color: #696969;
                color: var(--bodyColor);
                font-size: 14px;
                background-color: #ffffff;
                background-color: var(--whiteColor);
            }
            &:hover {
                a {
                    color: #ffffff;
                    color: var(--whiteColor);
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                }
            }
        }
    }
}

.side-bar-widget-bg {
    background-color: #ffffff;
    background-color: var(--whiteColor);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
}


.employers-cv-area {
    position: relative;
    z-index: 1;
    &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: #f1f9c6;
        z-index: -1;
    }
    &::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background-color: #f1f9c6;
        z-index: -1;
    }
}

.employers-cv-bg {
    background-color: #c1e602;
    background-color: var(--mainColor);
    border-radius: 20px;
    padding: 70px 50px;
}

.employers-cv-content {
    h2 {
        font-size: 40px;
        font-weight: 500;
        margin-top: 0;
        line-height: 1.2;
        color: #ffffff;
        color: var(--whiteColor);
        margin-bottom: 10px;
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #33D5AD;
        position: relative;
        border-radius: 50px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #ffffff;
            background: var(--whiteColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    p {
        padding-top: 15px;
        margin-bottom: 0;
        color: #ffffff;
        color: var(--whiteColor);
    }
}

.employers-cv-btn {
    float: right;
    .employersButton-input {
        opacity: 0;
        position: absolute;
        overflow: hidden;
        z-index: -1;
        pointer-events: none;
        height: 0;
        width: 0;
        display: none;
    }
    .employersButton-button {
        cursor: pointer;
        padding: 12px 30px;
        color: #000000;
        color: var(--titleColor);
        text-align: center;
        position: relative;
        overflow: hidden;
        z-index: 1;
        text-transform: capitalize;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        border: none;
        outline: none;
        font-weight: 500;
        border-radius: 5px;
        transition: .5s;
        transition: var(--transition);
        i {
            position: relative;
            top: 3px;
            margin-left: 5px;
        }
        &:hover {
            color: #ffffff;
            color: var(--whiteColor);
            background-color: #000000;
            background-color: var(--titleColor);
        }
    }
    a {
        background-color: #fff;
        display: inline-block;
        padding: 12px 30px;
        color: #333;
        font-weight: 500;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;

        &:hover {
            background-color: #000;
            color: #fff;
        }
    }
}
.contact-info-item {
    position: relative;
    margin-bottom: 30px;
    margin-top: 15px;
    padding: 25px 18px 25px 93px;
    border: 1px solid #F2F2F2;
    border-radius: 10px;
    transition: .5s;
    transition: var(--transition);
    i {
        position: absolute;
        top: 17px;
        left: 20px;
        width: 58px;
        height: 80px;
        line-height: 80px;
        font-size: 30px;
        text-align: center;
        border-radius: 5px;
        &.contact-info-bg {
            color: #FA5F1C;
            background-color: #FEE7DD;
        }
        &.contact-info-bg2 {
            color: #c1e602;
            background-color: #D9F7F0;
        }
        &.contact-info-bg3 {
            color: #FFB300;
            background-color: #FFF4D9;
        }
        &.contact-info-bg4 {
            color: #62E3F1;
            background-color: #E8FBFD;
        }
    }
    h3 {
        margin-bottom: 5px;
        font-size: 20px;
        color: #000000;
        color: var(--titleColor);
    }
    p {
        margin-bottom: 0;
        transition: .5s;
        transition: var(--transition);
        a {
            color: #696969;
            color: var(--bodyColor);
            transition: .5s;
            transition: var(--transition);
            display: block;
        }
    }
    &:hover {
        border-color: #b1fae8;
        transform: translateY(-5px);
        p {
            color: #c1e602;
            color: var(--mainColor);
            a {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
    }
}

.contact-form {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    background-color: #ffffff;
    background-color: var(--whiteColor);
    border: 1px solid #C4C4C4;
    padding: 40px 30px;
    border-radius: 10px;
    max-width: 870px;
    margin-left: auto;
    margin-right: auto;
    h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .form-group {
        margin-bottom: 20px;
        position: relative;
        label {
            margin-bottom: 10px;
        }
        &.checkbox-option {
            position: relative;
            #chb2 {
                position: absolute;
                top: 6px;
                left: 0;
            }
            p {
                padding-left: 25px;
                font-size: 15px;
                color: #000000;
                color: var(--titleColor);
                a {
                    color: #c1e602;
                    color: var(--mainColor);
                    &:hover {
                        color: #000000;
                        color: var(--titleColor);
                    }
                }
            }
        }
        .form-control {
            height: 50px;
            color: #696969;
            color: var(--bodyColor);
            border: none;
            background-color: #F8F8F8;
            font-size: 15px;
            padding: 15px 20px;
            width: 100%;
            border-radius: 0;
            &:focus {
                outline: none;
                box-shadow: none;
            }
            &::-webkit-input-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder, &::placeholder {
                color: #696969;
                color: var(--bodyColor);
            }
        }
        textarea.form-control {
            height: auto;
        }
    }
    .agree-label {
        margin-bottom: 20px;
        position: relative;
        #chb1 {
            position: absolute;
            top: 7px;
            left: 0;
        }
        label {
            font-weight: 400;
            color: #000000;
            color: var(--titleColor);
            margin-left: 25px;
            a {
                color: #c1e602;
                color: var(--mainColor);
                &:hover {
                    color: #000000;
                    color: var(--titleColor);
                }
                &.forget {
                    position: absolute;
                    right: 0;
                }
            }
        }
    }
    .with-errors {
        float: left;
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 0;
        color: #f00;
        font-weight: 400;
        display: block;
    }
    .text-danger {
        font-size: 18px;
        margin-top: 15px;
    }
    .default-btn {
        border: 0;
        outline: none;
        i {
            position: relative;
            top: 2px;
            margin-right: 5px;
        }
    }
}

.post-job-form {
    max-width: 870px;
    background-color: #ffffff;
    background-color: var(--whiteColor);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    margin-left: auto;
    margin-right: auto;
    padding: 40px 30px;
    margin-bottom: 30px;
    h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 25px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    .contact-form {
        margin-bottom: 10px;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        border: none;
        padding: 0;
        border-radius: 0;
        max-width: 100%;
        h3 {
            font-size: 21px;
        }
        .choose-img {
            margin-bottom: 15px;
            label {
                display: block;
                margin-bottom: 10px;
            }
            p {
                margin-top: 15px;
                &.title {
                    color: #000000;
                    color: var(--titleColor);
                }
            }
        }
    }
}

.user-all-form {
    .contact-form {
        max-width: 100%;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        border: none;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
        h3 {
            margin-bottom: 15px;
        }
        .bar {
            height: 7px;
            width: 85px;
            background: #00ca9723;
            position: relative;
            border-radius: 50px;
            margin-bottom: 20px;
            &::before {
                content: "";
                position: absolute;
                top: -2px;
                left: 0;
                height: 10px;
                width: 10px;
                border-radius: 50px;
                background: #c1e602;
                background: var(--mainColor);
                animation-duration: 2s;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
                animation-name: MOVE-BG;
            }
        }
        .default-btn {
            width: 100%;
            text-align: center;
        }
        .sub-title {
            text-align: center;
            display: block;
            color: #888888;
            font-weight: 500;
            margin-top: 30px;
            margin-bottom: 30px;
            z-index: 1;
            position: relative;
            span {
                background-color: #ffffff;
                background-color: var(--whiteColor);
            }
            &::before {
                content: '';
                position: absolute;
                right: 0;
                top: 11px;
                height: 1px;
                width: 100%;
                z-index: -1;
                background: #f0f0f0;
            }
        }
        .login-with-account {
           
            ul {
                list-style-type: none;
                margin-bottom: 0;
                padding: 0;
                li {
                    display: block;
                    margin-bottom: 15px;
                    &:last-child {
                        margin-bottom: 0;
                    }
                    a {
                        padding: 10px 30px;
                        width: 100%;
                        border: 1px solid #C4C4C4;
                        color: 'Work Sans', sans-serif;
                        color: var(--bodyFonts);
                        text-align: center;
                        border-radius: 5px;
                        font-size: 17px;
                        transform: .5s;
                        transform: var(--transition);
                        i {
                            position: relative;
                            top: 3px;
                            margin-right: 5px;
                            transform: .5s;
                            transform: var(--transition);
                            &.ri-facebook-line {
                                color: #2042E3;
                                transform: .5s;
                                transform: var(--transition);
                            }
                            &.ri-google-line {
                                color: #FF5B4A;
                                transform: .5s;
                                transform: var(--transition);
                            }
                        }
                        &:hover {
                            background-color: #c1e602;
                            background-color: var(--mainColor);
                            color: #ffffff;
                            color: var(--whiteColor);
                            i {
                                color: #ffffff;
                                color: var(--whiteColor);
                            }
                        }
                    }
                }
            }
        }
    }
}
.map-area {
    .container-fluid {
        max-width: 100% !important;
    }
}
.map-area iframe {
    display: block;
    width: 100%;
    height: 500px;
}

.job-details-widget-side {
    .job-details-widget {
        margin-bottom: 30px;
        background-color: #ffffff;
        background-color: var(--whiteColor);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
        padding: 30px 25px;
        border-radius: 10px;
        .title {
            font-size: 22px;
            margin-bottom: 10px;
        }
        .bar {
            height: 7px;
            width: 85px;
            background: #00ca9723;
            position: relative;
            border-radius: 50px;
            margin-bottom: 20px;
            &::before {
                content: "";
                position: absolute;
                top: -2px;
                left: 0;
                height: 10px;
                width: 10px;
                border-radius: 50px;
                background: #c1e602;
                background: var(--mainColor);
                animation-duration: 2s;
                animation-timing-function: linear;
                animation-iteration-count: infinite;
                animation-name: MOVE-BG;
            }
        }
        .job-details-category {
            margin: 0;
            padding: 0;
            list-style-type: none;
            li {
                display: block;
                color: #000000;
                color: var(--titleColor);
                width: 100%;
                margin-bottom: 10px;
                font-size: 16px;
                &:last-child {
                    margin-bottom: 0;
                }
                span {
                    color: #696969;
                    color: var(--bodyColor);
                    float: right;
                }
            }
        }
        .job-details-social {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin: 15px 0 0;
            span {
                font-size: 16px;
                margin-bottom: 0;
            }
            .social-icon {
                padding: 0;
                list-style-type: none;
                margin: 0;
                li {
                    display: inline-block;
                    margin-right: 10px;
                    margin-bottom: 0;
                    vertical-align: middle;
                    &:last-child {
                        margin-right: 0;
                    }
                    a {
                        display: inline-block;
                        border: none;
                        i {
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            text-align: center;
                            font-size: 16px;
                            color: #696969;
                            color: var(--bodyColor);
                            background-color:  #f1f1f1;
                            transition: .5s;
                            transition: var(--transition);
                            display: inline-block;
                            border-radius: 50px;
                        }
                        &:hover {
                            i {
                                background-color: #c1e602;
                                background-color: var(--mainColor);
                                color: #ffffff;
                                color: var(--whiteColor);
                            }
                        }
                    }  
                }
            } 
        }
        .job-details-map iframe {
            display: block;
            width: 100%;
            height: 240px;
        }
        .job-details-widget-tag {
            list-style: none;
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                margin: 0 0 5px 0;
                a {
                    padding: 8px 25px;
                    transition: 0.7s;
                    color: #fbbf31;
                    font-size: 14px;
                    background-color: #F8F8F8;
                    font-weight: 500;
                }
                &:hover {
                    a {
                        color: #ffffff;
                        color: var(--whiteColor);
                        background-color: #c1e602;
                        background-color: var(--mainColor);
                    }
                }
            }
        }
        .job-details-web-btn {
            margin-top: 15px;
            a {
                width: 100%;
                text-align: center;
                font-size: 15px;
                color: black;
                background-color: #c1e602;
                padding: 10px 30px;
                transition: .5s;
                transition: var(--transition);
                &:hover {
                    background-color: black;
                    color: #ffffff;
                    color: var(--whiteColor);
                }
            }
        }
    }
}

.job-details-content {
    margin-bottom: 30px;
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 23px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 17px;
    }
    a {
        color: #c1e602;
        color: var(--mainColor);
        &:hover {
            color: #000000;
            color: var(--titleColor);
        }
    }
    ul, ol {
        margin-bottom: 30px;
        li {
            margin-bottom: 10px;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    p {
        margin-bottom: 15px;
        &:last-child {
            margin-bottom: 0;
        }
    }
    .bar {
        height: 7px;
        width: 85px;
        background: #00ca9723;
        position: relative;
        border-radius: 50px;
        margin-bottom: 20px;
        &::before {
            content: "";
            position: absolute;
            top: -2px;
            left: 0;
            height: 10px;
            width: 10px;
            border-radius: 50px;
            background: #c1e602;
            background: var(--mainColor);
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-name: MOVE-BG;
        }
    }
    .job-details-list {
        margin-bottom: 30px;
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            li {
                display: block;
                margin-bottom: 15px;
                padding-left: 15px;
                position: relative;
                font-size: 16px;
                transition: .5s;
                transition: var(--transition);
                color: #696969;
                color: var(--bodyColor);
                &::before {
                    content: '';
                    position: absolute;
                    top: 10px;
                    left: 0;
                    height: 5px;
                    width: 5px;
                    border-radius: 50px;
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                }
                &:last-child {
                    margin-bottom: 0;
                }
                &:hover {
                    color: #c1e602;
                    color: var(--mainColor);
                    i {
                        background-color: #c1e602;
                        background-color: var(--mainColor);
                        color: #ffffff;
                        color: var(--whiteColor);
                    }
                }
            }
        }
    }
    .job-details-portfolio {
        .job-details-portfolio-img {
            margin-bottom: 30px;
            text-align: center;
            a {
                display: block;
                text-align: center;
                img {
                    border-radius: 20px;
                    transition: .5s;
                    transition: var(--transition);
                    text-align: center;
                }
                &:hover {
                    border-bottom: none;
                    img {
                        filter: brightness(0.5);
                    }
                }
            }
        }
    }
    .article-social-icon {
        padding: 12px 20px;
        background-color: #F8F8F8;
        margin-bottom: 30px;
        .social-icon {
            padding: 0;
            list-style-type: none;
            margin: 0;
            li {
                display: inline-block;
                margin-right: 10px;
                margin-bottom: 0;
                vertical-align: middle;
                &.title {
                    font-size: 18px;
                    color: #000000;
                    color: var(--titleColor);
                    vertical-align: middle;
                }
                &:last-child {
                    margin-right: 0;
                }
                a {
                    display: inline-block;
                    border: none;
                    i {
                        width: 35px;
                        height: 35px;
                        line-height: 35px;
                        text-align: center;
                        font-size: 18px;
                        color: #696969;
                        color: var(--bodyColor);
                        background-color:  #fff;
                        transition: .5s;
                        transition: var(--transition);
                        display: inline-block;
                        border-radius: 50px;
                    }
                    &:hover {
                        i {
                            background-color: #c1e602;
                            background-color: var(--mainColor);
                            color: #ffffff;
                            color: var(--whiteColor);
                        }
                    }
                }  
            }
        } 
    }
    .job-details-play {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        padding: 170px 0;
        text-align: center;
        background-image: url(/static/media/job-details.49d8c78dd2974c32998c.jpg);
        border-radius: 5px;
        margin-bottom: 30px;
        .play-btn {
            i {
                width: 70px;
                height: 70px;
                line-height: 70px;
                background-color: #c1e602;
                background-color: var(--mainColor);
                color: #ffffff;
                color: var(--whiteColor);
                font-size: 40px;
                border-radius: 50px;
                margin: 0 auto;
                position: relative;
                z-index: 1;
                transition: .5s;
                transition: var(--transition);
                text-align: center;
                display: inline-block;
                &::after {
                    content: '';
                    position: absolute;
                    z-index: -1;
                    top: 0;
                    right: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color: transparent;
                    border: 1px solid #c1e602;
                    border: 1px solid var(--mainColor);
                    border-radius: 50px;
                    animation: ripple 2s infinite ease-in-out;
                    transition: .5s;
                    transition: var(--transition);
                }
                &:hover {
                    background-color: #000000;
                    background-color: var(--titleColor);
                    color: #ffffff;
                    color: var(--whiteColor);
                    &::after {
                        border-color: #000000;
                        border-color: var(--titleColor);
                    }
                }
            }
        }
    }
}

.pagination-area {
    margin-top: 10px;
    margin-bottom: 30px;
    .page-numbers {
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #c1e602;
        color: var(--mainColor);
        background-color: #ffffff;
        background-color: var(--whiteColor);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
        text-align: center;
        display: inline-block;
        position: relative;
        margin-left: 3px;
        margin-right: 3px;
        font-size: 18px;
        border-radius: 50px;
        &:hover {
            background-color: #c1e602;
            background-color: var(--mainColor);
            color: #ffffff;
            color: var(--whiteColor);
        }
        i {
            position: relative;
            font-size: 25px;
            line-height: normal;
            top: 4px;
        }
        &.current {
            background-color: #c1e602;
            background-color: var(--mainColor);
            color: #ffffff;
            color: var(--whiteColor);
        }
    }
}

.single-content {
    margin-bottom: 30px;
    h1, h2, h3, h4, h5, h6 {
        margin-bottom: 15px;
    }
    h1 {
        font-size: 32px;
    }
    h2 {
        font-size: 29px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-size: 23px;
    }
    h5 {
        font-size: 20px;
    }
    h6 {
        font-size: 17px;
    }
    a {
        color: #c1e602;
        color: var(--mainColor);
        &:hover {
            color: #000000;
            color: var(--titleColor);
            border-bottom: 1px solid #c1e602;
            border-bottom: 1px solid var(--mainColor);
        }
    }
    ul, ol {
        margin-bottom: 30px;
        li {
            margin-bottom: 10px;
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
    p {
        margin-bottom: 15px;
        &:last-child {
            margin-bottom: 0;
        }
    }
}

.error-area {
    .error-content {
        text-align: center;
        position: relative;
        h1 {
            font-size: 300px;
            line-height: 0.7;
            font-weight: 700;
            color: #000000;
            color: var(--titleColor);
            span {
                color: #c1e602;
                color: var(--mainColor);
            }
        }
        h3 {
            margin: 50px 0 0;
            position: relative;
            color: #000000;
            color: var(--titleColor);
            font-size: 35px;
        }
        p {
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 18px;
            max-width: 520px;
            margin-left: auto;
            margin-right: auto;
        }
    }
}

.coming-soon-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
    .coming-soon-content {
        text-align: center;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 2;
        padding: 50px 30px;
        background-color: transparent;
        border: 3px solid #d8fade;
        h1 {
            margin-bottom: 0;
            color: #000000;
            color: var(--titleColor);
            font-size: 50px;
        }
        p {
            font-size: 16px;
            max-width: 600px;
            margin-top: 15px;
            margin-bottom: 0;
            margin-left: auto;
            margin-right: auto;
            color: #696969;
            color: var(--bodyColor);
        }
        #timer {
            margin-top: 40px;
            div {
                display: inline-block;
                color: #c1e602;
                color: var(--mainColor);
                position: relative;
                width: 80px;
                height: 80px;
                margin: 0 10px;
                font-size: 35px;
                font-weight: 700;
                background-color: transparent;
                border-radius: 5px;
                border: 2px solid #d8fade;
                span {
                    display: block;
                    text-transform: capitalize;
                    margin-top: -15px;
                    font-size: 16px;
                    font-weight: normal;
                    color: #000000;
                    color: var(--titleColor);
                }
                &:last-child {
                    margin-right: 0;
                    &::before {
                        display: none;
                    }  
                }
                &:first-child {
                    margin-left: 0;
                }
                &::before {
                    content: "";
                    position: absolute;
                    right: -50px;
                    top: -10px;
                    font-size: 70px;
                    color: #ffffff;
                }
            }
        }
        .newsletter-form {
            position: relative;
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 50px;
            .input-newsletter {
                display: block;
                width: 100%;
                height: 60px;
                border: none;
                background-color: #ffffff;
                background-color: var(--whiteColor);
                padding-left: 15px;
                color: #696969;
                color: var(--bodyColor);
                outline: 0;
                transition: 0.5s;
                border-radius: 0;
                border: 1px solid #cccccc;
                color: #5d5d5d;
                &:focus {
                    border-color:  #c1e602;
                    border-color:  var(--mainColor);
                }
            }
            .default-btn {
                position: absolute;
                right: 0;
                top: 0;
                height: 60px;
                padding: 0 30px;
                text-transform: uppercase;
                outline: 0;
                color: #ffffff;
                transition: 0.5s;
                font-weight: 500;
                font-size: 15px;
                cursor: pointer;
                background-color: #c1e602;
                background-color: var(--mainColor);
                border-radius: 0;
                &::before {
                    border-radius: 0;
                    background-color: #000000;
                    background-color: var(--titleColor);
                }
                &:hover {
                    color: #ffffff;
                    background-color: #190f3c;
                }
            }
        }
    }
    #validator-newsletter {
        text-align: left;
        color: #dc3545 !important;
    }
}

.buy-now-btn {
    img {
        top: 50%;
        left: 20px;
        width: 15px;
        position: absolute;
        transform: translateY(-50%);
    }
    right: 20px;
    z-index: 99;
    top: 50%;
    position: fixed;
    transform: translateY(-50%);
    border-radius: 30px;
    display: inline-block;
    color: #ffffff;
    color: var(--whiteColor);
    background-color: #82b440;
    padding: 10px 20px 10px 42px;
    box-shadow: 0 1px 20px 1px #82b440;
    font-size: 13px;
    font-weight: 600;
    &:hover {
        color: #ffffff;
        color: var(--whiteColor);
        background-color: #94be5d;
    }
}

.footer-area {
    background-color: #f1f9c6;
}
.footer-widget {
    margin-bottom: 30px;
    h3 {
        margin-top: 0;
        font-size: 22px;
        margin-bottom: 30px;
        color: #000000;
        color: var(--titleColor);
        line-height: 1.2;
        &.title {
            margin-bottom: 20px;
            font-size: 20px;
            color: #000000;
            color: var(--titleColor);
        }
    }
    .footer-logo {
        margin-bottom: 20px;
        .footer-logo2 {
            display: none;
        }
    }
    p {
        margin-bottom: 20px;
        color: #696969;
        color: var(--bodyColor);
        max-width: 380px;
    }
    .footer-list {
        list-style: none;
        margin: 0;
        padding: 0;
        li {
            display: block;
            margin-bottom:  15px;
            &:last-child {
                margin-bottom: 0;
            }
            a {
                color: #696969;
                color: var(--bodyColor);
                position: relative;
                font-weight: 400;
                &::before {
                    content: '';
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    width: 100%;
                    height: 1px;
                    background-color: #c1e602;
                    background-color: var(--mainColor);
                    transition: .5s;
                    transition: var(--transition);
                    transform: scale(0);
                }
                &:hover {
                    color: #c1e602;
                    color: var(--mainColor);
                    letter-spacing: 0.25px; 
                    &::before {
                        transform: scale(1);
                    }
                }
            }
            &:hover {
                a {
                    color: #fcbf31;
                    letter-spacing: 0.25px; 
                }
            }
        }
    }
    .footer-contact-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: block;
            margin-bottom: 15px;
            padding-left: 30px;
            position: relative;
            i {
                position: absolute;
                top: 5px;
                left: 0;
                font-size: 20px;
                color: #fcbf31;
                line-height: normal;
                line-height: 1;
            }
            .content {
                a {
                    color: #696969;
                    color: var(--bodyColor);
                    &:hover {
                        color: #c1e602;
                        color: var(--mainColor);
                    }
                }
            }
        }
    }
}
.copyright-area {
   border-top: 1px solid #F2F2F2;
    padding: 15px 0;
}
.copy-right-text {
    text-align: left;
    p {
        color: #000000;
        color: var(--titleColor);
        margin-bottom: 0;
        a {
            color:  #fcbf31;
            position: relative;
            &::before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                height: 1px;
                background-color:  #c1e602;
                background-color:  var(--mainColor);
                transition: .5s;
                transition: var(--transition);
                transform: scale(0);
            }
            &:hover {
                color: #000000;
                color: var(--titleColor);
                &::before {
                    transform: scale(1);
                }
            }
        }
    }
}
.copy-right-social-link {
    text-align: right;
    .social-link {
        list-style-type: none;
        margin: 0;
        padding: 0;
        li {
            display: inline-block;
            margin-right: 15px;
            vertical-align: middle;
            &:last-child {
                margin-right: 0;
            }
            a {
                i {
                    border-radius: 0;
                    color: white;
                    text-align: center;
                    font-size: 18px;
                    transition: .5s;
                    transition: var(--transition);
                    line-height: 1;
                }
                &:hover {
                    i {
                        color: #c1e602;
                        color: var(--mainColor);
                    }
                }
            }
        }
    }
}


.categories-title {
    margin-bottom: 30px;
    h3 {
        font-size: 24px;
        color: #000000;
        color: var(--titleColor);
        span {
            color: #696969;
            color: var(--bodyColor);
            font-size: 17px;
        }
    }
}


.go-top {
    position: fixed;
    top: 60%;
    right: 3%;
    opacity: 0;
    cursor: pointer;
    text-decoration: none;
    color: #ffffff;
    color: var(--whiteColor);
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #c1e602;
    background: var(--mainColor);
    border-radius: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    z-index: 100;
    transition: 0.5s;
    &::before {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        border: 0.5px solid #c1e602;
        border: 0.5px solid var(--mainColor);
        border-radius: 0;
        animation: ripple 2s infinite ease-in-out;
        transition: .5s;
        transition: var(--transition);
    }
    i {
        transition: 0.5s;
        vertical-align: middle;
    }
    &:hover {
        background-color: #000000;
        background-color: var(--titleColor);
        i {
            transform: translateY(-5px);
        }
        &::before { 
            border-color: #000000; 
            border-color: var(--titleColor);
        }
    }
    &.active {
        top: 95%;
        transform: translateY(-95%);
        opacity: 1;
        visibility: visible;
    }
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #c1e602;
    background: var(--mainColor);
} 
.spinner {
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #ffffff;
    background-color: var(--whiteColor);
    margin: 100px auto;
    animation: rotate-in 1.2s infinite ease-in-out;
}
  
@keyframes rotate-in {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes ripple {
    0% {
      transform: scale(1);
    }
  
    75% {
      transform: scale(1.3);
      opacity: 1;
    }
  
    100% {
      transform: scale(1.5);
      opacity: 0;
    }
}
/*
* Remix Icon v4.2.0
* https://remixicon.com
* https://github.com/Remix-Design/RemixIcon
*
* Copyright RemixIcon.com
* Released under the Apache License Version 2.0
*
* Date: 2024-02-25
*/
@font-face {
    font-family: "remixicon";
    src: url(/static/media/remixicon.918a6e24637af868f0ae.eot); /* IE9*/
    src: url(/static/media/remixicon.918a6e24637af868f0ae.eot#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(/static/media/remixicon.11bc908555df35c11b24.woff2) format("woff2"),
    url(/static/media/remixicon.442ee771ea7ae5b713e4.woff) format("woff"),
    url(/static/media/remixicon.13d81601cf448c068ce1.ttf) format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url(/static/media/remixicon.0551ce0fd52a1a7b1230.svg#remixicon) format('svg'); /* iOS 4.1- */
    font-display: swap;
  }
  
  [class^="ri-"], [class*=" ri-"] {
    font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .ri-lg { font-size: 1.3333em; line-height: 0.75em; vertical-align: -.0667em; }
  .ri-xl { font-size: 1.5em; line-height: 0.6666em; vertical-align: -.075em; }
  .ri-xxs { font-size: .5em; }
  .ri-xs { font-size: .75em; }
  .ri-sm { font-size: .875em }
  .ri-1x { font-size: 1em; }
  .ri-2x { font-size: 2em; }
  .ri-3x { font-size: 3em; }
  .ri-4x { font-size: 4em; }
  .ri-5x { font-size: 5em; }
  .ri-6x { font-size: 6em; }
  .ri-7x { font-size: 7em; }
  .ri-8x { font-size: 8em; }
  .ri-9x { font-size: 9em; }
  .ri-10x { font-size: 10em; }
  .ri-fw { text-align: center; width: 1.25em; }
  
  .ri-24-hours-fill:before { content: "\ea01"; }
  .ri-24-hours-line:before { content: "\ea02"; }
  .ri-4k-fill:before { content: "\ea03"; }
  .ri-4k-line:before { content: "\ea04"; }
  .ri-a-b:before { content: "\ea05"; }
  .ri-account-box-fill:before { content: "\ea06"; }
  .ri-account-box-line:before { content: "\ea07"; }
  .ri-account-circle-fill:before { content: "\ea08"; }
  .ri-account-circle-line:before { content: "\ea09"; }
  .ri-account-pin-box-fill:before { content: "\ea0a"; }
  .ri-account-pin-box-line:before { content: "\ea0b"; }
  .ri-account-pin-circle-fill:before { content: "\ea0c"; }
  .ri-account-pin-circle-line:before { content: "\ea0d"; }
  .ri-add-box-fill:before { content: "\ea0e"; }
  .ri-add-box-line:before { content: "\ea0f"; }
  .ri-add-circle-fill:before { content: "\ea10"; }
  .ri-add-circle-line:before { content: "\ea11"; }
  .ri-add-fill:before { content: "\ea12"; }
  .ri-add-line:before { content: "\ea13"; }
  .ri-admin-fill:before { content: "\ea14"; }
  .ri-admin-line:before { content: "\ea15"; }
  .ri-advertisement-fill:before { content: "\ea16"; }
  .ri-advertisement-line:before { content: "\ea17"; }
  .ri-airplay-fill:before { content: "\ea18"; }
  .ri-airplay-line:before { content: "\ea19"; }
  .ri-alarm-fill:before { content: "\ea1a"; }
  .ri-alarm-line:before { content: "\ea1b"; }
  .ri-alarm-warning-fill:before { content: "\ea1c"; }
  .ri-alarm-warning-line:before { content: "\ea1d"; }
  .ri-album-fill:before { content: "\ea1e"; }
  .ri-album-line:before { content: "\ea1f"; }
  .ri-alert-fill:before { content: "\ea20"; }
  .ri-alert-line:before { content: "\ea21"; }
  .ri-aliens-fill:before { content: "\ea22"; }
  .ri-aliens-line:before { content: "\ea23"; }
  .ri-align-bottom:before { content: "\ea24"; }
  .ri-align-center:before { content: "\ea25"; }
  .ri-align-justify:before { content: "\ea26"; }
  .ri-align-left:before { content: "\ea27"; }
  .ri-align-right:before { content: "\ea28"; }
  .ri-align-top:before { content: "\ea29"; }
  .ri-align-vertically:before { content: "\ea2a"; }
  .ri-alipay-fill:before { content: "\ea2b"; }
  .ri-alipay-line:before { content: "\ea2c"; }
  .ri-amazon-fill:before { content: "\ea2d"; }
  .ri-amazon-line:before { content: "\ea2e"; }
  .ri-anchor-fill:before { content: "\ea2f"; }
  .ri-anchor-line:before { content: "\ea30"; }
  .ri-ancient-gate-fill:before { content: "\ea31"; }
  .ri-ancient-gate-line:before { content: "\ea32"; }
  .ri-ancient-pavilion-fill:before { content: "\ea33"; }
  .ri-ancient-pavilion-line:before { content: "\ea34"; }
  .ri-android-fill:before { content: "\ea35"; }
  .ri-android-line:before { content: "\ea36"; }
  .ri-angularjs-fill:before { content: "\ea37"; }
  .ri-angularjs-line:before { content: "\ea38"; }
  .ri-anticlockwise-2-fill:before { content: "\ea39"; }
  .ri-anticlockwise-2-line:before { content: "\ea3a"; }
  .ri-anticlockwise-fill:before { content: "\ea3b"; }
  .ri-anticlockwise-line:before { content: "\ea3c"; }
  .ri-app-store-fill:before { content: "\ea3d"; }
  .ri-app-store-line:before { content: "\ea3e"; }
  .ri-apple-fill:before { content: "\ea3f"; }
  .ri-apple-line:before { content: "\ea40"; }
  .ri-apps-2-fill:before { content: "\ea41"; }
  .ri-apps-2-line:before { content: "\ea42"; }
  .ri-apps-fill:before { content: "\ea43"; }
  .ri-apps-line:before { content: "\ea44"; }
  .ri-archive-drawer-fill:before { content: "\ea45"; }
  .ri-archive-drawer-line:before { content: "\ea46"; }
  .ri-archive-fill:before { content: "\ea47"; }
  .ri-archive-line:before { content: "\ea48"; }
  .ri-arrow-down-circle-fill:before { content: "\ea49"; }
  .ri-arrow-down-circle-line:before { content: "\ea4a"; }
  .ri-arrow-down-fill:before { content: "\ea4b"; }
  .ri-arrow-down-line:before { content: "\ea4c"; }
  .ri-arrow-down-s-fill:before { content: "\ea4d"; }
  .ri-arrow-down-s-line:before { content: "\ea4e"; }
  .ri-arrow-drop-down-fill:before { content: "\ea4f"; }
  .ri-arrow-drop-down-line:before { content: "\ea50"; }
  .ri-arrow-drop-left-fill:before { content: "\ea51"; }
  .ri-arrow-drop-left-line:before { content: "\ea52"; }
  .ri-arrow-drop-right-fill:before { content: "\ea53"; }
  .ri-arrow-drop-right-line:before { content: "\ea54"; }
  .ri-arrow-drop-up-fill:before { content: "\ea55"; }
  .ri-arrow-drop-up-line:before { content: "\ea56"; }
  .ri-arrow-go-back-fill:before { content: "\ea57"; }
  .ri-arrow-go-back-line:before { content: "\ea58"; }
  .ri-arrow-go-forward-fill:before { content: "\ea59"; }
  .ri-arrow-go-forward-line:before { content: "\ea5a"; }
  .ri-arrow-left-circle-fill:before { content: "\ea5b"; }
  .ri-arrow-left-circle-line:before { content: "\ea5c"; }
  .ri-arrow-left-down-fill:before { content: "\ea5d"; }
  .ri-arrow-left-down-line:before { content: "\ea5e"; }
  .ri-arrow-left-fill:before { content: "\ea5f"; }
  .ri-arrow-left-line:before { content: "\ea60"; }
  .ri-arrow-left-right-fill:before { content: "\ea61"; }
  .ri-arrow-left-right-line:before { content: "\ea62"; }
  .ri-arrow-left-s-fill:before { content: "\ea63"; }
  .ri-arrow-left-s-line:before { content: "\ea64"; }
  .ri-arrow-left-up-fill:before { content: "\ea65"; }
  .ri-arrow-left-up-line:before { content: "\ea66"; }
  .ri-arrow-right-circle-fill:before { content: "\ea67"; }
  .ri-arrow-right-circle-line:before { content: "\ea68"; }
  .ri-arrow-right-down-fill:before { content: "\ea69"; }
  .ri-arrow-right-down-line:before { content: "\ea6a"; }
  .ri-arrow-right-fill:before { content: "\ea6b"; }
  .ri-arrow-right-line:before { content: "\ea6c"; }
  .ri-arrow-right-s-fill:before { content: "\ea6d"; }
  .ri-arrow-right-s-line:before { content: "\ea6e"; }
  .ri-arrow-right-up-fill:before { content: "\ea6f"; }
  .ri-arrow-right-up-line:before { content: "\ea70"; }
  .ri-arrow-up-circle-fill:before { content: "\ea71"; }
  .ri-arrow-up-circle-line:before { content: "\ea72"; }
  .ri-arrow-up-down-fill:before { content: "\ea73"; }
  .ri-arrow-up-down-line:before { content: "\ea74"; }
  .ri-arrow-up-fill:before { content: "\ea75"; }
  .ri-arrow-up-line:before { content: "\ea76"; }
  .ri-arrow-up-s-fill:before { content: "\ea77"; }
  .ri-arrow-up-s-line:before { content: "\ea78"; }
  .ri-artboard-2-fill:before { content: "\ea79"; }
  .ri-artboard-2-line:before { content: "\ea7a"; }
  .ri-artboard-fill:before { content: "\ea7b"; }
  .ri-artboard-line:before { content: "\ea7c"; }
  .ri-article-fill:before { content: "\ea7d"; }
  .ri-article-line:before { content: "\ea7e"; }
  .ri-aspect-ratio-fill:before { content: "\ea7f"; }
  .ri-aspect-ratio-line:before { content: "\ea80"; }
  .ri-asterisk:before { content: "\ea81"; }
  .ri-at-fill:before { content: "\ea82"; }
  .ri-at-line:before { content: "\ea83"; }
  .ri-attachment-2:before { content: "\ea84"; }
  .ri-attachment-fill:before { content: "\ea85"; }
  .ri-attachment-line:before { content: "\ea86"; }
  .ri-auction-fill:before { content: "\ea87"; }
  .ri-auction-line:before { content: "\ea88"; }
  .ri-award-fill:before { content: "\ea89"; }
  .ri-award-line:before { content: "\ea8a"; }
  .ri-baidu-fill:before { content: "\ea8b"; }
  .ri-baidu-line:before { content: "\ea8c"; }
  .ri-ball-pen-fill:before { content: "\ea8d"; }
  .ri-ball-pen-line:before { content: "\ea8e"; }
  .ri-bank-card-2-fill:before { content: "\ea8f"; }
  .ri-bank-card-2-line:before { content: "\ea90"; }
  .ri-bank-card-fill:before { content: "\ea91"; }
  .ri-bank-card-line:before { content: "\ea92"; }
  .ri-bank-fill:before { content: "\ea93"; }
  .ri-bank-line:before { content: "\ea94"; }
  .ri-bar-chart-2-fill:before { content: "\ea95"; }
  .ri-bar-chart-2-line:before { content: "\ea96"; }
  .ri-bar-chart-box-fill:before { content: "\ea97"; }
  .ri-bar-chart-box-line:before { content: "\ea98"; }
  .ri-bar-chart-fill:before { content: "\ea99"; }
  .ri-bar-chart-grouped-fill:before { content: "\ea9a"; }
  .ri-bar-chart-grouped-line:before { content: "\ea9b"; }
  .ri-bar-chart-horizontal-fill:before { content: "\ea9c"; }
  .ri-bar-chart-horizontal-line:before { content: "\ea9d"; }
  .ri-bar-chart-line:before { content: "\ea9e"; }
  .ri-barcode-box-fill:before { content: "\ea9f"; }
  .ri-barcode-box-line:before { content: "\eaa0"; }
  .ri-barcode-fill:before { content: "\eaa1"; }
  .ri-barcode-line:before { content: "\eaa2"; }
  .ri-barricade-fill:before { content: "\eaa3"; }
  .ri-barricade-line:before { content: "\eaa4"; }
  .ri-base-station-fill:before { content: "\eaa5"; }
  .ri-base-station-line:before { content: "\eaa6"; }
  .ri-basketball-fill:before { content: "\eaa7"; }
  .ri-basketball-line:before { content: "\eaa8"; }
  .ri-battery-2-charge-fill:before { content: "\eaa9"; }
  .ri-battery-2-charge-line:before { content: "\eaaa"; }
  .ri-battery-2-fill:before { content: "\eaab"; }
  .ri-battery-2-line:before { content: "\eaac"; }
  .ri-battery-charge-fill:before { content: "\eaad"; }
  .ri-battery-charge-line:before { content: "\eaae"; }
  .ri-battery-fill:before { content: "\eaaf"; }
  .ri-battery-line:before { content: "\eab0"; }
  .ri-battery-low-fill:before { content: "\eab1"; }
  .ri-battery-low-line:before { content: "\eab2"; }
  .ri-battery-saver-fill:before { content: "\eab3"; }
  .ri-battery-saver-line:before { content: "\eab4"; }
  .ri-battery-share-fill:before { content: "\eab5"; }
  .ri-battery-share-line:before { content: "\eab6"; }
  .ri-bear-smile-fill:before { content: "\eab7"; }
  .ri-bear-smile-line:before { content: "\eab8"; }
  .ri-behance-fill:before { content: "\eab9"; }
  .ri-behance-line:before { content: "\eaba"; }
  .ri-bell-fill:before { content: "\eabb"; }
  .ri-bell-line:before { content: "\eabc"; }
  .ri-bike-fill:before { content: "\eabd"; }
  .ri-bike-line:before { content: "\eabe"; }
  .ri-bilibili-fill:before { content: "\eabf"; }
  .ri-bilibili-line:before { content: "\eac0"; }
  .ri-bill-fill:before { content: "\eac1"; }
  .ri-bill-line:before { content: "\eac2"; }
  .ri-billiards-fill:before { content: "\eac3"; }
  .ri-billiards-line:before { content: "\eac4"; }
  .ri-bit-coin-fill:before { content: "\eac5"; }
  .ri-bit-coin-line:before { content: "\eac6"; }
  .ri-blaze-fill:before { content: "\eac7"; }
  .ri-blaze-line:before { content: "\eac8"; }
  .ri-bluetooth-connect-fill:before { content: "\eac9"; }
  .ri-bluetooth-connect-line:before { content: "\eaca"; }
  .ri-bluetooth-fill:before { content: "\eacb"; }
  .ri-bluetooth-line:before { content: "\eacc"; }
  .ri-blur-off-fill:before { content: "\eacd"; }
  .ri-blur-off-line:before { content: "\eace"; }
  .ri-body-scan-fill:before { content: "\eacf"; }
  .ri-body-scan-line:before { content: "\ead0"; }
  .ri-bold:before { content: "\ead1"; }
  .ri-book-2-fill:before { content: "\ead2"; }
  .ri-book-2-line:before { content: "\ead3"; }
  .ri-book-3-fill:before { content: "\ead4"; }
  .ri-book-3-line:before { content: "\ead5"; }
  .ri-book-fill:before { content: "\ead6"; }
  .ri-book-line:before { content: "\ead7"; }
  .ri-book-marked-fill:before { content: "\ead8"; }
  .ri-book-marked-line:before { content: "\ead9"; }
  .ri-book-open-fill:before { content: "\eada"; }
  .ri-book-open-line:before { content: "\eadb"; }
  .ri-book-read-fill:before { content: "\eadc"; }
  .ri-book-read-line:before { content: "\eadd"; }
  .ri-booklet-fill:before { content: "\eade"; }
  .ri-booklet-line:before { content: "\eadf"; }
  .ri-bookmark-2-fill:before { content: "\eae0"; }
  .ri-bookmark-2-line:before { content: "\eae1"; }
  .ri-bookmark-3-fill:before { content: "\eae2"; }
  .ri-bookmark-3-line:before { content: "\eae3"; }
  .ri-bookmark-fill:before { content: "\eae4"; }
  .ri-bookmark-line:before { content: "\eae5"; }
  .ri-boxing-fill:before { content: "\eae6"; }
  .ri-boxing-line:before { content: "\eae7"; }
  .ri-braces-fill:before { content: "\eae8"; }
  .ri-braces-line:before { content: "\eae9"; }
  .ri-brackets-fill:before { content: "\eaea"; }
  .ri-brackets-line:before { content: "\eaeb"; }
  .ri-briefcase-2-fill:before { content: "\eaec"; }
  .ri-briefcase-2-line:before { content: "\eaed"; }
  .ri-briefcase-3-fill:before { content: "\eaee"; }
  .ri-briefcase-3-line:before { content: "\eaef"; }
  .ri-briefcase-4-fill:before { content: "\eaf0"; }
  .ri-briefcase-4-line:before { content: "\eaf1"; }
  .ri-briefcase-5-fill:before { content: "\eaf2"; }
  .ri-briefcase-5-line:before { content: "\eaf3"; }
  .ri-briefcase-fill:before { content: "\eaf4"; }
  .ri-briefcase-line:before { content: "\eaf5"; }
  .ri-bring-forward:before { content: "\eaf6"; }
  .ri-bring-to-front:before { content: "\eaf7"; }
  .ri-broadcast-fill:before { content: "\eaf8"; }
  .ri-broadcast-line:before { content: "\eaf9"; }
  .ri-brush-2-fill:before { content: "\eafa"; }
  .ri-brush-2-line:before { content: "\eafb"; }
  .ri-brush-3-fill:before { content: "\eafc"; }
  .ri-brush-3-line:before { content: "\eafd"; }
  .ri-brush-4-fill:before { content: "\eafe"; }
  .ri-brush-4-line:before { content: "\eaff"; }
  .ri-brush-fill:before { content: "\eb00"; }
  .ri-brush-line:before { content: "\eb01"; }
  .ri-bubble-chart-fill:before { content: "\eb02"; }
  .ri-bubble-chart-line:before { content: "\eb03"; }
  .ri-bug-2-fill:before { content: "\eb04"; }
  .ri-bug-2-line:before { content: "\eb05"; }
  .ri-bug-fill:before { content: "\eb06"; }
  .ri-bug-line:before { content: "\eb07"; }
  .ri-building-2-fill:before { content: "\eb08"; }
  .ri-building-2-line:before { content: "\eb09"; }
  .ri-building-3-fill:before { content: "\eb0a"; }
  .ri-building-3-line:before { content: "\eb0b"; }
  .ri-building-4-fill:before { content: "\eb0c"; }
  .ri-building-4-line:before { content: "\eb0d"; }
  .ri-building-fill:before { content: "\eb0e"; }
  .ri-building-line:before { content: "\eb0f"; }
  .ri-bus-2-fill:before { content: "\eb10"; }
  .ri-bus-2-line:before { content: "\eb11"; }
  .ri-bus-fill:before { content: "\eb12"; }
  .ri-bus-line:before { content: "\eb13"; }
  .ri-bus-wifi-fill:before { content: "\eb14"; }
  .ri-bus-wifi-line:before { content: "\eb15"; }
  .ri-cactus-fill:before { content: "\eb16"; }
  .ri-cactus-line:before { content: "\eb17"; }
  .ri-cake-2-fill:before { content: "\eb18"; }
  .ri-cake-2-line:before { content: "\eb19"; }
  .ri-cake-3-fill:before { content: "\eb1a"; }
  .ri-cake-3-line:before { content: "\eb1b"; }
  .ri-cake-fill:before { content: "\eb1c"; }
  .ri-cake-line:before { content: "\eb1d"; }
  .ri-calculator-fill:before { content: "\eb1e"; }
  .ri-calculator-line:before { content: "\eb1f"; }
  .ri-calendar-2-fill:before { content: "\eb20"; }
  .ri-calendar-2-line:before { content: "\eb21"; }
  .ri-calendar-check-fill:before { content: "\eb22"; }
  .ri-calendar-check-line:before { content: "\eb23"; }
  .ri-calendar-event-fill:before { content: "\eb24"; }
  .ri-calendar-event-line:before { content: "\eb25"; }
  .ri-calendar-fill:before { content: "\eb26"; }
  .ri-calendar-line:before { content: "\eb27"; }
  .ri-calendar-todo-fill:before { content: "\eb28"; }
  .ri-calendar-todo-line:before { content: "\eb29"; }
  .ri-camera-2-fill:before { content: "\eb2a"; }
  .ri-camera-2-line:before { content: "\eb2b"; }
  .ri-camera-3-fill:before { content: "\eb2c"; }
  .ri-camera-3-line:before { content: "\eb2d"; }
  .ri-camera-fill:before { content: "\eb2e"; }
  .ri-camera-lens-fill:before { content: "\eb2f"; }
  .ri-camera-lens-line:before { content: "\eb30"; }
  .ri-camera-line:before { content: "\eb31"; }
  .ri-camera-off-fill:before { content: "\eb32"; }
  .ri-camera-off-line:before { content: "\eb33"; }
  .ri-camera-switch-fill:before { content: "\eb34"; }
  .ri-camera-switch-line:before { content: "\eb35"; }
  .ri-capsule-fill:before { content: "\eb36"; }
  .ri-capsule-line:before { content: "\eb37"; }
  .ri-car-fill:before { content: "\eb38"; }
  .ri-car-line:before { content: "\eb39"; }
  .ri-car-washing-fill:before { content: "\eb3a"; }
  .ri-car-washing-line:before { content: "\eb3b"; }
  .ri-caravan-fill:before { content: "\eb3c"; }
  .ri-caravan-line:before { content: "\eb3d"; }
  .ri-cast-fill:before { content: "\eb3e"; }
  .ri-cast-line:before { content: "\eb3f"; }
  .ri-cellphone-fill:before { content: "\eb40"; }
  .ri-cellphone-line:before { content: "\eb41"; }
  .ri-celsius-fill:before { content: "\eb42"; }
  .ri-celsius-line:before { content: "\eb43"; }
  .ri-centos-fill:before { content: "\eb44"; }
  .ri-centos-line:before { content: "\eb45"; }
  .ri-character-recognition-fill:before { content: "\eb46"; }
  .ri-character-recognition-line:before { content: "\eb47"; }
  .ri-charging-pile-2-fill:before { content: "\eb48"; }
  .ri-charging-pile-2-line:before { content: "\eb49"; }
  .ri-charging-pile-fill:before { content: "\eb4a"; }
  .ri-charging-pile-line:before { content: "\eb4b"; }
  .ri-chat-1-fill:before { content: "\eb4c"; }
  .ri-chat-1-line:before { content: "\eb4d"; }
  .ri-chat-2-fill:before { content: "\eb4e"; }
  .ri-chat-2-line:before { content: "\eb4f"; }
  .ri-chat-3-fill:before { content: "\eb50"; }
  .ri-chat-3-line:before { content: "\eb51"; }
  .ri-chat-4-fill:before { content: "\eb52"; }
  .ri-chat-4-line:before { content: "\eb53"; }
  .ri-chat-check-fill:before { content: "\eb54"; }
  .ri-chat-check-line:before { content: "\eb55"; }
  .ri-chat-delete-fill:before { content: "\eb56"; }
  .ri-chat-delete-line:before { content: "\eb57"; }
  .ri-chat-download-fill:before { content: "\eb58"; }
  .ri-chat-download-line:before { content: "\eb59"; }
  .ri-chat-follow-up-fill:before { content: "\eb5a"; }
  .ri-chat-follow-up-line:before { content: "\eb5b"; }
  .ri-chat-forward-fill:before { content: "\eb5c"; }
  .ri-chat-forward-line:before { content: "\eb5d"; }
  .ri-chat-heart-fill:before { content: "\eb5e"; }
  .ri-chat-heart-line:before { content: "\eb5f"; }
  .ri-chat-history-fill:before { content: "\eb60"; }
  .ri-chat-history-line:before { content: "\eb61"; }
  .ri-chat-new-fill:before { content: "\eb62"; }
  .ri-chat-new-line:before { content: "\eb63"; }
  .ri-chat-off-fill:before { content: "\eb64"; }
  .ri-chat-off-line:before { content: "\eb65"; }
  .ri-chat-poll-fill:before { content: "\eb66"; }
  .ri-chat-poll-line:before { content: "\eb67"; }
  .ri-chat-private-fill:before { content: "\eb68"; }
  .ri-chat-private-line:before { content: "\eb69"; }
  .ri-chat-quote-fill:before { content: "\eb6a"; }
  .ri-chat-quote-line:before { content: "\eb6b"; }
  .ri-chat-settings-fill:before { content: "\eb6c"; }
  .ri-chat-settings-line:before { content: "\eb6d"; }
  .ri-chat-smile-2-fill:before { content: "\eb6e"; }
  .ri-chat-smile-2-line:before { content: "\eb6f"; }
  .ri-chat-smile-3-fill:before { content: "\eb70"; }
  .ri-chat-smile-3-line:before { content: "\eb71"; }
  .ri-chat-smile-fill:before { content: "\eb72"; }
  .ri-chat-smile-line:before { content: "\eb73"; }
  .ri-chat-upload-fill:before { content: "\eb74"; }
  .ri-chat-upload-line:before { content: "\eb75"; }
  .ri-chat-voice-fill:before { content: "\eb76"; }
  .ri-chat-voice-line:before { content: "\eb77"; }
  .ri-check-double-fill:before { content: "\eb78"; }
  .ri-check-double-line:before { content: "\eb79"; }
  .ri-check-fill:before { content: "\eb7a"; }
  .ri-check-line:before { content: "\eb7b"; }
  .ri-checkbox-blank-circle-fill:before { content: "\eb7c"; }
  .ri-checkbox-blank-circle-line:before { content: "\eb7d"; }
  .ri-checkbox-blank-fill:before { content: "\eb7e"; }
  .ri-checkbox-blank-line:before { content: "\eb7f"; }
  .ri-checkbox-circle-fill:before { content: "\eb80"; }
  .ri-checkbox-circle-line:before { content: "\eb81"; }
  .ri-checkbox-fill:before { content: "\eb82"; }
  .ri-checkbox-indeterminate-fill:before { content: "\eb83"; }
  .ri-checkbox-indeterminate-line:before { content: "\eb84"; }
  .ri-checkbox-line:before { content: "\eb85"; }
  .ri-checkbox-multiple-blank-fill:before { content: "\eb86"; }
  .ri-checkbox-multiple-blank-line:before { content: "\eb87"; }
  .ri-checkbox-multiple-fill:before { content: "\eb88"; }
  .ri-checkbox-multiple-line:before { content: "\eb89"; }
  .ri-china-railway-fill:before { content: "\eb8a"; }
  .ri-china-railway-line:before { content: "\eb8b"; }
  .ri-chrome-fill:before { content: "\eb8c"; }
  .ri-chrome-line:before { content: "\eb8d"; }
  .ri-clapperboard-fill:before { content: "\eb8e"; }
  .ri-clapperboard-line:before { content: "\eb8f"; }
  .ri-clipboard-fill:before { content: "\eb90"; }
  .ri-clipboard-line:before { content: "\eb91"; }
  .ri-clockwise-2-fill:before { content: "\eb92"; }
  .ri-clockwise-2-line:before { content: "\eb93"; }
  .ri-clockwise-fill:before { content: "\eb94"; }
  .ri-clockwise-line:before { content: "\eb95"; }
  .ri-close-circle-fill:before { content: "\eb96"; }
  .ri-close-circle-line:before { content: "\eb97"; }
  .ri-close-fill:before { content: "\eb98"; }
  .ri-close-line:before { content: "\eb99"; }
  .ri-closed-captioning-fill:before { content: "\eb9a"; }
  .ri-closed-captioning-line:before { content: "\eb9b"; }
  .ri-cloud-fill:before { content: "\eb9c"; }
  .ri-cloud-line:before { content: "\eb9d"; }
  .ri-cloud-off-fill:before { content: "\eb9e"; }
  .ri-cloud-off-line:before { content: "\eb9f"; }
  .ri-cloud-windy-fill:before { content: "\eba0"; }
  .ri-cloud-windy-line:before { content: "\eba1"; }
  .ri-cloudy-2-fill:before { content: "\eba2"; }
  .ri-cloudy-2-line:before { content: "\eba3"; }
  .ri-cloudy-fill:before { content: "\eba4"; }
  .ri-cloudy-line:before { content: "\eba5"; }
  .ri-code-box-fill:before { content: "\eba6"; }
  .ri-code-box-line:before { content: "\eba7"; }
  .ri-code-fill:before { content: "\eba8"; }
  .ri-code-line:before { content: "\eba9"; }
  .ri-code-s-fill:before { content: "\ebaa"; }
  .ri-code-s-line:before { content: "\ebab"; }
  .ri-code-s-slash-fill:before { content: "\ebac"; }
  .ri-code-s-slash-line:before { content: "\ebad"; }
  .ri-code-view:before { content: "\ebae"; }
  .ri-codepen-fill:before { content: "\ebaf"; }
  .ri-codepen-line:before { content: "\ebb0"; }
  .ri-coin-fill:before { content: "\ebb1"; }
  .ri-coin-line:before { content: "\ebb2"; }
  .ri-coins-fill:before { content: "\ebb3"; }
  .ri-coins-line:before { content: "\ebb4"; }
  .ri-collage-fill:before { content: "\ebb5"; }
  .ri-collage-line:before { content: "\ebb6"; }
  .ri-command-fill:before { content: "\ebb7"; }
  .ri-command-line:before { content: "\ebb8"; }
  .ri-community-fill:before { content: "\ebb9"; }
  .ri-community-line:before { content: "\ebba"; }
  .ri-compass-2-fill:before { content: "\ebbb"; }
  .ri-compass-2-line:before { content: "\ebbc"; }
  .ri-compass-3-fill:before { content: "\ebbd"; }
  .ri-compass-3-line:before { content: "\ebbe"; }
  .ri-compass-4-fill:before { content: "\ebbf"; }
  .ri-compass-4-line:before { content: "\ebc0"; }
  .ri-compass-discover-fill:before { content: "\ebc1"; }
  .ri-compass-discover-line:before { content: "\ebc2"; }
  .ri-compass-fill:before { content: "\ebc3"; }
  .ri-compass-line:before { content: "\ebc4"; }
  .ri-compasses-2-fill:before { content: "\ebc5"; }
  .ri-compasses-2-line:before { content: "\ebc6"; }
  .ri-compasses-fill:before { content: "\ebc7"; }
  .ri-compasses-line:before { content: "\ebc8"; }
  .ri-computer-fill:before { content: "\ebc9"; }
  .ri-computer-line:before { content: "\ebca"; }
  .ri-contacts-book-2-fill:before { content: "\ebcb"; }
  .ri-contacts-book-2-line:before { content: "\ebcc"; }
  .ri-contacts-book-fill:before { content: "\ebcd"; }
  .ri-contacts-book-line:before { content: "\ebce"; }
  .ri-contacts-book-upload-fill:before { content: "\ebcf"; }
  .ri-contacts-book-upload-line:before { content: "\ebd0"; }
  .ri-contacts-fill:before { content: "\ebd1"; }
  .ri-contacts-line:before { content: "\ebd2"; }
  .ri-contrast-2-fill:before { content: "\ebd3"; }
  .ri-contrast-2-line:before { content: "\ebd4"; }
  .ri-contrast-drop-2-fill:before { content: "\ebd5"; }
  .ri-contrast-drop-2-line:before { content: "\ebd6"; }
  .ri-contrast-drop-fill:before { content: "\ebd7"; }
  .ri-contrast-drop-line:before { content: "\ebd8"; }
  .ri-contrast-fill:before { content: "\ebd9"; }
  .ri-contrast-line:before { content: "\ebda"; }
  .ri-copper-coin-fill:before { content: "\ebdb"; }
  .ri-copper-coin-line:before { content: "\ebdc"; }
  .ri-copper-diamond-fill:before { content: "\ebdd"; }
  .ri-copper-diamond-line:before { content: "\ebde"; }
  .ri-copyleft-fill:before { content: "\ebdf"; }
  .ri-copyleft-line:before { content: "\ebe0"; }
  .ri-copyright-fill:before { content: "\ebe1"; }
  .ri-copyright-line:before { content: "\ebe2"; }
  .ri-coreos-fill:before { content: "\ebe3"; }
  .ri-coreos-line:before { content: "\ebe4"; }
  .ri-coupon-2-fill:before { content: "\ebe5"; }
  .ri-coupon-2-line:before { content: "\ebe6"; }
  .ri-coupon-3-fill:before { content: "\ebe7"; }
  .ri-coupon-3-line:before { content: "\ebe8"; }
  .ri-coupon-4-fill:before { content: "\ebe9"; }
  .ri-coupon-4-line:before { content: "\ebea"; }
  .ri-coupon-5-fill:before { content: "\ebeb"; }
  .ri-coupon-5-line:before { content: "\ebec"; }
  .ri-coupon-fill:before { content: "\ebed"; }
  .ri-coupon-line:before { content: "\ebee"; }
  .ri-cpu-fill:before { content: "\ebef"; }
  .ri-cpu-line:before { content: "\ebf0"; }
  .ri-creative-commons-by-fill:before { content: "\ebf1"; }
  .ri-creative-commons-by-line:before { content: "\ebf2"; }
  .ri-creative-commons-fill:before { content: "\ebf3"; }
  .ri-creative-commons-line:before { content: "\ebf4"; }
  .ri-creative-commons-nc-fill:before { content: "\ebf5"; }
  .ri-creative-commons-nc-line:before { content: "\ebf6"; }
  .ri-creative-commons-nd-fill:before { content: "\ebf7"; }
  .ri-creative-commons-nd-line:before { content: "\ebf8"; }
  .ri-creative-commons-sa-fill:before { content: "\ebf9"; }
  .ri-creative-commons-sa-line:before { content: "\ebfa"; }
  .ri-creative-commons-zero-fill:before { content: "\ebfb"; }
  .ri-creative-commons-zero-line:before { content: "\ebfc"; }
  .ri-criminal-fill:before { content: "\ebfd"; }
  .ri-criminal-line:before { content: "\ebfe"; }
  .ri-crop-2-fill:before { content: "\ebff"; }
  .ri-crop-2-line:before { content: "\ec00"; }
  .ri-crop-fill:before { content: "\ec01"; }
  .ri-crop-line:before { content: "\ec02"; }
  .ri-css3-fill:before { content: "\ec03"; }
  .ri-css3-line:before { content: "\ec04"; }
  .ri-cup-fill:before { content: "\ec05"; }
  .ri-cup-line:before { content: "\ec06"; }
  .ri-currency-fill:before { content: "\ec07"; }
  .ri-currency-line:before { content: "\ec08"; }
  .ri-cursor-fill:before { content: "\ec09"; }
  .ri-cursor-line:before { content: "\ec0a"; }
  .ri-customer-service-2-fill:before { content: "\ec0b"; }
  .ri-customer-service-2-line:before { content: "\ec0c"; }
  .ri-customer-service-fill:before { content: "\ec0d"; }
  .ri-customer-service-line:before { content: "\ec0e"; }
  .ri-dashboard-2-fill:before { content: "\ec0f"; }
  .ri-dashboard-2-line:before { content: "\ec10"; }
  .ri-dashboard-3-fill:before { content: "\ec11"; }
  .ri-dashboard-3-line:before { content: "\ec12"; }
  .ri-dashboard-fill:before { content: "\ec13"; }
  .ri-dashboard-line:before { content: "\ec14"; }
  .ri-database-2-fill:before { content: "\ec15"; }
  .ri-database-2-line:before { content: "\ec16"; }
  .ri-database-fill:before { content: "\ec17"; }
  .ri-database-line:before { content: "\ec18"; }
  .ri-delete-back-2-fill:before { content: "\ec19"; }
  .ri-delete-back-2-line:before { content: "\ec1a"; }
  .ri-delete-back-fill:before { content: "\ec1b"; }
  .ri-delete-back-line:before { content: "\ec1c"; }
  .ri-delete-bin-2-fill:before { content: "\ec1d"; }
  .ri-delete-bin-2-line:before { content: "\ec1e"; }
  .ri-delete-bin-3-fill:before { content: "\ec1f"; }
  .ri-delete-bin-3-line:before { content: "\ec20"; }
  .ri-delete-bin-4-fill:before { content: "\ec21"; }
  .ri-delete-bin-4-line:before { content: "\ec22"; }
  .ri-delete-bin-5-fill:before { content: "\ec23"; }
  .ri-delete-bin-5-line:before { content: "\ec24"; }
  .ri-delete-bin-6-fill:before { content: "\ec25"; }
  .ri-delete-bin-6-line:before { content: "\ec26"; }
  .ri-delete-bin-7-fill:before { content: "\ec27"; }
  .ri-delete-bin-7-line:before { content: "\ec28"; }
  .ri-delete-bin-fill:before { content: "\ec29"; }
  .ri-delete-bin-line:before { content: "\ec2a"; }
  .ri-delete-column:before { content: "\ec2b"; }
  .ri-delete-row:before { content: "\ec2c"; }
  .ri-device-fill:before { content: "\ec2d"; }
  .ri-device-line:before { content: "\ec2e"; }
  .ri-device-recover-fill:before { content: "\ec2f"; }
  .ri-device-recover-line:before { content: "\ec30"; }
  .ri-dingding-fill:before { content: "\ec31"; }
  .ri-dingding-line:before { content: "\ec32"; }
  .ri-direction-fill:before { content: "\ec33"; }
  .ri-direction-line:before { content: "\ec34"; }
  .ri-disc-fill:before { content: "\ec35"; }
  .ri-disc-line:before { content: "\ec36"; }
  .ri-discord-fill:before { content: "\ec37"; }
  .ri-discord-line:before { content: "\ec38"; }
  .ri-discuss-fill:before { content: "\ec39"; }
  .ri-discuss-line:before { content: "\ec3a"; }
  .ri-dislike-fill:before { content: "\ec3b"; }
  .ri-dislike-line:before { content: "\ec3c"; }
  .ri-disqus-fill:before { content: "\ec3d"; }
  .ri-disqus-line:before { content: "\ec3e"; }
  .ri-divide-fill:before { content: "\ec3f"; }
  .ri-divide-line:before { content: "\ec40"; }
  .ri-donut-chart-fill:before { content: "\ec41"; }
  .ri-donut-chart-line:before { content: "\ec42"; }
  .ri-door-closed-fill:before { content: "\ec43"; }
  .ri-door-closed-line:before { content: "\ec44"; }
  .ri-door-fill:before { content: "\ec45"; }
  .ri-door-line:before { content: "\ec46"; }
  .ri-door-lock-box-fill:before { content: "\ec47"; }
  .ri-door-lock-box-line:before { content: "\ec48"; }
  .ri-door-lock-fill:before { content: "\ec49"; }
  .ri-door-lock-line:before { content: "\ec4a"; }
  .ri-door-open-fill:before { content: "\ec4b"; }
  .ri-door-open-line:before { content: "\ec4c"; }
  .ri-dossier-fill:before { content: "\ec4d"; }
  .ri-dossier-line:before { content: "\ec4e"; }
  .ri-douban-fill:before { content: "\ec4f"; }
  .ri-douban-line:before { content: "\ec50"; }
  .ri-double-quotes-l:before { content: "\ec51"; }
  .ri-double-quotes-r:before { content: "\ec52"; }
  .ri-download-2-fill:before { content: "\ec53"; }
  .ri-download-2-line:before { content: "\ec54"; }
  .ri-download-cloud-2-fill:before { content: "\ec55"; }
  .ri-download-cloud-2-line:before { content: "\ec56"; }
  .ri-download-cloud-fill:before { content: "\ec57"; }
  .ri-download-cloud-line:before { content: "\ec58"; }
  .ri-download-fill:before { content: "\ec59"; }
  .ri-download-line:before { content: "\ec5a"; }
  .ri-draft-fill:before { content: "\ec5b"; }
  .ri-draft-line:before { content: "\ec5c"; }
  .ri-drag-drop-fill:before { content: "\ec5d"; }
  .ri-drag-drop-line:before { content: "\ec5e"; }
  .ri-drag-move-2-fill:before { content: "\ec5f"; }
  .ri-drag-move-2-line:before { content: "\ec60"; }
  .ri-drag-move-fill:before { content: "\ec61"; }
  .ri-drag-move-line:before { content: "\ec62"; }
  .ri-dribbble-fill:before { content: "\ec63"; }
  .ri-dribbble-line:before { content: "\ec64"; }
  .ri-drive-fill:before { content: "\ec65"; }
  .ri-drive-line:before { content: "\ec66"; }
  .ri-drizzle-fill:before { content: "\ec67"; }
  .ri-drizzle-line:before { content: "\ec68"; }
  .ri-drop-fill:before { content: "\ec69"; }
  .ri-drop-line:before { content: "\ec6a"; }
  .ri-dropbox-fill:before { content: "\ec6b"; }
  .ri-dropbox-line:before { content: "\ec6c"; }
  .ri-dual-sim-1-fill:before { content: "\ec6d"; }
  .ri-dual-sim-1-line:before { content: "\ec6e"; }
  .ri-dual-sim-2-fill:before { content: "\ec6f"; }
  .ri-dual-sim-2-line:before { content: "\ec70"; }
  .ri-dv-fill:before { content: "\ec71"; }
  .ri-dv-line:before { content: "\ec72"; }
  .ri-dvd-fill:before { content: "\ec73"; }
  .ri-dvd-line:before { content: "\ec74"; }
  .ri-e-bike-2-fill:before { content: "\ec75"; }
  .ri-e-bike-2-line:before { content: "\ec76"; }
  .ri-e-bike-fill:before { content: "\ec77"; }
  .ri-e-bike-line:before { content: "\ec78"; }
  .ri-earth-fill:before { content: "\ec79"; }
  .ri-earth-line:before { content: "\ec7a"; }
  .ri-earthquake-fill:before { content: "\ec7b"; }
  .ri-earthquake-line:before { content: "\ec7c"; }
  .ri-edge-fill:before { content: "\ec7d"; }
  .ri-edge-line:before { content: "\ec7e"; }
  .ri-edit-2-fill:before { content: "\ec7f"; }
  .ri-edit-2-line:before { content: "\ec80"; }
  .ri-edit-box-fill:before { content: "\ec81"; }
  .ri-edit-box-line:before { content: "\ec82"; }
  .ri-edit-circle-fill:before { content: "\ec83"; }
  .ri-edit-circle-line:before { content: "\ec84"; }
  .ri-edit-fill:before { content: "\ec85"; }
  .ri-edit-line:before { content: "\ec86"; }
  .ri-eject-fill:before { content: "\ec87"; }
  .ri-eject-line:before { content: "\ec88"; }
  .ri-emotion-2-fill:before { content: "\ec89"; }
  .ri-emotion-2-line:before { content: "\ec8a"; }
  .ri-emotion-fill:before { content: "\ec8b"; }
  .ri-emotion-happy-fill:before { content: "\ec8c"; }
  .ri-emotion-happy-line:before { content: "\ec8d"; }
  .ri-emotion-laugh-fill:before { content: "\ec8e"; }
  .ri-emotion-laugh-line:before { content: "\ec8f"; }
  .ri-emotion-line:before { content: "\ec90"; }
  .ri-emotion-normal-fill:before { content: "\ec91"; }
  .ri-emotion-normal-line:before { content: "\ec92"; }
  .ri-emotion-sad-fill:before { content: "\ec93"; }
  .ri-emotion-sad-line:before { content: "\ec94"; }
  .ri-emotion-unhappy-fill:before { content: "\ec95"; }
  .ri-emotion-unhappy-line:before { content: "\ec96"; }
  .ri-empathize-fill:before { content: "\ec97"; }
  .ri-empathize-line:before { content: "\ec98"; }
  .ri-emphasis-cn:before { content: "\ec99"; }
  .ri-emphasis:before { content: "\ec9a"; }
  .ri-english-input:before { content: "\ec9b"; }
  .ri-equalizer-fill:before { content: "\ec9c"; }
  .ri-equalizer-line:before { content: "\ec9d"; }
  .ri-eraser-fill:before { content: "\ec9e"; }
  .ri-eraser-line:before { content: "\ec9f"; }
  .ri-error-warning-fill:before { content: "\eca0"; }
  .ri-error-warning-line:before { content: "\eca1"; }
  .ri-evernote-fill:before { content: "\eca2"; }
  .ri-evernote-line:before { content: "\eca3"; }
  .ri-exchange-box-fill:before { content: "\eca4"; }
  .ri-exchange-box-line:before { content: "\eca5"; }
  .ri-exchange-cny-fill:before { content: "\eca6"; }
  .ri-exchange-cny-line:before { content: "\eca7"; }
  .ri-exchange-dollar-fill:before { content: "\eca8"; }
  .ri-exchange-dollar-line:before { content: "\eca9"; }
  .ri-exchange-fill:before { content: "\ecaa"; }
  .ri-exchange-funds-fill:before { content: "\ecab"; }
  .ri-exchange-funds-line:before { content: "\ecac"; }
  .ri-exchange-line:before { content: "\ecad"; }
  .ri-external-link-fill:before { content: "\ecae"; }
  .ri-external-link-line:before { content: "\ecaf"; }
  .ri-eye-2-fill:before { content: "\ecb0"; }
  .ri-eye-2-line:before { content: "\ecb1"; }
  .ri-eye-close-fill:before { content: "\ecb2"; }
  .ri-eye-close-line:before { content: "\ecb3"; }
  .ri-eye-fill:before { content: "\ecb4"; }
  .ri-eye-line:before { content: "\ecb5"; }
  .ri-eye-off-fill:before { content: "\ecb6"; }
  .ri-eye-off-line:before { content: "\ecb7"; }
  .ri-facebook-box-fill:before { content: "\ecb8"; }
  .ri-facebook-box-line:before { content: "\ecb9"; }
  .ri-facebook-circle-fill:before { content: "\ecba"; }
  .ri-facebook-circle-line:before { content: "\ecbb"; }
  .ri-facebook-fill:before { content: "\ecbc"; }
  .ri-facebook-line:before { content: "\ecbd"; }
  .ri-fahrenheit-fill:before { content: "\ecbe"; }
  .ri-fahrenheit-line:before { content: "\ecbf"; }
  .ri-feedback-fill:before { content: "\ecc0"; }
  .ri-feedback-line:before { content: "\ecc1"; }
  .ri-file-2-fill:before { content: "\ecc2"; }
  .ri-file-2-line:before { content: "\ecc3"; }
  .ri-file-3-fill:before { content: "\ecc4"; }
  .ri-file-3-line:before { content: "\ecc5"; }
  .ri-file-4-fill:before { content: "\ecc6"; }
  .ri-file-4-line:before { content: "\ecc7"; }
  .ri-file-add-fill:before { content: "\ecc8"; }
  .ri-file-add-line:before { content: "\ecc9"; }
  .ri-file-chart-2-fill:before { content: "\ecca"; }
  .ri-file-chart-2-line:before { content: "\eccb"; }
  .ri-file-chart-fill:before { content: "\eccc"; }
  .ri-file-chart-line:before { content: "\eccd"; }
  .ri-file-cloud-fill:before { content: "\ecce"; }
  .ri-file-cloud-line:before { content: "\eccf"; }
  .ri-file-code-fill:before { content: "\ecd0"; }
  .ri-file-code-line:before { content: "\ecd1"; }
  .ri-file-copy-2-fill:before { content: "\ecd2"; }
  .ri-file-copy-2-line:before { content: "\ecd3"; }
  .ri-file-copy-fill:before { content: "\ecd4"; }
  .ri-file-copy-line:before { content: "\ecd5"; }
  .ri-file-damage-fill:before { content: "\ecd6"; }
  .ri-file-damage-line:before { content: "\ecd7"; }
  .ri-file-download-fill:before { content: "\ecd8"; }
  .ri-file-download-line:before { content: "\ecd9"; }
  .ri-file-edit-fill:before { content: "\ecda"; }
  .ri-file-edit-line:before { content: "\ecdb"; }
  .ri-file-excel-2-fill:before { content: "\ecdc"; }
  .ri-file-excel-2-line:before { content: "\ecdd"; }
  .ri-file-excel-fill:before { content: "\ecde"; }
  .ri-file-excel-line:before { content: "\ecdf"; }
  .ri-file-fill:before { content: "\ece0"; }
  .ri-file-forbid-fill:before { content: "\ece1"; }
  .ri-file-forbid-line:before { content: "\ece2"; }
  .ri-file-gif-fill:before { content: "\ece3"; }
  .ri-file-gif-line:before { content: "\ece4"; }
  .ri-file-history-fill:before { content: "\ece5"; }
  .ri-file-history-line:before { content: "\ece6"; }
  .ri-file-hwp-fill:before { content: "\ece7"; }
  .ri-file-hwp-line:before { content: "\ece8"; }
  .ri-file-info-fill:before { content: "\ece9"; }
  .ri-file-info-line:before { content: "\ecea"; }
  .ri-file-line:before { content: "\eceb"; }
  .ri-file-list-2-fill:before { content: "\ecec"; }
  .ri-file-list-2-line:before { content: "\eced"; }
  .ri-file-list-3-fill:before { content: "\ecee"; }
  .ri-file-list-3-line:before { content: "\ecef"; }
  .ri-file-list-fill:before { content: "\ecf0"; }
  .ri-file-list-line:before { content: "\ecf1"; }
  .ri-file-lock-fill:before { content: "\ecf2"; }
  .ri-file-lock-line:before { content: "\ecf3"; }
  .ri-file-marked-fill:before { content: "\ecf4"; }
  .ri-file-marked-line:before { content: "\ecf5"; }
  .ri-file-music-fill:before { content: "\ecf6"; }
  .ri-file-music-line:before { content: "\ecf7"; }
  .ri-file-paper-2-fill:before { content: "\ecf8"; }
  .ri-file-paper-2-line:before { content: "\ecf9"; }
  .ri-file-paper-fill:before { content: "\ecfa"; }
  .ri-file-paper-line:before { content: "\ecfb"; }
  .ri-file-pdf-fill:before { content: "\ecfc"; }
  .ri-file-pdf-line:before { content: "\ecfd"; }
  .ri-file-ppt-2-fill:before { content: "\ecfe"; }
  .ri-file-ppt-2-line:before { content: "\ecff"; }
  .ri-file-ppt-fill:before { content: "\ed00"; }
  .ri-file-ppt-line:before { content: "\ed01"; }
  .ri-file-reduce-fill:before { content: "\ed02"; }
  .ri-file-reduce-line:before { content: "\ed03"; }
  .ri-file-search-fill:before { content: "\ed04"; }
  .ri-file-search-line:before { content: "\ed05"; }
  .ri-file-settings-fill:before { content: "\ed06"; }
  .ri-file-settings-line:before { content: "\ed07"; }
  .ri-file-shield-2-fill:before { content: "\ed08"; }
  .ri-file-shield-2-line:before { content: "\ed09"; }
  .ri-file-shield-fill:before { content: "\ed0a"; }
  .ri-file-shield-line:before { content: "\ed0b"; }
  .ri-file-shred-fill:before { content: "\ed0c"; }
  .ri-file-shred-line:before { content: "\ed0d"; }
  .ri-file-text-fill:before { content: "\ed0e"; }
  .ri-file-text-line:before { content: "\ed0f"; }
  .ri-file-transfer-fill:before { content: "\ed10"; }
  .ri-file-transfer-line:before { content: "\ed11"; }
  .ri-file-unknow-fill:before { content: "\ed12"; }
  .ri-file-unknow-line:before { content: "\ed13"; }
  .ri-file-upload-fill:before { content: "\ed14"; }
  .ri-file-upload-line:before { content: "\ed15"; }
  .ri-file-user-fill:before { content: "\ed16"; }
  .ri-file-user-line:before { content: "\ed17"; }
  .ri-file-warning-fill:before { content: "\ed18"; }
  .ri-file-warning-line:before { content: "\ed19"; }
  .ri-file-word-2-fill:before { content: "\ed1a"; }
  .ri-file-word-2-line:before { content: "\ed1b"; }
  .ri-file-word-fill:before { content: "\ed1c"; }
  .ri-file-word-line:before { content: "\ed1d"; }
  .ri-file-zip-fill:before { content: "\ed1e"; }
  .ri-file-zip-line:before { content: "\ed1f"; }
  .ri-film-fill:before { content: "\ed20"; }
  .ri-film-line:before { content: "\ed21"; }
  .ri-filter-2-fill:before { content: "\ed22"; }
  .ri-filter-2-line:before { content: "\ed23"; }
  .ri-filter-3-fill:before { content: "\ed24"; }
  .ri-filter-3-line:before { content: "\ed25"; }
  .ri-filter-fill:before { content: "\ed26"; }
  .ri-filter-line:before { content: "\ed27"; }
  .ri-filter-off-fill:before { content: "\ed28"; }
  .ri-filter-off-line:before { content: "\ed29"; }
  .ri-find-replace-fill:before { content: "\ed2a"; }
  .ri-find-replace-line:before { content: "\ed2b"; }
  .ri-finder-fill:before { content: "\ed2c"; }
  .ri-finder-line:before { content: "\ed2d"; }
  .ri-fingerprint-2-fill:before { content: "\ed2e"; }
  .ri-fingerprint-2-line:before { content: "\ed2f"; }
  .ri-fingerprint-fill:before { content: "\ed30"; }
  .ri-fingerprint-line:before { content: "\ed31"; }
  .ri-fire-fill:before { content: "\ed32"; }
  .ri-fire-line:before { content: "\ed33"; }
  .ri-firefox-fill:before { content: "\ed34"; }
  .ri-firefox-line:before { content: "\ed35"; }
  .ri-first-aid-kit-fill:before { content: "\ed36"; }
  .ri-first-aid-kit-line:before { content: "\ed37"; }
  .ri-flag-2-fill:before { content: "\ed38"; }
  .ri-flag-2-line:before { content: "\ed39"; }
  .ri-flag-fill:before { content: "\ed3a"; }
  .ri-flag-line:before { content: "\ed3b"; }
  .ri-flashlight-fill:before { content: "\ed3c"; }
  .ri-flashlight-line:before { content: "\ed3d"; }
  .ri-flask-fill:before { content: "\ed3e"; }
  .ri-flask-line:before { content: "\ed3f"; }
  .ri-flight-land-fill:before { content: "\ed40"; }
  .ri-flight-land-line:before { content: "\ed41"; }
  .ri-flight-takeoff-fill:before { content: "\ed42"; }
  .ri-flight-takeoff-line:before { content: "\ed43"; }
  .ri-flood-fill:before { content: "\ed44"; }
  .ri-flood-line:before { content: "\ed45"; }
  .ri-flow-chart:before { content: "\ed46"; }
  .ri-flutter-fill:before { content: "\ed47"; }
  .ri-flutter-line:before { content: "\ed48"; }
  .ri-focus-2-fill:before { content: "\ed49"; }
  .ri-focus-2-line:before { content: "\ed4a"; }
  .ri-focus-3-fill:before { content: "\ed4b"; }
  .ri-focus-3-line:before { content: "\ed4c"; }
  .ri-focus-fill:before { content: "\ed4d"; }
  .ri-focus-line:before { content: "\ed4e"; }
  .ri-foggy-fill:before { content: "\ed4f"; }
  .ri-foggy-line:before { content: "\ed50"; }
  .ri-folder-2-fill:before { content: "\ed51"; }
  .ri-folder-2-line:before { content: "\ed52"; }
  .ri-folder-3-fill:before { content: "\ed53"; }
  .ri-folder-3-line:before { content: "\ed54"; }
  .ri-folder-4-fill:before { content: "\ed55"; }
  .ri-folder-4-line:before { content: "\ed56"; }
  .ri-folder-5-fill:before { content: "\ed57"; }
  .ri-folder-5-line:before { content: "\ed58"; }
  .ri-folder-add-fill:before { content: "\ed59"; }
  .ri-folder-add-line:before { content: "\ed5a"; }
  .ri-folder-chart-2-fill:before { content: "\ed5b"; }
  .ri-folder-chart-2-line:before { content: "\ed5c"; }
  .ri-folder-chart-fill:before { content: "\ed5d"; }
  .ri-folder-chart-line:before { content: "\ed5e"; }
  .ri-folder-download-fill:before { content: "\ed5f"; }
  .ri-folder-download-line:before { content: "\ed60"; }
  .ri-folder-fill:before { content: "\ed61"; }
  .ri-folder-forbid-fill:before { content: "\ed62"; }
  .ri-folder-forbid-line:before { content: "\ed63"; }
  .ri-folder-history-fill:before { content: "\ed64"; }
  .ri-folder-history-line:before { content: "\ed65"; }
  .ri-folder-info-fill:before { content: "\ed66"; }
  .ri-folder-info-line:before { content: "\ed67"; }
  .ri-folder-keyhole-fill:before { content: "\ed68"; }
  .ri-folder-keyhole-line:before { content: "\ed69"; }
  .ri-folder-line:before { content: "\ed6a"; }
  .ri-folder-lock-fill:before { content: "\ed6b"; }
  .ri-folder-lock-line:before { content: "\ed6c"; }
  .ri-folder-music-fill:before { content: "\ed6d"; }
  .ri-folder-music-line:before { content: "\ed6e"; }
  .ri-folder-open-fill:before { content: "\ed6f"; }
  .ri-folder-open-line:before { content: "\ed70"; }
  .ri-folder-received-fill:before { content: "\ed71"; }
  .ri-folder-received-line:before { content: "\ed72"; }
  .ri-folder-reduce-fill:before { content: "\ed73"; }
  .ri-folder-reduce-line:before { content: "\ed74"; }
  .ri-folder-settings-fill:before { content: "\ed75"; }
  .ri-folder-settings-line:before { content: "\ed76"; }
  .ri-folder-shared-fill:before { content: "\ed77"; }
  .ri-folder-shared-line:before { content: "\ed78"; }
  .ri-folder-shield-2-fill:before { content: "\ed79"; }
  .ri-folder-shield-2-line:before { content: "\ed7a"; }
  .ri-folder-shield-fill:before { content: "\ed7b"; }
  .ri-folder-shield-line:before { content: "\ed7c"; }
  .ri-folder-transfer-fill:before { content: "\ed7d"; }
  .ri-folder-transfer-line:before { content: "\ed7e"; }
  .ri-folder-unknow-fill:before { content: "\ed7f"; }
  .ri-folder-unknow-line:before { content: "\ed80"; }
  .ri-folder-upload-fill:before { content: "\ed81"; }
  .ri-folder-upload-line:before { content: "\ed82"; }
  .ri-folder-user-fill:before { content: "\ed83"; }
  .ri-folder-user-line:before { content: "\ed84"; }
  .ri-folder-warning-fill:before { content: "\ed85"; }
  .ri-folder-warning-line:before { content: "\ed86"; }
  .ri-folder-zip-fill:before { content: "\ed87"; }
  .ri-folder-zip-line:before { content: "\ed88"; }
  .ri-folders-fill:before { content: "\ed89"; }
  .ri-folders-line:before { content: "\ed8a"; }
  .ri-font-color:before { content: "\ed8b"; }
  .ri-font-size-2:before { content: "\ed8c"; }
  .ri-font-size:before { content: "\ed8d"; }
  .ri-football-fill:before { content: "\ed8e"; }
  .ri-football-line:before { content: "\ed8f"; }
  .ri-footprint-fill:before { content: "\ed90"; }
  .ri-footprint-line:before { content: "\ed91"; }
  .ri-forbid-2-fill:before { content: "\ed92"; }
  .ri-forbid-2-line:before { content: "\ed93"; }
  .ri-forbid-fill:before { content: "\ed94"; }
  .ri-forbid-line:before { content: "\ed95"; }
  .ri-format-clear:before { content: "\ed96"; }
  .ri-fridge-fill:before { content: "\ed97"; }
  .ri-fridge-line:before { content: "\ed98"; }
  .ri-fullscreen-exit-fill:before { content: "\ed99"; }
  .ri-fullscreen-exit-line:before { content: "\ed9a"; }
  .ri-fullscreen-fill:before { content: "\ed9b"; }
  .ri-fullscreen-line:before { content: "\ed9c"; }
  .ri-function-fill:before { content: "\ed9d"; }
  .ri-function-line:before { content: "\ed9e"; }
  .ri-functions:before { content: "\ed9f"; }
  .ri-funds-box-fill:before { content: "\eda0"; }
  .ri-funds-box-line:before { content: "\eda1"; }
  .ri-funds-fill:before { content: "\eda2"; }
  .ri-funds-line:before { content: "\eda3"; }
  .ri-gallery-fill:before { content: "\eda4"; }
  .ri-gallery-line:before { content: "\eda5"; }
  .ri-gallery-upload-fill:before { content: "\eda6"; }
  .ri-gallery-upload-line:before { content: "\eda7"; }
  .ri-game-fill:before { content: "\eda8"; }
  .ri-game-line:before { content: "\eda9"; }
  .ri-gamepad-fill:before { content: "\edaa"; }
  .ri-gamepad-line:before { content: "\edab"; }
  .ri-gas-station-fill:before { content: "\edac"; }
  .ri-gas-station-line:before { content: "\edad"; }
  .ri-gatsby-fill:before { content: "\edae"; }
  .ri-gatsby-line:before { content: "\edaf"; }
  .ri-genderless-fill:before { content: "\edb0"; }
  .ri-genderless-line:before { content: "\edb1"; }
  .ri-ghost-2-fill:before { content: "\edb2"; }
  .ri-ghost-2-line:before { content: "\edb3"; }
  .ri-ghost-fill:before { content: "\edb4"; }
  .ri-ghost-line:before { content: "\edb5"; }
  .ri-ghost-smile-fill:before { content: "\edb6"; }
  .ri-ghost-smile-line:before { content: "\edb7"; }
  .ri-gift-2-fill:before { content: "\edb8"; }
  .ri-gift-2-line:before { content: "\edb9"; }
  .ri-gift-fill:before { content: "\edba"; }
  .ri-gift-line:before { content: "\edbb"; }
  .ri-git-branch-fill:before { content: "\edbc"; }
  .ri-git-branch-line:before { content: "\edbd"; }
  .ri-git-commit-fill:before { content: "\edbe"; }
  .ri-git-commit-line:before { content: "\edbf"; }
  .ri-git-merge-fill:before { content: "\edc0"; }
  .ri-git-merge-line:before { content: "\edc1"; }
  .ri-git-pull-request-fill:before { content: "\edc2"; }
  .ri-git-pull-request-line:before { content: "\edc3"; }
  .ri-git-repository-commits-fill:before { content: "\edc4"; }
  .ri-git-repository-commits-line:before { content: "\edc5"; }
  .ri-git-repository-fill:before { content: "\edc6"; }
  .ri-git-repository-line:before { content: "\edc7"; }
  .ri-git-repository-private-fill:before { content: "\edc8"; }
  .ri-git-repository-private-line:before { content: "\edc9"; }
  .ri-github-fill:before { content: "\edca"; }
  .ri-github-line:before { content: "\edcb"; }
  .ri-gitlab-fill:before { content: "\edcc"; }
  .ri-gitlab-line:before { content: "\edcd"; }
  .ri-global-fill:before { content: "\edce"; }
  .ri-global-line:before { content: "\edcf"; }
  .ri-globe-fill:before { content: "\edd0"; }
  .ri-globe-line:before { content: "\edd1"; }
  .ri-goblet-fill:before { content: "\edd2"; }
  .ri-goblet-line:before { content: "\edd3"; }
  .ri-google-fill:before { content: "\edd4"; }
  .ri-google-line:before { content: "\edd5"; }
  .ri-google-play-fill:before { content: "\edd6"; }
  .ri-google-play-line:before { content: "\edd7"; }
  .ri-government-fill:before { content: "\edd8"; }
  .ri-government-line:before { content: "\edd9"; }
  .ri-gps-fill:before { content: "\edda"; }
  .ri-gps-line:before { content: "\eddb"; }
  .ri-gradienter-fill:before { content: "\eddc"; }
  .ri-gradienter-line:before { content: "\eddd"; }
  .ri-grid-fill:before { content: "\edde"; }
  .ri-grid-line:before { content: "\eddf"; }
  .ri-group-2-fill:before { content: "\ede0"; }
  .ri-group-2-line:before { content: "\ede1"; }
  .ri-group-fill:before { content: "\ede2"; }
  .ri-group-line:before { content: "\ede3"; }
  .ri-guide-fill:before { content: "\ede4"; }
  .ri-guide-line:before { content: "\ede5"; }
  .ri-h-1:before { content: "\ede6"; }
  .ri-h-2:before { content: "\ede7"; }
  .ri-h-3:before { content: "\ede8"; }
  .ri-h-4:before { content: "\ede9"; }
  .ri-h-5:before { content: "\edea"; }
  .ri-h-6:before { content: "\edeb"; }
  .ri-hail-fill:before { content: "\edec"; }
  .ri-hail-line:before { content: "\eded"; }
  .ri-hammer-fill:before { content: "\edee"; }
  .ri-hammer-line:before { content: "\edef"; }
  .ri-hand-coin-fill:before { content: "\edf0"; }
  .ri-hand-coin-line:before { content: "\edf1"; }
  .ri-hand-heart-fill:before { content: "\edf2"; }
  .ri-hand-heart-line:before { content: "\edf3"; }
  .ri-hand-sanitizer-fill:before { content: "\edf4"; }
  .ri-hand-sanitizer-line:before { content: "\edf5"; }
  .ri-handbag-fill:before { content: "\edf6"; }
  .ri-handbag-line:before { content: "\edf7"; }
  .ri-hard-drive-2-fill:before { content: "\edf8"; }
  .ri-hard-drive-2-line:before { content: "\edf9"; }
  .ri-hard-drive-fill:before { content: "\edfa"; }
  .ri-hard-drive-line:before { content: "\edfb"; }
  .ri-hashtag:before { content: "\edfc"; }
  .ri-haze-2-fill:before { content: "\edfd"; }
  .ri-haze-2-line:before { content: "\edfe"; }
  .ri-haze-fill:before { content: "\edff"; }
  .ri-haze-line:before { content: "\ee00"; }
  .ri-hd-fill:before { content: "\ee01"; }
  .ri-hd-line:before { content: "\ee02"; }
  .ri-heading:before { content: "\ee03"; }
  .ri-headphone-fill:before { content: "\ee04"; }
  .ri-headphone-line:before { content: "\ee05"; }
  .ri-health-book-fill:before { content: "\ee06"; }
  .ri-health-book-line:before { content: "\ee07"; }
  .ri-heart-2-fill:before { content: "\ee08"; }
  .ri-heart-2-line:before { content: "\ee09"; }
  .ri-heart-3-fill:before { content: "\ee0a"; }
  .ri-heart-3-line:before { content: "\ee0b"; }
  .ri-heart-add-fill:before { content: "\ee0c"; }
  .ri-heart-add-line:before { content: "\ee0d"; }
  .ri-heart-fill:before { content: "\ee0e"; }
  .ri-heart-line:before { content: "\ee0f"; }
  .ri-heart-pulse-fill:before { content: "\ee10"; }
  .ri-heart-pulse-line:before { content: "\ee11"; }
  .ri-hearts-fill:before { content: "\ee12"; }
  .ri-hearts-line:before { content: "\ee13"; }
  .ri-heavy-showers-fill:before { content: "\ee14"; }
  .ri-heavy-showers-line:before { content: "\ee15"; }
  .ri-history-fill:before { content: "\ee16"; }
  .ri-history-line:before { content: "\ee17"; }
  .ri-home-2-fill:before { content: "\ee18"; }
  .ri-home-2-line:before { content: "\ee19"; }
  .ri-home-3-fill:before { content: "\ee1a"; }
  .ri-home-3-line:before { content: "\ee1b"; }
  .ri-home-4-fill:before { content: "\ee1c"; }
  .ri-home-4-line:before { content: "\ee1d"; }
  .ri-home-5-fill:before { content: "\ee1e"; }
  .ri-home-5-line:before { content: "\ee1f"; }
  .ri-home-6-fill:before { content: "\ee20"; }
  .ri-home-6-line:before { content: "\ee21"; }
  .ri-home-7-fill:before { content: "\ee22"; }
  .ri-home-7-line:before { content: "\ee23"; }
  .ri-home-8-fill:before { content: "\ee24"; }
  .ri-home-8-line:before { content: "\ee25"; }
  .ri-home-fill:before { content: "\ee26"; }
  .ri-home-gear-fill:before { content: "\ee27"; }
  .ri-home-gear-line:before { content: "\ee28"; }
  .ri-home-heart-fill:before { content: "\ee29"; }
  .ri-home-heart-line:before { content: "\ee2a"; }
  .ri-home-line:before { content: "\ee2b"; }
  .ri-home-smile-2-fill:before { content: "\ee2c"; }
  .ri-home-smile-2-line:before { content: "\ee2d"; }
  .ri-home-smile-fill:before { content: "\ee2e"; }
  .ri-home-smile-line:before { content: "\ee2f"; }
  .ri-home-wifi-fill:before { content: "\ee30"; }
  .ri-home-wifi-line:before { content: "\ee31"; }
  .ri-honor-of-kings-fill:before { content: "\ee32"; }
  .ri-honor-of-kings-line:before { content: "\ee33"; }
  .ri-honour-fill:before { content: "\ee34"; }
  .ri-honour-line:before { content: "\ee35"; }
  .ri-hospital-fill:before { content: "\ee36"; }
  .ri-hospital-line:before { content: "\ee37"; }
  .ri-hotel-bed-fill:before { content: "\ee38"; }
  .ri-hotel-bed-line:before { content: "\ee39"; }
  .ri-hotel-fill:before { content: "\ee3a"; }
  .ri-hotel-line:before { content: "\ee3b"; }
  .ri-hotspot-fill:before { content: "\ee3c"; }
  .ri-hotspot-line:before { content: "\ee3d"; }
  .ri-hq-fill:before { content: "\ee3e"; }
  .ri-hq-line:before { content: "\ee3f"; }
  .ri-html5-fill:before { content: "\ee40"; }
  .ri-html5-line:before { content: "\ee41"; }
  .ri-ie-fill:before { content: "\ee42"; }
  .ri-ie-line:before { content: "\ee43"; }
  .ri-image-2-fill:before { content: "\ee44"; }
  .ri-image-2-line:before { content: "\ee45"; }
  .ri-image-add-fill:before { content: "\ee46"; }
  .ri-image-add-line:before { content: "\ee47"; }
  .ri-image-edit-fill:before { content: "\ee48"; }
  .ri-image-edit-line:before { content: "\ee49"; }
  .ri-image-fill:before { content: "\ee4a"; }
  .ri-image-line:before { content: "\ee4b"; }
  .ri-inbox-archive-fill:before { content: "\ee4c"; }
  .ri-inbox-archive-line:before { content: "\ee4d"; }
  .ri-inbox-fill:before { content: "\ee4e"; }
  .ri-inbox-line:before { content: "\ee4f"; }
  .ri-inbox-unarchive-fill:before { content: "\ee50"; }
  .ri-inbox-unarchive-line:before { content: "\ee51"; }
  .ri-increase-decrease-fill:before { content: "\ee52"; }
  .ri-increase-decrease-line:before { content: "\ee53"; }
  .ri-indent-decrease:before { content: "\ee54"; }
  .ri-indent-increase:before { content: "\ee55"; }
  .ri-indeterminate-circle-fill:before { content: "\ee56"; }
  .ri-indeterminate-circle-line:before { content: "\ee57"; }
  .ri-information-fill:before { content: "\ee58"; }
  .ri-information-line:before { content: "\ee59"; }
  .ri-infrared-thermometer-fill:before { content: "\ee5a"; }
  .ri-infrared-thermometer-line:before { content: "\ee5b"; }
  .ri-ink-bottle-fill:before { content: "\ee5c"; }
  .ri-ink-bottle-line:before { content: "\ee5d"; }
  .ri-input-cursor-move:before { content: "\ee5e"; }
  .ri-input-method-fill:before { content: "\ee5f"; }
  .ri-input-method-line:before { content: "\ee60"; }
  .ri-insert-column-left:before { content: "\ee61"; }
  .ri-insert-column-right:before { content: "\ee62"; }
  .ri-insert-row-bottom:before { content: "\ee63"; }
  .ri-insert-row-top:before { content: "\ee64"; }
  .ri-instagram-fill:before { content: "\ee65"; }
  .ri-instagram-line:before { content: "\ee66"; }
  .ri-install-fill:before { content: "\ee67"; }
  .ri-install-line:before { content: "\ee68"; }
  .ri-invision-fill:before { content: "\ee69"; }
  .ri-invision-line:before { content: "\ee6a"; }
  .ri-italic:before { content: "\ee6b"; }
  .ri-kakao-talk-fill:before { content: "\ee6c"; }
  .ri-kakao-talk-line:before { content: "\ee6d"; }
  .ri-key-2-fill:before { content: "\ee6e"; }
  .ri-key-2-line:before { content: "\ee6f"; }
  .ri-key-fill:before { content: "\ee70"; }
  .ri-key-line:before { content: "\ee71"; }
  .ri-keyboard-box-fill:before { content: "\ee72"; }
  .ri-keyboard-box-line:before { content: "\ee73"; }
  .ri-keyboard-fill:before { content: "\ee74"; }
  .ri-keyboard-line:before { content: "\ee75"; }
  .ri-keynote-fill:before { content: "\ee76"; }
  .ri-keynote-line:before { content: "\ee77"; }
  .ri-knife-blood-fill:before { content: "\ee78"; }
  .ri-knife-blood-line:before { content: "\ee79"; }
  .ri-knife-fill:before { content: "\ee7a"; }
  .ri-knife-line:before { content: "\ee7b"; }
  .ri-landscape-fill:before { content: "\ee7c"; }
  .ri-landscape-line:before { content: "\ee7d"; }
  .ri-layout-2-fill:before { content: "\ee7e"; }
  .ri-layout-2-line:before { content: "\ee7f"; }
  .ri-layout-3-fill:before { content: "\ee80"; }
  .ri-layout-3-line:before { content: "\ee81"; }
  .ri-layout-4-fill:before { content: "\ee82"; }
  .ri-layout-4-line:before { content: "\ee83"; }
  .ri-layout-5-fill:before { content: "\ee84"; }
  .ri-layout-5-line:before { content: "\ee85"; }
  .ri-layout-6-fill:before { content: "\ee86"; }
  .ri-layout-6-line:before { content: "\ee87"; }
  .ri-layout-bottom-2-fill:before { content: "\ee88"; }
  .ri-layout-bottom-2-line:before { content: "\ee89"; }
  .ri-layout-bottom-fill:before { content: "\ee8a"; }
  .ri-layout-bottom-line:before { content: "\ee8b"; }
  .ri-layout-column-fill:before { content: "\ee8c"; }
  .ri-layout-column-line:before { content: "\ee8d"; }
  .ri-layout-fill:before { content: "\ee8e"; }
  .ri-layout-grid-fill:before { content: "\ee8f"; }
  .ri-layout-grid-line:before { content: "\ee90"; }
  .ri-layout-left-2-fill:before { content: "\ee91"; }
  .ri-layout-left-2-line:before { content: "\ee92"; }
  .ri-layout-left-fill:before { content: "\ee93"; }
  .ri-layout-left-line:before { content: "\ee94"; }
  .ri-layout-line:before { content: "\ee95"; }
  .ri-layout-masonry-fill:before { content: "\ee96"; }
  .ri-layout-masonry-line:before { content: "\ee97"; }
  .ri-layout-right-2-fill:before { content: "\ee98"; }
  .ri-layout-right-2-line:before { content: "\ee99"; }
  .ri-layout-right-fill:before { content: "\ee9a"; }
  .ri-layout-right-line:before { content: "\ee9b"; }
  .ri-layout-row-fill:before { content: "\ee9c"; }
  .ri-layout-row-line:before { content: "\ee9d"; }
  .ri-layout-top-2-fill:before { content: "\ee9e"; }
  .ri-layout-top-2-line:before { content: "\ee9f"; }
  .ri-layout-top-fill:before { content: "\eea0"; }
  .ri-layout-top-line:before { content: "\eea1"; }
  .ri-leaf-fill:before { content: "\eea2"; }
  .ri-leaf-line:before { content: "\eea3"; }
  .ri-lifebuoy-fill:before { content: "\eea4"; }
  .ri-lifebuoy-line:before { content: "\eea5"; }
  .ri-lightbulb-fill:before { content: "\eea6"; }
  .ri-lightbulb-flash-fill:before { content: "\eea7"; }
  .ri-lightbulb-flash-line:before { content: "\eea8"; }
  .ri-lightbulb-line:before { content: "\eea9"; }
  .ri-line-chart-fill:before { content: "\eeaa"; }
  .ri-line-chart-line:before { content: "\eeab"; }
  .ri-line-fill:before { content: "\eeac"; }
  .ri-line-height:before { content: "\eead"; }
  .ri-line-line:before { content: "\eeae"; }
  .ri-link-m:before { content: "\eeaf"; }
  .ri-link-unlink-m:before { content: "\eeb0"; }
  .ri-link-unlink:before { content: "\eeb1"; }
  .ri-link:before { content: "\eeb2"; }
  .ri-linkedin-box-fill:before { content: "\eeb3"; }
  .ri-linkedin-box-line:before { content: "\eeb4"; }
  .ri-linkedin-fill:before { content: "\eeb5"; }
  .ri-linkedin-line:before { content: "\eeb6"; }
  .ri-links-fill:before { content: "\eeb7"; }
  .ri-links-line:before { content: "\eeb8"; }
  .ri-list-check-2:before { content: "\eeb9"; }
  .ri-list-check:before { content: "\eeba"; }
  .ri-list-ordered:before { content: "\eebb"; }
  .ri-list-settings-fill:before { content: "\eebc"; }
  .ri-list-settings-line:before { content: "\eebd"; }
  .ri-list-unordered:before { content: "\eebe"; }
  .ri-live-fill:before { content: "\eebf"; }
  .ri-live-line:before { content: "\eec0"; }
  .ri-loader-2-fill:before { content: "\eec1"; }
  .ri-loader-2-line:before { content: "\eec2"; }
  .ri-loader-3-fill:before { content: "\eec3"; }
  .ri-loader-3-line:before { content: "\eec4"; }
  .ri-loader-4-fill:before { content: "\eec5"; }
  .ri-loader-4-line:before { content: "\eec6"; }
  .ri-loader-5-fill:before { content: "\eec7"; }
  .ri-loader-5-line:before { content: "\eec8"; }
  .ri-loader-fill:before { content: "\eec9"; }
  .ri-loader-line:before { content: "\eeca"; }
  .ri-lock-2-fill:before { content: "\eecb"; }
  .ri-lock-2-line:before { content: "\eecc"; }
  .ri-lock-fill:before { content: "\eecd"; }
  .ri-lock-line:before { content: "\eece"; }
  .ri-lock-password-fill:before { content: "\eecf"; }
  .ri-lock-password-line:before { content: "\eed0"; }
  .ri-lock-unlock-fill:before { content: "\eed1"; }
  .ri-lock-unlock-line:before { content: "\eed2"; }
  .ri-login-box-fill:before { content: "\eed3"; }
  .ri-login-box-line:before { content: "\eed4"; }
  .ri-login-circle-fill:before { content: "\eed5"; }
  .ri-login-circle-line:before { content: "\eed6"; }
  .ri-logout-box-fill:before { content: "\eed7"; }
  .ri-logout-box-line:before { content: "\eed8"; }
  .ri-logout-box-r-fill:before { content: "\eed9"; }
  .ri-logout-box-r-line:before { content: "\eeda"; }
  .ri-logout-circle-fill:before { content: "\eedb"; }
  .ri-logout-circle-line:before { content: "\eedc"; }
  .ri-logout-circle-r-fill:before { content: "\eedd"; }
  .ri-logout-circle-r-line:before { content: "\eede"; }
  .ri-luggage-cart-fill:before { content: "\eedf"; }
  .ri-luggage-cart-line:before { content: "\eee0"; }
  .ri-luggage-deposit-fill:before { content: "\eee1"; }
  .ri-luggage-deposit-line:before { content: "\eee2"; }
  .ri-lungs-fill:before { content: "\eee3"; }
  .ri-lungs-line:before { content: "\eee4"; }
  .ri-mac-fill:before { content: "\eee5"; }
  .ri-mac-line:before { content: "\eee6"; }
  .ri-macbook-fill:before { content: "\eee7"; }
  .ri-macbook-line:before { content: "\eee8"; }
  .ri-magic-fill:before { content: "\eee9"; }
  .ri-magic-line:before { content: "\eeea"; }
  .ri-mail-add-fill:before { content: "\eeeb"; }
  .ri-mail-add-line:before { content: "\eeec"; }
  .ri-mail-check-fill:before { content: "\eeed"; }
  .ri-mail-check-line:before { content: "\eeee"; }
  .ri-mail-close-fill:before { content: "\eeef"; }
  .ri-mail-close-line:before { content: "\eef0"; }
  .ri-mail-download-fill:before { content: "\eef1"; }
  .ri-mail-download-line:before { content: "\eef2"; }
  .ri-mail-fill:before { content: "\eef3"; }
  .ri-mail-forbid-fill:before { content: "\eef4"; }
  .ri-mail-forbid-line:before { content: "\eef5"; }
  .ri-mail-line:before { content: "\eef6"; }
  .ri-mail-lock-fill:before { content: "\eef7"; }
  .ri-mail-lock-line:before { content: "\eef8"; }
  .ri-mail-open-fill:before { content: "\eef9"; }
  .ri-mail-open-line:before { content: "\eefa"; }
  .ri-mail-send-fill:before { content: "\eefb"; }
  .ri-mail-send-line:before { content: "\eefc"; }
  .ri-mail-settings-fill:before { content: "\eefd"; }
  .ri-mail-settings-line:before { content: "\eefe"; }
  .ri-mail-star-fill:before { content: "\eeff"; }
  .ri-mail-star-line:before { content: "\ef00"; }
  .ri-mail-unread-fill:before { content: "\ef01"; }
  .ri-mail-unread-line:before { content: "\ef02"; }
  .ri-mail-volume-fill:before { content: "\ef03"; }
  .ri-mail-volume-line:before { content: "\ef04"; }
  .ri-map-2-fill:before { content: "\ef05"; }
  .ri-map-2-line:before { content: "\ef06"; }
  .ri-map-fill:before { content: "\ef07"; }
  .ri-map-line:before { content: "\ef08"; }
  .ri-map-pin-2-fill:before { content: "\ef09"; }
  .ri-map-pin-2-line:before { content: "\ef0a"; }
  .ri-map-pin-3-fill:before { content: "\ef0b"; }
  .ri-map-pin-3-line:before { content: "\ef0c"; }
  .ri-map-pin-4-fill:before { content: "\ef0d"; }
  .ri-map-pin-4-line:before { content: "\ef0e"; }
  .ri-map-pin-5-fill:before { content: "\ef0f"; }
  .ri-map-pin-5-line:before { content: "\ef10"; }
  .ri-map-pin-add-fill:before { content: "\ef11"; }
  .ri-map-pin-add-line:before { content: "\ef12"; }
  .ri-map-pin-fill:before { content: "\ef13"; }
  .ri-map-pin-line:before { content: "\ef14"; }
  .ri-map-pin-range-fill:before { content: "\ef15"; }
  .ri-map-pin-range-line:before { content: "\ef16"; }
  .ri-map-pin-time-fill:before { content: "\ef17"; }
  .ri-map-pin-time-line:before { content: "\ef18"; }
  .ri-map-pin-user-fill:before { content: "\ef19"; }
  .ri-map-pin-user-line:before { content: "\ef1a"; }
  .ri-mark-pen-fill:before { content: "\ef1b"; }
  .ri-mark-pen-line:before { content: "\ef1c"; }
  .ri-markdown-fill:before { content: "\ef1d"; }
  .ri-markdown-line:before { content: "\ef1e"; }
  .ri-markup-fill:before { content: "\ef1f"; }
  .ri-markup-line:before { content: "\ef20"; }
  .ri-mastercard-fill:before { content: "\ef21"; }
  .ri-mastercard-line:before { content: "\ef22"; }
  .ri-mastodon-fill:before { content: "\ef23"; }
  .ri-mastodon-line:before { content: "\ef24"; }
  .ri-medal-2-fill:before { content: "\ef25"; }
  .ri-medal-2-line:before { content: "\ef26"; }
  .ri-medal-fill:before { content: "\ef27"; }
  .ri-medal-line:before { content: "\ef28"; }
  .ri-medicine-bottle-fill:before { content: "\ef29"; }
  .ri-medicine-bottle-line:before { content: "\ef2a"; }
  .ri-medium-fill:before { content: "\ef2b"; }
  .ri-medium-line:before { content: "\ef2c"; }
  .ri-men-fill:before { content: "\ef2d"; }
  .ri-men-line:before { content: "\ef2e"; }
  .ri-mental-health-fill:before { content: "\ef2f"; }
  .ri-mental-health-line:before { content: "\ef30"; }
  .ri-menu-2-fill:before { content: "\ef31"; }
  .ri-menu-2-line:before { content: "\ef32"; }
  .ri-menu-3-fill:before { content: "\ef33"; }
  .ri-menu-3-line:before { content: "\ef34"; }
  .ri-menu-4-fill:before { content: "\ef35"; }
  .ri-menu-4-line:before { content: "\ef36"; }
  .ri-menu-5-fill:before { content: "\ef37"; }
  .ri-menu-5-line:before { content: "\ef38"; }
  .ri-menu-add-fill:before { content: "\ef39"; }
  .ri-menu-add-line:before { content: "\ef3a"; }
  .ri-menu-fill:before { content: "\ef3b"; }
  .ri-menu-fold-fill:before { content: "\ef3c"; }
  .ri-menu-fold-line:before { content: "\ef3d"; }
  .ri-menu-line:before { content: "\ef3e"; }
  .ri-menu-unfold-fill:before { content: "\ef3f"; }
  .ri-menu-unfold-line:before { content: "\ef40"; }
  .ri-merge-cells-horizontal:before { content: "\ef41"; }
  .ri-merge-cells-vertical:before { content: "\ef42"; }
  .ri-message-2-fill:before { content: "\ef43"; }
  .ri-message-2-line:before { content: "\ef44"; }
  .ri-message-3-fill:before { content: "\ef45"; }
  .ri-message-3-line:before { content: "\ef46"; }
  .ri-message-fill:before { content: "\ef47"; }
  .ri-message-line:before { content: "\ef48"; }
  .ri-messenger-fill:before { content: "\ef49"; }
  .ri-messenger-line:before { content: "\ef4a"; }
  .ri-meteor-fill:before { content: "\ef4b"; }
  .ri-meteor-line:before { content: "\ef4c"; }
  .ri-mic-2-fill:before { content: "\ef4d"; }
  .ri-mic-2-line:before { content: "\ef4e"; }
  .ri-mic-fill:before { content: "\ef4f"; }
  .ri-mic-line:before { content: "\ef50"; }
  .ri-mic-off-fill:before { content: "\ef51"; }
  .ri-mic-off-line:before { content: "\ef52"; }
  .ri-mickey-fill:before { content: "\ef53"; }
  .ri-mickey-line:before { content: "\ef54"; }
  .ri-microscope-fill:before { content: "\ef55"; }
  .ri-microscope-line:before { content: "\ef56"; }
  .ri-microsoft-fill:before { content: "\ef57"; }
  .ri-microsoft-line:before { content: "\ef58"; }
  .ri-mind-map:before { content: "\ef59"; }
  .ri-mini-program-fill:before { content: "\ef5a"; }
  .ri-mini-program-line:before { content: "\ef5b"; }
  .ri-mist-fill:before { content: "\ef5c"; }
  .ri-mist-line:before { content: "\ef5d"; }
  .ri-money-cny-box-fill:before { content: "\ef5e"; }
  .ri-money-cny-box-line:before { content: "\ef5f"; }
  .ri-money-cny-circle-fill:before { content: "\ef60"; }
  .ri-money-cny-circle-line:before { content: "\ef61"; }
  .ri-money-dollar-box-fill:before { content: "\ef62"; }
  .ri-money-dollar-box-line:before { content: "\ef63"; }
  .ri-money-dollar-circle-fill:before { content: "\ef64"; }
  .ri-money-dollar-circle-line:before { content: "\ef65"; }
  .ri-money-euro-box-fill:before { content: "\ef66"; }
  .ri-money-euro-box-line:before { content: "\ef67"; }
  .ri-money-euro-circle-fill:before { content: "\ef68"; }
  .ri-money-euro-circle-line:before { content: "\ef69"; }
  .ri-money-pound-box-fill:before { content: "\ef6a"; }
  .ri-money-pound-box-line:before { content: "\ef6b"; }
  .ri-money-pound-circle-fill:before { content: "\ef6c"; }
  .ri-money-pound-circle-line:before { content: "\ef6d"; }
  .ri-moon-clear-fill:before { content: "\ef6e"; }
  .ri-moon-clear-line:before { content: "\ef6f"; }
  .ri-moon-cloudy-fill:before { content: "\ef70"; }
  .ri-moon-cloudy-line:before { content: "\ef71"; }
  .ri-moon-fill:before { content: "\ef72"; }
  .ri-moon-foggy-fill:before { content: "\ef73"; }
  .ri-moon-foggy-line:before { content: "\ef74"; }
  .ri-moon-line:before { content: "\ef75"; }
  .ri-more-2-fill:before { content: "\ef76"; }
  .ri-more-2-line:before { content: "\ef77"; }
  .ri-more-fill:before { content: "\ef78"; }
  .ri-more-line:before { content: "\ef79"; }
  .ri-motorbike-fill:before { content: "\ef7a"; }
  .ri-motorbike-line:before { content: "\ef7b"; }
  .ri-mouse-fill:before { content: "\ef7c"; }
  .ri-mouse-line:before { content: "\ef7d"; }
  .ri-movie-2-fill:before { content: "\ef7e"; }
  .ri-movie-2-line:before { content: "\ef7f"; }
  .ri-movie-fill:before { content: "\ef80"; }
  .ri-movie-line:before { content: "\ef81"; }
  .ri-music-2-fill:before { content: "\ef82"; }
  .ri-music-2-line:before { content: "\ef83"; }
  .ri-music-fill:before { content: "\ef84"; }
  .ri-music-line:before { content: "\ef85"; }
  .ri-mv-fill:before { content: "\ef86"; }
  .ri-mv-line:before { content: "\ef87"; }
  .ri-navigation-fill:before { content: "\ef88"; }
  .ri-navigation-line:before { content: "\ef89"; }
  .ri-netease-cloud-music-fill:before { content: "\ef8a"; }
  .ri-netease-cloud-music-line:before { content: "\ef8b"; }
  .ri-netflix-fill:before { content: "\ef8c"; }
  .ri-netflix-line:before { content: "\ef8d"; }
  .ri-newspaper-fill:before { content: "\ef8e"; }
  .ri-newspaper-line:before { content: "\ef8f"; }
  .ri-node-tree:before { content: "\ef90"; }
  .ri-notification-2-fill:before { content: "\ef91"; }
  .ri-notification-2-line:before { content: "\ef92"; }
  .ri-notification-3-fill:before { content: "\ef93"; }
  .ri-notification-3-line:before { content: "\ef94"; }
  .ri-notification-4-fill:before { content: "\ef95"; }
  .ri-notification-4-line:before { content: "\ef96"; }
  .ri-notification-badge-fill:before { content: "\ef97"; }
  .ri-notification-badge-line:before { content: "\ef98"; }
  .ri-notification-fill:before { content: "\ef99"; }
  .ri-notification-line:before { content: "\ef9a"; }
  .ri-notification-off-fill:before { content: "\ef9b"; }
  .ri-notification-off-line:before { content: "\ef9c"; }
  .ri-npmjs-fill:before { content: "\ef9d"; }
  .ri-npmjs-line:before { content: "\ef9e"; }
  .ri-number-0:before { content: "\ef9f"; }
  .ri-number-1:before { content: "\efa0"; }
  .ri-number-2:before { content: "\efa1"; }
  .ri-number-3:before { content: "\efa2"; }
  .ri-number-4:before { content: "\efa3"; }
  .ri-number-5:before { content: "\efa4"; }
  .ri-number-6:before { content: "\efa5"; }
  .ri-number-7:before { content: "\efa6"; }
  .ri-number-8:before { content: "\efa7"; }
  .ri-number-9:before { content: "\efa8"; }
  .ri-numbers-fill:before { content: "\efa9"; }
  .ri-numbers-line:before { content: "\efaa"; }
  .ri-nurse-fill:before { content: "\efab"; }
  .ri-nurse-line:before { content: "\efac"; }
  .ri-oil-fill:before { content: "\efad"; }
  .ri-oil-line:before { content: "\efae"; }
  .ri-omega:before { content: "\efaf"; }
  .ri-open-arm-fill:before { content: "\efb0"; }
  .ri-open-arm-line:before { content: "\efb1"; }
  .ri-open-source-fill:before { content: "\efb2"; }
  .ri-open-source-line:before { content: "\efb3"; }
  .ri-opera-fill:before { content: "\efb4"; }
  .ri-opera-line:before { content: "\efb5"; }
  .ri-order-play-fill:before { content: "\efb6"; }
  .ri-order-play-line:before { content: "\efb7"; }
  .ri-organization-chart:before { content: "\efb8"; }
  .ri-outlet-2-fill:before { content: "\efb9"; }
  .ri-outlet-2-line:before { content: "\efba"; }
  .ri-outlet-fill:before { content: "\efbb"; }
  .ri-outlet-line:before { content: "\efbc"; }
  .ri-page-separator:before { content: "\efbd"; }
  .ri-pages-fill:before { content: "\efbe"; }
  .ri-pages-line:before { content: "\efbf"; }
  .ri-paint-brush-fill:before { content: "\efc0"; }
  .ri-paint-brush-line:before { content: "\efc1"; }
  .ri-paint-fill:before { content: "\efc2"; }
  .ri-paint-line:before { content: "\efc3"; }
  .ri-palette-fill:before { content: "\efc4"; }
  .ri-palette-line:before { content: "\efc5"; }
  .ri-pantone-fill:before { content: "\efc6"; }
  .ri-pantone-line:before { content: "\efc7"; }
  .ri-paragraph:before { content: "\efc8"; }
  .ri-parent-fill:before { content: "\efc9"; }
  .ri-parent-line:before { content: "\efca"; }
  .ri-parentheses-fill:before { content: "\efcb"; }
  .ri-parentheses-line:before { content: "\efcc"; }
  .ri-parking-box-fill:before { content: "\efcd"; }
  .ri-parking-box-line:before { content: "\efce"; }
  .ri-parking-fill:before { content: "\efcf"; }
  .ri-parking-line:before { content: "\efd0"; }
  .ri-passport-fill:before { content: "\efd1"; }
  .ri-passport-line:before { content: "\efd2"; }
  .ri-patreon-fill:before { content: "\efd3"; }
  .ri-patreon-line:before { content: "\efd4"; }
  .ri-pause-circle-fill:before { content: "\efd5"; }
  .ri-pause-circle-line:before { content: "\efd6"; }
  .ri-pause-fill:before { content: "\efd7"; }
  .ri-pause-line:before { content: "\efd8"; }
  .ri-pause-mini-fill:before { content: "\efd9"; }
  .ri-pause-mini-line:before { content: "\efda"; }
  .ri-paypal-fill:before { content: "\efdb"; }
  .ri-paypal-line:before { content: "\efdc"; }
  .ri-pen-nib-fill:before { content: "\efdd"; }
  .ri-pen-nib-line:before { content: "\efde"; }
  .ri-pencil-fill:before { content: "\efdf"; }
  .ri-pencil-line:before { content: "\efe0"; }
  .ri-pencil-ruler-2-fill:before { content: "\efe1"; }
  .ri-pencil-ruler-2-line:before { content: "\efe2"; }
  .ri-pencil-ruler-fill:before { content: "\efe3"; }
  .ri-pencil-ruler-line:before { content: "\efe4"; }
  .ri-percent-fill:before { content: "\efe5"; }
  .ri-percent-line:before { content: "\efe6"; }
  .ri-phone-camera-fill:before { content: "\efe7"; }
  .ri-phone-camera-line:before { content: "\efe8"; }
  .ri-phone-fill:before { content: "\efe9"; }
  .ri-phone-find-fill:before { content: "\efea"; }
  .ri-phone-find-line:before { content: "\efeb"; }
  .ri-phone-line:before { content: "\efec"; }
  .ri-phone-lock-fill:before { content: "\efed"; }
  .ri-phone-lock-line:before { content: "\efee"; }
  .ri-picture-in-picture-2-fill:before { content: "\efef"; }
  .ri-picture-in-picture-2-line:before { content: "\eff0"; }
  .ri-picture-in-picture-exit-fill:before { content: "\eff1"; }
  .ri-picture-in-picture-exit-line:before { content: "\eff2"; }
  .ri-picture-in-picture-fill:before { content: "\eff3"; }
  .ri-picture-in-picture-line:before { content: "\eff4"; }
  .ri-pie-chart-2-fill:before { content: "\eff5"; }
  .ri-pie-chart-2-line:before { content: "\eff6"; }
  .ri-pie-chart-box-fill:before { content: "\eff7"; }
  .ri-pie-chart-box-line:before { content: "\eff8"; }
  .ri-pie-chart-fill:before { content: "\eff9"; }
  .ri-pie-chart-line:before { content: "\effa"; }
  .ri-pin-distance-fill:before { content: "\effb"; }
  .ri-pin-distance-line:before { content: "\effc"; }
  .ri-ping-pong-fill:before { content: "\effd"; }
  .ri-ping-pong-line:before { content: "\effe"; }
  .ri-pinterest-fill:before { content: "\efff"; }
  .ri-pinterest-line:before { content: "\f000"; }
  .ri-pinyin-input:before { content: "\f001"; }
  .ri-pixelfed-fill:before { content: "\f002"; }
  .ri-pixelfed-line:before { content: "\f003"; }
  .ri-plane-fill:before { content: "\f004"; }
  .ri-plane-line:before { content: "\f005"; }
  .ri-plant-fill:before { content: "\f006"; }
  .ri-plant-line:before { content: "\f007"; }
  .ri-play-circle-fill:before { content: "\f008"; }
  .ri-play-circle-line:before { content: "\f009"; }
  .ri-play-fill:before { content: "\f00a"; }
  .ri-play-line:before { content: "\f00b"; }
  .ri-play-list-2-fill:before { content: "\f00c"; }
  .ri-play-list-2-line:before { content: "\f00d"; }
  .ri-play-list-add-fill:before { content: "\f00e"; }
  .ri-play-list-add-line:before { content: "\f00f"; }
  .ri-play-list-fill:before { content: "\f010"; }
  .ri-play-list-line:before { content: "\f011"; }
  .ri-play-mini-fill:before { content: "\f012"; }
  .ri-play-mini-line:before { content: "\f013"; }
  .ri-playstation-fill:before { content: "\f014"; }
  .ri-playstation-line:before { content: "\f015"; }
  .ri-plug-2-fill:before { content: "\f016"; }
  .ri-plug-2-line:before { content: "\f017"; }
  .ri-plug-fill:before { content: "\f018"; }
  .ri-plug-line:before { content: "\f019"; }
  .ri-polaroid-2-fill:before { content: "\f01a"; }
  .ri-polaroid-2-line:before { content: "\f01b"; }
  .ri-polaroid-fill:before { content: "\f01c"; }
  .ri-polaroid-line:before { content: "\f01d"; }
  .ri-police-car-fill:before { content: "\f01e"; }
  .ri-police-car-line:before { content: "\f01f"; }
  .ri-price-tag-2-fill:before { content: "\f020"; }
  .ri-price-tag-2-line:before { content: "\f021"; }
  .ri-price-tag-3-fill:before { content: "\f022"; }
  .ri-price-tag-3-line:before { content: "\f023"; }
  .ri-price-tag-fill:before { content: "\f024"; }
  .ri-price-tag-line:before { content: "\f025"; }
  .ri-printer-cloud-fill:before { content: "\f026"; }
  .ri-printer-cloud-line:before { content: "\f027"; }
  .ri-printer-fill:before { content: "\f028"; }
  .ri-printer-line:before { content: "\f029"; }
  .ri-product-hunt-fill:before { content: "\f02a"; }
  .ri-product-hunt-line:before { content: "\f02b"; }
  .ri-profile-fill:before { content: "\f02c"; }
  .ri-profile-line:before { content: "\f02d"; }
  .ri-projector-2-fill:before { content: "\f02e"; }
  .ri-projector-2-line:before { content: "\f02f"; }
  .ri-projector-fill:before { content: "\f030"; }
  .ri-projector-line:before { content: "\f031"; }
  .ri-psychotherapy-fill:before { content: "\f032"; }
  .ri-psychotherapy-line:before { content: "\f033"; }
  .ri-pulse-fill:before { content: "\f034"; }
  .ri-pulse-line:before { content: "\f035"; }
  .ri-pushpin-2-fill:before { content: "\f036"; }
  .ri-pushpin-2-line:before { content: "\f037"; }
  .ri-pushpin-fill:before { content: "\f038"; }
  .ri-pushpin-line:before { content: "\f039"; }
  .ri-qq-fill:before { content: "\f03a"; }
  .ri-qq-line:before { content: "\f03b"; }
  .ri-qr-code-fill:before { content: "\f03c"; }
  .ri-qr-code-line:before { content: "\f03d"; }
  .ri-qr-scan-2-fill:before { content: "\f03e"; }
  .ri-qr-scan-2-line:before { content: "\f03f"; }
  .ri-qr-scan-fill:before { content: "\f040"; }
  .ri-qr-scan-line:before { content: "\f041"; }
  .ri-question-answer-fill:before { content: "\f042"; }
  .ri-question-answer-line:before { content: "\f043"; }
  .ri-question-fill:before { content: "\f044"; }
  .ri-question-line:before { content: "\f045"; }
  .ri-question-mark:before { content: "\f046"; }
  .ri-questionnaire-fill:before { content: "\f047"; }
  .ri-questionnaire-line:before { content: "\f048"; }
  .ri-quill-pen-fill:before { content: "\f049"; }
  .ri-quill-pen-line:before { content: "\f04a"; }
  .ri-radar-fill:before { content: "\f04b"; }
  .ri-radar-line:before { content: "\f04c"; }
  .ri-radio-2-fill:before { content: "\f04d"; }
  .ri-radio-2-line:before { content: "\f04e"; }
  .ri-radio-button-fill:before { content: "\f04f"; }
  .ri-radio-button-line:before { content: "\f050"; }
  .ri-radio-fill:before { content: "\f051"; }
  .ri-radio-line:before { content: "\f052"; }
  .ri-rainbow-fill:before { content: "\f053"; }
  .ri-rainbow-line:before { content: "\f054"; }
  .ri-rainy-fill:before { content: "\f055"; }
  .ri-rainy-line:before { content: "\f056"; }
  .ri-reactjs-fill:before { content: "\f057"; }
  .ri-reactjs-line:before { content: "\f058"; }
  .ri-record-circle-fill:before { content: "\f059"; }
  .ri-record-circle-line:before { content: "\f05a"; }
  .ri-record-mail-fill:before { content: "\f05b"; }
  .ri-record-mail-line:before { content: "\f05c"; }
  .ri-recycle-fill:before { content: "\f05d"; }
  .ri-recycle-line:before { content: "\f05e"; }
  .ri-red-packet-fill:before { content: "\f05f"; }
  .ri-red-packet-line:before { content: "\f060"; }
  .ri-reddit-fill:before { content: "\f061"; }
  .ri-reddit-line:before { content: "\f062"; }
  .ri-refresh-fill:before { content: "\f063"; }
  .ri-refresh-line:before { content: "\f064"; }
  .ri-refund-2-fill:before { content: "\f065"; }
  .ri-refund-2-line:before { content: "\f066"; }
  .ri-refund-fill:before { content: "\f067"; }
  .ri-refund-line:before { content: "\f068"; }
  .ri-registered-fill:before { content: "\f069"; }
  .ri-registered-line:before { content: "\f06a"; }
  .ri-remixicon-fill:before { content: "\f06b"; }
  .ri-remixicon-line:before { content: "\f06c"; }
  .ri-remote-control-2-fill:before { content: "\f06d"; }
  .ri-remote-control-2-line:before { content: "\f06e"; }
  .ri-remote-control-fill:before { content: "\f06f"; }
  .ri-remote-control-line:before { content: "\f070"; }
  .ri-repeat-2-fill:before { content: "\f071"; }
  .ri-repeat-2-line:before { content: "\f072"; }
  .ri-repeat-fill:before { content: "\f073"; }
  .ri-repeat-line:before { content: "\f074"; }
  .ri-repeat-one-fill:before { content: "\f075"; }
  .ri-repeat-one-line:before { content: "\f076"; }
  .ri-reply-all-fill:before { content: "\f077"; }
  .ri-reply-all-line:before { content: "\f078"; }
  .ri-reply-fill:before { content: "\f079"; }
  .ri-reply-line:before { content: "\f07a"; }
  .ri-reserved-fill:before { content: "\f07b"; }
  .ri-reserved-line:before { content: "\f07c"; }
  .ri-rest-time-fill:before { content: "\f07d"; }
  .ri-rest-time-line:before { content: "\f07e"; }
  .ri-restart-fill:before { content: "\f07f"; }
  .ri-restart-line:before { content: "\f080"; }
  .ri-restaurant-2-fill:before { content: "\f081"; }
  .ri-restaurant-2-line:before { content: "\f082"; }
  .ri-restaurant-fill:before { content: "\f083"; }
  .ri-restaurant-line:before { content: "\f084"; }
  .ri-rewind-fill:before { content: "\f085"; }
  .ri-rewind-line:before { content: "\f086"; }
  .ri-rewind-mini-fill:before { content: "\f087"; }
  .ri-rewind-mini-line:before { content: "\f088"; }
  .ri-rhythm-fill:before { content: "\f089"; }
  .ri-rhythm-line:before { content: "\f08a"; }
  .ri-riding-fill:before { content: "\f08b"; }
  .ri-riding-line:before { content: "\f08c"; }
  .ri-road-map-fill:before { content: "\f08d"; }
  .ri-road-map-line:before { content: "\f08e"; }
  .ri-roadster-fill:before { content: "\f08f"; }
  .ri-roadster-line:before { content: "\f090"; }
  .ri-robot-fill:before { content: "\f091"; }
  .ri-robot-line:before { content: "\f092"; }
  .ri-rocket-2-fill:before { content: "\f093"; }
  .ri-rocket-2-line:before { content: "\f094"; }
  .ri-rocket-fill:before { content: "\f095"; }
  .ri-rocket-line:before { content: "\f096"; }
  .ri-rotate-lock-fill:before { content: "\f097"; }
  .ri-rotate-lock-line:before { content: "\f098"; }
  .ri-rounded-corner:before { content: "\f099"; }
  .ri-route-fill:before { content: "\f09a"; }
  .ri-route-line:before { content: "\f09b"; }
  .ri-router-fill:before { content: "\f09c"; }
  .ri-router-line:before { content: "\f09d"; }
  .ri-rss-fill:before { content: "\f09e"; }
  .ri-rss-line:before { content: "\f09f"; }
  .ri-ruler-2-fill:before { content: "\f0a0"; }
  .ri-ruler-2-line:before { content: "\f0a1"; }
  .ri-ruler-fill:before { content: "\f0a2"; }
  .ri-ruler-line:before { content: "\f0a3"; }
  .ri-run-fill:before { content: "\f0a4"; }
  .ri-run-line:before { content: "\f0a5"; }
  .ri-safari-fill:before { content: "\f0a6"; }
  .ri-safari-line:before { content: "\f0a7"; }
  .ri-safe-2-fill:before { content: "\f0a8"; }
  .ri-safe-2-line:before { content: "\f0a9"; }
  .ri-safe-fill:before { content: "\f0aa"; }
  .ri-safe-line:before { content: "\f0ab"; }
  .ri-sailboat-fill:before { content: "\f0ac"; }
  .ri-sailboat-line:before { content: "\f0ad"; }
  .ri-save-2-fill:before { content: "\f0ae"; }
  .ri-save-2-line:before { content: "\f0af"; }
  .ri-save-3-fill:before { content: "\f0b0"; }
  .ri-save-3-line:before { content: "\f0b1"; }
  .ri-save-fill:before { content: "\f0b2"; }
  .ri-save-line:before { content: "\f0b3"; }
  .ri-scales-2-fill:before { content: "\f0b4"; }
  .ri-scales-2-line:before { content: "\f0b5"; }
  .ri-scales-3-fill:before { content: "\f0b6"; }
  .ri-scales-3-line:before { content: "\f0b7"; }
  .ri-scales-fill:before { content: "\f0b8"; }
  .ri-scales-line:before { content: "\f0b9"; }
  .ri-scan-2-fill:before { content: "\f0ba"; }
  .ri-scan-2-line:before { content: "\f0bb"; }
  .ri-scan-fill:before { content: "\f0bc"; }
  .ri-scan-line:before { content: "\f0bd"; }
  .ri-scissors-2-fill:before { content: "\f0be"; }
  .ri-scissors-2-line:before { content: "\f0bf"; }
  .ri-scissors-cut-fill:before { content: "\f0c0"; }
  .ri-scissors-cut-line:before { content: "\f0c1"; }
  .ri-scissors-fill:before { content: "\f0c2"; }
  .ri-scissors-line:before { content: "\f0c3"; }
  .ri-screenshot-2-fill:before { content: "\f0c4"; }
  .ri-screenshot-2-line:before { content: "\f0c5"; }
  .ri-screenshot-fill:before { content: "\f0c6"; }
  .ri-screenshot-line:before { content: "\f0c7"; }
  .ri-sd-card-fill:before { content: "\f0c8"; }
  .ri-sd-card-line:before { content: "\f0c9"; }
  .ri-sd-card-mini-fill:before { content: "\f0ca"; }
  .ri-sd-card-mini-line:before { content: "\f0cb"; }
  .ri-search-2-fill:before { content: "\f0cc"; }
  .ri-search-2-line:before { content: "\f0cd"; }
  .ri-search-eye-fill:before { content: "\f0ce"; }
  .ri-search-eye-line:before { content: "\f0cf"; }
  .ri-search-fill:before { content: "\f0d0"; }
  .ri-search-line:before { content: "\f0d1"; }
  .ri-secure-payment-fill:before { content: "\f0d2"; }
  .ri-secure-payment-line:before { content: "\f0d3"; }
  .ri-seedling-fill:before { content: "\f0d4"; }
  .ri-seedling-line:before { content: "\f0d5"; }
  .ri-send-backward:before { content: "\f0d6"; }
  .ri-send-plane-2-fill:before { content: "\f0d7"; }
  .ri-send-plane-2-line:before { content: "\f0d8"; }
  .ri-send-plane-fill:before { content: "\f0d9"; }
  .ri-send-plane-line:before { content: "\f0da"; }
  .ri-send-to-back:before { content: "\f0db"; }
  .ri-sensor-fill:before { content: "\f0dc"; }
  .ri-sensor-line:before { content: "\f0dd"; }
  .ri-separator:before { content: "\f0de"; }
  .ri-server-fill:before { content: "\f0df"; }
  .ri-server-line:before { content: "\f0e0"; }
  .ri-service-fill:before { content: "\f0e1"; }
  .ri-service-line:before { content: "\f0e2"; }
  .ri-settings-2-fill:before { content: "\f0e3"; }
  .ri-settings-2-line:before { content: "\f0e4"; }
  .ri-settings-3-fill:before { content: "\f0e5"; }
  .ri-settings-3-line:before { content: "\f0e6"; }
  .ri-settings-4-fill:before { content: "\f0e7"; }
  .ri-settings-4-line:before { content: "\f0e8"; }
  .ri-settings-5-fill:before { content: "\f0e9"; }
  .ri-settings-5-line:before { content: "\f0ea"; }
  .ri-settings-6-fill:before { content: "\f0eb"; }
  .ri-settings-6-line:before { content: "\f0ec"; }
  .ri-settings-fill:before { content: "\f0ed"; }
  .ri-settings-line:before { content: "\f0ee"; }
  .ri-shape-2-fill:before { content: "\f0ef"; }
  .ri-shape-2-line:before { content: "\f0f0"; }
  .ri-shape-fill:before { content: "\f0f1"; }
  .ri-shape-line:before { content: "\f0f2"; }
  .ri-share-box-fill:before { content: "\f0f3"; }
  .ri-share-box-line:before { content: "\f0f4"; }
  .ri-share-circle-fill:before { content: "\f0f5"; }
  .ri-share-circle-line:before { content: "\f0f6"; }
  .ri-share-fill:before { content: "\f0f7"; }
  .ri-share-forward-2-fill:before { content: "\f0f8"; }
  .ri-share-forward-2-line:before { content: "\f0f9"; }
  .ri-share-forward-box-fill:before { content: "\f0fa"; }
  .ri-share-forward-box-line:before { content: "\f0fb"; }
  .ri-share-forward-fill:before { content: "\f0fc"; }
  .ri-share-forward-line:before { content: "\f0fd"; }
  .ri-share-line:before { content: "\f0fe"; }
  .ri-shield-check-fill:before { content: "\f0ff"; }
  .ri-shield-check-line:before { content: "\f100"; }
  .ri-shield-cross-fill:before { content: "\f101"; }
  .ri-shield-cross-line:before { content: "\f102"; }
  .ri-shield-fill:before { content: "\f103"; }
  .ri-shield-flash-fill:before { content: "\f104"; }
  .ri-shield-flash-line:before { content: "\f105"; }
  .ri-shield-keyhole-fill:before { content: "\f106"; }
  .ri-shield-keyhole-line:before { content: "\f107"; }
  .ri-shield-line:before { content: "\f108"; }
  .ri-shield-star-fill:before { content: "\f109"; }
  .ri-shield-star-line:before { content: "\f10a"; }
  .ri-shield-user-fill:before { content: "\f10b"; }
  .ri-shield-user-line:before { content: "\f10c"; }
  .ri-ship-2-fill:before { content: "\f10d"; }
  .ri-ship-2-line:before { content: "\f10e"; }
  .ri-ship-fill:before { content: "\f10f"; }
  .ri-ship-line:before { content: "\f110"; }
  .ri-shirt-fill:before { content: "\f111"; }
  .ri-shirt-line:before { content: "\f112"; }
  .ri-shopping-bag-2-fill:before { content: "\f113"; }
  .ri-shopping-bag-2-line:before { content: "\f114"; }
  .ri-shopping-bag-3-fill:before { content: "\f115"; }
  .ri-shopping-bag-3-line:before { content: "\f116"; }
  .ri-shopping-bag-fill:before { content: "\f117"; }
  .ri-shopping-bag-line:before { content: "\f118"; }
  .ri-shopping-basket-2-fill:before { content: "\f119"; }
  .ri-shopping-basket-2-line:before { content: "\f11a"; }
  .ri-shopping-basket-fill:before { content: "\f11b"; }
  .ri-shopping-basket-line:before { content: "\f11c"; }
  .ri-shopping-cart-2-fill:before { content: "\f11d"; }
  .ri-shopping-cart-2-line:before { content: "\f11e"; }
  .ri-shopping-cart-fill:before { content: "\f11f"; }
  .ri-shopping-cart-line:before { content: "\f120"; }
  .ri-showers-fill:before { content: "\f121"; }
  .ri-showers-line:before { content: "\f122"; }
  .ri-shuffle-fill:before { content: "\f123"; }
  .ri-shuffle-line:before { content: "\f124"; }
  .ri-shut-down-fill:before { content: "\f125"; }
  .ri-shut-down-line:before { content: "\f126"; }
  .ri-side-bar-fill:before { content: "\f127"; }
  .ri-side-bar-line:before { content: "\f128"; }
  .ri-signal-tower-fill:before { content: "\f129"; }
  .ri-signal-tower-line:before { content: "\f12a"; }
  .ri-signal-wifi-1-fill:before { content: "\f12b"; }
  .ri-signal-wifi-1-line:before { content: "\f12c"; }
  .ri-signal-wifi-2-fill:before { content: "\f12d"; }
  .ri-signal-wifi-2-line:before { content: "\f12e"; }
  .ri-signal-wifi-3-fill:before { content: "\f12f"; }
  .ri-signal-wifi-3-line:before { content: "\f130"; }
  .ri-signal-wifi-error-fill:before { content: "\f131"; }
  .ri-signal-wifi-error-line:before { content: "\f132"; }
  .ri-signal-wifi-fill:before { content: "\f133"; }
  .ri-signal-wifi-line:before { content: "\f134"; }
  .ri-signal-wifi-off-fill:before { content: "\f135"; }
  .ri-signal-wifi-off-line:before { content: "\f136"; }
  .ri-sim-card-2-fill:before { content: "\f137"; }
  .ri-sim-card-2-line:before { content: "\f138"; }
  .ri-sim-card-fill:before { content: "\f139"; }
  .ri-sim-card-line:before { content: "\f13a"; }
  .ri-single-quotes-l:before { content: "\f13b"; }
  .ri-single-quotes-r:before { content: "\f13c"; }
  .ri-sip-fill:before { content: "\f13d"; }
  .ri-sip-line:before { content: "\f13e"; }
  .ri-skip-back-fill:before { content: "\f13f"; }
  .ri-skip-back-line:before { content: "\f140"; }
  .ri-skip-back-mini-fill:before { content: "\f141"; }
  .ri-skip-back-mini-line:before { content: "\f142"; }
  .ri-skip-forward-fill:before { content: "\f143"; }
  .ri-skip-forward-line:before { content: "\f144"; }
  .ri-skip-forward-mini-fill:before { content: "\f145"; }
  .ri-skip-forward-mini-line:before { content: "\f146"; }
  .ri-skull-2-fill:before { content: "\f147"; }
  .ri-skull-2-line:before { content: "\f148"; }
  .ri-skull-fill:before { content: "\f149"; }
  .ri-skull-line:before { content: "\f14a"; }
  .ri-skype-fill:before { content: "\f14b"; }
  .ri-skype-line:before { content: "\f14c"; }
  .ri-slack-fill:before { content: "\f14d"; }
  .ri-slack-line:before { content: "\f14e"; }
  .ri-slice-fill:before { content: "\f14f"; }
  .ri-slice-line:before { content: "\f150"; }
  .ri-slideshow-2-fill:before { content: "\f151"; }
  .ri-slideshow-2-line:before { content: "\f152"; }
  .ri-slideshow-3-fill:before { content: "\f153"; }
  .ri-slideshow-3-line:before { content: "\f154"; }
  .ri-slideshow-4-fill:before { content: "\f155"; }
  .ri-slideshow-4-line:before { content: "\f156"; }
  .ri-slideshow-fill:before { content: "\f157"; }
  .ri-slideshow-line:before { content: "\f158"; }
  .ri-smartphone-fill:before { content: "\f159"; }
  .ri-smartphone-line:before { content: "\f15a"; }
  .ri-snapchat-fill:before { content: "\f15b"; }
  .ri-snapchat-line:before { content: "\f15c"; }
  .ri-snowy-fill:before { content: "\f15d"; }
  .ri-snowy-line:before { content: "\f15e"; }
  .ri-sort-asc:before { content: "\f15f"; }
  .ri-sort-desc:before { content: "\f160"; }
  .ri-sound-module-fill:before { content: "\f161"; }
  .ri-sound-module-line:before { content: "\f162"; }
  .ri-soundcloud-fill:before { content: "\f163"; }
  .ri-soundcloud-line:before { content: "\f164"; }
  .ri-space-ship-fill:before { content: "\f165"; }
  .ri-space-ship-line:before { content: "\f166"; }
  .ri-space:before { content: "\f167"; }
  .ri-spam-2-fill:before { content: "\f168"; }
  .ri-spam-2-line:before { content: "\f169"; }
  .ri-spam-3-fill:before { content: "\f16a"; }
  .ri-spam-3-line:before { content: "\f16b"; }
  .ri-spam-fill:before { content: "\f16c"; }
  .ri-spam-line:before { content: "\f16d"; }
  .ri-speaker-2-fill:before { content: "\f16e"; }
  .ri-speaker-2-line:before { content: "\f16f"; }
  .ri-speaker-3-fill:before { content: "\f170"; }
  .ri-speaker-3-line:before { content: "\f171"; }
  .ri-speaker-fill:before { content: "\f172"; }
  .ri-speaker-line:before { content: "\f173"; }
  .ri-spectrum-fill:before { content: "\f174"; }
  .ri-spectrum-line:before { content: "\f175"; }
  .ri-speed-fill:before { content: "\f176"; }
  .ri-speed-line:before { content: "\f177"; }
  .ri-speed-mini-fill:before { content: "\f178"; }
  .ri-speed-mini-line:before { content: "\f179"; }
  .ri-split-cells-horizontal:before { content: "\f17a"; }
  .ri-split-cells-vertical:before { content: "\f17b"; }
  .ri-spotify-fill:before { content: "\f17c"; }
  .ri-spotify-line:before { content: "\f17d"; }
  .ri-spy-fill:before { content: "\f17e"; }
  .ri-spy-line:before { content: "\f17f"; }
  .ri-stack-fill:before { content: "\f180"; }
  .ri-stack-line:before { content: "\f181"; }
  .ri-stack-overflow-fill:before { content: "\f182"; }
  .ri-stack-overflow-line:before { content: "\f183"; }
  .ri-stackshare-fill:before { content: "\f184"; }
  .ri-stackshare-line:before { content: "\f185"; }
  .ri-star-fill:before { content: "\f186"; }
  .ri-star-half-fill:before { content: "\f187"; }
  .ri-star-half-line:before { content: "\f188"; }
  .ri-star-half-s-fill:before { content: "\f189"; }
  .ri-star-half-s-line:before { content: "\f18a"; }
  .ri-star-line:before { content: "\f18b"; }
  .ri-star-s-fill:before { content: "\f18c"; }
  .ri-star-s-line:before { content: "\f18d"; }
  .ri-star-smile-fill:before { content: "\f18e"; }
  .ri-star-smile-line:before { content: "\f18f"; }
  .ri-steam-fill:before { content: "\f190"; }
  .ri-steam-line:before { content: "\f191"; }
  .ri-steering-2-fill:before { content: "\f192"; }
  .ri-steering-2-line:before { content: "\f193"; }
  .ri-steering-fill:before { content: "\f194"; }
  .ri-steering-line:before { content: "\f195"; }
  .ri-stethoscope-fill:before { content: "\f196"; }
  .ri-stethoscope-line:before { content: "\f197"; }
  .ri-sticky-note-2-fill:before { content: "\f198"; }
  .ri-sticky-note-2-line:before { content: "\f199"; }
  .ri-sticky-note-fill:before { content: "\f19a"; }
  .ri-sticky-note-line:before { content: "\f19b"; }
  .ri-stock-fill:before { content: "\f19c"; }
  .ri-stock-line:before { content: "\f19d"; }
  .ri-stop-circle-fill:before { content: "\f19e"; }
  .ri-stop-circle-line:before { content: "\f19f"; }
  .ri-stop-fill:before { content: "\f1a0"; }
  .ri-stop-line:before { content: "\f1a1"; }
  .ri-stop-mini-fill:before { content: "\f1a2"; }
  .ri-stop-mini-line:before { content: "\f1a3"; }
  .ri-store-2-fill:before { content: "\f1a4"; }
  .ri-store-2-line:before { content: "\f1a5"; }
  .ri-store-3-fill:before { content: "\f1a6"; }
  .ri-store-3-line:before { content: "\f1a7"; }
  .ri-store-fill:before { content: "\f1a8"; }
  .ri-store-line:before { content: "\f1a9"; }
  .ri-strikethrough-2:before { content: "\f1aa"; }
  .ri-strikethrough:before { content: "\f1ab"; }
  .ri-subscript-2:before { content: "\f1ac"; }
  .ri-subscript:before { content: "\f1ad"; }
  .ri-subtract-fill:before { content: "\f1ae"; }
  .ri-subtract-line:before { content: "\f1af"; }
  .ri-subway-fill:before { content: "\f1b0"; }
  .ri-subway-line:before { content: "\f1b1"; }
  .ri-subway-wifi-fill:before { content: "\f1b2"; }
  .ri-subway-wifi-line:before { content: "\f1b3"; }
  .ri-suitcase-2-fill:before { content: "\f1b4"; }
  .ri-suitcase-2-line:before { content: "\f1b5"; }
  .ri-suitcase-3-fill:before { content: "\f1b6"; }
  .ri-suitcase-3-line:before { content: "\f1b7"; }
  .ri-suitcase-fill:before { content: "\f1b8"; }
  .ri-suitcase-line:before { content: "\f1b9"; }
  .ri-sun-cloudy-fill:before { content: "\f1ba"; }
  .ri-sun-cloudy-line:before { content: "\f1bb"; }
  .ri-sun-fill:before { content: "\f1bc"; }
  .ri-sun-foggy-fill:before { content: "\f1bd"; }
  .ri-sun-foggy-line:before { content: "\f1be"; }
  .ri-sun-line:before { content: "\f1bf"; }
  .ri-superscript-2:before { content: "\f1c0"; }
  .ri-superscript:before { content: "\f1c1"; }
  .ri-surgical-mask-fill:before { content: "\f1c2"; }
  .ri-surgical-mask-line:before { content: "\f1c3"; }
  .ri-surround-sound-fill:before { content: "\f1c4"; }
  .ri-surround-sound-line:before { content: "\f1c5"; }
  .ri-survey-fill:before { content: "\f1c6"; }
  .ri-survey-line:before { content: "\f1c7"; }
  .ri-swap-box-fill:before { content: "\f1c8"; }
  .ri-swap-box-line:before { content: "\f1c9"; }
  .ri-swap-fill:before { content: "\f1ca"; }
  .ri-swap-line:before { content: "\f1cb"; }
  .ri-switch-fill:before { content: "\f1cc"; }
  .ri-switch-line:before { content: "\f1cd"; }
  .ri-sword-fill:before { content: "\f1ce"; }
  .ri-sword-line:before { content: "\f1cf"; }
  .ri-syringe-fill:before { content: "\f1d0"; }
  .ri-syringe-line:before { content: "\f1d1"; }
  .ri-t-box-fill:before { content: "\f1d2"; }
  .ri-t-box-line:before { content: "\f1d3"; }
  .ri-t-shirt-2-fill:before { content: "\f1d4"; }
  .ri-t-shirt-2-line:before { content: "\f1d5"; }
  .ri-t-shirt-air-fill:before { content: "\f1d6"; }
  .ri-t-shirt-air-line:before { content: "\f1d7"; }
  .ri-t-shirt-fill:before { content: "\f1d8"; }
  .ri-t-shirt-line:before { content: "\f1d9"; }
  .ri-table-2:before { content: "\f1da"; }
  .ri-table-alt-fill:before { content: "\f1db"; }
  .ri-table-alt-line:before { content: "\f1dc"; }
  .ri-table-fill:before { content: "\f1dd"; }
  .ri-table-line:before { content: "\f1de"; }
  .ri-tablet-fill:before { content: "\f1df"; }
  .ri-tablet-line:before { content: "\f1e0"; }
  .ri-takeaway-fill:before { content: "\f1e1"; }
  .ri-takeaway-line:before { content: "\f1e2"; }
  .ri-taobao-fill:before { content: "\f1e3"; }
  .ri-taobao-line:before { content: "\f1e4"; }
  .ri-tape-fill:before { content: "\f1e5"; }
  .ri-tape-line:before { content: "\f1e6"; }
  .ri-task-fill:before { content: "\f1e7"; }
  .ri-task-line:before { content: "\f1e8"; }
  .ri-taxi-fill:before { content: "\f1e9"; }
  .ri-taxi-line:before { content: "\f1ea"; }
  .ri-taxi-wifi-fill:before { content: "\f1eb"; }
  .ri-taxi-wifi-line:before { content: "\f1ec"; }
  .ri-team-fill:before { content: "\f1ed"; }
  .ri-team-line:before { content: "\f1ee"; }
  .ri-telegram-fill:before { content: "\f1ef"; }
  .ri-telegram-line:before { content: "\f1f0"; }
  .ri-temp-cold-fill:before { content: "\f1f1"; }
  .ri-temp-cold-line:before { content: "\f1f2"; }
  .ri-temp-hot-fill:before { content: "\f1f3"; }
  .ri-temp-hot-line:before { content: "\f1f4"; }
  .ri-terminal-box-fill:before { content: "\f1f5"; }
  .ri-terminal-box-line:before { content: "\f1f6"; }
  .ri-terminal-fill:before { content: "\f1f7"; }
  .ri-terminal-line:before { content: "\f1f8"; }
  .ri-terminal-window-fill:before { content: "\f1f9"; }
  .ri-terminal-window-line:before { content: "\f1fa"; }
  .ri-test-tube-fill:before { content: "\f1fb"; }
  .ri-test-tube-line:before { content: "\f1fc"; }
  .ri-text-direction-l:before { content: "\f1fd"; }
  .ri-text-direction-r:before { content: "\f1fe"; }
  .ri-text-spacing:before { content: "\f1ff"; }
  .ri-text-wrap:before { content: "\f200"; }
  .ri-text:before { content: "\f201"; }
  .ri-thermometer-fill:before { content: "\f202"; }
  .ri-thermometer-line:before { content: "\f203"; }
  .ri-thumb-down-fill:before { content: "\f204"; }
  .ri-thumb-down-line:before { content: "\f205"; }
  .ri-thumb-up-fill:before { content: "\f206"; }
  .ri-thumb-up-line:before { content: "\f207"; }
  .ri-thunderstorms-fill:before { content: "\f208"; }
  .ri-thunderstorms-line:before { content: "\f209"; }
  .ri-ticket-2-fill:before { content: "\f20a"; }
  .ri-ticket-2-line:before { content: "\f20b"; }
  .ri-ticket-fill:before { content: "\f20c"; }
  .ri-ticket-line:before { content: "\f20d"; }
  .ri-time-fill:before { content: "\f20e"; }
  .ri-time-line:before { content: "\f20f"; }
  .ri-timer-2-fill:before { content: "\f210"; }
  .ri-timer-2-line:before { content: "\f211"; }
  .ri-timer-fill:before { content: "\f212"; }
  .ri-timer-flash-fill:before { content: "\f213"; }
  .ri-timer-flash-line:before { content: "\f214"; }
  .ri-timer-line:before { content: "\f215"; }
  .ri-todo-fill:before { content: "\f216"; }
  .ri-todo-line:before { content: "\f217"; }
  .ri-toggle-fill:before { content: "\f218"; }
  .ri-toggle-line:before { content: "\f219"; }
  .ri-tools-fill:before { content: "\f21a"; }
  .ri-tools-line:before { content: "\f21b"; }
  .ri-tornado-fill:before { content: "\f21c"; }
  .ri-tornado-line:before { content: "\f21d"; }
  .ri-trademark-fill:before { content: "\f21e"; }
  .ri-trademark-line:before { content: "\f21f"; }
  .ri-traffic-light-fill:before { content: "\f220"; }
  .ri-traffic-light-line:before { content: "\f221"; }
  .ri-train-fill:before { content: "\f222"; }
  .ri-train-line:before { content: "\f223"; }
  .ri-train-wifi-fill:before { content: "\f224"; }
  .ri-train-wifi-line:before { content: "\f225"; }
  .ri-translate-2:before { content: "\f226"; }
  .ri-translate:before { content: "\f227"; }
  .ri-travesti-fill:before { content: "\f228"; }
  .ri-travesti-line:before { content: "\f229"; }
  .ri-treasure-map-fill:before { content: "\f22a"; }
  .ri-treasure-map-line:before { content: "\f22b"; }
  .ri-trello-fill:before { content: "\f22c"; }
  .ri-trello-line:before { content: "\f22d"; }
  .ri-trophy-fill:before { content: "\f22e"; }
  .ri-trophy-line:before { content: "\f22f"; }
  .ri-truck-fill:before { content: "\f230"; }
  .ri-truck-line:before { content: "\f231"; }
  .ri-tumblr-fill:before { content: "\f232"; }
  .ri-tumblr-line:before { content: "\f233"; }
  .ri-tv-2-fill:before { content: "\f234"; }
  .ri-tv-2-line:before { content: "\f235"; }
  .ri-tv-fill:before { content: "\f236"; }
  .ri-tv-line:before { content: "\f237"; }
  .ri-twitch-fill:before { content: "\f238"; }
  .ri-twitch-line:before { content: "\f239"; }
  .ri-twitter-fill:before { content: "\f23a"; }
  .ri-twitter-line:before { content: "\f23b"; }
  .ri-typhoon-fill:before { content: "\f23c"; }
  .ri-typhoon-line:before { content: "\f23d"; }
  .ri-u-disk-fill:before { content: "\f23e"; }
  .ri-u-disk-line:before { content: "\f23f"; }
  .ri-ubuntu-fill:before { content: "\f240"; }
  .ri-ubuntu-line:before { content: "\f241"; }
  .ri-umbrella-fill:before { content: "\f242"; }
  .ri-umbrella-line:before { content: "\f243"; }
  .ri-underline:before { content: "\f244"; }
  .ri-uninstall-fill:before { content: "\f245"; }
  .ri-uninstall-line:before { content: "\f246"; }
  .ri-unsplash-fill:before { content: "\f247"; }
  .ri-unsplash-line:before { content: "\f248"; }
  .ri-upload-2-fill:before { content: "\f249"; }
  .ri-upload-2-line:before { content: "\f24a"; }
  .ri-upload-cloud-2-fill:before { content: "\f24b"; }
  .ri-upload-cloud-2-line:before { content: "\f24c"; }
  .ri-upload-cloud-fill:before { content: "\f24d"; }
  .ri-upload-cloud-line:before { content: "\f24e"; }
  .ri-upload-fill:before { content: "\f24f"; }
  .ri-upload-line:before { content: "\f250"; }
  .ri-usb-fill:before { content: "\f251"; }
  .ri-usb-line:before { content: "\f252"; }
  .ri-user-2-fill:before { content: "\f253"; }
  .ri-user-2-line:before { content: "\f254"; }
  .ri-user-3-fill:before { content: "\f255"; }
  .ri-user-3-line:before { content: "\f256"; }
  .ri-user-4-fill:before { content: "\f257"; }
  .ri-user-4-line:before { content: "\f258"; }
  .ri-user-5-fill:before { content: "\f259"; }
  .ri-user-5-line:before { content: "\f25a"; }
  .ri-user-6-fill:before { content: "\f25b"; }
  .ri-user-6-line:before { content: "\f25c"; }
  .ri-user-add-fill:before { content: "\f25d"; }
  .ri-user-add-line:before { content: "\f25e"; }
  .ri-user-fill:before { content: "\f25f"; }
  .ri-user-follow-fill:before { content: "\f260"; }
  .ri-user-follow-line:before { content: "\f261"; }
  .ri-user-heart-fill:before { content: "\f262"; }
  .ri-user-heart-line:before { content: "\f263"; }
  .ri-user-line:before { content: "\f264"; }
  .ri-user-location-fill:before { content: "\f265"; }
  .ri-user-location-line:before { content: "\f266"; }
  .ri-user-received-2-fill:before { content: "\f267"; }
  .ri-user-received-2-line:before { content: "\f268"; }
  .ri-user-received-fill:before { content: "\f269"; }
  .ri-user-received-line:before { content: "\f26a"; }
  .ri-user-search-fill:before { content: "\f26b"; }
  .ri-user-search-line:before { content: "\f26c"; }
  .ri-user-settings-fill:before { content: "\f26d"; }
  .ri-user-settings-line:before { content: "\f26e"; }
  .ri-user-shared-2-fill:before { content: "\f26f"; }
  .ri-user-shared-2-line:before { content: "\f270"; }
  .ri-user-shared-fill:before { content: "\f271"; }
  .ri-user-shared-line:before { content: "\f272"; }
  .ri-user-smile-fill:before { content: "\f273"; }
  .ri-user-smile-line:before { content: "\f274"; }
  .ri-user-star-fill:before { content: "\f275"; }
  .ri-user-star-line:before { content: "\f276"; }
  .ri-user-unfollow-fill:before { content: "\f277"; }
  .ri-user-unfollow-line:before { content: "\f278"; }
  .ri-user-voice-fill:before { content: "\f279"; }
  .ri-user-voice-line:before { content: "\f27a"; }
  .ri-video-add-fill:before { content: "\f27b"; }
  .ri-video-add-line:before { content: "\f27c"; }
  .ri-video-chat-fill:before { content: "\f27d"; }
  .ri-video-chat-line:before { content: "\f27e"; }
  .ri-video-download-fill:before { content: "\f27f"; }
  .ri-video-download-line:before { content: "\f280"; }
  .ri-video-fill:before { content: "\f281"; }
  .ri-video-line:before { content: "\f282"; }
  .ri-video-upload-fill:before { content: "\f283"; }
  .ri-video-upload-line:before { content: "\f284"; }
  .ri-vidicon-2-fill:before { content: "\f285"; }
  .ri-vidicon-2-line:before { content: "\f286"; }
  .ri-vidicon-fill:before { content: "\f287"; }
  .ri-vidicon-line:before { content: "\f288"; }
  .ri-vimeo-fill:before { content: "\f289"; }
  .ri-vimeo-line:before { content: "\f28a"; }
  .ri-vip-crown-2-fill:before { content: "\f28b"; }
  .ri-vip-crown-2-line:before { content: "\f28c"; }
  .ri-vip-crown-fill:before { content: "\f28d"; }
  .ri-vip-crown-line:before { content: "\f28e"; }
  .ri-vip-diamond-fill:before { content: "\f28f"; }
  .ri-vip-diamond-line:before { content: "\f290"; }
  .ri-vip-fill:before { content: "\f291"; }
  .ri-vip-line:before { content: "\f292"; }
  .ri-virus-fill:before { content: "\f293"; }
  .ri-virus-line:before { content: "\f294"; }
  .ri-visa-fill:before { content: "\f295"; }
  .ri-visa-line:before { content: "\f296"; }
  .ri-voice-recognition-fill:before { content: "\f297"; }
  .ri-voice-recognition-line:before { content: "\f298"; }
  .ri-voiceprint-fill:before { content: "\f299"; }
  .ri-voiceprint-line:before { content: "\f29a"; }
  .ri-volume-down-fill:before { content: "\f29b"; }
  .ri-volume-down-line:before { content: "\f29c"; }
  .ri-volume-mute-fill:before { content: "\f29d"; }
  .ri-volume-mute-line:before { content: "\f29e"; }
  .ri-volume-off-vibrate-fill:before { content: "\f29f"; }
  .ri-volume-off-vibrate-line:before { content: "\f2a0"; }
  .ri-volume-up-fill:before { content: "\f2a1"; }
  .ri-volume-up-line:before { content: "\f2a2"; }
  .ri-volume-vibrate-fill:before { content: "\f2a3"; }
  .ri-volume-vibrate-line:before { content: "\f2a4"; }
  .ri-vuejs-fill:before { content: "\f2a5"; }
  .ri-vuejs-line:before { content: "\f2a6"; }
  .ri-walk-fill:before { content: "\f2a7"; }
  .ri-walk-line:before { content: "\f2a8"; }
  .ri-wallet-2-fill:before { content: "\f2a9"; }
  .ri-wallet-2-line:before { content: "\f2aa"; }
  .ri-wallet-3-fill:before { content: "\f2ab"; }
  .ri-wallet-3-line:before { content: "\f2ac"; }
  .ri-wallet-fill:before { content: "\f2ad"; }
  .ri-wallet-line:before { content: "\f2ae"; }
  .ri-water-flash-fill:before { content: "\f2af"; }
  .ri-water-flash-line:before { content: "\f2b0"; }
  .ri-webcam-fill:before { content: "\f2b1"; }
  .ri-webcam-line:before { content: "\f2b2"; }
  .ri-wechat-2-fill:before { content: "\f2b3"; }
  .ri-wechat-2-line:before { content: "\f2b4"; }
  .ri-wechat-fill:before { content: "\f2b5"; }
  .ri-wechat-line:before { content: "\f2b6"; }
  .ri-wechat-pay-fill:before { content: "\f2b7"; }
  .ri-wechat-pay-line:before { content: "\f2b8"; }
  .ri-weibo-fill:before { content: "\f2b9"; }
  .ri-weibo-line:before { content: "\f2ba"; }
  .ri-whatsapp-fill:before { content: "\f2bb"; }
  .ri-whatsapp-line:before { content: "\f2bc"; }
  .ri-wheelchair-fill:before { content: "\f2bd"; }
  .ri-wheelchair-line:before { content: "\f2be"; }
  .ri-wifi-fill:before { content: "\f2bf"; }
  .ri-wifi-line:before { content: "\f2c0"; }
  .ri-wifi-off-fill:before { content: "\f2c1"; }
  .ri-wifi-off-line:before { content: "\f2c2"; }
  .ri-window-2-fill:before { content: "\f2c3"; }
  .ri-window-2-line:before { content: "\f2c4"; }
  .ri-window-fill:before { content: "\f2c5"; }
  .ri-window-line:before { content: "\f2c6"; }
  .ri-windows-fill:before { content: "\f2c7"; }
  .ri-windows-line:before { content: "\f2c8"; }
  .ri-windy-fill:before { content: "\f2c9"; }
  .ri-windy-line:before { content: "\f2ca"; }
  .ri-wireless-charging-fill:before { content: "\f2cb"; }
  .ri-wireless-charging-line:before { content: "\f2cc"; }
  .ri-women-fill:before { content: "\f2cd"; }
  .ri-women-line:before { content: "\f2ce"; }
  .ri-wubi-input:before { content: "\f2cf"; }
  .ri-xbox-fill:before { content: "\f2d0"; }
  .ri-xbox-line:before { content: "\f2d1"; }
  .ri-xing-fill:before { content: "\f2d2"; }
  .ri-xing-line:before { content: "\f2d3"; }
  .ri-youtube-fill:before { content: "\f2d4"; }
  .ri-youtube-line:before { content: "\f2d5"; }
  .ri-zcool-fill:before { content: "\f2d6"; }
  .ri-zcool-line:before { content: "\f2d7"; }
  .ri-zhihu-fill:before { content: "\f2d8"; }
  .ri-zhihu-line:before { content: "\f2d9"; }
  .ri-zoom-in-fill:before { content: "\f2da"; }
  .ri-zoom-in-line:before { content: "\f2db"; }
  .ri-zoom-out-fill:before { content: "\f2dc"; }
  .ri-zoom-out-line:before { content: "\f2dd"; }
  .ri-zzz-fill:before { content: "\f2de"; }
  .ri-zzz-line:before { content: "\f2df"; }
  .ri-arrow-down-double-fill:before { content: "\f2e0"; }
  .ri-arrow-down-double-line:before { content: "\f2e1"; }
  .ri-arrow-left-double-fill:before { content: "\f2e2"; }
  .ri-arrow-left-double-line:before { content: "\f2e3"; }
  .ri-arrow-right-double-fill:before { content: "\f2e4"; }
  .ri-arrow-right-double-line:before { content: "\f2e5"; }
  .ri-arrow-turn-back-fill:before { content: "\f2e6"; }
  .ri-arrow-turn-back-line:before { content: "\f2e7"; }
  .ri-arrow-turn-forward-fill:before { content: "\f2e8"; }
  .ri-arrow-turn-forward-line:before { content: "\f2e9"; }
  .ri-arrow-up-double-fill:before { content: "\f2ea"; }
  .ri-arrow-up-double-line:before { content: "\f2eb"; }
  .ri-bard-fill:before { content: "\f2ec"; }
  .ri-bard-line:before { content: "\f2ed"; }
  .ri-bootstrap-fill:before { content: "\f2ee"; }
  .ri-bootstrap-line:before { content: "\f2ef"; }
  .ri-box-1-fill:before { content: "\f2f0"; }
  .ri-box-1-line:before { content: "\f2f1"; }
  .ri-box-2-fill:before { content: "\f2f2"; }
  .ri-box-2-line:before { content: "\f2f3"; }
  .ri-box-3-fill:before { content: "\f2f4"; }
  .ri-box-3-line:before { content: "\f2f5"; }
  .ri-brain-fill:before { content: "\f2f6"; }
  .ri-brain-line:before { content: "\f2f7"; }
  .ri-candle-fill:before { content: "\f2f8"; }
  .ri-candle-line:before { content: "\f2f9"; }
  .ri-cash-fill:before { content: "\f2fa"; }
  .ri-cash-line:before { content: "\f2fb"; }
  .ri-contract-left-fill:before { content: "\f2fc"; }
  .ri-contract-left-line:before { content: "\f2fd"; }
  .ri-contract-left-right-fill:before { content: "\f2fe"; }
  .ri-contract-left-right-line:before { content: "\f2ff"; }
  .ri-contract-right-fill:before { content: "\f300"; }
  .ri-contract-right-line:before { content: "\f301"; }
  .ri-contract-up-down-fill:before { content: "\f302"; }
  .ri-contract-up-down-line:before { content: "\f303"; }
  .ri-copilot-fill:before { content: "\f304"; }
  .ri-copilot-line:before { content: "\f305"; }
  .ri-corner-down-left-fill:before { content: "\f306"; }
  .ri-corner-down-left-line:before { content: "\f307"; }
  .ri-corner-down-right-fill:before { content: "\f308"; }
  .ri-corner-down-right-line:before { content: "\f309"; }
  .ri-corner-left-down-fill:before { content: "\f30a"; }
  .ri-corner-left-down-line:before { content: "\f30b"; }
  .ri-corner-left-up-fill:before { content: "\f30c"; }
  .ri-corner-left-up-line:before { content: "\f30d"; }
  .ri-corner-right-down-fill:before { content: "\f30e"; }
  .ri-corner-right-down-line:before { content: "\f30f"; }
  .ri-corner-right-up-fill:before { content: "\f310"; }
  .ri-corner-right-up-line:before { content: "\f311"; }
  .ri-corner-up-left-double-fill:before { content: "\f312"; }
  .ri-corner-up-left-double-line:before { content: "\f313"; }
  .ri-corner-up-left-fill:before { content: "\f314"; }
  .ri-corner-up-left-line:before { content: "\f315"; }
  .ri-corner-up-right-double-fill:before { content: "\f316"; }
  .ri-corner-up-right-double-line:before { content: "\f317"; }
  .ri-corner-up-right-fill:before { content: "\f318"; }
  .ri-corner-up-right-line:before { content: "\f319"; }
  .ri-cross-fill:before { content: "\f31a"; }
  .ri-cross-line:before { content: "\f31b"; }
  .ri-edge-new-fill:before { content: "\f31c"; }
  .ri-edge-new-line:before { content: "\f31d"; }
  .ri-equal-fill:before { content: "\f31e"; }
  .ri-equal-line:before { content: "\f31f"; }
  .ri-expand-left-fill:before { content: "\f320"; }
  .ri-expand-left-line:before { content: "\f321"; }
  .ri-expand-left-right-fill:before { content: "\f322"; }
  .ri-expand-left-right-line:before { content: "\f323"; }
  .ri-expand-right-fill:before { content: "\f324"; }
  .ri-expand-right-line:before { content: "\f325"; }
  .ri-expand-up-down-fill:before { content: "\f326"; }
  .ri-expand-up-down-line:before { content: "\f327"; }
  .ri-flickr-fill:before { content: "\f328"; }
  .ri-flickr-line:before { content: "\f329"; }
  .ri-forward-10-fill:before { content: "\f32a"; }
  .ri-forward-10-line:before { content: "\f32b"; }
  .ri-forward-15-fill:before { content: "\f32c"; }
  .ri-forward-15-line:before { content: "\f32d"; }
  .ri-forward-30-fill:before { content: "\f32e"; }
  .ri-forward-30-line:before { content: "\f32f"; }
  .ri-forward-5-fill:before { content: "\f330"; }
  .ri-forward-5-line:before { content: "\f331"; }
  .ri-graduation-cap-fill:before { content: "\f332"; }
  .ri-graduation-cap-line:before { content: "\f333"; }
  .ri-home-office-fill:before { content: "\f334"; }
  .ri-home-office-line:before { content: "\f335"; }
  .ri-hourglass-2-fill:before { content: "\f336"; }
  .ri-hourglass-2-line:before { content: "\f337"; }
  .ri-hourglass-fill:before { content: "\f338"; }
  .ri-hourglass-line:before { content: "\f339"; }
  .ri-javascript-fill:before { content: "\f33a"; }
  .ri-javascript-line:before { content: "\f33b"; }
  .ri-loop-left-fill:before { content: "\f33c"; }
  .ri-loop-left-line:before { content: "\f33d"; }
  .ri-loop-right-fill:before { content: "\f33e"; }
  .ri-loop-right-line:before { content: "\f33f"; }
  .ri-memories-fill:before { content: "\f340"; }
  .ri-memories-line:before { content: "\f341"; }
  .ri-meta-fill:before { content: "\f342"; }
  .ri-meta-line:before { content: "\f343"; }
  .ri-microsoft-loop-fill:before { content: "\f344"; }
  .ri-microsoft-loop-line:before { content: "\f345"; }
  .ri-nft-fill:before { content: "\f346"; }
  .ri-nft-line:before { content: "\f347"; }
  .ri-notion-fill:before { content: "\f348"; }
  .ri-notion-line:before { content: "\f349"; }
  .ri-openai-fill:before { content: "\f34a"; }
  .ri-openai-line:before { content: "\f34b"; }
  .ri-overline:before { content: "\f34c"; }
  .ri-p2p-fill:before { content: "\f34d"; }
  .ri-p2p-line:before { content: "\f34e"; }
  .ri-presentation-fill:before { content: "\f34f"; }
  .ri-presentation-line:before { content: "\f350"; }
  .ri-replay-10-fill:before { content: "\f351"; }
  .ri-replay-10-line:before { content: "\f352"; }
  .ri-replay-15-fill:before { content: "\f353"; }
  .ri-replay-15-line:before { content: "\f354"; }
  .ri-replay-30-fill:before { content: "\f355"; }
  .ri-replay-30-line:before { content: "\f356"; }
  .ri-replay-5-fill:before { content: "\f357"; }
  .ri-replay-5-line:before { content: "\f358"; }
  .ri-school-fill:before { content: "\f359"; }
  .ri-school-line:before { content: "\f35a"; }
  .ri-shining-2-fill:before { content: "\f35b"; }
  .ri-shining-2-line:before { content: "\f35c"; }
  .ri-shining-fill:before { content: "\f35d"; }
  .ri-shining-line:before { content: "\f35e"; }
  .ri-sketching:before { content: "\f35f"; }
  .ri-skip-down-fill:before { content: "\f360"; }
  .ri-skip-down-line:before { content: "\f361"; }
  .ri-skip-left-fill:before { content: "\f362"; }
  .ri-skip-left-line:before { content: "\f363"; }
  .ri-skip-right-fill:before { content: "\f364"; }
  .ri-skip-right-line:before { content: "\f365"; }
  .ri-skip-up-fill:before { content: "\f366"; }
  .ri-skip-up-line:before { content: "\f367"; }
  .ri-slow-down-fill:before { content: "\f368"; }
  .ri-slow-down-line:before { content: "\f369"; }
  .ri-sparkling-2-fill:before { content: "\f36a"; }
  .ri-sparkling-2-line:before { content: "\f36b"; }
  .ri-sparkling-fill:before { content: "\f36c"; }
  .ri-sparkling-line:before { content: "\f36d"; }
  .ri-speak-fill:before { content: "\f36e"; }
  .ri-speak-line:before { content: "\f36f"; }
  .ri-speed-up-fill:before { content: "\f370"; }
  .ri-speed-up-line:before { content: "\f371"; }
  .ri-tiktok-fill:before { content: "\f372"; }
  .ri-tiktok-line:before { content: "\f373"; }
  .ri-token-swap-fill:before { content: "\f374"; }
  .ri-token-swap-line:before { content: "\f375"; }
  .ri-unpin-fill:before { content: "\f376"; }
  .ri-unpin-line:before { content: "\f377"; }
  .ri-wechat-channels-fill:before { content: "\f378"; }
  .ri-wechat-channels-line:before { content: "\f379"; }
  .ri-wordpress-fill:before { content: "\f37a"; }
  .ri-wordpress-line:before { content: "\f37b"; }
  .ri-blender-fill:before { content: "\f37c"; }
  .ri-blender-line:before { content: "\f37d"; }
  .ri-emoji-sticker-fill:before { content: "\f37e"; }
  .ri-emoji-sticker-line:before { content: "\f37f"; }
  .ri-git-close-pull-request-fill:before { content: "\f380"; }
  .ri-git-close-pull-request-line:before { content: "\f381"; }
  .ri-instance-fill:before { content: "\f382"; }
  .ri-instance-line:before { content: "\f383"; }
  .ri-megaphone-fill:before { content: "\f384"; }
  .ri-megaphone-line:before { content: "\f385"; }
  .ri-pass-expired-fill:before { content: "\f386"; }
  .ri-pass-expired-line:before { content: "\f387"; }
  .ri-pass-pending-fill:before { content: "\f388"; }
  .ri-pass-pending-line:before { content: "\f389"; }
  .ri-pass-valid-fill:before { content: "\f38a"; }
  .ri-pass-valid-line:before { content: "\f38b"; }
  .ri-ai-generate:before { content: "\f38c"; }
  .ri-calendar-close-fill:before { content: "\f38d"; }
  .ri-calendar-close-line:before { content: "\f38e"; }
  .ri-draggable:before { content: "\f38f"; }
  .ri-font-family:before { content: "\f390"; }
  .ri-font-mono:before { content: "\f391"; }
  .ri-font-sans-serif:before { content: "\f392"; }
  .ri-font-sans:before { content: "\f393"; }
  .ri-hard-drive-3-fill:before { content: "\f394"; }
  .ri-hard-drive-3-line:before { content: "\f395"; }
  .ri-kick-fill:before { content: "\f396"; }
  .ri-kick-line:before { content: "\f397"; }
  .ri-list-check-3:before { content: "\f398"; }
  .ri-list-indefinite:before { content: "\f399"; }
  .ri-list-ordered-2:before { content: "\f39a"; }
  .ri-list-radio:before { content: "\f39b"; }
  .ri-openbase-fill:before { content: "\f39c"; }
  .ri-openbase-line:before { content: "\f39d"; }
  .ri-planet-fill:before { content: "\f39e"; }
  .ri-planet-line:before { content: "\f39f"; }
  .ri-prohibited-fill:before { content: "\f3a0"; }
  .ri-prohibited-line:before { content: "\f3a1"; }
  .ri-quote-text:before { content: "\f3a2"; }
  .ri-seo-fill:before { content: "\f3a3"; }
  .ri-seo-line:before { content: "\f3a4"; }
  .ri-slash-commands:before { content: "\f3a5"; }
  .ri-archive-2-fill:before { content: "\f3a6"; }
  .ri-archive-2-line:before { content: "\f3a7"; }
  .ri-inbox-2-fill:before { content: "\f3a8"; }
  .ri-inbox-2-line:before { content: "\f3a9"; }
  .ri-shake-hands-fill:before { content: "\f3aa"; }
  .ri-shake-hands-line:before { content: "\f3ab"; }
  .ri-supabase-fill:before { content: "\f3ac"; }
  .ri-supabase-line:before { content: "\f3ad"; }
  .ri-water-percent-fill:before { content: "\f3ae"; }
  .ri-water-percent-line:before { content: "\f3af"; }
  .ri-yuque-fill:before { content: "\f3b0"; }
  .ri-yuque-line:before { content: "\f3b1"; }
  .ri-crosshair-2-fill:before { content: "\f3b2"; }
  .ri-crosshair-2-line:before { content: "\f3b3"; }
  .ri-crosshair-fill:before { content: "\f3b4"; }
  .ri-crosshair-line:before { content: "\f3b5"; }
  .ri-file-close-fill:before { content: "\f3b6"; }
  .ri-file-close-line:before { content: "\f3b7"; }
  .ri-infinity-fill:before { content: "\f3b8"; }
  .ri-infinity-line:before { content: "\f3b9"; }
  .ri-rfid-fill:before { content: "\f3ba"; }
  .ri-rfid-line:before { content: "\f3bb"; }
  .ri-slash-commands-2:before { content: "\f3bc"; }
  .ri-user-forbid-fill:before { content: "\f3bd"; }
  .ri-user-forbid-line:before { content: "\f3be"; }
  .ri-beer-fill:before { content: "\f3bf"; }
  .ri-beer-line:before { content: "\f3c0"; }
  .ri-circle-fill:before { content: "\f3c1"; }
  .ri-circle-line:before { content: "\f3c2"; }
  .ri-dropdown-list:before { content: "\f3c3"; }
  .ri-file-image-fill:before { content: "\f3c4"; }
  .ri-file-image-line:before { content: "\f3c5"; }
  .ri-file-pdf-2-fill:before { content: "\f3c6"; }
  .ri-file-pdf-2-line:before { content: "\f3c7"; }
  .ri-file-video-fill:before { content: "\f3c8"; }
  .ri-file-video-line:before { content: "\f3c9"; }
  .ri-folder-image-fill:before { content: "\f3ca"; }
  .ri-folder-image-line:before { content: "\f3cb"; }
  .ri-folder-video-fill:before { content: "\f3cc"; }
  .ri-folder-video-line:before { content: "\f3cd"; }
  .ri-hexagon-fill:before { content: "\f3ce"; }
  .ri-hexagon-line:before { content: "\f3cf"; }
  .ri-menu-search-fill:before { content: "\f3d0"; }
  .ri-menu-search-line:before { content: "\f3d1"; }
  .ri-octagon-fill:before { content: "\f3d2"; }
  .ri-octagon-line:before { content: "\f3d3"; }
  .ri-pentagon-fill:before { content: "\f3d4"; }
  .ri-pentagon-line:before { content: "\f3d5"; }
  .ri-rectangle-fill:before { content: "\f3d6"; }
  .ri-rectangle-line:before { content: "\f3d7"; }
  .ri-robot-2-fill:before { content: "\f3d8"; }
  .ri-robot-2-line:before { content: "\f3d9"; }
  .ri-shapes-fill:before { content: "\f3da"; }
  .ri-shapes-line:before { content: "\f3db"; }
  .ri-square-fill:before { content: "\f3dc"; }
  .ri-square-line:before { content: "\f3dd"; }
  .ri-tent-fill:before { content: "\f3de"; }
  .ri-tent-line:before { content: "\f3df"; }
  .ri-threads-fill:before { content: "\f3e0"; }
  .ri-threads-line:before { content: "\f3e1"; }
  .ri-tree-fill:before { content: "\f3e2"; }
  .ri-tree-line:before { content: "\f3e3"; }
  .ri-triangle-fill:before { content: "\f3e4"; }
  .ri-triangle-line:before { content: "\f3e5"; }
  .ri-twitter-x-fill:before { content: "\f3e6"; }
  .ri-twitter-x-line:before { content: "\f3e7"; }
  .ri-verified-badge-fill:before { content: "\f3e8"; }
  .ri-verified-badge-line:before { content: "\f3e9"; }
  .ri-armchair-fill:before { content: "\f3ea"; }
  .ri-armchair-line:before { content: "\f3eb"; }
  .ri-bnb-fill:before { content: "\f3ec"; }
  .ri-bnb-line:before { content: "\f3ed"; }
  .ri-bread-fill:before { content: "\f3ee"; }
  .ri-bread-line:before { content: "\f3ef"; }
  .ri-btc-fill:before { content: "\f3f0"; }
  .ri-btc-line:before { content: "\f3f1"; }
  .ri-calendar-schedule-fill:before { content: "\f3f2"; }
  .ri-calendar-schedule-line:before { content: "\f3f3"; }
  .ri-dice-1-fill:before { content: "\f3f4"; }
  .ri-dice-1-line:before { content: "\f3f5"; }
  .ri-dice-2-fill:before { content: "\f3f6"; }
  .ri-dice-2-line:before { content: "\f3f7"; }
  .ri-dice-3-fill:before { content: "\f3f8"; }
  .ri-dice-3-line:before { content: "\f3f9"; }
  .ri-dice-4-fill:before { content: "\f3fa"; }
  .ri-dice-4-line:before { content: "\f3fb"; }
  .ri-dice-5-fill:before { content: "\f3fc"; }
  .ri-dice-5-line:before { content: "\f3fd"; }
  .ri-dice-6-fill:before { content: "\f3fe"; }
  .ri-dice-6-line:before { content: "\f3ff"; }
  .ri-dice-fill:before { content: "\f400"; }
  .ri-dice-line:before { content: "\f401"; }
  .ri-drinks-fill:before { content: "\f402"; }
  .ri-drinks-line:before { content: "\f403"; }
  .ri-equalizer-2-fill:before { content: "\f404"; }
  .ri-equalizer-2-line:before { content: "\f405"; }
  .ri-equalizer-3-fill:before { content: "\f406"; }
  .ri-equalizer-3-line:before { content: "\f407"; }
  .ri-eth-fill:before { content: "\f408"; }
  .ri-eth-line:before { content: "\f409"; }
  .ri-flower-fill:before { content: "\f40a"; }
  .ri-flower-line:before { content: "\f40b"; }
  .ri-glasses-2-fill:before { content: "\f40c"; }
  .ri-glasses-2-line:before { content: "\f40d"; }
  .ri-glasses-fill:before { content: "\f40e"; }
  .ri-glasses-line:before { content: "\f40f"; }
  .ri-goggles-fill:before { content: "\f410"; }
  .ri-goggles-line:before { content: "\f411"; }
  .ri-image-circle-fill:before { content: "\f412"; }
  .ri-image-circle-line:before { content: "\f413"; }
  .ri-info-i:before { content: "\f414"; }
  .ri-money-rupee-circle-fill:before { content: "\f415"; }
  .ri-money-rupee-circle-line:before { content: "\f416"; }
  .ri-news-fill:before { content: "\f417"; }
  .ri-news-line:before { content: "\f418"; }
  .ri-robot-3-fill:before { content: "\f419"; }
  .ri-robot-3-line:before { content: "\f41a"; }
  .ri-share-2-fill:before { content: "\f41b"; }
  .ri-share-2-line:before { content: "\f41c"; }
  .ri-sofa-fill:before { content: "\f41d"; }
  .ri-sofa-line:before { content: "\f41e"; }
  .ri-svelte-fill:before { content: "\f41f"; }
  .ri-svelte-line:before { content: "\f420"; }
  .ri-vk-fill:before { content: "\f421"; }
  .ri-vk-line:before { content: "\f422"; }
  .ri-xrp-fill:before { content: "\f423"; }
  .ri-xrp-line:before { content: "\f424"; }
  .ri-xtz-fill:before { content: "\f425"; }
  .ri-xtz-line:before { content: "\f426"; }
  .ri-archive-stack-fill:before { content: "\f427"; }
  .ri-archive-stack-line:before { content: "\f428"; }
  .ri-bowl-fill:before { content: "\f429"; }
  .ri-bowl-line:before { content: "\f42a"; }
  .ri-calendar-view:before { content: "\f42b"; }
  .ri-carousel-view:before { content: "\f42c"; }
  .ri-code-block:before { content: "\f42d"; }
  .ri-color-filter-fill:before { content: "\f42e"; }
  .ri-color-filter-line:before { content: "\f42f"; }
  .ri-contacts-book-3-fill:before { content: "\f430"; }
  .ri-contacts-book-3-line:before { content: "\f431"; }
  .ri-contract-fill:before { content: "\f432"; }
  .ri-contract-line:before { content: "\f433"; }
  .ri-drinks-2-fill:before { content: "\f434"; }
  .ri-drinks-2-line:before { content: "\f435"; }
  .ri-export-fill:before { content: "\f436"; }
  .ri-export-line:before { content: "\f437"; }
  .ri-file-check-fill:before { content: "\f438"; }
  .ri-file-check-line:before { content: "\f439"; }
  .ri-focus-mode:before { content: "\f43a"; }
  .ri-folder-6-fill:before { content: "\f43b"; }
  .ri-folder-6-line:before { content: "\f43c"; }
  .ri-folder-check-fill:before { content: "\f43d"; }
  .ri-folder-check-line:before { content: "\f43e"; }
  .ri-folder-close-fill:before { content: "\f43f"; }
  .ri-folder-close-line:before { content: "\f440"; }
  .ri-folder-cloud-fill:before { content: "\f441"; }
  .ri-folder-cloud-line:before { content: "\f442"; }
  .ri-gallery-view-2:before { content: "\f443"; }
  .ri-gallery-view:before { content: "\f444"; }
  .ri-hand:before { content: "\f445"; }
  .ri-import-fill:before { content: "\f446"; }
  .ri-import-line:before { content: "\f447"; }
  .ri-information-2-fill:before { content: "\f448"; }
  .ri-information-2-line:before { content: "\f449"; }
  .ri-kanban-view-2:before { content: "\f44a"; }
  .ri-kanban-view:before { content: "\f44b"; }
  .ri-list-view:before { content: "\f44c"; }
  .ri-lock-star-fill:before { content: "\f44d"; }
  .ri-lock-star-line:before { content: "\f44e"; }
  .ri-puzzle-2-fill:before { content: "\f44f"; }
  .ri-puzzle-2-line:before { content: "\f450"; }
  .ri-puzzle-fill:before { content: "\f451"; }
  .ri-puzzle-line:before { content: "\f452"; }
  .ri-ram-2-fill:before { content: "\f453"; }
  .ri-ram-2-line:before { content: "\f454"; }
  .ri-ram-fill:before { content: "\f455"; }
  .ri-ram-line:before { content: "\f456"; }
  .ri-receipt-fill:before { content: "\f457"; }
  .ri-receipt-line:before { content: "\f458"; }
  .ri-shadow-fill:before { content: "\f459"; }
  .ri-shadow-line:before { content: "\f45a"; }
  .ri-sidebar-fold-fill:before { content: "\f45b"; }
  .ri-sidebar-fold-line:before { content: "\f45c"; }
  .ri-sidebar-unfold-fill:before { content: "\f45d"; }
  .ri-sidebar-unfold-line:before { content: "\f45e"; }
  .ri-slideshow-view:before { content: "\f45f"; }
  .ri-sort-alphabet-asc:before { content: "\f460"; }
  .ri-sort-alphabet-desc:before { content: "\f461"; }
  .ri-sort-number-asc:before { content: "\f462"; }
  .ri-sort-number-desc:before { content: "\f463"; }
  .ri-stacked-view:before { content: "\f464"; }
  .ri-sticky-note-add-fill:before { content: "\f465"; }
  .ri-sticky-note-add-line:before { content: "\f466"; }
  .ri-swap-2-fill:before { content: "\f467"; }
  .ri-swap-2-line:before { content: "\f468"; }
  .ri-swap-3-fill:before { content: "\f469"; }
  .ri-swap-3-line:before { content: "\f46a"; }
  .ri-table-3:before { content: "\f46b"; }
  .ri-table-view:before { content: "\f46c"; }
  .ri-text-block:before { content: "\f46d"; }
  .ri-text-snippet:before { content: "\f46e"; }
  .ri-timeline-view:before { content: "\f46f"; }
  .ri-blogger-fill:before { content: "\f470"; }
  .ri-blogger-line:before { content: "\f471"; }
  .ri-chat-thread-fill:before { content: "\f472"; }
  .ri-chat-thread-line:before { content: "\f473"; }
  .ri-discount-percent-fill:before { content: "\f474"; }
  .ri-discount-percent-line:before { content: "\f475"; }
  .ri-exchange-2-fill:before { content: "\f476"; }
  .ri-exchange-2-line:before { content: "\f477"; }
  .ri-git-fork-fill:before { content: "\f478"; }
  .ri-git-fork-line:before { content: "\f479"; }
  .ri-input-field:before { content: "\f47a"; }
  .ri-progress-1-fill:before { content: "\f47b"; }
  .ri-progress-1-line:before { content: "\f47c"; }
  .ri-progress-2-fill:before { content: "\f47d"; }
  .ri-progress-2-line:before { content: "\f47e"; }
  .ri-progress-3-fill:before { content: "\f47f"; }
  .ri-progress-3-line:before { content: "\f480"; }
  .ri-progress-4-fill:before { content: "\f481"; }
  .ri-progress-4-line:before { content: "\f482"; }
  .ri-progress-5-fill:before { content: "\f483"; }
  .ri-progress-5-line:before { content: "\f484"; }
  .ri-progress-6-fill:before { content: "\f485"; }
  .ri-progress-6-line:before { content: "\f486"; }
  .ri-progress-7-fill:before { content: "\f487"; }
  .ri-progress-7-line:before { content: "\f488"; }
  .ri-progress-8-fill:before { content: "\f489"; }
  .ri-progress-8-line:before { content: "\f48a"; }
  .ri-remix-run-fill:before { content: "\f48b"; }
  .ri-remix-run-line:before { content: "\f48c"; }
  .ri-signpost-fill:before { content: "\f48d"; }
  .ri-signpost-line:before { content: "\f48e"; }
  .ri-time-zone-fill:before { content: "\f48f"; }
  .ri-time-zone-line:before { content: "\f490"; }
  .ri-arrow-down-wide-fill:before { content: "\f491"; }
  .ri-arrow-down-wide-line:before { content: "\f492"; }
  .ri-arrow-left-wide-fill:before { content: "\f493"; }
  .ri-arrow-left-wide-line:before { content: "\f494"; }
  .ri-arrow-right-wide-fill:before { content: "\f495"; }
  .ri-arrow-right-wide-line:before { content: "\f496"; }
  .ri-arrow-up-wide-fill:before { content: "\f497"; }
  .ri-arrow-up-wide-line:before { content: "\f498"; }
  .ri-bluesky-fill:before { content: "\f499"; }
  .ri-bluesky-line:before { content: "\f49a"; }
  .ri-expand-height-fill:before { content: "\f49b"; }
  .ri-expand-height-line:before { content: "\f49c"; }
  .ri-expand-width-fill:before { content: "\f49d"; }
  .ri-expand-width-line:before { content: "\f49e"; }
  .ri-forward-end-fill:before { content: "\f49f"; }
  .ri-forward-end-line:before { content: "\f4a0"; }
  .ri-forward-end-mini-fill:before { content: "\f4a1"; }
  .ri-forward-end-mini-line:before { content: "\f4a2"; }
  .ri-friendica-fill:before { content: "\f4a3"; }
  .ri-friendica-line:before { content: "\f4a4"; }
  .ri-git-pr-draft-fill:before { content: "\f4a5"; }
  .ri-git-pr-draft-line:before { content: "\f4a6"; }
  .ri-play-reverse-fill:before { content: "\f4a7"; }
  .ri-play-reverse-line:before { content: "\f4a8"; }
  .ri-play-reverse-mini-fill:before { content: "\f4a9"; }
  .ri-play-reverse-mini-line:before { content: "\f4aa"; }
  .ri-rewind-start-fill:before { content: "\f4ab"; }
  .ri-rewind-start-line:before { content: "\f4ac"; }
  .ri-rewind-start-mini-fill:before { content: "\f4ad"; }
  .ri-rewind-start-mini-line:before { content: "\f4ae"; }
  .ri-scroll-to-bottom-fill:before { content: "\f4af"; }
  .ri-scroll-to-bottom-line:before { content: "\f4b0"; }
  .ri-add-large-fill:before { content: "\f4b1"; }
  .ri-add-large-line:before { content: "\f4b2"; }
  .ri-aed-electrodes-fill:before { content: "\f4b3"; }
  .ri-aed-electrodes-line:before { content: "\f4b4"; }
  .ri-aed-fill:before { content: "\f4b5"; }
  .ri-aed-line:before { content: "\f4b6"; }
  .ri-alibaba-cloud-fill:before { content: "\f4b7"; }
  .ri-alibaba-cloud-line:before { content: "\f4b8"; }
  .ri-align-item-bottom-fill:before { content: "\f4b9"; }
  .ri-align-item-bottom-line:before { content: "\f4ba"; }
  .ri-align-item-horizontal-center-fill:before { content: "\f4bb"; }
  .ri-align-item-horizontal-center-line:before { content: "\f4bc"; }
  .ri-align-item-left-fill:before { content: "\f4bd"; }
  .ri-align-item-left-line:before { content: "\f4be"; }
  .ri-align-item-right-fill:before { content: "\f4bf"; }
  .ri-align-item-right-line:before { content: "\f4c0"; }
  .ri-align-item-top-fill:before { content: "\f4c1"; }
  .ri-align-item-top-line:before { content: "\f4c2"; }
  .ri-align-item-vertical-center-fill:before { content: "\f4c3"; }
  .ri-align-item-vertical-center-line:before { content: "\f4c4"; }
  .ri-apps-2-add-fill:before { content: "\f4c5"; }
  .ri-apps-2-add-line:before { content: "\f4c6"; }
  .ri-close-large-fill:before { content: "\f4c7"; }
  .ri-close-large-line:before { content: "\f4c8"; }
  .ri-collapse-diagonal-2-fill:before { content: "\f4c9"; }
  .ri-collapse-diagonal-2-line:before { content: "\f4ca"; }
  .ri-collapse-diagonal-fill:before { content: "\f4cb"; }
  .ri-collapse-diagonal-line:before { content: "\f4cc"; }
  .ri-dashboard-horizontal-fill:before { content: "\f4cd"; }
  .ri-dashboard-horizontal-line:before { content: "\f4ce"; }
  .ri-expand-diagonal-2-fill:before { content: "\f4cf"; }
  .ri-expand-diagonal-2-line:before { content: "\f4d0"; }
  .ri-expand-diagonal-fill:before { content: "\f4d1"; }
  .ri-expand-diagonal-line:before { content: "\f4d2"; }
  .ri-firebase-fill:before { content: "\f4d3"; }
  .ri-firebase-line:before { content: "\f4d4"; }
  .ri-flip-horizontal-2-fill:before { content: "\f4d5"; }
  .ri-flip-horizontal-2-line:before { content: "\f4d6"; }
  .ri-flip-horizontal-fill:before { content: "\f4d7"; }
  .ri-flip-horizontal-line:before { content: "\f4d8"; }
  .ri-flip-vertical-2-fill:before { content: "\f4d9"; }
  .ri-flip-vertical-2-line:before { content: "\f4da"; }
  .ri-flip-vertical-fill:before { content: "\f4db"; }
  .ri-flip-vertical-line:before { content: "\f4dc"; }
  .ri-formula:before { content: "\f4dd"; }
  .ri-function-add-fill:before { content: "\f4de"; }
  .ri-function-add-line:before { content: "\f4df"; }
  .ri-goblet-2-fill:before { content: "\f4e0"; }
  .ri-goblet-2-line:before { content: "\f4e1"; }
  .ri-golf-ball-fill:before { content: "\f4e2"; }
  .ri-golf-ball-line:before { content: "\f4e3"; }
  .ri-group-3-fill:before { content: "\f4e4"; }
  .ri-group-3-line:before { content: "\f4e5"; }
  .ri-heart-add-2-fill:before { content: "\f4e6"; }
  .ri-heart-add-2-line:before { content: "\f4e7"; }
  .ri-id-card-fill:before { content: "\f4e8"; }
  .ri-id-card-line:before { content: "\f4e9"; }
  .ri-information-off-fill:before { content: "\f4ea"; }
  .ri-information-off-line:before { content: "\f4eb"; }
  .ri-java-fill:before { content: "\f4ec"; }
  .ri-java-line:before { content: "\f4ed"; }
  .ri-layout-grid-2-fill:before { content: "\f4ee"; }
  .ri-layout-grid-2-line:before { content: "\f4ef"; }
  .ri-layout-horizontal-fill:before { content: "\f4f0"; }
  .ri-layout-horizontal-line:before { content: "\f4f1"; }
  .ri-layout-vertical-fill:before { content: "\f4f2"; }
  .ri-layout-vertical-line:before { content: "\f4f3"; }
  .ri-menu-fold-2-fill:before { content: "\f4f4"; }
  .ri-menu-fold-2-line:before { content: "\f4f5"; }
  .ri-menu-fold-3-fill:before { content: "\f4f6"; }
  .ri-menu-fold-3-line:before { content: "\f4f7"; }
  .ri-menu-fold-4-fill:before { content: "\f4f8"; }
  .ri-menu-fold-4-line:before { content: "\f4f9"; }
  .ri-menu-unfold-2-fill:before { content: "\f4fa"; }
  .ri-menu-unfold-2-line:before { content: "\f4fb"; }
  .ri-menu-unfold-3-fill:before { content: "\f4fc"; }
  .ri-menu-unfold-3-line:before { content: "\f4fd"; }
  .ri-menu-unfold-4-fill:before { content: "\f4fe"; }
  .ri-menu-unfold-4-line:before { content: "\f4ff"; }
  .ri-mobile-download-fill:before { content: "\f500"; }
  .ri-mobile-download-line:before { content: "\f501"; }
  .ri-nextjs-fill:before { content: "\f502"; }
  .ri-nextjs-line:before { content: "\f503"; }
  .ri-nodejs-fill:before { content: "\f504"; }
  .ri-nodejs-line:before { content: "\f505"; }
  .ri-pause-large-fill:before { content: "\f506"; }
  .ri-pause-large-line:before { content: "\f507"; }
  .ri-play-large-fill:before { content: "\f508"; }
  .ri-play-large-line:before { content: "\f509"; }
  .ri-play-reverse-large-fill:before { content: "\f50a"; }
  .ri-play-reverse-large-line:before { content: "\f50b"; }
  .ri-police-badge-fill:before { content: "\f50c"; }
  .ri-police-badge-line:before { content: "\f50d"; }
  .ri-prohibited-2-fill:before { content: "\f50e"; }
  .ri-prohibited-2-line:before { content: "\f50f"; }
  .ri-shopping-bag-4-fill:before { content: "\f510"; }
  .ri-shopping-bag-4-line:before { content: "\f511"; }
  .ri-snowflake-fill:before { content: "\f512"; }
  .ri-snowflake-line:before { content: "\f513"; }
  .ri-square-root:before { content: "\f514"; }
  .ri-stop-large-fill:before { content: "\f515"; }
  .ri-stop-large-line:before { content: "\f516"; }
  .ri-tailwind-css-fill:before { content: "\f517"; }
  .ri-tailwind-css-line:before { content: "\f518"; }
  .ri-tooth-fill:before { content: "\f519"; }
  .ri-tooth-line:before { content: "\f51a"; }
  .ri-video-off-fill:before { content: "\f51b"; }
  .ri-video-off-line:before { content: "\f51c"; }
  .ri-video-on-fill:before { content: "\f51d"; }
  .ri-video-on-line:before { content: "\f51e"; }
  .ri-webhook-fill:before { content: "\f51f"; }
  .ri-webhook-line:before { content: "\f520"; }
  .ri-weight-fill:before { content: "\f521"; }
  .ri-weight-line:before { content: "\f522"; }
  
/* @import url("./responsive.css"); */

body {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.static-list {
  width: 300px;
  margin: 80px 0 0;
  background: #fff;
  border: 1px solid #e7e7f1;
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
}

.static-list h2 {
  margin: 16px auto 0;
}
.typ-18Bold {
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
}

li,
ul {
  list-style-type: none;
}

.static-list ul li {
  margin: 16px 0;
  position: relative;
  padding-left: 19px;
}

.static-list ul li .resman-icon-1tick {
  color: var(--I200);
  position: absolute;
  left: 0;
  top: 2.5px;
  font-size: 12px;
  width: 14px;
  height: 14px;
}

.resman-icon {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}

.static-list ul li p {
  color: #474d6a;
}

.typ-14Medium {
  font-weight: 500;
}

.typ-14Bold,
.typ-14Medium {
  font-size: 14px;
  line-height: 18px;
}

.right-pane {
  margin-top: 80px;
  box-shadow: 0 6px 12px rgba(30, 10, 58, 0.04);
  background: #fff;
  border-radius: 20px;
  position: relative;
  min-height: 500px;
}

.registerWrapper {
  padding: 0 73px 40px 50px;
  display: flex;
  flex-direction: row;
}

.registerWrapper .formWrapper {
  width: 100%;
}

.registerWrapper .formWrapper .global-title-1 {
  margin: 40px 0 0;
  color: #474d6a;
  font-weight: 900;
  font-size: 20px;
  line-height: 23px;
}

.global-title-1 {
  font-size: 20px;
  line-height: 23px;
}

.registerWrapper .formWrapper .heading-help {
  color: #717b9e;
  margin: 4px 0 40px;
  font-weight: 500;
}

.registerWrapper .formWrapper .formTag {
  margin: 40px 0 0;
}

.registerWrapper .formWrapper .formTag .upload-Name {
  padding-right: 32px;
  position: relative;
}

.resman-input {
  transition: all 0.2s linear;
  text-align: left;
  display: inline-block;
  width: 100%;
}

.formField .resman-input.resman-input-default .labelClass {
  color: #717b9e;
}

.formField .resman-input .labelClass {
  font-weight: 700;
}
.resman-input-normal label {
  font-size: 14px;
  line-height: 18px;
}
.resman-input-default .__at,
.resman-input-default .resman-icon,
.resman-input-default label {
  color: #717b9e;
}
.resman-input input,
.resman-input label {
  transition: inherit;
  font-family: inherit;
}
.resman-input label {
  display: block;
  margin-bottom: 4px;
}
.labelClass {
  color: #717b9e !important;
}

.resman-input .__inner {
  position: relative;
  display: inline-block;
  width: 100%;
}

.formField .resman-input .__inner .__input {
  font-weight: 500;
  border-width: 1px;
}

.resman-input-normal .__input {
  font-size: 14px;
  line-height: 20px;
  padding: 12px 16px;
  border-radius: 16px;
}

.resman-input-default .__input {
  content: 1px;
  border: none;
  border: 1px solid #e7e7f1;
  color: #121224;
  background-color: #fff;
}

.resman-input .__input {
  width: 100%;
  outline: none;
}

.resman-input input,
.resman-input label {
  transition: inherit;
  font-family: inherit;
}

.formField {
  display: flex;
  margin-top: 30px;
  position: relative;
}

.formField .resman-input .__assitive {
  opacity: 1;
}

.resman-input-normal .__assitive {
  font-size: 12px;
  line-height: 15px;
}
.resman-input .__assitive {
  margin-top: 4px;
  opacity: 0.6;
}

.formField.mobileInput .mobilePrefix {
  position: absolute;
  top: 51.5%;
  transform: translateY(-50%);
  transition: inherit;
  left: 16px;
  font-weight: 500;
}

.formField.mobileInput .formInput .__input {
  padding-left: 54px;
}

.css-13cymwt-control {
  border-radius: 16px !important;
  padding: 4px;
}
.error-class .css-13cymwt-control {
  border-radius: 16px !important;
  padding: 4px;
  border: 1px solid rgb(220 53 69) !important;
}
.cust-select .css-13cymwt-control {
  border: none;
  background-color: transparent;
}
.cust-select .css-1u9des2-indicatorSeparator {
  display: none;
}

::-webkit-scrollbar {
  width: 4px;
  height: 6px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
  background-color: #1b2631;
  border-radius: 10px;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.3s ease-in-out;
}

.file-input-box {
  display: flex;
  justify-content: center;
  flex-direction: column;
  border-radius: 10px;
  width: 100%;
  height: auto;
  margin-top: 10px;
}
.file-input-box .input-box {
  padding: 10px;
  display: grid;
  place-items: center;
  border: 2px dashed #cacaca;
  border-radius: 5px;
  margin-bottom: 5px;
  cursor: pointer;
}
.file-input-box .input-box h4 {
  margin: 0;
}
.file-input-box small {
  font-size: 12px;
  color: #a3a3a3;
}
.file-input-box .wrapper-file-section .selected-files h5 {
  margin-bottom: 10px;
}
.file-input-box .wrapper-file-section .selected-files .file-list {
  overflow-y: auto;
  list-style-type: none;
  padding: 0 10px 10px 0;
  margin: 0;
  transition: 0.3s all ease-in-out;
}
.file-input-box .wrapper-file-section .selected-files .file-list .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #cacaca;
  border-radius: 5px;
  padding: 10px;
  font-size: 14px;
}
.file-input-box
  .wrapper-file-section
  .selected-files
  .file-list
  .item:not(:last-child) {
  margin-bottom: 5px;
}
.file-input-box .wrapper-file-section .selected-files .file-list .item .remove {
  display: grid;
  place-items: center;
  color: #c0392b;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}
.file-input-box
  .wrapper-file-section
  .selected-files
  .file-list
  .item
  .remove:hover {
  color: #e74c3c;
}

.stepProgressBar {
  --stepProgressBar-space-unit: 4px;
  --stepProgressBar-indicator-size: 16px;
  --stepProgressBar-font-size: 14px;
  --stepProgressBar-step-size: 80px;
  --stepProgressBar-step-line-size: 2px;
  --stepProgressBar-color-primary: #c1e602;
  --stepProgressBar-color-secondary: #d1d5db;
  --stepProgressBar-color-neutral: #fff;
  --stepProgressBar-color-neutral-400: #a3a3a3;
  --stepProgressBar-color-neutral-800: #262626;
  display: flex;
  width: 100%;
  margin-top: 30px;
}

.stepProgressBar__step {
  display: flex;
}

.stepProgressBar__step:not(:first-child) {
  width: 100%;
}

/* --- button ---- */
.stepProgressBar__step__button {
  align-items: center;
  color: var(--stepProgressBar-color-neutral-400);
  display: flex;
  font-size: var(--stepProgressBar-font-size);
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  transition: color 0.2s ease-in;
  width: var(--stepProgressBar-step-size);
  background-color: transparent;
  border: none;
}

.stepProgressBar__step--current .stepProgressBar__step__button {
  color: var(--stepProgressBar-color-neutral-800);
}

.stepProgressBar__step__button__indicator {
  align-items: center;
  background-color: var(--stepProgressBar-color-secondary);
  border: calc(var(--stepProgressBar-indicator-size) / 3.5) solid
    var(--stepProgressBar-color-neutral);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  height: var(--stepProgressBar-indicator-size);
  transition: background-color 0.3s ease-in;
  width: var(--stepProgressBar-indicator-size);
}

.stepProgressBar__step--current .stepProgressBar__step__button__indicator {
  background-color: var(--stepProgressBar-color-neutral);
  border: calc(var(--stepProgressBar-indicator-size) / 4) solid
    var(--stepProgressBar-color-primary);
  transition: all 0.3s ease-in;
}

.stepProgressBar__step--completed .stepProgressBar__step__button__indicator {
  border: 0;
  transition: all 0.3s ease-in;
}

.stepProgressBar__step:not(
    .stepProgressBar__step--current
  ).stepProgressBar__step--navigable
  .stepProgressBar__step__button__indicator {
  background-color: var(--stepProgressBar-color-primary);
  transition: all 0.3s ease-in;
}

.stepProgressBar__step__button__indicator__icon-completed {
  fill: transparent;
}

.stepProgressBar__step--completed
  .stepProgressBar__step__button__indicator__icon-completed {
  animation: fillColorChange 0.2s ease-in 0.3s forwards;
}

.stepProgressBar__step__button__label {
  margin-top: var(--stepProgressBar-space-unit);
}

/* --- button states ---- */

@supports selector(:hover) {
  .stepProgressBar__step__button:hover {
    color: var(--stepProgressBar-color-primary);
  }
  .stepProgressBar__step:not(.stepProgressBar__step--current)
    .stepProgressBar__step__button:hover
    .stepProgressBar__step__button__indicator {
    background-color: var(--stepProgressBar-color-primary);
  }
}

.stepProgressBar__step__button:focus-visible {
  border-radius: 4px;
  outline: var(--stepProgressBar-color-primary) solid 2px;
}

@supports not selector(:focus-visible) {
  /* fallback for browsers without focus-visible support */
  .stepProgressBar__step__button:focus {
    border-radius: 4px;
    outline: var(--stepProgressBar-color-primary) solid 2px;
  }
}

/* --- line ---- */
.stepProgressBar__step__line {
  background-color: var(--stepProgressBar-color-secondary);
  height: var(--stepProgressBar-step-line-size);
  margin-top: calc(
    var(--stepProgressBar-indicator-size) / 2 -
      var(--stepProgressBar-step-line-size) / 2
  );
  margin-left: calc(var(--stepProgressBar-step-size) / 2 * -1);
  margin-right: calc(var(--stepProgressBar-step-size) / 2 * -1);
  transition: background-color 0.3s ease-in;
  width: 100%;
}

.stepProgressBar__step--navigable .stepProgressBar__step__line {
  background-color: var(--stepProgressBar-color-primary);
  transition: background-color 0.2s ease-in;
}

/* --- other ---- */

@keyframes fillColorChange {
  0% {
    fill: var(--stepProgressBar-color-primary);
  }
  100% {
    fill: var(--stepProgressBar-color-neutral);
  }
}

/* This media query is based on step-size * 5,
    if you change the value of it update it here too
 */
@media (max-width: 400px) {
  .stepProgressBar__step__button {
    width: auto;
  }

  .stepProgressBar__step__line {
    margin-left: 0;
    margin-right: 0;
  }

  .stepProgressBar__step__button__label {
    display: none;
  }
}

span.required_span {
  color: red;
}

@media (max-width: 991.98px) {
  .content .bg {
    height: 500px;
  }
}

.content .contents,
.content .bg {
  width: 50%;
}
@media (max-width: 1199.98px) {
  .content .contents,
  .content .bg {
    width: 100%;
  }
}
.content .contents .form-group,
.content .bg .form-group {
  overflow: hidden;
  margin-bottom: 0;
  padding: 15px 15px;
  border-bottom: none;
  position: relative;
  background: #edf2f5;
  border-bottom: 1px solid #e6edf1;
}
.content .contents .form-group label,
.content .bg .form-group label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all ease;
}
.content .contents .form-group input,
.content .bg .form-group input {
  background: transparent;
}
.content .contents .form-group.first,
.content .bg .form-group.first {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.content .contents .form-group.last,
.content .bg .form-group.last {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.content .contents .form-group label,
.content .bg .form-group label {
  font-size: 12px;
  display: block;
  margin-bottom: 0;
  color: #b3b3b3;
}
.content .contents .form-group.focus,
.content .bg .form-group.focus {
  background: #fff;
}
.content .contents .form-group.field--not-empty label,
.content .bg .form-group.field--not-empty label {
  margin-top: -20px;
}
.content .contents .form-control,
.content .bg .form-control {
  border: none;
  padding: 0;
  font-size: 20px;
  border-radius: 0;
}
.content .contents .form-control:active,
.content .contents .form-control:focus,
.content .bg .form-control:active,
.content .bg .form-control:focus {
  outline: none;
  box-shadow: none;
}

.content .bg {
  background-size: cover;
  background-position: center;
}

.content a {
  color: #888;
  text-decoration: underline;
}

.content .btn {
  height: 54px;
  padding-left: 30px;
  padding-right: 30px;
}

.content .forgot-pass {
  position: relative;
  top: 2px;
  font-size: 14px;
}

.social-login a {
  text-decoration: none;
  position: relative;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
}
.social-login a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.social-login a:hover {
  color: #fff;
}
.social-login a.facebook {
  background: #3b5998;
}
.social-login a.facebook:hover {
  background: #344e86;
}
.social-login a.twitter {
  background: #1da1f2;
}
.social-login a.twitter:hover {
  background: #0d95e8;
}
.social-login a.google {
  background: #ea4335;
}
.social-login a.google:hover {
  background: #e82e1e;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
}
.control .caption {
  position: relative;
  top: 0.2rem;
  color: #888;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
  border-radius: 4px;
}

.control--radio .control__indicator {
  border-radius: 50%;
}

.control__indicator:after {
  font-family: "icomoon";
  content: "/e5ca";
  position: absolute;
  display: none;
  font-size: 16px;
  transition: 0.3s all ease;
}

.control--checkbox .control__indicator:after {
  top: 50%;
  left: 50%;
  margin-top: -1px;
  transform: translate(-50%, -50%);
}

.candidates-education {
  border-bottom: 1px solid #e0ebe8;
  margin-bottom: 30px;
}

.modal-cus .formField {
  margin-top: 15px !important;
}
.modal-cus .download-btn {
  background-color: rgb(223 223 223);
}

.avatar-xs {
  height: 2rem;
  width: 2rem;
}
.rounded-circle {
  border-radius: 50% !important;
}

.profile-img-file-input {
  display: none !important;
}

.form-control {
  width: 100%;
  padding: 0.5rem 0.9rem;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  background-clip: padding-box;
  border: 1px solid var(--vz-input-border);
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-label {
  margin-bottom: 0.5rem;
}

.avatar-title {
  align-items: center;
  background-color: #405189;
  color: #fff;
  display: flex;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  width: 100%;
}

.profile-photo-edit {
  position: absolute;
  right: 0;
  left: auto;
  bottom: 0;
  cursor: pointer;
}

.recent-job-card:hover .content .job-title {
  color: #c1e602;
}

.ant-pagination-item {
  background-color: #f8f8f8 !important;
}
.ant-pagination-item-active {
  background-color: #c1e602 !important;
  color: white !important;
  border: none !important;
}

.ant-pagination-item:hover {
  background-color: #c1e602 !important;
  color: white !important;
  border: none !important;
}

input[type="radio"] {
  display: none;
}

.cust-tab-bar {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.cust-tab-bar .tabs {
  display: flex;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
  padding: 10px;
  border-radius: 10px;
}

.cust-tab-bar .tabs > * {
  z-index: 2;
}

.cust-tab-bar .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 34px;
  font-size: 18px;
  font-weight: 500;
  border-radius: 10px;
  cursor: pointer;
  transition: color 0.5s, text-shadow 0.5s, font-size 0.5s;
}

.cust-tab-bar input[type="radio"]:checked + label {
  color: black;
  text-shadow: 0 0 20px #c1e602;
  font-size: 18px;
}

.cust-tab-bar .selector {
  position: absolute;
  display: flex;
  height: 34px;
  width: 50%;
  background-color: #c1e602;
  z-index: 1;
  border-radius: 10px;
  transition: transform 0.5s ease-in-out;
}

.cust-tab-bar input[id="tab1"]:checked ~ .selector {
  transform: translateX(0);
}

.cust-tab-bar input[id="tab2"]:checked ~ .selector {
  transform: translateX(100%);
}

.cust-tab-bar input[id="tab3"]:checked ~ .selector {
  transform: translateX(200%);
}

/* Default CSS */
@media only screen and (max-width: 767px) {
  /* Default CSS End */
  /* Main Banner CSS */
  /* Main Banner CSS End */
  /* Inner Banner CSS */
  /* Inner Banner CSS End */
  /* Browse Jobs CSS */
  /* Browse Jobs CSS End */
  /* Find Jobs Area CSS */
  /* Find Jobs Area CSS End */
  /* Testimonials Area CSS */
  /* Testimonials Area CSS End */
  /* Freelancers Area CSS */
  /* Freelancers Area CSS End */
  /* Recent Job Area */
  /* Recent Job Area End */
  /* Pricing Area */
  /* Pricing Area End */
  /* Job Listing Area */
  /* Job Listing Area End */
  /* Candidates Area End */
  /* Candidates Area End */
  /* Blog Area */
  /* Blog Area End */
  /* Contact Area */
  /* Contact Area End */
  /* Employers CV Area */
  /* Employers CV Area End */
  /* Error Area */
  /* Error Area End */
  /* Coming Soon Area */
  /* Coming Soon Area End */
  /* Footer Area */
  /* Footer Area End */
  body {
    font-size: 15px;
  }
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .ptb-70 {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .pb-100 {
    padding-bottom: 50px !important;
  }
  .pt-70 {
    padding-top: 50px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  .pt-45 {
    padding-top: 30px;
  }
  .pb-10 {
    padding-bottom: 0;
  }
  .pl-20 {
    padding-left: 0;
  }
  .pr-20 {
    padding-right: 0;
  }
  .ml-20 {
    margin-left: 0;
  }
  .ps-2 {
    padding-left: 0 !important;
  }
  .ps-3 {
    padding-left: 0 !important;
  }
  .ps-5 {
    padding-left: 0 !important;
  }
  .ps-0 {
    padding-left: 15px !important;
  }
  .pe-0 {
    padding-right: 15px !important;
  }
  .p-0 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .default-btn {
    padding: 8px 18px;
  }
  .section-title h2 {
    font-size: 26px;
  }
  .section-title p {
    padding-top: 10px;
  }
  .float-end {
    float: none !important;
    margin-bottom: 0 !important;
  }
  .banner-area {
    padding: 50px 0;
  }
  .banner-content h1 {
    font-size: 35px;
  }
  .banner-content p {
    margin-bottom: 20px;
  }
  .banner-content .popular-searches-tag {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .banner-content .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-content ul {
    margin: 0;
  }
  .banner-content ul li img {
    max-width: 40px;
    border: 2px solid var(--whiteColor);
  }
  .banner-content ul li.title {
    font-size: 13px;
  }
  .banner-form {
    padding: 20px 10px;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .banner-form .form-group {
    border-right: none;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .banner-form .form-group.select-group {
    border: none;
    padding-right: 0;
  }
  .banner-form .form-group i {
    font-size: 16px;
    left: 10px;
  }
  .banner-form .form-group .form-control {
    background-color: #e4f9f4;
    padding: 15px 10px 15px 35px;
    font-size: 13px;
  }
  .banner-form .form-group .form-control.form-select {
    padding: 15px 40px 15px 15px;
  }
  .banner-form .submit-btn {
    padding: 10px 20px;
    background-color: var(--mainColor);
  }
  .banner-img {
    margin-top: 30px;
  }
  .banner-img img {
    max-width: 100%;
  }
  .banner-img::before {
    display: none;
  }
  .banner-img .banner-img-shape {
    display: none;
  }
  .banner-shape {
    display: none;
  }
  .banner-area-two {
    padding: 50px 0;
  }
  .banner-content-two h1 {
    font-size: 35px;
  }
  .banner-content-two p {
    margin-bottom: 20px;
  }
  .banner-content-two .popular-searches-tag {
    font-size: 15px;
  }
  .banner-content-two .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content-two .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-form-two {
    padding: 20px 10px;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .banner-form-two .form-group {
    border-right: none;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .banner-form-two .form-group.select-group {
    border: none;
    padding-right: 0;
  }
  .banner-form-two .form-group i {
    font-size: 18px;
    left: 10px;
  }
  .banner-form-two .form-group .form-control {
    background-color: #e4f9f4;
    padding: 15px 10px 15px 35px;
  }
  .banner-form-two .submit-btn {
    padding: 10px 20px;
    background-color: var(--mainColor);
  }
  .banner-img-two {
    max-width: 100%;
    margin-top: 30px;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .banner-img-two img {
    max-width: 100%;
  }
  .banner-img-two .banner-shape-two {
    display: none;
  }
  .banner-area-three {
    padding: 50px 0;
  }
  .banner-content-three h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .banner-content-three .popular-searches-tag {
    font-size: 15px;
  }
  .banner-content-three .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content-three .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-form-three {
    padding: 20px 10px;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .banner-form-three .form-group {
    border-right: none;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .banner-form-three .form-group.select-group {
    border: none;
    padding-right: 0;
  }
  .banner-form-three .form-group i {
    font-size: 18px;
    left: 10px;
  }
  .banner-form-three .form-group .form-control {
    background-color: #e4f9f4;
    padding: 15px 10px 15px 45px;
  }
  .banner-form-three .submit-btn {
    padding: 10px 20px;
  }
  .banner-three-other {
    display: none;
  }
  .inner-banner .inner-title {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .inner-banner .inner-title h3 {
    font-size: 30px;
  }
  .about-area .col-6 {
    width: 50%;
  }
  .about-img img {
    border-radius: 50px;
  }
  .browse-jobs-item {
    margin-bottom: 30px;
    padding: 25px 15px 25px 85px;
  }
  .browse-jobs-item i {
    top: 12px;
    left: 15px;
    width: 50px;
    font-size: 24px;
  }
  .browse-jobs-item h3 {
    font-size: 18px;
  }
  .browse-jobs-item i {
    top: 12px;
  }
  .company-area .section-title {
    margin-bottom: 10px;
  }
  .company-card {
    padding: 25px 15px 25px 79px;
  }
  .company-card img {
    left: 15px;
    max-width: 55px;
  }
  .company-card h3 {
    font-size: 20px;
  }
  .company-details-card {
    padding: 25px 20px;
  }
  .company-details-card img {
    position: inherit;
    top: 0;
    left: 0;
    margin-bottom: 20px;
  }
  .services-card {
    padding: 25px 15px 25px 80px;
  }
  .services-card i {
    top: 25px;
    left: 15px;
    width: 50px;
    font-size: 24px;
  }
  .services-card h3 {
    font-size: 18px;
  }
  .counter-card h3 {
    font-size: 30px;
  }
  .counter-card p {
    font-size: 16px;
  }
  .counter-area .col-6 {
    width: 50%;
  }
  .browse-jobs-card {
    padding: 20px 10px 20px 75px;
  }
  .browse-jobs-card .icon {
    left: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
  }
  .browse-jobs-card h3 {
    font-size: 20px;
  }
  .browse-jobs-card .more-btn {
    top: 75%;
    transform: translateY(-75%);
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
  }
  .browse-jobs-list {
    margin-bottom: 30px;
  }
  .browse-jobs-list h3 {
    margin-bottom: 20px;
  }
  .find-jobs-card {
    padding: 20px 15px;
  }
  .find-jobs-card.d-flex {
    display: block !important;
  }
  .find-jobs-card .find-jobs-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .find-jobs-card .content .content-list li {
    padding: 6px 16px;
    font-size: 12px;
    margin-right: 5px;
  }
  .find-jobs-card .content h3 {
    font-size: 22px;
  }
  .find-jobs-card .content .content-list2 li.list-one {
    font-size: 17px;
    margin-right: 10px;
  }
  .find-jobs-card .content .content-list2 li.list-two {
    font-size: 15px;
  }
  .find-jobs-card .content .content-list3 li {
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .find-jobs-card .content .content-list3 li b {
    font-size: 15px;
  }
  .find-jobs-card .content .content-list3 li:last-child {
    margin-right: 0;
  }
  .find-jobs-card .find-jobs-btn {
    position: inherit;
    top: 0;
    right: 0;
    opacity: 1;
    margin-top: 7px;
  }
  .find-jobs-card:hover .find-jobs-btn {
    opacity: 1;
    top: 0;
    transform: translateY(0%);
  }
  .testimonials-widget-item .content-img .line1 {
    width: 8px;
    height: 20px;
  }
  .testimonials-widget-item .content-img .line2 {
    width: 8px;
    height: 20px;
  }
  .testimonials-widget-item p {
    font-size: 16px;
    margin-top: 25px;
  }
  .testimonials-item {
    padding: 30px 20px;
  }
  .testimonials-item .content .line1 {
    width: 8px;
    height: 20px;
  }
  .testimonials-item .content .line2 {
    width: 8px;
    height: 20px;
  }
  .testimonials-item p {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .testimonials-item .rating {
    font-size: 16px;
  }
  .freelancers-area .section-title {
    margin-bottom: 15px;
  }
  .freelancers-card {
    padding: 20px 10px;
  }
  .freelancers-card .title h3 {
    font-size: 20px;
  }
  .freelancers-card .title img {
    margin-left: 10px;
  }
  .freelancers-card p {
    margin-bottom: 10px;
  }
  .freelancers-card .rating i {
    font-size: 15px;
  }
  .freelancers-card .sub-title {
    display: inline-block;
  }
  .freelancers-card .sub-title .sub-title1 {
    font-size: 15px;
    display: block;
    margin-bottom: 10px;
  }
  .freelancers-card .sub-title .sub-title1 b {
    font-size: 16px;
  }
  .freelancers-card .sub-title .sub-title2 {
    font-size: 15px;
  }
  .freelancers-card .sub-title .sub-title2 b {
    font-size: 16px;
  }
  .freelancer-details-profile {
    padding: 25px 20px;
  }
  .freelancer-details-profile img {
    position: inherit;
    top: 0;
    left: 0;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .freelancer-details-profile h3 {
    font-size: 20px;
  }
  .freelancer-details-profile .freelancer-details-btn {
    margin-top: 10px;
    position: inherit;
    top: 0%;
    transform: translateY(0%);
    right: 0;
  }
  .recent-job-item {
    padding: 20px 15px 20px 90px;
  }
  .recent-job-item .recent-job-img {
    top: 20px;
  }
  .recent-job-item h3 {
    font-size: 18px;
    max-width: 235px;
    padding-right: 30px;
  }
  .recent-job-item .job-list1 li {
    font-size: 15px;
    margin-bottom: 10px;
  }
  .recent-job-item .job-list2 {
    margin: 10px 0 0;
  }
  .recent-job-item .job-list2 li {
    padding: 6px 14px;
    font-size: 13px;
  }
  .recent-job-card {
    padding: 25px 15px;
  }
  .recent-job-card .content {
    position: relative;
    padding-left: 0;
  }
  .recent-job-card .content .recent-job-img {
    position: inherit;
    margin-bottom: 10px;
  }
  .recent-job-card .content h3 {
    font-size: 20px;
  }
  .recent-job-card .content .job-list1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .recent-job-card .content .job-list1 li {
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .recent-job-card .content span {
    font-size: 14px;
  }
  .recent-job-card .job-sub-content {
    display: block;
  }
  .recent-job-card .job-sub-content .job-list2 li {
    padding: 5px 14px;
    font-size: 12px;
    margin-right: 0;
  }
  .recent-job-card .job-sub-content .price {
    font-size: 16px;
    margin-top: 13px;
  }
  .recent-job-card .job-sub-content .price b {
    font-size: 14px;
  }
  .recent-job-card .bookmark-btn {
    top: 20px;
  }
  .recent-job-card .download-btn {
    margin-top: 15px;
    position: inherit;
    bottom: 0;
    left: 0;
    padding: 8px 20px;
    font-size: 14px;
  }
  .job-post-card {
    padding: 25px 15px 15px;
  }
  .job-post-card .job-post-img {
    position: inherit;
    top: 0;
    left: 0;
    margin-bottom: 10px;
  }
  .job-post-card h3 {
    font-size: 20px;
  }
  .job-post-card .content {
    display: block;
  }
  .job-post-card .content .content-item .content-list li {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 12px;
  }
  .job-post-card .content .content-item .content-list li b {
    font-size: 17px;
  }
  .job-post-card .content .content-item .content-list li:last-child {
    margin-right: 0;
  }
  .job-post-card .content .content-item span {
    margin-left: 0;
    font-size: 17px;
    display: block;
    margin-bottom: 10px;
  }
  .job-post-card .content .content-item span b {
    font-size: 14px;
  }
  .job-post-card .content .content-list2 li {
    padding: 5px 14px;
    font-size: 13px;
    margin-bottom: 10px;
  }
  .job-post-form .form-group {
    margin-bottom: 15px;
  }
  .job-post-form .form-group i {
    font-size: 18px;
  }
  .job-post-form .form-group .form-control {
    font-size: 14px;
  }
  .career-content {
    margin-bottom: 23px;
  }
  .career-content .content {
    margin-bottom: 10px;
  }
  .career-content ul li {
    margin-bottom: 0;
  }
  .career-content ul li:last-child {
    margin-bottom: 0;
  }
  .career-content ul li.title {
    margin-right: 0;
    margin-left: 0;
    display: block;
  }
  .career-area .col-6 {
    width: 50%;
  }
  .career-img .images1 {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  .pricing-wraps .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .pricing-wraps .pricing-table {
    text-align: center;
  }
  .pricing-wraps .pricing-table table thead tr th {
    padding: 10px 40px;
    white-space: nowrap;
  }
  .pricing-wraps .pricing-table table thead tr th:first-child {
    padding-left: 0;
  }
  .pricing-wraps .pricing-table table thead tr th.pricing-name {
    font-size: 24px;
  }
  .pricing-wraps .pricing-table table thead tr th.pricing-name span {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table thead tr td {
    white-space: nowrap;
  }
  .pricing-wraps .pricing-table table thead tr td:first-child {
    padding-left: 0;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-name-list1 a {
    font-size: 18px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-name-list2 a {
    font-size: 18px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-name-list3
    .unit-amount {
    font-size: 18px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list1 a {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 a {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 .icon {
    font-size: 16px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list2
    .price-btn {
    padding: 7px 16px;
    font-size: 14px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list3
    .unit-amount {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .icon {
    font-size: 16px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list3
    .price-btn {
    padding: 7px 16px;
    font-size: 14px;
  }
  .pricing-content .section-title {
    margin-bottom: 20px;
  }
  .pricing-content ul li {
    margin-bottom: 13px;
  }
  .pricing-content ul li:last-child {
    margin-bottom: 0;
  }
  .pricing-content ul li.title {
    margin-right: 0;
    margin-left: 0;
    display: block;
  }
  .pricing-card {
    border-radius: 10px;
    padding: 25px 15px;
  }
  .pricing-card .pricing-title {
    margin-bottom: 15px;
  }
  .pricing-card .pricing-title h2 {
    font-size: 20px;
  }
  .pricing-card h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .pricing-card h3 span {
    font-size: 15px;
  }
  .pricing-card ul li {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .pricing-card .price-btn-area {
    margin-top: 20px;
  }
  .pricing-card .price-btn-area .price-btn {
    padding: 10px 20px;
  }
  .job-listing-top {
    padding: 25px 15px;
  }
  .job-listing-right {
    border: none;
    background-color: var(--whiteColor);
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
  }
  .job-listing-right ul li {
    margin: 5px;
  }
  .job-listing-right ul li:last-child {
    margin-bottom: 0;
  }
  .job-listing-form .form-group {
    border: none;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .job-listing-form .form-group i {
    left: 10px;
    font-size: 18px;
  }
  .job-listing-form .form-group .form-control {
    background-color: var(--whiteColor);
    padding: 10px 27px 10px 40px;
  }
  .job-listing-form .form-group .form-control.form-select {
    padding: 10px 15px;
  }
  .job-listing-topper .job-listing-title h3 {
    margin-bottom: 15px;
  }
  .job-listing-topper .job-listing-category .form-group {
    margin-bottom: 15px;
  }
  .candidates-topper .candidates-title h3 {
    margin-bottom: 15px;
  }
  .candidates-topper .candidates-category-form .form-group {
    margin-bottom: 10px;
  }
  .candidates-details-right .content-profile {
    padding: 25px 20px 20px;
  }
  .candidates-details-right .content-profile .content-profile-img img {
    margin-bottom: 10px;
  }
  .candidates-details-right .content-info {
    padding: 25px 20px 20px;
  }
  .candidates-details-right .content-info h3 {
    margin-bottom: 10px;
  }
  .candidates-details-right .content-info ul li span {
    font-size: 15px;
  }
  .candidates-details-right .content-info ul li a {
    font-size: 17px;
  }
  .content-widget-right {
    padding: 25px 20px 20px;
  }
  .content-widget-right h3 {
    margin-bottom: 10px;
  }
  .candidates-details-content {
    padding: 25px 15px;
  }
  .candidates-details-content h1 {
    font-size: 28px;
  }
  .candidates-details-content h2 {
    font-size: 26px;
  }
  .candidates-details-content h3 {
    font-size: 23px;
  }
  .candidates-details-content h4 {
    font-size: 21px;
  }
  .candidates-details-content h5 {
    font-size: 20px;
  }
  .candidates-details-content .content {
    padding-bottom: 20px;
  }
  .candidates-details-content .candidates-details-experience .experience-card {
    padding-left: 0;
  }
  .candidates-details-content
    .candidates-details-experience
    .experience-card
    img {
    position: inherit;
    top: 0;
    transform: translateY(0%);
    margin-bottom: 10px;
  }
  .candidates-details-content
    .candidates-details-experience
    .experience-card
    .experience-list
    li {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .candidates-details-content
    .candidates-details-experience
    .experience-card
    .experience-list
    li:last-child {
    margin-bottom: 0;
  }
  .candidates-details-content .candidates-skill {
    padding-bottom: 20px;
  }
  .candidates-details-content .candidates-skill .candidates-skill-tag li a {
    padding: 6px 20px;
  }
  .candidates-details-content .candidates-education .education-card {
    padding-left: 0;
    position: relative;
    padding-left: 0;
  }
  .candidates-details-content .candidates-education .education-card img {
    position: inherit;
    top: 0;
    transform: translateY(0%);
    margin-bottom: 10px;
  }
  .candidates-details-content
    .candidates-education
    .education-card
    .experience-list
    li {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .candidates-details-content
    .candidates-education
    .education-card
    .experience-list
    li:last-child {
    margin-bottom: 0;
  }
  .other-candidates-list {
    padding: 25px 20px;
  }
  .blog-card .blog-img .tag {
    padding: 6px 14px;
    font-size: 12px;
    left: 10px;
  }
  .blog-card .content {
    padding-left: 10px;
  }
  .blog-card .content ul li {
    font-size: 14px;
  }
  .blog-card .content h3 {
    font-size: 22px;
  }
  .blog-details-content h1 {
    font-size: 28px;
  }
  .blog-details-content h2 {
    font-size: 26px;
  }
  .blog-details-content h3 {
    font-size: 23px;
  }
  .blog-details-content h4 {
    font-size: 21px;
  }
  .blog-details-content h5 {
    font-size: 20px;
  }
  .blog-details-content .content ul li {
    margin-right: 20px;
    font-size: 14px;
  }
  .blog-details-content .content ul li.images {
    margin-right: 5px;
  }
  .blog-details-content .content ul li.images img {
    width: 30px;
    height: 30px;
  }
  .blog-details-content .content ul li a {
    padding: 6px 14px;
    font-size: 12px;
  }
  .blog-details-content .blockquote {
    padding: 30px 20px;
  }
  .blog-details-content .blockquote .line1 {
    bottom: 30px;
  }
  .blog-details-content .blockquote .line2 {
    bottom: 30px;
  }
  .blog-details-content .blog-details-list ul li {
    font-size: 15px;
    padding-left: 30px;
  }
  .blog-details-content .blog-details-list ul li i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    top: 5px;
  }
  .blog-details-content .blog-portfolio .blog-portfolio-img {
    margin-top: 0;
  }
  .blog-details-content .article-share-area {
    padding: 12px 10px;
  }
  .blog-details-content .article-share-area .article-social-icon {
    margin-bottom: 10px;
  }
  .blog-details-content
    .article-share-area
    .article-social-icon
    .social-icon
    li {
    margin-right: 5px;
  }
  .blog-details-content
    .article-share-area
    .article-social-icon
    .social-icon
    li.title {
    font-size: 16px;
  }
  .blog-details-content
    .article-share-area
    .article-social-icon
    .social-icon
    li
    a {
    display: inline-block;
    border: none;
  }
  .blog-details-content
    .article-share-area
    .article-social-icon
    .social-icon
    li
    a
    i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .blog-details-content .article-share-area .tag {
    float: none;
    margin-bottom: 5px;
  }
  .blog-details-content .article-share-area .tag a {
    padding: 5px 14px;
    font-size: 13px;
  }
  .job-details-widget-side .job-details-widget {
    padding: 20px 15px;
    border-radius: 10px;
  }
  .job-details-widget-side .job-details-widget .title {
    font-size: 20px;
  }
  .job-details-widget-side .job-details-widget .bar {
    margin-bottom: 15px;
  }
  .job-details-widget-side .job-details-widget .job-details-category li {
    font-size: 15px;
  }
  .job-details-widget-side .job-details-widget .job-details-social {
    margin: 10px 0 0;
  }
  .job-details-widget-side .job-details-widget .job-details-social span {
    font-size: 15px;
    margin-bottom: 0;
  }
  .job-details-widget-side
    .job-details-widget
    .job-details-social
    .social-icon
    li {
    margin-right: 5px;
  }
  .job-details-widget-side
    .job-details-widget
    .job-details-social
    .social-icon
    li
    a
    i {
    font-size: 16px;
  }
  .job-details-content h1 {
    font-size: 28px;
  }
  .job-details-content h2 {
    font-size: 26px;
  }
  .job-details-content h3 {
    font-size: 23px;
  }
  .job-details-content h4 {
    font-size: 21px;
  }
  .job-details-content h5 {
    font-size: 20px;
  }
  .job-details-content .article-social-icon .social-icon li {
    margin-right: 5px;
  }
  .job-details-content .article-social-icon .social-icon li.title {
    font-size: 16px;
  }
  .job-details-content .article-social-icon .social-icon li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .contact-info-item {
    margin-top: 0;
  }
  .contact-info-item i {
    top: 12px;
  }
  .contact-form {
    padding: 25px 15px;
  }
  .contact-form .agree-label label a.forget {
    position: inherit;
  }
  .user-all-form .contact-form .default-btn {
    width: 100%;
    text-align: center;
  }
  .user-all-form .contact-form .sub-title {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .user-all-form .contact-form .login-with-account ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
  }
  .user-all-form .contact-form .login-with-account ul li {
    display: block;
    margin-bottom: 15px;
  }
  .user-all-form .contact-form .login-with-account ul li:last-child {
    margin-bottom: 0;
  }
  .user-all-form .contact-form .login-with-account ul li a {
    padding: 8px 20px;
    font-size: 15px;
  }
  .employers-cv-bg {
    padding: 30px 20px;
  }
  .employers-cv-bg h2 {
    font-size: 26px;
  }
  .employers-cv-bg p {
    margin-bottom: 15px;
  }
  .employers-cv-btn {
    float: none;
  }
  .employers-cv-btn .employersButton-button {
    padding: 10px 20px;
    font-size: 14px;
  }
  .error-area .error-content h1 {
    font-size: 70px;
  }
  .error-area .error-content h3 {
    margin-top: 20px;
    font-size: 26px;
  }
  .error-area .error-content p {
    font-size: 15px;
    margin-top: 10px;
    padding: 0 15px;
  }
  .coming-soon-area .coming-soon-content {
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0;
    animation: none;
  }
  .coming-soon-area .coming-soon-content h1 {
    font-size: 30px;
    line-height: 1.1;
    margin-top: 0;
  }
  .coming-soon-area .coming-soon-content p {
    font-size: 14px;
    margin-top: 15px;
  }
  .coming-soon-area .coming-soon-content #timer {
    margin-top: 30px;
  }
  .coming-soon-area .coming-soon-content #timer div {
    font-size: 30px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
  }
  .coming-soon-area .coming-soon-content #timer div span {
    font-size: 14px;
    margin-top: -5px;
  }
  .coming-soon-area .coming-soon-content #timer div::before {
    display: none;
  }
  .coming-soon-area .coming-soon-content .newsletter-form {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
    height: 55px;
    padding-left: 13px;
    font-size: 15px;
  }
  .coming-soon-area .coming-soon-content .newsletter-form .default-btn {
    position: relative;
    font-size: 14px;
    margin-top: 15px;
    width: 100%;
    height: 50px;
  }
  .footer-widget h3 {
    margin-bottom: 15px;
  }
  .footer-widget h3.title {
    margin-bottom: 10px;
  }
  .footer-widget .footer-logo {
    margin-bottom: 10px;
  }
  .footer-widget p {
    margin-bottom: 15px;
  }
  .footer-widget .footer-list li {
    margin-bottom: 10px;
  }
  .footer-widget .footer-contact-list li {
    margin-bottom: 10px;
  }
  .footer-widget .footer-contact-list li i {
    font-size: 18px;
  }
  .copy-right-text {
    text-align: center;
    margin-bottom: 10px;
  }
  .copy-right-social-link {
    text-align: center;
  }
  .go-top {
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 32px;
  }
  .go-top .active {
    top: 85%;
  }
}
@media only screen and (max-width: 520px) {
  .col-6 {
    width: 100%;
  }
}
@media only screen and (min-width: 521px) and (max-width: 767px) {
  .contact-info-item {
    padding: 25px 10px 25px 70px;
  }
  .contact-info-item i {
    top: 17px;
    left: 10px;
    width: 50px;
    height: 75px;
    line-height: 75px;
    font-size: 24px;
  }
  .job-listing-topper .job-listing-category .form-group {
    margin-bottom: 0;
  }
  .candidates-topper .candidates-category-form .form-group {
    margin-bottom: 0;
  }
  .browse-jobs-item {
    padding: 25px 10px 25px 70px;
  }
  .browse-jobs-item i {
    top: 17px;
    left: 10px;
    width: 45px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
  }
  .browse-jobs-item h3 {
    font-size: 17px;
  }
  .freelancer-details-profile {
    padding: 30px 20px 30px 140px;
  }
  .freelancer-details-profile img {
    position: absolute;
    top: 22px;
    left: 20px;
    margin-right: 0;
    margin-bottom: 0;
  }
  .freelancer-details-profile h3 {
    font-size: 20px;
  }
  .freelancer-details-profile .freelancer-details-btn {
    margin-top: 0;
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    right: 20px;
  }
  .recent-job-item h3 {
    max-width: 265px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  /* Browse Jobs CSS */
  /* Browse Jobs CSS End */
  /* Pricing Area */
  /* Pricing Area End */
  /* Blog Area */
  /* Blog Area End */
  .browse-jobs-list {
    margin-bottom: 30px;
  }
  .browse-jobs-list h3 {
    margin-bottom: 15px;
    font-size: 18px;
  }
  .browse-jobs-list h3 i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin-right: 7px;
  }
  .browse-jobs-card {
    padding: 20px 10px 20px 10px;
  }
  .browse-jobs-card .icon {
    position: inherit;
    top: 0;
    left: 0;
    transform: translateY(0);
    margin-bottom: 10px;
  }
  .browse-jobs-card h3 {
    font-size: 20px;
  }
  .browse-jobs-card .more-btn {
    top: 30%;
    transform: translateY(-30%);
  }
  .recent-job-card {
    padding: 25px 15px;
  }
  .recent-job-card .content {
    padding-left: 85px;
  }
  .recent-job-card .content .recent-job-img {
    position: absolute;
    margin-bottom: 0;
  }
  .recent-job-card .content h3 {
    font-size: 20px;
  }
  .recent-job-card .job-sub-content {
    display: flex;
  }
  .recent-job-card .job-sub-content .price {
    margin-top: 0;
  }
  .pricing-content ul li {
    margin-bottom: 13px;
  }
  .pricing-content ul li:last-child {
    margin-bottom: 0;
  }
  .pricing-content ul li.title {
    margin-left: 30px;
    display: inline-block;
  }
  .career-content {
    margin-bottom: 23px;
  }
  .career-content ul li {
    margin-bottom: 0;
  }
  .career-content ul li:last-child {
    margin-bottom: 0;
  }
  .career-content ul li.title {
    margin-left: 30px;
    display: inline-block;
  }
  .blog-details-content .article-share-area {
    padding: 12px 10px;
  }
  .blog-details-content .article-share-area .article-social-icon {
    margin-bottom: 0;
  }
  .blog-details-content .article-share-area .tag {
    float: right;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Default CSS */
  /* Default CSS End */
  /* Main Banner CSS */
  /* Main Banner CSS End */
  /* Inner Banner CSS */
  /* Inner Banner CSS End */
  /* Browse Jobs CSS */
  /* Browse Jobs CSS End */
  /* Find Jobs Area CSS */
  /* Find Jobs Area CSS End */
  /* Job Listing Area */
  /* Job Listing Area End */
  /* Testimonials Area CSS */
  /* Testimonials Area CSS End */
  /* Freelancers Area CSS */
  /* Freelancers Area CSS End */
  /* Recent Job Area */
  /* Recent Job Area End */
  /* Pricing Area */
  /* Pricing Area End */
  /* Coming Soon Area */
  /* Coming Soon Area End */
  /* Contact Area */
  /* Contact Area End */
  /* Employers CV Area */
  /* Employers CV Area End */
  /* Error Area */
  /* Error Area End */
  /* Footer Area */
  /* Footer Area End */
  body {
    font-size: 15px;
  }
  .ptb-100 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .pt-100 {
    padding-top: 50px;
  }
  .ptb-70 {
    padding-top: 50px;
    padding-bottom: 20px;
  }
  .pb-100 {
    padding-bottom: 50px !important;
  }
  .pt-70 {
    padding-top: 50px;
  }
  .pb-70 {
    padding-bottom: 20px;
  }
  .pt-45 {
    padding-top: 30px;
  }
  .pb-10 {
    padding-bottom: 0;
  }
  .pl-20 {
    padding-left: 0;
  }
  .pr-20 {
    padding-right: 0;
  }
  .ml-20 {
    margin-left: 0;
  }
  .ps-2 {
    padding-left: 0 !important;
  }
  .ps-3 {
    padding-left: 0 !important;
  }
  .ps-5 {
    padding-left: 0 !important;
  }
  .ps-0 {
    padding-left: 15px !important;
  }
  .pe-0 {
    padding-right: 15px !important;
  }
  .p-0 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .default-btn {
    padding: 8px 18px;
  }
  .section-title h2 {
    font-size: 26px;
  }
  .section-title p {
    padding-top: 10px;
  }
  .float-end {
    float: none !important;
    margin-bottom: 0 !important;
  }
  .banner-area {
    padding: 50px 0;
  }
  .banner-content h1 {
    font-size: 35px;
  }
  .banner-content p {
    margin-bottom: 20px;
  }
  .banner-content .popular-searches-tag {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .banner-content .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-content ul {
    margin: 0;
  }
  .banner-content ul li img {
    max-width: 40px;
    border: 2px solid var(--whiteColor);
  }
  .banner-content ul li.title {
    font-size: 13px;
  }
  .banner-form {
    padding: 25px 20px;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .banner-form .form-group {
    border-right: none;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .banner-form .form-group.select-group {
    border: none;
    padding-right: 0;
  }
  .banner-form .form-group i {
    font-size: 18px;
    left: 10px;
  }
  .banner-form .form-group .form-control {
    background-color: #e4f9f4;
    padding: 15px 10px 15px 35px;
  }
  .banner-form .form-group .form-control.form-select {
    padding: 15px 40px 15px 15px;
  }
  .banner-form .submit-btn {
    padding: 10px 20px;
    background-color: var(--mainColor);
  }
  .banner-img {
    margin-top: 30px;
  }
  .banner-img img {
    max-width: 100%;
  }
  .banner-img::before {
    display: none;
  }
  .banner-img .banner-img-shape {
    display: none;
  }
  .banner-shape {
    display: none;
  }
  .banner-area-two {
    padding: 50px 0;
  }
  .banner-content-two h1 {
    font-size: 35px;
  }
  .banner-content-two p {
    margin-bottom: 20px;
  }
  .banner-content-two .popular-searches-tag {
    font-size: 15px;
  }
  .banner-content-two .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content-two .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-form-two {
    padding: 20px 15px;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .banner-form-two .form-group {
    border-right: none;
    padding-right: 0;
    margin-bottom: 0;
  }
  .banner-form-two .form-group.select-group {
    border: none;
    padding-right: 0;
  }
  .banner-form-two .form-group i {
    font-size: 18px;
    left: 10px;
  }
  .banner-form-two .form-group .form-control {
    background-color: #e4f9f4;
    padding: 15px 10px 15px 35px;
  }
  .banner-form-two .submit-btn {
    padding: 12px 20px;
  }
  .banner-img-two {
    max-width: 100%;
    margin-top: 30px;
    padding-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .banner-img-two img {
    max-width: 100%;
  }
  .banner-img-two .banner-shape-two {
    display: none;
  }
  .banner-area-three {
    padding: 50px 0;
  }
  .banner-content-three h1 {
    font-size: 30px;
    margin-bottom: 20px;
  }
  .banner-content-three .popular-searches-tag {
    font-size: 15px;
  }
  .banner-content-three .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content-three .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-form-three {
    padding: 20px;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
  }
  .banner-form-three .form-group {
    border-right: none;
    padding-right: 0;
  }
  .banner-form-three .form-group.select-group {
    border: none;
    padding-right: 0;
  }
  .banner-form-three .form-group i {
    font-size: 18px;
    left: 10px;
  }
  .banner-form-three .form-group .form-control {
    background-color: #e4f9f4;
    padding: 15px 10px 15px 35px;
  }
  .banner-form-three .submit-btn {
    padding: 12px 20px;
  }
  .banner-three-other {
    display: none;
  }
  .banner-area .container-fluid,
  .banner-area-two .container-fluid {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .inner-banner .inner-title {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .inner-banner .inner-title h3 {
    font-size: 30px;
  }
  .company-area .section-title {
    margin-bottom: 10px;
  }
  .browse-jobs-card {
    padding: 20px 10px 20px 75px;
  }
  .browse-jobs-card .icon {
    left: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
  }
  .browse-jobs-card h3 {
    font-size: 20px;
  }
  .browse-jobs-card .more-btn {
    top: 75%;
    transform: translateY(-75%);
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
  }
  .browse-jobs-list {
    margin-bottom: 30px;
  }
  .browse-jobs-list h3 {
    margin-bottom: 20px;
  }
  .browse-jobs-list h3 i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin-right: 7px;
  }
  .browse-jobs-item {
    padding: 25px 10px 25px 70px;
  }
  .browse-jobs-item i {
    top: 17px;
    left: 10px;
    width: 45px;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
  }
  .browse-jobs-item h3 {
    font-size: 17px;
  }
  .services-card {
    padding: 25px 15px 25px 80px;
  }
  .services-card i {
    top: 25px;
    left: 15px;
    width: 50px;
    font-size: 24px;
  }
  .services-card h3 {
    font-size: 18px;
  }
  .counter-card h3 {
    font-size: 30px;
  }
  .find-jobs-card {
    padding: 20px 15px;
  }
  .find-jobs-card .content .content-list li {
    padding: 6px 16px;
    font-size: 12px;
    margin-right: 5px;
  }
  .find-jobs-card .content h3 {
    font-size: 22px;
  }
  .find-jobs-card .content .content-list2 li.list-one {
    font-size: 17px;
    margin-right: 10px;
  }
  .find-jobs-card .content .content-list2 li.list-two {
    font-size: 15px;
  }
  .find-jobs-card .content .content-list3 li {
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .find-jobs-card .content .content-list3 li b {
    font-size: 16px;
  }
  .find-jobs-card .content .content-list3 li:last-child {
    margin-right: 0;
  }
  .job-listing-top {
    padding: 25px 15px;
  }
  .job-listing-right {
    border: none;
    background-color: var(--whiteColor);
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
  }
  .job-listing-right ul li {
    margin: 5px;
  }
  .job-listing-right ul li:last-child {
    margin-bottom: 0;
  }
  .job-listing-form .form-group {
    border: none;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .job-listing-form .form-group i {
    left: 10px;
    font-size: 18px;
  }
  .job-listing-form .form-group .form-control {
    background-color: var(--whiteColor);
    padding: 10px 27px 10px 40px;
  }
  .job-listing-form .form-group .form-control.form-select {
    padding: 10px 15px;
  }
  .job-listing-topper .job-listing-title h3 {
    margin-bottom: 15px;
  }
  .job-post-card h3 {
    font-size: 20px;
  }
  .job-post-card .content {
    display: block;
  }
  .job-post-card .content .content-item .content-list li {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 12px;
  }
  .job-post-card .content .content-item .content-list li b {
    font-size: 17px;
  }
  .job-post-card .content .content-item .content-list li:last-child {
    margin-right: 0;
  }
  .job-post-card .content .content-item span {
    margin-left: 20px;
    font-size: 17px;
  }
  .job-post-card .content .content-item span b {
    font-size: 14px;
  }
  .job-post-card .content .content-list2 li {
    padding: 5px 14px;
    font-size: 13px;
  }
  .job-post-card-ml .content {
    display: block;
  }
  .job-post-card-ml .content .content-item span {
    margin-left: 0;
    display: block;
    margin-bottom: 10px;
  }
  .job-post-form .form-group {
    margin-bottom: 15px;
  }
  .job-post-form .form-group i {
    font-size: 18px;
  }
  .job-post-form .form-group .form-control {
    font-size: 14px;
  }
  .job-details-widget-side .job-details-widget {
    padding: 20px 15px;
    border-radius: 10px;
  }
  .job-details-widget-side .job-details-widget .title {
    font-size: 20px;
  }
  .job-details-widget-side .job-details-widget .bar {
    margin-bottom: 15px;
  }
  .job-details-widget-side .job-details-widget .job-details-category li {
    font-size: 15px;
  }
  .job-details-widget-side .job-details-widget .job-details-social {
    margin: 10px 0 0;
  }
  .job-details-widget-side .job-details-widget .job-details-social span {
    font-size: 15px;
    margin-bottom: 0;
  }
  .job-details-widget-side
    .job-details-widget
    .job-details-social
    .social-icon
    li {
    margin-right: 5px;
  }
  .job-details-widget-side
    .job-details-widget
    .job-details-social
    .social-icon
    li
    a
    i {
    font-size: 16px;
  }
  .job-details-content h1 {
    font-size: 28px;
  }
  .job-details-content h2 {
    font-size: 26px;
  }
  .job-details-content h3 {
    font-size: 23px;
  }
  .job-details-content h4 {
    font-size: 21px;
  }
  .job-details-content h5 {
    font-size: 20px;
  }
  .testimonials-widget-item .content-img .line1 {
    width: 8px;
    height: 20px;
  }
  .testimonials-widget-item .content-img .line2 {
    width: 8px;
    height: 20px;
  }
  .testimonials-widget-item p {
    font-size: 16px;
    margin-top: 25px;
  }
  .testimonials-item {
    padding: 30px 20px;
  }
  .testimonials-item .content .line1 {
    width: 8px;
    height: 20px;
  }
  .testimonials-item .content .line2 {
    width: 8px;
    height: 20px;
  }
  .testimonials-item p {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .testimonials-item .rating {
    font-size: 16px;
  }
  .freelancers-area .section-title {
    margin-bottom: 15px;
  }
  .freelancers-card {
    padding: 20px 10px;
  }
  .freelancers-card .title h3 {
    font-size: 20px;
  }
  .freelancers-card .title img {
    margin-left: 10px;
  }
  .freelancers-card p {
    margin-bottom: 10px;
  }
  .freelancers-card .rating i {
    font-size: 15px;
  }
  .freelancers-card .sub-title .sub-title1 {
    font-size: 15px;
  }
  .freelancers-card .sub-title .sub-title1 b {
    font-size: 16px;
  }
  .freelancers-card .sub-title .sub-title2 {
    font-size: 15px;
    margin-left: 12px;
  }
  .freelancers-card .sub-title .sub-title2 b {
    font-size: 16px;
  }
  .recent-job-item {
    padding: 20px 10px 20px 75px;
  }
  .recent-job-item .recent-job-img {
    top: 20px;
    left: 10px;
  }
  .recent-job-item .recent-job-img img {
    width: 50px;
  }
  .recent-job-item h3 {
    font-size: 18px;
    max-width: 235px;
  }
  .recent-job-item .job-list1 li {
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 7px;
  }
  .recent-job-item .job-list1 li i {
    margin-right: 0;
  }
  .recent-job-item .job-list2 {
    margin: 10px 0 0;
  }
  .recent-job-item .job-list2 li {
    padding: 6px 14px;
    font-size: 13px;
  }
  .recent-job-item .bookmark-btn {
    top: 43px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .recent-job-card {
    padding: 25px 15px;
  }
  .recent-job-card .content h3 {
    font-size: 20px;
  }
  .recent-job-card .content .job-list1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .recent-job-card .content .job-list1 li {
    margin-right: 70px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .recent-job-card .content span {
    font-size: 14px;
  }
  .recent-job-card .job-sub-content .job-list2 li {
    padding: 5px 14px;
    font-size: 12px;
    margin-right: 0;
  }
  .recent-job-card .job-sub-content .price {
    font-size: 16px;
  }
  .recent-job-card .job-sub-content .price b {
    font-size: 14px;
  }
  .recent-job-card .bookmark-btn {
    top: 20px;
  }
  .candidates-topper .candidates-title h3 {
    margin-bottom: 15px;
  }
  .candidates-details-content h1 {
    font-size: 28px;
  }
  .candidates-details-content h2 {
    font-size: 26px;
  }
  .candidates-details-content h3 {
    font-size: 23px;
  }
  .candidates-details-content h4 {
    font-size: 21px;
  }
  .candidates-details-content h5 {
    font-size: 20px;
  }
  .pricing-wraps .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .pricing-wraps .pricing-table {
    text-align: center;
  }
  .pricing-wraps .pricing-table table thead tr th {
    padding: 10px 20px;
    white-space: nowrap;
  }
  .pricing-wraps .pricing-table table thead tr th:first-child {
    padding-left: 0;
  }
  .pricing-wraps .pricing-table table thead tr th.pricing-name {
    font-size: 24px;
  }
  .pricing-wraps .pricing-table table thead tr th.pricing-name span {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table thead tr td {
    white-space: nowrap;
  }
  .pricing-wraps .pricing-table table thead tr td:first-child {
    padding-left: 0;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-name-list1 a {
    font-size: 18px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-name-list2 a {
    font-size: 18px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-name-list3
    .unit-amount {
    font-size: 18px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list1 a {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 a {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 .icon {
    font-size: 16px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list2
    .price-btn {
    padding: 7px 16px;
    font-size: 14px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list3
    .unit-amount {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .icon {
    font-size: 16px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list3
    .price-btn {
    padding: 7px 16px;
    font-size: 14px;
  }
  .pricing-content .section-title {
    margin-bottom: 20px;
  }
  .pricing-content ul li.title {
    margin-left: 25px;
  }
  .pricing-card {
    border-radius: 10px;
    padding: 25px 15px;
  }
  .pricing-card .pricing-title {
    margin-bottom: 15px;
  }
  .pricing-card .pricing-title h2 {
    font-size: 20px;
  }
  .pricing-card h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .pricing-card h3 span {
    font-size: 15px;
  }
  .pricing-card ul li {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .pricing-card .price-btn-area {
    margin-top: 20px;
  }
  .pricing-card .price-btn-area .price-btn {
    padding: 10px 20px;
  }
  .coming-soon-area .coming-soon-content {
    padding-top: 30px;
    padding-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0;
    animation: none;
  }
  .coming-soon-area .coming-soon-content h1 {
    font-size: 45px;
    line-height: 1.1;
    margin-top: 0;
  }
  .coming-soon-area .coming-soon-content p {
    font-size: 16px;
    margin-top: 15px;
  }
  .blog-area .section-title {
    margin-bottom: 10px;
  }
  .blog-card .blog-img .tag {
    padding: 6px 14px;
    font-size: 12px;
    left: 10px;
  }
  .blog-card .content {
    padding-left: 10px;
  }
  .blog-card .content ul li {
    font-size: 14px;
  }
  .blog-card .content h3 {
    font-size: 20px;
  }
  .blog-details-content h1 {
    font-size: 28px;
  }
  .blog-details-content h2 {
    font-size: 26px;
  }
  .blog-details-content h3 {
    font-size: 23px;
  }
  .blog-details-content h4 {
    font-size: 21px;
  }
  .blog-details-content h5 {
    font-size: 20px;
  }
  .blog-details-content .content ul li {
    margin-right: 20px;
    font-size: 14px;
  }
  .blog-details-content .content ul li.images {
    margin-right: 5px;
  }
  .blog-details-content .content ul li.images img {
    width: 30px;
    height: 30px;
  }
  .blog-details-content .content ul li a {
    padding: 6px 14px;
    font-size: 12px;
  }
  .blog-details-content .blockquote {
    padding: 30px 20px;
  }
  .blog-details-content .blockquote .line1 {
    bottom: 30px;
  }
  .blog-details-content .blockquote .line2 {
    bottom: 30px;
  }
  .blog-details-content .blog-details-list ul li {
    font-size: 15px;
    padding-left: 30px;
  }
  .blog-details-content .blog-details-list ul li i {
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    top: 5px;
  }
  .blog-details-content .article-share-area {
    padding: 12px 10px;
  }
  .blog-details-content
    .article-share-area
    .article-social-icon
    .social-icon
    li {
    margin-right: 5px;
  }
  .blog-details-content
    .article-share-area
    .article-social-icon
    .social-icon
    li.title {
    font-size: 16px;
  }
  .blog-details-content
    .article-share-area
    .article-social-icon
    .social-icon
    li
    a {
    display: inline-block;
    border: none;
  }
  .blog-details-content
    .article-share-area
    .article-social-icon
    .social-icon
    li
    a
    i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .blog-details-content .article-share-area .tag a {
    padding: 5px 14px;
    font-size: 13px;
  }
  .contact-info-item {
    margin-top: 0;
  }
  .contact-info-item i {
    top: 12px;
  }
  .contact-form {
    padding: 30px 20px;
  }
  .user-all-form .contact-form .default-btn {
    width: 100%;
    text-align: center;
  }
  .user-all-form .contact-form .sub-title {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .user-all-form .contact-form .login-with-account ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
  }
  .user-all-form .contact-form .login-with-account ul li {
    display: block;
    margin-bottom: 15px;
  }
  .user-all-form .contact-form .login-with-account ul li:last-child {
    margin-bottom: 0;
  }
  .user-all-form .contact-form .login-with-account ul li a {
    padding: 8px 20px;
    font-size: 15px;
  }
  .employers-cv-bg {
    padding: 30px 20px;
  }
  .employers-cv-bg h2 {
    font-size: 26px;
  }
  .employers-cv-bg p {
    margin-bottom: 15px;
  }
  .employers-cv-btn {
    float: none;
  }
  .employers-cv-btn .employersButton-button {
    padding: 10px 20px;
    font-size: 14px;
  }
  .error-area .error-content h1 {
    font-size: 120px;
  }
  .error-area .error-content h3 {
    margin-top: 20px;
    font-size: 30px;
  }
  .error-area .error-content p {
    font-size: 15px;
    margin-top: 10px;
    padding: 0 15px;
  }
  .footer-widget h3 {
    margin-bottom: 15px;
  }
  .footer-widget h3.title {
    margin-bottom: 10px;
  }
  .footer-widget .footer-logo {
    margin-bottom: 10px;
  }
  .footer-widget p {
    margin-bottom: 15px;
  }
  .footer-widget .footer-list li {
    margin-bottom: 10px;
  }
  .footer-widget .footer-contact-list li {
    margin-bottom: 10px;
  }
  .footer-widget .footer-contact-list li i {
    font-size: 18px;
  }
  .go-top {
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 32px;
  }
  .go-top .active {
    top: 85%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Navbar Area */
  /* Navbar Area End */
  /* Main Banner CSS */
  /* Main Banner CSS End */
  /* Browse Jobs CSS */
  /* Browse Jobs CSS End */
  /* Find Jobs Area CSS */
  /* Find Jobs Area CSS End */
  /* Job Listing Area */
  /* Job Listing Area End */
  /* Testimonials Area CSS */
  /* Testimonials Area CSS End */
  /* Freelancers Area CSS */
  /* Freelancers Area CSS End */
  /* Recent Job Area CSS */
  /* Recent Job Area CSS End */
  /* Candidates Area */
  /* Candidates Area End */
  /* Pricing Area */
  /* Pricing Area End */
  /* Footer Area */
  /* Footer Area End */
  .ps-2 {
    padding-left: 0 !important;
  }
  .ps-3 {
    padding-left: 0 !important;
  }
  .ps-5 {
    padding-left: 0 !important;
  }
  .section-title h2 {
    font-size: 32px;
  }
  .others-options {
    display: none !important;
  }
  .desktop-nav .navbar .navbar-nav .nav-item {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .side-nav-responsive {
    display: block;
  }
  .side-nav-responsive .dot-menu {
    right: 10px;
    top: 20px;
  }
  .side-nav-responsive .container-max .container {
    top: 65px;
  }
  .banner-content h1 {
    font-size: 48px;
  }
  .banner-content p {
    margin-bottom: 20px;
  }
  .banner-content .popular-searches-tag {
    font-size: 15px;
    margin-bottom: 50px;
  }
  .banner-content .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-form {
    padding: 10px;
    margin-right: -155px;
  }
  .banner-form .form-group {
    padding-right: 7px;
  }
  .banner-form .form-group i {
    font-size: 16px;
  }
  .banner-form .form-group .form-control {
    font-size: 13px;
    padding: 10px 1px 10px 20px;
  }
  .banner-form .form-group .form-control.form-select {
    padding: 15px 20px 15px 0;
  }
  .banner-form .submit-btn {
    padding: 13px 20px;
    font-size: 14px;
  }
  .banner-img {
    margin-top: 20px;
  }
  .banner-img img {
    max-width: 100%;
  }
  .banner-img .banner-img-shape .shape2 {
    top: 19%;
    left: -85px;
  }
  .banner-img .banner-img-shape .shape2 img {
    max-width: 80px;
  }
  .banner-img .banner-img-shape .shape4 {
    top: -15px;
    left: 50px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .banner-img .banner-img-shape .shape4 img {
    width: 40px;
  }
  .banner-img .banner-img-shape .shape5 {
    top: 10%;
    right: 20px;
  }
  .banner-img .banner-img-shape .shape5 img {
    max-width: 60px;
  }
  .banner-content-two h1 {
    font-size: 45px;
  }
  .banner-content-two .popular-searches-tag {
    font-size: 15px;
  }
  .banner-content-two .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content-two .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-form-two {
    max-width: 665px;
    margin-right: -25px;
    z-index: 22;
    position: relative;
  }
  .banner-form-two .submit-btn {
    padding: 10px 20px;
    background-color: var(--mainColor);
  }
  .banner-img-two .shape1 a {
    display: block;
  }
  .banner-img-two .shape1 a img {
    max-width: 330px;
  }
  .banner-img-two .shape3 {
    top: 40.5%;
    transform: translateY(-40.5%);
  }
  .banner-shape-two .shape2 {
    left: 30px;
  }
  .banner-content-three {
    position: relative;
  }
  .banner-content-three h1 {
    font-size: 50px;
  }
  .banner-three-other .other-content3 {
    bottom: -45px;
    left: 0%;
  }
  .banner-three-other .other-content3 img {
    max-width: 115px;
  }
  .banner-three-other .other-content8 {
    top: -30px;
  }
  .banner-three-other .other-content9 {
    bottom: -95px;
    right: 0;
  }
  .banner-three-other .other-content9 img {
    max-width: 165px;
  }
  .banner-three-other .other-content9 .other-into-content img {
    max-width: 40px;
  }
  .banner-three-other .other-content10 {
    bottom: -190px;
    right: 0;
  }
  .banner-three-other .other-content10 img {
    width: 35px;
  }
  .banner-form-two {
    padding: 10px;
  }
  .banner-form-two .form-group i {
    font-size: 17px;
  }
  .banner-form-two .form-group .form-control {
    font-size: 13px;
    padding: 10px 0 10px 23px;
  }
  .banner-form-two .submit-btn {
    padding: 12px 20px;
    font-size: 14px;
  }
  .browse-jobs-card {
    padding: 20px 10px 20px 70px;
  }
  .browse-jobs-card .icon {
    left: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
  }
  .browse-jobs-card h3 {
    font-size: 19px;
  }
  .browse-jobs-card .more-btn {
    top: 75%;
    transform: translateY(-75%);
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
  }
  .browse-jobs-list h3 {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .browse-jobs-list h3 i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin-right: 5px;
  }
  .browse-jobs-item {
    padding: 25px 15px;
    margin-top: 0;
  }
  .browse-jobs-item i {
    position: inherit;
    top: 0;
    left: 0;
    width: 50px;
    height: 75px;
    line-height: 75px;
    font-size: 24px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .browse-jobs-item h3 {
    font-size: 18px;
  }
  .company-card {
    padding: 25px 12px 25px 66px;
  }
  .company-card img {
    left: 12px;
    max-width: 45px;
  }
  .company-card h3 {
    font-size: 18px;
  }
  .company-card p {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .company-card .company-btn {
    font-size: 14px;
  }
  .find-jobs-card {
    padding: 20px 15px;
  }
  .find-jobs-card .content .content-list li {
    padding: 6px 16px;
    font-size: 12px;
    margin-right: 5px;
  }
  .find-jobs-card .content h3 {
    font-size: 22px;
  }
  .find-jobs-card .content .content-list2 li.list-one {
    font-size: 17px;
    margin-right: 10px;
  }
  .find-jobs-card .content .content-list2 li.list-two {
    font-size: 15px;
  }
  .find-jobs-card .content .content-list3 li {
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .find-jobs-card .content .content-list3 li b {
    font-size: 16px;
  }
  .find-jobs-card .content .content-list3 li:last-child {
    margin-bottom: 0;
  }
  .job-listing-top {
    padding: 25px 15px;
  }
  .job-post-card-ml h3 {
    font-size: 20px;
  }
  .job-post-card-ml .content {
    display: block;
  }
  .job-post-card-ml .content .content-item .content-list li {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 12px;
  }
  .job-post-card-ml .content .content-item .content-list li b {
    font-size: 17px;
  }
  .job-post-card-ml .content .content-item .content-list li:last-child {
    margin-right: 0;
  }
  .job-post-card-ml .content .content-item span {
    margin-left: 20px;
    font-size: 17px;
  }
  .job-post-card-ml .content .content-item span b {
    font-size: 14px;
  }
  .job-post-card-ml .content .content-list2 li {
    padding: 5px 14px;
    font-size: 13px;
  }
  .job-post-form .form-group i {
    font-size: 18px;
  }
  .job-post-form .form-group .form-control {
    font-size: 15px;
  }
  .job-post-form .submit-btn {
    padding: 12px 20px;
  }
  .job-listing-right {
    border: none;
    background-color: var(--whiteColor);
    text-align: center;
    padding: 15px;
    margin-bottom: 0;
  }
  .job-listing-right ul li {
    margin: 5px;
  }
  .job-listing-right ul li:last-child {
    margin-bottom: 0;
  }
  .job-listing-form {
    vertical-align: middle;
  }
  .job-listing-form .form-group {
    border: none;
    padding-right: 0;
    margin-top: 0;
  }
  .job-listing-form .form-group i {
    left: 8px;
    font-size: 16px;
  }
  .job-listing-form .form-group .form-control {
    background-color: var(--whiteColor);
    padding: 10px 27px 10px 40px;
    font-size: 14px;
  }
  .job-listing-form .form-group .form-control.form-select {
    padding: 10px 15px;
  }
  .job-listing-form .submit-btn {
    padding: 12px 20px;
  }
  .job-details-widget-side .job-details-widget {
    padding: 20px 15px;
    border-radius: 10px;
  }
  .job-details-widget-side .job-details-widget .title {
    font-size: 20px;
  }
  .job-details-widget-side .job-details-widget .bar {
    margin-bottom: 15px;
  }
  .job-details-widget-side .job-details-widget .job-details-category li {
    font-size: 15px;
  }
  .job-details-widget-side .job-details-widget .job-details-social {
    margin: 10px 0 0;
  }
  .job-details-widget-side .job-details-widget .job-details-social span {
    font-size: 15px;
    margin-bottom: 0;
  }
  .job-details-widget-side
    .job-details-widget
    .job-details-social
    .social-icon
    li {
    margin-right: 5px;
  }
  .job-details-widget-side
    .job-details-widget
    .job-details-social
    .social-icon
    li
    a
    i {
    font-size: 16px;
  }
  .testimonials-widget-item .content-img .line1 {
    width: 8px;
    height: 20px;
  }
  .testimonials-widget-item .content-img .line2 {
    width: 8px;
    height: 20px;
  }
  .testimonials-widget-item p {
    font-size: 16px;
    margin-top: 25px;
    max-width: 650px;
  }
  .testimonials-item {
    padding: 40px 70px;
  }
  .testimonials-item .content .line1 {
    width: 8px;
    height: 20px;
  }
  .testimonials-item .content .line2 {
    width: 8px;
    height: 20px;
  }
  .testimonials-item p {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .testimonials-item .rating {
    font-size: 16px;
  }
  .freelancers-card {
    padding: 20px 10px;
  }
  .freelancers-card .title h3 {
    font-size: 20px;
  }
  .freelancers-card .title img {
    margin-left: 10px;
  }
  .freelancers-card p {
    margin-bottom: 10px;
  }
  .freelancers-card .rating i {
    font-size: 15px;
  }
  .freelancers-card .sub-title .sub-title1 {
    font-size: 15px;
  }
  .freelancers-card .sub-title .sub-title1 b {
    font-size: 16px;
  }
  .freelancers-card .sub-title .sub-title2 {
    font-size: 15px;
    margin-left: 12px;
  }
  .freelancers-card .sub-title .sub-title2 b {
    font-size: 16px;
  }
  .recent-job-item h3 {
    font-size: 20px;
  }
  .recent-job-item .job-list1 li {
    font-size: 15px;
  }
  .recent-job-card {
    padding: 25px 15px;
  }
  .recent-job-card .content h3 {
    font-size: 20px;
  }
  .recent-job-card .content .job-list1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .recent-job-card .content .job-list1 li {
    margin-right: 70px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .recent-job-card .content span {
    font-size: 14px;
  }
  .recent-job-card .job-sub-content .job-list2 li {
    padding: 5px 14px;
    font-size: 12px;
    margin-right: 0;
  }
  .recent-job-card .job-sub-content .price {
    font-size: 16px;
  }
  .recent-job-card .job-sub-content .price b {
    font-size: 14px;
  }
  .recent-job-card .bookmark-btn {
    top: 20px;
  }
  .recent-job-card .download-btn {
    margin-top: 15px;
    position: inherit;
    bottom: 0;
    left: 0;
    padding: 8px 20px;
    font-size: 14px;
  }
  .candidates-topper .candidates-category-form .form-group .form-control {
    font-size: 14px;
  }
  .candidates-details-right .content-profile {
    padding: 25px 15px 20px;
  }
  .candidates-details-right .content-profile .content-profile-img img {
    margin-bottom: 10px;
    max-width: 70px;
  }
  .candidates-details-right .content-profile .title h3 {
    font-size: 20px;
  }
  .candidates-details-right .content-profile .title img {
    margin-left: 10px;
    max-width: 28px;
  }
  .candidates-details-right .content-info {
    padding: 25px 15px 20px;
  }
  .candidates-details-right .content-info h3 {
    margin-bottom: 10px;
  }
  .candidates-details-right .content-info ul li span {
    font-size: 15px;
  }
  .candidates-details-right .content-info ul li a {
    font-size: 16px;
  }
  .content-widget-right {
    padding: 25px 15px 20px;
  }
  .content-widget-right h3 {
    margin-bottom: 10px;
  }
  .content-widget-right .download-btn {
    padding: 10px;
    font-size: 15px;
  }
  .candidates-details-content {
    padding: 25px 15px;
  }
  .candidates-details-content .content {
    padding-bottom: 20px;
  }
  .candidates-details-content
    .candidates-details-experience
    .experience-card
    .experience-list
    li {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .candidates-details-content
    .candidates-details-experience
    .experience-card
    .experience-list
    li:last-child {
    margin-bottom: 0;
  }
  .candidates-details-content .candidates-skill {
    padding-bottom: 20px;
  }
  .candidates-details-content .candidates-skill .candidates-skill-tag li a {
    padding: 6px 20px;
  }
  .candidates-details-content
    .candidates-education
    .education-card
    .experience-list
    li {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .candidates-details-content
    .candidates-education
    .education-card
    .experience-list
    li:last-child {
    margin-bottom: 0;
  }
  .other-candidates-list {
    padding: 25px 13px;
  }
  .other-candidates-list ul li {
    padding-left: 0;
  }
  .other-candidates-list ul li .profile {
    position: inherit;
    margin-bottom: 10px;
  }
  .pricing-wraps .pricing-table {
    text-align: center;
  }
  .pricing-wraps .pricing-table table thead tr th {
    padding: 10px 20px;
    white-space: nowrap;
  }
  .pricing-wraps .pricing-table table thead tr th:first-child {
    padding-left: 0;
  }
  .pricing-wraps .pricing-table table thead tr th.pricing-name {
    font-size: 24px;
  }
  .pricing-wraps .pricing-table table thead tr th.pricing-name span {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table thead tr td {
    white-space: nowrap;
  }
  .pricing-wraps .pricing-table table thead tr td:first-child {
    padding-left: 0;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-name-list1 a {
    font-size: 18px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-name-list2 a {
    font-size: 18px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-name-list3
    .unit-amount {
    font-size: 18px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list1 a {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 a {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 .icon {
    font-size: 16px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list2
    .price-btn {
    padding: 7px 13px;
    font-size: 14px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list3
    .unit-amount {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .icon {
    font-size: 16px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list3
    .price-btn {
    padding: 7px 13px;
    font-size: 14px;
  }
  .pricing-content ul li.title {
    margin-left: 25px;
  }
  .pricing-card {
    border-radius: 10px;
    padding: 25px 15px;
  }
  .pricing-card .pricing-title {
    margin-bottom: 15px;
  }
  .pricing-card .pricing-title h2 {
    font-size: 20px;
  }
  .pricing-card h3 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .pricing-card h3 span {
    font-size: 15px;
  }
  .pricing-card ul li {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .pricing-card .price-btn-area {
    margin-top: 20px;
  }
  .pricing-card .price-btn-area .price-btn {
    padding: 10px 20px;
    font-size: 14px;
  }
  .career-content {
    margin-bottom: 23px;
  }
  .career-content ul li {
    margin-bottom: 0;
  }
  .career-content ul li:last-child {
    margin-bottom: 0;
  }
  .career-content ul li.title {
    margin-left: 25px;
    display: inline-block;
  }
  .blog-card .blog-img .tag {
    padding: 6px 14px;
    font-size: 12px;
    left: 10px;
  }
  .blog-card .content {
    padding-left: 10px;
  }
  .blog-card .content ul li {
    font-size: 14px;
  }
  .blog-card .content h3 {
    font-size: 22px;
  }
  .contact-info-item {
    padding: 25px 15px;
    margin-top: 0;
  }
  .contact-info-item i {
    position: inherit;
    top: 0;
    left: 0;
    width: 50px;
    height: 75px;
    line-height: 75px;
    font-size: 24px;
    margin-bottom: 10px;
    display: inline-block;
  }
  .employers-cv-content h2 {
    font-size: 34px;
  }
  .footer-widget h3 {
    font-size: 20px;
  }
  .footer-widget .footer-list li {
    font-size: 15px;
  }
  .footer-widget .footer-contact-list li {
    font-size: 15px;
  }
  .footer-widget .footer-contact-list li i {
    font-size: 17px;
  }
  .go-top {
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 32px;
  }
  .go-top .active {
    top: 85%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  /* Navbar Area */
  /* Navbar Area End */
  /* Browse Jobs CSS */
  /* Browse Jobs CSS End */
  /* Find Jobs Area CSS */
  /* Find Jobs Area CSS End */
  /* Find Jobs Area CSS */
  /* Find Jobs Area CSS End */
  /* Testimonials Area CSS */
  /* Testimonials Area CSS End */
  /* Freelancers Area CSS */
  /* Freelancers Area CSS End */
  /* Recent Job Area CSS */
  /* Recent Job Area CSS End */
  /* Pricing Area */
  /* Pricing Area End */
  .desktop-nav .navbar .navbar-nav .nav-item a {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 15px;
  }
  .others-options .optional-item {
    margin-right: 15px;
  }
  .others-options .optional-item .default-btn {
    padding: 10px 20px;
  }
  .others-options .optional-item .search-btn {
    margin-left: 15px;
  }
  .banner-content h1 {
    font-size: 60px;
  }
  .banner-content-two h1 {
    font-size: 50px;
  }
  .banner-content-two .popular-searches-tag {
    font-size: 15px;
  }
  .banner-content-two .popular-searches-tag .title {
    margin-right: 10px;
  }
  .banner-content-two .popular-searches-tag a {
    font-size: 14px;
  }
  .banner-form {
    padding: 10px;
  }
  .banner-form .form-group {
    padding-right: 7px;
  }
  .banner-form .form-group i {
    font-size: 17px;
  }
  .banner-form .form-group .form-control {
    font-size: 14px;
    padding: 10px 1px 10px 20px;
  }
  .banner-form .form-group .form-control.form-select {
    padding: 15px 20px 15px 0;
  }
  .banner-form .submit-btn {
    padding: 13px 20px;
    font-size: 14px;
  }
  .banner-img .banner-img-shape .shape2 {
    top: 19%;
    left: -85px;
  }
  .banner-img .banner-img-shape .shape2 img {
    max-width: 80px;
  }
  .banner-img .banner-img-shape .shape4 {
    top: -15px;
    left: 50px;
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
  .banner-img .banner-img-shape .shape4 img {
    width: 40px;
  }
  .banner-img .banner-img-shape .shape5 {
    top: 10%;
    right: 20px;
  }
  .banner-img .banner-img-shape .shape5 img {
    max-width: 60px;
  }
  .banner-form-two {
    max-width: 665px;
    margin-right: -25px;
    z-index: 22;
    position: relative;
  }
  .banner-form-two .form-group i {
    font-size: 17px;
  }
  .banner-form-two .form-group .form-control {
    font-size: 14px;
    padding: 10px 1px 10px 20px;
  }
  .banner-form-two .form-group .form-control.form-select {
    padding: 15px 20px 15px 0;
  }
  .banner-form-two .submit-btn {
    padding: 10px 20px;
  }
  .banner-content-three {
    position: relative;
  }
  .banner-content-three h1 {
    font-size: 50px;
  }
  .banner-three-other .other-content3 {
    bottom: -45px;
    left: 0%;
  }
  .banner-three-other .other-content3 img {
    max-width: 115px;
  }
  .banner-three-other .other-content8 {
    top: -30px;
  }
  .banner-three-other .other-content9 {
    bottom: -95px;
    right: 0;
  }
  .banner-three-other .other-content9 img {
    max-width: 165px;
  }
  .banner-three-other .other-content9 .other-into-content img {
    max-width: 40px;
  }
  .banner-three-other .other-content10 {
    bottom: -190px;
    right: 0;
  }
  .banner-three-other .other-content10 img {
    width: 35px;
  }
  .browse-jobs-card {
    padding: 20px 10px 20px 70px;
  }
  .browse-jobs-card .icon {
    left: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
  }
  .browse-jobs-card h3 {
    font-size: 19px;
  }
  .browse-jobs-card .more-btn {
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
  }
  .browse-jobs-list h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .browse-jobs-list h3 i {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin-right: 5px;
  }
  .browse-jobs-item {
    padding: 25px 10px 25px 75px;
  }
  .browse-jobs-item i {
    left: 15px;
    width: 50px;
    font-size: 24px;
  }
  .browse-jobs-item h3 {
    font-size: 18px;
  }
  .company-card {
    padding: 25px 15px 25px 79px;
  }
  .company-card img {
    left: 15px;
    max-width: 55px;
  }
  .company-card h3 {
    font-size: 20px;
  }
  .find-jobs-card {
    padding: 20px 15px;
  }
  .find-jobs-card .content .content-list li {
    padding: 6px 16px;
    font-size: 12px;
    margin-right: 5px;
  }
  .find-jobs-card .content h3 {
    font-size: 22px;
  }
  .find-jobs-card .content .content-list2 li.list-one {
    font-size: 17px;
    margin-right: 10px;
  }
  .find-jobs-card .content .content-list2 li.list-two {
    font-size: 15px;
  }
  .find-jobs-card .content .content-list3 li {
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .find-jobs-card .content .content-list3 li b {
    font-size: 16px;
  }
  .find-jobs-card .content .content-list3 li:last-child {
    margin-right: 0;
  }
  .find-jobs-card {
    padding: 20px 15px;
  }
  .find-jobs-card .content .content-list li {
    padding: 6px 16px;
    font-size: 12px;
    margin-right: 5px;
  }
  .find-jobs-card .content h3 {
    font-size: 22px;
  }
  .find-jobs-card .content .content-list2 li.list-one {
    font-size: 17px;
    margin-right: 10px;
  }
  .find-jobs-card .content .content-list2 li.list-two {
    font-size: 15px;
  }
  .find-jobs-card .content .content-list3 li {
    margin-right: 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .find-jobs-card .content .content-list3 li b {
    font-size: 16px;
  }
  .find-jobs-card .content .content-list3 li:last-child {
    margin-right: 0;
  }
  .job-listing-right ul li.icon {
    font-size: 18px;
  }
  .job-listing-right ul li.tag {
    padding: 6px 12px;
    font-size: 12px;
  }
  .job-listing-right ul li.tag i {
    font-size: 16px;
    top: 5px;
  }
  .job-listing-form .form-group .form-control {
    font-size: 14px;
    padding: 10px 10px 10px 27px;
  }
  .job-post-card-ml h3 {
    font-size: 20px;
  }
  .job-post-card-ml .content {
    display: block;
  }
  .job-post-card-ml .content .content-item .content-list li {
    margin-right: 10px;
    font-size: 15px;
    margin-bottom: 12px;
  }
  .job-post-card-ml .content .content-item .content-list li b {
    font-size: 17px;
  }
  .job-post-card-ml .content .content-item .content-list li:last-child {
    margin-right: 0;
  }
  .job-post-card-ml .content .content-item span {
    margin-left: 20px;
    font-size: 17px;
  }
  .job-post-card-ml .content .content-item span b {
    font-size: 14px;
  }
  .job-post-card-ml .content .content-list2 li {
    padding: 5px 14px;
    font-size: 13px;
  }
  .job-listing-topper .job-listing-category .form-group .form-control {
    font-size: 14px;
  }
  .candidates-topper .candidates-category-form .form-group .form-control {
    font-size: 14px;
  }
  .testimonials-widget-item .content-img .line1 {
    width: 8px;
    height: 20px;
  }
  .testimonials-widget-item .content-img .line2 {
    width: 8px;
    height: 20px;
  }
  .testimonials-widget-item p {
    font-size: 16px;
    margin-top: 25px;
    max-width: 650px;
  }
  .testimonials-item .content .line1 {
    width: 8px;
    height: 20px;
  }
  .testimonials-item .content .line2 {
    width: 8px;
    height: 20px;
  }
  .testimonials-item p {
    font-size: 17px;
    margin-top: 25px;
    margin-bottom: 15px;
  }
  .testimonials-item .rating {
    font-size: 16px;
  }
  .other-candidates-list {
    padding: 25px 13px;
  }
  .other-candidates-list ul li {
    padding-left: 70px;
  }
  .other-candidates-list ul li .profile img {
    max-width: 60px;
  }
  .other-candidates-list ul li .sub-title h3 {
    font-size: 17px;
  }
  .other-candidates-list ul li .sub-title img {
    margin-left: 5px;
  }
  .freelancers-card {
    padding: 20px 10px;
  }
  .freelancers-card .title h3 {
    font-size: 20px;
  }
  .freelancers-card .title img {
    margin-left: 10px;
  }
  .freelancers-card p {
    margin-bottom: 10px;
  }
  .freelancers-card .rating i {
    font-size: 15px;
  }
  .freelancers-card .sub-title .sub-title1 {
    font-size: 15px;
  }
  .freelancers-card .sub-title .sub-title1 b {
    font-size: 16px;
  }
  .freelancers-card .sub-title .sub-title2 {
    font-size: 15px;
    margin-left: 12px;
  }
  .freelancers-card .sub-title .sub-title2 b {
    font-size: 16px;
  }
  .recent-job-item h3 {
    font-size: 18px;
  }
  .recent-job-item .job-list1 li {
    font-size: 15px;
  }
  .recent-job-item .bookmark-btn {
    top: 55px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .recent-job-card {
    padding: 25px 15px;
  }
  .recent-job-card .content h3 {
    font-size: 20px;
  }
  .recent-job-card .content .job-list1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .recent-job-card .content .job-list1 li {
    margin-right: 70px;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .recent-job-card .content span {
    font-size: 15px;
  }
  .recent-job-card .job-sub-content .job-list2 li {
    padding: 5px 14px;
    font-size: 12px;
    margin-right: 10px;
  }
  .recent-job-card .job-sub-content .price {
    font-size: 16px;
  }
  .recent-job-card .job-sub-content .price b {
    font-size: 14px;
  }
  .recent-job-card .bookmark-btn {
    top: 20px;
  }
  .recent-job-card .download-btn {
    margin-top: 15px;
    position: inherit;
    bottom: 0;
    left: 0;
    padding: 8px 20px;
    font-size: 14px;
  }
  .job-details-widget-side .job-details-widget {
    padding: 20px 15px;
    border-radius: 10px;
  }
  .job-details-widget-side .job-details-widget .title {
    font-size: 20px;
  }
  .job-details-widget-side .job-details-widget .bar {
    margin-bottom: 15px;
  }
  .job-details-widget-side .job-details-widget .job-details-category li {
    font-size: 15px;
  }
  .job-details-widget-side .job-details-widget .job-details-social {
    margin: 10px 0 0;
  }
  .job-details-widget-side .job-details-widget .job-details-social span {
    font-size: 15px;
    margin-bottom: 0;
  }
  .job-details-widget-side
    .job-details-widget
    .job-details-social
    .social-icon
    li {
    margin-right: 5px;
  }
  .job-details-widget-side
    .job-details-widget
    .job-details-social
    .social-icon
    li
    a
    i {
    font-size: 16px;
  }
  .pricing-wraps .pricing-table {
    text-align: center;
  }
  .pricing-wraps .pricing-table table thead tr th {
    padding: 10px 20px;
    white-space: nowrap;
  }
  .pricing-wraps .pricing-table table thead tr th:first-child {
    padding-left: 0;
  }
  .pricing-wraps .pricing-table table thead tr th.pricing-name {
    font-size: 24px;
  }
  .pricing-wraps .pricing-table table thead tr th.pricing-name span {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table thead tr td {
    white-space: nowrap;
  }
  .pricing-wraps .pricing-table table thead tr td:first-child {
    padding-left: 0;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-name-list1 a {
    font-size: 18px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-name-list2 a {
    font-size: 18px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-name-list3
    .unit-amount {
    font-size: 18px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list1 a {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 a {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list2 .icon {
    font-size: 16px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list2
    .price-btn {
    padding: 7px 13px;
    font-size: 14px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list3
    .unit-amount {
    font-size: 15px;
  }
  .pricing-wraps .pricing-table table tbody tr td.pricing-body-list3 .icon {
    font-size: 16px;
  }
  .pricing-wraps
    .pricing-table
    table
    tbody
    tr
    td.pricing-body-list3
    .price-btn {
    padding: 7px 13px;
    font-size: 14px;
  }
  .pricing-content ul li.title {
    margin-left: 25px;
  }
  .blog-card .blog-img .tag {
    left: 10px;
  }
  .blog-card .content {
    padding-left: 10px;
  }
  .blog-card .content h3 {
    font-size: 22px;
  }
  .contact-info-item {
    padding: 25px 10px 25px 75px;
  }
  .contact-info-item i {
    top: 17px;
    left: 12px;
    width: 50px;
    height: 75px;
    line-height: 75px;
    font-size: 24px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1350px) {
  .banner-content-two h1 {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1499px) {
  .recent-job-card-pt {
    padding: 25px 15px;
  }
  .recent-job-card-pt .content h3 {
    font-size: 20px;
  }
  .recent-job-card-pt .content .job-list1 {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .recent-job-card-pt .content .job-list1 li {
    margin-right: 70px;
    font-size: 15px;
    margin-bottom: 10px;
  }
  .recent-job-card-pt .content span {
    font-size: 15px;
  }
  .recent-job-card-pt .job-sub-content .job-list2 li {
    padding: 5px 14px;
    font-size: 12px;
    margin-right: 10px;
  }
  .recent-job-card-pt .job-sub-content .price {
    font-size: 16px;
  }
  .recent-job-card-pt .job-sub-content .price b {
    font-size: 14px;
  }
  .recent-job-card-pt .bookmark-btn {
    top: 20px;
  }
  .recent-job-card-pt .download-btn {
    bottom: 60px;
    right: 15px;
    padding: 8px 20px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1300px) {
  .container {
    max-width: 1320px !important;
  }
  .container-fluid {
    max-width: 1320px !important;
  }
}
@media only screen and (min-width: 1350px) and (max-width: 1469px) {
  .container-fluid {
    max-width: 1360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media only screen and (min-width: 1470px) and (max-width: 1799px) {
  .container-fluid {
    max-width: 1460px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .banner-img img {
    max-width: 100%;
  }
  .banner-img .banner-img-shape .shape2 {
    top: 25%;
    left: -135px;
  }
}
@media only screen and (min-width: 1800px) {
  .container-fluid {
    max-width: 1720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .banner-img img {
    max-width: 100%;
  }
  .banner-shape .shape-in-one img {
    max-width: 100%;
  }
  .banner-shape .shape-in-two img {
    max-width: 100%;
  }
  .banner-three-other .other-content1 {
    left: -7%;
  }
  .banner-three-other .other-content2 {
    left: -12%;
  }
  .banner-three-other .other-content4 {
    left: -5%;
  }
  .banner-three-other .other-content5 {
    left: -30%;
  }
  .banner-three-other .other-content8 {
    top: -5px;
    right: 3%;
  }
  .banner-three-other .other-content9 {
    right: 0;
  }
}
@media only screen and (max-width: 991px) {
  /* Single Content */
  /* Single Content End */
  .nav-sidebar {
    display: none;
  }
  .mobile-nav {
    display: inline-block;
  }
  .navbar-area {
    /* padding-top: 10px; */
    padding-bottom: 10px;
  }
  .navbar-area.is-sticky {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mobile-responsive-nav {
    display: block;
  }
  .mobile-responsive-nav .mobile-responsive-menu {
    position: relative;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {
    margin-top: 55px;
    background-color: #fff;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul {
    font-size: 15px;
    border: none !important;
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .mean-nav
    ul
    li
    a {
    color: #000;
    border-top-color: #dbeefd;
    text-transform: capitalize;
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .mean-nav
    ul
    li
    a
    i {
    display: none;
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .mean-nav
    ul
    li
    a.mean-expand {
    width: 50%;
    height: 28px;
    text-align: right;
    padding: 11px !important;
    background: transparent !important;
    border-left: none !important;
    border-bottom: none !important;
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .mean-nav
    ul
    li
    a.active {
    color: var(--mainColor);
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .mean-nav
    ul
    li
    li
    a {
    font-size: 15px;
  }
  .mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav {
    max-height: 64vh;
    overflow-y: scroll;
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .navbar-nav::-webkit-scrollbar {
    width: 7px;
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .navbar-nav::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .navbar-nav::-webkit-scrollbar-thumb {
    background: #888;
  }
  .mobile-responsive-nav
    .mobile-responsive-menu.mean-container
    .navbar-nav::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  .mobile-responsive-nav .mean-container .icon-ham.meanmenu-reveal {
    top: 10px;
    padding: 0;
    width: 35px;
    height: 30px;
    padding-top: 6px;
    color: var(--mainColor);
  }
  .mobile-responsive-nav .mean-container .icon-ham.meanmenu-reveal span {
    background: var(--mainColor);
    height: 4px;
    margin-top: -6px;
    border-radius: 3px;
    position: relative;
    top: 8px;
  }
  .mobile-responsive-nav .mean-container .mean-bar {
    background: transparent;
    position: absolute;
    z-index: 999;
    padding: 0;
  }
  .mobile-responsive-nav .others-options {
    display: none !important;
  }
  .mobile-responsive-nav .logo {
    position: relative;
  }
  .mobile-responsive-nav .logo .logo-two {
    display: none;
  }
  .desktop-nav {
    display: none;
  }
  .side-nav-responsive {
    display: block;
  }
  .employers-details-content h1 {
    font-size: 28px;
  }
  .employers-details-content h2 {
    font-size: 26px;
  }
  .employers-details-content h3 {
    font-size: 23px;
  }
  .employers-details-content h4 {
    font-size: 21px;
  }
  .employers-details-content h5 {
    font-size: 20px;
  }
  .employers-details-content .article-social-icon .social-icon li {
    margin-right: 5px;
  }
  .employers-details-content .article-social-icon .social-icon li.title {
    font-size: 16px;
  }
  .employers-details-content .article-social-icon .social-icon li a {
    display: inline-block;
    border: none;
  }
  .employers-details-content .article-social-icon .social-icon li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .company-details-content h1 {
    font-size: 28px;
  }
  .company-details-content h2 {
    font-size: 26px;
  }
  .company-details-content h3 {
    font-size: 23px;
  }
  .company-details-content h4 {
    font-size: 21px;
  }
  .company-details-content h5 {
    font-size: 20px;
  }
  .company-details-content .article-social-icon .social-icon li {
    margin-right: 5px;
  }
  .company-details-content .article-social-icon .social-icon li.title {
    font-size: 16px;
  }
  .company-details-content .article-social-icon .social-icon li a {
    display: inline-block;
    border: none;
  }
  .company-details-content .article-social-icon .social-icon li a i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
  }
  .single-content h1 {
    font-size: 28px;
  }
  .single-content h2 {
    font-size: 26px;
  }
  .single-content h3 {
    font-size: 23px;
  }
  .single-content h4 {
    font-size: 21px;
  }
  .single-content h5 {
    font-size: 20px;
  }
  .candidates-details-right .content-info {
    text-align: center;
  }
}

.title-one .line {
  height: 1px;
  background: #e5e5e5;
  flex: 1 1 auto !important;
}

.title-one h2 {
  color: #254035;
  margin: 0;
}
.ps-3 {
  padding-left: 1rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.mt-25 {
  margin-top: 25px;
}
.card-style-five::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #00bf58;
  left: 0;
  bottom: 0;
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
}
.card-style-five .numb {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #00bf58;
    color: #fff;
    font-size: 15px;
    line-height: normal;
    line-height: initial;
}.fw-500 {
    font-weight: 500;
}.text-lg {
    font-size: 22px;
}@font-face {
    font-family: gordita;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: gordita;
    font-weight: 400;
    font-style: normal
}

/*!
* Bootstrap  v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 25,135,84;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255,255,255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0,0,0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-color-rgb: 33,37,41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233,236,239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-color-rgb: 33,37,41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248,249,250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13,110,253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10,88,202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: .375rem;
    --bs-border-radius-sm: .25rem;
    --bs-border-radius-lg: .5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    --bs-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
    --bs-focus-ring-width: .25rem;
    --bs-focus-ring-opacity: .25;
    --bs-focus-ring-color: rgba(13, 110, 253, .25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222,226,230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33,37,41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255,255,255;
    --bs-secondary-color: rgba(222, 226, 230, .75);
    --bs-secondary-color-rgb: 222,226,230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52,58,64;
    --bs-tertiary-color: rgba(222, 226, 230, .5);
    --bs-tertiary-color-rgb: 222,226,230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43,48,53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110,168,254;
    --bs-link-hover-color-rgb: 139,185,254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, .15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f
}

*,:after,::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-family: var(--bs-body-font-family);
    font-size: 1rem;
    font-size: var(--bs-body-font-size);
    font-weight: 400;
    font-weight: var(--bs-body-font-weight);
    line-height: 1.5;
    line-height: var(--bs-body-line-height);
    color: #212529;
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: #fff;
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

hr {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: 1px solid;
    border-top: var(--bs-border-width) solid;
    opacity: .25
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    color: inherit;
    color: var(--bs-heading-color)
}

.h1,h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    .h1,h1 {
        font-size:2.5rem
    }
}

.h2,h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    .h2,h2 {
        font-size:2rem
    }
}

.h3,h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    .h3,h3 {
        font-size:21px
    }
}

.h4,h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    .h4,h4 {
        font-size:1.5rem
    }
}

.h5,h5 {
    font-size: 1.25rem
}

.h6,h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,ul {
    padding-left: 2rem
}

dl,ol,ul {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,ol ul,ul ol,ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: bolder
}

.small,small {
    font-size: .875em
}

.mark,mark {
    padding: .1875em;
    color: #212529;
    color: var(--bs-highlight-color);
    background-color: #fff3cd;
    background-color: var(--bs-highlight-bg)
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: rgba(13,110,253,1);
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: underline
}

a:hover {
    --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

a:not([href]):not([class]),a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

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

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: .875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: .875em;
    color: #d63384;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: .875em;
    color: #fff;
    color: var(--bs-body-bg);
    background-color: #212529;
    background-color: var(--bs-body-color);
    border-radius: .25rem
}

kbd kbd {
    padding: 0;
    font-size: 1em
}

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: rgba(33, 37, 41, .75);
    color: var(--bs-secondary-color);
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

tbody,td,tfoot,th,thead,tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none!important
}

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

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size:1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

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

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-1 {
        font-size:5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-2 {
        font-size:4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-3 {
        font-size:4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-4 {
        font-size:3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-5 {
        font-size:3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media (min-width: 1200px) {
    .display-6 {
        font-size:2.5rem
    }
}

.list-unstyled,.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: .875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    background-color: var(--bs-body-bg);
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: .375rem;
    border-radius: var(--bs-border-radius);
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: .875em;
    color: rgba(33, 37, 41, .75);
    color: var(--bs-secondary-color)
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container,.container-sm {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container,.container-md,.container-sm {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl {
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
        max-width:1320px
    }
}

:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,.gx-0 {
    --bs-gutter-x: 0
}

.g-0,.gy-0 {
    --bs-gutter-y: 0
}

.g-1,.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex:1 0
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,.gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,.gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,.gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,.gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,.gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,.gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,.gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,.gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,.gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,.gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,.gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,.gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex:1 0
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,.gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,.gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,.gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,.gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,.gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,.gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,.gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,.gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,.gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,.gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,.gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,.gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex:1 0
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,.gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,.gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,.gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,.gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,.gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,.gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,.gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,.gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,.gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,.gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,.gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,.gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex:1 0
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,.gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,.gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,.gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,.gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,.gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,.gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,.gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,.gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,.gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,.gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,.gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,.gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex:1 0
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,.gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,.gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,.gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,.gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,.gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,.gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,.gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,.gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,.gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,.gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,.gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,.gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), .05);
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), .1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), .075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
    padding: .5rem;
    color: var(--bs-table-color);
    color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: calc(1px * 2) solid currentcolor;
    border-top: calc(var(--bs-border-width) * 2) solid currentcolor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0;
    border-width: var(--bs-border-width) 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px;
    border-width: 0 var(--bs-border-width)
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
    --bs-table-color-type: var(--bs-table-striped-color);
    --bs-table-bg-type: var(--bs-table-striped-bg)
}

.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: var(--bs-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-color-state: var(--bs-table-hover-color);
    --bs-table-bg-state: var(--bs-table-hover-bg)
}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: #cfe2ff;
    --bs-table-border-color: #a6b5cc;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #000;
    --bs-table-bg: #e2e3e5;
    --bs-table-border-color: #b5b6b7;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #000;
    --bs-table-bg: #d1e7dd;
    --bs-table-border-color: #a7b9b1;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #000;
    --bs-table-bg: #cff4fc;
    --bs-table-border-color: #a6c3ca;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #000;
    --bs-table-bg: #fff3cd;
    --bs-table-border-color: #ccc2a4;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #000;
    --bs-table-bg: #f8d7da;
    --bs-table-border-color: #c6acae;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #000;
    --bs-table-bg: #f8f9fa;
    --bs-table-border-color: #c6c7c8;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #212529;
    --bs-table-border-color: #4d5154;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
    .pt-100 {
      padding-top: 40px !important;
  }
  
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(.375rem + 1px);
    padding-top: calc(.375rem + var(--bs-border-width));
    padding-bottom: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + var(--bs-border-width));
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(.5rem + 1px);
    padding-top: calc(.5rem + var(--bs-border-width));
    padding-bottom: calc(.5rem + 1px);
    padding-bottom: calc(.5rem + var(--bs-border-width));
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(.25rem + 1px);
    padding-top: calc(.25rem + var(--bs-border-width));
    padding-bottom: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + var(--bs-border-width));
    font-size: .875rem
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: rgba(33, 37, 41, .75);
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    color: var(--bs-body-color);
    appearance: none;
    background-color: #fff;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: .375rem;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    color: var(--bs-body-color);
    background-color: #fff;
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: rgba(33, 37, 41, .75);
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -.375rem -.75rem;
    margin-inline-end:.75rem;color: #212529;color: var(--bs-body-color);
    background-color: #f8f9fa;
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:1px;
    border-inline-end-width:var(--bs-border-width);border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

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

    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(1px * 2));
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(1px * 2));
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem;
    border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}

textarea.form-control {
    min-height: calc(1.5em + .75rem + calc(1px * 2));
    min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(1px * 2));
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(1px * 2));
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-control-color {
    width: 3rem;
    height: calc(1.5em + .75rem + calc(1px * 2));
    height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    border: 0!important;
    border-radius: .375rem;
    border-radius: var(--bs-border-radius)
}

.form-control-color::-webkit-color-swatch {
    border: 0!important;
    border-radius: .375rem;
    border-radius: var(--bs-border-radius)
}

.form-control-color.form-control-sm {
    height: calc(1.5em + .5rem + calc(1px * 2));
    height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))
}

.form-control-color.form-control-lg {
    height: calc(1.5em + 1rem + calc(1px * 2));
    height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    color: var(--bs-body-color);
    appearance: none;
    background-color: #fff;
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),none;
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: .375rem;
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-select[multiple],.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg)
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #212529;
    text-shadow: 0 0 0 var(--bs-body-color)
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: .875rem;
    border-radius: .25rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .5rem;
    border-radius: var(--bs-border-radius-lg)
}

[data-bs-theme=dark] .form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23dee2e6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e")
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-reverse {
    padding-right: 1.5em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0
}

.form-check-input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
    width: 2em;
    margin-left: -2.5em;
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none
}

.btn-check:disabled+.btn,.btn-check[disabled]+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%28255, 255, 255, 0.25%29%27/%3e%3c/svg%3e")
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    appearance: none;
    background-color: transparent
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff,0 0 0 .25rem #0d6efd40
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    appearance: none;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg);
    border-color: transparent;
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: rgba(33, 37, 41, .75);
    background-color: var(--bs-secondary-color)
}

.form-range:disabled::-moz-range-thumb {
    background-color: rgba(33, 37, 41, .75);
    background-color: var(--bs-secondary-color)
}

.form-floating {
    position: relative
}

.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select {
    height: calc(3.5rem + calc(1px * 2));
    height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    min-height: calc(3.5rem + calc(1px * 2));
    min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 1rem .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid transparent;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out,transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control,.form-floating>.form-control-plaintext {
    padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder {
    color: transparent
}

.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label {
    color: rgba(33,37,41,.65);
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label:after,.form-floating>.form-control:focus~label:after,.form-floating>.form-control:not(:placeholder-shown)~label:after,.form-floating>.form-select~label:after {
    position: absolute;
    top: 1rem;
    right: .375rem;
    bottom: 1rem;
    left: .375rem;
    z-index: -1;
    height: 1.5em;
    content: "";
    background-color: #fff;
    background-color: var(--bs-body-bg);
    border-radius: .375rem;
    border-radius: var(--bs-border-radius)
}

.form-floating>.form-control:-webkit-autofill~label {
    color: rgba(33,37,41,.65);
    color: rgba(var(--bs-body-color-rgb),.65);
    transform: scale(.85) translateY(-.5rem) translate(.15rem)
}

.form-floating>.form-control-plaintext~label {
    border-width: 1px 0;
    border-width: var(--bs-border-width) 0
}

.form-floating>.form-control:disabled~label,.form-floating>:disabled~label {
    color: #6c757d
}

.form-floating>.form-control:disabled~label:after,.form-floating>:disabled~label:after {
    background-color: #e9ecef;
    background-color: var(--bs-secondary-bg)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus {
    z-index: 5
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 5
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    color: var(--bs-body-color);
    text-align: center;
    white-space: nowrap;
    background-color: #f8f9fa;
    background-color: var(--bs-tertiary-bg);
    border: 1px solid #dee2e6;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: .375rem;
    border-radius: var(--bs-border-radius)
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .5rem;
    border-radius: var(--bs-border-radius-lg)
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    padding: .25rem .5rem;
    font-size: .875rem;
    border-radius: .25rem;
    border-radius: var(--bs-border-radius-sm)
}

.input-group-lg>.form-select,.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(1px * -1);
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #198754;
    color: var(--bs-form-valid-color)
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #198754;
    background-color: var(--bs-success);
    border-radius: .375rem;
    border-radius: var(--bs-border-radius)
}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip {
    display: block
}

.form-control.is-valid,.was-validated .form-control:valid {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color)
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color);
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-control-color.is-valid,.was-validated .form-control-color:valid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #198754;
    border-color: var(--bs-form-valid-border-color)
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #198754;
    background-color: var(--bs-form-valid-color)
}

.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #198754;
    color: var(--bs-form-valid-color)
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
    color: var(--bs-form-invalid-color)
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    color: #fff;
    background-color: #dc3545;
    background-color: var(--bs-danger);
    border-radius: .375rem;
    border-radius: var(--bs-border-radius)
}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip {
    display: block
}

.form-control.is-invalid,.was-validated .form-control:invalid {
    border-color: #dc3545
;
    border-color: var(--bs-form-invalid-border-color);
    padding-right: calc(1.5em + .75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #dc3545
;
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    padding-right: calc(1.5em + .75rem);
    background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #dc3545
;
    border-color: var(--bs-form-invalid-border-color)
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
    padding-right: 4.125rem;
    background-position: right .75rem center,center right 2.25rem;
    background-size: 16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #dc3545
;
    border-color: var(--bs-form-invalid-border-color);
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-control-color.is-invalid,.was-validated .form-control-color:invalid {
    width: calc(3.75rem + 1.5em)
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: #dc3545
;
    border-color: var(--bs-form-invalid-border-color)
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: #dc3545;
    background-color: var(--bs-form-invalid-color)
}

.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220,53,69,.25);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #dc3545;
    color: var(--bs-form-invalid-color)
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid {
    z-index: 4
}

.btn {
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .375rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.5;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: var(--bs-border-radius);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15),0 1px 1px rgba(0, 0, 0, .075);
    --bs-btn-disabled-opacity: .65;
    --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible+.btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.btn {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,.btn:disabled,fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754
}

.btn-info {
    --bs-btn-color: #000;
    --bs-btn-bg: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #31d2f2;
    --bs-btn-hover-border-color: #25cff2;
    --bs-btn-focus-shadow-rgb: 11,172,204;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #3dd5f3;
    --bs-btn-active-border-color: #25cff2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #0dcaf0;
    --bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
    --bs-btn-color: #000;
    --bs-btn-bg: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217,164,6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #ffc107;
    --bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225,83,97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545
}

.btn-light {
    --bs-btn-color: #000;
    --bs-btn-bg: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211,212,213;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f8f9fa;
    --bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #424649;
    --bs-btn-hover-border-color: #373b3e;
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4d5154;
    --bs-btn-active-border-color: #373b3e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #212529;
    --bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
    --bs-btn-color: #0d6efd;
    --bs-btn-border-color: #0d6efd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0d6efd;
    --bs-btn-hover-border-color: #0d6efd;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0d6efd;
    --bs-btn-active-border-color: #0d6efd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0d6efd;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0d6efd;
    --bs-gradient: none
}

.btn-outline-secondary {
    --bs-btn-color: #6c757d;
    --bs-btn-border-color: #6c757d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c757d;
    --bs-btn-hover-border-color: #6c757d;
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6c757d;
    --bs-btn-active-border-color: #6c757d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #6c757d;
    --bs-gradient: none
}

.btn-outline-success {
    --bs-btn-color: #198754;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #198754;
    --bs-btn-hover-border-color: #198754;
    --bs-btn-focus-shadow-rgb: 25,135,84;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #198754;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #198754;
    --bs-gradient: none
}

.btn-outline-info {
    --bs-btn-color: #0dcaf0;
    --bs-btn-border-color: #0dcaf0;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #0dcaf0;
    --bs-btn-hover-border-color: #0dcaf0;
    --bs-btn-focus-shadow-rgb: 13,202,240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #0dcaf0;
    --bs-btn-active-border-color: #0dcaf0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #0dcaf0;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0dcaf0;
    --bs-gradient: none
}

.btn-outline-warning {
    --bs-btn-color: #ffc107;
    --bs-btn-border-color: #ffc107;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffc107;
    --bs-btn-hover-border-color: #ffc107;
    --bs-btn-focus-shadow-rgb: 255,193,7;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffc107;
    --bs-btn-active-border-color: #ffc107;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #ffc107;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ffc107;
    --bs-gradient: none
}

.btn-outline-danger {
    --bs-btn-color: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dc3545;
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-focus-shadow-rgb: 220,53,69;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dc3545;
    --bs-btn-active-border-color: #dc3545;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #dc3545;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #dc3545;
    --bs-gradient: none
}

.btn-outline-light {
    --bs-btn-color: #f8f9fa;
    --bs-btn-border-color: #f8f9fa;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f8f9fa;
    --bs-btn-hover-border-color: #f8f9fa;
    --bs-btn-focus-shadow-rgb: 248,249,250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f8f9fa;
    --bs-btn-active-border-color: #f8f9fa;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #f8f9fa;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f8f9fa;
    --bs-gradient: none
}

.btn-outline-dark {
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,.btn-lg {
    --bs-btn-padding-y: .5rem;
    --bs-btn-padding-x: 1rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.btn-group-sm>.btn,.btn-sm {
    --bs-btn-padding-y: .25rem;
    --bs-btn-padding-x: .5rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.fade {
    transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

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

@media (prefers-reduced-motion:reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: .5rem;
    --bs-dropdown-spacer: .125rem;
    --bs-dropdown-font-size: 1rem;
    --bs-dropdown-color: var(--bs-body-color);
    --bs-dropdown-bg: var(--bs-body-bg);
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-border-radius: var(--bs-border-radius);
    --bs-dropdown-border-width: var(--bs-border-width);
    --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-divider-margin-y: .5rem;
    --bs-dropdown-box-shadow: var(--bs-box-shadow);
    --bs-dropdown-link-color: var(--bs-body-color);
    --bs-dropdown-link-hover-color: var(--bs-body-color);
    --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: .25rem;
    --bs-dropdown-header-color: #6c757d;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: .5rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media (min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position:start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-start {
        --bs-position:start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position:start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position:start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media (min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position:start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid transparent;
    border-bottom: .3em solid;
    border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropend .dropdown-toggle:after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle:after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid transparent;
    border-right: .3em solid;
    border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    border-radius: var(--bs-dropdown-item-border-radius,0)
}

.dropdown-item:focus,.dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,.dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: transparent
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: .875rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: #dee2e6;
    --bs-dropdown-bg: #343a40;
    --bs-dropdown-border-color: var(--bs-border-color-translucent);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: #dee2e6;
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, .15);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-active-bg: #0d6efd;
    --bs-dropdown-link-disabled-color: #adb5bd;
    --bs-dropdown-header-color: #adb5bd
}

.btn-group,.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group-vertical>.btn,.btn-group>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: .375rem;
    border-radius: var(--bs-border-radius)
}

.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn {
    margin-left: calc(1px * -1);
    margin-left: calc(var(--bs-border-width) * -1)
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split:after,.dropend .dropdown-toggle-split:after,.dropup .dropdown-toggle-split:after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child) {
    margin-top: calc(1px * -1);
    margin-top: calc(var(--bs-border-width) * -1)
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus,.nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 .25rem #0d6efd40
}

.nav-link.disabled,.nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: var(--bs-border-width);
    --bs-nav-tabs-border-color: var(--bs-border-color);
    --bs-nav-tabs-border-radius: var(--bs-border-radius);
    --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
    --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
    --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    border: var(--bs-nav-tabs-border-width) solid transparent;
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: var(--bs-border-radius);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-underline {
    --bs-nav-underline-gap: 1rem;
    --bs-nav-underline-border-width: .125rem;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: var(--bs-nav-underline-gap)
}

.nav-underline .nav-link {
    padding-right: 0;
    padding-left: 0;
    border-bottom: var(--bs-nav-underline-border-width) solid transparent
}

.nav-underline .nav-link:focus,.nav-underline .nav-link:hover {
    border-bottom-color: currentcolor
}

.nav-underline .nav-link.active,.nav-underline .show>.nav-link {
    font-weight: 700;
    color: var(--bs-nav-underline-link-active-color);
    border-bottom-color: currentcolor
}

.nav-fill .nav-item,.nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item,.nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: .5rem;
    --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), .65);
    --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), .8);
    --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), .3);
    --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-padding-y: .3125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.25rem;
    --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
    --bs-navbar-nav-link-padding-x: .5rem;
    --bs-navbar-toggler-padding-y: .25rem;
    --bs-navbar-toggler-padding-x: .75rem;
    --bs-navbar-toggler-font-size: 1.25rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%2833, 37, 41, 0.75%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), .15);
    --bs-navbar-toggler-border-radius: var(--bs-border-radius);
    --bs-navbar-toggler-focus-width: .25rem;
    --bs-navbar-toggler-transition: box-shadow .15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    text-decoration: none;
    white-space: nowrap
}

.navbar-brand:focus,.navbar-brand:hover {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link.active,.navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: var(--bs-navbar-color)
}

.navbar-text a,.navbar-text a:focus,.navbar-text a:hover {
    color: var(--bs-navbar-active-color)
}

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

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: 1px solid var(--bs-navbar-toggler-border-color);
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion:reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: 75vh;
    max-height: var(--bs-scroll-height,75vh);
    overflow-y: auto
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

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

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

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

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

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

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

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

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap:nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

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

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto!important;
        height: auto!important;
        visibility: visible!important;
        background-color: transparent!important;
        border: 0!important;
        transform: none!important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

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

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto!important;
    height: auto!important;
    visibility: visible!important;
    background-color: transparent!important;
    border: 0!important;
    transform: none!important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-dark,.navbar[data-bs-theme=dark] {
    --bs-navbar-color: rgba(255, 255, 255, .55);
    --bs-navbar-hover-color: rgba(255, 255, 255, .75);
    --bs-navbar-disabled-color: rgba(255, 255, 255, .25);
    --bs-navbar-active-color: #fff;
    --bs-navbar-brand-color: #fff;
    --bs-navbar-brand-hover-color: #fff;
    --bs-navbar-toggler-border-color: rgba(255, 255, 255, .1);
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

[data-bs-theme=dark] .navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.55%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e")
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: .5rem;
    --bs-card-title-color: ;
    --bs-card-subtitle-color: ;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow: ;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: .5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), .03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: .75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: #212529;
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color)
}

.card-subtitle {
    margin-top: calc(-.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0;
    color: var(--bs-card-subtitle-color)
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom,.card-img-top {
    width: 100%
}

.card-img,.card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,.card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
    margin-bottom: var(--bs-card-group-margin)
}

@media (min-width: 576px) {
    .card-group {
        display:flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: var(--bs-body-bg);
    --bs-accordion-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
    --bs-accordion-border-color: var(--bs-border-color);
    --bs-accordion-border-width: var(--bs-border-width);
    --bs-accordion-border-radius: var(--bs-border-radius);
    --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 1rem;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23212529%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform .2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27none%27 stroke=%27%23052c65%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3e%3cpath d=%27M2 5L8 11L14 5%27/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 1rem;
    --bs-accordion-active-color: var(--bs-primary-text-emphasis);
    --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button:after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type>.accordion-header .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type>.accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush>.accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush>.accordion-item:first-child {
    border-top: 0
}

.accordion-flush>.accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
    border-radius: 0
}

.accordion-flush>.accordion-item>.accordion-collapse {
    border-radius: 0
}

[data-bs-theme=dark] .accordion-button:after {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%236ea8fe%27%3e%3cpath fill-rule=%27evenodd%27 d=%27M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: var(--bs-secondary-color);
    --bs-breadcrumb-item-padding-x: .5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: "/";
    content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: .75rem;
    --bs-pagination-padding-y: .375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: var(--bs-body-bg);
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: var(--bs-border-color);
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0d6efd;
    --bs-pagination-active-border-color: #0d6efd;
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    text-decoration: none;
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,.page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,.page-link.disabled {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: calc(1px * -1);
    margin-left: calc(var(--bs-border-width) * -1)
}

.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius);
    border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 1.5rem;
    --bs-pagination-padding-y: .75rem;
    --bs-pagination-font-size: 1.25rem;
    --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.pagination-sm {
    --bs-pagination-padding-x: .5rem;
    --bs-pagination-padding-y: .25rem;
    --bs-pagination-font-size: .875rem;
    --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.badge {
    --bs-badge-padding-x: .65em;
    --bs-badge-padding-y: .35em;
    --bs-badge-font-size: .75em;
    --bs-badge-font-weight: 700;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: var(--bs-border-radius);
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 1rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700;
    color: var(--bs-alert-link-color)
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-bg: var(--bs-primary-bg-subtle);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.alert-secondary {
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-bg: var(--bs-secondary-bg-subtle);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.alert-danger {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress,.progress-stacked {
    --bs-progress-height: 1rem;
    --bs-progress-font-size: .75rem;
    --bs-progress-bg: var(--bs-secondary-bg);
    --bs-progress-border-radius: var(--bs-border-radius);
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #0d6efd;
    --bs-progress-bar-transition: width .6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-stacked>.progress {
    overflow: visible
}

.progress-stacked>.progress>.progress-bar {
    width: 100%
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: var(--bs-body-color);
    --bs-list-group-bg: var(--bs-body-bg);
    --bs-list-group-border-color: var(--bs-border-color);
    --bs-list-group-border-width: var(--bs-border-width);
    --bs-list-group-border-radius: var(--bs-border-radius);
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: .5rem;
    --bs-list-group-action-color: var(--bs-secondary-color);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
    --bs-list-group-action-active-color: var(--bs-body-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-bg);
    --bs-list-group-disabled-color: var(--bs-secondary-color);
    --bs-list-group-disabled-bg: var(--bs-body-bg);
    --bs-list-group-active-color: #fff;
    --bs-list-group-active-bg: #0d6efd;
    --bs-list-group-active-border-color: #0d6efd;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>.list-group-item::before {
    content: counters(section,".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:focus,.list-group-item-action:hover {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    text-decoration: none;
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,.list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
}

@media (min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction:row
    }

    .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction:row
    }

    .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction:row
    }

    .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction:row
    }

    .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

@media (min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction:row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    --bs-list-group-color: var(--bs-primary-text-emphasis);
    --bs-list-group-bg: var(--bs-primary-bg-subtle);
    --bs-list-group-border-color: var(--bs-primary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
    --bs-list-group-active-color: var(--bs-primary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.list-group-item-secondary {
    --bs-list-group-color: var(--bs-secondary-text-emphasis);
    --bs-list-group-bg: var(--bs-secondary-bg-subtle);
    --bs-list-group-border-color: var(--bs-secondary-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
    --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
    --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.list-group-item-success {
    --bs-list-group-color: var(--bs-success-text-emphasis);
    --bs-list-group-bg: var(--bs-success-bg-subtle);
    --bs-list-group-border-color: var(--bs-success-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
    --bs-list-group-active-color: var(--bs-success-bg-subtle);
    --bs-list-group-active-bg: var(--bs-success-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.list-group-item-info {
    --bs-list-group-color: var(--bs-info-text-emphasis);
    --bs-list-group-bg: var(--bs-info-bg-subtle);
    --bs-list-group-border-color: var(--bs-info-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
    --bs-list-group-active-color: var(--bs-info-bg-subtle);
    --bs-list-group-active-bg: var(--bs-info-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.list-group-item-warning {
    --bs-list-group-color: var(--bs-warning-text-emphasis);
    --bs-list-group-bg: var(--bs-warning-bg-subtle);
    --bs-list-group-border-color: var(--bs-warning-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
    --bs-list-group-active-color: var(--bs-warning-bg-subtle);
    --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.list-group-item-danger {
    --bs-list-group-color: var(--bs-danger-text-emphasis);
    --bs-list-group-bg: var(--bs-danger-bg-subtle);
    --bs-list-group-border-color: var(--bs-danger-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
    --bs-list-group-active-color: var(--bs-danger-bg-subtle);
    --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.list-group-item-light {
    --bs-list-group-color: var(--bs-light-text-emphasis);
    --bs-list-group-bg: var(--bs-light-bg-subtle);
    --bs-list-group-border-color: var(--bs-light-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
    --bs-list-group-active-color: var(--bs-light-bg-subtle);
    --bs-list-group-active-bg: var(--bs-light-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.list-group-item-dark {
    --bs-list-group-color: var(--bs-dark-text-emphasis);
    --bs-list-group-bg: var(--bs-dark-bg-subtle);
    --bs-list-group-border-color: var(--bs-dark-border-subtle);
    --bs-list-group-action-hover-color: var(--bs-emphasis-color);
    --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
    --bs-list-group-action-active-color: var(--bs-emphasis-color);
    --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
    --bs-list-group-active-color: var(--bs-dark-bg-subtle);
    --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
    --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z%27/%3e%3c/svg%3e");
    --bs-btn-close-opacity: .5;
    --bs-btn-close-hover-opacity: .75;
    --bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: .25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white,[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: .75rem;
    --bs-toast-padding-y: .5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: .875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), .85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), .85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1rem;
    --bs-modal-margin: .5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: var(--bs-border-width);
    --bs-modal-border-radius: var(--bs-border-radius-lg);
    --bs-modal-box-shadow: var(--bs-box-shadow-sm);
    --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
    --bs-modal-header-padding-x: 1rem;
    --bs-modal-header-padding-y: 1rem;
    --bs-modal-header-padding: 1rem 1rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: var(--bs-border-width);
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: .5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: var(--bs-border-width);
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

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

@media (prefers-reduced-motion:reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

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

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

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

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

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

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1050;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: .5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin:1.75rem;
        --bs-modal-box-shadow: var(--bs-box-shadow)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

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

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        --bs-modal-width:800px
    }
}

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

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

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

.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header {
    border-radius: 0
}

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

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

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

    .modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

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

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

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

    .modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

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

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

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

    .modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

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

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

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

    .modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

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

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

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

    .modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

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

.tooltip {
    --bs-tooltip-zindex: 1080;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: .5rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: .875rem;
    --bs-tooltip-color: var(--bs-body-bg);
    --bs-tooltip-bg: var(--bs-emphasis-color);
    --bs-tooltip-border-radius: var(--bs-border-radius);
    --bs-tooltip-opacity: .9;
    --bs-tooltip-arrow-width: .8rem;
    --bs-tooltip-arrow-height: .4rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    margin: var(--bs-tooltip-margin);
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    left: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: calc(-1 * var(--bs-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    right: calc(-1 * var(--bs-tooltip-arrow-height));
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1070;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: .875rem;
    --bs-popover-bg: var(--bs-body-bg);
    --bs-popover-border-width: var(--bs-border-width);
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: var(--bs-border-radius-lg);
    --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
    --bs-popover-box-shadow: var(--bs-box-shadow);
    --bs-popover-header-padding-x: 1rem;
    --bs-popover-header-padding-y: .5rem;
    --bs-popover-header-font-size: 1rem;
    --bs-popover-header-color: inherit;
    --bs-popover-header-bg: var(--bs-secondary-bg);
    --bs-popover-body-padding-x: 1rem;
    --bs-popover-body-padding-y: 1rem;
    --bs-popover-body-color: var(--bs-body-color);
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: .5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow:after,.popover .popover-arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow:after,.bs-popover-top>.popover-arrow::before {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow:after,.bs-popover-end>.popover-arrow::before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow:after,.bs-popover-bottom>.popover-arrow::before {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow:after,.bs-popover-start>.popover-arrow::before {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner:after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item-next,.carousel-item-prev,.carousel-item.active {
    display: block
}

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
    transform: translate(100%)
}

.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
    transform: translate(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z%27/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23fff%27%3e%3cpath d=%27M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z%27/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
    background-color: #000
}

[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption {
    color: #000
}

.spinner-border,.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-border-width: .25em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -.125em;
    --bs-spinner-animation-speed: .75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

.spinner-grow-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl {
    --bs-offcanvas-zindex: 1045;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1rem;
    --bs-offcanvas-padding-y: 1rem;
    --bs-offcanvas-color: var(--bs-body-color);
    --bs-offcanvas-bg: var(--bs-body-bg);
    --bs-offcanvas-border-width: var(--bs-border-width);
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
    --bs-offcanvas-transition: transform .3s ease-in-out;
    --bs-offcanvas-title-line-height: 1.5
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 575.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-sm {
        transition:none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing {
        transform: none
    }

    .offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing {
        visibility: visible
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 767.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-md {
        transition:none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-md.show:not(.hiding),.offcanvas-md.showing {
        transform: none
    }

    .offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 991.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-lg {
        transition:none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing {
        transform: none
    }

    .offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing {
        visibility: visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 1199.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xl {
        transition:none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing {
        transform: none
    }

    .offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position:fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: var(--bs-offcanvas-transition)
    }
}

@media (max-width: 1399.98px) and (prefers-reduced-motion:reduce) {
    .offcanvas-xxl {
        transition:none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top:0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(-100%)
    }

    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translate(100%)
    }

    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }

    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }

    .offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing {
        transform: none
    }

    .offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing {
        visibility: visible
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height:auto;
        --bs-offcanvas-border-width: 0;
        background-color: transparent!important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: transparent!important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition)
}

@media (prefers-reduced-motion:reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translate(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.show:not(.hiding),.offcanvas.showing {
    transform: none
}

.offcanvas.hiding,.offcanvas.show,.offcanvas.showing {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: var(--bs-offcanvas-title-line-height)
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentcolor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
    mask-image: linear-gradient(130deg,#000 55%,#000c,#000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix:after {
    display: block;
    clear: both;
    content: ""
}

.text-bg-primary {
    color: #fff!important;
    background-color: RGBA(13,110,253,1)!important;
    background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-secondary {
    color: #fff!important;
    background-color: RGBA(108,117,125,1)!important;
    background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-success {
    color: #fff!important;
    background-color: RGBA(25,135,84,1)!important;
    background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-info {
    color: #000!important;
    background-color: RGBA(13,202,240,1)!important;
    background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-warning {
    color: #000!important;
    background-color: RGBA(255,193,7,1)!important;
    background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-danger {
    color: #fff!important;
    background-color: RGBA(220,53,69,1)!important;
    background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-light {
    color: #000!important;
    background-color: RGBA(248,249,250,1)!important;
    background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important
}

.text-bg-dark {
    color: #fff!important;
    background-color: RGBA(33,37,41,1)!important;
    background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important
}

.link-primary {
    color: RGBA(13,110,253,1)!important;
    color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(13,110,253,1)!important;
    text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-primary:focus,.link-primary:hover {
    color: RGBA(10,88,202,1)!important;
    color: RGBA(10,88,202,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(10,88,202,1)!important;
    text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important
}

.link-secondary {
    color: RGBA(108,117,125,1)!important;
    color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(108,117,125,1)!important;
    text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-secondary:focus,.link-secondary:hover {
    color: RGBA(86,94,100,1)!important;
    color: RGBA(86,94,100,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(86,94,100,1)!important;
    text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important
}

.link-success {
    color: RGBA(25,135,84,1)!important;
    color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(25,135,84,1)!important;
    text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-success:focus,.link-success:hover {
    color: RGBA(20,108,67,1)!important;
    color: RGBA(20,108,67,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(20,108,67,1)!important;
    text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important
}

.link-info {
    color: RGBA(13,202,240,1)!important;
    color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(13,202,240,1)!important;
    text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-info:focus,.link-info:hover {
    color: RGBA(61,213,243,1)!important;
    color: RGBA(61,213,243,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(61,213,243,1)!important;
    text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important
}

.link-warning {
    color: RGBA(255,193,7,1)!important;
    color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(255,193,7,1)!important;
    text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-warning:focus,.link-warning:hover {
    color: RGBA(255,205,57,1)!important;
    color: RGBA(255,205,57,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(255,205,57,1)!important;
    text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important
}

.link-danger {
    color: RGBA(220,53,69,1)!important;
    color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(220,53,69,1)!important;
    text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-danger:focus,.link-danger:hover {
    color: RGBA(176,42,55,1)!important;
    color: RGBA(176,42,55,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(176,42,55,1)!important;
    text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important
}

.link-light {
    color: RGBA(248,249,250,1)!important;
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(248,249,250,1)!important;
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-light:focus,.link-light:hover {
    color: RGBA(249,250,251,1)!important;
    color: RGBA(249,250,251,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(249,250,251,1)!important;
    text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important
}

.link-dark {
    color: RGBA(33,37,41,1)!important;
    color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(33,37,41,1)!important;
    text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-dark:focus,.link-dark:hover {
    color: RGBA(26,30,33,1)!important;
    color: RGBA(26,30,33,var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(26,30,33,1)!important;
    text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis {
    color: RGBA(0,0,0,1)!important;
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
    text-decoration-color: RGBA(0,0,0,1)!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-body-emphasis:focus,.link-body-emphasis:hover {
    color: RGBA(0,0,0,.75)!important;
    color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
    text-decoration-color: RGBA(0,0,0,.75)!important;
    text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important
}

.focus-ring:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)
}

.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    text-decoration-color: rgba(13,110,253,.5);
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
    text-underline-offset: .25em;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi {
    transform: translate3d(.25em,0,0);
    transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important
}

.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption) {
    position: absolute!important
}

.stretched-link:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

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

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    width: var(--bs-border-width);
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline!important
}

.align-top {
    vertical-align: top!important
}

.align-middle {
    vertical-align: middle!important
}

.align-bottom {
    vertical-align: bottom!important
}

.align-text-bottom {
    vertical-align: text-bottom!important
}

.align-text-top {
    vertical-align: text-top!important
}

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.object-fit-contain {
    object-fit: contain!important
}

.object-fit-cover {
    object-fit: cover!important
}

.object-fit-fill {
    object-fit: fill!important
}

.object-fit-scale {
    object-fit: scale-down!important
}

.object-fit-none {
    object-fit: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.overflow-x-auto {
    overflow-x: auto!important
}

.overflow-x-hidden {
    overflow-x: hidden!important
}

.overflow-x-visible {
    overflow-x: visible!important
}

.overflow-x-scroll {
    overflow-x: scroll!important
}

.overflow-y-auto {
    overflow-y: auto!important
}

.overflow-y-hidden {
    overflow-y: hidden!important
}

.overflow-y-visible {
    overflow-y: visible!important
}

.overflow-y-scroll {
    overflow-y: scroll!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-inline-grid {
    display: inline-grid!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important;
    box-shadow: var(--bs-box-shadow)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important;
    box-shadow: var(--bs-box-shadow-sm)!important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important;
    box-shadow: var(--bs-box-shadow-lg)!important
}

.shadow-none {
    box-shadow: none!important
}

.focus-ring-primary {
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-secondary {
    --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-success {
    --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-info {
    --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-warning {
    --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-danger {
    --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-light {
    --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))
}

.focus-ring-dark {
    --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translate(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #dee2e6!important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-0 {
    border: 0!important
}

.border-top {
    border-top: 1px solid #dee2e6!important;
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-top-0 {
    border-top: 0!important
}

.border-end {
    border-right: 1px solid #dee2e6!important;
    border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-end-0 {
    border-right: 0!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important;
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-bottom-0 {
    border-bottom: 0!important
}

.border-start {
    border-left: 1px solid #dee2e6!important;
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.border-start-0 {
    border-left: 0!important
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(13,110,253,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.border-secondary {
    --bs-border-opacity: 1;
    border-color: rgba(108,117,125,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.border-success {
    --bs-border-opacity: 1;
    border-color: rgba(25,135,84,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.border-info {
    --bs-border-opacity: 1;
    border-color: rgba(13,202,240,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.border-warning {
    --bs-border-opacity: 1;
    border-color: rgba(255,193,7,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.border-danger {
    --bs-border-opacity: 1;
    border-color: rgba(220,53,69,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.border-light {
    --bs-border-opacity: 1;
    border-color: rgba(248,249,250,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.border-dark {
    --bs-border-opacity: 1;
    border-color: rgba(33,37,41,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.border-black {
    --bs-border-opacity: 1;
    border-color: rgba(0,0,0,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
}

.border-white {
    --bs-border-opacity: 1;
    border-color: rgba(255,255,255,var(--bs-border-opacity))!important;
    border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.border-primary-subtle {
    border-color: #9ec5fe!important;
    border-color: var(--bs-primary-border-subtle)!important
}

.border-secondary-subtle {
    border-color: #c4c8cb!important;
    border-color: var(--bs-secondary-border-subtle)!important
}

.border-success-subtle {
    border-color: #a3cfbb!important;
    border-color: var(--bs-success-border-subtle)!important
}

.border-info-subtle {
    border-color: #9eeaf9!important;
    border-color: var(--bs-info-border-subtle)!important
}

.border-warning-subtle {
    border-color: #ffe69c!important;
    border-color: var(--bs-warning-border-subtle)!important
}

.border-danger-subtle {
    border-color: #f1aeb5!important;
    border-color: var(--bs-danger-border-subtle)!important
}

.border-light-subtle {
    border-color: #e9ecef!important;
    border-color: var(--bs-light-border-subtle)!important
}

.border-dark-subtle {
    border-color: #adb5bd!important;
    border-color: var(--bs-dark-border-subtle)!important
}

.border-1 {
    border-width: 1px!important
}

.border-2 {
    border-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

.border-opacity-10 {
    --bs-border-opacity: .1
}

.border-opacity-25 {
    --bs-border-opacity: .25
}

.border-opacity-50 {
    --bs-border-opacity: .5
}

.border-opacity-75 {
    --bs-border-opacity: .75
}

.border-opacity-100 {
    --bs-border-opacity: 1
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.w-auto {
    width: auto!important
}

.mw-100 {
    max-width: 100%!important
}

.vw-100 {
    width: 100vw!important
}

.min-vw-100 {
    min-width: 100vw!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.h-auto {
    height: auto!important
}

.mh-100 {
    max-height: 100%!important
}

.vh-100 {
    height: 100vh!important
}

.min-vh-100 {
    min-height: 100vh!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-row {
    flex-direction: row!important
}

.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

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

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

.justify-content-center {
    justify-content: center!important
}

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

.justify-content-around {
    justify-content: space-around!important
}

.justify-content-evenly {
    justify-content: space-evenly!important
}

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

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

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

.order-first {
    order: -1!important
}

.order-0 {
    order: 0!important
}

.order-1 {
    order: 1!important
}

.order-2 {
    order: 2!important
}

.order-3 {
    order: 3!important
}

.order-4 {
    order: 4!important
}

.order-5 {
    order: 5!important
}

.order-last {
    order: 6!important
}

.m-0 {
    margin: 0!important
}

.m-1 {
    margin: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important
}

.mx-1 {
    margin-right: .25rem!important;
    margin-left: .25rem!important
}

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

.mx-3 {
    margin-right: 1rem!important;
    margin-left: 1rem!important
}

.mx-4 {
    margin-right: 1.5rem!important;
    margin-left: 1.5rem!important
}

.mx-5 {
    margin-right: 3rem!important;
    margin-left: 3rem!important
}

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

.my-0 {
    margin-top: 0!important;
    margin-bottom: 0!important
}

.my-1 {
    margin-top: .25rem!important;
    margin-bottom: .25rem!important
}

.my-2 {
    margin-top: .5rem!important;
    margin-bottom: .5rem!important
}

.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important
}

.my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important
}

.my-5 {
    margin-top: 3rem!important;
    margin-bottom: 3rem!important
}

.my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.mt-0 {
    margin-top: 0!important
}

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

.mt-2 {
    margin-top: .5rem!important
}

.mt-3 {
    margin-top: 1rem!important
}

.mt-4 {
    margin-top: 1.5rem!important
}

.mt-5 {
    margin-top: 3rem!important
}

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-1 {
    margin-right: .25rem!important
}

.me-2 {
    margin-right: .5rem!important
}

.me-3 {
    margin-right: 1rem!important
}

.me-4 {
    margin-right: 1.5rem!important
}

.me-5 {
    margin-right: 3rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-1 {
    margin-bottom: .25rem!important
}

.mb-2 {
    margin-bottom: .5rem!important
}

.mb-3 {
    margin-bottom: 1rem!important
}

.mb-4 {
    margin-bottom: 1.5rem!important
}

.mb-5 {
    margin-bottom: 3rem!important
}

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-1 {
    margin-left: .25rem!important
}

.ms-2 {
    margin-left: .5rem!important
}

.ms-3 {
    margin-left: 1rem!important
}

.ms-4 {
    margin-left: 1.5rem!important
}

.ms-5 {
    margin-left: 3rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

.p-1 {
    padding: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.px-0 {
    padding-right: 0!important;
    padding-left: 0!important
}

.px-1 {
    padding-right: .25rem!important;
    padding-left: .25rem!important
}

.px-2 {
    padding-right: .5rem!important;
    padding-left: .5rem!important
}

.px-3 {
    padding-right: 1rem!important;
    padding-left: 1rem!important
}

.px-4 {
    padding-right: 1.5rem!important;
    padding-left: 1.5rem!important
}

.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important
}

.py-0 {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.py-1 {
    padding-top: .25rem!important;
    padding-bottom: .25rem!important
}

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

.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important
}

.py-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important
}

.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important
}

.pt-0 {
    padding-top: 0!important
}

.pt-1 {
    padding-top: .25rem!important
}

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

.pt-3 {
    padding-top: 1rem!important
}

.pt-4 {
    padding-top: 1.5rem!important
}

.pt-5 {
    padding-top: 3rem!important
}

.pe-0 {
    padding-right: 0!important
}

.pe-1 {
    padding-right: .25rem!important
}

.pe-2 {
    padding-right: .5rem!important
}

.pe-3 {
    padding-right: 1rem!important
}

.pe-4 {
    padding-right: 1.5rem!important
}

.pe-5 {
    padding-right: 3rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-1 {
    padding-bottom: .25rem!important
}

.pb-2 {
    padding-bottom: .5rem!important
}

.pb-3 {
    padding-bottom: 1rem!important
}

.pb-4 {
    padding-bottom: 1.5rem!important
}

.pb-5 {
    padding-bottom: 3rem!important
}

.ps-0 {
    padding-left: 0!important
}

.ps-1 {
    padding-left: .25rem!important
}

.ps-2 {
    padding-left: .5rem!important
}

.ps-3 {
    padding-left: 1rem!important
}

.ps-4 {
    padding-left: 1.5rem!important
}

.ps-5 {
    padding-left: 3rem!important
}

.gap-0 {
    gap: 0!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-3 {
    gap: 1rem!important
}

.gap-4 {
    gap: 1.5rem!important
}

.gap-5 {
    gap: 3rem!important
}

.row-gap-0 {
    row-gap: 0!important
}

.row-gap-1 {
    row-gap: .25rem!important
}

.row-gap-2 {
    row-gap: .5rem!important
}

.row-gap-3 {
    row-gap: 1rem!important
}

.row-gap-4 {
    row-gap: 1.5rem!important
}

.row-gap-5 {
    row-gap: 3rem!important
}

.column-gap-0 {
    column-gap: 0!important
}

.column-gap-1 {
    column-gap: .25rem!important
}

.column-gap-2 {
    column-gap: .5rem!important
}

.column-gap-3 {
    column-gap: 1rem!important
}

.column-gap-4 {
    column-gap: 1.5rem!important
}

.column-gap-5 {
    column-gap: 3rem!important
}

.font-monospace {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important;
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw)!important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw)!important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-5 {
    font-size: 1.25rem!important
}

.fs-6 {
    font-size: 1rem!important
}

.fst-italic {
    font-style: italic!important
}

.fst-normal {
    font-style: normal!important
}

.fw-lighter {
    font-weight: lighter!important
}

.fw-light {
    font-weight: 300!important
}

.fw-normal {
    font-weight: 400!important
}

.fw-medium {
    font-weight: 500!important
}

.fw-semibold {
    font-weight: 600!important
}

.fw-bold {
    font-weight: 700!important
}

.fw-bolder {
    font-weight: bolder!important
}

.lh-1 {
    line-height: 1!important
}

.lh-sm {
    line-height: 1.25!important
}

.lh-base {
    line-height: 1.5!important
}

.lh-lg {
    line-height: 2!important
}

.text-start {
    text-align: left!important
}

.text-end {
    text-align: right!important
}

.text-center {
    text-align: center!important
}

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(13,110,253,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(108,117,125,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(25,135,84,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(13,202,240,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(255,193,7,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(220,53,69,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(248,249,250,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(33,37,41,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(0,0,0,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(255,255,255,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(33,37,41,var(--bs-text-opacity))!important;
    color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, .75)!important;
    color: var(--bs-secondary-color)!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: #00000080!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: #ffffff80!important
}

.text-body-secondary {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, .75)!important;
    color: var(--bs-secondary-color)!important
}

.text-body-tertiary {
    --bs-text-opacity: 1;
    color: rgba(33, 37, 41, .5)!important;
    color: var(--bs-tertiary-color)!important
}

.text-body-emphasis {
    --bs-text-opacity: 1;
    color: #000!important;
    color: var(--bs-emphasis-color)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: .25
}

.text-opacity-50 {
    --bs-text-opacity: .5
}

.text-opacity-75 {
    --bs-text-opacity: .75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.text-primary-emphasis {
    color: #052c65!important;
    color: var(--bs-primary-text-emphasis)!important
}

.text-secondary-emphasis {
    color: #2b2f32!important;
    color: var(--bs-secondary-text-emphasis)!important
}

.text-success-emphasis {
    color: #0a3622!important;
    color: var(--bs-success-text-emphasis)!important
}

.text-info-emphasis {
    color: #055160!important;
    color: var(--bs-info-text-emphasis)!important
}

.text-warning-emphasis {
    color: #664d03!important;
    color: var(--bs-warning-text-emphasis)!important
}

.text-danger-emphasis {
    color: #58151c!important;
    color: var(--bs-danger-text-emphasis)!important
}

.text-light-emphasis {
    color: #495057!important;
    color: var(--bs-light-text-emphasis)!important
}

.text-dark-emphasis {
    color: #495057!important;
    color: var(--bs-dark-text-emphasis)!important
}

.link-opacity-10,.link-opacity-10-hover:hover {
    --bs-link-opacity: .1
}

.link-opacity-25,.link-opacity-25-hover:hover {
    --bs-link-opacity: .25
}

.link-opacity-50,.link-opacity-50-hover:hover {
    --bs-link-opacity: .5
}

.link-opacity-75,.link-opacity-75-hover:hover {
    --bs-link-opacity: .75
}

.link-opacity-100,.link-opacity-100-hover:hover {
    --bs-link-opacity: 1
}

.link-offset-1,.link-offset-1-hover:hover {
    text-underline-offset: .125em!important
}

.link-offset-2,.link-offset-2-hover:hover {
    text-underline-offset: .25em!important
}

.link-offset-3,.link-offset-3-hover:hover {
    text-underline-offset: .375em!important
}

.link-underline-primary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(13,110,253,var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-secondary {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(108,117,125,var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-success {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(25,135,84,var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-info {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(13,202,240,var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-warning {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(255,193,7,var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-danger {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(220,53,69,var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-light {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(248,249,250,var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline-dark {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(33,37,41,var(--bs-link-underline-opacity))!important;
    text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}

.link-underline {
    --bs-link-underline-opacity: 1;
    text-decoration-color: rgba(13,110,253,1)!important;
    text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.link-underline-opacity-0,.link-underline-opacity-0-hover:hover {
    --bs-link-underline-opacity: 0
}

.link-underline-opacity-10,.link-underline-opacity-10-hover:hover {
    --bs-link-underline-opacity: .1
}

.link-underline-opacity-25,.link-underline-opacity-25-hover:hover {
    --bs-link-underline-opacity: .25
}

.link-underline-opacity-50,.link-underline-opacity-50-hover:hover {
    --bs-link-underline-opacity: .5
}

.link-underline-opacity-75,.link-underline-opacity-75-hover:hover {
    --bs-link-underline-opacity: .75
}

.link-underline-opacity-100,.link-underline-opacity-100-hover:hover {
    --bs-link-underline-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(13,110,253,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(108,117,125,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(25,135,84,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(13,202,240,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(255,193,7,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(220,53,69,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(248,249,250,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(33,37,41,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(233,236,239,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba(248,249,250,var(--bs-bg-opacity))!important;
    background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}

.bg-opacity-10 {
    --bs-bg-opacity: .1
}

.bg-opacity-25 {
    --bs-bg-opacity: .25
}

.bg-opacity-50 {
    --bs-bg-opacity: .5
}

.bg-opacity-75 {
    --bs-bg-opacity: .75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-primary-subtle {
    background-color: #cfe2ff!important;
    background-color: var(--bs-primary-bg-subtle)!important
}

.bg-secondary-subtle {
    background-color: #e2e3e5!important;
    background-color: var(--bs-secondary-bg-subtle)!important
}

.bg-success-subtle {
    background-color: #d1e7dd!important;
    background-color: var(--bs-success-bg-subtle)!important
}

.bg-info-subtle {
    background-color: #cff4fc!important;
    background-color: var(--bs-info-bg-subtle)!important
}

.bg-warning-subtle {
    background-color: #fff3cd!important;
    background-color: var(--bs-warning-bg-subtle)!important
}

.bg-danger-subtle {
    background-color: #f8d7da!important;
    background-color: var(--bs-danger-bg-subtle)!important
}

.bg-light-subtle {
    background-color: #fcfcfd!important;
    background-color: var(--bs-light-bg-subtle)!important
}

.bg-dark-subtle {
    background-color: #ced4da!important;
    background-color: var(--bs-dark-bg-subtle)!important
}

.bg-gradient {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0))!important;
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .375rem!important;
    border-radius: var(--bs-border-radius)!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .25rem!important;
    border-radius: var(--bs-border-radius-sm)!important
}

.rounded-2 {
    border-radius: .375rem!important;
    border-radius: var(--bs-border-radius)!important
}

.rounded-3 {
    border-radius: .5rem!important;
    border-radius: var(--bs-border-radius-lg)!important
}

.rounded-4 {
    border-radius: 1rem!important;
    border-radius: var(--bs-border-radius-xl)!important
}

.rounded-5 {
    border-radius: 2rem!important;
    border-radius: var(--bs-border-radius-xxl)!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important;
    border-radius: var(--bs-border-radius-pill)!important
}

.rounded-top {
    border-top-left-radius: .375rem!important;
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: .375rem!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-0 {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important
}

.rounded-top-1 {
    border-top-left-radius: .25rem!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important;
    border-top-right-radius: .25rem!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-top-2 {
    border-top-left-radius: .375rem!important;
    border-top-left-radius: var(--bs-border-radius)!important;
    border-top-right-radius: .375rem!important;
    border-top-right-radius: var(--bs-border-radius)!important
}

.rounded-top-3 {
    border-top-left-radius: .5rem!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important;
    border-top-right-radius: .5rem!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-top-4 {
    border-top-left-radius: 1rem!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important;
    border-top-right-radius: 1rem!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-top-5 {
    border-top-left-radius: 2rem!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-right-radius: 2rem!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-top-circle {
    border-top-left-radius: 50%!important;
    border-top-right-radius: 50%!important
}

.rounded-top-pill {
    border-top-left-radius: 50rem!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important;
    border-top-right-radius: 50rem!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-end {
    border-top-right-radius: .375rem!important;
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: .375rem!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.rounded-end-1 {
    border-top-right-radius: .25rem!important;
    border-top-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-right-radius: .25rem!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important
}

.rounded-end-2 {
    border-top-right-radius: .375rem!important;
    border-top-right-radius: var(--bs-border-radius)!important;
    border-bottom-right-radius: .375rem!important;
    border-bottom-right-radius: var(--bs-border-radius)!important
}

.rounded-end-3 {
    border-top-right-radius: .5rem!important;
    border-top-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-right-radius: .5rem!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important
}

.rounded-end-4 {
    border-top-right-radius: 1rem!important;
    border-top-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-right-radius: 1rem!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important
}

.rounded-end-5 {
    border-top-right-radius: 2rem!important;
    border-top-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-right-radius: 2rem!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important
}

.rounded-end-circle {
    border-top-right-radius: 50%!important;
    border-bottom-right-radius: 50%!important
}

.rounded-end-pill {
    border-top-right-radius: 50rem!important;
    border-top-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-right-radius: 50rem!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important
}

.rounded-bottom {
    border-bottom-right-radius: .375rem!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: .375rem!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-0 {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important
}

.rounded-bottom-1 {
    border-bottom-right-radius: .25rem!important;
    border-bottom-right-radius: var(--bs-border-radius-sm)!important;
    border-bottom-left-radius: .25rem!important;
    border-bottom-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-bottom-2 {
    border-bottom-right-radius: .375rem!important;
    border-bottom-right-radius: var(--bs-border-radius)!important;
    border-bottom-left-radius: .375rem!important;
    border-bottom-left-radius: var(--bs-border-radius)!important
}

.rounded-bottom-3 {
    border-bottom-right-radius: .5rem!important;
    border-bottom-right-radius: var(--bs-border-radius-lg)!important;
    border-bottom-left-radius: .5rem!important;
    border-bottom-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-bottom-4 {
    border-bottom-right-radius: 1rem!important;
    border-bottom-right-radius: var(--bs-border-radius-xl)!important;
    border-bottom-left-radius: 1rem!important;
    border-bottom-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-bottom-5 {
    border-bottom-right-radius: 2rem!important;
    border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
    border-bottom-left-radius: 2rem!important;
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-bottom-circle {
    border-bottom-right-radius: 50%!important;
    border-bottom-left-radius: 50%!important
}

.rounded-bottom-pill {
    border-bottom-right-radius: 50rem!important;
    border-bottom-right-radius: var(--bs-border-radius-pill)!important;
    border-bottom-left-radius: 50rem!important;
    border-bottom-left-radius: var(--bs-border-radius-pill)!important
}

.rounded-start {
    border-bottom-left-radius: .375rem!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: .375rem!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-0 {
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important
}

.rounded-start-1 {
    border-bottom-left-radius: .25rem!important;
    border-bottom-left-radius: var(--bs-border-radius-sm)!important;
    border-top-left-radius: .25rem!important;
    border-top-left-radius: var(--bs-border-radius-sm)!important
}

.rounded-start-2 {
    border-bottom-left-radius: .375rem!important;
    border-bottom-left-radius: var(--bs-border-radius)!important;
    border-top-left-radius: .375rem!important;
    border-top-left-radius: var(--bs-border-radius)!important
}

.rounded-start-3 {
    border-bottom-left-radius: .5rem!important;
    border-bottom-left-radius: var(--bs-border-radius-lg)!important;
    border-top-left-radius: .5rem!important;
    border-top-left-radius: var(--bs-border-radius-lg)!important
}

.rounded-start-4 {
    border-bottom-left-radius: 1rem!important;
    border-bottom-left-radius: var(--bs-border-radius-xl)!important;
    border-top-left-radius: 1rem!important;
    border-top-left-radius: var(--bs-border-radius-xl)!important
}

.rounded-start-5 {
    border-bottom-left-radius: 2rem!important;
    border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
    border-top-left-radius: 2rem!important;
    border-top-left-radius: var(--bs-border-radius-xxl)!important
}

.rounded-start-circle {
    border-bottom-left-radius: 50%!important;
    border-top-left-radius: 50%!important
}

.rounded-start-pill {
    border-bottom-left-radius: 50rem!important;
    border-bottom-left-radius: var(--bs-border-radius-pill)!important;
    border-top-left-radius: 50rem!important;
    border-top-left-radius: var(--bs-border-radius-pill)!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.z-n1 {
    z-index: -1!important
}

.z-0 {
    z-index: 0!important
}

.z-1 {
    z-index: 1!important
}

.z-2 {
    z-index: 2!important
}

.z-3 {
    z-index: 3!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .object-fit-sm-contain {
        object-fit: contain!important
    }

    .object-fit-sm-cover {
        object-fit: cover!important
    }

    .object-fit-sm-fill {
        object-fit: fill!important
    }

    .object-fit-sm-scale {
        object-fit: scale-down!important
    }

    .object-fit-sm-none {
        object-fit: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-inline-grid {
        display: inline-grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }

    .order-sm-first {
        order: -1!important
    }

    .order-sm-0 {
        order: 0!important
    }

    .order-sm-1 {
        order: 1!important
    }

    .order-sm-2 {
        order: 2!important
    }

    .order-sm-3 {
        order: 3!important
    }

    .order-sm-4 {
        order: 4!important
    }

    .order-sm-5 {
        order: 5!important
    }

    .order-sm-last {
        order: 6!important
    }

    .m-sm-0 {
        margin: 0!important
    }

    .m-sm-1 {
        margin: .25rem!important
    }

    .m-sm-2 {
        margin: .5rem!important
    }

    .m-sm-3 {
        margin: 1rem!important
    }

    .m-sm-4 {
        margin: 1.5rem!important
    }

    .m-sm-5 {
        margin: 3rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-sm-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-sm-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-sm-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-sm-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-sm-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-sm-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-sm-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-sm-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-sm-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-sm-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-sm-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-sm-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-sm-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-1 {
        margin-top: .25rem!important
    }

    .mt-sm-2 {
        margin-top: .5rem!important
    }

    .mt-sm-3 {
        margin-top: 1rem!important
    }

    .mt-sm-4 {
        margin-top: 1.5rem!important
    }

    .mt-sm-5 {
        margin-top: 3rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-1 {
        margin-right: .25rem!important
    }

    .me-sm-2 {
        margin-right: .5rem!important
    }

    .me-sm-3 {
        margin-right: 1rem!important
    }

    .me-sm-4 {
        margin-right: 1.5rem!important
    }

    .me-sm-5 {
        margin-right: 3rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-1 {
        margin-bottom: .25rem!important
    }

    .mb-sm-2 {
        margin-bottom: .5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 1rem!important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 3rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-1 {
        margin-left: .25rem!important
    }

    .ms-sm-2 {
        margin-left: .5rem!important
    }

    .ms-sm-3 {
        margin-left: 1rem!important
    }

    .ms-sm-4 {
        margin-left: 1.5rem!important
    }

    .ms-sm-5 {
        margin-left: 3rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-1 {
        padding: .25rem!important
    }

    .p-sm-2 {
        padding: .5rem!important
    }

    .p-sm-3 {
        padding: 1rem!important
    }

    .p-sm-4 {
        padding: 1.5rem!important
    }

    .p-sm-5 {
        padding: 3rem!important
    }

    .px-sm-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-sm-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-sm-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-sm-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-sm-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-sm-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-sm-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-sm-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

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

    .py-sm-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-sm-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-sm-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-1 {
        padding-top: .25rem!important
    }

    .pt-sm-2 {
        padding-top: .5rem!important
    }

    .pt-sm-3 {
        padding-top: 1rem!important
    }

    .pt-sm-4 {
        padding-top: 1.5rem!important
    }

    .pt-sm-5 {
        padding-top: 3rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-1 {
        padding-right: .25rem!important
    }

    .pe-sm-2 {
        padding-right: .5rem!important
    }

    .pe-sm-3 {
        padding-right: 1rem!important
    }

    .pe-sm-4 {
        padding-right: 1.5rem!important
    }

    .pe-sm-5 {
        padding-right: 3rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-1 {
        padding-bottom: .25rem!important
    }

    .pb-sm-2 {
        padding-bottom: .5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 1rem!important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 3rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-1 {
        padding-left: .25rem!important
    }

    .ps-sm-2 {
        padding-left: .5rem!important
    }

    .ps-sm-3 {
        padding-left: 1rem!important
    }

    .ps-sm-4 {
        padding-left: 1.5rem!important
    }

    .ps-sm-5 {
        padding-left: 3rem!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-1 {
        gap: .25rem!important
    }

    .gap-sm-2 {
        gap: .5rem!important
    }

    .gap-sm-3 {
        gap: 1rem!important
    }

    .gap-sm-4 {
        gap: 1.5rem!important
    }

    .gap-sm-5 {
        gap: 3rem!important
    }

    .row-gap-sm-0 {
        row-gap: 0!important
    }

    .row-gap-sm-1 {
        row-gap: .25rem!important
    }

    .row-gap-sm-2 {
        row-gap: .5rem!important
    }

    .row-gap-sm-3 {
        row-gap: 1rem!important
    }

    .row-gap-sm-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-sm-5 {
        row-gap: 3rem!important
    }

    .column-gap-sm-0 {
        column-gap: 0!important
    }

    .column-gap-sm-1 {
        column-gap: .25rem!important
    }

    .column-gap-sm-2 {
        column-gap: .5rem!important
    }

    .column-gap-sm-3 {
        column-gap: 1rem!important
    }

    .column-gap-sm-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-sm-5 {
        column-gap: 3rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .object-fit-md-contain {
        object-fit: contain!important
    }

    .object-fit-md-cover {
        object-fit: cover!important
    }

    .object-fit-md-fill {
        object-fit: fill!important
    }

    .object-fit-md-scale {
        object-fit: scale-down!important
    }

    .object-fit-md-none {
        object-fit: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-inline-grid {
        display: inline-grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }

    .order-md-first {
        order: -1!important
    }

    .order-md-0 {
        order: 0!important
    }

    .order-md-1 {
        order: 1!important
    }

    .order-md-2 {
        order: 2!important
    }

    .order-md-3 {
        order: 3!important
    }

    .order-md-4 {
        order: 4!important
    }

    .order-md-5 {
        order: 5!important
    }

    .order-md-last {
        order: 6!important
    }

    .m-md-0 {
        margin: 0!important
    }

    .m-md-1 {
        margin: .25rem!important
    }

    .m-md-2 {
        margin: .5rem!important
    }

    .m-md-3 {
        margin: 1rem!important
    }

    .m-md-4 {
        margin: 1.5rem!important
    }

    .m-md-5 {
        margin: 3rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-md-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-md-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-md-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-md-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-md-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-md-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-md-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-md-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-md-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-md-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-md-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-md-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-md-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-1 {
        margin-top: .25rem!important
    }

    .mt-md-2 {
        margin-top: .5rem!important
    }

    .mt-md-3 {
        margin-top: 1rem!important
    }

    .mt-md-4 {
        margin-top: 1.5rem!important
    }

    .mt-md-5 {
        margin-top: 3rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-1 {
        margin-right: .25rem!important
    }

    .me-md-2 {
        margin-right: .5rem!important
    }

    .me-md-3 {
        margin-right: 1rem!important
    }

    .me-md-4 {
        margin-right: 1.5rem!important
    }

    .me-md-5 {
        margin-right: 3rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-1 {
        margin-bottom: .25rem!important
    }

    .mb-md-2 {
        margin-bottom: .5rem!important
    }

    .mb-md-3 {
        margin-bottom: 1rem!important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 3rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-1 {
        margin-left: .25rem!important
    }

    .ms-md-2 {
        margin-left: .5rem!important
    }

    .ms-md-3 {
        margin-left: 1rem!important
    }

    .ms-md-4 {
        margin-left: 1.5rem!important
    }

    .ms-md-5 {
        margin-left: 3rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-1 {
        padding: .25rem!important
    }

    .p-md-2 {
        padding: .5rem!important
    }

    .p-md-3 {
        padding: 1rem!important
    }

    .p-md-4 {
        padding: 1.5rem!important
    }

    .p-md-5 {
        padding: 3rem!important
    }

    .px-md-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-md-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-md-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-md-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-md-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-md-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

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

    .py-md-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

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

    .py-md-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-md-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-md-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-1 {
        padding-top: .25rem!important
    }

    .pt-md-2 {
        padding-top: .5rem!important
    }

    .pt-md-3 {
        padding-top: 1rem!important
    }

    .pt-md-4 {
        padding-top: 1.5rem!important
    }

    .pt-md-5 {
        padding-top: 3rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-1 {
        padding-right: .25rem!important
    }

    .pe-md-2 {
        padding-right: .5rem!important
    }

    .pe-md-3 {
        padding-right: 1rem!important
    }

    .pe-md-4 {
        padding-right: 1.5rem!important
    }

    .pe-md-5 {
        padding-right: 3rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-1 {
        padding-bottom: .25rem!important
    }

    .pb-md-2 {
        padding-bottom: .5rem!important
    }

    .pb-md-3 {
        padding-bottom: 1rem!important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 3rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-1 {
        padding-left: .25rem!important
    }

    .ps-md-2 {
        padding-left: .5rem!important
    }

    .ps-md-3 {
        padding-left: 1rem!important
    }

    .ps-md-4 {
        padding-left: 1.5rem!important
    }

    .ps-md-5 {
        padding-left: 3rem!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-1 {
        gap: .25rem!important
    }

    .gap-md-2 {
        gap: .5rem!important
    }

    .gap-md-3 {
        gap: 1rem!important
    }

    .gap-md-4 {
        gap: 1.5rem!important
    }

    .gap-md-5 {
        gap: 3rem!important
    }

    .row-gap-md-0 {
        row-gap: 0!important
    }

    .row-gap-md-1 {
        row-gap: .25rem!important
    }

    .row-gap-md-2 {
        row-gap: .5rem!important
    }

    .row-gap-md-3 {
        row-gap: 1rem!important
    }

    .row-gap-md-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-md-5 {
        row-gap: 3rem!important
    }

    .column-gap-md-0 {
        column-gap: 0!important
    }

    .column-gap-md-1 {
        column-gap: .25rem!important
    }

    .column-gap-md-2 {
        column-gap: .5rem!important
    }

    .column-gap-md-3 {
        column-gap: 1rem!important
    }

    .column-gap-md-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-md-5 {
        column-gap: 3rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .object-fit-lg-contain {
        object-fit: contain!important
    }

    .object-fit-lg-cover {
        object-fit: cover!important
    }

    .object-fit-lg-fill {
        object-fit: fill!important
    }

    .object-fit-lg-scale {
        object-fit: scale-down!important
    }

    .object-fit-lg-none {
        object-fit: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-inline-grid {
        display: inline-grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }

    .order-lg-first {
        order: -1!important
    }

    .order-lg-0 {
        order: 0!important
    }

    .order-lg-1 {
        order: 1!important
    }

    .order-lg-2 {
        order: 2!important
    }

    .order-lg-3 {
        order: 3!important
    }

    .order-lg-4 {
        order: 4!important
    }

    .order-lg-5 {
        order: 5!important
    }

    .order-lg-last {
        order: 6!important
    }

    .m-lg-0 {
        margin: 0!important
    }

    .m-lg-1 {
        margin: .25rem!important
    }

    .m-lg-2 {
        margin: .5rem!important
    }

    .m-lg-3 {
        margin: 1rem!important
    }

    .m-lg-4 {
        margin: 1.5rem!important
    }

    .m-lg-5 {
        margin: 3rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-lg-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-lg-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-lg-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-lg-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-lg-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-lg-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-lg-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-lg-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-lg-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-lg-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-lg-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-lg-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-lg-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-1 {
        margin-top: .25rem!important
    }

    .mt-lg-2 {
        margin-top: .5rem!important
    }

    .mt-lg-3 {
        margin-top: 1rem!important
    }

    .mt-lg-4 {
        margin-top: 1.5rem!important
    }

    .mt-lg-5 {
        margin-top: 3rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-1 {
        margin-right: .25rem!important
    }

    .me-lg-2 {
        margin-right: .5rem!important
    }

    .me-lg-3 {
        margin-right: 1rem!important
    }

    .me-lg-4 {
        margin-right: 1.5rem!important
    }

    .me-lg-5 {
        margin-right: 3rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-1 {
        margin-bottom: .25rem!important
    }

    .mb-lg-2 {
        margin-bottom: .5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 1rem!important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 3rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-1 {
        margin-left: .25rem!important
    }

    .ms-lg-2 {
        margin-left: .5rem!important
    }

    .ms-lg-3 {
        margin-left: 1rem!important
    }

    .ms-lg-4 {
        margin-left: 1.5rem!important
    }

    .ms-lg-5 {
        margin-left: 3rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-1 {
        padding: .25rem!important
    }

    .p-lg-2 {
        padding: .5rem!important
    }

    .p-lg-3 {
        padding: 1rem!important
    }

    .p-lg-4 {
        padding: 1.5rem!important
    }

    .p-lg-5 {
        padding: 3rem!important
    }

    .px-lg-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-lg-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-lg-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-lg-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-lg-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-lg-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-lg-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-lg-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

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

    .py-lg-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-lg-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-lg-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-1 {
        padding-top: .25rem!important
    }

    .pt-lg-2 {
        padding-top: .5rem!important
    }

    .pt-lg-3 {
        padding-top: 1rem!important
    }

    .pt-lg-4 {
        padding-top: 1.5rem!important
    }

    .pt-lg-5 {
        padding-top: 3rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-1 {
        padding-right: .25rem!important
    }

    .pe-lg-2 {
        padding-right: .5rem!important
    }

    .pe-lg-3 {
        padding-right: 1rem!important
    }

    .pe-lg-4 {
        padding-right: 1.5rem!important
    }

    .pe-lg-5 {
        padding-right: 3rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-1 {
        padding-bottom: .25rem!important
    }

    .pb-lg-2 {
        padding-bottom: .5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 1rem!important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 3rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-1 {
        padding-left: .25rem!important
    }

    .ps-lg-2 {
        padding-left: .5rem!important
    }

    .ps-lg-3 {
        padding-left: 1rem!important
    }

    .ps-lg-4 {
        padding-left: 1.5rem!important
    }

    .ps-lg-5 {
        padding-left: 3rem!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-1 {
        gap: .25rem!important
    }

    .gap-lg-2 {
        gap: .5rem!important
    }

    .gap-lg-3 {
        gap: 1rem!important
    }

    .gap-lg-4 {
        gap: 1.5rem!important
    }

    .gap-lg-5 {
        gap: 3rem!important
    }

    .row-gap-lg-0 {
        row-gap: 0!important
    }

    .row-gap-lg-1 {
        row-gap: .25rem!important
    }

    .row-gap-lg-2 {
        row-gap: .5rem!important
    }

    .row-gap-lg-3 {
        row-gap: 1rem!important
    }

    .row-gap-lg-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-lg-5 {
        row-gap: 3rem!important
    }

    .column-gap-lg-0 {
        column-gap: 0!important
    }

    .column-gap-lg-1 {
        column-gap: .25rem!important
    }

    .column-gap-lg-2 {
        column-gap: .5rem!important
    }

    .column-gap-lg-3 {
        column-gap: 1rem!important
    }

    .column-gap-lg-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-lg-5 {
        column-gap: 3rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .object-fit-xl-contain {
        object-fit: contain!important
    }

    .object-fit-xl-cover {
        object-fit: cover!important
    }

    .object-fit-xl-fill {
        object-fit: fill!important
    }

    .object-fit-xl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xl-none {
        object-fit: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-inline-grid {
        display: inline-grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }

    .order-xl-first {
        order: -1!important
    }

    .order-xl-0 {
        order: 0!important
    }

    .order-xl-1 {
        order: 1!important
    }

    .order-xl-2 {
        order: 2!important
    }

    .order-xl-3 {
        order: 3!important
    }

    .order-xl-4 {
        order: 4!important
    }

    .order-xl-5 {
        order: 5!important
    }

    .order-xl-last {
        order: 6!important
    }

    .m-xl-0 {
        margin: 0!important
    }

    .m-xl-1 {
        margin: .25rem!important
    }

    .m-xl-2 {
        margin: .5rem!important
    }

    .m-xl-3 {
        margin: 1rem!important
    }

    .m-xl-4 {
        margin: 1.5rem!important
    }

    .m-xl-5 {
        margin: 3rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-1 {
        margin-top: .25rem!important
    }

    .mt-xl-2 {
        margin-top: .5rem!important
    }

    .mt-xl-3 {
        margin-top: 1rem!important
    }

    .mt-xl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xl-5 {
        margin-top: 3rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-1 {
        margin-right: .25rem!important
    }

    .me-xl-2 {
        margin-right: .5rem!important
    }

    .me-xl-3 {
        margin-right: 1rem!important
    }

    .me-xl-4 {
        margin-right: 1.5rem!important
    }

    .me-xl-5 {
        margin-right: 3rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-1 {
        margin-left: .25rem!important
    }

    .ms-xl-2 {
        margin-left: .5rem!important
    }

    .ms-xl-3 {
        margin-left: 1rem!important
    }

    .ms-xl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xl-5 {
        margin-left: 3rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-1 {
        padding: .25rem!important
    }

    .p-xl-2 {
        padding: .5rem!important
    }

    .p-xl-3 {
        padding: 1rem!important
    }

    .p-xl-4 {
        padding: 1.5rem!important
    }

    .p-xl-5 {
        padding: 3rem!important
    }

    .px-xl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

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

    .py-xl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-1 {
        padding-top: .25rem!important
    }

    .pt-xl-2 {
        padding-top: .5rem!important
    }

    .pt-xl-3 {
        padding-top: 1rem!important
    }

    .pt-xl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xl-5 {
        padding-top: 3rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-1 {
        padding-right: .25rem!important
    }

    .pe-xl-2 {
        padding-right: .5rem!important
    }

    .pe-xl-3 {
        padding-right: 1rem!important
    }

    .pe-xl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xl-5 {
        padding-right: 3rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-1 {
        padding-left: .25rem!important
    }

    .ps-xl-2 {
        padding-left: .5rem!important
    }

    .ps-xl-3 {
        padding-left: 1rem!important
    }

    .ps-xl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xl-5 {
        padding-left: 3rem!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-1 {
        gap: .25rem!important
    }

    .gap-xl-2 {
        gap: .5rem!important
    }

    .gap-xl-3 {
        gap: 1rem!important
    }

    .gap-xl-4 {
        gap: 1.5rem!important
    }

    .gap-xl-5 {
        gap: 3rem!important
    }

    .row-gap-xl-0 {
        row-gap: 0!important
    }

    .row-gap-xl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xl-0 {
        column-gap: 0!important
    }

    .column-gap-xl-1 {
        column-gap: .25rem!important
    }

    .column-gap-xl-2 {
        column-gap: .5rem!important
    }

    .column-gap-xl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xl-5 {
        column-gap: 3rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1400px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .object-fit-xxl-contain {
        object-fit: contain!important
    }

    .object-fit-xxl-cover {
        object-fit: cover!important
    }

    .object-fit-xxl-fill {
        object-fit: fill!important
    }

    .object-fit-xxl-scale {
        object-fit: scale-down!important
    }

    .object-fit-xxl-none {
        object-fit: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-inline-grid {
        display: inline-grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xxl-start {
        justify-content: flex-start!important
    }

    .justify-content-xxl-end {
        justify-content: flex-end!important
    }

    .justify-content-xxl-center {
        justify-content: center!important
    }

    .justify-content-xxl-between {
        justify-content: space-between!important
    }

    .justify-content-xxl-around {
        justify-content: space-around!important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly!important
    }

    .align-items-xxl-start {
        align-items: flex-start!important
    }

    .align-items-xxl-end {
        align-items: flex-end!important
    }

    .align-items-xxl-center {
        align-items: center!important
    }

    .align-items-xxl-baseline {
        align-items: baseline!important
    }

    .align-items-xxl-stretch {
        align-items: stretch!important
    }

    .align-content-xxl-start {
        align-content: flex-start!important
    }

    .align-content-xxl-end {
        align-content: flex-end!important
    }

    .align-content-xxl-center {
        align-content: center!important
    }

    .align-content-xxl-between {
        align-content: space-between!important
    }

    .align-content-xxl-around {
        align-content: space-around!important
    }

    .align-content-xxl-stretch {
        align-content: stretch!important
    }

    .align-self-xxl-auto {
        align-self: auto!important
    }

    .align-self-xxl-start {
        align-self: flex-start!important
    }

    .align-self-xxl-end {
        align-self: flex-end!important
    }

    .align-self-xxl-center {
        align-self: center!important
    }

    .align-self-xxl-baseline {
        align-self: baseline!important
    }

    .align-self-xxl-stretch {
        align-self: stretch!important
    }

    .order-xxl-first {
        order: -1!important
    }

    .order-xxl-0 {
        order: 0!important
    }

    .order-xxl-1 {
        order: 1!important
    }

    .order-xxl-2 {
        order: 2!important
    }

    .order-xxl-3 {
        order: 3!important
    }

    .order-xxl-4 {
        order: 4!important
    }

    .order-xxl-5 {
        order: 5!important
    }

    .order-xxl-last {
        order: 6!important
    }

    .m-xxl-0 {
        margin: 0!important
    }

    .m-xxl-1 {
        margin: .25rem!important
    }

    .m-xxl-2 {
        margin: .5rem!important
    }

    .m-xxl-3 {
        margin: 1rem!important
    }

    .m-xxl-4 {
        margin: 1.5rem!important
    }

    .m-xxl-5 {
        margin: 3rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .mx-xxl-1 {
        margin-right: .25rem!important;
        margin-left: .25rem!important
    }

    .mx-xxl-2 {
        margin-right: .5rem!important;
        margin-left: .5rem!important
    }

    .mx-xxl-3 {
        margin-right: 1rem!important;
        margin-left: 1rem!important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem!important;
        margin-left: 1.5rem!important
    }

    .mx-xxl-5 {
        margin-right: 3rem!important;
        margin-left: 3rem!important
    }

    .mx-xxl-auto {
        margin-right: auto!important;
        margin-left: auto!important
    }

    .my-xxl-0 {
        margin-top: 0!important;
        margin-bottom: 0!important
    }

    .my-xxl-1 {
        margin-top: .25rem!important;
        margin-bottom: .25rem!important
    }

    .my-xxl-2 {
        margin-top: .5rem!important;
        margin-bottom: .5rem!important
    }

    .my-xxl-3 {
        margin-top: 1rem!important;
        margin-bottom: 1rem!important
    }

    .my-xxl-4 {
        margin-top: 1.5rem!important;
        margin-bottom: 1.5rem!important
    }

    .my-xxl-5 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important
    }

    .my-xxl-auto {
        margin-top: auto!important;
        margin-bottom: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-1 {
        margin-top: .25rem!important
    }

    .mt-xxl-2 {
        margin-top: .5rem!important
    }

    .mt-xxl-3 {
        margin-top: 1rem!important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 3rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-1 {
        margin-right: .25rem!important
    }

    .me-xxl-2 {
        margin-right: .5rem!important
    }

    .me-xxl-3 {
        margin-right: 1rem!important
    }

    .me-xxl-4 {
        margin-right: 1.5rem!important
    }

    .me-xxl-5 {
        margin-right: 3rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-1 {
        margin-left: .25rem!important
    }

    .ms-xxl-2 {
        margin-left: .5rem!important
    }

    .ms-xxl-3 {
        margin-left: 1rem!important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 3rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-1 {
        padding: .25rem!important
    }

    .p-xxl-2 {
        padding: .5rem!important
    }

    .p-xxl-3 {
        padding: 1rem!important
    }

    .p-xxl-4 {
        padding: 1.5rem!important
    }

    .p-xxl-5 {
        padding: 3rem!important
    }

    .px-xxl-0 {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .px-xxl-1 {
        padding-right: .25rem!important;
        padding-left: .25rem!important
    }

    .px-xxl-2 {
        padding-right: .5rem!important;
        padding-left: .5rem!important
    }

    .px-xxl-3 {
        padding-right: 1rem!important;
        padding-left: 1rem!important
    }

    .px-xxl-4 {
        padding-right: 1.5rem!important;
        padding-left: 1.5rem!important
    }

    .px-xxl-5 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }

    .py-xxl-0 {
        padding-top: 0!important;
        padding-bottom: 0!important
    }

    .py-xxl-1 {
        padding-top: .25rem!important;
        padding-bottom: .25rem!important
    }

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

    .py-xxl-3 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important
    }

    .py-xxl-4 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important
    }

    .py-xxl-5 {
        padding-top: 3rem!important;
        padding-bottom: 3rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-1 {
        padding-top: .25rem!important
    }

    .pt-xxl-2 {
        padding-top: .5rem!important
    }

    .pt-xxl-3 {
        padding-top: 1rem!important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 3rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-1 {
        padding-right: .25rem!important
    }

    .pe-xxl-2 {
        padding-right: .5rem!important
    }

    .pe-xxl-3 {
        padding-right: 1rem!important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 3rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-1 {
        padding-left: .25rem!important
    }

    .ps-xxl-2 {
        padding-left: .5rem!important
    }

    .ps-xxl-3 {
        padding-left: 1rem!important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 3rem!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-1 {
        gap: .25rem!important
    }

    .gap-xxl-2 {
        gap: .5rem!important
    }

    .gap-xxl-3 {
        gap: 1rem!important
    }

    .gap-xxl-4 {
        gap: 1.5rem!important
    }

    .gap-xxl-5 {
        gap: 3rem!important
    }

    .row-gap-xxl-0 {
        row-gap: 0!important
    }

    .row-gap-xxl-1 {
        row-gap: .25rem!important
    }

    .row-gap-xxl-2 {
        row-gap: .5rem!important
    }

    .row-gap-xxl-3 {
        row-gap: 1rem!important
    }

    .row-gap-xxl-4 {
        row-gap: 1.5rem!important
    }

    .row-gap-xxl-5 {
        row-gap: 3rem!important
    }

    .column-gap-xxl-0 {
        column-gap: 0!important
    }

    .column-gap-xxl-1 {
        column-gap: .25rem!important
    }

    .column-gap-xxl-2 {
        column-gap: .5rem!important
    }

    .column-gap-xxl-3 {
        column-gap: 1rem!important
    }

    .column-gap-xxl-4 {
        column-gap: 1.5rem!important
    }

    .column-gap-xxl-5 {
        column-gap: 3rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2.5rem!important
    }

    .fs-2 {
        font-size: 2rem!important
    }

    .fs-3 {
        font-size: 1.75rem!important
    }

    .fs-4 {
        font-size: 1.5rem!important
    }
}

@media print {
    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-grid {
        display: grid!important
    }

    .d-print-inline-grid {
        display: inline-grid!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }

    .d-print-none {
        display: none!important
    }
}

@font-face {
    font-display: block;
    font-family: bootstrap-icons;
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 23, 2021 */
@font-face {
    font-family: gordita;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: gordita;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: block;
    font-family: bootstrap-icons;
}

.bi::before,[class^=bi-]::before,[class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons!important;
    font-style: normal;
    font-weight: inherit;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bi-123::before {
    content: ""
}

.bi-alarm-fill::before {
    content: ""
}

.bi-alarm::before {
    content: ""
}

.bi-align-bottom::before {
    content: ""
}

.bi-align-center::before {
    content: ""
}

.bi-align-end::before {
    content: ""
}

.bi-align-middle::before {
    content: ""
}

.bi-align-start::before {
    content: ""
}

.bi-align-top::before {
    content: ""
}

.bi-alt::before {
    content: ""
}

.bi-app-indicator::before {
    content: ""
}

.bi-app::before {
    content: ""
}

.bi-archive-fill::before {
    content: ""
}

.bi-archive::before {
    content: ""
}

.bi-arrow-90deg-down::before {
    content: ""
}

.bi-arrow-90deg-left::before {
    content: ""
}

.bi-arrow-90deg-right::before {
    content: ""
}

.bi-arrow-90deg-up::before {
    content: ""
}

.bi-arrow-bar-down::before {
    content: ""
}

.bi-arrow-bar-left::before {
    content: ""
}

.bi-arrow-bar-right::before {
    content: ""
}

.bi-arrow-bar-up::before {
    content: ""
}

.bi-arrow-clockwise::before {
    content: ""
}

.bi-arrow-counterclockwise::before {
    content: ""
}

.bi-arrow-down-circle-fill::before {
    content: ""
}

.bi-arrow-down-circle::before {
    content: ""
}

.bi-arrow-down-left-circle-fill::before {
    content: ""
}

.bi-arrow-down-left-circle::before {
    content: ""
}

.bi-arrow-down-left-square-fill::before {
    content: ""
}

.bi-arrow-down-left-square::before {
    content: ""
}

.bi-arrow-down-left::before {
    content: ""
}

.bi-arrow-down-right-circle-fill::before {
    content: ""
}

.bi-arrow-down-right-circle::before {
    content: ""
}

.bi-arrow-down-right-square-fill::before {
    content: ""
}

.bi-arrow-down-right-square::before {
    content: ""
}

.bi-arrow-down-right::before {
    content: ""
}

.bi-arrow-down-short::before {
    content: ""
}

.bi-arrow-down-square-fill::before {
    content: ""
}

.bi-arrow-down-square::before {
    content: ""
}

.bi-arrow-down-up::before {
    content: ""
}

.bi-arrow-down::before {
    content: ""
}

.bi-arrow-left-circle-fill::before {
    content: ""
}

.bi-arrow-left-circle::before {
    content: ""
}

.bi-arrow-left-right::before {
    content: ""
}

.bi-arrow-left-short::before {
    content: ""
}

.bi-arrow-left-square-fill::before {
    content: ""
}

.bi-arrow-left-square::before {
    content: ""
}

.bi-arrow-left::before {
    content: ""
}

.bi-arrow-repeat::before {
    content: ""
}

.bi-arrow-return-left::before {
    content: ""
}

.bi-arrow-return-right::before {
    content: ""
}

.bi-arrow-right-circle-fill::before {
    content: ""
}

.bi-arrow-right-circle::before {
    content: ""
}

.bi-arrow-right-short::before {
    content: ""
}

.bi-arrow-right-square-fill::before {
    content: ""
}

.bi-arrow-right-square::before {
    content: ""
}

.bi-arrow-right::before {
    content: ""
}

.bi-arrow-up-circle-fill::before {
    content: ""
}

.bi-arrow-up-circle::before {
    content: ""
}

.bi-arrow-up-left-circle-fill::before {
    content: ""
}

.bi-arrow-up-left-circle::before {
    content: ""
}

.bi-arrow-up-left-square-fill::before {
    content: ""
}

.bi-arrow-up-left-square::before {
    content: ""
}

.bi-arrow-up-left::before {
    content: ""
}

.bi-arrow-up-right-circle-fill::before {
    content: ""
}

.bi-arrow-up-right-circle::before {
    content: ""
}

.bi-arrow-up-right-square-fill::before {
    content: ""
}

.bi-arrow-up-right-square::before {
    content: ""
}

.bi-arrow-up-right::before {
    content: ""
}

.bi-arrow-up-short::before {
    content: ""
}

.bi-arrow-up-square-fill::before {
    content: ""
}

.bi-arrow-up-square::before {
    content: ""
}

.bi-arrow-up::before {
    content: ""
}

.bi-arrows-angle-contract::before {
    content: ""
}

.bi-arrows-angle-expand::before {
    content: ""
}

.bi-arrows-collapse::before {
    content: ""
}

.bi-arrows-expand::before {
    content: ""
}

.bi-arrows-fullscreen::before {
    content: ""
}

.bi-arrows-move::before {
    content: ""
}

.bi-aspect-ratio-fill::before {
    content: ""
}

.bi-aspect-ratio::before {
    content: ""
}

.bi-asterisk::before {
    content: ""
}

.bi-at::before {
    content: ""
}

.bi-award-fill::before {
    content: ""
}

.bi-award::before {
    content: ""
}

.bi-back::before {
    content: ""
}

.bi-backspace-fill::before {
    content: ""
}

.bi-backspace-reverse-fill::before {
    content: ""
}

.bi-backspace-reverse::before {
    content: ""
}

.bi-backspace::before {
    content: ""
}

.bi-badge-3d-fill::before {
    content: ""
}

.bi-badge-3d::before {
    content: ""
}

.bi-badge-4k-fill::before {
    content: ""
}

.bi-badge-4k::before {
    content: ""
}

.bi-badge-8k-fill::before {
    content: ""
}

.bi-badge-8k::before {
    content: ""
}

.bi-badge-ad-fill::before {
    content: ""
}

.bi-badge-ad::before {
    content: ""
}

.bi-badge-ar-fill::before {
    content: ""
}

.bi-badge-ar::before {
    content: ""
}

.bi-badge-cc-fill::before {
    content: ""
}

.bi-badge-cc::before {
    content: ""
}

.bi-badge-hd-fill::before {
    content: ""
}

.bi-badge-hd::before {
    content: ""
}

.bi-badge-tm-fill::before {
    content: ""
}

.bi-badge-tm::before {
    content: ""
}

.bi-badge-vo-fill::before {
    content: ""
}

.bi-badge-vo::before {
    content: ""
}

.bi-badge-vr-fill::before {
    content: ""
}

.bi-badge-vr::before {
    content: ""
}

.bi-badge-wc-fill::before {
    content: ""
}

.bi-badge-wc::before {
    content: ""
}

.bi-bag-check-fill::before {
    content: ""
}

.bi-bag-check::before {
    content: ""
}

.bi-bag-dash-fill::before {
    content: ""
}

.bi-bag-dash::before {
    content: ""
}

.bi-bag-fill::before {
    content: ""
}

.bi-bag-plus-fill::before {
    content: ""
}

.bi-bag-plus::before {
    content: ""
}

.bi-bag-x-fill::before {
    content: ""
}

.bi-bag-x::before {
    content: ""
}

.bi-bag::before {
    content: ""
}

.bi-bar-chart-fill::before {
    content: ""
}

.bi-bar-chart-line-fill::before {
    content: ""
}

.bi-bar-chart-line::before {
    content: ""
}

.bi-bar-chart-steps::before {
    content: ""
}

.bi-bar-chart::before {
    content: ""
}

.bi-basket-fill::before {
    content: ""
}

.bi-basket::before {
    content: ""
}

.bi-basket2-fill::before {
    content: ""
}

.bi-basket2::before {
    content: ""
}

.bi-basket3-fill::before {
    content: ""
}

.bi-basket3::before {
    content: ""
}

.bi-battery-charging::before {
    content: ""
}

.bi-battery-full::before {
    content: ""
}

.bi-battery-half::before {
    content: ""
}

.bi-battery::before {
    content: ""
}

.bi-bell-fill::before {
    content: ""
}

.bi-bell::before {
    content: ""
}

.bi-bezier::before {
    content: ""
}

.bi-bezier2::before {
    content: ""
}

.bi-bicycle::before {
    content: ""
}

.bi-binoculars-fill::before {
    content: ""
}

.bi-binoculars::before {
    content: ""
}

.bi-blockquote-left::before {
    content: ""
}

.bi-blockquote-right::before {
    content: ""
}

.bi-book-fill::before {
    content: ""
}

.bi-book-half::before {
    content: ""
}

.bi-book::before {
    content: ""
}

.bi-bookmark-check-fill::before {
    content: ""
}

.bi-bookmark-check::before {
    content: ""
}

.bi-bookmark-dash-fill::before {
    content: ""
}

.bi-bookmark-dash::before {
    content: ""
}

.bi-bookmark-fill::before {
    content: ""
}

.bi-bookmark-heart-fill::before {
    content: ""
}

.bi-bookmark-heart::before {
    content: ""
}

.bi-bookmark-plus-fill::before {
    content: ""
}

.bi-bookmark-plus::before {
    content: ""
}

.bi-bookmark-star-fill::before {
    content: ""
}

.bi-bookmark-star::before {
    content: ""
}

.bi-bookmark-x-fill::before {
    content: ""
}

.bi-bookmark-x::before {
    content: ""
}

.bi-bookmark::before {
    content: ""
}

.bi-bookmarks-fill::before {
    content: ""
}

.bi-bookmarks::before {
    content: ""
}

.bi-bookshelf::before {
    content: ""
}

.bi-bootstrap-fill::before {
    content: ""
}

.bi-bootstrap-reboot::before {
    content: ""
}

.bi-bootstrap::before {
    content: ""
}

.bi-border-all::before {
    content: ""
}

.bi-border-bottom::before {
    content: ""
}

.bi-border-center::before {
    content: ""
}

.bi-border-inner::before {
    content: ""
}

.bi-border-left::before {
    content: ""
}

.bi-border-middle::before {
    content: ""
}

.bi-border-outer::before {
    content: ""
}

.bi-border-right::before {
    content: ""
}

.bi-border-style::before {
    content: ""
}

.bi-border-top::before {
    content: ""
}

.bi-border-width::before {
    content: ""
}

.bi-border::before {
    content: ""
}

.bi-bounding-box-circles::before {
    content: ""
}

.bi-bounding-box::before {
    content: ""
}

.bi-box-arrow-down-left::before {
    content: ""
}

.bi-box-arrow-down-right::before {
    content: ""
}

.bi-box-arrow-down::before {
    content: ""
}

.bi-box-arrow-in-down-left::before {
    content: ""
}

.bi-box-arrow-in-down-right::before {
    content: ""
}

.bi-box-arrow-in-down::before {
    content: ""
}

.bi-box-arrow-in-left::before {
    content: ""
}

.bi-box-arrow-in-right::before {
    content: ""
}

.bi-box-arrow-in-up-left::before {
    content: ""
}

.bi-box-arrow-in-up-right::before {
    content: ""
}

.bi-box-arrow-in-up::before {
    content: ""
}

.bi-box-arrow-left::before {
    content: ""
}

.bi-box-arrow-right::before {
    content: ""
}

.bi-box-arrow-up-left::before {
    content: ""
}

.bi-box-arrow-up-right::before {
    content: ""
}

.bi-box-arrow-up::before {
    content: ""
}

.bi-box-seam::before {
    content: ""
}

.bi-box::before {
    content: ""
}

.bi-braces::before {
    content: ""
}

.bi-bricks::before {
    content: ""
}

.bi-briefcase-fill::before {
    content: ""
}

.bi-briefcase::before {
    content: ""
}

.bi-brightness-alt-high-fill::before {
    content: ""
}

.bi-brightness-alt-high::before {
    content: ""
}

.bi-brightness-alt-low-fill::before {
    content: ""
}

.bi-brightness-alt-low::before {
    content: ""
}

.bi-brightness-high-fill::before {
    content: ""
}

.bi-brightness-high::before {
    content: ""
}

.bi-brightness-low-fill::before {
    content: ""
}

.bi-brightness-low::before {
    content: ""
}

.bi-broadcast-pin::before {
    content: ""
}

.bi-broadcast::before {
    content: ""
}

.bi-brush-fill::before {
    content: ""
}

.bi-brush::before {
    content: ""
}

.bi-bucket-fill::before {
    content: ""
}

.bi-bucket::before {
    content: ""
}

.bi-bug-fill::before {
    content: ""
}

.bi-bug::before {
    content: ""
}

.bi-building::before {
    content: ""
}

.bi-bullseye::before {
    content: ""
}

.bi-calculator-fill::before {
    content: ""
}

.bi-calculator::before {
    content: ""
}

.bi-calendar-check-fill::before {
    content: ""
}

.bi-calendar-check::before {
    content: ""
}

.bi-calendar-date-fill::before {
    content: ""
}

.bi-calendar-date::before {
    content: ""
}

.bi-calendar-day-fill::before {
    content: ""
}

.bi-calendar-day::before {
    content: ""
}

.bi-calendar-event-fill::before {
    content: ""
}

.bi-calendar-event::before {
    content: ""
}

.bi-calendar-fill::before {
    content: ""
}

.bi-calendar-minus-fill::before {
    content: ""
}

.bi-calendar-minus::before {
    content: ""
}

.bi-calendar-month-fill::before {
    content: ""
}

.bi-calendar-month::before {
    content: ""
}

.bi-calendar-plus-fill::before {
    content: ""
}

.bi-calendar-plus::before {
    content: ""
}

.bi-calendar-range-fill::before {
    content: ""
}

.bi-calendar-range::before {
    content: ""
}

.bi-calendar-week-fill::before {
    content: ""
}

.bi-calendar-week::before {
    content: ""
}

.bi-calendar-x-fill::before {
    content: ""
}

.bi-calendar-x::before {
    content: ""
}

.bi-calendar::before {
    content: ""
}

.bi-calendar2-check-fill::before {
    content: ""
}

.bi-calendar2-check::before {
    content: ""
}

.bi-calendar2-date-fill::before {
    content: ""
}

.bi-calendar2-date::before {
    content: ""
}

.bi-calendar2-day-fill::before {
    content: ""
}

.bi-calendar2-day::before {
    content: ""
}

.bi-calendar2-event-fill::before {
    content: ""
}

.bi-calendar2-event::before {
    content: ""
}

.bi-calendar2-fill::before {
    content: ""
}

.bi-calendar2-minus-fill::before {
    content: ""
}

.bi-calendar2-minus::before {
    content: ""
}

.bi-calendar2-month-fill::before {
    content: ""
}

.bi-calendar2-month::before {
    content: ""
}

.bi-calendar2-plus-fill::before {
    content: ""
}

.bi-calendar2-plus::before {
    content: ""
}

.bi-calendar2-range-fill::before {
    content: ""
}

.bi-calendar2-range::before {
    content: ""
}

.bi-calendar2-week-fill::before {
    content: ""
}

.bi-calendar2-week::before {
    content: ""
}

.bi-calendar2-x-fill::before {
    content: ""
}

.bi-calendar2-x::before {
    content: ""
}

.bi-calendar2::before {
    content: ""
}

.bi-calendar3-event-fill::before {
    content: ""
}

.bi-calendar3-event::before {
    content: ""
}

.bi-calendar3-fill::before {
    content: ""
}

.bi-calendar3-range-fill::before {
    content: ""
}

.bi-calendar3-range::before {
    content: ""
}

.bi-calendar3-week-fill::before {
    content: ""
}

.bi-calendar3-week::before {
    content: ""
}

.bi-calendar3::before {
    content: ""
}

.bi-calendar4-event::before {
    content: ""
}

.bi-calendar4-range::before {
    content: ""
}

.bi-calendar4-week::before {
    content: ""
}

.bi-calendar4::before {
    content: ""
}

.bi-camera-fill::before {
    content: ""
}

.bi-camera-reels-fill::before {
    content: ""
}

.bi-camera-reels::before {
    content: ""
}

.bi-camera-video-fill::before {
    content: ""
}

.bi-camera-video-off-fill::before {
    content: ""
}

.bi-camera-video-off::before {
    content: ""
}

.bi-camera-video::before {
    content: ""
}

.bi-camera::before {
    content: ""
}

.bi-camera2::before {
    content: ""
}

.bi-capslock-fill::before {
    content: ""
}

.bi-capslock::before {
    content: ""
}

.bi-card-checklist::before {
    content: ""
}

.bi-card-heading::before {
    content: ""
}

.bi-card-image::before {
    content: ""
}

.bi-card-list::before {
    content: ""
}

.bi-card-text::before {
    content: ""
}

.bi-caret-down-fill::before {
    content: ""
}

.bi-caret-down-square-fill::before {
    content: ""
}

.bi-caret-down-square::before {
    content: ""
}

.bi-caret-down::before {
    content: ""
}

.bi-caret-left-fill::before {
    content: ""
}

.bi-caret-left-square-fill::before {
    content: ""
}

.bi-caret-left-square::before {
    content: ""
}

.bi-caret-left::before {
    content: ""
}

.bi-caret-right-fill::before {
    content: ""
}

.bi-caret-right-square-fill::before {
    content: ""
}

.bi-caret-right-square::before {
    content: ""
}

.bi-caret-right::before {
    content: ""
}

.bi-caret-up-fill::before {
    content: ""
}

.bi-caret-up-square-fill::before {
    content: ""
}

.bi-caret-up-square::before {
    content: ""
}

.bi-caret-up::before {
    content: ""
}

.bi-cart-check-fill::before {
    content: ""
}

.bi-cart-check::before {
    content: ""
}

.bi-cart-dash-fill::before {
    content: ""
}

.bi-cart-dash::before {
    content: ""
}

.bi-cart-fill::before {
    content: ""
}

.bi-cart-plus-fill::before {
    content: ""
}

.bi-cart-plus::before {
    content: ""
}

.bi-cart-x-fill::before {
    content: ""
}

.bi-cart-x::before {
    content: ""
}

.bi-cart::before {
    content: ""
}

.bi-cart2::before {
    content: ""
}

.bi-cart3::before {
    content: ""
}

.bi-cart4::before {
    content: ""
}

.bi-cash-stack::before {
    content: ""
}

.bi-cash::before {
    content: ""
}

.bi-cast::before {
    content: ""
}

.bi-chat-dots-fill::before {
    content: ""
}

.bi-chat-dots::before {
    content: ""
}

.bi-chat-fill::before {
    content: ""
}

.bi-chat-left-dots-fill::before {
    content: ""
}

.bi-chat-left-dots::before {
    content: ""
}

.bi-chat-left-fill::before {
    content: ""
}

.bi-chat-left-quote-fill::before {
    content: ""
}

.bi-chat-left-quote::before {
    content: ""
}

.bi-chat-left-text-fill::before {
    content: ""
}

.bi-chat-left-text::before {
    content: ""
}

.bi-chat-left::before {
    content: ""
}

.bi-chat-quote-fill::before {
    content: ""
}

.bi-chat-quote::before {
    content: ""
}

.bi-chat-right-dots-fill::before {
    content: ""
}

.bi-chat-right-dots::before {
    content: ""
}

.bi-chat-right-fill::before {
    content: ""
}

.bi-chat-right-quote-fill::before {
    content: ""
}

.bi-chat-right-quote::before {
    content: ""
}

.bi-chat-right-text-fill::before {
    content: ""
}

.bi-chat-right-text::before {
    content: ""
}

.bi-chat-right::before {
    content: ""
}

.bi-chat-square-dots-fill::before {
    content: ""
}

.bi-chat-square-dots::before {
    content: ""
}

.bi-chat-square-fill::before {
    content: ""
}

.bi-chat-square-quote-fill::before {
    content: ""
}

.bi-chat-square-quote::before {
    content: ""
}

.bi-chat-square-text-fill::before {
    content: ""
}

.bi-chat-square-text::before {
    content: ""
}

.bi-chat-square::before {
    content: ""
}

.bi-chat-text-fill::before {
    content: ""
}

.bi-chat-text::before {
    content: ""
}

.bi-chat::before {
    content: ""
}

.bi-check-all::before {
    content: ""
}

.bi-check-circle-fill::before {
    content: ""
}

.bi-check-circle::before {
    content: ""
}

.bi-check-square-fill::before {
    content: ""
}

.bi-check-square::before {
    content: ""
}

.bi-check::before {
    content: ""
}

.bi-check2-all::before {
    content: ""
}

.bi-check2-circle::before {
    content: ""
}

.bi-check2-square::before {
    content: ""
}

.bi-check2::before {
    content: ""
}

.bi-chevron-bar-contract::before {
    content: ""
}

.bi-chevron-bar-down::before {
    content: ""
}

.bi-chevron-bar-expand::before {
    content: ""
}

.bi-chevron-bar-left::before {
    content: ""
}

.bi-chevron-bar-right::before {
    content: ""
}

.bi-chevron-bar-up::before {
    content: ""
}

.bi-chevron-compact-down::before {
    content: ""
}

.bi-chevron-compact-left::before {
    content: ""
}

.bi-chevron-compact-right::before {
    content: ""
}

.bi-chevron-compact-up::before {
    content: ""
}

.bi-chevron-contract::before {
    content: ""
}

.bi-chevron-double-down::before {
    content: ""
}

.bi-chevron-double-left::before {
    content: ""
}

.bi-chevron-double-right::before {
    content: ""
}

.bi-chevron-double-up::before {
    content: ""
}

.bi-chevron-down::before {
    content: ""
}

.bi-chevron-expand::before {
    content: ""
}

.bi-chevron-left::before {
    content: ""
}

.bi-chevron-right::before {
    content: ""
}

.bi-chevron-up::before {
    content: ""
}

.bi-circle-fill::before {
    content: ""
}

.bi-circle-half::before {
    content: ""
}

.bi-circle-square::before {
    content: ""
}

.bi-circle::before {
    content: ""
}

.bi-clipboard-check::before {
    content: ""
}

.bi-clipboard-data::before {
    content: ""
}

.bi-clipboard-minus::before {
    content: ""
}

.bi-clipboard-plus::before {
    content: ""
}

.bi-clipboard-x::before {
    content: ""
}

.bi-clipboard::before {
    content: ""
}

.bi-clock-fill::before {
    content: ""
}

.bi-clock-history::before {
    content: ""
}

.bi-clock::before {
    content: ""
}

.bi-cloud-arrow-down-fill::before {
    content: ""
}

.bi-cloud-arrow-down::before {
    content: ""
}

.bi-cloud-arrow-up-fill::before {
    content: ""
}

.bi-cloud-arrow-up::before {
    content: ""
}

.bi-cloud-check-fill::before {
    content: ""
}

.bi-cloud-check::before {
    content: ""
}

.bi-cloud-download-fill::before {
    content: ""
}

.bi-cloud-download::before {
    content: ""
}

.bi-cloud-drizzle-fill::before {
    content: ""
}

.bi-cloud-drizzle::before {
    content: ""
}

.bi-cloud-fill::before {
    content: ""
}

.bi-cloud-fog-fill::before {
    content: ""
}

.bi-cloud-fog::before {
    content: ""
}

.bi-cloud-fog2-fill::before {
    content: ""
}

.bi-cloud-fog2::before {
    content: ""
}

.bi-cloud-hail-fill::before {
    content: ""
}

.bi-cloud-hail::before {
    content: ""
}

.bi-cloud-haze-1::before {
    content: ""
}

.bi-cloud-haze-fill::before {
    content: ""
}

.bi-cloud-haze::before {
    content: ""
}

.bi-cloud-haze2-fill::before {
    content: ""
}

.bi-cloud-lightning-fill::before {
    content: ""
}

.bi-cloud-lightning-rain-fill::before {
    content: ""
}

.bi-cloud-lightning-rain::before {
    content: ""
}

.bi-cloud-lightning::before {
    content: ""
}

.bi-cloud-minus-fill::before {
    content: ""
}

.bi-cloud-minus::before {
    content: ""
}

.bi-cloud-moon-fill::before {
    content: ""
}

.bi-cloud-moon::before {
    content: ""
}

.bi-cloud-plus-fill::before {
    content: ""
}

.bi-cloud-plus::before {
    content: ""
}

.bi-cloud-rain-fill::before {
    content: ""
}

.bi-cloud-rain-heavy-fill::before {
    content: ""
}

.bi-cloud-rain-heavy::before {
    content: ""
}

.bi-cloud-rain::before {
    content: ""
}

.bi-cloud-slash-fill::before {
    content: ""
}

.bi-cloud-slash::before {
    content: ""
}

.bi-cloud-sleet-fill::before {
    content: ""
}

.bi-cloud-sleet::before {
    content: ""
}

.bi-cloud-snow-fill::before {
    content: ""
}

.bi-cloud-snow::before {
    content: ""
}

.bi-cloud-sun-fill::before {
    content: ""
}

.bi-cloud-sun::before {
    content: ""
}

.bi-cloud-upload-fill::before {
    content: ""
}

.bi-cloud-upload::before {
    content: ""
}

.bi-cloud::before {
    content: ""
}

.bi-clouds-fill::before {
    content: ""
}

.bi-clouds::before {
    content: ""
}

.bi-cloudy-fill::before {
    content: ""
}

.bi-cloudy::before {
    content: ""
}

.bi-code-slash::before {
    content: ""
}

.bi-code-square::before {
    content: ""
}

.bi-code::before {
    content: ""
}

.bi-collection-fill::before {
    content: ""
}

.bi-collection-play-fill::before {
    content: ""
}

.bi-collection-play::before {
    content: ""
}

.bi-collection::before {
    content: ""
}

.bi-columns-gap::before {
    content: ""
}

.bi-columns::before {
    content: ""
}

.bi-command::before {
    content: ""
}

.bi-compass-fill::before {
    content: ""
}

.bi-compass::before {
    content: ""
}

.bi-cone-striped::before {
    content: ""
}

.bi-cone::before {
    content: ""
}

.bi-controller::before {
    content: ""
}

.bi-cpu-fill::before {
    content: ""
}

.bi-cpu::before {
    content: ""
}

.bi-credit-card-2-back-fill::before {
    content: ""
}

.bi-credit-card-2-back::before {
    content: ""
}

.bi-credit-card-2-front-fill::before {
    content: ""
}

.bi-credit-card-2-front::before {
    content: ""
}

.bi-credit-card-fill::before {
    content: ""
}

.bi-credit-card::before {
    content: ""
}

.bi-crop::before {
    content: ""
}

.bi-cup-fill::before {
    content: ""
}

.bi-cup-straw::before {
    content: ""
}

.bi-cup::before {
    content: ""
}

.bi-cursor-fill::before {
    content: ""
}

.bi-cursor-text::before {
    content: ""
}

.bi-cursor::before {
    content: ""
}

.bi-dash-circle-dotted::before {
    content: ""
}

.bi-dash-circle-fill::before {
    content: ""
}

.bi-dash-circle::before {
    content: ""
}

.bi-dash-square-dotted::before {
    content: ""
}

.bi-dash-square-fill::before {
    content: ""
}

.bi-dash-square::before {
    content: ""
}

.bi-dash::before {
    content: ""
}

.bi-diagram-2-fill::before {
    content: ""
}

.bi-diagram-2::before {
    content: ""
}

.bi-diagram-3-fill::before {
    content: ""
}

.bi-diagram-3::before {
    content: ""
}

.bi-diamond-fill::before {
    content: ""
}

.bi-diamond-half::before {
    content: ""
}

.bi-diamond::before {
    content: ""
}

.bi-dice-1-fill::before {
    content: ""
}

.bi-dice-1::before {
    content: ""
}

.bi-dice-2-fill::before {
    content: ""
}

.bi-dice-2::before {
    content: ""
}

.bi-dice-3-fill::before {
    content: ""
}

.bi-dice-3::before {
    content: ""
}

.bi-dice-4-fill::before {
    content: ""
}

.bi-dice-4::before {
    content: ""
}

.bi-dice-5-fill::before {
    content: ""
}

.bi-dice-5::before {
    content: ""
}

.bi-dice-6-fill::before {
    content: ""
}

.bi-dice-6::before {
    content: ""
}

.bi-disc-fill::before {
    content: ""
}

.bi-disc::before {
    content: ""
}

.bi-discord::before {
    content: ""
}

.bi-display-fill::before {
    content: ""
}

.bi-display::before {
    content: ""
}

.bi-distribute-horizontal::before {
    content: ""
}

.bi-distribute-vertical::before {
    content: ""
}

.bi-door-closed-fill::before {
    content: ""
}

.bi-door-closed::before {
    content: ""
}

.bi-door-open-fill::before {
    content: ""
}

.bi-door-open::before {
    content: ""
}

.bi-dot::before {
    content: ""
}

.bi-download::before {
    content: ""
}

.bi-droplet-fill::before {
    content: ""
}

.bi-droplet-half::before {
    content: ""
}

.bi-droplet::before {
    content: ""
}

.bi-earbuds::before {
    content: ""
}

.bi-easel-fill::before {
    content: ""
}

.bi-easel::before {
    content: ""
}

.bi-egg-fill::before {
    content: ""
}

.bi-egg-fried::before {
    content: ""
}

.bi-egg::before {
    content: ""
}

.bi-eject-fill::before {
    content: ""
}

.bi-eject::before {
    content: ""
}

.bi-emoji-angry-fill::before {
    content: ""
}

.bi-emoji-angry::before {
    content: ""
}

.bi-emoji-dizzy-fill::before {
    content: ""
}

.bi-emoji-dizzy::before {
    content: ""
}

.bi-emoji-expressionless-fill::before {
    content: ""
}

.bi-emoji-expressionless::before {
    content: ""
}

.bi-emoji-frown-fill::before {
    content: ""
}

.bi-emoji-frown::before {
    content: ""
}

.bi-emoji-heart-eyes-fill::before {
    content: ""
}

.bi-emoji-heart-eyes::before {
    content: ""
}

.bi-emoji-laughing-fill::before {
    content: ""
}

.bi-emoji-laughing::before {
    content: ""
}

.bi-emoji-neutral-fill::before {
    content: ""
}

.bi-emoji-neutral::before {
    content: ""
}

.bi-emoji-smile-fill::before {
    content: ""
}

.bi-emoji-smile-upside-down-fill::before {
    content: ""
}

.bi-emoji-smile-upside-down::before {
    content: ""
}

.bi-emoji-smile::before {
    content: ""
}

.bi-emoji-sunglasses-fill::before {
    content: ""
}

.bi-emoji-sunglasses::before {
    content: ""
}

.bi-emoji-wink-fill::before {
    content: ""
}

.bi-emoji-wink::before {
    content: ""
}

.bi-envelope-fill::before {
    content: ""
}

.bi-envelope-open-fill::before {
    content: ""
}

.bi-envelope-open::before {
    content: ""
}

.bi-envelope::before {
    content: ""
}

.bi-eraser-fill::before {
    content: ""
}

.bi-eraser::before {
    content: ""
}

.bi-exclamation-circle-fill::before {
    content: ""
}

.bi-exclamation-circle::before {
    content: ""
}

.bi-exclamation-diamond-fill::before {
    content: ""
}

.bi-exclamation-diamond::before {
    content: ""
}

.bi-exclamation-octagon-fill::before {
    content: ""
}

.bi-exclamation-octagon::before {
    content: ""
}

.bi-exclamation-square-fill::before {
    content: ""
}

.bi-exclamation-square::before {
    content: ""
}

.bi-exclamation-triangle-fill::before {
    content: ""
}

.bi-exclamation-triangle::before {
    content: ""
}

.bi-exclamation::before {
    content: ""
}

.bi-exclude::before {
    content: ""
}

.bi-eye-fill::before {
    content: ""
}

.bi-eye-slash-fill::before {
    content: ""
}

.bi-eye-slash::before {
    content: ""
}

.bi-eye::before {
    content: ""
}

.bi-eyedropper::before {
    content: ""
}

.bi-eyeglasses::before {
    content: ""
}

.bi-facebook::before {
    content: ""
}

.bi-file-arrow-down-fill::before {
    content: ""
}

.bi-file-arrow-down::before {
    content: ""
}

.bi-file-arrow-up-fill::before {
    content: ""
}

.bi-file-arrow-up::before {
    content: ""
}

.bi-file-bar-graph-fill::before {
    content: ""
}

.bi-file-bar-graph::before {
    content: ""
}

.bi-file-binary-fill::before {
    content: ""
}

.bi-file-binary::before {
    content: ""
}

.bi-file-break-fill::before {
    content: ""
}

.bi-file-break::before {
    content: ""
}

.bi-file-check-fill::before {
    content: ""
}

.bi-file-check::before {
    content: ""
}

.bi-file-code-fill::before {
    content: ""
}

.bi-file-code::before {
    content: ""
}

.bi-file-diff-fill::before {
    content: ""
}

.bi-file-diff::before {
    content: ""
}

.bi-file-earmark-arrow-down-fill::before {
    content: ""
}

.bi-file-earmark-arrow-down::before {
    content: ""
}

.bi-file-earmark-arrow-up-fill::before {
    content: ""
}

.bi-file-earmark-arrow-up::before {
    content: ""
}

.bi-file-earmark-bar-graph-fill::before {
    content: ""
}

.bi-file-earmark-bar-graph::before {
    content: ""
}

.bi-file-earmark-binary-fill::before {
    content: ""
}

.bi-file-earmark-binary::before {
    content: ""
}

.bi-file-earmark-break-fill::before {
    content: ""
}

.bi-file-earmark-break::before {
    content: ""
}

.bi-file-earmark-check-fill::before {
    content: ""
}

.bi-file-earmark-check::before {
    content: ""
}

.bi-file-earmark-code-fill::before {
    content: ""
}

.bi-file-earmark-code::before {
    content: ""
}

.bi-file-earmark-diff-fill::before {
    content: ""
}

.bi-file-earmark-diff::before {
    content: ""
}

.bi-file-earmark-easel-fill::before {
    content: ""
}

.bi-file-earmark-easel::before {
    content: ""
}

.bi-file-earmark-excel-fill::before {
    content: ""
}

.bi-file-earmark-excel::before {
    content: ""
}

.bi-file-earmark-fill::before {
    content: ""
}

.bi-file-earmark-font-fill::before {
    content: ""
}

.bi-file-earmark-font::before {
    content: ""
}

.bi-file-earmark-image-fill::before {
    content: ""
}

.bi-file-earmark-image::before {
    content: ""
}

.bi-file-earmark-lock-fill::before {
    content: ""
}

.bi-file-earmark-lock::before {
    content: ""
}

.bi-file-earmark-lock2-fill::before {
    content: ""
}

.bi-file-earmark-lock2::before {
    content: ""
}

.bi-file-earmark-medical-fill::before {
    content: ""
}

.bi-file-earmark-medical::before {
    content: ""
}

.bi-file-earmark-minus-fill::before {
    content: ""
}

.bi-file-earmark-minus::before {
    content: ""
}

.bi-file-earmark-music-fill::before {
    content: ""
}

.bi-file-earmark-music::before {
    content: ""
}

.bi-file-earmark-person-fill::before {
    content: ""
}

.bi-file-earmark-person::before {
    content: ""
}

.bi-file-earmark-play-fill::before {
    content: ""
}

.bi-file-earmark-play::before {
    content: ""
}

.bi-file-earmark-plus-fill::before {
    content: ""
}

.bi-file-earmark-plus::before {
    content: ""
}

.bi-file-earmark-post-fill::before {
    content: ""
}

.bi-file-earmark-post::before {
    content: ""
}

.bi-file-earmark-ppt-fill::before {
    content: ""
}

.bi-file-earmark-ppt::before {
    content: ""
}

.bi-file-earmark-richtext-fill::before {
    content: ""
}

.bi-file-earmark-richtext::before {
    content: ""
}

.bi-file-earmark-ruled-fill::before {
    content: ""
}

.bi-file-earmark-ruled::before {
    content: ""
}

.bi-file-earmark-slides-fill::before {
    content: ""
}

.bi-file-earmark-slides::before {
    content: ""
}

.bi-file-earmark-spreadsheet-fill::before {
    content: ""
}

.bi-file-earmark-spreadsheet::before {
    content: ""
}

.bi-file-earmark-text-fill::before {
    content: ""
}

.bi-file-earmark-text::before {
    content: ""
}

.bi-file-earmark-word-fill::before {
    content: ""
}

.bi-file-earmark-word::before {
    content: ""
}

.bi-file-earmark-x-fill::before {
    content: ""
}

.bi-file-earmark-x::before {
    content: ""
}

.bi-file-earmark-zip-fill::before {
    content: ""
}

.bi-file-earmark-zip::before {
    content: ""
}

.bi-file-earmark::before {
    content: ""
}

.bi-file-easel-fill::before {
    content: ""
}

.bi-file-easel::before {
    content: ""
}

.bi-file-excel-fill::before {
    content: ""
}

.bi-file-excel::before {
    content: ""
}

.bi-file-fill::before {
    content: ""
}

.bi-file-font-fill::before {
    content: ""
}

.bi-file-font::before {
    content: ""
}

.bi-file-image-fill::before {
    content: ""
}

.bi-file-image::before {
    content: ""
}

.bi-file-lock-fill::before {
    content: ""
}

.bi-file-lock::before {
    content: ""
}

.bi-file-lock2-fill::before {
    content: ""
}

.bi-file-lock2::before {
    content: ""
}

.bi-file-medical-fill::before {
    content: ""
}

.bi-file-medical::before {
    content: ""
}

.bi-file-minus-fill::before {
    content: ""
}

.bi-file-minus::before {
    content: ""
}

.bi-file-music-fill::before {
    content: ""
}

.bi-file-music::before {
    content: ""
}

.bi-file-person-fill::before {
    content: ""
}

.bi-file-person::before {
    content: ""
}

.bi-file-play-fill::before {
    content: ""
}

.bi-file-play::before {
    content: ""
}

.bi-file-plus-fill::before {
    content: ""
}

.bi-file-plus::before {
    content: ""
}

.bi-file-post-fill::before {
    content: ""
}

.bi-file-post::before {
    content: ""
}

.bi-file-ppt-fill::before {
    content: ""
}

.bi-file-ppt::before {
    content: ""
}

.bi-file-richtext-fill::before {
    content: ""
}

.bi-file-richtext::before {
    content: ""
}

.bi-file-ruled-fill::before {
    content: ""
}

.bi-file-ruled::before {
    content: ""
}

.bi-file-slides-fill::before {
    content: ""
}

.bi-file-slides::before {
    content: ""
}

.bi-file-spreadsheet-fill::before {
    content: ""
}

.bi-file-spreadsheet::before {
    content: ""
}

.bi-file-text-fill::before {
    content: ""
}

.bi-file-text::before {
    content: ""
}

.bi-file-word-fill::before {
    content: ""
}

.bi-file-word::before {
    content: ""
}

.bi-file-x-fill::before {
    content: ""
}

.bi-file-x::before {
    content: ""
}

.bi-file-zip-fill::before {
    content: ""
}

.bi-file-zip::before {
    content: ""
}

.bi-file::before {
    content: ""
}

.bi-files-alt::before {
    content: ""
}

.bi-files::before {
    content: ""
}

.bi-film::before {
    content: ""
}

.bi-filter-circle-fill::before {
    content: ""
}

.bi-filter-circle::before {
    content: ""
}

.bi-filter-left::before {
    content: ""
}

.bi-filter-right::before {
    content: ""
}

.bi-filter-square-fill::before {
    content: ""
}

.bi-filter-square::before {
    content: ""
}

.bi-filter::before {
    content: ""
}

.bi-flag-fill::before {
    content: ""
}

.bi-flag::before {
    content: ""
}

.bi-flower1::before {
    content: ""
}

.bi-flower2::before {
    content: ""
}

.bi-flower3::before {
    content: ""
}

.bi-folder-check::before {
    content: ""
}

.bi-folder-fill::before {
    content: ""
}

.bi-folder-minus::before {
    content: ""
}

.bi-folder-plus::before {
    content: ""
}

.bi-folder-symlink-fill::before {
    content: ""
}

.bi-folder-symlink::before {
    content: ""
}

.bi-folder-x::before {
    content: ""
}

.bi-folder::before {
    content: ""
}

.bi-folder2-open::before {
    content: ""
}

.bi-folder2::before {
    content: ""
}

.bi-fonts::before {
    content: ""
}

.bi-forward-fill::before {
    content: ""
}

.bi-forward::before {
    content: ""
}

.bi-front::before {
    content: ""
}

.bi-fullscreen-exit::before {
    content: ""
}

.bi-fullscreen::before {
    content: ""
}

.bi-funnel-fill::before {
    content: ""
}

.bi-funnel::before {
    content: ""
}

.bi-gear-fill::before {
    content: ""
}

.bi-gear-wide-connected::before {
    content: ""
}

.bi-gear-wide::before {
    content: ""
}

.bi-gear::before {
    content: ""
}

.bi-gem::before {
    content: ""
}

.bi-geo-alt-fill::before {
    content: ""
}

.bi-geo-alt::before {
    content: ""
}

.bi-geo-fill::before {
    content: ""
}

.bi-geo::before {
    content: ""
}

.bi-gift-fill::before {
    content: ""
}

.bi-gift::before {
    content: ""
}

.bi-github::before {
    content: ""
}

.bi-globe::before {
    content: ""
}

.bi-globe2::before {
    content: ""
}

.bi-google::before {
    content: ""
}

.bi-graph-down::before {
    content: ""
}

.bi-graph-up::before {
    content: ""
}

.bi-grid-1x2-fill::before {
    content: ""
}

.bi-grid-1x2::before {
    content: ""
}

.bi-grid-3x2-gap-fill::before {
    content: ""
}

.bi-grid-3x2-gap::before {
    content: ""
}

.bi-grid-3x2::before {
    content: ""
}

.bi-grid-3x3-gap-fill::before {
    content: ""
}

.bi-grid-3x3-gap::before {
    content: ""
}

.bi-grid-3x3::before {
    content: ""
}

.bi-grid-fill::before {
    content: ""
}

.bi-grid::before {
    content: ""
}

.bi-grip-horizontal::before {
    content: ""
}

.bi-grip-vertical::before {
    content: ""
}

.bi-hammer::before {
    content: ""
}

.bi-hand-index-fill::before {
    content: ""
}

.bi-hand-index-thumb-fill::before {
    content: ""
}

.bi-hand-index-thumb::before {
    content: ""
}

.bi-hand-index::before {
    content: ""
}

.bi-hand-thumbs-down-fill::before {
    content: ""
}

.bi-hand-thumbs-down::before {
    content: ""
}

.bi-hand-thumbs-up-fill::before {
    content: ""
}

.bi-hand-thumbs-up::before {
    content: ""
}

.bi-handbag-fill::before {
    content: ""
}

.bi-handbag::before {
    content: ""
}

.bi-hash::before {
    content: ""
}

.bi-hdd-fill::before {
    content: ""
}

.bi-hdd-network-fill::before {
    content: ""
}

.bi-hdd-network::before {
    content: ""
}

.bi-hdd-rack-fill::before {
    content: ""
}

.bi-hdd-rack::before {
    content: ""
}

.bi-hdd-stack-fill::before {
    content: ""
}

.bi-hdd-stack::before {
    content: ""
}

.bi-hdd::before {
    content: ""
}

.bi-headphones::before {
    content: ""
}

.bi-headset::before {
    content: ""
}

.bi-heart-fill::before {
    content: ""
}

.bi-heart-half::before {
    content: ""
}

.bi-heart::before {
    content: ""
}

.bi-heptagon-fill::before {
    content: ""
}

.bi-heptagon-half::before {
    content: ""
}

.bi-heptagon::before {
    content: ""
}

.bi-hexagon-fill::before {
    content: ""
}

.bi-hexagon-half::before {
    content: ""
}

.bi-hexagon::before {
    content: ""
}

.bi-hourglass-bottom::before {
    content: ""
}

.bi-hourglass-split::before {
    content: ""
}

.bi-hourglass-top::before {
    content: ""
}

.bi-hourglass::before {
    content: ""
}

.bi-house-door-fill::before {
    content: ""
}

.bi-house-door::before {
    content: ""
}

.bi-house-fill::before {
    content: ""
}

.bi-house::before {
    content: ""
}

.bi-hr::before {
    content: ""
}

.bi-hurricane::before {
    content: ""
}

.bi-image-alt::before {
    content: ""
}

.bi-image-fill::before {
    content: ""
}

.bi-image::before {
    content: ""
}

.bi-images::before {
    content: ""
}

.bi-inbox-fill::before {
    content: ""
}

.bi-inbox::before {
    content: ""
}

.bi-inboxes-fill::before {
    content: ""
}

.bi-inboxes::before {
    content: ""
}

.bi-info-circle-fill::before {
    content: ""
}

.bi-info-circle::before {
    content: ""
}

.bi-info-square-fill::before {
    content: ""
}

.bi-info-square::before {
    content: ""
}

.bi-info::before {
    content: ""
}

.bi-input-cursor-text::before {
    content: ""
}

.bi-input-cursor::before {
    content: ""
}

.bi-instagram::before {
    content: ""
}

.bi-intersect::before {
    content: ""
}

.bi-journal-album::before {
    content: ""
}

.bi-journal-arrow-down::before {
    content: ""
}

.bi-journal-arrow-up::before {
    content: ""
}

.bi-journal-bookmark-fill::before {
    content: ""
}

.bi-journal-bookmark::before {
    content: ""
}

.bi-journal-check::before {
    content: ""
}

.bi-journal-code::before {
    content: ""
}

.bi-journal-medical::before {
    content: ""
}

.bi-journal-minus::before {
    content: ""
}

.bi-journal-plus::before {
    content: ""
}

.bi-journal-richtext::before {
    content: ""
}

.bi-journal-text::before {
    content: ""
}

.bi-journal-x::before {
    content: ""
}

.bi-journal::before {
    content: ""
}

.bi-journals::before {
    content: ""
}

.bi-joystick::before {
    content: ""
}

.bi-justify-left::before {
    content: ""
}

.bi-justify-right::before {
    content: ""
}

.bi-justify::before {
    content: ""
}

.bi-kanban-fill::before {
    content: ""
}

.bi-kanban::before {
    content: ""
}

.bi-key-fill::before {
    content: ""
}

.bi-key::before {
    content: ""
}

.bi-keyboard-fill::before {
    content: ""
}

.bi-keyboard::before {
    content: ""
}

.bi-ladder::before {
    content: ""
}

.bi-lamp-fill::before {
    content: ""
}

.bi-lamp::before {
    content: ""
}

.bi-laptop-fill::before {
    content: ""
}

.bi-laptop::before {
    content: ""
}

.bi-layer-backward::before {
    content: ""
}

.bi-layer-forward::before {
    content: ""
}

.bi-layers-fill::before {
    content: ""
}

.bi-layers-half::before {
    content: ""
}

.bi-layers::before {
    content: ""
}

.bi-layout-sidebar-inset-reverse::before {
    content: ""
}

.bi-layout-sidebar-inset::before {
    content: ""
}

.bi-layout-sidebar-reverse::before {
    content: ""
}

.bi-layout-sidebar::before {
    content: ""
}

.bi-layout-split::before {
    content: ""
}

.bi-layout-text-sidebar-reverse::before {
    content: ""
}

.bi-layout-text-sidebar::before {
    content: ""
}

.bi-layout-text-window-reverse::before {
    content: ""
}

.bi-layout-text-window::before {
    content: ""
}

.bi-layout-three-columns::before {
    content: ""
}

.bi-layout-wtf::before {
    content: ""
}

.bi-life-preserver::before {
    content: ""
}

.bi-lightbulb-fill::before {
    content: ""
}

.bi-lightbulb-off-fill::before {
    content: ""
}

.bi-lightbulb-off::before {
    content: ""
}

.bi-lightbulb::before {
    content: ""
}

.bi-lightning-charge-fill::before {
    content: ""
}

.bi-lightning-charge::before {
    content: ""
}

.bi-lightning-fill::before {
    content: ""
}

.bi-lightning::before {
    content: ""
}

.bi-link-45deg::before {
    content: ""
}

.bi-link::before {
    content: ""
}

.bi-linkedin::before {
    content: ""
}

.bi-list-check::before {
    content: ""
}

.bi-list-nested::before {
    content: ""
}

.bi-list-ol::before {
    content: ""
}

.bi-list-stars::before {
    content: ""
}

.bi-list-task::before {
    content: ""
}

.bi-list-ul::before {
    content: ""
}

.bi-list::before {
    content: ""
}

.bi-lock-fill::before {
    content: ""
}

.bi-lock::before {
    content: ""
}

.bi-mailbox::before {
    content: ""
}

.bi-mailbox2::before {
    content: ""
}

.bi-map-fill::before {
    content: ""
}

.bi-map::before {
    content: ""
}

.bi-markdown-fill::before {
    content: ""
}

.bi-markdown::before {
    content: ""
}

.bi-mask::before {
    content: ""
}

.bi-megaphone-fill::before {
    content: ""
}

.bi-megaphone::before {
    content: ""
}

.bi-menu-app-fill::before {
    content: ""
}

.bi-menu-app::before {
    content: ""
}

.bi-menu-button-fill::before {
    content: ""
}

.bi-menu-button-wide-fill::before {
    content: ""
}

.bi-menu-button-wide::before {
    content: ""
}

.bi-menu-button::before {
    content: ""
}

.bi-menu-down::before {
    content: ""
}

.bi-menu-up::before {
    content: ""
}

.bi-mic-fill::before {
    content: ""
}

.bi-mic-mute-fill::before {
    content: ""
}

.bi-mic-mute::before {
    content: ""
}

.bi-mic::before {
    content: ""
}

.bi-minecart-loaded::before {
    content: ""
}

.bi-minecart::before {
    content: ""
}

.bi-moisture::before {
    content: ""
}

.bi-moon-fill::before {
    content: ""
}

.bi-moon-stars-fill::before {
    content: ""
}

.bi-moon-stars::before {
    content: ""
}

.bi-moon::before {
    content: ""
}

.bi-mouse-fill::before {
    content: ""
}

.bi-mouse::before {
    content: ""
}

.bi-mouse2-fill::before {
    content: ""
}

.bi-mouse2::before {
    content: ""
}

.bi-mouse3-fill::before {
    content: ""
}

.bi-mouse3::before {
    content: ""
}

.bi-music-note-beamed::before {
    content: ""
}

.bi-music-note-list::before {
    content: ""
}

.bi-music-note::before {
    content: ""
}

.bi-music-player-fill::before {
    content: ""
}

.bi-music-player::before {
    content: ""
}

.bi-newspaper::before {
    content: ""
}

.bi-node-minus-fill::before {
    content: ""
}

.bi-node-minus::before {
    content: ""
}

.bi-node-plus-fill::before {
    content: ""
}

.bi-node-plus::before {
    content: ""
}

.bi-nut-fill::before {
    content: ""
}

.bi-nut::before {
    content: ""
}

.bi-octagon-fill::before {
    content: ""
}

.bi-octagon-half::before {
    content: ""
}

.bi-octagon::before {
    content: ""
}

.bi-option::before {
    content: ""
}

.bi-outlet::before {
    content: ""
}

.bi-paint-bucket::before {
    content: ""
}

.bi-palette-fill::before {
    content: ""
}

.bi-palette::before {
    content: ""
}

.bi-palette2::before {
    content: ""
}

.bi-paperclip::before {
    content: ""
}

.bi-paragraph::before {
    content: ""
}

.bi-patch-check-fill::before {
    content: ""
}

.bi-patch-check::before {
    content: ""
}

.bi-patch-exclamation-fill::before {
    content: ""
}

.bi-patch-exclamation::before {
    content: ""
}

.bi-patch-minus-fill::before {
    content: ""
}

.bi-patch-minus::before {
    content: ""
}

.bi-patch-plus-fill::before {
    content: ""
}

.bi-patch-plus::before {
    content: ""
}

.bi-patch-question-fill::before {
    content: ""
}

.bi-patch-question::before {
    content: ""
}

.bi-pause-btn-fill::before {
    content: ""
}

.bi-pause-btn::before {
    content: ""
}

.bi-pause-circle-fill::before {
    content: ""
}

.bi-pause-circle::before {
    content: ""
}

.bi-pause-fill::before {
    content: ""
}

.bi-pause::before {
    content: ""
}

.bi-peace-fill::before {
    content: ""
}

.bi-peace::before {
    content: ""
}

.bi-pen-fill::before {
    content: ""
}

.bi-pen::before {
    content: ""
}

.bi-pencil-fill::before {
    content: ""
}

.bi-pencil-square::before {
    content: ""
}

.bi-pencil::before {
    content: ""
}

.bi-pentagon-fill::before {
    content: ""
}

.bi-pentagon-half::before {
    content: ""
}

.bi-pentagon::before {
    content: ""
}

.bi-people-fill::before {
    content: ""
}

.bi-people::before {
    content: ""
}

.bi-percent::before {
    content: ""
}

.bi-person-badge-fill::before {
    content: ""
}

.bi-person-badge::before {
    content: ""
}

.bi-person-bounding-box::before {
    content: ""
}

.bi-person-check-fill::before {
    content: ""
}

.bi-person-check::before {
    content: ""
}

.bi-person-circle::before {
    content: ""
}

.bi-person-dash-fill::before {
    content: ""
}

.bi-person-dash::before {
    content: ""
}

.bi-person-fill::before {
    content: ""
}

.bi-person-lines-fill::before {
    content: ""
}

.bi-person-plus-fill::before {
    content: ""
}

.bi-person-plus::before {
    content: ""
}

.bi-person-square::before {
    content: ""
}

.bi-person-x-fill::before {
    content: ""
}

.bi-person-x::before {
    content: ""
}

.bi-person::before {
    content: ""
}

.bi-phone-fill::before {
    content: ""
}

.bi-phone-landscape-fill::before {
    content: ""
}

.bi-phone-landscape::before {
    content: ""
}

.bi-phone-vibrate-fill::before {
    content: ""
}

.bi-phone-vibrate::before {
    content: ""
}

.bi-phone::before {
    content: ""
}

.bi-pie-chart-fill::before {
    content: ""
}

.bi-pie-chart::before {
    content: ""
}

.bi-pin-angle-fill::before {
    content: ""
}

.bi-pin-angle::before {
    content: ""
}

.bi-pin-fill::before {
    content: ""
}

.bi-pin::before {
    content: ""
}

.bi-pip-fill::before {
    content: ""
}

.bi-pip::before {
    content: ""
}

.bi-play-btn-fill::before {
    content: ""
}

.bi-play-btn::before {
    content: ""
}

.bi-play-circle-fill::before {
    content: ""
}

.bi-play-circle::before {
    content: ""
}

.bi-play-fill::before {
    content: ""
}

.bi-play::before {
    content: ""
}

.bi-plug-fill::before {
    content: ""
}

.bi-plug::before {
    content: ""
}

.bi-plus-circle-dotted::before {
    content: ""
}

.bi-plus-circle-fill::before {
    content: ""
}

.bi-plus-circle::before {
    content: ""
}

.bi-plus-square-dotted::before {
    content: ""
}

.bi-plus-square-fill::before {
    content: ""
}

.bi-plus-square::before {
    content: ""
}

.bi-plus::before {
    content: ""
}

.bi-power::before {
    content: ""
}

.bi-printer-fill::before {
    content: ""
}

.bi-printer::before {
    content: ""
}

.bi-puzzle-fill::before {
    content: ""
}

.bi-puzzle::before {
    content: ""
}

.bi-question-circle-fill::before {
    content: ""
}

.bi-question-circle::before {
    content: ""
}

.bi-question-diamond-fill::before {
    content: ""
}

.bi-question-diamond::before {
    content: ""
}

.bi-question-octagon-fill::before {
    content: ""
}

.bi-question-octagon::before {
    content: ""
}

.bi-question-square-fill::before {
    content: ""
}

.bi-question-square::before {
    content: ""
}

.bi-question::before {
    content: ""
}

.bi-rainbow::before {
    content: ""
}

.bi-receipt-cutoff::before {
    content: ""
}

.bi-receipt::before {
    content: ""
}

.bi-reception-0::before {
    content: ""
}

.bi-reception-1::before {
    content: ""
}

.bi-reception-2::before {
    content: ""
}

.bi-reception-3::before {
    content: ""
}

.bi-reception-4::before {
    content: ""
}

.bi-record-btn-fill::before {
    content: ""
}

.bi-record-btn::before {
    content: ""
}

.bi-record-circle-fill::before {
    content: ""
}

.bi-record-circle::before {
    content: ""
}

.bi-record-fill::before {
    content: ""
}

.bi-record::before {
    content: ""
}

.bi-record2-fill::before {
    content: ""
}

.bi-record2::before {
    content: ""
}

.bi-reply-all-fill::before {
    content: ""
}

.bi-reply-all::before {
    content: ""
}

.bi-reply-fill::before {
    content: ""
}

.bi-reply::before {
    content: ""
}

.bi-rss-fill::before {
    content: ""
}

.bi-rss::before {
    content: ""
}

.bi-rulers::before {
    content: ""
}

.bi-save-fill::before {
    content: ""
}

.bi-save::before {
    content: ""
}

.bi-save2-fill::before {
    content: ""
}

.bi-save2::before {
    content: ""
}

.bi-scissors::before {
    content: ""
}

.bi-screwdriver::before {
    content: ""
}

.bi-search::before {
    content: ""
}

.bi-segmented-nav::before {
    content: ""
}

.bi-server::before {
    content: ""
}

.bi-share-fill::before {
    content: ""
}

.bi-share::before {
    content: ""
}

.bi-shield-check::before {
    content: ""
}

.bi-shield-exclamation::before {
    content: ""
}

.bi-shield-fill-check::before {
    content: ""
}

.bi-shield-fill-exclamation::before {
    content: ""
}

.bi-shield-fill-minus::before {
    content: ""
}

.bi-shield-fill-plus::before {
    content: ""
}

.bi-shield-fill-x::before {
    content: ""
}

.bi-shield-fill::before {
    content: ""
}

.bi-shield-lock-fill::before {
    content: ""
}

.bi-shield-lock::before {
    content: ""
}

.bi-shield-minus::before {
    content: ""
}

.bi-shield-plus::before {
    content: ""
}

.bi-shield-shaded::before {
    content: ""
}

.bi-shield-slash-fill::before {
    content: ""
}

.bi-shield-slash::before {
    content: ""
}

.bi-shield-x::before {
    content: ""
}

.bi-shield::before {
    content: ""
}

.bi-shift-fill::before {
    content: ""
}

.bi-shift::before {
    content: ""
}

.bi-shop-window::before {
    content: ""
}

.bi-shop::before {
    content: ""
}

.bi-shuffle::before {
    content: ""
}

.bi-signpost-2-fill::before {
    content: ""
}

.bi-signpost-2::before {
    content: ""
}

.bi-signpost-fill::before {
    content: ""
}

.bi-signpost-split-fill::before {
    content: ""
}

.bi-signpost-split::before {
    content: ""
}

.bi-signpost::before {
    content: ""
}

.bi-sim-fill::before {
    content: ""
}

.bi-sim::before {
    content: ""
}

.bi-skip-backward-btn-fill::before {
    content: ""
}

.bi-skip-backward-btn::before {
    content: ""
}

.bi-skip-backward-circle-fill::before {
    content: ""
}

.bi-skip-backward-circle::before {
    content: ""
}

.bi-skip-backward-fill::before {
    content: ""
}

.bi-skip-backward::before {
    content: ""
}

.bi-skip-end-btn-fill::before {
    content: ""
}

.bi-skip-end-btn::before {
    content: ""
}

.bi-skip-end-circle-fill::before {
    content: ""
}

.bi-skip-end-circle::before {
    content: ""
}

.bi-skip-end-fill::before {
    content: ""
}

.bi-skip-end::before {
    content: ""
}

.bi-skip-forward-btn-fill::before {
    content: ""
}

.bi-skip-forward-btn::before {
    content: ""
}

.bi-skip-forward-circle-fill::before {
    content: ""
}

.bi-skip-forward-circle::before {
    content: ""
}

.bi-skip-forward-fill::before {
    content: ""
}

.bi-skip-forward::before {
    content: ""
}

.bi-skip-start-btn-fill::before {
    content: ""
}

.bi-skip-start-btn::before {
    content: ""
}

.bi-skip-start-circle-fill::before {
    content: ""
}

.bi-skip-start-circle::before {
    content: ""
}

.bi-skip-start-fill::before {
    content: ""
}

.bi-skip-start::before {
    content: ""
}

.bi-slack::before {
    content: ""
}

.bi-slash-circle-fill::before {
    content: ""
}

.bi-slash-circle::before {
    content: ""
}

.bi-slash-square-fill::before {
    content: ""
}

.bi-slash-square::before {
    content: ""
}

.bi-slash::before {
    content: ""
}

.bi-sliders::before {
    content: ""
}

.bi-smartwatch::before {
    content: ""
}

.bi-snow::before {
    content: ""
}

.bi-snow2::before {
    content: ""
}

.bi-snow3::before {
    content: ""
}

.bi-sort-alpha-down-alt::before {
    content: ""
}

.bi-sort-alpha-down::before {
    content: ""
}

.bi-sort-alpha-up-alt::before {
    content: ""
}

.bi-sort-alpha-up::before {
    content: ""
}

.bi-sort-down-alt::before {
    content: ""
}

.bi-sort-down::before {
    content: ""
}

.bi-sort-numeric-down-alt::before {
    content: ""
}

.bi-sort-numeric-down::before {
    content: ""
}

.bi-sort-numeric-up-alt::before {
    content: ""
}

.bi-sort-numeric-up::before {
    content: ""
}

.bi-sort-up-alt::before {
    content: ""
}

.bi-sort-up::before {
    content: ""
}

.bi-soundwave::before {
    content: ""
}

.bi-speaker-fill::before {
    content: ""
}

.bi-speaker::before {
    content: ""
}

.bi-speedometer::before {
    content: ""
}

.bi-speedometer2::before {
    content: ""
}

.bi-spellcheck::before {
    content: ""
}

.bi-square-fill::before {
    content: ""
}

.bi-square-half::before {
    content: ""
}

.bi-square::before {
    content: ""
}

.bi-stack::before {
    content: ""
}

.bi-star-fill::before {
    content: ""
}

.bi-star-half::before {
    content: ""
}

.bi-star::before {
    content: ""
}

.bi-stars::before {
    content: ""
}

.bi-stickies-fill::before {
    content: ""
}

.bi-stickies::before {
    content: ""
}

.bi-sticky-fill::before {
    content: ""
}

.bi-sticky::before {
    content: ""
}

.bi-stop-btn-fill::before {
    content: ""
}

.bi-stop-btn::before {
    content: ""
}

.bi-stop-circle-fill::before {
    content: ""
}

.bi-stop-circle::before {
    content: ""
}

.bi-stop-fill::before {
    content: ""
}

.bi-stop::before {
    content: ""
}

.bi-stoplights-fill::before {
    content: ""
}

.bi-stoplights::before {
    content: ""
}

.bi-stopwatch-fill::before {
    content: ""
}

.bi-stopwatch::before {
    content: ""
}

.bi-subtract::before {
    content: ""
}

.bi-suit-club-fill::before {
    content: ""
}

.bi-suit-club::before {
    content: ""
}

.bi-suit-diamond-fill::before {
    content: ""
}

.bi-suit-diamond::before {
    content: ""
}

.bi-suit-heart-fill::before {
    content: ""
}

.bi-suit-heart::before {
    content: ""
}

.bi-suit-spade-fill::before {
    content: ""
}

.bi-suit-spade::before {
    content: ""
}

.bi-sun-fill::before {
    content: ""
}

.bi-sun::before {
    content: ""
}

.bi-sunglasses::before {
    content: ""
}

.bi-sunrise-fill::before {
    content: ""
}

.bi-sunrise::before {
    content: ""
}

.bi-sunset-fill::before {
    content: ""
}

.bi-sunset::before {
    content: ""
}

.bi-symmetry-horizontal::before {
    content: ""
}

.bi-symmetry-vertical::before {
    content: ""
}

.bi-table::before {
    content: ""
}

.bi-tablet-fill::before {
    content: ""
}

.bi-tablet-landscape-fill::before {
    content: ""
}

.bi-tablet-landscape::before {
    content: ""
}

.bi-tablet::before {
    content: ""
}

.bi-tag-fill::before {
    content: ""
}

.bi-tag::before {
    content: ""
}

.bi-tags-fill::before {
    content: ""
}

.bi-tags::before {
    content: ""
}

.bi-telegram::before {
    content: ""
}

.bi-telephone-fill::before {
    content: ""
}

.bi-telephone-forward-fill::before {
    content: ""
}

.bi-telephone-forward::before {
    content: ""
}

.bi-telephone-inbound-fill::before {
    content: ""
}

.bi-telephone-inbound::before {
    content: ""
}

.bi-telephone-minus-fill::before {
    content: ""
}

.bi-telephone-minus::before {
    content: ""
}

.bi-telephone-outbound-fill::before {
    content: ""
}

.bi-telephone-outbound::before {
    content: ""
}

.bi-telephone-plus-fill::before {
    content: ""
}

.bi-telephone-plus::before {
    content: ""
}

.bi-telephone-x-fill::before {
    content: ""
}

.bi-telephone-x::before {
    content: ""
}

.bi-telephone::before {
    content: ""
}

.bi-terminal-fill::before {
    content: ""
}

.bi-terminal::before {
    content: ""
}

.bi-text-center::before {
    content: ""
}

.bi-text-indent-left::before {
    content: ""
}

.bi-text-indent-right::before {
    content: ""
}

.bi-text-left::before {
    content: ""
}

.bi-text-paragraph::before {
    content: ""
}

.bi-text-right::before {
    content: ""
}

.bi-textarea-resize::before {
    content: ""
}

.bi-textarea-t::before {
    content: ""
}

.bi-textarea::before {
    content: ""
}

.bi-thermometer-half::before {
    content: ""
}

.bi-thermometer-high::before {
    content: ""
}

.bi-thermometer-low::before {
    content: ""
}

.bi-thermometer-snow::before {
    content: ""
}

.bi-thermometer-sun::before {
    content: ""
}

.bi-thermometer::before {
    content: ""
}

.bi-three-dots-vertical::before {
    content: ""
}

.bi-three-dots::before {
    content: ""
}

.bi-toggle-off::before {
    content: ""
}

.bi-toggle-on::before {
    content: ""
}

.bi-toggle2-off::before {
    content: ""
}

.bi-toggle2-on::before {
    content: ""
}

.bi-toggles::before {
    content: ""
}

.bi-toggles2::before {
    content: ""
}

.bi-tools::before {
    content: ""
}

.bi-tornado::before {
    content: ""
}

.bi-trash-fill::before {
    content: ""
}

.bi-trash::before {
    content: ""
}

.bi-trash2-fill::before {
    content: ""
}

.bi-trash2::before {
    content: ""
}

.bi-tree-fill::before {
    content: ""
}

.bi-tree::before {
    content: ""
}

.bi-triangle-fill::before {
    content: ""
}

.bi-triangle-half::before {
    content: ""
}

.bi-triangle::before {
    content: ""
}

.bi-trophy-fill::before {
    content: ""
}

.bi-trophy::before {
    content: ""
}

.bi-tropical-storm::before {
    content: ""
}

.bi-truck-flatbed::before {
    content: ""
}

.bi-truck::before {
    content: ""
}

.bi-tsunami::before {
    content: ""
}

.bi-tv-fill::before {
    content: ""
}

.bi-tv::before {
    content: ""
}

.bi-twitch::before {
    content: ""
}

.bi-twitter::before {
    content: ""
}

.bi-type-bold::before {
    content: ""
}

.bi-type-h1::before {
    content: ""
}

.bi-type-h2::before {
    content: ""
}

.bi-type-h3::before {
    content: ""
}

.bi-type-italic::before {
    content: ""
}

.bi-type-strikethrough::before {
    content: ""
}

.bi-type-underline::before {
    content: ""
}

.bi-type::before {
    content: ""
}

.bi-ui-checks-grid::before {
    content: ""
}

.bi-ui-checks::before {
    content: ""
}

.bi-ui-radios-grid::before {
    content: ""
}

.bi-ui-radios::before {
    content: ""
}

.bi-umbrella-fill::before {
    content: ""
}

.bi-umbrella::before {
    content: ""
}

.bi-union::before {
    content: ""
}

.bi-unlock-fill::before {
    content: ""
}

.bi-unlock::before {
    content: ""
}

.bi-upc-scan::before {
    content: ""
}

.bi-upc::before {
    content: ""
}

.bi-upload::before {
    content: ""
}

.bi-vector-pen::before {
    content: ""
}

.bi-view-list::before {
    content: ""
}

.bi-view-stacked::before {
    content: ""
}

.bi-vinyl-fill::before {
    content: ""
}

.bi-vinyl::before {
    content: ""
}

.bi-voicemail::before {
    content: ""
}

.bi-volume-down-fill::before {
    content: ""
}

.bi-volume-down::before {
    content: ""
}

.bi-volume-mute-fill::before {
    content: ""
}

.bi-volume-mute::before {
    content: ""
}

.bi-volume-off-fill::before {
    content: ""
}

.bi-volume-off::before {
    content: ""
}

.bi-volume-up-fill::before {
    content: ""
}

.bi-volume-up::before {
    content: ""
}

.bi-vr::before {
    content: ""
}

.bi-wallet-fill::before {
    content: ""
}

.bi-wallet::before {
    content: ""
}

.bi-wallet2::before {
    content: ""
}

.bi-watch::before {
    content: ""
}

.bi-water::before {
    content: ""
}

.bi-whatsapp::before {
    content: ""
}

.bi-wifi-1::before {
    content: ""
}

.bi-wifi-2::before {
    content: ""
}

.bi-wifi-off::before {
    content: ""
}

.bi-wifi::before {
    content: ""
}

.bi-wind::before {
    content: ""
}

.bi-window-dock::before {
    content: ""
}

.bi-window-sidebar::before {
    content: ""
}

.bi-window::before {
    content: ""
}

.bi-wrench::before {
    content: ""
}

.bi-x-circle-fill::before {
    content: ""
}

.bi-x-circle::before {
    content: ""
}

.bi-x-diamond-fill::before {
    content: ""
}

.bi-x-diamond::before {
    content: ""
}

.bi-x-octagon-fill::before {
    content: ""
}

.bi-x-octagon::before {
    content: ""
}

.bi-x-square-fill::before {
    content: ""
}

.bi-x-square::before {
    content: ""
}

.bi-x::before {
    content: ""
}

.bi-youtube::before {
    content: ""
}

.bi-zoom-in::before {
    content: ""
}

.bi-zoom-out::before {
    content: ""
}

.bi-bank::before {
    content: ""
}

.bi-bank2::before {
    content: ""
}

.bi-bell-slash-fill::before {
    content: ""
}

.bi-bell-slash::before {
    content: ""
}

.bi-cash-coin::before {
    content: ""
}

.bi-check-lg::before {
    content: ""
}

.bi-coin::before {
    content: ""
}

.bi-currency-bitcoin::before {
    content: ""
}

.bi-currency-dollar::before {
    content: ""
}

.bi-currency-euro::before {
    content: ""
}

.bi-currency-exchange::before {
    content: ""
}

.bi-currency-pound::before {
    content: ""
}

.bi-currency-yen::before {
    content: ""
}

.bi-dash-lg::before {
    content: ""
}

.bi-exclamation-lg::before {
    content: ""
}

.bi-file-earmark-pdf-fill::before {
    content: ""
}

.bi-file-earmark-pdf::before {
    content: ""
}

.bi-file-pdf-fill::before {
    content: ""
}

.bi-file-pdf::before {
    content: ""
}

.bi-gender-ambiguous::before {
    content: ""
}

.bi-gender-female::before {
    content: ""
}

.bi-gender-male::before {
    content: ""
}

.bi-gender-trans::before {
    content: ""
}

.bi-headset-vr::before {
    content: ""
}

.bi-info-lg::before {
    content: ""
}

.bi-mastodon::before {
    content: ""
}

.bi-messenger::before {
    content: ""
}

.bi-piggy-bank-fill::before {
    content: ""
}

.bi-piggy-bank::before {
    content: ""
}

.bi-pin-map-fill::before {
    content: ""
}

.bi-pin-map::before {
    content: ""
}

.bi-plus-lg::before {
    content: ""
}

.bi-question-lg::before {
    content: ""
}

.bi-recycle::before {
    content: ""
}

.bi-reddit::before {
    content: ""
}

.bi-safe-fill::before {
    content: ""
}

.bi-safe2-fill::before {
    content: ""
}

.bi-safe2::before {
    content: ""
}

.bi-sd-card-fill::before {
    content: ""
}

.bi-sd-card::before {
    content: ""
}

.bi-skype::before {
    content: ""
}

.bi-slash-lg::before {
    content: ""
}

.bi-translate::before {
    content: ""
}

.bi-x-lg::before {
    content: ""
}

.bi-safe::before {
    content: ""
}

.bi-apple::before {
    content: ""
}

.bi-microsoft::before {
    content: ""
}

.bi-windows::before {
    content: ""
}

.bi-behance::before {
    content: ""
}

.bi-dribbble::before {
    content: ""
}

.bi-line::before {
    content: ""
}

.bi-medium::before {
    content: ""
}

.bi-paypal::before {
    content: ""
}

.bi-pinterest::before {
    content: ""
}

.bi-signal::before {
    content: ""
}

.bi-snapchat::before {
    content: ""
}

.bi-spotify::before {
    content: ""
}

.bi-stack-overflow::before {
    content: ""
}

.bi-strava::before {
    content: ""
}

.bi-wordpress::before {
    content: ""
}

.bi-vimeo::before {
    content: ""
}

.bi-activity::before {
    content: ""
}

.bi-easel2-fill::before {
    content: ""
}

.bi-easel2::before {
    content: ""
}

.bi-easel3-fill::before {
    content: ""
}

.bi-easel3::before {
    content: ""
}

.bi-fan::before {
    content: ""
}

.bi-fingerprint::before {
    content: ""
}

.bi-graph-down-arrow::before {
    content: ""
}

.bi-graph-up-arrow::before {
    content: ""
}

.bi-hypnotize::before {
    content: ""
}

.bi-magic::before {
    content: ""
}

.bi-person-rolodex::before {
    content: ""
}

.bi-person-video::before {
    content: ""
}

.bi-person-video2::before {
    content: ""
}

.bi-person-video3::before {
    content: ""
}

.bi-person-workspace::before {
    content: ""
}

.bi-radioactive::before {
    content: ""
}

.bi-webcam-fill::before {
    content: ""
}

.bi-webcam::before {
    content: ""
}

.bi-yin-yang::before {
    content: ""
}

.bi-bandaid-fill::before {
    content: ""
}

.bi-bandaid::before {
    content: ""
}

.bi-bluetooth::before {
    content: ""
}

.bi-body-text::before {
    content: ""
}

.bi-boombox::before {
    content: ""
}

.bi-boxes::before {
    content: ""
}

.bi-dpad-fill::before {
    content: ""
}

.bi-dpad::before {
    content: ""
}

.bi-ear-fill::before {
    content: ""
}

.bi-ear::before {
    content: ""
}

.bi-envelope-check-1::before {
    content: ""
}

.bi-envelope-check-fill::before {
    content: ""
}

.bi-envelope-check::before {
    content: ""
}

.bi-envelope-dash-1::before {
    content: ""
}

.bi-envelope-dash-fill::before {
    content: ""
}

.bi-envelope-dash::before {
    content: ""
}

.bi-envelope-exclamation-1::before {
    content: ""
}

.bi-envelope-exclamation-fill::before {
    content: ""
}

.bi-envelope-exclamation::before {
    content: ""
}

.bi-envelope-plus-fill::before {
    content: ""
}

.bi-envelope-plus::before {
    content: ""
}

.bi-envelope-slash-1::before {
    content: ""
}

.bi-envelope-slash-fill::before {
    content: ""
}

.bi-envelope-slash::before {
    content: ""
}

.bi-envelope-x-1::before {
    content: ""
}

.bi-envelope-x-fill::before {
    content: ""
}

.bi-envelope-x::before {
    content: ""
}

.bi-explicit-fill::before {
    content: ""
}

.bi-explicit::before {
    content: ""
}

.bi-git::before {
    content: ""
}

.bi-infinity::before {
    content: ""
}

.bi-list-columns-reverse::before {
    content: ""
}

.bi-list-columns::before {
    content: ""
}

.bi-meta::before {
    content: ""
}

.bi-mortorboard-fill::before {
    content: ""
}

.bi-mortorboard::before {
    content: ""
}

.bi-nintendo-switch::before {
    content: ""
}

.bi-pc-display-horizontal::before {
    content: ""
}

.bi-pc-display::before {
    content: ""
}

.bi-pc-horizontal::before {
    content: ""
}

.bi-pc::before {
    content: ""
}

.bi-playstation::before {
    content: ""
}

.bi-plus-slash-minus::before {
    content: ""
}

.bi-projector-fill::before {
    content: ""
}

.bi-projector::before {
    content: ""
}

.bi-qr-code-scan::before {
    content: ""
}

.bi-qr-code::before {
    content: ""
}

.bi-quora::before {
    content: ""
}

.bi-quote::before {
    content: ""
}

.bi-robot::before {
    content: ""
}

.bi-send-check-fill::before {
    content: ""
}

.bi-send-check::before {
    content: ""
}

.bi-send-dash-fill::before {
    content: ""
}

.bi-send-dash::before {
    content: ""
}

.bi-send-exclamation-1::before {
    content: ""
}

.bi-send-exclamation-fill::before {
    content: ""
}

.bi-send-exclamation::before {
    content: ""
}

.bi-send-fill::before {
    content: ""
}

.bi-send-plus-fill::before {
    content: ""
}

.bi-send-plus::before {
    content: ""
}

.bi-send-slash-fill::before {
    content: ""
}

.bi-send-slash::before {
    content: ""
}

.bi-send-x-fill::before {
    content: ""
}

.bi-send-x::before {
    content: ""
}

.bi-send::before {
    content: ""
}

.bi-steam::before {
    content: ""
}

.bi-terminal-dash-1::before {
    content: ""
}

.bi-terminal-dash::before {
    content: ""
}

.bi-terminal-plus::before {
    content: ""
}

.bi-terminal-split::before {
    content: ""
}

.bi-ticket-detailed-fill::before {
    content: ""
}

.bi-ticket-detailed::before {
    content: ""
}

.bi-ticket-fill::before {
    content: ""
}

.bi-ticket-perforated-fill::before {
    content: ""
}

.bi-ticket-perforated::before {
    content: ""
}

.bi-ticket::before {
    content: ""
}

.bi-tiktok::before {
    content: ""
}

.bi-window-dash::before {
    content: ""
}

.bi-window-desktop::before {
    content: ""
}

.bi-window-fullscreen::before {
    content: ""
}

.bi-window-plus::before {
    content: ""
}

.bi-window-split::before {
    content: ""
}

.bi-window-stack::before {
    content: ""
}

.bi-window-x::before {
    content: ""
}

.bi-xbox::before {
    content: ""
}

.bi-ethernet::before {
    content: ""
}

.bi-hdmi-fill::before {
    content: ""
}

.bi-hdmi::before {
    content: ""
}

.bi-usb-c-fill::before {
    content: ""
}

.bi-usb-c::before {
    content: ""
}

.bi-usb-fill::before {
    content: ""
}

.bi-usb-plug-fill::before {
    content: ""
}

.bi-usb-plug::before {
    content: ""
}

.bi-usb-symbol::before {
    content: ""
}

.bi-usb::before {
    content: ""
}

.bi-boombox-fill::before {
    content: ""
}

.bi-displayport-1::before {
    content: ""
}

.bi-displayport::before {
    content: ""
}

.bi-gpu-card::before {
    content: ""
}

.bi-memory::before {
    content: ""
}

.bi-modem-fill::before {
    content: ""
}

.bi-modem::before {
    content: ""
}

.bi-motherboard-fill::before {
    content: ""
}

.bi-motherboard::before {
    content: ""
}

.bi-optical-audio-fill::before {
    content: ""
}

.bi-optical-audio::before {
    content: ""
}

.bi-pci-card::before {
    content: ""
}

.bi-router-fill::before {
    content: ""
}

.bi-router::before {
    content: ""
}

.bi-ssd-fill::before {
    content: ""
}

.bi-ssd::before {
    content: ""
}

.bi-thunderbolt-fill::before {
    content: ""
}

.bi-thunderbolt::before {
    content: ""
}

.bi-usb-drive-fill::before {
    content: ""
}

.bi-usb-drive::before {
    content: ""
}

.bi-usb-micro-fill::before {
    content: ""
}

.bi-usb-micro::before {
    content: ""
}

.bi-usb-mini-fill::before {
    content: ""
}

.bi-usb-mini::before {
    content: ""
}

.bi-cloud-haze2::before {
    content: ""
}

.bi-device-hdd-fill::before {
    content: ""
}

.bi-device-hdd::before {
    content: ""
}

.bi-device-ssd-fill::before {
    content: ""
}

.bi-device-ssd::before {
    content: ""
}

.bi-displayport-fill::before {
    content: ""
}

.bi-mortarboard-fill::before {
    content: ""
}

.bi-mortarboard::before {
    content: ""
}

.bi-terminal-x::before {
    content: ""
}

.bi-arrow-through-heart-fill::before {
    content: ""
}

.bi-arrow-through-heart::before {
    content: ""
}

.bi-badge-sd-fill::before {
    content: ""
}

.bi-badge-sd::before {
    content: ""
}

.bi-bag-heart-fill::before {
    content: ""
}

.bi-bag-heart::before {
    content: ""
}

.bi-balloon-fill::before {
    content: ""
}

.bi-balloon-heart-fill::before {
    content: ""
}

.bi-balloon-heart::before {
    content: ""
}

.bi-balloon::before {
    content: ""
}

.bi-box2-fill::before {
    content: ""
}

.bi-box2-heart-fill::before {
    content: ""
}

.bi-box2-heart::before {
    content: ""
}

.bi-box2::before {
    content: ""
}

.bi-braces-asterisk::before {
    content: ""
}

.bi-calendar-heart-fill::before {
    content: ""
}

.bi-calendar-heart::before {
    content: ""
}

.bi-calendar2-heart-fill::before {
    content: ""
}

.bi-calendar2-heart::before {
    content: ""
}

.bi-chat-heart-fill::before {
    content: ""
}

.bi-chat-heart::before {
    content: ""
}

.bi-chat-left-heart-fill::before {
    content: ""
}

.bi-chat-left-heart::before {
    content: ""
}

.bi-chat-right-heart-fill::before {
    content: ""
}

.bi-chat-right-heart::before {
    content: ""
}

.bi-chat-square-heart-fill::before {
    content: ""
}

.bi-chat-square-heart::before {
    content: ""
}

.bi-clipboard-check-fill::before {
    content: ""
}

.bi-clipboard-data-fill::before {
    content: ""
}

.bi-clipboard-fill::before {
    content: ""
}

.bi-clipboard-heart-fill::before {
    content: ""
}

.bi-clipboard-heart::before {
    content: ""
}

.bi-clipboard-minus-fill::before {
    content: ""
}

.bi-clipboard-plus-fill::before {
    content: ""
}

.bi-clipboard-pulse::before {
    content: ""
}

.bi-clipboard-x-fill::before {
    content: ""
}

.bi-clipboard2-check-fill::before {
    content: ""
}

.bi-clipboard2-check::before {
    content: ""
}

.bi-clipboard2-data-fill::before {
    content: ""
}

.bi-clipboard2-data::before {
    content: ""
}

.bi-clipboard2-fill::before {
    content: ""
}

.bi-clipboard2-heart-fill::before {
    content: ""
}

.bi-clipboard2-heart::before {
    content: ""
}

.bi-clipboard2-minus-fill::before {
    content: ""
}

.bi-clipboard2-minus::before {
    content: ""
}

.bi-clipboard2-plus-fill::before {
    content: ""
}

.bi-clipboard2-plus::before {
    content: ""
}

.bi-clipboard2-pulse-fill::before {
    content: ""
}

.bi-clipboard2-pulse::before {
    content: ""
}

.bi-clipboard2-x-fill::before {
    content: ""
}

.bi-clipboard2-x::before {
    content: ""
}

.bi-clipboard2::before {
    content: ""
}

.bi-emoji-kiss-fill::before {
    content: ""
}

.bi-emoji-kiss::before {
    content: ""
}

.bi-envelope-heart-fill::before {
    content: ""
}

.bi-envelope-heart::before {
    content: ""
}

.bi-envelope-open-heart-fill::before {
    content: ""
}

.bi-envelope-open-heart::before {
    content: ""
}

.bi-envelope-paper-fill::before {
    content: ""
}

.bi-envelope-paper-heart-fill::before {
    content: ""
}

.bi-envelope-paper-heart::before {
    content: ""
}

.bi-envelope-paper::before {
    content: ""
}

.bi-filetype-aac::before {
    content: ""
}

.bi-filetype-ai::before {
    content: ""
}

.bi-filetype-bmp::before {
    content: ""
}

.bi-filetype-cs::before {
    content: ""
}

.bi-filetype-css::before {
    content: ""
}

.bi-filetype-csv::before {
    content: ""
}

.bi-filetype-doc::before {
    content: ""
}

.bi-filetype-docx::before {
    content: ""
}

.bi-filetype-exe::before {
    content: ""
}

.bi-filetype-gif::before {
    content: ""
}

.bi-filetype-heic::before {
    content: ""
}

.bi-filetype-html::before {
    content: ""
}

.bi-filetype-java::before {
    content: ""
}

.bi-filetype-jpg::before {
    content: ""
}

.bi-filetype-js::before {
    content: ""
}

.bi-filetype-jsx::before {
    content: ""
}

.bi-filetype-key::before {
    content: ""
}

.bi-filetype-m4p::before {
    content: ""
}

.bi-filetype-md::before {
    content: ""
}

.bi-filetype-mdx::before {
    content: ""
}

.bi-filetype-mov::before {
    content: ""
}

.bi-filetype-mp3::before {
    content: ""
}

.bi-filetype-mp4::before {
    content: ""
}

.bi-filetype-otf::before {
    content: ""
}

.bi-filetype-pdf::before {
    content: ""
}

.bi-filetype-php::before {
    content: ""
}

.bi-filetype-png::before {
    content: ""
}

.bi-filetype-ppt-1::before {
    content: ""
}

.bi-filetype-ppt::before {
    content: ""
}

.bi-filetype-psd::before {
    content: ""
}

.bi-filetype-py::before {
    content: ""
}

.bi-filetype-raw::before {
    content: ""
}

.bi-filetype-rb::before {
    content: ""
}

.bi-filetype-sass::before {
    content: ""
}

.bi-filetype-scss::before {
    content: ""
}

.bi-filetype-sh::before {
    content: ""
}

.bi-filetype-svg::before {
    content: ""
}

.bi-filetype-tiff::before {
    content: ""
}

.bi-filetype-tsx::before {
    content: ""
}

.bi-filetype-ttf::before {
    content: ""
}

.bi-filetype-txt::before {
    content: ""
}

.bi-filetype-wav::before {
    content: ""
}

.bi-filetype-woff::before {
    content: ""
}

.bi-filetype-xls-1::before {
    content: ""
}

.bi-filetype-xls::before {
    content: ""
}

.bi-filetype-xml::before {
    content: ""
}

.bi-filetype-yml::before {
    content: ""
}

.bi-heart-arrow::before {
    content: ""
}

.bi-heart-pulse-fill::before {
    content: ""
}

.bi-heart-pulse::before {
    content: ""
}

.bi-heartbreak-fill::before {
    content: ""
}

.bi-heartbreak::before {
    content: ""
}

.bi-hearts::before {
    content: ""
}

.bi-hospital-fill::before {
    content: ""
}

.bi-hospital::before {
    content: ""
}

.bi-house-heart-fill::before {
    content: ""
}

.bi-house-heart::before {
    content: ""
}

.bi-incognito::before {
    content: ""
}

.bi-magnet-fill::before {
    content: ""
}

.bi-magnet::before {
    content: ""
}

.bi-person-heart::before {
    content: ""
}

.bi-person-hearts::before {
    content: ""
}

.bi-phone-flip::before {
    content: ""
}

.bi-plugin::before {
    content: ""
}

.bi-postage-fill::before {
    content: ""
}

.bi-postage-heart-fill::before {
    content: ""
}

.bi-postage-heart::before {
    content: ""
}

.bi-postage::before {
    content: ""
}

.bi-postcard-fill::before {
    content: ""
}

.bi-postcard-heart-fill::before {
    content: ""
}

.bi-postcard-heart::before {
    content: ""
}

.bi-postcard::before {
    content: ""
}

.bi-search-heart-fill::before {
    content: ""
}

.bi-search-heart::before {
    content: ""
}

.bi-sliders2-vertical::before {
    content: ""
}

.bi-sliders2::before {
    content: ""
}

.bi-trash3-fill::before {
    content: ""
}

.bi-trash3::before {
    content: ""
}

.bi-valentine::before {
    content: ""
}

.bi-valentine2::before {
    content: ""
}

.bi-wrench-adjustable-circle-fill::before {
    content: ""
}

.bi-wrench-adjustable-circle::before {
    content: ""
}

.bi-wrench-adjustable::before {
    content: ""
}

.bi-filetype-json::before {
    content: ""
}

.bi-filetype-pptx::before {
    content: ""
}

.bi-filetype-xlsx::before {
    content: ""
}

.bi-1-circle-1::before {
    content: ""
}

.bi-1-circle-fill-1::before {
    content: ""
}

.bi-1-circle-fill::before {
    content: ""
}

.bi-1-circle::before {
    content: ""
}

.bi-1-square-fill::before {
    content: ""
}

.bi-1-square::before {
    content: ""
}

.bi-2-circle-1::before {
    content: ""
}

.bi-2-circle-fill-1::before {
    content: ""
}

.bi-2-circle-fill::before {
    content: ""
}

.bi-2-circle::before {
    content: ""
}

.bi-2-square-fill::before {
    content: ""
}

.bi-2-square::before {
    content: ""
}

.bi-3-circle-1::before {
    content: ""
}

.bi-3-circle-fill-1::before {
    content: ""
}

.bi-3-circle-fill::before {
    content: ""
}

.bi-3-circle::before {
    content: ""
}

.bi-3-square-fill::before {
    content: ""
}

.bi-3-square::before {
    content: ""
}

.bi-4-circle-1::before {
    content: ""
}

.bi-4-circle-fill-1::before {
    content: ""
}

.bi-4-circle-fill::before {
    content: ""
}

.bi-4-circle::before {
    content: ""
}

.bi-4-square-fill::before {
    content: ""
}

.bi-4-square::before {
    content: ""
}

.bi-5-circle-1::before {
    content: ""
}

.bi-5-circle-fill-1::before {
    content: ""
}

.bi-5-circle-fill::before {
    content: ""
}

.bi-5-circle::before {
    content: ""
}

.bi-5-square-fill::before {
    content: ""
}

.bi-5-square::before {
    content: ""
}

.bi-6-circle-1::before {
    content: ""
}

.bi-6-circle-fill-1::before {
    content: ""
}

.bi-6-circle-fill::before {
    content: ""
}

.bi-6-circle::before {
    content: ""
}

.bi-6-square-fill::before {
    content: ""
}

.bi-6-square::before {
    content: ""
}

.bi-7-circle-1::before {
    content: ""
}

.bi-7-circle-fill-1::before {
    content: ""
}

.bi-7-circle-fill::before {
    content: ""
}

.bi-7-circle::before {
    content: ""
}

.bi-7-square-fill::before {
    content: ""
}

.bi-7-square::before {
    content: ""
}

.bi-8-circle-1::before {
    content: ""
}

.bi-8-circle-fill-1::before {
    content: ""
}

.bi-8-circle-fill::before {
    content: ""
}

.bi-8-circle::before {
    content: ""
}

.bi-8-square-fill::before {
    content: ""
}

.bi-8-square::before {
    content: ""
}

.bi-9-circle-1::before {
    content: ""
}

.bi-9-circle-fill-1::before {
    content: ""
}

.bi-9-circle-fill::before {
    content: ""
}

.bi-9-circle::before {
    content: ""
}

.bi-9-square-fill::before {
    content: ""
}

.bi-9-square::before {
    content: ""
}

.bi-airplane-engines-fill::before {
    content: ""
}

.bi-airplane-engines::before {
    content: ""
}

.bi-airplane-fill::before {
    content: ""
}

.bi-airplane::before {
    content: ""
}

.bi-alexa::before {
    content: ""
}

.bi-alipay::before {
    content: ""
}

.bi-android::before {
    content: ""
}

.bi-android2::before {
    content: ""
}

.bi-box-fill::before {
    content: ""
}

.bi-box-seam-fill::before {
    content: ""
}

.bi-browser-chrome::before {
    content: ""
}

.bi-browser-edge::before {
    content: ""
}

.bi-browser-firefox::before {
    content: ""
}

.bi-browser-safari::before {
    content: ""
}

.bi-c-circle-1::before {
    content: ""
}

.bi-c-circle-fill-1::before {
    content: ""
}

.bi-c-circle-fill::before {
    content: ""
}

.bi-c-circle::before {
    content: ""
}

.bi-c-square-fill::before {
    content: ""
}

.bi-c-square::before {
    content: ""
}

.bi-capsule-pill::before {
    content: ""
}

.bi-capsule::before {
    content: ""
}

.bi-car-front-fill::before {
    content: ""
}

.bi-car-front::before {
    content: ""
}

.bi-cassette-fill::before {
    content: ""
}

.bi-cassette::before {
    content: ""
}

.bi-cc-circle-1::before {
    content: ""
}

.bi-cc-circle-fill-1::before {
    content: ""
}

.bi-cc-circle-fill::before {
    content: ""
}

.bi-cc-circle::before {
    content: ""
}

.bi-cc-square-fill::before {
    content: ""
}

.bi-cc-square::before {
    content: ""
}

.bi-cup-hot-fill::before {
    content: ""
}

.bi-cup-hot::before {
    content: ""
}

.bi-currency-rupee::before {
    content: ""
}

.bi-dropbox::before {
    content: ""
}

.bi-escape::before {
    content: ""
}

.bi-fast-forward-btn-fill::before {
    content: ""
}

.bi-fast-forward-btn::before {
    content: ""
}

.bi-fast-forward-circle-fill::before {
    content: ""
}

.bi-fast-forward-circle::before {
    content: ""
}

.bi-fast-forward-fill::before {
    content: ""
}

.bi-fast-forward::before {
    content: ""
}

.bi-filetype-sql::before {
    content: ""
}

.bi-fire::before {
    content: ""
}

.bi-google-play::before {
    content: ""
}

.bi-h-circle-1::before {
    content: ""
}

.bi-h-circle-fill-1::before {
    content: ""
}

.bi-h-circle-fill::before {
    content: ""
}

.bi-h-circle::before {
    content: ""
}

.bi-h-square-fill::before {
    content: ""
}

.bi-h-square::before {
    content: ""
}

.bi-indent::before {
    content: ""
}

.bi-lungs-fill::before {
    content: ""
}

.bi-lungs::before {
    content: ""
}

.bi-microsoft-teams::before {
    content: ""
}

.bi-p-circle-1::before {
    content: ""
}

.bi-p-circle-fill-1::before {
    content: ""
}

.bi-p-circle-fill::before {
    content: ""
}

.bi-p-circle::before {
    content: ""
}

.bi-p-square-fill::before {
    content: ""
}

.bi-p-square::before {
    content: ""
}

.bi-pass-fill::before {
    content: ""
}

.bi-pass::before {
    content: ""
}

.bi-prescription::before {
    content: ""
}

.bi-prescription2::before {
    content: ""
}

.bi-r-circle-1::before {
    content: ""
}

.bi-r-circle-fill-1::before {
    content: ""
}

.bi-r-circle-fill::before {
    content: ""
}

.bi-r-circle::before {
    content: ""
}

.bi-r-square-fill::before {
    content: ""
}

.bi-r-square::before {
    content: ""
}

.bi-repeat-1::before {
    content: ""
}

.bi-repeat::before {
    content: ""
}

.bi-rewind-btn-fill::before {
    content: ""
}

.bi-rewind-btn::before {
    content: ""
}

.bi-rewind-circle-fill::before {
    content: ""
}

.bi-rewind-circle::before {
    content: ""
}

.bi-rewind-fill::before {
    content: ""
}

.bi-rewind::before {
    content: ""
}

.bi-train-freight-front-fill::before {
    content: ""
}

.bi-train-freight-front::before {
    content: ""
}

.bi-train-front-fill::before {
    content: ""
}

.bi-train-front::before {
    content: ""
}

.bi-train-lightrail-front-fill::before {
    content: ""
}

.bi-train-lightrail-front::before {
    content: ""
}

.bi-truck-front-fill::before {
    content: ""
}

.bi-truck-front::before {
    content: ""
}

.bi-ubuntu::before {
    content: ""
}

.bi-unindent::before {
    content: ""
}

.bi-unity::before {
    content: ""
}

.bi-universal-access-circle::before {
    content: ""
}

.bi-universal-access::before {
    content: ""
}

.bi-virus::before {
    content: ""
}

.bi-virus2::before {
    content: ""
}

.bi-wechat::before {
    content: ""
}

.bi-yelp::before {
    content: ""
}

.bi-sign-stop-fill::before {
    content: ""
}

.bi-sign-stop-lights-fill::before {
    content: ""
}

.bi-sign-stop-lights::before {
    content: ""
}

.bi-sign-stop::before {
    content: ""
}

.bi-sign-turn-left-fill::before {
    content: ""
}

.bi-sign-turn-left::before {
    content: ""
}

.bi-sign-turn-right-fill::before {
    content: ""
}

.bi-sign-turn-right::before {
    content: ""
}

.bi-sign-turn-slight-left-fill::before {
    content: ""
}

.bi-sign-turn-slight-left::before {
    content: ""
}

.bi-sign-turn-slight-right-fill::before {
    content: ""
}

.bi-sign-turn-slight-right::before {
    content: ""
}

.bi-sign-yield-fill::before {
    content: ""
}

.bi-sign-yield::before {
    content: ""
}

.bi-ev-station-fill::before {
    content: ""
}

.bi-ev-station::before {
    content: ""
}

.bi-fuel-pump-diesel-fill::before {
    content: ""
}

.bi-fuel-pump-diesel::before {
    content: ""
}

.bi-fuel-pump-fill::before {
    content: ""
}

.bi-fuel-pump::before {
    content: ""
}

.bi-0-circle-fill::before {
    content: ""
}

.bi-0-circle::before {
    content: ""
}

.bi-0-square-fill::before {
    content: ""
}

.bi-0-square::before {
    content: ""
}

.bi-rocket-fill::before {
    content: ""
}

.bi-rocket-takeoff-fill::before {
    content: ""
}

.bi-rocket-takeoff::before {
    content: ""
}

.bi-rocket::before {
    content: ""
}

.bi-stripe::before {
    content: ""
}

.bi-subscript::before {
    content: ""
}

.bi-superscript::before {
    content: ""
}

.bi-trello::before {
    content: ""
}

.bi-envelope-at-fill::before {
    content: ""
}

.bi-envelope-at::before {
    content: ""
}

.bi-regex::before {
    content: ""
}

.bi-text-wrap::before {
    content: ""
}

.bi-sign-dead-end-fill::before {
    content: ""
}

.bi-sign-dead-end::before {
    content: ""
}

.bi-sign-do-not-enter-fill::before {
    content: ""
}

.bi-sign-do-not-enter::before {
    content: ""
}

.bi-sign-intersection-fill::before {
    content: ""
}

.bi-sign-intersection-side-fill::before {
    content: ""
}

.bi-sign-intersection-side::before {
    content: ""
}

.bi-sign-intersection-t-fill::before {
    content: ""
}

.bi-sign-intersection-t::before {
    content: ""
}

.bi-sign-intersection-y-fill::before {
    content: ""
}

.bi-sign-intersection-y::before {
    content: ""
}

.bi-sign-intersection::before {
    content: ""
}

.bi-sign-merge-left-fill::before {
    content: ""
}

.bi-sign-merge-left::before {
    content: ""
}

.bi-sign-merge-right-fill::before {
    content: ""
}

.bi-sign-merge-right::before {
    content: ""
}

.bi-sign-no-left-turn-fill::before {
    content: ""
}

.bi-sign-no-left-turn::before {
    content: ""
}

.bi-sign-no-parking-fill::before {
    content: ""
}

.bi-sign-no-parking::before {
    content: ""
}

.bi-sign-no-right-turn-fill::before {
    content: ""
}

.bi-sign-no-right-turn::before {
    content: ""
}

.bi-sign-railroad-fill::before {
    content: ""
}

.bi-sign-railroad::before {
    content: ""
}

.bi-building-add::before {
    content: ""
}

.bi-building-check::before {
    content: ""
}

.bi-building-dash::before {
    content: ""
}

.bi-building-down::before {
    content: ""
}

.bi-building-exclamation::before {
    content: ""
}

.bi-building-fill-add::before {
    content: ""
}

.bi-building-fill-check::before {
    content: ""
}

.bi-building-fill-dash::before {
    content: ""
}

.bi-building-fill-down::before {
    content: ""
}

.bi-building-fill-exclamation::before {
    content: ""
}

.bi-building-fill-gear::before {
    content: ""
}

.bi-building-fill-lock::before {
    content: ""
}

.bi-building-fill-slash::before {
    content: ""
}

.bi-building-fill-up::before {
    content: ""
}

.bi-building-fill-x::before {
    content: ""
}

.bi-building-fill::before {
    content: ""
}

.bi-building-gear::before {
    content: ""
}

.bi-building-lock::before {
    content: ""
}

.bi-building-slash::before {
    content: ""
}

.bi-building-up::before {
    content: ""
}

.bi-building-x::before {
    content: ""
}

.bi-buildings-fill::before {
    content: ""
}

.bi-buildings::before {
    content: ""
}

.bi-bus-front-fill::before {
    content: ""
}

.bi-bus-front::before {
    content: ""
}

.bi-ev-front-fill::before {
    content: ""
}

.bi-ev-front::before {
    content: ""
}

.bi-globe-americas::before {
    content: ""
}

.bi-globe-asia-australia::before {
    content: ""
}

.bi-globe-central-south-asia::before {
    content: ""
}

.bi-globe-europe-africa::before {
    content: ""
}

.bi-house-add-fill::before {
    content: ""
}

.bi-house-add::before {
    content: ""
}

.bi-house-check-fill::before {
    content: ""
}

.bi-house-check::before {
    content: ""
}

.bi-house-dash-fill::before {
    content: ""
}

.bi-house-dash::before {
    content: ""
}

.bi-house-down-fill::before {
    content: ""
}

.bi-house-down::before {
    content: ""
}

.bi-house-exclamation-fill::before {
    content: ""
}

.bi-house-exclamation::before {
    content: ""
}

.bi-house-gear-fill::before {
    content: ""
}

.bi-house-gear::before {
    content: ""
}

.bi-house-lock-fill::before {
    content: ""
}

.bi-house-lock::before {
    content: ""
}

.bi-house-slash-fill::before {
    content: ""
}

.bi-house-slash::before {
    content: ""
}

.bi-house-up-fill::before {
    content: ""
}

.bi-house-up::before {
    content: ""
}

.bi-house-x-fill::before {
    content: ""
}

.bi-house-x::before {
    content: ""
}

.bi-person-add::before {
    content: ""
}

.bi-person-down::before {
    content: ""
}

.bi-person-exclamation::before {
    content: ""
}

.bi-person-fill-add::before {
    content: ""
}

.bi-person-fill-check::before {
    content: ""
}

.bi-person-fill-dash::before {
    content: ""
}

.bi-person-fill-down::before {
    content: ""
}

.bi-person-fill-exclamation::before {
    content: ""
}

.bi-person-fill-gear::before {
    content: ""
}

.bi-person-fill-lock::before {
    content: ""
}

.bi-person-fill-slash::before {
    content: ""
}

.bi-person-fill-up::before {
    content: ""
}

.bi-person-fill-x::before {
    content: ""
}

.bi-person-gear::before {
    content: ""
}

.bi-person-lock::before {
    content: ""
}

.bi-person-slash::before {
    content: ""
}

.bi-person-up::before {
    content: ""
}

.bi-scooter::before {
    content: ""
}

.bi-taxi-front-fill::before {
    content: ""
}

.bi-taxi-front::before {
    content: ""
}

.bi-amd::before {
    content: ""
}

.bi-database-add::before {
    content: ""
}

.bi-database-check::before {
    content: ""
}

.bi-database-dash::before {
    content: ""
}

.bi-database-down::before {
    content: ""
}

.bi-database-exclamation::before {
    content: ""
}

.bi-database-fill-add::before {
    content: ""
}

.bi-database-fill-check::before {
    content: ""
}

.bi-database-fill-dash::before {
    content: ""
}

.bi-database-fill-down::before {
    content: ""
}

.bi-database-fill-exclamation::before {
    content: ""
}

.bi-database-fill-gear::before {
    content: ""
}

.bi-database-fill-lock::before {
    content: ""
}

.bi-database-fill-slash::before {
    content: ""
}

.bi-database-fill-up::before {
    content: ""
}

.bi-database-fill-x::before {
    content: ""
}

.bi-database-fill::before {
    content: ""
}

.bi-database-gear::before {
    content: ""
}

.bi-database-lock::before {
    content: ""
}

.bi-database-slash::before {
    content: ""
}

.bi-database-up::before {
    content: ""
}

.bi-database-x::before {
    content: ""
}

.bi-database::before {
    content: ""
}

.bi-houses-fill::before {
    content: ""
}

.bi-houses::before {
    content: ""
}

.bi-nvidia::before {
    content: ""
}

.bi-person-vcard-fill::before {
    content: ""
}

.bi-person-vcard::before {
    content: ""
}

.bi-sina-weibo::before {
    content: ""
}

.bi-tencent-qq::before {
    content: ""
}

.bi-wikipedia::before {
    content: ""
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar-thumb {
    background: #d2f34c;
    border-radius: 0
}

.hero-banner-two  {
    font-family: gordita;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    color: #000000b3
}

.main-page-wrapper {
    overflow-x: hidden
}

.hero-banner-two .h1,.hero-banner-two  h1,.hero-banner-two .h2,.hero-banner-two h2,.hero-banner-two .h3,.hero-banner-two h3,.hero-banner-two .h4,.hero-banner-two h4,.hero-banner-two .h5,.hero-banner-two h5,.hero-banner-two .h6,.hero-banner-two h6 {
    font-family: EB Garamond,serif;
    font-weight: 500;
    color: #000
}

.h1,h1 {
    font-size: 85px;
    letter-spacing: -1px;
    line-height: 1.058em
}

.h2,h2 {
    font-size: 70px;
    line-height: 1.041em
}

p {
    line-height: 2em
}

.text-lg {
    font-size: 22px
}

.text-md {
    font-size: 20px
}

hr {
    opacity: .09;
    margin: 5px 0
}

.fw-600 {
    font-weight: 600
}

.fw-500 {
    font-weight: 500
}

.shapes {
    position: absolute
}

.ctn-preloader {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.ctn-preloader .icon {
    animation: rotated 8s infinite linear
}

.ctn-preloader .txt-loading {
    -webkit-user-select: none;
    user-select: none;
    margin-top: 30px
}

.ctn-preloader .txt-loading .letters-loading {
    font-family: EB Garamond,serif;
    font-weight: 700;
    letter-spacing: 8px;
    display: inline-block;
    color: #00bf581f;
    position: relative;
    font-size: 50px;
    line-height: 30px
}

.ctn-preloader .txt-loading .letters-loading::before {
    animation: letters-loading 4s infinite;
    color: #00bf58;
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    top: 0;
    line-height: 30px;
    position: absolute
}

.ctn-preloader .txt-loading .letters-loading:nth-child(2)::before {
    animation-delay: .2s
}

.ctn-preloader .txt-loading .letters-loading:nth-child(3)::before {
    animation-delay: .4s
}

.ctn-preloader .txt-loading .letters-loading:nth-child(4)::before {
    animation-delay: .6s
}

.ctn-preloader .txt-loading .letters-loading:nth-child(5)::before {
    animation-delay: .8s
}

.ctn-preloader .txt-loading .letters-loading:nth-child(6)::before {
    animation-delay: 1s
}

.ctn-preloader .txt-loading .letters-loading:nth-child(7)::before {
    animation-delay: 1.2s
}

.ctn-preloader .txt-loading .letters-loading:nth-child(8)::before {
    animation-delay: 1.4s
}

@keyframes spinner {
    to {
        transform: rotate(360deg)
    }
}

@keyframes letters-loading {
    0%,75%,to {
        opacity: 0;
        transform: rotateY(-90deg)
    }

    25%,50% {
        opacity: 1;
        transform: rotateY(0)
    }
}

.tran3s {
    transition: all .3s ease-in-out
}

.tran4s {
    transition: all .4s ease-in-out
}

.tran5s {
    transition: all .5s ease-in-out
}

.tran6s {
    transition: all .6s ease-in-out
}

.btn-one {
    text-transform: capitalize;
    font-weight: 500;
    padding: 8px 26px;
    text-align: center;
    border-radius: 50px;
    color: #000;
    background-color: #d2f34c;
    border: 2px solid transparent;
    transition: all .3s ease-in-out 0s
}

.btn-one.lg {
    padding: 8px 32px
}

.btn-one:hover {
    background-color: #244034;
    color: #d2f34c;
    border-color: #d2f34c
}

.btn-two {
    font-weight: 500;
    color: #98bd00;
    position: relative;
    padding-right: 12px;
    border-bottom: 2px solid #98BD00;
    transition: all .3s ease-in-out 0s
}

.btn-two:hover {
    color: #98bd00;
    letter-spacing: .2px
}

.btn-two:after {
    border-bottom: 2px solid #98BD00;
    border-right: 2px solid #98BD00;
    content: "";
    display: block;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-45deg);
    transition: all .15s ease-in-out;
    height: 8px;
    width: 8px
}

.btn-three {
    font-weight: 500;
    padding: 13px 26px;
    text-align: center;
    border-radius: 6px;
    color: #244034;
    border: 2px solid #244034;
    transition: all .3s ease-in-out 0s
}

.btn-three:hover {
    background: #244034;
    color: #fff
}

.btn-four {
    font-weight: 500;
    padding: 15px 26px;
    min-width: 150px;
    text-align: center;
    border-radius: 6px;
    color: #244034;
    background: #d2f34c;
    transition: all .3s ease-in-out 0s
}

.btn-four:hover {
    background: #244034;
    color: #fff
}

.btn-five {
    font-weight: 500;
    padding: 13px 26px;
    min-width: 150px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background: #00bf58;
    transition: all .3s ease-in-out 0s
}

.btn-five:hover {
    background: #244034;
    color: #fff
}

.btn-five.border6 {
    border-radius: 6px
}

.btn-six {
    font-weight: 500;
    color: #00bf58;
    position: relative;
    padding-right: 12px;
    border-bottom: 2px solid #00BF58;
    transition: all .3s ease-in-out 0s
}

.btn-six:hover {
    color: #00bf58;
    letter-spacing: .2px
}

.btn-six:after {
    border-bottom: 2px solid #00BF58;
    border-right: 2px solid #00BF58;
    content: "";
    display: block;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(-45deg);
    transition: all .15s ease-in-out;
    height: 8px;
    width: 8px
}

.btn-six.dark {
    color: #000;
    border-bottom-color: #000
}

.btn-six.dark:after {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000
}

.btn-seven {
    font-weight: 500;
    padding: 13px 28px;
    min-width: 150px;
    text-align: center;
    border-radius: 50px;
    color: #00bf58;
    border: 1px solid #00BF58;
    transition: all .3s ease-in-out 0s
}

.btn-seven:hover {
    background: #244034;
    border-color: #244034;
    color: #fff
}

.btn-seven.border6 {
    border-radius: 6px
}

.btn-eight {
    display: inline-block;
    padding: 3px 25px;
    color: #000;
    border-radius: 30px;
    background: #f1f6f3;
    border: 1px solid #D6ECE0
}

.btn-eight.style-two {
    border: 2px solid #00BF58;
    background: transparent
}

.btn-eight span {
    color: #00bf58
}

.btn-eight a {
    font-weight: 400;
    color: #00bf58;
    text-decoration: underline
}

.btn-nine {
    font-size: 16px;
    color: #000;
    letter-spacing: -1px
}

.btn-nine:hover {
    color: #00bf58
}

.btn-nine i {
    font-size: 1.4em;
    line-height: 0
}

.btn-ten {
    line-height: 50px;
    border-radius: 10px;
    background: #31795a;
    padding: 0 26px
}

.btn-ten:hover {
    background: #00bf58
}

.btn-eleven {
    height: 60px;
    border-radius: 7px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .88px;
    color: #fff;
    background: #31795a;
    width: 100%
}

.btn-eleven:hover,.btn-eleven:focus {
    background: #00bf58
}

.title-one h2 {
    color: #254035;
    margin: 0
}

.title-one h2.main-font {
    font-family: gordita;
    font-size: 60px;
    color: #000;
    line-height: 1.333em
}

.title-one h2.main-font.color-blue {
    color: #005025
}

.title-one span img {
    top: -28px;
    right: -112px
}

.title-one .line {
    height: 1px;
    background: #e5e5e5;
    flex: 1 1 auto!important
}

.title-one .sub-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #0000004d;
    font-size: 14px;
    margin-bottom: 15px
}

.title-two h2 {
    font-size: 64px;
    line-height: 1.062em;
    color: #254035;
    margin: 0
}

.title-two h2.color-blue {
    color: #005025
}

.title-two h2 span {
    color: #d2f34c
}

.title-two h2.main-font {
    font-family: gordita;
    font-size: 58px
}

.title-two .sub-title {
    color: #00bf58;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px
}

.title-three h2 {
    font-size: 48px;
    line-height: 1.062em;
    color: #254035;
    margin: 0
}

.title-three h2.main-font {
    font-family: gordita;
    color: #000
}

.title-three h2.color-blue {
    color: #005025
}

.title-four h2 {
    font-family: gordita;
    font-size: 32px;
    color: #000;
    margin: 0
}

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

a {
    text-decoration: none;
    display: inline-block;
    color: inherit
}

a:hover,a:focus,a:visited {
    text-decoration: none;
    outline: none
}

img {
    max-width: 100%;
    display: block
}

button {
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    padding: 0;
    cursor: pointer;
    background: transparent;
    color: inherit
}

button:focus {
    outline: none
}

input,textarea {
    outline: none;
    box-shadow: none;
    transition: all .3s ease-in-out
}

audio,video,canvas {
    max-width: 100%
}

iframe {
    border: none!important
}

.style-none {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.p0 {
    padding: 0!important
}

.m0 {
    margin: 0!important
}

.theme-mb-0 {
    margin-bottom: 0
}

.theme-pb-0 {
    padding-bottom: 0
}

.pt-5 {
    padding-top: 5px!important
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-25 {
    padding-top: 25px
}

.pt-30 {
    padding-top: 30px
}

.pt-35 {
    padding-top: 35px
}

.pt-40 {
    padding-top: 40px
}

.pt-45 {
    padding-top: 45px
}

.pt-50 {
    padding-top: 50px
}

.pt-55 {
    padding-top: 55px
}

.pt-60 {
    padding-top: 60px
}

.pt-65 {
    padding-top: 65px
}

.pt-70 {
    padding-top: 70px
}

.pt-75 {
    padding-top: 75px
}

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

.pt-85 {
    padding-top: 85px
}

.pt-90 {
    padding-top: 90px
}

.pt-95 {
    padding-top: 95px
}

.pt-100 {
    padding-top: 150px
}

.pt-110 {
    padding-top: 110px
}

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

.pt-130 {
    padding-top: 130px
}

.pt-140 {
    padding-top: 140px
}

.pt-150 {
    padding-top: 150px
}

.pt-160 {
    padding-top: 160px
}

.pt-170 {
    padding-top: 170px
}

.pt-180 {
    padding-top: 180px
}

.pt-190 {
    padding-top: 190px
}

.pt-200 {
    padding-top: 200px
}

.pt-225 {
    padding-top: 225px
}

.pt-250 {
    padding-top: 250px
}

.pt-300 {
    padding-top: 300px
}

.pt-350 {
    padding-top: 350px
}

.pb-5 {
    padding-bottom: 5px!important
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-25 {
    padding-bottom: 25px
}

.pb-30 {
    padding-bottom: 30px
}

.pb-35 {
    padding-bottom: 35px
}

.pb-40 {
    padding-bottom: 40px
}

.pb-45 {
    padding-bottom: 45px
}

.pb-50 {
    padding-bottom: 50px
}

.pb-55 {
    padding-bottom: 55px
}

.pb-60 {
    padding-bottom: 60px
}

.pb-65 {
    padding-bottom: 65px
}

.pb-70 {
    padding-bottom: 70px
}

.pb-75 {
    padding-bottom: 75px
}

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

.pb-85 {
    padding-bottom: 85px
}

.pb-90 {
    padding-bottom: 90px
}

.pb-95 {
    padding-bottom: 95px
}

.pb-100 {
    padding-bottom: 100px
}

.pb-110 {
    padding-bottom: 110px
}

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

.pb-130 {
    padding-bottom: 130px
}

.pb-140 {
    padding-bottom: 140px
}

.pb-150 {
    padding-bottom: 150px
}

.pb-160 {
    padding-bottom: 160px
}

.pb-170 {
    padding-bottom: 170px
}

.pb-180 {
    padding-bottom: 180px
}

.pb-190 {
    padding-bottom: 190px
}

.pb-200 {
    padding-bottom: 200px
}

.pb-225 {
    padding-bottom: 225px
}

.pb-250 {
    padding-bottom: 250px
}

.pb-300 {
    padding-bottom: 300px
}

.pb-350 {
    padding-bottom: 350px
}

.mt-5 {
    margin-top: 5px!important
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mt-55 {
    margin-top: 55px
}

.mt-60 {
    margin-top: 60px
}

.mt-65 {
    margin-top: 65px
}

.mt-70 {
    margin-top: 70px
}

.mt-75 {
    margin-top: 75px
}

.mt-80 {
    margin-top: 80px
}

.mt-85 {
    margin-top: 85px
}

.mt-90 {
    margin-top: 90px
}

.mt-95 {
    margin-top: 95px
}

.mt-100 {
    margin-top: 100px
}

.mt-110 {
    margin-top: 110px
}

.mt-120 {
    margin-top: 120px
}

.mt-130 {
    margin-top: 130px
}

.mt-140 {
    margin-top: 140px
}

.mt-150 {
    margin-top: 150px
}

.mt-160 {
    margin-top: 160px
}

.mt-170 {
    margin-top: 170px
}

.mt-180 {
    margin-top: 180px
}

.mt-190 {
    margin-top: 190px
}

.mt-200 {
    margin-top: 200px
}

.mt-225 {
    margin-top: 225px
}

.mt-250 {
    margin-top: 250px
}

.mt-300 {
    margin-top: 300px
}

.mt-350 {
    margin-top: 350px
}

.mb-5 {
    margin-bottom: 5px!important
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-55 {
    margin-bottom: 55px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-65 {
    margin-bottom: 65px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-75 {
    margin-bottom: 75px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-85 {
    margin-bottom: 85px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-95 {
    margin-bottom: 95px
}

.mb-100 {
    margin-bottom: 100px
}

.mb-110 {
    margin-bottom: 110px
}

.mb-120 {
    margin-bottom: 120px
}

.mb-130 {
    margin-bottom: 130px
}

.mb-140 {
    margin-bottom: 140px
}

.mb-150 {
    margin-bottom: 150px
}

.mb-160 {
    margin-bottom: 160px
}

.mb-170 {
    margin-bottom: 170px
}

.mb-180 {
    margin-bottom: 180px
}

.mb-190 {
    margin-bottom: 190px
}

.mb-200 {
    margin-bottom: 200px
}

.mb-225 {
    margin-bottom: 225px
}

.mb-250 {
    margin-bottom: 250px
}

.mb-300 {
    margin-bottom: 300px
}

.mb-350 {
    margin-bottom: 350px
}

@media (max-width: 1399px) {
    .xl-p0 {
        padding:0!important
    }

    .xl-m0 {
        margin: 0!important
    }

    .xl-pt-10 {
        padding-top: 10px!important
    }

    .xl-pt-20 {
        padding-top: 20px!important
    }

    .xl-pt-30 {
        padding-top: 30px!important
    }

    .xl-pt-40 {
        padding-top: 40px!important
    }

    .xl-pt-50 {
        padding-top: 50px!important
    }

    .xl-pt-60 {
        padding-top: 60px!important
    }

    .xl-pt-70 {
        padding-top: 70px!important
    }

    .xl-pt-80 {
        padding-top: 80px!important
    }

    .xl-pt-90 {
        padding-top: 90px!important
    }

    .xl-pt-100 {
        padding-top: 100px!important
    }

    .xl-pt-110 {
        padding-top: 110px!important
    }

    .xl-pt-120 {
        padding-top: 120px!important
    }

    .xl-pt-130 {
        padding-top: 130px!important
    }

    .xl-pt-140 {
        padding-top: 140px!important
    }

    .xl-pt-150 {
        padding-top: 150px!important
    }

    .xl-pt-200 {
        padding-top: 200px!important
    }

    .xl-pb-10 {
        padding-bottom: 10px!important
    }

    .xl-pb-20 {
        padding-bottom: 20px!important
    }

    .xl-pb-30 {
        padding-bottom: 30px!important
    }

    .xl-pb-40 {
        padding-bottom: 40px!important
    }

    .xl-pb-50 {
        padding-bottom: 50px!important
    }

    .xl-pb-60 {
        padding-bottom: 60px!important
    }

    .xl-pb-70 {
        padding-bottom: 70px!important
    }

    .xl-pb-80 {
        padding-bottom: 80px!important
    }

    .xl-pb-90 {
        padding-bottom: 90px!important
    }

    .xl-pb-100 {
        padding-bottom: 100px!important
    }

    .xl-pb-110 {
        padding-bottom: 110px!important
    }

    .xl-pb-120 {
        padding-bottom: 120px!important
    }

    .xl-pb-130 {
        padding-bottom: 130px!important
    }

    .xl-pb-140 {
        padding-bottom: 140px!important
    }

    .xl-pb-150 {
        padding-bottom: 150px!important
    }

    .xl-pb-200 {
        padding-bottom: 200px!important
    }

    .xl-mt-10 {
        margin-top: 10px!important
    }

    .xl-mt-20 {
        margin-top: 20px!important
    }

    .xl-mt-30 {
        margin-top: 30px!important
    }

    .xl-mt-40 {
        margin-top: 40px!important
    }

    .xl-mt-50 {
        margin-top: 50px!important
    }

    .xl-mt-60 {
        margin-top: 60px!important
    }

    .xl-mt-70 {
        margin-top: 70px!important
    }

    .xl-mt-80 {
        margin-top: 80px!important
    }

    .xl-mt-90 {
        margin-top: 90px!important
    }

    .xl-mt-100 {
        margin-top: 100px!important
    }

    .xl-mt-110 {
        margin-top: 110px!important
    }

    .xl-mt-120 {
        margin-top: 120px!important
    }

    .xl-mt-130 {
        margin-top: 130px!important
    }

    .xl-mt-140 {
        margin-top: 140px!important
    }

    .xl-mt-150 {
        margin-top: 150px!important
    }

    .xl-mt-200 {
        margin-top: 200px!important
    }

    .xl-mb-10 {
        margin-bottom: 10px!important
    }

    .xl-mb-20 {
        margin-bottom: 20px!important
    }

    .xl-mb-30 {
        margin-bottom: 30px!important
    }

    .xl-mb-40 {
        margin-bottom: 40px!important
    }

    .xl-mb-50 {
        margin-bottom: 50px!important
    }

    .xl-mb-60 {
        margin-bottom: 60px!important
    }

    .xl-mb-70 {
        margin-bottom: 70px!important
    }

    .xl-mb-80 {
        margin-bottom: 80px!important
    }

    .xl-mb-90 {
        margin-bottom: 90px!important
    }

    .xl-mb-100 {
        margin-bottom: 100px!important
    }

    .xl-mb-110 {
        margin-bottom: 110px!important
    }

    .xl-mb-120 {
        margin-bottom: 120px!important
    }

    .xl-mb-130 {
        margin-bottom: 130px!important
    }

    .xl-mb-140 {
        margin-bottom: 140px!important
    }

    .xl-mb-150 {
        margin-bottom: 150px!important
    }

    .xl-mb-200 {
        margin-bottom: 200px!important
    }
}

@media (max-width: 1199px) {
    .lg-p0 {
        padding:0!important
    }

    .lg-m0 {
        margin: 0!important
    }

    .lg-pt-10 {
        padding-top: 10px!important
    }

    .lg-pt-20 {
        padding-top: 20px!important
    }

    .lg-pt-30 {
        padding-top: 30px!important
    }

    .lg-pt-40 {
        padding-top: 40px!important
    }

    .lg-pt-50 {
        padding-top: 50px!important
    }

    .lg-pt-60 {
        padding-top: 60px!important
    }

    .lg-pt-70 {
        padding-top: 70px!important
    }

    .lg-pt-80 {
        padding-top: 80px!important
    }

    .lg-pt-90 {
        padding-top: 90px!important
    }

    .lg-pt-100 {
        padding-top: 100px!important
    }

    .lg-pt-110 {
        padding-top: 110px!important
    }

    .lg-pt-120 {
        padding-top: 120px!important
    }

    .lg-pt-130 {
        padding-top: 130px!important
    }

    .lg-pt-140 {
        padding-top: 140px!important
    }

    .lg-pt-150 {
        padding-top: 150px!important
    }

    .lg-pt-200 {
        padding-top: 200px!important
    }

    .lg-pb-10 {
        padding-bottom: 10px!important
    }

    .lg-pb-20 {
        padding-bottom: 20px!important
    }

    .lg-pb-30 {
        padding-bottom: 30px!important
    }

    .lg-pb-40 {
        padding-bottom: 40px!important
    }

    .lg-pb-50 {
        padding-bottom: 50px!important
    }

    .lg-pb-60 {
        padding-bottom: 60px!important
    }

    .lg-pb-70 {
        padding-bottom: 70px!important
    }

    .lg-pb-80 {
        padding-bottom: 80px!important
    }

    .lg-pb-90 {
        padding-bottom: 90px!important
    }

    .lg-pb-100 {
        padding-bottom: 100px!important
    }

    .lg-pb-110 {
        padding-bottom: 110px!important
    }

    .lg-pb-120 {
        padding-bottom: 120px!important
    }

    .lg-pb-130 {
        padding-bottom: 130px!important
    }

    .lg-pb-140 {
        padding-bottom: 140px!important
    }

    .lg-pb-150 {
        padding-bottom: 150px!important
    }

    .lg-pb-200 {
        padding-bottom: 200px!important
    }

    .lg-mt-10 {
        margin-top: 10px!important
    }

    .lg-mt-20 {
        margin-top: 20px!important
    }

    .lg-mt-30 {
        margin-top: 30px!important
    }

    .lg-mt-40 {
        margin-top: 40px!important
    }

    .lg-mt-50 {
        margin-top: 50px!important
    }

    .lg-mt-60 {
        margin-top: 60px!important
    }

    .lg-mt-70 {
        margin-top: 70px!important
    }

    .lg-mt-80 {
        margin-top: 80px!important
    }

    .lg-mt-90 {
        margin-top: 90px!important
    }

    .lg-mt-100 {
        margin-top: 100px!important
    }

    .lg-mt-110 {
        margin-top: 110px!important
    }

    .lg-mt-120 {
        margin-top: 120px!important
    }

    .lg-mt-130 {
        margin-top: 130px!important
    }

    .lg-mt-140 {
        margin-top: 140px!important
    }

    .lg-mt-150 {
        margin-top: 150px!important
    }

    .lg-mt-200 {
        margin-top: 200px!important
    }

    .lg-mb-10 {
        margin-bottom: 10px!important
    }

    .lg-mb-20 {
        margin-bottom: 20px!important
    }

    .lg-mb-30 {
        margin-bottom: 30px!important
    }

    .lg-mb-40 {
        margin-bottom: 40px!important
    }

    .lg-mb-50 {
        margin-bottom: 50px!important
    }

    .lg-mb-60 {
        margin-bottom: 60px!important
    }

    .lg-mb-70 {
        margin-bottom: 70px!important
    }

    .lg-mb-80 {
        margin-bottom: 80px!important
    }

    .lg-mb-90 {
        margin-bottom: 90px!important
    }

    .lg-mb-100 {
        margin-bottom: 100px!important
    }

    .lg-mb-110 {
        margin-bottom: 110px!important
    }

    .lg-mb-120 {
        margin-bottom: 120px!important
    }

    .lg-mb-130 {
        margin-bottom: 130px!important
    }

    .lg-mb-140 {
        margin-bottom: 140px!important
    }

    .lg-mb-150 {
        margin-bottom: 150px!important
    }

    .lg-mb-200 {
        margin-bottom: 200px!important
    }
}

@media (max-width: 991px) {
    .md-p0 {
        padding:0!important
    }

    .md-m0 {
        margin: 0!important
    }

    .md-pt-10 {
        padding-top: 10px!important
    }

    .md-pt-20 {
        padding-top: 20px!important
    }

    .md-pt-30 {
        padding-top: 30px!important
    }

    .md-pt-40 {
        padding-top: 40px!important
    }

    .md-pt-50 {
        padding-top: 50px!important
    }

    .md-pt-60 {
        padding-top: 60px!important
    }

    .md-pt-70 {
        padding-top: 70px!important
    }

    .md-pt-80 {
        padding-top: 80px!important
    }

    .md-pt-90 {
        padding-top: 90px!important
    }

    .md-pt-100 {
        padding-top: 100px!important
    }

    .md-pt-110 {
        padding-top: 110px!important
    }

    .md-pt-120 {
        padding-top: 120px!important
    }

    .md-pt-130 {
        padding-top: 130px!important
    }

    .md-pt-140 {
        padding-top: 140px!important
    }

    .md-pt-150 {
        padding-top: 150px!important
    }

    .md-pt-200 {
        padding-top: 200px!important
    }

    .md-pb-10 {
        padding-bottom: 10px!important
    }

    .md-pb-20 {
        padding-bottom: 20px!important
    }

    .md-pb-30 {
        padding-bottom: 30px!important
    }

    .md-pb-40 {
        padding-bottom: 40px!important
    }

    .md-pb-50 {
        padding-bottom: 50px!important
    }

    .md-pb-60 {
        padding-bottom: 60px!important
    }

    .md-pb-70 {
        padding-bottom: 70px!important
    }

    .md-pb-80 {
        padding-bottom: 80px!important
    }

    .md-pb-90 {
        padding-bottom: 90px!important
    }

    .md-pb-100 {
        padding-bottom: 100px!important
    }

    .md-pb-110 {
        padding-bottom: 110px!important
    }

    .md-pb-120 {
        padding-bottom: 120px!important
    }

    .md-pb-130 {
        padding-bottom: 130px!important
    }

    .md-pb-140 {
        padding-bottom: 140px!important
    }

    .md-pb-150 {
        padding-bottom: 150px!important
    }

    .md-pb-200 {
        padding-bottom: 200px!important
    }

    .md-mt-10 {
        margin-top: 10px!important
    }

    .md-mt-20 {
        margin-top: 20px!important
    }

    .md-mt-30 {
        margin-top: 30px!important
    }

    .md-mt-40 {
        margin-top: 40px!important
    }

    .md-mt-50 {
        margin-top: 50px!important
    }

    .md-mt-60 {
        margin-top: 60px!important
    }

    .md-mt-70 {
        margin-top: 70px!important
    }

    .md-mt-80 {
        margin-top: 80px!important
    }

    .md-mt-90 {
        margin-top: 90px!important
    }

    .md-mt-100 {
        margin-top: 100px!important
    }

    .md-mt-110 {
        margin-top: 110px!important
    }

    .md-mt-120 {
        margin-top: 120px!important
    }

    .md-mt-130 {
        margin-top: 130px!important
    }

    .md-mt-140 {
        margin-top: 140px!important
    }

    .md-mt-150 {
        margin-top: 150px!important
    }

    .md-mt-200 {
        margin-top: 200px!important
    }

    .md-mb-10 {
        margin-bottom: 10px!important
    }

    .md-mb-20 {
        margin-bottom: 20px!important
    }

    .md-mb-30 {
        margin-bottom: 30px!important
    }

    .md-mb-40 {
        margin-bottom: 40px!important
    }

    .md-mb-50 {
        margin-bottom: 50px!important
    }

    .md-mb-60 {
        margin-bottom: 60px!important
    }

    .md-mb-70 {
        margin-bottom: 70px!important
    }

    .md-mb-80 {
        margin-bottom: 80px!important
    }

    .md-mb-90 {
        margin-bottom: 90px!important
    }

    .md-mb-100 {
        margin-bottom: 100px!important
    }

    .md-mb-110 {
        margin-bottom: 110px!important
    }

    .md-mb-120 {
        margin-bottom: 120px!important
    }

    .md-mb-130 {
        margin-bottom: 130px!important
    }

    .md-mb-140 {
        margin-bottom: 140px!important
    }

    .md-mb-150 {
        margin-bottom: 150px!important
    }

    .md-mb-200 {
        margin-bottom: 200px!important
    }
}

@media (max-width: 767px) {
    .sm-p0 {
        padding:0!important
    }

    .sm-m0 {
        margin: 0!important
    }

    .sm-pt-10 {
        padding-top: 10px!important
    }

    .sm-pt-20 {
        padding-top: 20px!important
    }

    .sm-pt-30 {
        padding-top: 30px!important
    }

    .sm-pt-40 {
        padding-top: 40px!important
    }

    .sm-pt-50 {
        padding-top: 50px!important
    }

    .sm-pt-60 {
        padding-top: 60px!important
    }

    .sm-pt-70 {
        padding-top: 70px!important
    }

    .sm-pt-80 {
        padding-top: 80px!important
    }

    .sm-pt-90 {
        padding-top: 90px!important
    }

    .sm-pt-100 {
        padding-top: 100px!important
    }

    .sm-pt-110 {
        padding-top: 110px!important
    }

    .sm-pt-120 {
        padding-top: 120px!important
    }

    .sm-pt-130 {
        padding-top: 130px!important
    }

    .sm-pt-140 {
        padding-top: 140px!important
    }

    .sm-pt-150 {
        padding-top: 150px!important
    }

    .sm-pt-200 {
        padding-top: 200px!important
    }

    .sm-pb-10 {
        padding-bottom: 10px!important
    }

    .sm-pb-20 {
        padding-bottom: 20px!important
    }

    .sm-pb-30 {
        padding-bottom: 30px!important
    }

    .sm-pb-40 {
        padding-bottom: 40px!important
    }

    .sm-pb-50 {
        padding-bottom: 50px!important
    }

    .sm-pb-60 {
        padding-bottom: 60px!important
    }

    .sm-pb-70 {
        padding-bottom: 70px!important
    }

    .sm-pb-80 {
        padding-bottom: 80px!important
    }

    .sm-pb-90 {
        padding-bottom: 90px!important
    }

    .sm-pb-100 {
        padding-bottom: 100px!important
    }

    .sm-pb-110 {
        padding-bottom: 110px!important
    }

    .sm-pb-120 {
        padding-bottom: 120px!important
    }

    .sm-pb-130 {
        padding-bottom: 130px!important
    }

    .sm-pb-140 {
        padding-bottom: 140px!important
    }

    .sm-pb-150 {
        padding-bottom: 150px!important
    }

    .sm-pb-200 {
        padding-bottom: 200px!important
    }

    .sm-mt-10 {
        margin-top: 10px!important
    }

    .sm-mt-20 {
        margin-top: 20px!important
    }

    .sm-mt-30 {
        margin-top: 30px!important
    }

    .sm-mt-40 {
        margin-top: 40px!important
    }

    .sm-mt-50 {
        margin-top: 50px!important
    }

    .sm-mt-60 {
        margin-top: 60px!important
    }

    .sm-mt-70 {
        margin-top: 70px!important
    }

    .sm-mt-80 {
        margin-top: 80px!important
    }

    .sm-mt-90 {
        margin-top: 90px!important
    }

    .sm-mt-100 {
        margin-top: 100px!important
    }

    .sm-mt-110 {
        margin-top: 110px!important
    }

    .sm-mt-120 {
        margin-top: 120px!important
    }

    .sm-mt-130 {
        margin-top: 130px!important
    }

    .sm-mt-140 {
        margin-top: 140px!important
    }

    .sm-mt-150 {
        margin-top: 150px!important
    }

    .sm-mt-200 {
        margin-top: 200px!important
    }

    .sm-mb-10 {
        margin-bottom: 10px!important
    }

    .sm-mb-20 {
        margin-bottom: 20px!important
    }

    .sm-mb-30 {
        margin-bottom: 30px!important
    }

    .sm-mb-40 {
        margin-bottom: 40px!important
    }

    .sm-mb-50 {
        margin-bottom: 50px!important
    }

    .sm-mb-60 {
        margin-bottom: 60px!important
    }

    .sm-mb-70 {
        margin-bottom: 70px!important
    }

    .sm-mb-80 {
        margin-bottom: 80px!important
    }

    .sm-mb-90 {
        margin-bottom: 90px!important
    }

    .sm-mb-100 {
        margin-bottom: 100px!important
    }

    .sm-mb-110 {
        margin-bottom: 110px!important
    }

    .sm-mb-120 {
        margin-bottom: 120px!important
    }

    .sm-mb-130 {
        margin-bottom: 130px!important
    }

    .sm-mb-140 {
        margin-bottom: 140px!important
    }

    .sm-mb-150 {
        margin-bottom: 150px!important
    }

    .sm-mb-200 {
        margin-bottom: 200px!important
    }
}

@media (max-width: 575px) {
    .xs-p0 {
        padding:0!important
    }

    .xs-m0 {
        margin: 0!important
    }

    .xs-pt-10 {
        padding-top: 10px!important
    }

    .xs-pt-20 {
        padding-top: 20px!important
    }

    .xs-pt-30 {
        padding-top: 30px!important
    }

    .xs-pt-40 {
        padding-top: 40px!important
    }

    .xs-pt-50 {
        padding-top: 50px!important
    }

    .xs-pt-60 {
        padding-top: 60px!important
    }

    .xs-pt-70 {
        padding-top: 70px!important
    }

    .xs-pt-80 {
        padding-top: 80px!important
    }

    .xs-pt-90 {
        padding-top: 90px!important
    }

    .xs-pt-100 {
        padding-top: 100px!important
    }

    .xs-pt-110 {
        padding-top: 110px!important
    }

    .xs-pt-120 {
        padding-top: 120px!important
    }

    .xs-pt-130 {
        padding-top: 130px!important
    }

    .xs-pt-140 {
        padding-top: 140px!important
    }

    .xs-pt-150 {
        padding-top: 150px!important
    }

    .xs-pt-200 {
        padding-top: 200px!important
    }

    .xs-pb-10 {
        padding-bottom: 10px!important
    }

    .xs-pb-20 {
        padding-bottom: 20px!important
    }

    .xs-pb-30 {
        padding-bottom: 30px!important
    }

    .xs-pb-40 {
        padding-bottom: 40px!important
    }

    .xs-pb-50 {
        padding-bottom: 50px!important
    }

    .xs-pb-60 {
        padding-bottom: 60px!important
    }

    .xs-pb-70 {
        padding-bottom: 70px!important
    }

    .xs-pb-80 {
        padding-bottom: 80px!important
    }

    .xs-pb-90 {
        padding-bottom: 90px!important
    }

    .xs-pb-100 {
        padding-bottom: 100px!important
    }

    .xs-pb-110 {
        padding-bottom: 110px!important
    }

    .xs-pb-120 {
        padding-bottom: 120px!important
    }

    .xs-pb-130 {
        padding-bottom: 130px!important
    }

    .xs-pb-140 {
        padding-bottom: 140px!important
    }

    .xs-pb-150 {
        padding-bottom: 150px!important
    }

    .xs-pb-200 {
        padding-bottom: 200px!important
    }

    .xs-mt-10 {
        margin-top: 10px!important
    }

    .xs-mt-20 {
        margin-top: 20px!important
    }

    .xs-mt-30 {
        margin-top: 30px!important
    }

    .xs-mt-40 {
        margin-top: 40px!important
    }

    .xs-mt-50 {
        margin-top: 50px!important
    }

    .xs-mt-60 {
        margin-top: 60px!important
    }

    .xs-mt-70 {
        margin-top: 70px!important
    }

    .xs-mt-80 {
        margin-top: 80px!important
    }

    .xs-mt-90 {
        margin-top: 90px!important
    }

    .xs-mt-100 {
        margin-top: 100px!important
    }

    .xs-mt-110 {
        margin-top: 110px!important
    }

    .xs-mt-120 {
        margin-top: 120px!important
    }

    .xs-mt-130 {
        margin-top: 130px!important
    }

    .xs-mt-140 {
        margin-top: 140px!important
    }

    .xs-mt-150 {
        margin-top: 150px!important
    }

    .xs-mt-200 {
        margin-top: 200px!important
    }

    .xs-mb-10 {
        margin-bottom: 10px!important
    }

    .xs-mb-20 {
        margin-bottom: 20px!important
    }

    .xs-mb-30 {
        margin-bottom: 30px!important
    }

    .xs-mb-40 {
        margin-bottom: 40px!important
    }

    .xs-mb-50 {
        margin-bottom: 50px!important
    }

    .xs-mb-60 {
        margin-bottom: 60px!important
    }

    .xs-mb-70 {
        margin-bottom: 70px!important
    }

    .xs-mb-80 {
        margin-bottom: 80px!important
    }

    .xs-mb-90 {
        margin-bottom: 90px!important
    }

    .xs-mb-100 {
        margin-bottom: 100px!important
    }

    .xs-mb-110 {
        margin-bottom: 110px!important
    }

    .xs-mb-120 {
        margin-bottom: 120px!important
    }

    .xs-mb-130 {
        margin-bottom: 130px!important
    }

    .xs-mb-140 {
        margin-bottom: 140px!important
    }

    .xs-mb-150 {
        margin-bottom: 150px!important
    }

    .xs-mb-200 {
        margin-bottom: 200px!important
    }
}

.theme-main-menu {
    background: #fff;
    position: relative;
    z-index: 999;
    padding: 35px 40px;
    transition: all .4s ease-in-out 0s
}

.theme-main-menu.menu-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: transparent
}

.theme-main-menu.fixed {
    position: fixed;
    left: 0;
    right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #fff;
    box-shadow: 0 13px 35px -12px #2323231a
}

.theme-main-menu .category-dropdown .item {
    margin: 8px 10px 0;
    padding: 10px;
    border-radius: 10px;
    transition: all .2s ease-in-out 0s
}

.theme-main-menu .category-dropdown .item:hover {
    background: #00bf5812
}

.theme-main-menu .category-dropdown .item .icon {
    width: 48px;
    height: 48px;
    border: 1px solid #DCDCDC
}

.theme-main-menu .category-dropdown .item .job-count {
    color: #09321c80;
    margin-top: 2px
}

.theme-main-menu .category-dropdown .item:hover .icon {
    background: #d2f34c;
    border-color: #d2f34c
}

.theme-main-menu .category-dropdown .explore-all-btn {
    width: 100%;
    background: #efefef;
    padding: 12px 20px;
    margin-top: 40px;
    border-radius: 0 0 10px 10px;
    color: #31795a;
    font-size: 17px;
    letter-spacing: -.3px
}

.theme-main-menu .category-dropdown .explore-all-btn .icon {
    width: 28px;
    height: 28px;
    line-height: 26px;
    border: 1px solid #31795A;
    font-weight: 900;
    text-align: center;
    border-radius: 50%
}

.theme-main-menu .category-dropdown .explore-all-btn:hover {
    background: #31795a;
    color: #fff
}

.theme-main-menu .navbar-toggler {
    width: 44px;
    height: 38px;
    padding: 0;
    box-shadow: none;
    position: relative;
    z-index: 99;
    border: none;
    background: #00bf58
}

.theme-main-menu.menu-style-one .navbar-toggler {
    background: #d2f34c
}

.theme-main-menu .navbar-toggler:focus {
    box-shadow: none
}

.theme-main-menu .navbar-toggler::before,.theme-main-menu .navbar-toggler:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 9px;
    width: 26px;
    height: 2px;
    pointer-events: none;
    transition: transform .25s;
    transform-origin: 50% 50%;
    background: #fff
}

.theme-main-menu .navbar-toggler span {
    position: absolute;
    left: 9px;
    overflow: hidden;
    width: 26px;
    height: 2px;
    margin-top: -1px;
    text-indent: 200%;
    transition: opacity .25s;
    background: #fff
}

.theme-main-menu.menu-style-one .navbar-toggler::before,.theme-main-menu.menu-style-one .navbar-toggler:after,.theme-main-menu.menu-style-one .navbar-toggler span {
    background: #244034
}

.theme-main-menu .navbar-toggler::before {
    transform: translate3d(0,-9px,0) scaleZ(1)
}

.theme-main-menu .navbar-toggler:after {
    transform: translate3d(0,8px,0) scaleZ(1)
}

.theme-main-menu .navbar-toggler[aria-expanded=true] span {
    opacity: 0
}

.theme-main-menu .navbar-toggler[aria-expanded=true]::before {
    transform: rotate3d(0,0,1,45deg)
}

.theme-main-menu .navbar-toggler[aria-expanded=true]:after {
    transform: rotate3d(0,0,1,-45deg)
}

.navbar .nav-item .nav-link {
    font-weight: 500;
    font-size: 1em;
    line-height: normal;
    line-height: initial;
    color: #000;
    padding: 20px 0;
    margin: 0 18px;
    position: relative;
    transition: all .2s ease-in-out 0s
}

.navbar .nav-item:hover .nav-link {
    color: #00bf58
}

.navbar .dropdown-menu .dropdown-item {
    text-transform: capitalize;
    line-height: 38px;
    padding: 0 15px;
    color: #000;
    font-size: .88em;
    background: transparent;
    position: relative;
    letter-spacing: -.3px;
    border-bottom: 2px solid green;
    border-radius: 0px;
    padding-top: 8px;
    transition: all .2s ease-in-out 0s
}

.navbar .dropdown-menu .dropdown-item:hover {
    color: #005025;
    background: #00bf580f
}

.dashboard-menu .nav-link::before {
    content: "New";
    font-size: 9px;
    letter-spacing: .5px;
    position: absolute;
    background: red;
    color: #fff;
    padding: 1px 3px;
    right: -18px;
    top: 7px
}

.menu-style-one.theme-main-menu.fixed {
    background: #244034
}

.menu-style-one .navbar .nav-item .nav-link {
    color: #fff
}

.menu-style-one .navbar .nav-item:hover .nav-link {
    color: #d2f34c
}

.menu-style-one .navbar .nav-item.category-btn .nav-link {
    background: #ffffff1a;
    line-height: 33px;
    padding: 0 17px;
    border-radius: 25px;
    margin: 10px 35px 10px 0;
    color: #d2f34c
}

.menu-style-one .navbar .nav-item.category-btn .nav-link i {
    margin-right: 5px;
    vertical-align: -2px
}

.menu-style-two.theme-main-menu.fixed {
    background: #212121
}

.menu-style-two .navbar .nav-item .nav-link {
    color: #fff
}

.menu-style-two .navbar .nav-item:hover .nav-link {
    color: #00bf58
}

.theme-main-menu .mega-dropdown,.theme-main-menu .navbar {
    position: static
}

.navbar [class*=mega-dropdown] .dropdown-menu {
    padding: 0 0 15px;
    margin: 0;
    right: 0
}

.navbar .mega-dropdown-sm .dropdown-menu {
    min-width: 550px;
    left: 0;
    padding: 10px
}

.navbar .mega-dropdown-sm .dropdown-menu.category-dropdown {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.navbar .mega-dropdown-md .dropdown-menu {
    min-width: 700px;
    left: -200px;
    padding: 0 25px 15px
}

.navbar [class*=mega-dropdown] .menu-column {
    padding: 10px 0 5px
}

.navbar [class*=mega-dropdown] .menu-column .mega-menu-title {
    font-family: gordita;
    font-size: 14px;
    font-weight: 500;
    color: #005025;
    display: inline-block;
    position: relative;
    margin: 0 0 5px;
    padding-left: 15px
}

.menu-style-one .job-post-btn {
    color: #fff;
    font-weight: 500;
    padding-right: 20px;
    margin-right: 20px;
    line-height: 14px;
    border-right: 1px solid rgba(255,255,255,.27)
}

.menu-style-one .job-post-btn:hover {
    color: #d2f34c
}

.theme-main-menu .login-btn-one {
    color: #d2f34c;
    font-weight: 500
}

.theme-main-menu .login-btn-one:hover {
    text-decoration: underline
}

.theme-main-menu .login-btn-two {
    color: #00bf58
}

.theme-main-menu .login-btn-two:hover {
    text-decoration: underline
}

.theme-main-menu .login-btn-three {
    padding: 12px 27px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50px
}

.theme-main-menu .login-btn-three:hover {
    background: #00bf58;
    border-color: #00bf58
}

.theme-main-menu .login-btn-three.dark-style {
    border-color: #000;
    color: #000
}

.theme-main-menu .login-btn-three.dark-style:hover {
    background: #00bf58;
    border-color: #00bf58;
    color: #fff
}

.theme-main-menu .header-search {
    width: 425px;
    height: 45px;
    background: #fafafa;
    border: 1px solid #F0F0F0;
    border-radius: 7px
}

.theme-main-menu .header-search input {
    width: calc(100% - 115px);
    height: 100%;
    border: none;
    background: transparent;
    font-size: 14px;
    padding: 0 10px 0 45px
}

.theme-main-menu .header-search .nice-select {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 43px;
    line-height: 43px;
    padding: 0 42px 0 24px;
    color: #000;
    width: 115px;
    background: transparent
}

.theme-main-menu .header-search .nice-select:after {
    right: 24px
}

.theme-main-menu .header-search .nice-select::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 20px;
    background: #e2e2e2;
    left: 0;
    top: 12px
}

.theme-main-menu .header-search .nice-select .option {
    line-height: 32px
}

.theme-main-menu .header-search .icon {
    position: absolute;
    left: 18px;
    top: 13px
}

.category-menu {
    border-top: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9;
    padding: 0 40px
}

.category-menu li {
    position: relative;
    padding: 0 15px
}

.category-menu li a {
    font-size: 15px;
    font-weight: 500;
    color: #536159;
    padding: 13px 0;
    transition: all .2s ease-in-out 0s
}

.category-menu li a:hover {
    color: #00bf58
}

.category-menu .dropdown-menu,.category-menu .dropdown-menu li {
    padding: 0
}

.category-menu .dropdown-menu li a {
    padding: 8px 15px;
    font-size: 14px
}

@media screen and (min-width: 992px) {
    .navbar .dropdown-menu {
        font-size:1em;
        z-index: 5;
        background-color: #fff;
        border-radius: 10px;
        display: block;
        right: auto;
        left: 0;
        padding: 10px 5px;
        border: none;
        top: 100%;
        visibility: hidden;
        transform: translateY(5px);
        opacity: 0;
        min-width: 180px;
        box-shadow: 0 50px 100px #0000001f;
        margin: 0;
        transform-origin: 0 0;
        transition: all .3s ease-out
    }

    .navbar .dropdown-menu::before {
        position: absolute;
        left: 30px;
        top: -17px
    }

    .navbar .dropdown-menu .dropdown-menu {
        left: calc(100% + 5px);
        top: 0;
        right: auto;
        min-width: 240px;
        box-shadow: 0 20px 30px -10px #00000026;
        transform: translateY(0)
    }

    .navbar .dropdown:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }

    .navbar .dropdown-toggle:after {
        display: none
    }

    .navbar .show.dropdown-toggle:after {
        transform: rotate(180deg)
    }
}

@media screen and (max-width: 991px) {
    .navbar {
        padding:0
    }

    .navbar-collapse .logo {
        margin-bottom: 8vh
    }

    .menu-style-one .navbar-collapse,.menu-style-two .navbar-collapse {
        background-color: #255741
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        background-color: #fff;
        left: 0;
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        clear: both;
        width: 320px;
        max-width: calc(100vw - 60px);
        z-index: 9999;
        transform: translate(-100%);
        display: block!important;
        padding: 32px 12px 20px;
        transition: all .3s ease-in-out
    }

    .navbar-collapse.show {
        transform: translate(0);
        box-shadow: 15px 0 25px #23232317
    }

    .theme-main-menu .navbar .mega-dropdown {
        position: relative
    }

    .navbar .navbar-nav .nav-link {
        margin: 0;
        padding: 13px 0
    }

    .navbar .dropdown-menu .dropdown-item {
        padding: 0 10px;
        line-height: 42px
    }

    .navbar .dropdown-menu .dropdown-item.dropdown-toggle {
        font-weight: 500
    }

    .navbar .dropdown-menu {
        border: none;
        padding: 0;
        border-radius: 0;
        margin: 0;
        background: #d2f34c40
    }

    .menu-style-one .navbar .dropdown-menu,.menu-style-two .navbar .dropdown-menu {
        background: #fff
    }

    .navbar [class*=mega-dropdown] .dropdown-menu {
        padding: 0;
        min-width: 100%
    }

    .navbar [class*=mega-dropdown] .menu-column .mega-menu-title {
        margin: 0 0 12px;
        padding-left: 10px
    }

    .navbar [class*=mega-dropdown] .menu-column {
        padding-bottom: 0
    }

    .navbar .dropdown-toggle:after {
        position: absolute;
        right: 15px;
        top: calc(50% - 2px)
    }

    .dashboard-menu .nav-link::before {
        right: auto;
        left: 0;
        top: -2px
    }
}

.hero-banner-one {
    background: #244034;
    z-index: 9
}

.hero-banner-one h1 {
    color: #fff
}

.hero-banner-one h1 span {
    display: block;
    color: #d2f34c
}

.hero-banner-one .img-box {
    position: absolute;
    width: 46%;
    bottom: -95px;
    right: -29px;
    z-index: -1
}

.hero-banner-one .img-box .shapes {
    left: -40px;
    top: -40px;
    z-index: -1
}

.hero-banner-one .shape_01 {
    top: 14px;
    right: 37%
}

.hero-banner-one .shape_02 {
    bottom: 0;
    left: 0
}

.hero-banner-two {
    background: #e2f9ee;
    z-index: 1
}

.hero-banner-two h1 {
    font-size: 90px
}

.hero-banner-two .img-box {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45%;
    height: 82%
}

.hero-banner-two .img-box .screen_01 {
    right: 0;
    top: 10%
}

.hero-banner-two .img-box .screen_02 {
    left: -8%;
    top: 40%
}

.hero-banner-two .rating-box {
    background-size: cover;
    padding: 60px 50px;
    z-index: 1
}

.hero-banner-two .rating-box .rating li:not(:last-child) {
    color: #fbd300;
    font-size: 13px;
    margin-right: 6px
}

.hero-banner-two .rating-box .rating li:last-child {
    font-size: 14px;
    color: #00000080;
    margin-left: 10px
}

.hero-banner-two .rating-box span {
    color: #00000080
}

.hero-banner-two .shape_01 {
    top: 5%;
    left: 17%
}

.hero-banner-two .shape_02 {
    top: 0;
    right: 0
}

.hero-banner-two .shape_03 {
    bottom: 37%;
    right: 3%;
    z-index: -1
}

.hero-banner-two .shape_04 {
    bottom: 5%;
    left: 40%;
    z-index: 1
}

.hero-banner-two .shape_05 {
    bottom: 32px;
    left: 0
}

.hero-banner-two .shape_06 {
    bottom: -60px;
    right: 7%;
    z-index: 1
}

.hero-banner-three {
    z-index: 5
}

.hero-banner-three .slogan {
    color: #5ea17e
}

.hero-banner-three h1 {
    font-weight: 700;
    letter-spacing: -1px;
    color: #005025
}

.hero-banner-three .partner-title {
    font-family: EB Garamond,serif;
    color: #93ad9f;
    font-size: 24px
}

.hero-banner-three .img-box {
    position: absolute;
    right: 0;
    bottom: 6%;
    width: 38.4%
}

.hero-banner-three .img-box .screen_01 {
    top: 8%;
    left: -3%;
    width: 98%;
    animation: jumpThree 5s infinite linear
}

.hero-banner-three .img-box .screen_02 {
    bottom: 5%;
    left: -16%;
    width: 28%
}

.hero-banner-four {
    background-size: cover;
    z-index: 1
}

.hero-banner-four .shape_01 {
    top: 20%;
    left: 6%;
    z-index: -1;
    animation: jumpFour 5s infinite linear
}

.hero-banner-four .shape_02 {
    top: 40%;
    left: 3%;
    z-index: -1;
    animation: jumpTwo 5s infinite linear
}

.hero-banner-four .shape_03 {
    top: 22%;
    right: 8%;
    z-index: -1;
    animation: jumpThree 5s infinite linear
}

.hero-banner-four .shape_04 {
    top: 38%;
    right: 4%;
    z-index: -1;
    animation: jumpFour 5s infinite linear
}

.hero-banner-five {
    background: #fff;
    z-index: 2
}

.hero-banner-five h1 {
    font-family: gordita;
    font-size: 72px;
    line-height: 1.277em;
    letter-spacing: -1px
}

.hero-banner-five .img-meta {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 45%;
    background-size: cover;
    z-index: -1
}

.hero-banner-five .img-meta .shape_01 {
    bottom: -61px;
    left: -61px
}

.hero-banner-five .chat-btn {
    position: absolute;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 90px;
    font-size: 30px;
    color: #00bf58;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 1
}

.hero-banner-five .chat-btn:hover {
    background: #00bf58;
    color: #fff
}

.hero-banner-six {
    background-color: #212121;
    min-height: 100vh;
    z-index: 5
}

.hero-banner-six h1 {
    font-family: gordita;
    color: #fff;
    font-weight: 500;
    line-height: 1.15em
}

.hero-banner-six #banner-six-carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.hero-banner-six #banner-six-carousel .carousel-item {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.hero-banner-seven {
    background: #fff;
    z-index: 1
}

.hero-banner-seven h1 {
    font-family: gordita;
    font-weight: 500;
    font-size: 74px;
    line-height: 1.243em
}

.hero-banner-seven .screen01 {
    max-width: 20%;
    top: 30%;
    right: 3%;
    z-index: -1
}

.hero-banner-seven .screen02 {
    max-width: 20%;
    top: 30%;
    left: 3%;
    z-index: -1
}

.fancy-banner-one .bg-wrapper {
    background: #244034;
    z-index: 1
}

.fancy-banner-one .bg-wrapper::before {
    content: "";
    width: 155px;
    height: 155px;
    border-radius: 50%;
    background: #ffffff24;
    position: absolute;
    top: -65px;
    left: -75px
}

.fancy-banner-one .bg-wrapper:after {
    position: absolute;
    bottom: -8px;
    right: 0
}

.fancy-banner-one .bg-wrapper p {
    color: #81b197
}

.fancy-banner-one .bg-wrapper .upload-btn {
    width: 215px;
    height: 55px;
    border-radius: 6px;
    overflow: hidden;
    background: #d2f34c;
    transition: all .2s ease-in-out 0s
}

.fancy-banner-one .bg-wrapper .upload-btn #uploadCV {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.fancy-banner-one .bg-wrapper .upload-btn * {
    cursor: pointer
}

.fancy-banner-one .bg-wrapper .shape_01 {
    top: 24%;
    left: 18%
}

.fancy-banner-one .bg-wrapper .shape_02 {
    top: 16%;
    right: 20%
}

.fancy-banner-one .bg-wrapper .shape_03 {
    top: -53px;
    right: -53px
}

.fancy-banner-two .bg-wrapper {
    background: #614137
}

.fancy-banner-two .bg-wrapper .text-wrapper {
    padding: 60px 25px 60px 65px
}

.fancy-banner-two .bg-wrapper .text-wrapper .counter-wrapper {
    border-top: 1px solid #fff
}

.fancy-banner-two .bg-wrapper .text-wrapper .counter-wrapper .main-count {
    font-size: 32px;
    margin-bottom: 5px
}

.fancy-banner-two .bg-wrapper .text-wrapper .explore-btn {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    padding: 0 25px;
    line-height: 35px;
    border-radius: 30px;
    background: #00bf58
}

.fancy-banner-two .bg-wrapper .text-wrapper .explore-btn:hover {
    background: #d2f34c;
    color: #244034
}

.fancy-banner-two .bg-wrapper .img-meta {
    background-size: cover;
    height: 100%
}

.fancy-banner-three .bg-wrapper {
    background-size: cover;
    z-index: 1
}

.fancy-banner-three .bg-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 38%;
    background: linear-gradient(180deg,#0000 21.24%,#000000a6 90.88%);
    opacity: .5;
    z-index: -1
}

.fancy-banner-three .bg-wrapper::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70%;
    background: linear-gradient(269.96deg,#000000bd 1.09%,#00000080 58.13%,#0000 99.96%);
    z-index: -1
}

.fancy-banner-three .bg-wrapper .text-wrapper {
    padding: 85px 55px 90px 0
}

.fancy-banner-three .bg-wrapper .text-wrapper .video-icon {
    width: 65px;
    height: 65px;
    color: #fff;
    font-size: 40px;
    padding-left: 5px;
    background: #00bf58
}

.fancy-banner-three .bg-wrapper .text-wrapper .video-icon:hover {
    background: #d2f34c;
    color: #244034
}

.fancy-banner-three .bg-wrapper .bottom-content {
    padding: 25px 40px 45px
}

.fancy-banner-three .bg-wrapper .bottom-content:after {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    background: #0000004d;
    -webkit-backdrop-filter: blur(7.5px);
    backdrop-filter: blur(7.5px)
}

.fancy-banner-three .bg-wrapper .bottom-content .count {
    width: 35px;
    height: 35px;
    font-size: 18px;
    background: #00bf58
}

.fancy-banner-three .bg-wrapper .bottom-content .text {
    width: calc(100% - 35px)
}

.fancy-banner-three .bg-wrapper .bottom-content .text a {
    font-size: 12px;
    letter-spacing: 1px;
    color: #00bf58
}

.fancy-banner-three .bg-wrapper .bottom-content .text a:hover {
    text-decoration: underline
}

.fancy-banner-four .bg-wrapper {
    background: #755146;
    border-radius: 30px
}

.fancy-banner-four .bg-wrapper .text-wrapper {
    padding: 80px 90px 100px 65px
}

.fancy-banner-four .bg-wrapper .text-wrapper .find-job-btn {
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 7px 15px;
    transition: all .3s ease-in-out 0s
}

.fancy-banner-four .bg-wrapper .text-wrapper .find-job-btn:hover {
    background: #244034;
    border-color: #244034
}

.fancy-banner-four .bg-wrapper .img-meta {
    background-size: cover;
    height: 100%;
    border-radius: 30px 0 0 30px
}

.fancy-banner-four .bg-wrapper .img-meta .screen_01 {
    right: -12%;
    bottom: -22%;
    width: 61%;
    max-width: 380px
}

.fancy-banner-five .bg-wrapper {
    background: #60392d;
    padding: 35px 15px 0
}

.fancy-banner-five .bg-wrapper .btn-seven {
    border-color: #fff;
    color: #fff
}

.fancy-banner-five .bg-wrapper .shape_01 {
    bottom: 23%;
    left: 36%
}

.fancy-banner-five .bg-wrapper .shape_02 {
    top: -53px;
    right: -53px
}

.fancy-banner-five.bg-image {
    background-size: cover;
    z-index: 1
}

.fancy-banner-five.bg-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0000004d;
    z-index: -1
}

.fancy-banner-five.bg-image:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 70%;
    background: linear-gradient(90deg,#0009,#0000 93.25%);
    z-index: -1
}

.fancy-banner-five.bg-image .btn-seven {
    border-color: #fff;
    color: #fff
}

.fancy-banner-six .bg-wrapper {
    background: #eff6f3;
    z-index: 1;
    border-radius: 30px;
    overflow: hidden
}

.fancy-banner-six .bg-wrapper::before {
    content: "";
    width: 155px;
    height: 155px;
    border-radius: 50%;
    background: #249f461a;
    position: absolute;
    top: -65px;
    left: -75px
}

.fancy-banner-six .bg-wrapper:after {
    position: absolute;
    bottom: -8px;
    right: 0
}

.fancy-banner-six .bg-wrapper p {
    color: #81b197
}

.fancy-banner-six .bg-wrapper .upload-btn {
    width: 215px;
    height: 55px;
    border-radius: 6px;
    overflow: hidden;
    background: #00bf58;
    cursor: pointer;
    transition: all .2s ease-in-out 0s
}

.fancy-banner-six .bg-wrapper .upload-btn #uploadCV {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    cursor: pointer
}

.fancy-banner-six .bg-wrapper .shape_01 {
    top: 24%;
    left: 18%
}

.fancy-banner-six .bg-wrapper .shape_02 {
    top: 16%;
    right: 20%
}

.fancy-banner-six .bg-wrapper .shape_03 {
    top: -53px;
    right: -53px
}

.job-portal-intro .bottom-border {
    border-bottom: 1px solid #EBEBEB
}

.job-portal-intro .top-border {
    border-top: 1px solid #EBEBEB
}

.job-portal-intro h2 {
    font-size: 55px
}

.inner-banner-one {
    background: #244034;
    padding: 150px 0 115px;
    z-index: 9
}

.inner-banner-one h1 {
    color: #fff
}

.inner-banner-one h1 span {
    display: block;
    color: #d2f34c
}

.inner-banner-one .post-date {
    color: #ffffff80;
    margin: 25px 0 10px
}

.inner-banner-one .post-date a:hover {
    text-decoration: underline
}

.inner-banner-one .share-buttons li {
    margin: 5px 4px 0
}

.inner-banner-one .share-buttons li a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 33px;
    border-radius: 5px;
    padding: 0 15px;
    margin-top: 5px;
    background: #fff3;
    transition: all .2s ease-in-out 0s
}

.inner-banner-one .share-buttons li a i {
    font-size: 13px;
    margin-right: 7px
}

.inner-banner-one .share-buttons li a:hover {
    background: #00bf58;
    color: #fff
}

.inner-banner-one .page-pagination li {
    font-size: 17px;
    color: #fff;
    margin: 0 2px
}

.inner-banner-one .page-pagination li i {
    font-size: .8em
}

.inner-banner-one .page-pagination li a:hover {
    color: #fff;
    text-decoration: underline
}

.inner-banner-one .shape_01 {
    top: 14px;
    right: 37%
}

.inner-banner-one .shape_02 {
    bottom: 0;
    left: 0
}

.inner-banner-one .candidate-profile-card {
    background-size: cover;
    border: none
}

.inner-banner-one .candidate-profile-card .candidate-post {
    color: #fff6
}

.inner-banner-one .candidate-profile-card .candidate-info span {
    color: #fff9
}

.inner-banner-one .candidate-profile-card .candidate-info div {
    color: #fff
}

.inner-banner-one .candidate-profile-card .cv-download-btn {
    line-height: 38px;
    border: 1px solid #fff;
    border-radius: 40px;
    color: #fff;
    font-size: 15px;
    letter-spacing: -.5px;
    padding: 0 20px
}

.inner-banner-one .candidate-profile-card .cv-download-btn:hover {
    background: #375749;
    border-color: #375749
}

.inner-banner-one .candidate-profile-card .cadidate-skills li {
    background: #375749;
    color: #ffffff8c
}

.inner-banner-one .candidate-profile-card.list-layout .save-btn {
    background: #375749;
    border-color: #fff;
    color: #fff
}

.inner-banner-one .candidate-profile-card.list-layout .cadidate-skills {
    position: static
}

.category-section-one {
    background: #fff
}

.category-section-one.bg-color {
    background: #f2f9d8
}

.category-section-one .shape_01 {
    right: 0;
    bottom: 0
}

.category-section-one .card-style-one {
    flex: 0 0 auto;
    width: 16.66666%
}

.category-section-two.bg-color {
    background: #eff6f3
}

.category-section-two::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 74%;
    width: 61%;
    background: #eff6f3;
    z-index: -1
}

.category-section-two .shape_01 {
    left: 11%;
    bottom: 5%;
    z-index: -1
}

.category-section-three .slider-arrows {
    position: absolute;
    right: 0;
    top: 22px
}

.slick-arrow-two li {
    width: 40px;
    height: 35px;
    cursor: pointer;
    border: 1px solid #F5F5F5;
    text-align: center;
    line-height: 31px;
    font-size: 17px;
    transition: all .2s ease-in-out 0s
}

.slick-arrow-two li:hover {
    background: #f5f5f5;
    color: #005025
}

.slick-arrow-two li .bi::before {
    font-weight: 700!important
}

.category-section-four .title {
    font-size: 24px;
    margin-bottom: 15px
}

.category-section-four .list-item a {
    font-size: 18px;
    color: #000;
    margin-top: 15px;
    transition: all .2s ease-in-out 0s
}

.category-section-four .list-item a:hover {
    color: #00bf58
}

.category-section-five .card-wrapper {
    margin: 0 -5px
}

.category-section-five .card-wrapper .card-style-seven {
    padding: 0 5px
}

.text-feature-one .img-data {
    z-index: 5
}

.text-feature-one .img-data .img01 {
    border-radius: 40px 0
}

.text-feature-one .img-data .img02 {
    border-radius: 0 40px
}

.text-feature-one .img-data .screen01 {
    max-width: 100%;
    right: 6%;
    top: 2%
}

.text-feature-one .img-data .screen02 {
    max-width: 100%;
    right: 3%;
    top: 35%
}

.text-feature-one .img-data .screen03 {
    max-width: 100%;
    left: -10%;
    bottom: -28%
}

.text-feature-one .img-data .shape_01 {
    right: 9%;
    bottom: -8%
}

.text-feature-one .img-data .shape_02 {
    right: 0;
    bottom: 26%
}

.text-feature-one .img-data .shape_03 {
    top: 2%;
    left: 17%
}

.text-feature-one .img-data .video-icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    color: #fff;
    font-size: 70px;
    background: #00bf58;
    position: absolute;
    left: 40%;
    bottom: 29%;
    z-index: 1
}

.text-feature-one .img-data .video-icon:hover {
    background: #d2f34c;
    color: #244034
}

.text-feature-two .big-circle {
    width: 490px;
    height: 490px;
    z-index: 1;
    border: 1px solid #EEEEEE
}

.text-feature-two .big-circle .inner-circle {
    width: 51%;
    height: 51%;
    border: 1px solid #EEEEEE
}

.text-feature-two .big-circle .shape_01 {
    right: -7%;
    bottom: 30%
}

.text-feature-two .big-circle .brand-icon {
    background: #fff;
    position: absolute;
    z-index: 2;
    border: 1px solid #EEEEEE
}

.text-feature-two .big-circle .brand-icon.icon_01 {
    width: 65px;
    height: 65px;
    top: -25px;
    left: 50%;
    animation: jumpTwo 8s infinite linear
}

.text-feature-two .big-circle .brand-icon.icon_02 {
    width: 100px;
    height: 100px;
    top: 19%;
    right: -4%;
    animation: jumpThree 8s infinite linear
}

.text-feature-two .big-circle .brand-icon.icon_03 {
    width: 140px;
    height: 140px;
    bottom: -8%;
    right: 10%;
    animation: jumpFour 8s infinite linear
}

.text-feature-two .big-circle .brand-icon.icon_04 {
    width: 80px;
    height: 80px;
    bottom: 8%;
    left: 4%;
    animation: jumpTwo 8s infinite linear
}

.text-feature-two .big-circle .brand-icon.icon_05 {
    width: 100px;
    height: 100px;
    top: 22%;
    left: -7%;
    animation: jumpThree 8s infinite linear
}

.text-feature-three .img-box {
    background: #eff6f3;
    height: 650px;
    padding: 20px
}

.text-feature-three .img-box .screen_01 {
    top: -10%;
    left: -16%;
    animation: jumpThree 5s infinite linear
}

.text-feature-three .img-box .screen_02 {
    top: -5%;
    left: 0;
    animation: jumpThree 5s infinite linear
}

.text-feature-three .img-box .shape_01 {
    top: 30px;
    right: 35px
}

.text-feature-three .video-post {
    background-size: cover;
    height: 540px;
    border-radius: 20px
}

.text-feature-three .video-post .video-icon {
    width: 65px;
    height: 65px;
    background: #d2f34c;
    color: #000;
    font-size: 45px;
    line-height: 65px;
    padding-left: 7px
}

.text-feature-three .video-post .video-icon:hover {
    background: #00bf58;
    color: #fff
}

.text-feature-four .bg-wrapper {
    background: #29503d;
    padding: 60px 70px 85px 90px
}

.text-feature-four .bg-wrapper .big-circle .logo {
    width: 155px;
    height: 155px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.text-feature-four .bg-wrapper .brand {
    position: absolute;
    right: -20%;
    bottom: 23%
}

.text-feature-four .bg-wrapper .brand span {
    font-family: EB Garamond,serif;
    font-size: 70px;
    color: #00ef6e;
    display: block;
    line-height: 82px
}

.text-feature-four .bg-wrapper .brand-icon {
    position: absolute;
    background: #fff
}

.text-feature-four .bg-wrapper .brand-icon.icon_01 {
    width: 55px;
    height: 55px;
    top: 0%;
    left: 50%;
    animation: jumpTwo 8s infinite linear
}

.text-feature-four .bg-wrapper .brand-icon.icon_02 {
    width: 88px;
    height: 88px;
    top: 20%;
    right: -1%;
    animation: jumpThree 8s infinite linear
}

.text-feature-four .bg-wrapper .brand-icon.icon_03 {
    width: 110px;
    height: 110px;
    bottom: -6%;
    right: 23%;
    animation: jumpFour 8s infinite linear
}

.text-feature-four .bg-wrapper .brand-icon.icon_04 {
    width: 68px;
    height: 68px;
    bottom: 15%;
    left: 5%;
    animation: jumpTwo 8s infinite linear
}

.text-feature-four .bg-wrapper .brand-icon.icon_05 {
    width: 88px;
    height: 88px;
    top: 19%;
    left: -1%;
    animation: jumpThree 8s infinite linear
}

.how-it-works.bg-color {
    background: #244034
}

.how-it-works.bg-color .shape_01 {
    top: 0;
    left: 0
}

.how-it-works.bg-color .shape_02 {
    bottom: 20px;
    right: 20px
}

.expert-section-one .slick-arrow-one {
    position: absolute;
    right: 0;
    top: 70px
}

.slick-arrow-one {
    margin-left: -2px;
    margin-right: -2px
}

.slick-arrow-one li {
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #000;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    transition: all .2s ease-in-out 0s
}

.slick-arrow-one li:hover {
    background: #d2f34c
}

.slick-arrow-one.color-two li:hover {
    background: #00bf58;
    color: #fff
}

.expert-slider-two .slick-dots {
    position: relative;
    padding: 0;
    margin: 65px 0 0;
    justify-content: center
}

.expert-slider-two .slick-dots:after,.expert-slider-two .slick-dots::before {
    content: "";
    position: absolute;
    width: 44%;
    height: 1px;
    background: #e0e0e0;
    top: 4px;
    left: 0
}

.expert-slider-two .slick-dots::before {
    left: auto;
    right: 0
}

.partner-logos {
    border-bottom: 1px solid #E4E4E4
}

.partner-logos.bg-color {
    background: #f7f7f7
}

.partner-logos .title {
    font-size: 18px;
    letter-spacing: 1px
}

.partner-logos .title span {
    color: #00bf58
}

.partner-logos .logo {
    height: 60px
}

.partner-logos .logo img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto
}

.faq-section .bg-wrapper {
    background: #eff6f3;
    border-radius: 30px;
    padding: 3px 60px 9px
}

.grid-3column {
    margin: 0 -20px
}

.grid-3column .grid-sizer,.grid-3column .isotop-item {
    width: 33.3333%;
    padding: 0 20px
}

.top-company-section {
    background: #eff6f3
}

.map-banner {
    height: 450px
}

.address-block-one .icon {
    width: 80px;
    height: 80px;
    background: #eff6f3
}

.address-block-one .title {
    font-family: gordita;
    font-size: 24px;
    padding: 20px 0 5px
}

.address-block-one p {
    font-size: 17px;
    line-height: 1.76em;
    color: #878787
}

.address-block-one p .call {
    font-size: 22px;
    color: #31795a
}

.address-block-one p .call:hover {
    text-decoration: underline
}

.address-block-one p .webaddress {
    color: #000;
    text-decoration: underline
}

.faq-section .nav .nav-link {
    font-size: 17px;
    line-height: 37px;
    border-radius: 30px;
    padding: 0 15px;
    margin: 10px 5px 0;
    color: #00000080;
    border: 0;
    background: transparent
}

.faq-section .nav .nav-link.active {
    background: #d2f34c;
    color: #244034
}

.error-page {
    min-height: 100vh;
    padding: 40px 0
}

.error-page .error {
    font-family: EB Garamond,serif;
    font-size: 100px;
    line-height: normal;
    line-height: initial;
    letter-spacing: 5px;
    color: #31795a
}

.error-page h2 {
    font-size: 82px;
    font-weight: 400;
    margin: -10px 0 40px
}

.error-page p {
    line-height: 1.666em
}

.error-page .btn-one {
    font-size: 15px;
    padding: 17px 26px
}

.job-search-one {
    z-index: 9
}

.job-search-one form {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 25px 40px #1323380f
}

.job-search-one form .input-box {
    padding: 0 20px;
    margin: 20px 0
}

.job-search-one form .input-box.border-left {
    border-left: 1px solid #E6E6E6
}

.job-search-one form .input-box .label {
    font-size: 13px;
    font-weight: 500;
    color: #0006;
    padding-left: 15px;
    margin-bottom: 4px
}

.job-search-one form .input-box .nice-select {
    padding: 0 15px;
    font-size: 20px;
    color: #000
}

.job-search-one form .input-box .nice-select .option {
    font-size: 15px;
    padding-left: 15px
}

.job-search-one form .input-box .nice-select .list {
    border-radius: 10px
}

.job-search-one form .input-box .keyword {
    border: none;
    padding: 0 15px;
    height: 35px;
    font-size: 16px;
    font-weight: 500;
    color: #000000b3
}

.job-search-one form .search-btn {
    letter-spacing: .8px;
    background: #d2f34c;
    color: #000;
    border-radius: 0 10px 10px 0;
    width: 195px;
    margin-left: auto;
    margin-right: -1px
}

.job-search-one form .search-btn:hover {
    background: #00bf58;
    color: #fff
}

.job-search-one form .search-btn-two {
    background: #00bf58;
    color: #fff;
    border-radius: 0 10px 10px 0;
    margin-right: -1px;
    margin-left: auto
}

.job-search-one form .search-btn-two:hover {
    background: #005025;
    color: #fff
}

.job-search-one .tags li {
    position: relative
}

.job-search-one .tags li:after {
    content: ",";
    color: #6d8b7e
}

.job-search-one .tags li:first-child:after,.job-search-one .tags li:last-child:after {
    display: none
}

.job-search-one .tags li a {
    color: #6d8b7e;
    transition: all .2s ease-in-out 0s
}

.job-search-one .tags li a:hover {
    color: #fff
}

.job-search-one.style-two .input-box {
    margin: 18px 0
}

.job-search-one.style-two .input-box .nice-select {
    font-size: 16px;
    font-weight: 500;
    color: #000000b3
}

.job-search-one.style-two .input-box .label {
    margin-bottom: 0
}

.job-search-one .upload-btn {
    width: 145px;
    margin: 25px auto 0;
    border-bottom: 2px solid #000;
    padding-bottom: 4px;
    cursor: pointer
}

.job-search-one .upload-btn #uploadCV {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer
}

.job-search-one .upload-btn span {
    font-size: 15px
}

.job-search-one .upload-btn i {
    font-size: 18px
}

.job-search-one.border-style form {
    border: 1px solid #000;
    box-shadow: none
}

.job-search-two form {
    height: 60px
}

.job-search-two form input {
    width: calc(100% - 165px);
    height: 100%;
    background: #fff;
    border: none;
    border-radius: 50px;
    padding: 0 25px;
    font-size: 15px
}

.job-search-two form input.bg-grey {
    background: #f2f2f2
}

.filter-tags li {
    position: relative;
    margin-right: 4px
}

.filter-tags li:after {
    content: ",";
    color: #000
}

.filter-tags li:first-child:after,.filter-tags li:last-child:after {
    display: none
}

.filter-tags li a {
    color: #000;
    transition: all .2s ease-in-out 0s
}

.filter-tags li a:hover {
    text-decoration: underline
}

.list-style-one li {
    position: relative;
    font-weight: 500;
    font-size: 18px;
    color: #244034;
    padding-left: 35px;
    margin-top: 24px
}

.list-style-one li::before {
    position: absolute;
    left: 0;
    top: 0
}

.counter-block-one .main-count {
    font-size: 52px;
    margin-bottom: 5px
}

.counter-block-one h2.main-count {
    font-size: 70px;
    color: #244034
}

.counter-block-two .main-count {
    font-size: 32px;
    margin-bottom: 5px
}

.accordion-style-one .accordion-item {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000
}

.accordion-style-one .accordion-button {
    background: #fff;
    padding: 20px 0;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 24px;
    font-weight: 500;
    color: #000
}

.accordion-style-one .accordion-button:after {
    background-image: none;
    width: auto;
    height: auto
}

.accordion-style-one .accordion-body {
    padding: 0 0 10px
}

.accordion-style-one.color-two .accordion-button {
    color: #005025
}

.accordion-style-one.color-two .accordion-button:after {
}

.accordion-style-one.color-two .accordion-item {
    border-bottom: 1px solid #DEDEDE
}

.accordion-style-one.color-two .accordion-item:last-child {
    border: none
}

.accordion-style-two .accordion-item {
    border: none;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid rgba(0,0,0,.08)
}

.accordion-style-two .accordion-item:last-child {
    border: none
}

.accordion-style-two .accordion-button {
    background: transparent;
    padding: 36px 0;
    border: none;
    outline: none;
    box-shadow: none;
    font-size: 24px;
    font-weight: 500;
    color: #000
}

.accordion-style-two .accordion-button:not(.collapsed) {
    padding-bottom: 20px
}

.accordion-style-two .accordion-button:not(.collapsed):after {
    content: "-";
    font-size: 24px;
    background: #00bf58;
    color: #fff
}

.accordion-style-two .accordion-button:after {
    content: "+";
    background-image: none;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 30px
}

.accordion-style-two .accordion-body {
    padding: 0 0 20px;
    width: 80%
}

.accordion-style-two .accordion-body p {
    font-size: 18px
}

.pagination-one {
    margin: 0 -1px
}

.pagination-one li {
    padding: 0 1px
}

.pagination-one li a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    font-size: 17px;
    font-weight: 500;
    color: #31795a
}

.pagination-one li.active a {
    background: #31795a;
    color: #fff
}

.pagination-one li:last-child a {
    width: auto;
    height: auto
}

.pagination-two {
    border: 1px solid #31795A;
    border-radius: 4px;
    overflow: hidden
}

.pagination-two a {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 15px;
    font-weight: 500;
    color: #31795a;
    border-right: 1px solid #31795A
}

.pagination-two .active a,.pagination-two a:hover {
    background: #31795a1a
}

.pagination-two li:last-child a {
    border: none
}

.form-style-one .input-group-meta {
    position: relative
}

.form-style-one .input-group-meta label {
    font-size: 15px;
    color: #00000080;
    margin-bottom: 5px
}

.form-style-one .input-group-meta input,.form-style-one .input-group-meta textarea {
    width: 100%;
    max-width: 100%;
    border: none;
    border-radius: 7px;
    background: #f2f2f2
}

.form-style-one .input-group-meta input {
    height: 60px;
    padding: 0 20px
}

.form-style-one .input-group-meta textarea {
    height: 165px;
    padding: 15px 20px
}

#contact-form .help-block {
    position: absolute;
    left: 0;
    bottom: -18px;
    font-size: 13px;
    line-height: 20px;
    color: #ff4d44
}

#contact-form .help-block ul {
    margin: 0
}

.registration-section {
    background: #eff6f3
}

.modal .modal-dialog {
    height: auto
}

.modal .modal-dialog .modal-content {
    margin: 40px auto
}

.user-data-form {
    background: #fff;
    margin: 0 auto;
    max-width: 720px;
    border-radius: 20px!important;
    padding: 50px 15px 20px
}

.user-data-form h2 {
    font-size: 50px;
    font-weight: 400;
    color: #244034
}

.user-data-form p a {
    color: #31795a
}

.user-data-form p a:hover {
    text-decoration: underline
}

.user-data-form .form-wrapper {
    max-width: 565px
}

.user-data-form .form-wrapper .input-group-meta input {
    width: 100%;
    height: 55px;
    font-size: 16px;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 8px;
    padding: 0 52px 0 20px;
    color: #000;
    background: #31795a17
}

.user-data-form .form-wrapper .input-group-meta label {
    font-size: 14px;
    font-weight: 400;
    color: #00000080;
    display: block;
    margin-bottom: 6px
}

.user-data-form .form-wrapper .input-group-meta .placeholder_icon {
    position: absolute;
    height: 55px;
    top: 27px;
    right: 0;
    bottom: 0;
    width: 50px;
    text-align: center;
    z-index: 1;
    color: #00000073;
    font-size: 17px
}

.user-data-form .form-wrapper .input-group-meta .placeholder_icon img {
    position: relative;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%)
}

.user-data-form .form-wrapper .input-group-meta .placeholder_icon span {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
    position: relative
}

.user-data-form .form-wrapper .input-group-meta .placeholder_icon span::before {
    content: "";
    width: 2px;
    height: 26px;
    background: #000;
    position: absolute;
    top: 14px;
    left: 24px;
    transform: rotate(45deg);
    z-index: 5;
    transition: all .2s ease-in-out
}

.user-data-form .form-wrapper .input-group-meta .placeholder_icon span.eye-slash::before {
    opacity: 0
}

.user-data-form .agreement-checkbox label {
    position: relative;
    font-size: 15px;
    letter-spacing: -.5px;
    color: #244034;
    cursor: pointer;
    padding-left: 22px;
    transition: all .1s ease-in-out
}

.user-data-form .agreement-checkbox label a {
    color: #31795a;
    text-decoration: underline
}

.user-data-form .agreement-checkbox input[type=checkbox] {
    display: none
}

.user-data-form .agreement-checkbox label::before {
    content: "";
    width: 14px;
    height: 14px;
    line-height: 11px;
    border-radius: 2px;
    border: 2px solid #B3B3B3;
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 4px;
    transition: all .1s ease-in-out
}

.user-data-form .agreement-checkbox input[type=checkbox]:checked+label::before {
    content: "";
    font-family: bootstrap-icons!important;
    background: #000;
    color: #fff;
    border-color: #000
}

.user-data-form .agreement-checkbox a {
    position: relative;
    font-size: 15px;
    color: #1e1e1e
}

.user-data-form .agreement-checkbox a:hover {
    text-decoration: underline;
    color: #31795a
}

.user-data-form .line {
    height: 1px;
    width: 100%;
    background: #0003
}

.user-data-form .social-use-btn {
    font-size: 15px;
    color: #000;
    height: 55px;
    border: 1px solid #E5E5E5;
    border-radius: 7px
}

.user-data-form .social-use-btn:hover {
    background: #0000000f
}

.user-data-form .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    box-shadow: none;
    z-index: 1
}

.user-data-form .nav {
    background: #f0f5f3;
    border-radius: 40px
}

.user-data-form .nav .nav-item {
    width: 50%
}

.user-data-form .nav .nav-item .nav-link {
    display: block;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 40px;
    font-size: 18px;
    color: #00000080
}

.user-data-form .nav .nav-item .nav-link.active {
    color: #31795a;
    border-color: #31795a
}

.card-style-one .wrapper {
    display: block;
    background: #fff;
    border-radius: 60px;
    padding: 50px 15px 30px;
    border: 1px solid rgba(209,236,231,.8);
    transition: all .3s ease-in-out 0s
}

.card-style-one .wrapper.bg {
    border: 1px solid white
}

.card-style-one .wrapper.bg:hover,.card-style-one .wrapper.bg.active {
    background: #d2f34c;
    border-color: #b9d640
}

.card-style-one .wrapper:hover,.card-style-one .wrapper.active {
    transform: translateY(-5px);
    border-color: #00bf58
}

.card-style-one .wrapper .icon {
    height: 25px
}

.card-style-one .wrapper .icon img {
    max-height: 100%
}

.card-style-one .wrapper .title {
    font-size: 18px;
    color: #254035;
    margin: 40px 0 50px
}

.card-style-one .wrapper .total-job {
    font-size: 14px;
    color: #09321c99
}

.card-style-two .icon {
    width: 80px;
    height: 80px;
    background: #d2f34c
}

.card-style-two .title {
    font-size: 22px;
    margin: 25px 0 12px
}

.card-style-two p {
    color: #81b197
}

.card-style-two.arrow::before,.card-style-two.arrow:after {
    position: absolute;
    top: 25px;
    left: -150px
}

.card-style-two.arrow:after {
    left: auto;
    right: -150px
}

.card-style-three .img-meta img {
    border-radius: 200px
}

.card-style-three .name:hover {
    color: #244034;
    text-decoration: underline
}

.card-style-three .post {
    color: #00000080
}

.card-style-four {
    background: #fff;
    box-shadow: 0 20px 50px #01142c09;
    border-radius: 10px
}

.card-style-four:hover {
    transform: translateY(-5px)
}

.card-style-four a {
    padding: 40px 38px 50px
}

.card-style-four .icon {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 1px solid #F0F0F0
}

.card-style-four:hover .icon {
    background: #d2f34c
}

.card-style-four .title {
    color: #254035;
    margin: 28px 0 25px
}

.card-style-four:hover .title {
    color: #00bf58
}

.card-style-four .total-job {
    font-size: 16px;
    color: #09321c66
}

.card-style-four.bg-color {
    box-shadow: none;
    background: #00bf58
}

.card-style-four.bg-color a {
    padding: 10px 40px 20px
}

.card-style-four.bg-color .title {
    font-family: EB Garamond,serif;
    font-size: 72px;
    line-height: normal;
    line-height: initial;
    margin: 0 0 5px
}

.card-style-four.bg-color .icon {
    border-color: #fff
}

.card-style-five::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #00bf58;
    left: 0;
    bottom: 0;
    transition: all .2s ease-in-out 0s;
    opacity: 0
}

.card-style-five:hover::before {
    opacity: 1
}

.card-style-five.arrow-style::before,.card-style-five.arrow-style:after {
    position: absolute;
    top: 7%;
    bottom: auto;
    width: auto;
    height: auto;
    opacity: 1;
    left: -90px;
    background: transparent
}

.card-style-five.arrow-style:after {
    right: -90px;
    left: auto
}

.card-style-five .numb {
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #00bf58;
    color: #fff;
    font-size: 15px;
    line-height: normal;
    line-height: initial
}

.card-style-five .icon {
    width: 80px;
    height: 80px;
    background: #00bf58
}

.card-style-six {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    height: 350px
}

.card-style-six::before {
    content: "";
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    z-index: -1;
    position: absolute;
    background: linear-gradient(180deg,#0000,#000);
    transition: all .2s ease-in-out 0s
}

.card-style-six:hover::before {
    height: 100%
}

.card-style-seven a {
    padding: 16px 38px;
    border-radius: 60px;
    transition: all .2s ease-in-out 0s
}

.card-style-seven a .title {
    color: #000;
    margin-left: 12px
}

.card-style-seven.bg-color a {
    background: #f2f8f4;
    border: 1px solid #F2F8F4
}

.card-style-seven.bg-color a .title {
    color: #35764b
}

.card-style-seven.bg-color a:hover {
    border-color: #35764b;
    background: #fff
}

.card-style-eight .img-meta {
    position: relative;
    overflow: hidden
}

.card-style-eight .img-meta::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    background: #fff;
    right: -25px;
    bottom: -25px;
    transform: rotate(45deg)
}

.card-style-eight .name {
    font-size: 18px;
    color: #000
}

.card-style-eight .name:hover {
    color: #00bf58
}

.card-style-nine {
    background: #fff;
    border-radius: 10px;
    padding: 30px 25px
}

.card-style-nine .icon {
    width: 52px;
    height: 52px;
    background: #00bf58
}

.card-style-nine .text {
    width: calc(100% - 52px)
}

.card-style-nine .text a {
    font-size: 12px;
    letter-spacing: 1px;
    color: #00bf58;
    margin-top: auto
}

.card-style-nine .text a:hover {
    text-decoration: underline
}

.card-style-ten {
    background: #fff;
    border-radius: 50px;
    padding: 40px 20px 35px
}

.card-style-ten:hover {
    box-shadow: 0 20px 50px #01142c09
}

.card-style-ten .open-job-btn {
    font-size: 15px;
    color: #00bf58;
    padding: 4px 20px;
    border: 1px solid #00BF58;
    border-radius: 30px
}

.card-style-ten .open-job-btn:hover {
    background: #00bf58;
    color: #fff
}

.pricing-section.bg-color {
    background: #eff6f3
}

.pricing-card-one {
    position: relative;
    overflow: hidden;
    text-align: center;
    background: #fff;
    border: 1px solid #244034;
    border-radius: 30px;
    padding: 38px 20px
}

.pricing-card-one .pack-name {
    font-size: 17px;
    color: #00000059
}

.pricing-card-one .price {
    font-family: EB Garamond,serif;
    font-size: 72px;
    letter-spacing: -1px;
    color: #31795a;
    line-height: normal;
    line-height: initial;
    margin: -4px 0 36px
}

.pricing-card-one .price sub {
    font-size: .333em;
    bottom: 1em
}

.pricing-card-one .price sup {
    font-size: .333em;
    top: -1.2em
}

.pricing-card-one ul li {
    font-size: 18px;
    color: #31795a;
    margin-bottom: 17px
}

.pricing-card-one .get-plan-btn {
    line-height: 54px;
    background: #31795a;
    border-radius: 30px;
    font-weight: 500;
    letter-spacing: -.36px;
    color: #fff;
    max-width: 270px
}

.pricing-card-one .get-plan-btn:hover {
    background: #d2f34c;
    color: #31795a
}

.pricing-card-one .popular-badge {
    position: absolute;
    line-height: 28px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    color: #31795a;
    left: -5px;
    top: 35px;
    padding: 0 12px 0 20px;
    z-index: 1
}

.pricing-card-one .popular-badge:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: #d2f34c;
    bottom: 0;
    left: 0;
    z-index: -1;
    transform: skew(25deg)
}

.pricing-card-one .popular-badge::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: #d2f34c;
    top: 0;
    left: 0;
    z-index: -1;
    transform: skew(-25deg)
}

.pricing-card-one.popular {
    background: #faffe5;
    border-color: #bae800
}

.pricing-card-one.popular .get-plan-btn {
    background: #d2f34c;
    color: #31795a
}

.pricing-card-one.popular-two {
    border-color: #31795a
}

.pricing-card-one.popular-two .get-plan-btn {
    background: #d2f34c;
    color: #31795a
}

.pricing-card-one.popular-two .popular-badge {
    color: #fff
}

.pricing-card-one.popular-two .popular-badge::before,.pricing-card-one.popular-two .popular-badge:after {
    background: #31795a
}

.accordion-box {
    display: none
}

.accordion-box.show {
    display: block
}

.filter-area-tab {
    position: relative
}

.filter-area-tab .border-20 {
    border-radius: 20px
}

.filter-area-tab .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    box-shadow: none
}

.filter-area-tab .filter-header {
    background: #eff6f3;
    padding-top: 25px;
    padding-bottom: 25px
}

.filter-area-tab .filter-header::before {
    content: "";
    font-family: bootstrap-icons;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(0,0,0,.01);
    position: absolute;
    right: 25px;
    top: 27px;
    text-align: center;
    color: #31795a;
    transition: all .2s ease-in-out 0s
}

.filter-area-tab .filter-header:not(.collapsed)::before {
    transform: rotate(180deg)
}

.filter-area-tab .light-bg {
    background: #eff6f3
}

.filter-area-tab .main-title {
    font-size: 25px
}

.filter-area-tab .filter-block.bottom-line {
    border-bottom: 1px solid rgba(49,121,90,.3)
}

.filter-area-tab .filter-title {
    font-size: 1em;
    position: relative;
    display: block
}

.filter-area-tab .filter-title:not(.collapsed) {
    margin-bottom: 10px
}

.filter-area-tab a.filter-title {
    padding-right: 22px
}

.filter-area-tab a.filter-title::before {
    content: "";
    font-family: bootstrap-icons;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #31795a;
    position: absolute;
    right: 0;
    top: 3px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    transition: all .2s ease-in-out 0s
}

.filter-area-tab a.filter-title:not(.collapsed)::before {
    content: ""
}

.filter-area-tab .nice-select {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #000000a6;
    border: 1px solid #EDEDED;
    border-radius: 7px;
    outline: none;
    box-shadow: none;
    padding: 0 15px
}

.filter-area-tab .nice-select::before {
    position: absolute;
    right: 10px;
    top: 8px;
    line-height: normal;
    line-height: initial;
    transform: none
}

.filter-area-tab .nice-select.open::before {
    transform: rotate(180deg);
    top: 17px
}

.filter-area-tab .nice-select:after {
    display: none
}

.filter-area-tab .nice-select .option {
    font-size: 1em;
    line-height: 32px
}

.filter-area-tab .nice-select .list {
    padding: 5px 0;
    display: none;
    max-height: 250px;
    overflow-y: auto
}

.filter-area-tab .nice-select.open .list {
    display: block
}

.filter-area-tab .loccation-range-select {
    color: #31795a;
    font-size: 15px
}

.filter-area-tab .loccation-range-select input[type=range] {
    background: #31795a;
    border-radius: 8px;
    height: 7px;
    width: 100%;
    outline: none;
    transition: background .45s ease-in;
    appearance: none;
    -webkit-appearance: none
}

.filter-area-tab .loccation-range-select input[type=range]::-webkit-slider-thumb {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #00BF58;
    cursor: pointer;
    pointer-events: auto;
    appearance: none;
    -webkit-appearance: none
}

.filter-area-tab .loccation-range-select input[type=range]::-moz-range-thumb {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #00BF58;
    cursor: pointer;
    pointer-events: auto;
    appearance: none;
    -moz-appearance: none
}

.filter-area-tab .filter-input li {
    position: relative
}

.filter-area-tab .filter-input li label {
    display: block;
    position: relative;
    font-size: 15px;
    line-height: 35px;
    padding-left: 28px;
    transition: all .1s ease-in-out 0s
}

.filter-area-tab .filter-input li label::before {
    content: "";
    width: 16px;
    height: 16px;
    line-height: 14px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 9px;
    font-family: bootstrap-icons;
    font-weight: 900;
    transition: all .1s ease-in-out 0s
}

.filter-area-tab .filter-input li label span {
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    color: #000;
    line-height: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    float: right;
    margin-top: 7px
}

.filter-area-tab .filter-input li input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    cursor: pointer
}

.filter-area-tab .filter-input li input[type=checkbox]:checked+label::before {
    content: "";
    background: #31795a;
    color: #fff;
    border-color: #31795a
}

.filter-area-tab .filter-input li input[type=checkbox]:checked+label {
    background: #31795a05
}

.filter-area-tab .filter-input li:hover label {
    color: #31795a;
    background: #31795a05
}

.filter-area-tab .filter-input .hide {
    display: none
}

.filter-area-tab .filter-input.show .hide {
    display: block
}

.filter-area-tab .more-btn {
    margin-top: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    font-weight: 500;
    cursor: pointer;
    background: #24403499;
    text-align: center;
    border-radius: 5px;
    transition: all .2s ease-in-out 0s
}

.filter-area-tab .more-btn i {
    font-size: 18px;
    vertical-align: -4px
}

.filter-area-tab .more-btn:hover {
    background: #00bf58;
    color: #fff
}

.filter-area-tab .salary-slider {
    position: relative
}

.filter-area-tab .salary-slider .price-input {
    width: 100%;
    margin: 0 0 10px
}

.filter-area-tab .salary-slider .price-input .currency {
    font-size: 11px;
    color: #000
}

.filter-area-tab .salary-slider .price-input input {
    width: 45px;
    height: 20px;
    outline: none;
    font-size: 11px;
    text-align: center;
    color: #000;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px
}

.filter-area-tab .salary-slider input[type=number]::-webkit-outer-spin-button,.filter-area-tab .salary-slider input[type=number]::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none
}

.filter-area-tab .salary-slider .slider {
    height: 4px;
    position: relative;
    background: #fff;
    border-radius: 7px
}

.filter-area-tab .salary-slider .slider .progress {
    height: 100%;
    left: 0;
    right: 70%;
    position: absolute;
    border-radius: 7px;
    background: #00bf58
}

.filter-area-tab .salary-slider .range-input {
    position: relative
}

.filter-area-tab .salary-slider .range-input input {
    position: absolute;
    width: 100%;
    height: 4px;
    top: -4px;
    background: none;
    pointer-events: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.filter-area-tab .salary-slider input[type=range]::-webkit-slider-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #00BF58;
    cursor: pointer;
    pointer-events: auto;
    appearance: none;
    -webkit-appearance: none
}

.filter-area-tab .salary-slider input[type=range]::-moz-range-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #00BF58;
    cursor: pointer;
    pointer-events: auto;
    appearance: none;
    -moz-appearance: none
}

.filter-area-tab .radio-filter li {
    position: relative;
    width: auto;
    margin: 0 2px 5px
}

.filter-area-tab .radio-filter li label {
    position: relative;
    font-size: 11px;
    font-weight: 500;
    line-height: 20px;
    background: #fff;
    color: #31795a;
    border-radius: 30px;
    padding: 0 12px;
    transition: all .1s ease-in-out 0s
}

.filter-area-tab .radio-filter li input[type=radio],.filter-area-tab .radio-filter li input[type=checkbox] {
    position: absolute;
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    cursor: pointer
}

.filter-area-tab .radio-filter li input[type=radio]:checked+label,.filter-area-tab .radio-filter li input[type=checkbox]:checked+label {
    background: #31795a;
    color: #fff
}

.filter-area-tab .input-box {
    height: 45px
}

.filter-area-tab .input-box input {
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #000000a6;
    border: 1px solid #EDEDED;
    border-radius: 7px;
    padding: 0 35px 0 15px
}

.filter-area-tab .input-box button {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.filter-btn {
    font-size: 15px;
    color: #244034;
    width: 86px;
    height: 32px;
    border: 2px solid #244034;
    border-radius: 6px
}

.filter-btn i {
    display: inline-block;
    font-size: 1.08em;
    vertical-align: -2px;
    margin-right: 2px
}

.filter-btn:hover {
    background: #244034;
    color: #fff
}

.upper-filter {
    position: relative
}

.upper-filter .total-job-found {
    color: #0006
}

.upper-filter .short-filter .nice-select {
    min-width: 154px;
    height: 32px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 500;
    padding: 0 15px;
    background: #0000000a;
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 30px
}

.upper-filter .short-filter .nice-select:after {
    right: 14px
}

.upper-filter .short-filter .nice-select .list {
    padding: 0
}

.upper-filter .short-filter .nice-select .option {
    font-size: 1em
}

.upper-filter .style-changer-btn {
    width: 35px;
    height: 35px;
    line-height: 15px;
    color: #000;
    font-size: 18px;
    border: 1px solid rgba(0,0,0,.15);
    display: none
}

.upper-filter .style-changer-btn:hover {
    color: #fff;
    background: #31795a;
    border-color: #31795a
}

.upper-filter .style-changer-btn.active {
    display: block
}

.bg-color .upper-filter .nice-select {
    background: transparent;
    border-color: #244034
}

.bg-color .upper-filter .style-changer-btn {
    border-color: #244034
}

.popUpModal .modal-content {
    border-radius: 15px
}

.popUpModal .modal-content.filter-area-tab .input-box input,.popUpModal .modal-content.filter-area-tab .nice-select {
    background: #fafafa;
    border-color: #ededed
}

.popUpModal .modal-content.filter-area-tab .salary-slider .slider {
    background: #efefef
}

.popUpModal .modal-content .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
    box-shadow: none;
    z-index: 1
}

.job-listing-wrapper {
    position: relative
}

.job-listing-wrapper.border-wrapper {
    border: 1px solid #DBE8E5;
    border-radius: 10px
}

.job-list-one {
    background: #fff;
    padding: 42px 35px;
    border-radius: 10px
}

.job-list-one.bottom-border {
    border-bottom: 1px solid #DBE8E5;
    border-radius: 10px 10px 0 0
}

.job-list-one.border-style {
    border: 1px solid #DBE8E5
}

.job-list-one .logo {
    width: 60px
}

.job-list-one .title {
    font-size: 19px;
    color: #000;
    line-height: 1.5em;
    width: calc(100% - 90px);
    margin-left: 30px
}

.job-list-one .title:hover {
    color: #00bf58
}

.job-list-one .split-box1 {
    width: calc(100% - 60px);
    padding-left: 30px
}

.job-list-one .split-box1 .title {
    width: 100%;
    margin-left: 0
}

.job-list-one .job-duration {
    font-size: 15px;
    color: #00bf58
}

.job-list-one .job-duration:hover {
    text-decoration: underline
}

.job-list-one .job-duration.part-time {
    color: #ff6060
}

.job-list-one .job-date {
    color: #00000080
}

.job-list-one .job-date a {
    font-weight: 500;
    color: #000
}

.job-list-one .job-date a:hover {
    text-decoration: underline
}

.job-list-one .job-location a {
    font-size: 15px;
    color: #000000b3
}

.job-list-one .job-location a:hover {
    color: #000
}

.job-list-one .job-category a {
    font-weight: 500;
    color: #000
}

.job-list-one .job-category a:hover {
    text-decoration: underline
}

.job-list-one .job-salary {
    font-size: 15px;
    color: #aaa;
    margin: 2px 0 0
}

.job-list-one .save-btn {
    width: 35px;
    height: 35px;
    line-height: 32px;
    border: 1px solid #D6D6D6;
    color: #cbcbcb
}

.job-list-one .save-btn:hover {
    background: #e7f6ef;
    border-color: #e7f6ef;
    color: #005025
}

.job-list-one .apply-btn {
    width: 85px;
    line-height: 35px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 17px;
    background: #00bf58
}

.job-list-one .apply-btn:hover {
    background: #005025
}

.job-list-one.style-two {
    padding-top: 35px;
    padding-bottom: 35px
}

.job-list-one.style-two .apply-btn {
    background: #31795a
}

.job-list-one.style-two .apply-btn:hover {
    background: #00bf58
}

.job-list-one.style-two .title:hover {
    color: #31795a
}

.g-control-nav li {
    font-size: 17px;
    font-weight: 500;
    color: #000;
    margin-left: 30px;
    padding-bottom: 6px;
    position: relative;
    cursor: pointer;
    transition: all .1s ease-in-out 0s
}

.g-control-nav li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: #00bf58;
    opacity: 0;
    transition: all .1s ease-in-out 0s
}

.g-control-nav li.is-checked::before {
    opacity: 1
}

.g-control-nav li.is-checked {
    color: #00bf58
}

.g-control-nav li:first-child {
    margin-left: 0
}

.job-listing-two {
    background: #eff6f3
}

.job-list-two {
    padding: 35px 35px 30px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all .2s ease-in-out 0s
}

.job-list-two:hover {
    box-shadow: 0 20px 40px #16694614
}

.job-list-two .logo {
    height: 45px;
    width: fit-content
}

.job-list-two .logo img {
    max-height: 100%
}

.job-list-two .job-duration {
    font-size: 13px;
    color: #00bf58;
    padding: 2px 12px;
    background: #e7f6ef;
    border-radius: 3px;
    margin: 54px 0 16px
}

.job-list-two .job-duration.part-time {
    background: #ff575714;
    color: #ff6060
}

.job-list-two .title {
    font-size: 24px;
    line-height: 1.416em;
    color: #000
}

.job-list-two .title:hover {
    color: #00bf58
}

.job-list-two .job-date,.job-list-two .job-salary {
    font-size: 16px;
    color: #aaa;
    margin: 18px 0 65px
}

.job-list-two .job-location a {
    font-size: 16px;
    font-weight: 500;
    color: #000
}

.job-list-two .job-location a:hover {
    text-decoration: underline
}

.job-list-two .apply-btn {
    width: 80px;
    line-height: 27px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 17px;
    background: #00bf58
}

.job-list-two .apply-btn:hover {
    background: #005025
}

.job-list-two .save-btn {
    position: absolute;
    right: 35px;
    top: 35px;
    width: 35px;
    height: 35px;
    line-height: 32px;
    border: 1px solid #D6D6D6;
    color: #cbcbcb;
    background: #fff
}

.job-list-two .save-btn:hover {
    background: #e7f6ef;
    border-color: #e7f6ef;
    color: #005025
}

.job-list-two.style-two {
    border: 1px solid #EBEBEB
}

.job-list-two.style-two:hover {
    background: #f8fde4;
    border-color: #31795a;
    box-shadow: none
}

.job-list-two.style-two .job-duration {
    background: #e7f6ef;
    color: #31795a
}

.job-list-two.style-two .job-duration.part-time {
    background: #ff575714;
    color: #ff6060
}

.job-list-two.style-two .title:hover {
    color: #31795a
}

.job-list-two.style-two .apply-btn {
    background: #31795a
}

.job-list-two.style-two .apply-btn:hover {
    background: #00bf58
}

.job-listing-three.bg-color {
    background: #eff6f3
}

.job-list-three {
    background: #fff;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    padding: 28px 40px 30px;
    transition: all .2s ease-in-out 0s
}

.job-list-three:hover {
    box-shadow: 0 20px 40px #16694614
}

.job-list-three .main-wrapper {
    position: relative;
    display: flex;
    flex-direction: column
}

.job-list-three .main-wrapper .list-header {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 30px;
    margin-bottom: 25px
}

.job-list-three .main-wrapper .logo {
    width: 50px
}

.job-list-three .main-wrapper .info-wrapper {
    width: calc(100% - 50px);
    padding-left: 22px;
    padding-right: 37px
}

.job-list-three .main-wrapper .title {
    font-size: 18px;
    color: #000;
    margin-bottom: 7px
}

.job-list-three .main-wrapper .title:hover {
    color: #31795a
}

.job-list-three .main-wrapper .info-data li {
    font-size: 14px;
    font-weight: 500;
    color: #244034b3;
    position: relative;
    margin-right: 20px
}

.job-list-three .main-wrapper .info-data li::before {
    content: ".";
    position: absolute;
    right: -10px;
    top: 0
}

.job-list-three .main-wrapper .info-data li:last-child {
    margin: 0
}

.job-list-three .main-wrapper .info-data li:last-child::before {
    display: none
}

.job-list-three .main-wrapper .save-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    height: 35px;
    line-height: 29px;
    border: 1px solid #D6D6D6;
    color: #cbcbcb;
    background: #fff
}

.job-list-three .main-wrapper .save-btn:hover {
    background: #e7f6ef;
    border-color: #e7f6ef;
    color: #005025
}

.job-list-three .main-wrapper p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 25px
}

.job-list-three .main-wrapper .client-status {
    font-size: 14px;
    margin: 0 10px 0 7px
}

.job-list-three .main-wrapper .job-duration {
    font-size: 14px;
    color: #00bf58
}

.job-list-three .main-wrapper .job-duration:hover {
    text-decoration: underline
}

.job-list-three .main-wrapper .job-duration.part-time {
    color: #ff6060
}

.job-list-three .main-wrapper .apply-btn {
    width: 80px;
    line-height: 30px;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 17px;
    background: #31795a
}

.job-list-three .main-wrapper .apply-btn:hover {
    background: #005025
}

.job-company-info {
    border-radius: 20px;
    padding: 50px 20px 30px;
    background: #eff6f3
}

.job-company-info .logo {
    height: 60px
}

.job-company-info .website-btn {
    width: 160px;
    line-height: 40px;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #fff;
    background: #244034;
    border-radius: 30px
}

.job-company-info .website-btn:hover {
    background: #31795a
}

.job-company-info .website-btn-two {
    font-weight: 500;
    letter-spacing: -.5px;
    font-size: 15px;
    text-decoration: underline;
    color: #008fdf
}

.job-company-info .website-btn-two:hover {
    color: #31795a
}

.job-company-info .job-meta-data span {
    font-size: 15px;
    color: #24403499
}

.job-company-info .job-meta-data div {
    font-size: 15px;
    font-weight: 500;
    color: #244034;
    margin: 4px 0 25px
}

.job-company-info .job-meta-data div a:hover {
    text-decoration: underline;
    color: #244034
}

.job-company-info .job-tags {
    margin: 0 -4px
}

.job-company-info .job-tags a {
    font-size: 12px;
    font-weight: 500;
    color: #0000007a;
    line-height: 23px;
    border: 1px solid #768981;
    border-radius: 30px;
    margin: 0 4px 8px;
    padding: 0 11px;
    transition: all .2s ease-in-out 0s
}

.job-company-info .job-tags a:hover {
    background: #244034;
    border-color: #244034;
    color: #fff
}

.job-details {
    position: relative
}

.job-details.style-two {
    background: #eff6f3
}

.job-details .post-date {
    color: #00000080
}

.job-details .post-date a:hover {
    text-decoration: underline
}

.job-details .post-title {
    font-size: 36px;
    font-family: gordita;
    margin: 10px 0 15px
}

.job-details .share-buttons li {
    margin-right: 8px
}

.job-details .share-buttons li a {
    font-size: 14px;
    font-weight: 500;
    color: #244034;
    line-height: 33px;
    border-radius: 5px;
    padding: 0 15px;
    margin-top: 5px;
    background: #31795a1f;
    transition: all .2s ease-in-out 0s
}

.job-details .share-buttons li a i {
    font-size: 13px;
    margin-right: 7px
}

.job-details .share-buttons li a:hover {
    background: #244034;
    color: #fff
}

.job-details .post-block.border-style {
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 35px 40px 20px
}

.job-details .block-title {
    font-size: 22px;
    font-family: gordita;
    margin: 0
}

.job-details .block-numb {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    background: #31795a
}

.job-details p {
    font-size: 17px;
    margin-top: 20px
}

.job-details p a {
    font-weight: 500;
    text-decoration: underline;
    color: #000;
    transition: all .2s ease-in-out 0s
}

.job-details p a:hover {
    color: #00bf58
}

.job-details .list-type-one li {
    position: relative;
    font-size: 17px;
    margin-top: 20px;
    padding-left: 30px;
    line-height: 1.882em
}

.job-details .list-type-one li::before {
    content: "";
    font-family: bootstrap-icons;
    position: absolute;
    left: 0;
    top: 0;
    color: #31795a
}

.job-details .border-style .list-type-one li::before {
    content: ""
}

.job-details .list-type-two li {
    position: relative;
    font-size: 17px;
    margin-top: 25px;
    padding-left: 18px
}

.job-details .list-type-two li::before {
    content: " ";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    left: 0;
    top: 9px
}

.job-details .job-meta-data-two {
    margin: 0 -10px
}

.job-details .job-meta-data-two .bg-wrapper {
    margin: 0 10px 15px;
    border-radius: 60px;
    padding: 45px 35px 50px
}

.job-details .job-meta-data-two .bg-wrapper .icon {
    max-height: 25px
}

.job-details .job-meta-data-two .bg-wrapper span {
    font-size: 15px;
    display: block;
    margin: 48px 0 4px;
    color: #24403499
}

.job-details .job-meta-data-two .bg-wrapper div {
    font-size: 15px;
    font-weight: 500;
    color: #244034
}

.related-job-section {
    background: #eff6f3
}

.related-job-section .slick-arrow-one {
    position: absolute;
    right: 0;
    top: 17px
}

.company-profiles.bg-color {
    background: #eff6f3
}

.company-grid-layout {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 34px 15px 0;
    border-radius: 30px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1)
}

.company-grid-layout.favourite::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 90px;
    background: #31795a;
    top: -45px;
    left: -45px;
    transform: rotate(45deg)
}

.company-grid-layout.favourite:after {
    content: "";
    font-family: bootstrap-icons!important;
    position: absolute;
    color: #fff;
    font-size: 15px;
    top: 9px;
    left: 14px
}

.company-grid-layout .company-logo {
    display: block;
    width: 85px;
    height: 85px;
    overflow: hidden
}

.company-grid-layout .company-name {
    font-size: 24px;
    font-family: gordita;
    margin: 22px 0 8px
}

.company-grid-layout .company-name:hover {
    color: #31795a
}

.company-grid-layout .bottom-line {
    border-top: 1px solid rgba(0,0,0,.1);
    margin: 50px -15px 0
}

.company-grid-layout .bottom-line a {
    display: block;
    width: 50%;
    font-size: 15px;
    font-weight: 500;
    color: #00bf58;
    text-align: center;
    padding: 18px 0;
    transition: all .2s ease-in-out 0s
}

.company-grid-layout .bottom-line a i {
    vertical-align: -1px;
    margin-right: 2px
}

.company-grid-layout .bottom-line a:hover {
    background: #00bf58;
    color: #fff
}

.company-grid-layout .bottom-line a:first-child {
    border-right: 1px solid rgba(0,0,0,.1)
}

.company-list-layout {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    padding: 35px 20px;
    position: relative;
    border: 1px solid rgba(0,0,0,.1)
}

.company-list-layout.favourite::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background: #31795a;
    top: -30px;
    left: -30px;
    transform: rotate(45deg)
}

.company-list-layout.favourite:after {
    content: "";
    font-family: bootstrap-icons!important;
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: 2px;
    left: 7px
}

.company-list-layout .company-logo {
    display: block;
    width: 70px;
    height: 70px;
    overflow: hidden
}

.company-list-layout .company-data {
    width: calc(100% - 70px);
    padding-left: 20px
}

.company-list-layout .company-name {
    font-size: 24px;
    font-family: gordita
}

.company-list-layout .company-name:hover {
    color: #31795a
}

.company-list-layout p {
    font-size: 15px;
    margin: 3px 0 0
}

.company-list-layout .team-img {
    width: 55px;
    height: 55px;
    border: 6px solid #fff;
    margin-right: -18px
}

.company-list-layout .team-text {
    font-size: 15px;
    line-height: 20px;
    color: #0006;
    margin-left: 30px
}

.company-list-layout .save-btn {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #D6D6D6;
    color: #cbcbcb
}

.company-list-layout .save-btn:hover {
    background: #e7f6ef;
    border-color: #e7f6ef;
    color: #005025
}

.company-list-layout .open-job-btn {
    width: 120px;
    line-height: 31px;
    font-size: 15px;
    color: #00bf58;
    border: 1px solid #00BF58;
    background: #eaf9e9;
    border-radius: 30px
}

.company-list-layout .open-job-btn:hover {
    background: #00bf58;
    color: #fff
}

.company-details .details-post-data {
    position: relative
}

.company-details .details-post-data h3 {
    font-family: gordita;
    font-size: 28px;
    margin-bottom: 20px
}

.company-details .details-post-data p {
    margin-bottom: 40px
}

.company-details .details-post-data .video-post {
    background-size: cover;
    height: 440px;
    border-radius: 10px
}

.company-details .details-post-data .video-post .video-icon {
    width: 65px;
    height: 65px;
    background: #ff4646;
    color: #fff;
    font-size: 45px;
    line-height: 55px
}

.company-details .details-post-data .slick-dots {
    position: absolute;
    margin: 0;
    padding: 0;
    right: 10px;
    top: -37px
}

.company-details .details-post-data .share-option li a {
    font-size: 15px;
    color: #244034;
    width: 34px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border: 1px solid #EAEAEA;
    border-radius: 50%;
    margin-left: 6px;
    transition: all .2s ease-in-out 0s
}

.company-details .details-post-data .share-option li a:hover {
    background: #244034;
    color: #fff
}

.company-open-position,.candidates-profile.bg-color {
    background: #eff6f3
}

.candidate-profile-card {
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    position: relative;
    border: 1px solid rgba(36,64,52,.1);
    transition: all .2s ease-in-out 0s
}

.candidate-profile-card:hover {
    box-shadow: 0 20px 35px #1669460d
}

.candidate-profile-card.grid-layout {
    padding: 27px 18px 30px;
    display: flex;
    flex-direction: column;
    width: 100%
}

.candidate-profile-card.grid-layout .save-btn {
    color: #b9b9b9;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px
}

.candidate-profile-card.grid-layout .save-btn:hover {
    color: #00bf58
}

.candidate-profile-card.favourite::before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background: #31795a;
    top: -30px;
    left: -30px;
    transform: rotate(45deg)
}

.candidate-profile-card.favourite:after {
    content: "";
    font-family: bootstrap-icons!important;
    position: absolute;
    color: #fff;
    font-size: 13px;
    top: 4px;
    left: 7px
}

.candidate-profile-card .cadidate-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.candidate-profile-card .cadidate-avatar.online::before {
    content: "";
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #00a939;
    top: 5px;
    right: 8px
}

.candidate-profile-card .candidate-name {
    font-family: gordita;
    font-size: 18px
}

.candidate-profile-card .candidate-name a:hover {
    color: #00bf58
}

.candidate-profile-card .candidate-post {
    font-size: 15px;
    color: #0006
}

.candidate-profile-card .cadidate-skills {
    margin: 0 -2px
}

.candidate-profile-card .cadidate-skills li {
    margin: 0 2px 5px;
    line-height: 25px;
    padding: 0 14px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 500;
    color: #0000008c;
    background: #31795a1a
}

.candidate-profile-card .cadidate-skills li.more {
    background: #d2f34c;
    color: #000
}

.candidate-profile-card .candidate-info span {
    font-size: 15px;
    color: #24403499
}

.candidate-profile-card .candidate-info div {
    font-size: 15px;
    font-weight: 500;
    color: #244034;
    margin: 2px 0 0
}

.candidate-profile-card .profile-btn {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 40px;
    color: #fff;
    background: #31795a;
    text-align: center;
    padding: 0 18px;
    border-radius: 40px
}

.candidate-profile-card .profile-btn:hover {
    background: #00bf58
}

.candidate-profile-card .msg-btn {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.5px;
    line-height: 38px;
    color: #31795a;
    border: 1px solid #31795A;
    text-align: center;
    padding: 0 15px;
    border-radius: 40px
}

.candidate-profile-card .msg-btn:hover {
    background: #00bf58;
    border-color: #00bf58;
    color: #fff
}

.candidate-profile-card.list-layout {
    padding: 27px 30px 38px
}

.candidate-profile-card.list-layout .cadidate-skills {
    position: absolute;
    left: 0;
    bottom: -45px
}

.candidate-profile-card.list-layout .right-side {
    width: calc(100% - 80px);
    padding-left: 30px
}

.candidate-profile-card.list-layout .save-btn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #E4E4E4;
    font-weight: 900;
    color: #31795a;
    font-size: 18px
}

.candidate-profile-card.list-layout .save-btn:hover {
    color: #fff;
    background: #31795a;
    border-color: #31795a
}

.candidates-profile-details {
    position: relative
}

.candidates-profile-details .inner-card {
    background: #fff;
    border-radius: 10px;
    padding: 25px 35px 20px
}

.candidates-profile-details .inner-card.border-style {
    border: 1px solid #DEDEDE;
    position: relative;
    border-radius: 15px;
    padding: 35px 35px 20px
}

.candidates-profile-details .inner-card.border-style .title {
    position: absolute;
    background: #fff;
    padding: 0 10px;
    top: -18px;
    left: 25px;
    z-index: 1
}

.candidates-profile-details .title {
    font-size: 28px;
    font-weight: 500;
    font-family: gordita;
    margin-bottom: 22px
}

.candidates-profile-details .video-post {
    background-size: cover;
    height: 430px;
    border-radius: 15px
}

.candidates-profile-details .video-post .video-icon {
    width: 65px;
    height: 65px;
    background: #d2f34c;
    color: #000;
    font-size: 45px;
    line-height: 65px;
    padding-left: 7px
}

.candidates-profile-details .video-post .video-icon:hover {
    background: #00bf58;
    color: #fff
}

.candidates-profile-details .time-line-data .info {
    padding: 0 0 45px 65px
}

.candidates-profile-details .time-line-data .info::before {
    content: "";
    position: absolute;
    left: 22px;
    top: 66px;
    bottom: 7%;
    width: 1px;
    background: #e1e1e1
}

.candidates-profile-details .time-line-data .info:last-child {
    padding-bottom: 0
}

.candidates-profile-details .time-line-data .info:last-child::before {
    display: none
}

.candidates-profile-details .time-line-data .info .numb {
    width: 45px;
    height: 45px;
    color: #31795a;
    border: 1px solid #31795A;
    position: absolute;
    left: 0;
    top: 3px
}

.candidates-profile-details .time-line-data .info .text_1 {
    font-size: 14px;
    color: #31795a
}

.candidates-profile-details .time-line-data .info h4 {
    font-size: 18px;
    font-family: gordita;
    margin: 5px 0 12px
}

.candidates-profile-details .skill-tags {
    margin: 0 -8px
}

.candidates-profile-details .skill-tags li {
    font-size: 16px;
    color: #005025;
    margin: 18px 8px 0;
    line-height: 45px;
    padding: 0 30px;
    border-radius: 30px;
    background: #eff6f3
}

.candidates-profile-details .skill-tags li.more {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 0;
    color: #000;
    text-align: center;
    background: #d2f34c
}

.candidates-profile-details .candidate-portfolio-slider .slick-dots {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 10px;
    top: -35px
}

.cadidate-profile-sidebar .bg-wrapper {
    background: #fff;
    border-radius: 15px;
    padding: 0 20px 25px
}

.cadidate-profile-sidebar .bg-wrapper.bg-color {
    background: #eff6f3
}

.cadidate-profile-sidebar .cadidate-bio .cadidate-avatar {
    width: 80px;
    height: 80px
}

.cadidate-profile-sidebar .cadidate-bio .cadidate-name {
    font-family: gordita;
    font-size: 20px;
    margin: 18px 0 20px
}

.cadidate-profile-sidebar .cadidate-bio .invite-btn {
    font-size: 15px;
    letter-spacing: -.5px;
    color: #008fdf;
    text-decoration: underline
}

.cadidate-profile-sidebar .cadidate-bio ul li {
    border-top: 1px solid #E6E6E6;
    padding: 14px 0
}

.cadidate-profile-sidebar .cadidate-bio ul li span {
    font-size: 15px;
    color: #24403499
}

.cadidate-profile-sidebar .cadidate-bio ul li div {
    font-size: 15px;
    font-weight: 500;
    color: #244034;
    margin: 4px 0 0
}

.cadidate-profile-sidebar .cadidate-bio ul li div a:hover {
    text-decoration: underline;
    color: #244034
}

.cadidate-profile-sidebar .sidebar-title {
    font-family: gordita;
    font-size: 20px;
    margin: 0 0 15px
}

.cadidate-profile-sidebar .map-area {
    height: 235px;
    border-radius: 10px;
    overflow: hidden
}

.cadidate-profile-sidebar .email-form p {
    font-size: 15px;
    line-height: 22px;
    padding: 20px 0 0
}

.cadidate-profile-sidebar .email-form label {
    font-size: 13px;
    font-weight: 500;
    color: #31795a;
    width: 65px;
    display: inline
}

.cadidate-profile-sidebar .email-form input {
    width: calc(100% - 65px);
    height: 45px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    background: #fff;
    padding: 0 15px;
    font-size: 13px
}

.cadidate-profile-sidebar .email-form textarea {
    width: calc(100% - 65px);
    height: 135px;
    max-height: 135px;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    background: #fff;
    padding: 10px 15px;
    font-size: 13px;
    resize: none
}

.feedback-section-one .slick-arrow-one {
    position: absolute;
    right: 0;
    top: 70px
}

.feedback-block-one {
    background: #f9ffe1;
    border: 2px solid #000;
    border-radius: 30px;
    padding: 40px 40px 45px;
    transition: all .25s ease-in-out 0s
}

.feedback-block-one:hover {
    background: #d2f34c
}

.feedback-block-one .logo {
    height: 50px
}

.feedback-block-one .logo img {
    max-height: 100%
}

.feedback-block-one blockquote {
    font-size: 36px;
    line-height: 1.3888em;
    color: #000
}

.feedback-block-one .review {
    border-top: 2px solid #000
}

.feedback-block-one .review ul li a {
    font-size: 15px;
    color: #000;
    margin-left: 5px
}

.feedback-block-one.color-two {
    background: #755146;
    border: none
}

.feedback-block-one.color-two:hover {
    background: #249f47
}

.feedback-block-one.color-two .review {
    border-top: 1px solid #fff
}

.feedback-block-one.color-two .review ul li a {
    color: #fff
}

.feedback-section-two::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    background: #f0f6f3;
    z-index: -1
}

.feedback-section-two .rating-title {
    font-size: 42px;
    color: #00bf58
}

.feedback-section-two .slider-wrapper {
    width: calc(100% + 33vw)
}

.feedback-section-two .slick-dots {
    margin: 70px 0 0 10px
}

.feedback-section-two .shape_01 {
    bottom: 0;
    left: 15%
}

.feedback-slider-two .item {
    margin: 50px 25px
}

.feedback-block-two {
    box-shadow: 0 20px 35px #00102208;
    background: #fff;
    border-radius: 10px;
    padding: 38px 45px 40px
}

.feedback-block-two blockquote {
    line-height: 2em
}

.feedback-block-two .review {
    font-size: 28px;
    color: #00bf58
}

.feedback-block-two .rating li a {
    font-size: 13px;
    color: #ffcc4a;
    margin-right: 5px
}

.feedback-block-two .block-footer {
    border-top: 1px solid #000
}

.feedback-block-two .block-footer .author-img {
    width: 50px;
    height: 50px
}

.feedback-block-two .block-footer .name {
    font-size: 18px
}

.feedback-section-three #feedBack_carousel {
    position: relative
}

.feedback-section-three #feedBack_carousel .carousel-inner p {
    font-size: 36px;
    line-height: 1.888em;
    color: #000;
    margin-bottom: 55px
}

.feedback-section-three #feedBack_carousel .name::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background: #000;
    left: -45px;
    top: 16px
}

.feedback-section-three #feedBack_carousel .carousel-indicators {
    position: static;
    width: 100%;
    margin: 60px 0 0
}

.feedback-section-three #feedBack_carousel .carousel-indicators button {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 3px solid transparent;
    opacity: 1;
    margin: 0 10px;
    transition: all .2s ease-in-out 0s
}

.feedback-section-three #feedBack_carousel .carousel-indicators button.active {
    border-color: #29503d
}

.feedback-section-three #feedBack_carousel .carousel-btn {
    top: 65px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,.15);
    opacity: 1;
    line-height: 48px;
    text-align: center;
    font-size: 20px;
    color: #000;
    transition: all .2s ease-in-out 0s
}

.feedback-section-three #feedBack_carousel .carousel-btn:hover {
    border-color: #00bf58;
    background: #00bf58;
    color: #fff
}

.feedback-section-four .bg-wrapper {
    background: #1ea243;
    padding: 125px 150px 165px 110px
}

.feedback-section-four .bg-wrapper .icon {
    width: 80px;
    height: 80px;
    background: #ffffff29
}

.feedback-section-four .bg-wrapper p {
    font-size: 40px;
    line-height: 1.7em;
    color: #fff;
    margin: 50px 0 95px
}

.feedback-section-four .bg-wrapper .slider-arrows {
    position: absolute;
    left: 0;
    bottom: 0
}

.feedback-section-four .bg-wrapper .slider-arrows li {
    width: 60px;
    height: 60px;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    cursor: pointer;
    transition: all .2s ease-in-out 0s;
    border-left: 1px solid rgba(255,255,255,.14);
    background: #ffffff21
}

.feedback-section-four .bg-wrapper .slider-arrows li:hover {
    background: #fff;
    color: #000
}

.feedback-section-four .slider-wrapper {
    position: absolute;
    width: 79vw;
    right: -28vw;
    bottom: 9%
}

.feedback-section-four .slider-wrapper .slick-dots {
    position: absolute;
    margin: 0;
    padding: 0;
    bottom: -14%;
    left: 20%
}

.feedback-section-five {
    z-index: 1;
    background-size: cover
}

.feedback-section-five::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #0009
}

.feedback-section-five .feedback-slider-one {
    margin: 0 -35px
}

.feedback-section-five .feedback-slider-one .item {
    margin: 0 35px
}

.feedback-section-five .slider-arrows {
    position: absolute;
    right: 0;
    top: 85px
}

.feedback-block-three {
    padding: 45px 55px 40px;
    background: #fff;
    border-radius: 10px
}

.feedback-block-three blockquote {
    font-size: 24px;
    line-height: 2em
}

.feedback-block-three .review {
    font-size: 28px;
    color: #00bf58
}

.feedback-block-three .rating li a {
    font-size: 14px;
    color: #ffcc4a;
    margin-right: 9px
}

.feedback-block-three .author-img {
    width: 60px;
    height: 60px
}

.feedback-block-three .name {
    font-size: 20px
}

.feedback-block-three .quote-icon {
    position: absolute;
    top: 58px;
    right: 55px
}

.feedback-block-four {
    padding: 25px 40px;
    border: 1px solid #E1E1E1;
    border-radius: 10px
}

.feedback-block-four .rating li a {
    font-size: 16px;
    color: #ffcc4a;
    margin-right: 8px
}

.feedback-block-four .review-score {
    color: #0006;
    margin: 0 0 0 10px
}

.feedback-block-four blockquote {
    font-size: 17px;
    line-height: 1.882em;
    margin: 17px 0 25px
}

.feedback-block-four .author-img {
    width: 45px;
    height: 45px
}

.feedback-block-four .name {
    font-size: 18px
}

.blog-section.bg-color {
    background: #eff6f3
}

.blog-section-one .explore-btn {
    position: absolute;
    right: 0;
    top: 17px
}

.blog-meta-one .post-img {
    overflow: hidden
}

.blog-meta-one:hover .post-img img {
    transform: scale3d(1.1,1.1,1)
}

.blog-meta-one .tags li {
    position: relative
}

.blog-meta-one .tags li:after {
    content: ",";
    color: #0000004d
}

.blog-meta-one .tags li:last-child:after {
    display: none
}

.blog-meta-one .tags li a {
    font-size: 15px;
    color: #0006;
    transition: all .2s ease-in-out 0s
}

.blog-meta-one .tags li a:hover {
    color: #000
}

.blog-meta-one .blog-title {
    font-family: gordita;
    font-size: 24px;
    line-height: 1.5em
}

.blog-meta-one .blog-title:hover {
    color: #00bf58
}

.blog-meta-one .author a:hover {
    text-decoration: underline
}

.blog-meta-one .date {
    font-size: 14px;
    color: #00000080
}

.blog-meta-one .date:hover {
    text-decoration: underline
}

.blog-meta-two .post-img {
    overflow: hidden;
    position: relative
}

.blog-meta-two .post-img .tags {
    font-size: 11px;
    letter-spacing: .5px;
    border-radius: 13px;
    padding: 5px 18px;
    color: #fff;
    text-transform: uppercase;
    background: #00bf58;
    position: absolute;
    left: 30px;
    bottom: 30px
}

.blog-meta-two .post-img .tags:hover {
    text-decoration: underline
}

.blog-meta-two .post-img .tags.color-two {
    background: #d2f34c;
    color: #244034
}

.blog-meta-two:hover .post-img img {
    transform: scale3d(1.1,1.1,1)
}

.blog-meta-two .date a {
    color: #aaa
}

.blog-meta-two .date a:hover {
    color: #000;
    text-decoration: underline
}

.blog-meta-two .blog-title {
    font-family: gordita;
    font-size: 32px;
    line-height: 1.28em;
    margin: 25px 0
}

.blog-meta-two .blog-title:hover {
    color: #00bf58
}

.blog-meta-two .blog-title.xs {
    font-size: 28px;
    line-height: 1.428em
}

.blog-meta-two .continue-btn {
    font-size: 18px;
    color: #000;
    letter-spacing: -1px
}

.blog-meta-two .continue-btn:hover {
    color: #00bf58
}

.blog-meta-two.box-layout {
    background: #fff;
    border-radius: 20px;
    padding: 20px 25px 50px
}

.blog-meta-two.box-layout .post-img {
    border-radius: 15px
}

.blog-sidebar .search-form {
    height: 65px;
    border-radius: 5px
}

.blog-sidebar .search-form input {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 5px;
    background: #f4f4f4;
    padding: 0 60px 0 20px
}

.blog-sidebar .search-form button {
    width: 60px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

.blog-sidebar .sidebar-title {
    font-size: 24px;
    font-family: gordita;
    margin-bottom: 25px
}

.blog-sidebar .category-list li a {
    color: #000;
    line-height: 40px
}

.blog-sidebar .category-list li a:hover {
    text-decoration: underline;
    color: #31795a
}

.blog-sidebar .sidebar-recent-news img {
    width: 70px;
    border-radius: 5px
}

.blog-sidebar .sidebar-recent-news .post {
    width: calc(100% - 70px)
}

.blog-sidebar .sidebar-recent-news .post .title {
    font-family: gordita;
    font-size: 18px;
    line-height: 1.44em
}

.blog-sidebar .sidebar-recent-news .post .title:hover {
    text-decoration: underline;
    color: #31795a
}

.blog-sidebar .sidebar-recent-news .post .date {
    font-size: 15px;
    color: #a2a2a2
}

.blog-sidebar .sidebar-keyword ul {
    margin: 0 -3px
}

.blog-sidebar .sidebar-keyword ul li {
    margin: 10px 3px 0
}

.blog-sidebar .sidebar-keyword ul li a {
    font-size: 14px;
    padding: 0 25px;
    color: #31795a;
    line-height: 35px;
    border-radius: 30px;
    background: #eff6f3;
    transition: all .2s ease-in-out 0s
}

.blog-sidebar .sidebar-keyword ul li a:hover {
    background: #244034;
    color: #fff
}

.blog-details-meta .blog-pubish-date {
    color: #00000080
}

.blog-details-meta .blog-pubish-date a {
    font-weight: 500;
    color: #244034
}

.blog-details-meta .blog-pubish-date a:hover {
    text-decoration: underline
}

.blog-details-meta .blog-heading {
    font-family: gordita;
    font-size: 50px;
    line-height: 1.5em;
    color: #244034;
    margin: 20px 0 30px
}

.blog-details-meta .img-meta {
    padding: 20px 0
}

.blog-details-meta .img-meta img {
    border-radius: 15px;
    width: 100%
}

.blog-details-meta h5 {
    font-family: gordita;
    font-size: 20px;
    line-height: 1.65em;
    color: #244034
}

.blog-details-meta .quote-text {
    text-align: center;
    background: #eff6f3;
    border-radius: 15px;
    padding: 35px 15px 45px;
    margin: 30px 0 40px
}

.blog-details-meta .quote-text blockquote {
    font-family: EB Garamond,serif;
    font-size: 48px;
    line-height: 1.062em;
    color: #244034;
    margin-bottom: 25px
}

.blog-details-meta .quote-text .name {
    font-size: 15px;
    color: #407f64
}

.blog-details-meta h3 {
    font-family: gordita;
    font-size: 32px;
    letter-spacing: -1px;
    color: #244034;
    margin-bottom: 15px
}

.blog-details-meta .bottom-widget {
    padding: 18px 0 5px
}

.blog-details-meta .bottom-widget .tags li:first-child {
    font-weight: 500;
    color: #244034;
    margin-right: 7px
}

.blog-details-meta .bottom-widget .tags a {
    color: #2440348c;
    margin-right: 4px
}

.blog-details-meta .bottom-widget .tags a:hover {
    color: #000;
    text-decoration: underline
}

.blog-details-meta .bottom-widget .share-icon li:first-child {
    font-weight: 500;
    color: #244034
}

.blog-details-meta .bottom-widget .share-icon a {
    width: 38px;
    height: 38px;
    line-height: 38px;
    border-radius: 50%;
    background: #eeeded;
    text-align: center;
    color: #000;
    font-size: 16px;
    margin-left: 10px;
    transition: all .2s ease-in-out 0s
}

.blog-details-meta .bottom-widget .share-icon a:hover {
    background: #31795a;
    color: #fff
}

.blog-details-page .blog-inner-title {
    font-family: gordita;
    font-size: 42px;
    color: #244034;
    letter-spacing: -1px
}

.blog-details-page .blog-comment-area {
    padding: 80px 0 70px
}

.blog-details-page .blog-comment-area .comment {
    margin-top: 45px
}

.blog-details-page .blog-comment-area .comment .user-avatar {
    width: 60px;
    height: 60px
}

.blog-details-page .blog-comment-area .comment .comment-text {
    width: calc(100% - 60px);
    padding-left: 25px;
    position: relative
}

.blog-details-page .blog-comment-area .comment .comment-text .name {
    font-family: gordita;
    font-size: 20px;
    letter-spacing: -1px
}

.blog-details-page .blog-comment-area .comment .comment-text .date {
    font-size: 15px;
    color: #adadad
}

.blog-details-page .blog-comment-area .comment .comment-text p {
    font-size: 16px;
    line-height: 28px;
    padding: 20px 50px 0 0
}

.blog-details-page .blog-comment-area .comment .comment-text .reply-btn {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0px;
    text-align: center;
    width: 65px;
    line-height: 27px;
    background: #31795a;
    border-radius: 3px;
    position: absolute;
    right: 0;
    top: 3px
}

.blog-details-page .blog-comment-area .comment .comment-text .reply-btn:hover {
    background: #00bf58
}

.blog-details-page .blog-comment-form {
    background: #eff6f3;
    border-radius: 20px;
    padding: 45px 50px 60px
}

.blog-details-page .blog-comment-form form label {
    font-size: 14px;
    font-weight: 400;
    color: #00000080;
    display: block;
    padding-bottom: 5px
}

.blog-details-page .blog-comment-form form input {
    display: block;
    font-size: 17px;
    width: 100%;
    height: 60px;
    border: none;
    border-radius: 8px;
    padding: 0 25px;
    background: #fff
}

.blog-details-page .blog-comment-form form textarea {
    display: block;
    font-size: 17px;
    width: 100%;
    max-width: 100%;
    height: 145px;
    border: none;
    border-radius: 8px;
    padding: 20px 25px;
    background: #fff
}

.footer-with-bg {
    background: #f4faf7
}

.footer-one {
    padding-top: 100px
}

.footer-one .email {
    font-size: 18px;
    color: #00bf58;
    text-decoration: underline
}

.footer-one .footer-title {
    font-family: gordita;
    font-size: 22px;
    margin-bottom: 30px
}

.footer-one .footer-nav-link a {
    color: #000000b3;
    margin-bottom: 18px;
    transition: all .1s ease-in-out 0s
}

.footer-one .footer-nav-link a:hover {
    color: #00bf58
}

.footer-one .footer-newsletter form {
    position: relative;
    height: 60px;
    background: #0000000a;
    border-radius: 7px
}

.footer-one .footer-newsletter form input {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    padding: 0 50px 0 20px;
    border-radius: 7px
}

.footer-one .footer-newsletter form button {
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    width: 75px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    border-radius: 6px;
    background: #244034;
    color: #fff;
    transition: all .2s ease-in-out 0s
}

.footer-one .footer-newsletter form button:hover {
    background: #d2f34c;
    color: #244034
}

.footer-one .footer-newsletter form.border-style {
    border: 1px solid #000
}

.footer-one .footer-newsletter form.border-style button {
    background: #00bf58;
    color: #fff
}

.footer-one .footer-newsletter form.border-style button:hover {
    background: #244034
}

.footer-one .note {
    font-size: 14px;
    color: #979797;
    margin: 8px 0 0
}

.footer-one .bottom-footer {
    padding: 40px 0 25px
}

.footer-one .bottom-footer .social-icon a {
    color: #0009;
    font-size: 16px;
    margin-left: 22px;
    transition: all .2s ease-in-out 0s
}

.footer-one .bottom-footer .social-icon a:hover {
    color: #00bf58
}

.footer-one .bottom-footer .bottom-nav a {
    font-weight: 500;
    color: #000;
    margin-right: 15px
}

.footer-one .bottom-footer .bottom-nav a:hover {
    text-decoration: underline
}

.footer-one.bg-two {
    background: #244034
}

.footer-one.white-version .footer-nav-link a {
    color: #ffffffb3
}

.footer-one.white-version .footer-nav-link a:hover {
    text-decoration: underline;
    color: #fff
}

.footer-one.white-version .footer-newsletter form input {
    background: #ffffff0a;
    color: #fff
}

.footer-one.white-version .footer-newsletter form button {
    background: #fff3;
    color: #fff
}

.footer-one.white-version .note {
    color: #ffffffb3
}

.footer-one.white-version .bottom-footer .bottom-nav a,.footer-one.white-version .bottom-footer .social-icon a {
    color: #fff
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.hinge {
    animation-duration: 2s
}

@keyframes bounce {
    0%,20%,50%,80%,to {
        transform: translateY(0)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }
}

.bounce {
    animation-name: bounce
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    animation-name: flash
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes shake {
    0%,to {
        transform: translate(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate(-10px)
    }

    20%,40%,60%,80% {
        transform: translate(10px)
    }
}

.shake {
    animation-name: shake
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0)
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing
}

@keyframes tada {
    0% {
        transform: scale(1)
    }

    10%,20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

.tada {
    animation-name: tada
}

@keyframes wobble {
    0% {
        transform: translate(0)
    }

    15% {
        transform: translate(-25%) rotate(-5deg)
    }

    30% {
        transform: translate(20%) rotate(3deg)
    }

    45% {
        transform: translate(-15%) rotate(-3deg)
    }

    60% {
        transform: translate(10%) rotate(2deg)
    }

    75% {
        transform: translate(-5%) rotate(-1deg)
    }

    to {
        transform: translate(0)
    }
}

.wobble {
    animation-name: wobble
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }

    70% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.bounceIn {
    animation-name: bounceIn
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    to {
        transform: translateY(0)
    }
}

.bounceInDown {
    animation-name: bounceInDown
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translate(-2000px)
    }

    60% {
        opacity: 1;
        transform: translate(30px)
    }

    80% {
        transform: translate(-10px)
    }

    to {
        transform: translate(0)
    }
}

.bounceInLeft {
    animation-name: bounceInLeft
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translate(2000px)
    }

    60% {
        opacity: 1;
        transform: translate(-30px)
    }

    80% {
        transform: translate(10px)
    }

    to {
        transform: translate(0)
    }
}

.bounceInRight {
    animation-name: bounceInRight
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(-30px)
    }

    80% {
        transform: translateY(10px)
    }

    to {
        transform: translateY(0)
    }
}

.bounceInUp {
    animation-name: bounceInUp
}

@keyframes bounceOut {
    0% {
        transform: scale(1)
    }

    25% {
        transform: scale(.95)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    to {
        opacity: 0;
        transform: scale(.3)
    }
}

.bounceOut {
    animation-name: bounceOut
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(-20px)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.bounceOutDown {
    animation-name: bounceOutDown
}

@keyframes bounceOutLeft {
    0% {
        transform: translate(0)
    }

    20% {
        opacity: 1;
        transform: translate(20px)
    }

    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft
}

@keyframes bounceOutRight {
    0% {
        transform: translate(0)
    }

    20% {
        opacity: 1;
        transform: translate(-20px)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.bounceOutRight {
    animation-name: bounceOutRight
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0)
    }

    20% {
        opacity: 1;
        transform: translateY(20px)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.bounceOutUp {
    animation-name: bounceOutUp
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate(-20px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInLeft {
    animation-name: fadeInLeft
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate(-2000px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(20px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInRight {
    animation-name: fadeInRight
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate(2000px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig
}

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

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(20px)
    }
}

.fadeOutDown {
    animation-name: fadeOutDown
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2000px)
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-20px)
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(20px)
    }
}

.fadeOutRight {
    animation-name: fadeOutRight
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-10deg)
    }

    70% {
        transform: perspective(400px) rotateX(10deg)
    }

    to {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

.flipInX {
    backface-visibility: visible!important;
    animation-name: flipInX
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-10deg)
    }

    70% {
        transform: perspective(400px) rotateY(10deg)
    }

    to {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

.flipInY {
    backface-visibility: visible!important;
    animation-name: flipInY
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible!important
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    backface-visibility: visible!important;
    animation-name: flipOutY
}

@keyframes lightSpeedIn {
    0% {
        transform: translate(100%) skew(-30deg);
        opacity: 0
    }

    60% {
        transform: translate(-20%) skew(30deg);
        opacity: 1
    }

    80% {
        transform: translate(0) skew(-15deg);
        opacity: 1
    }

    to {
        transform: translate(0) skew(0);
        opacity: 1
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out
}

@keyframes lightSpeedOut {
    0% {
        transform: translate(0) skew(0);
        opacity: 1
    }

    to {
        transform: translate(100%) skew(-30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(150px)
    }

    to {
        transform: translateY(0)
    }
}

.slideInUp {
    animation-name: slideInUp
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    to {
        transform: translateY(0)
    }
}

.slideInDown {
    animation-name: slideInDown
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translate(-200px)
    }

    to {
        transform: translate(0)
    }
}

.slideInLeft {
    animation-name: slideInLeft
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translate(200px)
    }

    to {
        transform: translate(0)
    }
}

.slideInRight {
    animation-name: slideInRight
}

@keyframes slideOutLeft {
    0% {
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-2000px)
    }
}

.slideOutLeft {
    animation-name: slideOutLeft
}

@keyframes slideOutRight {
    0% {
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(2000px)
    }
}

.slideOutRight {
    animation-name: slideOutRight
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-2000px)
    }
}

.slideOutUp {
    animation-name: slideOutUp
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out
    }

    to {
        transform: translateY(700px);
        opacity: 0
    }
}

.hinge {
    animation-name: hinge
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate(-100%) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translate(0) rotate(0)
    }
}

.rollIn {
    animation-name: rollIn
}

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translate(0) rotate(0)
    }

    to {
        opacity: 0;
        transform: translate(100%) rotate(120deg)
    }
}

.rollOut {
    animation-name: rollOut
}

@keyframes jump {
    0% {
        transform: translateZ(0)
    }

    40% {
        transform: translate3d(0,50%,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes jumpTwo {
    0% {
        transform: translateZ(0)
    }

    40% {
        transform: translate3d(0,20px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes jumpThree {
    0% {
        transform: translateZ(0)
    }

    40% {
        transform: translate3d(0,-20px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes jumpFour {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(0,-10px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes jumpFive {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(0,10px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes prXOne {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(-15px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes prXTwo {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(15px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rotated {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotatedTwo {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@keyframes rotatedHalf {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(90deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes rotatedHalfTwo {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(-90deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes scale-right {
    0% {
        transform: translate(0)
    }

    50% {
        transform: translate(20%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes fade-in {
    0% {
        opacity: .2
    }

    40% {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@keyframes hvr-ripple-out {
    0% {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px
    }

    50% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: .8
    }

    to {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        opacity: 1
    }
}

@keyframes hvr-ripple-out-two {
    0% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    to {
        top: -30px;
        right: -30px;
        bottom: -30px;
        left: -30px;
        opacity: 0
    }
}

@keyframes scale-up-one {
    0% {
        transform: scale(1)
    }

    40% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scale-up-two {
    0% {
        transform: scale(.5)
    }

    40% {
        transform: scale(.8)
    }

    to {
        transform: scale(.5)
    }
}

@keyframes scale-up-three {
    0% {
        transform: scale(1)
    }

    40% {
        transform: scale(2)
    }

    to {
        transform: scale(1)
    }
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: inherit;
    font-size: .9em;
    height: 35px;
    line-height: 35px;
    outline: none;
    padding-left: 10px;
    padding-right: 18px;
    text-transform: capitalize;
    position: relative;
    text-align: left!important;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}

.nice-select:after {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    display: block;
    height: 7px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 7px
}

.nice-select.open:after {
    transform: rotate(-135deg)
}

.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}

.nice-select.right {
    float: right
}

.nice-select.right .list {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .list {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 13px 35px -12px #2323231a;
    box-sizing: border-box;
    opacity: 0;
    overflow-y: auto;
    max-height: 250px;
    border: 1px solid rgba(0,0,0,.05);
    padding: 5px 0 15px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    transform-origin: 50% 0;
    transform: scale(.75) translateY(-21px);
    transition: all .2s cubic-bezier(.5,0,0,1.25),opacity .15s ease-out;
    z-index: 9
}

.nice-select .option {
    font-size: .95em;
    cursor: pointer;
    font-weight: 400;
    margin-top: 5px;
    list-style: none;
    outline: none;
    padding: 0 10px;
    text-align: left;
    transition: all .2s
}

.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus {
    color: #00bf58;
    background: #24403408
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    backface-visibility: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
    height: 100%;
    left: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .87;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s,visibility 0s linear .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s,visibility 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    text-align: center;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -.25em;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous {
    display: block
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide--image {
    overflow: visible;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px 6px 0
}

.fancybox-slide--iframe {
    padding: 44px 44px 0
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0 0 6px;
    max-width: 100%;
    overflow: auto;
    padding: 24px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    margin: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-content {
    cursor: grab
}

.fancybox-is-dragging .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--html .fancybox-content {
    margin-bottom: 6px
}

.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content {
    height: 100%;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
    height: calc(100% - 44px);
    margin-bottom: 44px
}

.fancybox-iframe,.fancybox-video {
    background: transparent;
    border: 0;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    vertical-align: top
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: #1e1e1e99;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    outline: none;
    padding: 10px;
    transition: color .2s;
    vertical-align: top;
    width: 44px
}

.fancybox-button,.fancybox-button:link,.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:focus,.fancybox-button:hover {
    color: #fff
}

.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default
}

.fancybox-button svg {
    display: block;
    overflow: visible;
    position: relative;
    shape-rendering: geometricPrecision
}

.fancybox-button svg path {
    fill: transparent;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3
}

.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2) {
    display: none
}

.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path {
    fill: currentColor
}

.fancybox-button--share svg path {
    stroke-width: 1
}

.fancybox-navigation .fancybox-button {
    height: 38px;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 50%;
    width: 38px
}

.fancybox-show-nav .fancybox-navigation .fancybox-button {
    transition: opacity .25s,visibility 0s,color .25s
}

.fancybox-navigation .fancybox-button:after {
    content: "";
    left: -25px;
    padding: 50px;
    position: absolute;
    top: -25px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 6px
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #555;
    cursor: pointer;
    height: 44px;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    z-index: 10
}

.fancybox-close-small svg {
    fill: transparent;
    opacity: .8;
    stroke: currentColor;
    stroke-width: 1.5;
    transition: stroke .1s
}

.fancybox-close-small:focus {
    outline: none
}

.fancybox-close-small:hover svg {
    opacity: 1
}

.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small {
    color: #ccc;
    padding: 5px;
    right: -12px;
    top: -44px
}

.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg {
    background: transparent;
    color: #fff
}

.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none
}

.fancybox-caption {
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 25px 44px;
    right: 0
}

.fancybox-caption::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    background-size: contain;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -25px;
    z-index: -1
}

.fancybox-caption:after {
    border-bottom: 1px solid hsla(0,0%,100%,.3);
    content: "";
    display: block;
    left: 44px;
    position: absolute;
    right: 44px;
    top: 0
}

.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: a .8s infinite linear;
    background: transparent;
    border: 6px solid hsla(0,0%,39%,.5);
    border-radius: 100%;
    border-top-color: #fff;
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    opacity: .6;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 99999
}

@keyframes a {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link,.fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #fff;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs>ul {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x>ul {
    overflow: hidden
}

.fancybox-thumbs-y>ul::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px #0000004d
}

.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs>ul>li {
    backface-visibility: hidden;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs-loading {
    background: #0000001a
}

.fancybox-thumbs>ul>li {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.fancybox-thumbs>ul>li::before {
    border: 4px solid #4ea7f9;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    z-index: 99991
}

.fancybox-thumbs .fancybox-thumbs-active::before {
    opacity: 1
}

@media (max-width: 800px) {
    .fancybox-thumbs {
        width:110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs>ul>li {
        max-width: calc(100% - 10px)
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin: 0 -15px
}

.slick-dots {
    list-style-type: none;
    display: flex
}

.slick-dots li {
    display: inline-block
}

.slick-dots li button {
    text-indent: -50000px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 0 5px;
    background: #e4e4e4;
    transition: all .3s ease-in-out
}

.slick-dots .slick-active button {
    background: #00bf58
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none!important
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track::before,.slick-track:after {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    margin: 0 15px;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.dash-aside-navbar {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    overflow-y: auto;
    width: 260px;
    background: #fff;
    padding: 30px 20px
}

.dash-aside-navbar::-webkit-scrollbar {
    width: 5px
}

.dash-aside-navbar::-webkit-scrollbar-track {
    background: #fff
}

.dash-aside-navbar::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 0
}

.dash-aside-navbar .user-data .user-avatar {
    width: 75px;
    height: 75px;
    margin: 40px auto 0
}

.dash-aside-navbar .user-data .user-avatar img {
    border-radius: 50%
}

.dash-aside-navbar .user-data .user-avatar.online::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #29d259;
    border: 3px solid #fff;
    right: -3px;
    bottom: 10px;
    z-index: 1
}

.dash-aside-navbar .user-data .user-name-data .dropdown-menu {
    width: 100%;
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 20px #0000001a;
    padding: 12px 0
}

.dash-aside-navbar .user-data .user-name-data .dropdown-menu .dropdown-item {
    text-transform: capitalize;
    line-height: 45px;
    padding: 0 5px 0 20px;
    color: #254035;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.16px;
    background: transparent;
    position: relative;
    letter-spacing: -.1px;
    transition: all .2s ease-in-out 0s
}

.dash-aside-navbar .user-data .user-name-data .dropdown-menu .dropdown-item i {
    font-weight: 700;
    font-size: 1.1em
}

.dash-aside-navbar .user-data .user-name-data .dropdown-menu .dropdown-item:hover {
    color: #31795a;
    background: #00000003
}

.dash-aside-navbar .user-data .user-name-data .dropdown-menu .dropdown-item img {
    width: 20px
}

.dash-aside-navbar .user-data .user-name {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #244034;
    margin: 15px 0 45px
}

.dash-aside-navbar .user-data .user-name:after {
    vertical-align: 3px
}

.dash-aside-navbar .dasboard-main-nav li a {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.16px;
    color: #244034;
    padding: 20px 5px 20px 20px;
    border-radius: 15px;
    transition: all .25s ease-in-out 0s
}

.dash-aside-navbar .dasboard-main-nav li a span {
    padding-left: 10px
}

.dash-aside-navbar .dasboard-main-nav li a:hover {
    color: #3c8968
}

.dash-aside-navbar .dasboard-main-nav li a.active {
    background: #3f634d;
    color: #fff
}

.dash-aside-navbar .dasboard-main-nav li a img {
    max-width: 20px
}

.dash-aside-navbar .profile-complete-status {
    margin: 60px 0 75px 20px
}

.dash-aside-navbar .profile-complete-status .progress-value {
    color: #244034
}

.dash-aside-navbar .profile-complete-status .progress-line {
    height: 5px;
    border-radius: 10px;
    background: #3f634d;
    overflow: hidden;
    margin: 9px 0 3px
}

.dash-aside-navbar .profile-complete-status .progress-line .inner-line {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    background: #d3fa38
}

.dash-aside-navbar .profile-complete-status p {
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    color: #24403480
}

.dash-aside-navbar .logout-btn {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.16px;
    color: #244034;
    margin-left: 20px;
    transition: all .25s ease-in-out 0s
}

.dash-aside-navbar .logout-btn span {
    padding-left: 10px
}

.dash-aside-navbar .logout-btn:hover {
    color: #ff5656
}

.dash-aside-navbar .close-btn {
    font-size: 22px;
    font-weight: 700;
    color: #244034
}

.dashboard-body {
    min-height: 100vh;
    background: #f0f5f3;
    margin-left: 260px;
    border-radius: 50px 0 0 50px;
    padding: 150px 55px 50px
}

.dashboard-body .border-15 {
    border-radius: 15px
}

.dashboard-body .border-20 {
    border-radius: 20px
}

.dashboard-body .border-30 {
    border-radius: 30px
}

.dashboard-body .card-box {
    padding: 45px 60px 50px
}

.dashboard-body .main-title {
    font-family: gordita;
    font-size: 36px;
    color: #244034;
    margin-bottom: 40px
}

.dashboard-body .dash-title-two {
    font-family: gordita;
    font-size: 20px;
    color: #244034;
    border-bottom: 1px solid #E3F0EB;
    padding: 25px 0 25px 30px;
    margin: 0
}

.dashboard-body .dash-title-three {
    font-family: gordita;
    font-size: 24px;
    color: #31795a;
    margin: 0 0 30px
}

.dashboard-body .dash-btn-one {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -.15px;
    color: #31795a;
    border-radius: 7px;
    line-height: 40px;
    padding: 0 15px;
    min-width: 135px;
    text-align: center;
    background: #3f634d33;
    transition: all .2s ease-in-out 0s
}

.dashboard-body .dash-btn-one i {
    font-size: 1.5em;
    font-weight: 700;
    vertical-align: -5px;
    margin-right: 2px
}

.dashboard-body .dash-btn-one:hover {
    background: #31795a;
    color: #fff
}

.dashboard-body .dash-btn-one input[type=file] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dashboard-body .dash-btn-two {
    font-weight: 500;
    color: #fff;
    min-width: 125px;
    text-align: center;
    padding: 0 15px;
    line-height: 45px;
    border-radius: 50px;
    background: #244034
}

.dashboard-body .dash-btn-two:hover {
    background: #d2f34c;
    color: #244034
}

.dashboard-body .dash-cancel-btn {
    font-weight: 500;
    color: #31795a
}

.dashboard-body .dash-cancel-btn:hover {
    color: #244034
}

.dashboard-body .dashboard-header {
    position: fixed;
    top: 0;
    right: 55px;
    left: 315px;
    background: #f0f5f3;
    padding: 30px 0;
    z-index: 999
}

.dashboard-body .dashboard-header .search-form {
    position: relative;
    height: 45px;
    width: 318px
}

.dashboard-body .dashboard-header .search-form input {
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #00000080;
    border: none;
    border-radius: 25px;
    padding: 0 15px 0 45px;
    background: #0000000d
}

.dashboard-body .dashboard-header .search-form button {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    border-radius: 25px 0 0 25px
}

.dashboard-body .dashboard-header .profile-notification .noti-btn {
    height: 45px;
    position: relative
}

.dashboard-body .dashboard-header .profile-notification .noti-btn:after {
    display: none
}

.dashboard-body .dashboard-header .profile-notification .noti-btn .badge-pill {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff2730;
    top: 4px;
    right: -7px
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu {
    max-width: 325px;
    border: none;
    border-radius: 15px;
    box-shadow: 0 50px 100px #0000001f;
    padding: 25px 18px 30px 22px
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu h4 {
    font-family: gordita;
    font-size: 18px;
    margin-bottom: 20px
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li {
    position: relative;
    padding-right: 10px;
    cursor: pointer;
    margin-top: 17px
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #d8d8d8;
    border-radius: 50%;
    right: 0;
    top: 5px
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li.unread::before {
    background: #ff2730
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li h6 {
    font-family: gordita;
    font-size: 15px;
    margin-bottom: 3px;
    letter-spacing: -.2px;
    color: #0009;
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li.unread h6 {
    color: #000
}

.dashboard-body .dashboard-header .profile-notification .dropdown-menu .notify-list li .time {
    font-size: 14px;
    color: #00000080
}

.dashboard-body .dashboard-header .job-post-btn {
    font-weight: 500;
    color: #fff;
    text-align: center;
    width: 135px;
    line-height: 45px;
    border-radius: 50px;
    background: #244034
}

.dashboard-body .dashboard-header .job-post-btn:hover {
    background: #d2f34c;
    color: #244034
}

.dashboard-body .dashboard-header .dash-mobile-nav-toggler {
    width: 44px;
    height: 38px;
    padding: 0;
    box-shadow: none;
    position: relative;
    z-index: 99;
    border: none;
    border-radius: 5px
}

.dashboard-body .dashboard-header .dash-mobile-nav-toggler:focus {
    box-shadow: none
}

.dashboard-body .dashboard-header .dash-mobile-nav-toggler::before,.dashboard-body .dashboard-header .dash-mobile-nav-toggler:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 26px;
    height: 2px;
    pointer-events: none;
    transition: transform .25s;
    transform-origin: 50% 50%;
    background: #244034
}

.dashboard-body .dashboard-header .dash-mobile-nav-toggler span {
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 26px;
    height: 2px;
    margin-top: -1px;
    text-indent: 200%;
    transition: opacity .25s;
    background: #244034
}

.dashboard-body .dashboard-header .dash-mobile-nav-toggler::before {
    transform: translate3d(0,-9px,0) scaleZ(1)
}

.dashboard-body .dashboard-header .dash-mobile-nav-toggler:after {
    transform: translate3d(0,8px,0) scaleZ(1)
}

.dashboard-body .dash-card-one {
    padding: 22px 35px 34px;
    z-index: 1;
    box-shadow: 0 6px 6px #00000005
}

.dashboard-body .dash-card-one::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 12px;
    right: 12px;
    bottom: -10px;
    border-radius: 30px;
    z-index: -1;
    background: #fff9
}

.dashboard-body .dash-card-one .icon {
    width: 65px;
    height: 65px;
    background: #d2f34c
}

.dashboard-body .dash-card-one .value {
    font-size: 36px;
    letter-spacing: -.36px;
    color: #244034
}

.dashboard-body .dash-card-one span {
    color: #00000080
}

.dashboard-body .user-activity-chart .job-list {
    padding: 25px 20px;
    max-width: 700px;
    margin: 0 auto
}

.dashboard-body .user-activity-chart .nice-select {
    height: 50px;
    line-height: 46px;
    border: 2px solid #3F634D;
    border-radius: 7px;
    font-size: 15px
}

.dashboard-body .user-activity-chart .nice-select:after {
    right: 12px
}

.dashboard-body .user-activity-chart .nice-select .option {
    line-height: 40px
}

.dashboard-body .user-activity-chart .nice-select .current {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 80%
}

.dashboard-body .recent-job-tab .wrapper {
    padding: 0 25px 8px 30px
}

.dashboard-body .recent-job-tab .wrapper .job-item-list {
    position: relative;
    padding-right: 25px;
    margin: 40px 0
}

.dashboard-body .recent-job-tab .wrapper .job-item-list:first-child {
    margin-top: 30px
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .logo {
    width: 40px
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-title {
    width: calc(100% - 40px);
    padding-left: 22px
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-title h6 a {
    font-family: gordita;
    font-size: 16px;
    color: #244034;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all .2s ease-in-out 0s
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-title h6 a:hover {
    text-decoration: underline;
    color: #31795a
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-title .meta {
    font-size: 14px;
    color: #24403480
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action {
    position: absolute;
    top: 0;
    right: 0
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .dropdown-menu {
    min-width: 120px;
    border: none;
    border-radius: 10px;
    box-shadow: 0 30px 60px #0000001a;
    padding: 10px 0
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .dropdown-menu .dropdown-item {
    font-weight: 500;
    font-size: 13px;
    padding: 5px 15px;
    margin: 4px 0;
    color: #2540358c;
    background: #fff
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .dropdown-menu li:last-child .dropdown-item {
    color: #ff5b5b
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn {
    padding: 8px
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn span {
    display: block;
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2b2b2b59
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn span::before,.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn span:after {
    content: "";
    position: absolute;
    top: 0;
    left: -7px;
    margin: 0;
    padding: 0;
    width: 4px;
    height: 4px;
    border: none;
    border-radius: 50%;
    background: #2b2b2b59
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn span:after {
    left: auto;
    right: -7px
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn:after {
    display: none
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn:hover span {
    background: #00bf58
}

.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn:hover span::before,.dashboard-body .recent-job-tab .wrapper .job-item-list .job-action .action-btn:hover span:after {
    background: #00bf58
}

.dashboard-body .user-avatar-setting .user-img {
    width: 68px;
    height: 68px;
    border-radius: 50%
}

.dashboard-body .user-avatar-setting .upload-btn {
    font-size: 15px;
    letter-spacing: -.15px;
    font-weight: 500;
    width: 175px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    border-radius: 7px;
    color: #244034;
    background: #d2f34c;
    cursor: pointer
}

.dashboard-body .user-avatar-setting .upload-btn:hover {
    background: #31795a;
    color: #fff
}

.dashboard-body .user-avatar-setting .upload-btn input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.dashboard-body .user-avatar-setting .delete-btn {
    font-size: 15px;
    letter-spacing: -.15px;
    font-weight: 500;
    color: #244034
}

.dashboard-body .user-avatar-setting .delete-btn:hover {
    color: #ff5b5b
}

.dashboard-body .dash-input-wrapper label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #254035;
    margin-bottom: 10px
}

.dashboard-body .dash-input-wrapper .alert-text {
    font-size: 14px;
    letter-spacing: -.14px;
    color: #00000080
}

.dashboard-body .dash-input-wrapper input {
    width: 100%;
    height: 55px;
    letter-spacing: -.16px;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    padding: 0 20px
}

.dashboard-body .dash-input-wrapper textarea {
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    padding: 15px 20px;
    max-width: 100%;
    width: 100%;
    resize: none
}

.dashboard-body .dash-input-wrapper textarea.size-lg {
    height: 230px;
    max-height: 200px
}

.dashboard-body .dash-input-wrapper .nice-select {
    height: 55px;
    line-height: 55px;
    letter-spacing: -.16px;
    border: 1px solid #E5E5E5;
    border-radius: 7px;
    padding: 0 25px 0 20px
}

.dashboard-body .dash-input-wrapper .nice-select .option {
    line-height: 38px
}

.dashboard-body .dash-input-wrapper .map-frame {
    height: 290px;
    border-radius: 8px;
    overflow: hidden
}

.dashboard-body .dash-input-wrapper .location-pin {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60px;
    opacity: .18
}

.dashboard-body .dash-input-wrapper .location-pin:hover {
    opacity: 1
}

.dashboard-body .dash-input-wrapper .attached-file {
    height: 60px;
    width: 100%;
    border-radius: 10px;
    background: #edf2f7;
    padding: 0 20px
}

.dashboard-body .dash-input-wrapper .attached-file span {
    font-size: 14px
}

.dashboard-body .dash-input-wrapper .attached-file .remove-btn {
    font-size: 22px;
    font-weight: 700;
    color: #31795a
}

.dashboard-body .dash-input-wrapper .attached-file .remove-btn:hover {
    color: #ff5b5b
}

.dashboard-body .dash-input-wrapper .skills-wrapper {
    padding: 15px 20px 10px;
    background: #f7f7f7;
    border-radius: 15px
}

.dashboard-body .dash-input-wrapper .skills-wrapper ul {
    margin: 0 -5px
}

.dashboard-body .dash-input-wrapper .skills-wrapper ul li {
    padding: 0 5px 15px
}

.dashboard-body .dash-input-wrapper .skills-wrapper ul li.is_tag button {
    font-size: 15px;
    color: #31795a;
    line-height: 42px;
    padding: 0 40px 0 22px;
    background: #fff;
    box-shadow: 0 15px 30px #00000009;
    border-radius: 30px;
    position: relative
}

.dashboard-body .dash-input-wrapper .skills-wrapper ul li.is_tag button i {
    position: absolute;
    font-size: 20px;
    right: 10px;
    top: 0
}

.dashboard-body .dash-input-wrapper .skills-wrapper ul li.is_tag button i:hover {
    color: #ff5b5b
}

.dashboard-body .dash-input-wrapper .skills-wrapper ul li.more_tag button {
    font-size: 21px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #d2f34c
}

.dashboard-body .dash-input-wrapper .info-text {
    font-size: 14px
}

.dashboard-body .dash-input-wrapper .info-text p {
    color: #00000080
}

.dashboard-body .dash-input-wrapper .info-text p a {
    color: #31795a
}

.dashboard-body .dash-input-wrapper .info-text p a:hover {
    text-decoration: underline
}

.dashboard-body .dash-input-wrapper .info-text .chng-pass {
    color: #31795a;
    text-decoration: underline
}

.dashboard-body .dash-input-wrapper .skill-input-data {
    margin: 0 -3px
}

.dashboard-body .dash-input-wrapper .skill-input-data button {
    font-size: 12px;
    font-weight: 500;
    margin: 10px 3px 0;
    padding: 0 14px;
    height: 25px;
    background: #31795a1a;
    border-radius: 30px;
    transition: all .2s ease-in-out 0s
}

.dashboard-body .dash-input-wrapper .skill-input-data button:hover {
    background: #244034;
    color: #fff
}

.dashboard-body .intro-video-post {
    height: 350px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    color: #000
}

.dashboard-body .intro-video-post .video-icon {
    width: 65px;
    height: 65px;
    background: #d2f34c;
    color: #000;
    font-size: 45px;
    line-height: 65px;
    padding-left: 7px
}

.dashboard-body .intro-video-post .video-icon:hover {
    background: #00bf58;
    color: #fff
}

.dashboard-body .intro-video-post .close {
    color: #fff;
    font-size: 35px;
    position: absolute;
    top: 15px;
    right: 15px
}

.dashboard-body .intro-video-post.empty {
    border: 1px solid #E3E3E3
}

.dashboard-body .intro-video-post input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.dashboard-body .dash-accordion-one .accordion-item {
    border: 1px solid #EAEAEA;
    border-radius: 15px;
    margin-bottom: 20px
}

.dashboard-body .dash-accordion-one .accordion-item .accordion-button {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    background: transparent;
    border-radius: 0;
    padding: 17px 25px;
    box-shadow: none
}

.dashboard-body .dash-accordion-one .accordion-item .accordion-button:after {
    content: url("data:image/svg+xml,%3csvg%20width=%2712%27%20height=%279%27%20viewBox=%270%200%2012%209%27%20fill=%27none%27%20xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath%20d=%27M1%201L6.12972%207L11.2594%201%27%20stroke=%27%23516E62%27%20stroke-width=%271.5%27/%3e%3c/svg%3e");
    background-image: none
}

.dashboard-body .dash-accordion-one .accordion-item .accordion-body {
    padding: 8px 25px 0
}

.dashboard-body .remove-portfolio-item {
    width: 30px;
    height: 30px;
    background: #0000001a;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 22px;
    color: #000
}

.dashboard-body .remove-portfolio-item:hover {
    background: #fff
}

.dashboard-body .tab-filter-btn {
    border: none
}

.dashboard-body .tab-filter-btn .nav-link {
    line-height: 28px;
    border-radius: 30px;
    background: #00000014;
    padding: 0 12px;
    margin: 0 5px;
    font-size: 13px;
    font-weight: 500;
    color: #254035
}

.dashboard-body .tab-filter-btn .nav-link.active {
    background: #d2f34c
}

.dashboard-body .short-filter {
    font-size: 15px
}

.dashboard-body .short-filter .nice-select {
    min-width: 154px;
    height: 32px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 500;
    padding: 0 15px;
    background: transparent;
    border: 1px solid #000;
    border-radius: 30px
}

.dashboard-body .short-filter .nice-select:after {
    right: 14px
}

.dashboard-body .short-filter .nice-select .list {
    padding: 0
}

.dashboard-body .short-filter .nice-select .option {
    font-size: 1em
}

.dashboard-body .job-alert-table th {
    border: 0;
    padding: 12px 15px;
    font-size: 15px;
    font-weight: 500;
    color: #244034;
    background: #f0f5f3
}

.dashboard-body .job-alert-table th:first-child {
    border-radius: 7px 0 0 7px
}

.dashboard-body .job-alert-table th:last-child {
    border-radius: 0 7px 7px 0;
    text-align: right
}

.dashboard-body .job-alert-table td {
    font-size: 15px;
    vertical-align: middle;
    box-shadow: none;
    padding: 25px 15px;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.dashboard-body .job-alert-table td:nth-child(1) {
    font-weight: 500;
    color: #244034
}

.dashboard-body .job-alert-table td:nth-child(2) .job-type {
    color: #00cb74
}

.dashboard-body .job-alert-table td:nth-child(2) .job-type.part-time {
    color: #ff5757
}

.dashboard-body .job-alert-table td .info1 {
    font-size: 14px;
    font-weight: 400;
    color: #244034b3;
    margin-top: 2px
}

.dashboard-body .job-alert-table td .job-status {
    position: relative;
    padding-left: 18px;
    color: #244034e6
}

.dashboard-body .job-alert-table td .job-status::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    left: 0;
    top: 7px
}

.dashboard-body .job-alert-table tbody tr:last-child td {
    border: none
}

.dashboard-body .job-alert-table .active .job-status::before {
    background: #28cc8b
}

.dashboard-body .job-alert-table .pending .job-status::before {
    background: #fac715
}

.dashboard-body .job-alert-table .expired .job-status::before {
    background: #ff5050
}

.dashboard-body .action-dots .dropdown-menu {
    min-width: 140px;
    border: 1px solid #F1F1F1;
    border-radius: 5px;
    box-shadow: 0 30px 60px #0000001a;
    padding: 10px 0
}

.dashboard-body .action-dots .dropdown-menu .dropdown-item {
    padding: 0 15px;
    line-height: 34px;
    font-size: 14px;
    color: #6a6a6a;
    background: #fff
}

.dashboard-body .action-dots .dropdown-menu .dropdown-item img {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 5px
}

.dashboard-body .action-dots .dropdown-menu li:last-child .dropdown-item:hover {
    color: #ff5b5b
}

.dashboard-body .action-dots .action-btn {
    padding: 8px
}

.dashboard-body .action-dots .action-btn span {
    display: block;
    position: relative;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2b2b2b59
}

.dashboard-body .action-dots .action-btn span::before,.dashboard-body .action-dots .action-btn span:after {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 4px;
    height: 4px;
    border: none;
    border-radius: 50%;
    background: #2b2b2b59
}

.dashboard-body .action-dots .action-btn span:after {
    top: auto;
    bottom: -7px
}

.dashboard-body .action-dots .action-btn:after {
    display: none
}

.dashboard-body .action-dots .action-btn:hover span {
    background: #00bf58
}

.dashboard-body .action-dots .action-btn:hover span::before,.dashboard-body .action-dots .action-btn:hover span:after {
    background: #00bf58
}

.dashboard-body .dash-pagination li {
    font-size: 16px;
    color: #000;
    height: 38px
}

.dashboard-body .dash-pagination li a {
    width: 40px;
    height: 40px;
    color: #000;
    text-align: center;
    line-height: 38px;
    border: 1px solid #626262;
    border-right: none;
    transition: all .2s ease-in-out 0s
}

.dashboard-body .dash-pagination li a:hover,.dashboard-body .dash-pagination li a.active {
    background: #31795a;
    color: #fff
}

.dashboard-body .dash-pagination li:nth-child(1) a,.dashboard-body .dash-pagination li:nth-child(5) a {
    border-radius: 5px 0 0 5px
}

.dashboard-body .dash-pagination li:nth-child(3) a,.dashboard-body .dash-pagination li:nth-child(6) a {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #626262
}

.dashboard-body .dash-pagination li:nth-child(4) {
    margin: 0 10px
}

.dashboard-body .new-message-compose {
    width: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 28px;
    color: #3f634d;
    background: #d3fa38
}

.dashboard-body .message-pagination a {
    color: #000
}

.dashboard-body .message-pagination span {
    color: #000;
    font-size: 14px;
    margin: 0 8px
}

.dashboard-body .message-wrapper .message-sidebar {
    border-right: 1px solid #E3E1E1;
    height: 100%
}

.dashboard-body .message-wrapper .message-sidebar .page-title {
    font-size: 18px;
    color: #000
}

.dashboard-body .message-wrapper .message-sidebar .action-btn span::before,.dashboard-body .message-wrapper .message-sidebar .action-btn span:after {
    top: 0;
    left: -7px
}

.dashboard-body .message-wrapper .message-sidebar .action-btn span:after {
    left: auto;
    right: -7px
}

.dashboard-body .message-wrapper .message-sidebar .search-form {
    height: 50px;
    border-radius: 30px;
    position: relative;
    background: #0000000a;
    border: 1px solid #EFEFEF
}

.dashboard-body .message-wrapper .message-sidebar .search-form input {
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: transparent;
    border: none;
    padding: 0 50px 0 15px;
    font-size: 15px
}

.dashboard-body .message-wrapper .message-sidebar .search-form button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    border-radius: 30px 0 0 30px
}

.dashboard-body .message-wrapper .message-sidebar .message_filter button {
    font-size: 15px;
    font-weight: 500;
    color: #254035;
    line-height: 28px;
    border-radius: 30px;
    padding: 0 12px;
    margin: 0 2px;
    position: relative
}

.dashboard-body .message-wrapper .message-sidebar .message_filter button span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
    top: 10px
}

.dashboard-body .message-wrapper .message-sidebar .message_filter button.active {
    background: #31795a;
    color: #fff
}

.dashboard-body .message-wrapper .message-sidebar .message_filter button.active span {
    opacity: 0
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item {
    border-top: 1px solid #F3F3F3;
    padding-top: 28px;
    padding-bottom: 28px;
    cursor: pointer;
    position: relative
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item.selected {
    background: #f0f5f3;
    border-left: 4px solid #779E86;
    border-right: 4px solid #779E86
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item.selected .email-short-preview .file {
    background: #fff
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item.read .email-short-preview::before {
    background: #ff4545
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item.primary .email-short-preview::before {
    background: #52c1ff
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview {
    padding-left: 24px
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 7px;
    background: #3bda84
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview .sender-name {
    font-size: 15px;
    font-weight: 500;
    color: #3f634dcc
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview .date {
    font-size: 12px;
    text-transform: uppercase;
    color: #00000080
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview .mail-sub {
    font-weight: 500;
    font-size: 16px;
    color: #000;
    margin: 7px 0 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview .mail-text {
    font-size: 15px;
    line-height: 25px;
    color: #00000080;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview .file {
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 12px;
    letter-spacing: -.3px;
    color: #00000080;
    background: #f0f5f3
}

.dashboard-body .message-wrapper .open-email-container .divider {
    border-bottom: 1px solid #EEEEEE
}

.dashboard-body .message-wrapper .open-email-container .email-header {
    padding-top: 30px;
    padding-bottom: 30px
}

.dashboard-body .message-wrapper .open-email-container .email-header .logo {
    width: 45px;
    height: 45px;
    border-radius: 50%
}

.dashboard-body .message-wrapper .open-email-container .email-header .sender-name {
    font-size: 20px;
    font-weight: 500;
    color: #254035;
    margin-bottom: -4px
}

.dashboard-body .message-wrapper .open-email-container .email-header .sender-email {
    font-size: 17px;
    color: #0006
}

.dashboard-body .message-wrapper .open-email-container .email-header .time {
    font-size: 13px;
    color: #24403499;
    margin-bottom: 15px
}

.dashboard-body .message-wrapper .open-email-container .email-body {
    padding-top: 35px;
    padding-bottom: 15px;
    font-size: 15px
}

.dashboard-body .message-wrapper .open-email-container .email-body h2 {
    font-family: gordita;
    font-size: 24px;
    margin-bottom: 25px
}

.dashboard-body .message-wrapper .open-email-container .email-body p a {
    color: #31795a
}

.dashboard-body .message-wrapper .open-email-container .email-footer {
    padding-top: 20px
}

.dashboard-body .message-wrapper .open-email-container .email-footer .attachments h6 {
    font-family: gordita;
    font-size: 15px
}

.dashboard-body .message-wrapper .open-email-container .email-footer .attachments .all-download {
    font-size: 14px;
    font-weight: 500;
    color: #31795a
}

.dashboard-body .message-wrapper .open-email-container .email-footer .attachments .file {
    padding: 9px 15px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    margin-right: 15px
}

.dashboard-body .message-wrapper .open-email-container .email-footer .attachments .file:hover {
    background: #31795a08
}

.dashboard-body .message-wrapper .open-email-container .email-footer .attachments .file .icon {
    width: 37px;
    height: 37px;
    background: #f0f5f3
}

.dashboard-body .message-wrapper .open-email-container .email-footer .attachments .file .file-name {
    font-size: 15px;
    letter-spacing: -.3px;
    color: #254035
}

.dashboard-body .message-wrapper .open-email-container .email-footer .attachments .file .file-size {
    font-size: 13px;
    letter-spacing: -.3px;
    color: #24403480
}

.dashboard-body .candidate-profile-card {
    overflow: visible
}

.dashboard-body .membership-plan-wrapper {
    border-radius: 10px;
    border: 1px solid #254035
}

.dashboard-body .membership-plan-wrapper .column {
    padding: 38px 40px
}

.dashboard-body .membership-plan-wrapper .column.border-left {
    border-left: 1px solid #254035
}

.dashboard-body .membership-plan-wrapper h4 {
    font-family: gordita;
    font-size: 20px;
    color: #254035
}

.dashboard-body .membership-plan-wrapper p {
    letter-spacing: -.17px;
    line-height: 30px;
    margin: 0
}

.dashboard-body .membership-plan-wrapper h3 {
    font-size: 60px;
    color: #31795a
}

.dashboard-body .membership-plan-wrapper h6 {
    font-family: gordita;
    font-size: 18px;
    color: #31795a
}

.dashboard-body .membership-plan-wrapper .text1 {
    font-size: 14px;
    letter-spacing: -.14px;
    margin: -4px 0 22px
}

.dashboard-body .membership-plan-wrapper .text1 span {
    color: #000
}

.dashboard-body .membership-plan-wrapper .cancel-plan {
    font-size: 15px;
    font-weight: 500;
    color: #31795a;
    text-decoration: underline
}

.dashboard-body .membership-plan-wrapper .cancel-plan:hover {
    color: #ff2730
}

.compose-new-email-container {
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 10px;
    background: #fff
}

.compose-new-email-container .new-email-header {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.compose-new-email-container .new-email-header .btn-group {
    position: absolute;
    top: 6px;
    right: 10px;
    z-index: 1
}

.compose-new-email-container .new-email-header .btn-group a {
    font-size: 15px;
    padding: 2px;
    color: #254035;
    margin-left: 8px
}

.compose-new-email-container .new-email-header .btn-group a[aria-expanded=true] {
    text-decoration: underline
}

.compose-new-email-container .new-email-header .input-group {
    padding: 10px 0;
    font-size: 14px;
    color: #254035
}

.compose-new-email-container .new-email-header .input-group input {
    border: none;
    padding: 0 15px 0 0
}

.compose-new-email-container .compose-body textarea {
    width: 100%;
    max-width: 100%;
    height: 125px;
    max-height: 125px;
    border: none;
    font-size: 15px;
    padding: 15px 22px
}

.compose-new-email-container .compose-email-footer {
    padding: 15px 22px
}

.compose-new-email-container .compose-email-footer .insert-file {
    position: relative;
    cursor: pointer
}

.compose-new-email-container .compose-email-footer .insert-file input {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.compose-new-email-container .reply-btn {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    min-width: 90px;
    text-align: center;
    padding: 0 15px;
    line-height: 35px;
    border-radius: 50px;
    background: #244034
}

.compose-new-email-container .reply-btn:hover {
    background: #d2f34c;
    color: #244034
}

.compose-mail-offcanvas {
    right: 55px;
    bottom: 0;
    max-width: 700px;
    background: #fff;
    padding: 50px 15px 15px;
    border-radius: 20px;
    box-shadow: 0 10px 20px #0000001a;
    border: 1px solid rgba(0,0,0,.04);
    display: none
}

.compose-mail-offcanvas.show {
    display: block
}

.compose-mail-offcanvas .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    box-shadow: none
}

.remove-account-popup {
    background: #fff;
    margin: 0 auto;
    max-width: 630px;
    border-radius: 10px!important;
    padding: 50px 20px
}

.remove-account-popup h2 {
    font-family: gordita;
    font-size: 36px;
    color: #254035;
    margin: 20px 0
}

.remove-account-popup .confirm-btn {
    width: 80px;
    line-height: 40px;
    border-radius: 6px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #31795a
}

.remove-account-popup .confirm-btn:hover {
    background: #ff5b5b
}

.remove-account-popup .btn-close {
    background: none;
    border-radius: 0;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 16px;
    color: #000;
    opacity: 1;
    box-shadow: none
}

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

@media (max-width: 1399px) {
    .category-menu {
        padding:0 15px
    }

    .card-style-nine {
        padding: 25px 15px
    }

    .feedback-section-five .feedback-slider-one {
        margin: 0 -15px
    }

    .feedback-section-five .feedback-slider-one .item {
        margin: 0 15px
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .theme-main-menu {
        padding:30px 25px
    }

    .hero-banner-two h1 {
        font-size: 85px
    }

    .hero-banner-five h1,.hero-banner-seven h1 {
        font-size: 65px
    }

    .h1,h1 {
        font-size: 80px
    }

    .h2,h2 {
        font-size: 62px
    }

    .title-one h2.main-font,.title-two h2 {
        font-size: 55px
    }

    .title-two h2.main-font {
        font-size: 50px
    }

    .title-three h2 {
        font-size: 45px
    }

    .hero-banner-one .img-box {
        bottom: -50px
    }

    .job-search-one form .input-box {
        margin: 15px 0
    }

    .feedback-block-one blockquote {
        font-size: 32px
    }

    .hero-banner-two .img-box {
        height: 80%
    }

    .feedback-section-two .slider-wrapper {
        width: calc(100% + 50vw)
    }

    .hero-banner-three .img-box {
        width: 49%
    }

    .fancy-banner-two .bg-wrapper .text-wrapper {
        padding: 60px 0 60px 50px
    }

    .fancy-banner-three .bg-wrapper .text-wrapper {
        padding: 70px 55px 80px 20px
    }

    .feedback-section-three #feedBack_carousel .carousel-inner p {
        font-size: 30px
    }

    .text-feature-four .bg-wrapper {
        padding: 60px 50px 85px
    }

    .fancy-banner-four .bg-wrapper .text-wrapper {
        padding: 60px 50px 85px 20px
    }

    .job-list-one {
        padding: 35px 25px
    }

    .accordion-style-two .accordion-body {
        width: 90%
    }

    .card-style-seven a {
        padding: 15px 20px
    }

    .feedback-section-four .bg-wrapper {
        padding: 80px 100px 130px 70px
    }

    .feedback-section-four .bg-wrapper p {
        font-size: 35px;
        margin-bottom: 70px
    }

    .feedback-section-four .slider-wrapper {
        width: 82vw;
        bottom: 14%
    }

    .feedback-section-five .slider-arrows {
        top: 50px
    }

    .feedback-block-three blockquote {
        font-size: 22px
    }

    .candidate-profile-card.list-layout {
        padding: 27px 15px 38px
    }

    .error-page h2 {
        font-size: 70px
    }

    .blog-meta-two .blog-title.xs {
        font-size: 26px
    }

    .blog-details-meta .blog-heading {
        font-size: 46px
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .card-style-two.arrow:after {
        right:-70px
    }

    .card-style-two.arrow::before {
        left: -70px
    }

    .blog-section-one .explore-btn {
        top: 16px
    }
}

@media (max-width: 1199px) {
    body {
        font-size:15px
    }

    .theme-main-menu {
        padding: 20px 12px
    }

    .btn-one {
        font-size: 14px;
        padding: 8px 20px;
        border-width: 1px
    }

    .btn-one.lg {
        padding: 8px 25px
    }

    .btn-three {
        padding: 11px 20px
    }

    .btn-four {
        padding: 13px 20px
    }

    .btn-five {
        padding: 11px 20px;
        min-width: 120px
    }

    .btn-seven {
        padding: 10px 20px;
        min-width: 120px
    }

    .text-lg {
        font-size: 18px;
        line-height: 1.65em
    }

    .text-md {
        font-size: 17px;
        line-height: 1.75em
    }

    .title-one .sub-title {
        font-size: 12px
    }

    .title-two .sub-title {
        font-size: 16px;
        margin-bottom: 12px
    }

    .job-search-one form .input-box .nice-select,.job-search-one.style-two .input-box .nice-select,.job-search-one form .input-box .keyword {
        font-size: 15px;
        font-weight: 400
    }

    .job-search-one form .input-box .label {
        margin-bottom: 0
    }

    .job-search-one form .input-box,.job-search-one.style-two .input-box {
        margin: 10px 0;
        padding: 0 10px
    }

    .job-search-one form .search-btn {
        width: 100%;
        font-size: 14px
    }

    .hero-banner-one .img-box {
        right: 0;
        bottom: 0
    }

    .title-one span img {
        max-width: 72px;
        right: -70px;
        top: -12px
    }

    .card-style-one .wrapper .title {
        font-size: 16px;
        margin: 30px 0 25px
    }

    .card-style-one .wrapper {
        padding: 30px 10px;
        border-radius: 48px
    }

    .list-style-one li {
        font-size: 16px;
        margin-top: 18px
    }

    .card-style-two .icon,.card-style-five .icon {
        width: 65px;
        height: 65px
    }

    .card-style-two .icon img {
        width: 38%
    }

    .card-style-two .title {
        font-size: 20px;
        margin: 20px 0 10px
    }

    .feedback-block-one {
        padding: 25px 20px
    }

    .feedback-block-one blockquote {
        font-size: 20px;
        line-height: 1.65em
    }

    .text-feature-two .big-circle .brand-icon {
        max-height: 105px;
        max-width: 105px;
        padding: 15px
    }

    .blog-meta-one .blog-title {
        font-size: 20px;
        margin: 0
    }

    .fancy-banner-one .bg-wrapper .upload-btn,.fancy-banner-six .bg-wrapper .upload-btn {
        width: 190px;
        height: 50px
    }

    .footer-one {
        padding-top: 70px
    }

    .footer-one .footer-title {
        font-size: 18px;
        margin-bottom: 15px
    }

    .job-search-two form {
        height: 50px
    }

    .job-search-two form input {
        width: calc(100% - 130px)
    }

    .hero-banner-two .img-box {
        height: auto
    }

    .hero-banner-two .img-box .screen_01,.hero-banner-two .img-box .screen_02 {
        width: 50%
    }

    .hero-banner-two .rating-box {
        padding: 30px 20px
    }

    .text-feature-one .img-data .video-icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 45px;
        bottom: 35%
    }

    .counter-block-one .main-count {
        font-size: 32px;
        margin-bottom: -2px
    }

    .counter-block-one h2.main-count {
        font-size: 40px
    }

    .card-style-four a {
        padding: 25px 20px 30px
    }

    .card-style-four.bg-color a {
        padding: 10px 20px 20px
    }

    .card-style-four .icon {
        width: 50px;
        height: 50px;
        padding: 14px
    }

    .card-style-four .total-job {
        font-size: 15px
    }

    .card-style-four .title {
        margin: 20px 0
    }

    .card-style-four.bg-color .title {
        font-size: 40px
    }

    .text-feature-three .img-box {
        height: auto;
        padding-top: 80px
    }

    .text-feature-three .img-box .screen_01,.text-feature-three .img-box .screen_02 {
        top: -2%
    }

    .accordion-style-one .accordion-button {
        font-size: 18px;
        padding: 15px 0
    }

    .feedback-section-two .rating-title {
        font-size: 25px
    }

    .feedback-slider-two .item {
        margin: 50px 15px
    }

    .feedback-block-two {
        padding: 25px 20px
    }

    .feedback-block-two .review,.feedback-block-three .review {
        font-size: 18px
    }

    .feedback-block-two .block-footer .author-img {
        width: 40px;
        height: 40px
    }

    .feedback-block-two .block-footer .name {
        font-size: 16px
    }

    .feedback-block-two .block-footer .quote-icon {
        width: 25px
    }

    .feedback-section-two .slick-dots {
        margin-top: 25px
    }

    .footer-one .email {
        font-size: 16px
    }

    .fancy-banner-two .bg-wrapper .text-wrapper {
        padding: 50px 20px
    }

    .fancy-banner-two .bg-wrapper .text-wrapper .counter-wrapper .main-count {
        font-size: 25px;
        margin-bottom: 2px
    }

    .fancy-banner-three .bg-wrapper .text-wrapper {
        padding: 50px 20px
    }

    .fancy-banner-three .bg-wrapper .text-wrapper .video-icon {
        width: 55px;
        height: 55px;
        font-size: 35px
    }

    .fancy-banner-three .bg-wrapper .bottom-content {
        padding: 10px 20px 30px
    }

    .feedback-section-three #feedBack_carousel .carousel-indicators {
        margin-top: 30px
    }

    .feedback-section-three #feedBack_carousel .carousel-indicators button {
        width: 45px;
        height: 45px;
        margin: 0 5px
    }

    .text-feature-four .bg-wrapper {
        padding: 50px 20px 70px
    }

    .text-feature-four .bg-wrapper .big-circle .logo {
        width: 100px;
        height: 100px;
        padding: 30px
    }

    .text-feature-four .bg-wrapper .brand span {
        font-size: 35px;
        line-height: 40px
    }

    .text-feature-four .bg-wrapper .brand {
        right: 0
    }

    .category-section-four .title {
        font-size: 20px;
        margin-bottom: 0
    }

    .category-section-four .list-item a {
        font-size: 15px
    }

    .fancy-banner-four .bg-wrapper .text-wrapper {
        padding: 50px 20px
    }

    .job-list-one {
        padding: 25px 20px
    }

    .job-list-one .logo {
        width: 45px
    }

    .job-list-one .title {
        font-size: 16px;
        width: calc(100% - 60px);
        margin-left: 15px
    }

    .job-list-one .job-duration,.job-list-one .job-date,.job-list-one .job-location a,.job-list-one .job-category a {
        font-size: 14px
    }

    .faq-section .bg-wrapper {
        padding: 5px 20px
    }

    .accordion-style-two .accordion-button {
        padding: 20px 0;
        font-size: 18px
    }

    .accordion-style-two .accordion-button:not(.collapsed) {
        padding-bottom: 10px
    }

    .accordion-style-two .accordion-body {
        width: 100%;
        padding: 0 40px 10px 0
    }

    .accordion-style-two .accordion-body p {
        font-size: 16px
    }

    .hero-banner-five .chat-btn {
        width: 60px;
        height: 60px;
        line-height: 60px
    }

    .card-style-seven a .title {
        margin-left: 10px
    }

    .g-control-nav li {
        font-size: 15px;
        margin-left: 22px
    }

    .job-list-two {
        padding: 25px 15px
    }

    .job-list-two .job-duration {
        margin-top: 30px
    }

    .job-list-two .title {
        font-size: 18px;
        line-height: 1.5em
    }

    .job-list-two .job-date,.job-list-two .job-salary {
        font-size: 15px;
        margin: 15px 0 30px
    }

    .job-list-two .job-location a {
        font-size: 15px
    }

    .feedback-section-four .bg-wrapper .icon {
        width: 55px;
        height: 55px;
        padding: 15px
    }

    .blog-meta-two .blog-title {
        line-height: 1.35em;
        margin: 18px 0
    }

    .blog-meta-two .continue-btn {
        font-size: 15px
    }

    .feedback-block-three {
        padding: 25px 20px
    }

    .feedback-block-three blockquote {
        font-size: 18px
    }

    .feedback-block-three .name {
        font-size: 16px
    }

    .feedback-block-three .author-img {
        width: 45px;
        height: 45px
    }

    .feedback-block-three .quote-icon {
        top: 28px;
        right: 15px;
        width: 25px
    }

    .filter-area-tab .main-title {
        font-size: 20px
    }

    .job-list-one .split-box1 {
        width: calc(100% - 45px);
        padding-left: 15px
    }

    .job-list-two .save-btn {
        top: 25px;
        right: 15px
    }

    .filter-area-tab .filter-header {
        padding-top: 18px;
        padding-bottom: 18px
    }

    .filter-area-tab .filter-header::before {
        top: 16px;
        right: 15px
    }

    .job-list-three .main-wrapper .list-header {
        padding-bottom: 20px;
        margin-bottom: 18px
    }

    .job-list-three .main-wrapper p {
        margin-bottom: 18px
    }

    .job-details .post-title {
        font-size: 28px
    }

    .job-details .post-block.border-style {
        padding: 20px 15px
    }

    .job-details .block-title {
        font-size: 18px
    }

    .job-details .block-numb {
        width: 22px;
        height: 22px;
        line-height: 22px;
        font-size: 13px
    }

    .job-details p,.job-details .list-type-one li,.job-details .list-type-two li {
        font-size: 16px;
        margin-top: 15px
    }

    .job-company-info {
        padding: 30px 15px
    }

    .related-job-section .slick-arrow-one {
        top: 0
    }

    .job-details .job-meta-data-two .bg-wrapper {
        padding: 25px 20px 30px;
        border-radius: 45px
    }

    .job-details .job-meta-data-two .bg-wrapper span {
        margin-top: 20px
    }

    .candidate-profile-card.list-layout .cadidate-skills {
        position: static;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .candidate-profile-card.list-layout {
        padding: 25px 15px
    }

    .candidate-profile-card .cadidate-avatar {
        width: 60px;
        height: 60px
    }

    .candidate-profile-card.list-layout .right-side {
        width: calc(100% - 60px);
        padding-left: 20px
    }

    .candidate-profile-card.list-layout .candidate-info {
        margin-top: 10px
    }

    .candidates-profile-details .title {
        font-size: 20px;
        margin-bottom: 12px
    }

    .candidates-profile-details .inner-card.border-style .title {
        top: -12px;
        left: 10px
    }

    .candidates-profile-details .inner-card.border-style {
        padding: 25px 15px 15px
    }

    .candidates-profile-details .inner-card {
        padding: 15px
    }

    .candidates-profile-details .video-post {
        height: 350px
    }

    .candidates-profile-details .video-post .video-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 35px
    }

    .candidates-profile-details .time-line-data .info .numb {
        width: 35px;
        height: 35px
    }

    .candidates-profile-details .time-line-data .info {
        padding: 0 0 20px 50px
    }

    .candidates-profile-details .time-line-data .info h4 {
        font-size: 16px;
        margin-bottom: 8px
    }

    .candidates-profile-details .skill-tags li {
        font-size: 14px;
        line-height: 35px;
        margin-top: 10px;
        padding: 0 15px
    }

    .candidates-profile-details .skill-tags li.more {
        width: 35px;
        height: 35px
    }

    .cadidate-profile-sidebar .cadidate-bio .cadidate-name {
        font-size: 18px;
        margin: 10px 0
    }

    .company-grid-layout .company-logo {
        width: 70px;
        height: 70px
    }

    .company-list-layout .company-logo {
        width: 60px;
        height: 60px
    }

    .company-grid-layout .company-name,.company-list-layout .company-name {
        font-size: 20px
    }

    .company-grid-layout .bottom-line {
        margin-top: 30px
    }

    .company-grid-layout .bottom-line a {
        font-size: 14px;
        padding: 15px 0
    }

    .company-list-layout .company-data {
        width: calc(100% - 60px)
    }

    .company-list-layout {
        padding: 30px 20px 20px
    }

    .company-details .details-post-data h3 {
        font-size: 22px
    }

    .text-feature-three .video-post .video-icon {
        height: 55px;
        width: 55px;
        line-height: 55px;
        font-size: 40px;
        padding-left: 5px
    }

    .pricing-card-one .price {
        font-size: 52px;
        margin-bottom: 20px
    }

    .pricing-card-one ul li {
        font-size: 16px;
        margin-bottom: 14px
    }

    .faq-section .nav .nav-link {
        font-size: 16px
    }

    .user-data-form .nav .nav-item .nav-link {
        font-size: 15px
    }

    .user-data-form h2 {
        font-size: 40px
    }

    .user-data-form {
        padding-top: 25px
    }

    .error-page .error {
        font-size: 60px
    }

    .error-page h2 {
        font-size: 50px;
        margin: -5px 0 30px
    }

    .error-page .btn-one {
        font-size: 14px;
        padding: 12px 20px
    }

    .blog-sidebar .sidebar-title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .blog-sidebar .sidebar-recent-news .post .title {
        font-size: 16px
    }

    .blog-meta-two .blog-title.xs {
        font-size: 18px
    }

    .blog-meta-two.box-layout {
        padding: 15px 15px 30px
    }

    .blog-details-meta .blog-heading {
        font-size: 22px;
        margin: 10px 0 12px
    }

    .blog-details-meta h5 {
        font-size: 17px
    }

    .blog-details-meta .quote-text {
        padding: 25px 15px 30px;
        margin: 25px 0 30px
    }

    .blog-details-meta .quote-text blockquote {
        font-size: 30px;
        line-height: 1.15em
    }

    .blog-details-meta h3 {
        font-size: 22px
    }

    .blog-details-page .blog-comment-area {
        padding: 50px 0
    }

    .blog-details-page .blog-inner-title {
        font-size: 25px
    }

    .blog-details-page .blog-comment-area .comment .comment-text .name {
        font-size: 18px
    }

    .blog-details-page .blog-comment-area .comment .comment-text p {
        padding: 10px 0 0
    }

    .blog-details-page .blog-comment-form {
        padding: 30px 15px
    }

    .map-banner {
        height: 350px
    }

    .address-block-one .icon {
        width: 50px;
        height: 50px;
        padding: 15px
    }

    .address-block-one .title {
        font-size: 18px;
        padding: 15px 0 0
    }

    .address-block-one p {
        font-size: 15px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navbar .nav-item .nav-link {
        margin:0 15px
    }

    .menu-style-one .navbar .nav-item.category-btn .nav-link {
        margin-right: 25px
    }

    .hero-banner-two h1 {
        font-size: 70px
    }

    .hero-banner-five h1,.hero-banner-seven h1 {
        font-size: 58px
    }

    .h1,h1 {
        font-size: 65px
    }

    .title-one h2.main-font {
        font-size: 45px
    }

    .title-one h2 {
        font-size: 52px
    }

    .title-two h2 {
        font-size: 48px
    }

    .title-two h2.main-font,.title-three h2 {
        font-size: 42px
    }

    .job-portal-intro h2 {
        font-size: 48px
    }

    .text-feature-two .big-circle {
        width: 400px;
        height: 400px
    }

    .category-menu li {
        padding: 0 12px
    }

    .category-menu li a {
        font-size: 14px
    }

    .hero-banner-three .img-box {
        width: 45%
    }

    .category-section-three .slider-arrows {
        top: 10px
    }

    .card-style-six {
        height: 300px
    }

    .feedback-section-three #feedBack_carousel .carousel-inner p {
        font-size: 24px;
        margin-bottom: 35px
    }

    .feedback-section-three #feedBack_carousel .carousel-btn {
        top: 35px
    }

    .card-style-seven a {
        padding: 10px 12px
    }

    .feedback-section-four .bg-wrapper {
        padding: 60px 70px 100px 35px
    }

    .feedback-section-four .bg-wrapper p {
        font-size: 25px;
        margin-bottom: 70px
    }

    .feedback-section-four .slider-wrapper {
        width: 75vw;
        bottom: 10%;
        right: -22vw
    }

    .blog-meta-two .blog-title {
        font-size: 24px
    }

    .inner-banner-one {
        padding-bottom: 80px
    }

    .text-feature-three .video-post {
        height: 450px
    }
}

@media (max-width: 991px) {
    .h1,h1 {
        font-size:45px
    }

    .h2,h2 {
        font-size: 40px
    }

    .theme-main-menu.fixed {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .hero-banner-two h1 {
        font-size: 48px
    }

    .hero-banner-five h1,.hero-banner-seven h1 {
        font-size: 40px
    }

    .title-one h2.main-font {
        font-size: 35px
    }

    .title-two h2 {
        font-size: 38px
    }

    .title-two h2.main-font {
        font-size: 34px
    }

    .title-three h2 {
        font-size: 36px
    }

    .job-portal-intro h2 {
        font-size: 38px
    }

    .menu-style-one .navbar .nav-item.category-btn .nav-link {
        margin: 10px 0;
        border-radius: 5px;
        line-height: 45px
    }

    .theme-main-menu .category-dropdown .item {
        margin: 3px 5px;
        font-size: 14px
    }

    .theme-main-menu .category-dropdown .item .icon {
        width: 40px;
        height: 40px;
        padding: 10px
    }

    .theme-main-menu .category-dropdown .explore-all-btn {
        font-size: 15px;
        margin-top: 15px;
        border-radius: 0
    }

    .theme-main-menu .category-dropdown .explore-all-btn:hover {
        background: #244034
    }

    .feedback-block-one .logo {
        height: 40px
    }

    .text-feature-two .big-circle {
        margin: 60px auto 0
    }

    .footer-one .bottom-footer {
        padding: 30px 0 5px
    }

    .footer-one .bottom-footer .bottom-nav a,.footer-one .bottom-footer .social-icon a {
        margin: 0 8px
    }

    .text-feature-three .img-box {
        max-width: 500px;
        margin: 60px auto 0
    }

    .feedback-section-two::before {
        top: 40%;
        width: 70%
    }

    .card-style-six {
        height: 250px
    }

    .fancy-banner-three .bg-wrapper::before {
        width: 100%
    }

    .feedback-section-three #feedBack_carousel .carousel-inner p {
        font-size: 20px;
        margin-bottom: 35px
    }

    .feedback-section-three #feedBack_carousel .carousel-btn {
        display: none
    }

    .fancy-banner-four .bg-wrapper .img-meta {
        height: 300px;
        border-radius: 0 0 30px 30px
    }

    .job-list-one {
        padding-left: 75px
    }

    .job-list-one .logo {
        position: absolute;
        left: 15px;
        top: 17px
    }

    .job-list-one .title {
        width: 100%;
        margin: 0 0 15px
    }

    .card-style-seven a {
        padding: 12px 18px
    }

    .g-control-nav li {
        margin: 10px 10px 0!important
    }

    .grid-3column {
        margin: 0 -12px
    }

    .grid-3column .grid-sizer,.grid-3column .isotop-item {
        padding: 0 12px
    }

    .expert-slider-two .slick-dots {
        margin-top: 40px
    }

    .feedback-section-four .bg-wrapper {
        padding: 45px 15px 100px
    }

    .feedback-section-four .bg-wrapper p {
        font-size: 25px;
        margin: 30px 0 40px
    }

    .feedback-section-four .slider-wrapper {
        width: 100%;
        position: static
    }

    .feedback-section-four .bg-wrapper .slider-arrows {
        right: 0
    }

    .feedback-section-four .slider-wrapper .slick-dots {
        position: static;
        margin-top: 30px;
        justify-content: center
    }

    .blog-meta-two .blog-title {
        font-size: 18px
    }

    .theme-main-menu .login-btn-three {
        padding: 10px 22px
    }

    .inner-banner-one {
        padding: 120px 0 70px
    }

    .filter-area-tab.offcanvas {
        position: fixed;
        overflow-y: auto
    }

    .filter-area-tab.offcanvas .main-title {
        margin-top: 30px;
        text-align: center
    }

    .job-list-one.style-two {
        padding: 25px 20px
    }

    .job-list-one.style-two .logo {
        position: static
    }

    .inner-banner-one .page-pagination li {
        font-size: 15px
    }

    .inner-banner-one .candidate-profile-card .cv-download-btn {
        font-size: 14px;
        padding: 0 12px
    }

    .feedback-block-four {
        padding: 20px
    }

    .text-feature-three .video-post {
        height: 350px
    }

    .hero-banner-one .img-box,.title-one span img,.card-style-two.arrow:after,.card-style-two.arrow::before,.hero-banner-two .shape_04,.hero-banner-two .img-box,.feedback-section-two .shape_01,.fancy-banner-five .bg-wrapper .shape_01,.hero-banner-seven .screen01,.hero-banner-seven .screen02,.card-style-five.arrow-style::before,.card-style-five.arrow-style:after {
        display: none!important
    }
}

@media (min-width: 992px) {
    .filter-area-tab.offcanvas {
        position:relative;
        transform: none!important;
        visibility: visible;
        border: none;
        z-index: 0
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .category-section-one .card-style-one {
        width:33.333%
    }

    .expert-section-one .slick-arrow-one,.feedback-section-one .slick-arrow-one {
        top: 32px
    }

    .blog-section-one .explore-btn {
        top: 5px
    }

    .feedback-section-two .slider-wrapper {
        width: calc(100% + 40vw)
    }

    .category-section-three .slider-arrows {
        top: 4px
    }

    .grid-3column .grid-sizer,.grid-3column .isotop-item {
        width: 50%
    }

    .feedback-section-five .slider-arrows {
        top: 30px
    }

    .job-list-one .split-box1 .title {
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .menu-style-one .job-post-btn {
        border:none;
        margin: 10px 0;
        text-align: center;
        width: 100%;
        line-height: 40px;
        border-radius: 50px;
        padding: 0 5px;
        background: #244034
    }

    .expert-section-one .slick-arrow-one,.feedback-section-one .slick-arrow-one,.blog-section-one .explore-btn,.category-section-three .slider-arrows,.feedback-section-five .slider-arrows,.related-job-section .slick-arrow-one {
        position: static
    }

    .job-search-one form .input-box.border-left {
        border-left: 0;
        border-top: 1px solid #e6e6e6;
        margin-top: 0;
        padding-top: 10px
    }

    .job-search-one form .search-btn,.job-search-one form .search-btn-two {
        margin: 0;
        padding: 15px 0;
        border-radius: 0 0 10px 10px
    }

    .job-search-one form .input-box {
        padding-left: 0
    }

    .user-data-form h2 {
        font-size: 35px
    }

    .user-data-form .social-use-btn {
        font-size: 14px;
        height: 50px
    }

    .hero-banner-three .img-box {
        position: relative;
        width: 100%;
        max-width: 350px;
        padding-left: 10%;
        margin: 0 auto 60px
    }

    .hero-banner-three .img-box .screen_02 {
        left: -5%
    }

    .job-search-one.style-two .input-box {
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 0;
        padding-bottom: 10px;
        border-top: none!important
    }

    .job-search-one .upload-btn {
        background: #fff;
        padding: 8px 15px;
        border: none;
        width: 180px;
        border-radius: 10px
    }

    .job-list-one.style-two .logo {
        margin-bottom: 15px
    }

    .candidate-profile-card.grid-layout {
        padding: 25px 15px
    }

    .candidate-profile-card.list-layout .save-btn {
        position: absolute;
        top: 25px;
        right: 15px;
        margin: 0
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .category-section-one .card-style-one {
        width:33.333%
    }

    .text-feature-two .big-circle {
        width: 370px;
        height: 370px
    }

    .theme-main-menu .header-search {
        width: 100%;
        margin: 0 15px
    }

    .grid-3column .grid-sizer,.grid-3column .isotop-item {
        width: 50%
    }
}

@media (max-width: 575px) {
    .category-section-one .card-style-one {
        width:100%;
        max-width: 200px
    }

    .text-feature-two .big-circle {
        width: 100%
    }

    .text-feature-two .big-circle .brand-icon.icon_02 {
        right: 1%
    }

    .text-feature-two .big-circle .brand-icon.icon_05 {
        left: 1%
    }

    .fancy-banner-one .bg-wrapper .shape_03 {
        right: 0;
        top: -30px
    }

    .category-section-two::before {
        height: 91%;
        width: 75%
    }

    .text-feature-three .img-box .screen_01 {
        left: 0
    }

    .feedback-section-two .slider-wrapper {
        width: 100%
    }

    .feedback-section-two .slick-dots {
        margin-top: 10px
    }

    .theme-main-menu .header-search .nice-select {
        width: 85px;
        padding: 0 10px
    }

    .theme-main-menu .header-search .nice-select:after {
        right: 12px
    }

    .theme-main-menu .header-search input {
        width: calc(100% - 85px)
    }

    .theme-main-menu .header-search {
        width: 100%
    }

    .hero-banner-three .partner-title {
        font-size: 18px
    }

    .accordion-style-two .accordion-button {
        font-size: 16px
    }

    .hero-banner-five .img-meta {
        background: none
    }

    .hero-banner-five .chat-btn {
        border: 1px solid #f5f5f5
    }

    .grid-3column .grid-sizer,.grid-3column .isotop-item,.card-style-eight .img-meta img {
        width: 100%
    }

    .expert-slider-two .slick-dots:after,.expert-slider-two .slick-dots::before {
        width: 33%
    }

    .job-list-three {
        padding: 25px 15px
    }

    .job-details p,.job-details .list-type-one li,.job-details .list-type-two li {
        font-size: 15px
    }

    .cadidate-profile-sidebar .email-form input,.cadidate-profile-sidebar .email-form textarea {
        width: 100%;
        margin-top: 5px
    }

    .btn-eleven {
        height: 50px
    }

    .hero-banner-four .shapes {
        display: none!important
    }

    .blog-details-page .blog-comment-area .comment .comment-text .reply-btn {
        position: static
    }
}

@media (max-width: 1399px) {
    .dashboard-body .dash-card-one {
        padding:18px 20px 22px
    }

    .dashboard-body .dash-card-one .icon {
        width: 50px;
        height: 50px;
        padding: 15px
    }

    .dashboard-body .dash-card-one .value {
        font-size: 30px
    }

    .dashboard-body .message-wrapper .message-sidebar .message_filter button {
        font-size: 14px
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .dashboard-body {
        padding:120px 40px 30px
    }

    .dashboard-body .dashboard-header {
        left: 300px;
        padding: 20px 0
    }

    .dashboard-body .main-title {
        font-size: 30px;
        margin-bottom: 35px
    }

    .dashboard-body .card-box {
        padding: 40px 45px
    }

    .dashboard-body .intro-video-post {
        height: 300px
    }

    .compose-mail-offcanvas {
        right: 40px
    }

    .dashboard-body .membership-plan-wrapper .column {
        padding: 30px
    }
}

@media (max-width: 1199px) {
    .dash-aside-navbar {
        padding:20px 10px 10px
    }

    .dash-aside-navbar .user-data .user-avatar {
        width: 55px;
        height: 55px;
        margin-top: 30px
    }

    .dash-aside-navbar .user-data .user-name {
        font-size: 16px;
        margin: 12px 0 25px
    }

    .dash-aside-navbar .user-data .user-name-data .dropdown-menu .dropdown-item {
        font-size: 14px;
        line-height: 40px
    }

    .dash-aside-navbar .user-data .user-name-data .dropdown-menu .dropdown-item img,.dash-aside-navbar .dasboard-main-nav li a img {
        width: 17px
    }

    .dash-aside-navbar .dasboard-main-nav li a {
        font-size: 15px;
        padding: 15px 5px 15px 15px;
        border-radius: 10px;
        margin-bottom: 2px
    }

    .dash-aside-navbar .profile-complete-status {
        margin: 35px 0 40px 15px
    }

    .dash-aside-navbar .logout-btn {
        font-size: 15px
    }

    .dashboard-body {
        padding: 100px 15px 30px;
        border-radius: 15px 0 0 15px
    }

    .dashboard-body .dashboard-header {
        padding: 15px 0
    }

    .dashboard-body .main-title {
        font-size: 24px;
        margin-bottom: 25px
    }

    .dashboard-body .dash-card-one .value {
        font-size: 22px
    }

    .dashboard-body .border-30,.dashboard-body .dash-card-one::before {
        border-radius: 15px
    }

    .dashboard-body .dash-title-two {
        font-size: 18px;
        padding: 18px 0 18px 20px
    }

    .dashboard-body .recent-job-tab .wrapper {
        padding: 0 20px
    }

    .dashboard-body .card-box {
        padding: 25px 20px
    }

    .dashboard-body .dash-title-three {
        font-size: 20px;
        margin-bottom: 25px
    }

    .dashboard-body .dash-input-wrapper label {
        font-size: 14px;
        margin-bottom: 5px
    }

    .dashboard-body .intro-video-post {
        height: 250px;
        font-size: 15px
    }

    .dashboard-body .intro-video-post .video-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 30px;
        padding-left: 4px
    }

    .dashboard-body .dash-input-wrapper .skills-wrapper {
        padding: 15px 15px 4px;
        border-radius: 10px
    }

    .dashboard-body .dash-input-wrapper .skills-wrapper ul li.is_tag button {
        font-size: 14px
    }

    .dashboard-body .message-wrapper .message-sidebar .message_filter button span {
        left: 0
    }

    .dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview {
        padding-left: 20px
    }

    .dashboard-body .message-wrapper .open-email-container .email-header .logo {
        width: 35px;
        height: 35px
    }

    .dashboard-body .message-wrapper .open-email-container .email-header .sender-name {
        font-size: 16px;
        margin-bottom: -2px
    }

    .dashboard-body .message-wrapper .open-email-container .email-header .sender-email {
        font-size: 15px
    }

    .dashboard-body .message-wrapper .open-email-container .email-body h2 {
        font-size: 20px
    }

    .compose-mail-offcanvas {
        right: 15px
    }

    .dashboard-body .job-alert-table td {
        font-size: 14px
    }

    .dashboard-body .dash-pagination li a {
        width: 36px;
        height: 36px;
        line-height: 34px
    }

    .dashboard-body .dash-pagination li {
        font-size: 15px
    }

    .dashboard-body .membership-plan-wrapper .column {
        padding: 25px 15px
    }

    .dashboard-body .membership-plan-wrapper h4 {
        font-size: 18px
    }

    .dashboard-body .membership-plan-wrapper h3 {
        font-size: 45px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .dashboard-body .dashboard-header {
        right:15px;
        left: 275px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dashboard-body .dashboard-header {
        right:15px;
        left: 275px
    }
}

@media (max-width: 991px) {
    .dashboard-body .dash-accordion-one .accordion-item .accordion-button {
        font-size:14px;
        padding: 15px
    }

    .dashboard-body .dash-accordion-one .accordion-item .accordion-body {
        padding: 8px 15px 0
    }

    .dashboard-body .message-wrapper .open-email-container {
        background: #f0f5f3;
        margin: 20px 10px;
        border-radius: 10px
    }

    .dashboard-body .message-wrapper .message-sidebar {
        border-right: none;
        border-bottom: 1px solid #e3e1e1;
        max-height: 500px;
        overflow-y: auto
    }

    .dashboard-body .message-wrapper .message-sidebar .email-list-item {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview .sender-name,.dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview .mail-text {
        font-size: 14px
    }

    .dashboard-body .message-wrapper .message-sidebar .email-list-item .email-short-preview .mail-sub {
        font-size: 15px;
        margin-bottom: 5px
    }

    .dashboard-body .job-list-one .title {
        margin: 0 0 0 15px
    }

    .dashboard-body .job-list-one .job-title {
        margin-bottom: 15px
    }

    .dashboard-body .job-list-one .action-dots {
        position: absolute;
        top: 20px;
        right: 10px
    }

    .dashboard-body .membership-plan-wrapper .column.border-left {
        border-left: none;
        border-top: 1px solid #254035
    }
}

@media (max-width: 767px) {
    .dash-aside-navbar {
        transform:translate(-100%);
        opacity: 0;
        visibility: hidden;
        transition: all .3s ease
    }

    .dash-aside-navbar.show {
        transform: translate(0);
        box-shadow: 15px 0 25px #23232317;
        opacity: 1;
        visibility: visible
    }

    .dashboard-body {
        margin: 0;
        border-radius: 0
    }

    .dashboard-body .dashboard-header {
        left: 0;
        right: 0;
        border-bottom: 1px solid #e5e5e5;
        padding: 12px 15px
    }

    .dashboard-body .dashboard-header .search-form {
        width: auto;
        height: 40px
    }

    .dashboard-body .dashboard-header .job-post-btn {
        width: 110px;
        line-height: 40px;
        font-size: 14px
    }

    .compose-mail-offcanvas {
        left: 15px;
        width: auto
    }

    .dashboard-body .candidate-profile-card.list-layout .save-btn {
        position: static;
        margin-top: 10px
    }

    .dashboard-body .candidate-profile-card .action-dots {
        position: absolute;
        top: 10px;
        right: 10px
    }
}

@media (max-width: 575px) {
    .dashboard-body .dashboard-header .search-form {
        display:none
    }

    .dashboard-body .dash-card-one {
        text-align: center
    }

    .dashboard-body .dash-card-one .icon {
        margin: 0 auto 15px
    }

    .dashboard-body .dashboard-header .profile-notification .dropdown-menu {
        max-width: 300px;
        padding: 20px 15px
    }

    .dashboard-body .user-avatar-setting .upload-btn,.dashboard-body .user-avatar-setting .delete-btn {
        font-size: 14px
    }
}


.password-input {
    left: 91% !important;
    top: 67% !important;
}
.custom-resgister {
    left: 96% !important;
    top: 67% !important;
}
.password-input_input {
    padding-left :16px !important;
    
}


body {
  background-color: #f5fbd673 !important;
}


.new-color-table > thead> tr>  th {
  background-color: #fafdec !important; 
}
.new-color-table > tbody> tr >  td {
  background-color: #fafdec; 
}

.show-sidebar {
  left: inherit !important;
}

.custom-toggle::before{
  content: "" !important;
}

.custom-Notification-cricle {
  position: absolute !important;
  background: #198754;
  border-radius: 100%;
  font-size: 10px;
  height: 21px;
  padding: 3px 3px 9px 7px;
  width: 21px !important;
  left: 12px !important;
  top: -4px !important;
  color: white !important;
}

::placeholder { 
  color: lightgray !important; /* Change to any light color you prefer */
  opacity: 1; /* Ensure full visibility */
}

input::placeholder,
textarea::placeholder {
  color: lightgray !important; /* Consistent across elements */
  opacity: 1;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: 9999;
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, 9999);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  padding: 4px;
  width: 320px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: max(16px, env(safe-area-inset-top));
  top: var(--toastify-toast-top);
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
}
.Toastify__toast-container--bottom-left {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: max(16px, env(safe-area-inset-left));
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: max(16px, env(safe-area-inset-bottom));
  bottom: var(--toastify-toast-bottom);
  right: max(16px, env(safe-area-inset-right));
  right: var(--toastify-toast-right);
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: auto;
    left: initial;
  }
}
.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  min-height: 64px;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 6px;
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  max-height: var(--toastify-toast-max-height);
  font-family: sans-serif;
  font-family: var(--toastify-font-family);
  cursor: default;
  direction: ltr;
  /* webkit only issue #791 */
  z-index: 0;
  overflow: hidden;
}
.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}
.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body, .Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}
.Toastify__toast--stacked[data-collapsed=false] {
  overflow: visible;
}
.Toastify__toast--stacked[data-collapsed=true]:not(:last-child) > * {
  opacity: 0;
}
.Toastify__toast--stacked:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}
.Toastify__toast--stacked[data-pos=top] {
  top: 0;
}
.Toastify__toast--stacked[data-pos=bot] {
  bottom: 0;
}
.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before {
  transform-origin: top;
}
.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before {
  transform-origin: bottom;
}
.Toastify__toast--stacked:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--close-on-click {
  cursor: pointer;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}
.Toastify__toast-body > div:last-child {
  word-break: break-word;
  flex: 1 1;
}
.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.Toastify__toast-theme--dark {
  background: #121212;
  background: var(--toastify-color-dark);
  color: #fff;
  color: var(--toastify-text-color-dark);
}
.Toastify__toast-theme--light {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--default {
  background: #fff;
  background: var(--toastify-color-light);
  color: #757575;
  color: var(--toastify-text-color-light);
}
.Toastify__toast-theme--colored.Toastify__toast--info {
  color: #fff;
  color: var(--toastify-text-color-info);
  background: #3498db;
  background: var(--toastify-color-info);
}
.Toastify__toast-theme--colored.Toastify__toast--success {
  color: #fff;
  color: var(--toastify-text-color-success);
  background: #07bc0c;
  background: var(--toastify-color-success);
}
.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: #fff;
  color: var(--toastify-text-color-warning);
  background: #f1c40f;
  background: var(--toastify-color-warning);
}
.Toastify__toast-theme--colored.Toastify__toast--error {
  color: #fff;
  color: var(--toastify-text-color-error);
  background: #e74c3c;
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  background: var(--toastify-color-progress-light);
}
.Toastify__progress-bar-theme--dark {
  background: #bb86fc;
  background: var(--toastify-color-progress-dark);
}
.Toastify__progress-bar--info {
  background: #3498db;
  background: var(--toastify-color-progress-info);
}
.Toastify__progress-bar--success {
  background: #07bc0c;
  background: var(--toastify-color-progress-success);
}
.Toastify__progress-bar--warning {
  background: #f1c40f;
  background: var(--toastify-color-progress-warning);
}
.Toastify__progress-bar--error {
  background: #e74c3c;
  background: var(--toastify-color-progress-error);
}
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: rgba(255, 255, 255, 0.7);
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
  z-index: 1;
}
.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: auto;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: 0;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: 6px;
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: 6px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
}
.Toastify__progress-bar--wrp[data-hidden=true] {
  opacity: 0;
}
.Toastify__progress-bar--bg {
  opacity: 0.2;
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: #e0e0e0;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: #616161;
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: initial;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 8px;
  bottom: var(--swiper-pagination-bottom, 8px);
  top: auto;
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: 8px;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: #000;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: 0.2;
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 8px;
  right: var(--swiper-pagination-right, 8px);
  left: auto;
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: inherit;
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-theme-color);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-theme-color);
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-lock {
  display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}
/* Navigation font end */


.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-flex:1;-ms-flex:1;flex:1 1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:baseline;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:baseline;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1 1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-flex:1;-ms-flex:1;flex:1 1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-ms-flex-preferred-size:14.2857143%;-webkit-flex-basis:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-flex:1;-ms-flex:1;flex:1 1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}