.header {
  background: url(../images/banner.jpg) center center no-repeat;
  background-size: cover;
}

.hero-image {
  background-image: url('/images/blueprint.jpg');
  height: 150px;
  margin-top: 7px;
  background-position-y: -290px;
}

.step {
    margin-bottom: 20px;
}

.prev_step {
	margin-bottom: 20px;
    width: 200px;
}

.card-step{
    border-radius: 0px;
    height: 100px;
    background-color: #c9a75c;
}

.card-step-alt{
    border-radius: 10px;
    height: 150px;
    background-color: #263167;
}

.card-step-alt:hover{
    background-color: #181f42;
}

.card-img-step{
    padding: 10px;
    min-height: 300px;
}

.card-body .text-center{
    color: white;
    font-size: 24px;
}

.text-ul {
    padding-left: 0px;
}

.special_order{
    color: red;
    font-size: 14px;
    font-weight: bold;
}

.special_order_btn{
    color: red;
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
}

.card a{
    text-decoration: none;
}

.btn-step{
    color: #c9a75c;
}

.hide-margin {
  margin-bottom: 3px;
}

.hide-text-decoration {
  text-decoration: none;
}

.secondary-color {
  background-color: #C9A75C;
}

.bronze-color {
  background-color: #391802;
}

.no-border-radious {
  border-radius: 0;
}

.large-title {
  font-size: 5rem;
}

.rounded-special {
  border-radius: 1.5rem;
}


@media all and (max-width: 541px) {
  .img1 {background-image: url('/images/fence-hero-mobile.jpg');
    height: 150px;
    margin-top: 7px;}

  .margin-mobile {
    margin: 0rem 4rem;
  }

  .space-up-down {
    margin: 2rem 0rem;
  }
}

@media all and (max-width: 1920px) {
  .center-elements {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }
}

.btn-door{
    width: 200px;
}

.lbl-door{
    margin-right: 5px;
}

[type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
    cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
    outline: 2px solid #f00;
}

.modal-backdrop
{
    opacity:0.1 !important;
}

.nav_breadcrums {
    width: max-content;
    margin-top: 20px;
    max-width: max-content;
}

.doorWidth:checked{
    background: #2e44ab;
}

.dwBtn{
    border-style: solid;
    border-color: white;
    border-width: 1px;
}

.dwBtn.active{
    background: #2e44ab;
}

.img-opt{
    width: 225px;
    height: 225px;
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.icon-info{
    height: 30px;
    margin-bottom: 5px;
}

.btn-files{
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #4d5251ab;
    color: white;
    border-color: white;
    margin-right: 10px;
}

.btn-files:hover{
    border-color: white;
}
.btn-files:hover .fas {
    transform: scale(1.3); /* Increases the size of the icon */
    transition: transform 0.2s ease-in-out; /* Smooth transition */
}

.btn-door {
    scale: 0.9;
}

.btn-door:hover {
    transform: scale(1.1); /* Increases the size of the icon */
    transition: transform 0.2s ease-in-out; /* Smooth transition */
}

.padded{
    padding: 15px;
}

.orange{
    background: rgb(255,84,0);
    color: white;
}

.orange:hover{
    background: rgb(255,84,0) !important;
    color: white !important;
}

.drawing{
    overflow: hidden;
    box-sizing: border-box;
}