:root{
    --bs-primary-rgb: 241, 28, 36;
    --bs-primary-hsl: 358 88.4% 52.7%;
    --bs-primary-hex: #F11C24;
    --bs-primary: rgb(241, 28, 36);
    --bs-secondary-rgb: 78, 180, 252;
    --bs-secondary-hsl: 205 96.7% 64.7%;
    --bs-secondary-hex: #4EB4FC;
    --bs-secondary: rgb(78, 180, 252);
    --bs-body-color-rgb: 100, 100, 100;
    --bs-body-color-hsl: 0 0% 39.2%;
    --bs-body-color-hex: #646464;
    --bs-body-color: rgb(100, 100, 100);
    --bs-dark-rgb: 33, 33, 33;
    --bs-dark-hsl: 0 0% 12.9%;
    --bs-dark-hex: #212121;
    --bs-dark: rgb(33, 33, 33);
    --bs-dark-blue-rgb: 34, 47, 84;
    --bs-dark-blue-hsl: 224 42.4% 23.1%;
    --bs-dark-blue-hex: #222f54;
    --bs-dark-blue: rgb(34, 47, 84);
    --bs-darker-blue-rgb: 28, 38, 67;
    --bs-darker-blue-hsl: 225 41.1% 18.6%;
    --bs-darker-blue-hex: #1C2643;
    --bs-darker-blue: rgb(28, 38, 67);
    --bs-footer-gray-rgb: 169, 172, 183;
    --bs-footer-gray-hsl: 227 8.9% 69%;
    --bs-footer-gray-hex: #a9acb7;
    --bs-footer-gray: rgb(169, 172, 183);
    --bs-copyright-rgb: 98, 116, 166;
    --bs-copyright-hsl: 224 27.6% 51.8%;
    --bs-copyright-hex: #6274A6;
    --bs-copyright: rgb(98, 116, 166);
    --error-color: #f2f2f4;
    --border-radius: 50px;
}

body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height:1.7;
    font-size:14px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight:400;
}
.h1, .h2, .h3, .h4, h1, h2, h3, h4{
    color:var(--bs-dark);
}
p{
    font-size:15px;
}
a{
    text-decoration:none;
}
img[width][height]:not(.product-img) {
    content-visibility: auto;
}
img {
    max-width: 100%;
    height: auto;
}
.btn{
        --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 18px ;
    --bs-btn-font-weight: bold;
    --bs-btn-line-height: 1;
    --bs-btn-border-radius: 30px;
    --bs-btn-font-size: 14px;
    text-transform:uppercase;
    letter-spacing:0.05em;
    transition: background-color .35s ease-in-out, color .35s ease-in-out, border-color .35s ease-in-out;
}
.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-active-bg: #fff;
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

section{
    padding-block: 40px;
}


/* Navigation/Banner */
.navbar{
    position:relative;
}
.navbar-brand img {
    width: 195px;
    max-height: 84px;
}


/* Footer */
.alford-blue-bg {
    background-color: var(--bs-dark-blue);
}
.dark-blue-bg {
    background-color: var(--bs-darker-blue);
}
footer {
    border-top: 5px solid var(--bs-primary);
}

footer .col-footer-nav li a {
    color: var(--bs-footer-gray);
    font-size: 13px
}

footer .col-footer-nav li a:not(.btn):hover,
footer .col-footer-nav li a:not(.btn):focus{
    color: var(--bs-secondary);
}

footer .address {
    color: var(--bs-copyright);
}

footer .phone {
    color:var(--bs-footer-gray);
    font-size:13px;
    text-decoration:none;
}

footer p {
    color:var(--bs-footer-gray);
    font-size:13px;
}

footer .copyright {
    color: var(--bs-copyright);
    text-align: center;
}

footer .social li {
    width: 32.5%;
    display: inline-block
}

footer .social .fa {
    color: #fff;
    border: 1px solid #fff
}
footer .btn-outline-light{
    --bs-btn-padding-y: 12px ;
    --bs-btn-border-radius: 0px;
    --bs-btn-font-weight: 400;
}
.pt-30 {
    padding-top: 30px
}
.pt-80 {
    padding-top: 80px
}
.pb-30 {
    padding-bottom: 30px
}
.mt-50 {
    margin-top: 50px
}



/* Modal Form */

.error {
    color: var(--error-color);
    text-align: center;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.form-check-input:checked {
    border-color: var(--bs-secondary);
    background-color: var(--bs-secondary);
}

.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23f8f9fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
:is(.form-control, .form-select):disabled {
    background-color: #445ea8;
}
.form-select,
.form-control {
    background-color: #445ea8;
    color: white;
    border-color: transparent;
}
.form-control:focus {
    background-color: var(--bs-gray-100);
}
.form-select + label,
.form-control:not(:focus) + label{
    color: var(--bs-gray-100);
}
.form-control:focus  + label{
    color:var(--bs-body-color);
}
.form-select,
.form-control {
    border-radius: var(--border-radius);
}

.form-floating > .form-select {
    padding-left: 1.5rem;
}

.form-floating > label,
.form-floating > .form-control {
    padding: 1rem 1.5rem;
}
.form-floating>textarea.form-control{
    height:100px;
    --border-radius:10px;
}
.form-floating > textarea:not(:-moz-placeholder-shown){
    padding-top:24px !important;
}
.form-floating > textarea:focus,
.form-floating > textarea:not(:placeholder-shown){
    padding-top:24px !important;
}
.form-floating > textarea:-webkit-autofill{
    padding-top:24px !important;
}
.lone-label{
    color:var(--bs-footer-gray);
    margin-bottom:5px;
}
.btn-check+.btn:hover{
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
}

@media (min-width:768px){
    section{
        padding-block: 80px;
    }

}

@media (min-width:1200px){

    .navbar-brand img {
        max-width: 315px;
        width:315px;
    }
    
}