/* main styles */
.need{
    color: red !important;
    background-color: rgba(255, 48, 48, 0.369);
}
:root{
    --color-primary: #d67c1c;
    --color-primary-light: #ff9a2e;
    --color-primary-dark: #ad6212;
    --color-primary-transparent: rgba(214, 124, 28, 0.226);
    --color-success: #00c851;
    --bs-body-bg: #ffffff;
    --gradient: linear-gradient(121deg, rgba(237,28,36,1) 0%, rgba(242,91,26,1) 34%, rgb(246 139 82) 62%, rgb(240 78 28) 64%, rgba(238,49,32,1) 100%)
}
* {
    font-family: 'Roboto', sans-serif;
}
html {
    scroll-behavior: smooth;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
}
::-webkit-scrollbar-thumb {
  background: #aaaaaa;
}
::-webkit-scrollbar-thumb:hover {
  background: #adadad;
}
::selection {
  background: var(--color-primary-transparent);
  color: var(--color-primary);
}
.reverse-selection *::selection, .reverse-selection::selection {
    background: rgba(255, 255, 255, 0.171);
    color: white;
}
.anchor:before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 5em;
    margin-top: -5em
}
.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--color-primary);
}
/* end main styles */

/* forms */
.required:after {
    content: ' *';
    color: var(--color-primary);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #ffffff inset !important;
}
input:-webkit-autofill{
    -webkit-text-fill-color: rgb(41, 41, 41) !important;
}
.form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.form-check-input:focus {
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
.form-select:focus {
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
.form-control:focus {
    color: #212529;
    background-color: white;
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
.form-control {
    color: #212529;
    background-color: #ffffff;
    border-color: #292627;
}
.form-check-input {
    border-color: #292627;
}
/* end forms */

/* buttons */
.btn {
    --bs-btn-padding-x: 1.55rem;
    --bs-btn-padding-y: 0.575rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-border-radius: 0;
    --bs-btn-font-weight: 500;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.btn.btn-primary::after {
    /* background: rgb(237,28,36); */
    content:"";
    width: 300%;
    height: 100%;
    background: var(--gradient);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.4s ease-in-out, width 0.2s ease-in-out;
}
.btn.btn-primary:hover::after, .btn.btn-primary:active::after, .btn.btn-primary:focus::after {
    opacity: 0.7;
    width: 100%;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-primary);
    --bs-btn-border-color: var(--color-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-primary-light);
    --bs-btn-hover-border-color: var(--color-primary-light);
    --bs-btn-focus-shadow-rgb: 214, 124, 28;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--color-primary-light);
    --bs-btn-active-border-color: var(--color-primary-light);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    text-transform: uppercase;
}
.btn-close:focus {
    outline: 0;
    box-shadow: unset;
    opacity: 1;
}
.btn-secondary {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.btn-secondary:hover {
    color: white;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}
.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem var(--color-primary-transparent);
}
/* end buttons */

/* texts */
h1 {
    font-weight: 700;
    line-height: 1;
    /* color: var(--color-primary); */
}
h2{
    font-weight: bold;
    letter-spacing: -0.9px;
    /* color: var(--color-primary); */
}
h3{
    letter-spacing: -0.6px;
    font-size: 1.5rem;
    font-weight: bold;
    /* color: var(--color-primary); */
}
p{
    color: #292627;
    font-size: 1rem;
    font-weight: 400;
}
a {
    color: var(--color-primary);
    text-decoration: none;
}
a:hover {
    color: var(--color-primary-light);
}
/* end texts */

/* main nav */
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: var(--color-primary);
}
.navbar{
    transition: .3s cubic-bezier(0.94, 0.72, 0.25, 1.06);
    --bs-nav-link-font-size: 1.15em;
    --bs-navbar-toggler-border-radius: 0;
    --bs-navbar-toggler-focus-width: 0.15rem;
    padding: 20px 0;
}
/* .navbar #logo{
    display: none;
}
.navbar #logo-white{
    display: inline-block;
} */
#mainNav a.nav-link {
    text-transform: uppercase;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
    font-weight: 500;
}
.nav-scroll, .nav-bg-mobile {
    background: rgb(255 255 255 / 90%);
    border-bottom: 1px solid var(--color-secondary);
}
.navbar.nav-scroll{
    padding: 5px 0;
}
.navbar.nav-bg-mobile {
    padding: 20px 0;
}
/* .nav-scroll #logo-white, .nav-bg-mobile #logo-white {
    display: none;
} */
/* .nav-scroll #logo, .nav-bg-mobile #logo {
    display: inline-block;
} */
.nav-scroll.navbar-dark .navbar-nav a.nav-link, .nav-bg-mobile.navbar-dark .navbar-nav a.nav-link {
    color: var(--color-primary);
}
.navbar-light .navbar-nav .nav-link {
    color: rgb(41 38 39);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
    color: var(--color-primary);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
    color: var(--color-primary);
}
/* end main nav */

/* footer */
footer h4 {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 3px;
    color: white;
}
footer h3 {
    font-size: 1.1rem;
    color: var(--color-primary);
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 1.3rem;
}
footer {
    background-position-y: top;
    background-color: #0b0b0b;
}
footer a, footer p, footer li{
    color: white;
}
footer li {
    margin-bottom: 5px;
}
.redes a:hover img {
    background-color: var(--color-primary);
}
.redes a img{
    transition: .3s cubic-bezier(0.94, 0.72, 0.25, 1.06);
}
/* end footer */

/* util */
.my-c {
    margin-top: 70px;
    margin-bottom: 70px;
}
.py-c {
    padding-top: 70px;
    padding-bottom: 70px;
}
.text-justify, .text-justify p {
    text-align: justify;
}
/* end util */

/* medias */
@media (max-width: 1399px) {

}
@media (max-width: 1200px) {

}
@media (max-width: 1059px) {

}
@media (max-width: 992px) {

}
@media (max-width: 800px) {

}
@media (max-width: 700px) {

}
@media (max-width: 600px) {

}
@media (max-width: 575px) {

}
@media (max-width: 400px) {

}
@media (max-width: 300px) {

}
@media (max-width: 200px) {

}
/* end medias */