@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;600&display=swap');

:root{
    --ff-main:'Montserrat',sans-serif !important;
    --ff-header: 'Bebas Neue', cursive !important;
}

body{
    font-family:var(--ff-main);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ff-header);
    font-weight: bold;
}
/*BUTTONS*/

.btn,
input::file-selector-button {
    border-radius: 0 !important;
    margin: 5px;
    transition: all ease-in-out .5s !important;
    padding: 13px 21px !important;
    font-size: 14px !important;
}

*.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn-lg {
    padding: 15px 50px !important;
    font-size: 18px !important;
}

button:not(.btn, .mce-tinymce button, .alert button, .close, .mce-reset button, .mce-fade button, .mce-in button) {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #000;
    border-radius: 0;
    padding: 0.5rem 1rem;
    font-size: 14px;
    transition: all ease-in-out .5s;
    margin: 10px;
    background: #000;
    color: #fff;
}

button:not(.btn, .mce-tinymce button, .alert button, .close):hover {
    background: #fff;
    border-color: #000;
    color: #000;
}

/* Button primary */
*.btn-primary,
*.btn-success,
input::file-selector-button {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

*.btn-primary:hover,
*.btn-success:hover,
*.btn-primary:focus,
*.btn-success:focus {
    background: #fff !important;
    border-color: #000 !important;
    color: #000 !important;
}

*.btn-primary[disabled]:hover,
*.btn-success[disabled]:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    cursor: not-allowed !important;
}

/* Button inverse */
button.btn-inverse,
a.btn-inverse {
    background: #000;
    color: #fff;
    border-color: #000;

}

button.btn-inverse:hover,
a.btn-inverse:hover {
    background: #fff;
    color: #000;
    border-color: #000
}

/* Button  secondary*/
button.btn-secondary,
a.btn-secondary,
.button-secondary {
    background: #fff;
    color: var(--btn-secondary);
    border: 1px solid var(--btn-secondary);

}

button.btn-secondary:hover,
a.btn-secondary:hover .button-secondary:hover {
    background: var(--btn-secondary) !important;
    color: #fff;
    border: 1px solid var(--btn-secondary);
}
/*Profile section*/

.profile{
    display: flex;
}


/*!*CITY BOX*!*/
/*.country-name {*/
/*    padding-left: 32px;*/
/*    position: relative;*/
/*}*/
/*.country-name:before {*/
/*    position: absolute;*/
/*    font-family: 'FontAwesome';*/
/*    top: 0;*/
/*    left: 10px;*/
/*    content: "\f005";*/
/*}*/

/*PANEL*/
.panel{
    box-shadow: #0000000a 4px 5px 9px 4px;
    margin: 20px;
    padding: 10px !important;
}

.w-40 {
    width: 40%;

}

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

.mw-center {
    max-width: 100%;
    margin: 0 auto;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}
.img-circle img{
    clip-path: circle(35% at 50% 40%);

}
.equal-col-spacing [class*="col-"] {
    padding-right: 0;
}
.flex-baseline{
    display: flex;
    align-items: baseline;
}
.flex-justify-end{
    display: flex;
    justify-content: end;
}
.mx-30{
    margin: 0 30px ;
}