.withDotsSlider .swiper-container .swiper img {
  width: 100%;
  height: 100%;
}

/* sqaure things*/

.square {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

.portrait {
  width: 100%;
  padding-bottom: 120%;
  position: relative;
}

.slide img, .slide video, .slide .ratio{
  position: absolute !important;
}

.contain {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.videoCard .card-img-overlay {
  padding: 0px;
}

.videoCard .bi {
  cursor: pointer;
}

.tryThis .swiper-slide {
  height: auto;
}

.flip-horizontal-bottom {
	-webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
}
@keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
}

.flip-horizontal-top {
	-webkit-animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: flip-horizontal-top 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

@-webkit-keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}
@keyframes flip-horizontal-top {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}

.contact-form .alert-success {
  --bs-alert-color: #9ee0d1;
  --bs-alert-bg: #1f6151;
  --bs-alert-border-color: #1f6151;
}

.contact-form .alert-danger {
  --bs-alert-color: #f7d4d7;
  --bs-alert-bg: #6b141c;
  --bs-alert-border-color: #6b141c;
}

/* filter display buttons */

.btn-outline-filter {
  color: #fff;
  background-color: #a29061;
  border-color: #fff;
}

.btn-outline-filter:hover {
     box-shadow: none;
     color: #fff;
     background-color: #918055;
     border-color: #fff;
}

.btn-outline-filter:active, .btn-outline-filter.active {
	box-shadow: none;
     color: #fff;
     background-color: #a29061;
     border-color: #fff;
}

.btn-outline-filter:focus, .btn-outline-filter.focus {
     box-shadow: none;
}

.btn-outline-filter.disabled, .btn-outline-filter:disabled {
  color: #a29061;
  background-color: transparent;
}

.btn-outline-filter:not(:disabled):not(.disabled):active, .btn-outline-filter:not(:disabled):not(.disabled).active,
.show > .btn-outline-filter.dropdown-toggle {
  color: #fff;
  background-color: #9ca6b0;
  border-color: #9ca6b0;
}

.btn-outline-filter:not(:disabled):not(.disabled):active:focus, .btn-outline-filter:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-filter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-xs, .btn-group-xs > .btn {
  padding: 0.20rem 0.4rem;
  font-size: 0.775rem;
  border-radius: 0.17rem;
}

#warrantyForm .btn-gewa-drop, .btn-gewa-drop {
     color: #959ca9;
     background-color: #202020;
     border-color: transparent;
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     font-size: .85rem;
     font-weight: 400;
     overflow-anchor: none;
     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;
}




#warrantyForm .btn-gewa-drop::after, .btn-gewa-drop::after {

     flex-shrink: 0;
     width: 1.25rem;
     height: 1.25rem;
     margin-left: auto;
     content: "";
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.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'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-size: 1.25rem;
     transition: transform 0.2s ease-in-out;

}

#warrantyForm .btn-gewa-drop:focus {
     color: #60697b;
     background-color: #202020;
     border-color: #a29061;
     outline: 0;
}

.btn-gewa-drop.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

#warrantyForm .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #aa996e;
}

#warrantyForm  input[type="file"]::file-selector-button {
  background-color: #a29061;
  color: #fff;
}

#warrantyForm label{
     color: #959ca9;
     background-color: #202020;
}

.formListHolder {
     overflow-y: auto;
     overflow-x: hidden;
     min-height: 70px;
     max-height: 30vh;
     height: auto;
     padding: 0 6px 16px 0px;
     margin-top: 3px;
     color: #959ca9;
     transform: translateZ(0);
     /*scrollbar-width: none;  Firefox */
     /*-ms-overflow-style: none;   Internet Explorer 10+ */
     scrollbar-width: thin;          /* "auto" or "thin" */
     scrollbar-color: #a29061 #333333;   /* scroll thumb and track */
}

.formListHolder::-webkit-scrollbar {
  width: 12px;
}

.formListHolder::-webkit-scrollbar-track {
  background: #333333;
}

.formListHolder::-webkit-scrollbar-thumb {
  background-color: #a29061;
  border-radius: 20px;
  border: 3px solid #a29061;
}

.formPill {
     margin-bottom: 9px;
     position: relative;
     display: flex;
     align-items: center;
     height: 25px;
     cursor: pointer;
     list-style-type: none;
     padding: 10px 10px;
}

.formPill:hover {
     background-color: #202020;
}

.formInfoContainer a {
     color: #a29061 !important;
}
.size-muted {
  font-size: 85%;
}

#warrantyForm .form-check-input {
  width: .8rem;
  height: .8rem;
}
#warrantyForm .form-check-label {
  color: #fefefe !important;
  background-color: transparent;
}