/*page styles begin*/
 html {
     scroll-behavior: smooth;
     scroll-padding-top: 80px;
}
 *:focus {
     outline: none !important;
     box-shadow:none !important 
}
 .text--color-black {
     color: #000 !important;
}
 .text--color-def {
     color: #333 !important;
}
 .whole-col--links {
     position: relative;
}
 .whole-col--links a {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
}
 .page-gap-half {
     gap: .5rem !important;
}
 .page-gap-1 {
     gap: 1rem !important;
}
 .page-fs-10 {
     font-size: 10px !important;
}
 .page-fs-12 {
     font-size: 12px !important;
}
 .page-fs-14 {
     font-size: 14px !important;
}
 .page-fs-16 {
     font-size: 16px !important;
}
 .page-fs-18 {
     font-size: 18px !important;
}
 .page-fs-20 {
     font-size: 20px !important;
}
 .page-fs-22 {
     font-size: 22px !important;
}
 .page-fs-24 {
     font-size: 24px !important;
}
 .page-fs-28 {
     font-size: 28px !important;
}
 .page-fs-30 {
     font-size: 30px !important;
}
 .page-fs-32 {
     font-size: 32px !important;
}
 .page-fw-500 {
     font-weight: 500 !important;
}
 .page-fw-600 {
     font-weight: 600 !important;
}
 .page-fw-800 {
     font-weight: 800 !important;
}
 .page-fw-900 {
     font-weight: 900 !important;
}
 .page-link-color-1 {
     color: #000 !important;
}
 .page-bgcolor-1 {
     background-color: #fff !important;
}
 .page-bgcolor-1 {
     background-color: #2F2F32 !important;
}
 .page-bgcolor-3 {
     background-color: #333333 !important;
}
 .page-bgcolor-4 {
     background-color: #f7f7f7 !important;
}
.page-box-shadow {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}


.media-xl-text-color-1 {
    color: #333 !important;
    @media (min-width: 1200px) {
        color: #fff !important;
    }
}
.media-lg-text-color-1 {
    color: #fff !important;
    @media (min-width: 992px) {
        color: #333 !important;
    }
}

 .page--title-1 {
     font-size: 28px !important;
}
 @media (min-width: 768px) {
     .page--title-1 {
         font-size: 32px !important;
    }
}
 .page--title-2 {
     font-size: 28px !important;
}
 @media (min-width: 768px) {
     .page--title-2 {
         font-size: 36px !important;
    }
}
 .content--paragraph-1 {
     font-size: 18px !important;
}
 @media (min-width: 992px) {
     .content--paragraph-1 {
         font-size: 22px !important;
    }
}
 .style-arrows-1 .slick-prev {
     left: 0 !important;
}
 .style-arrows-1 .slick-next {
     right: 0 !important;
}
 @media (min-width: 992px) {
     .style-arrows-1 .slick-prev {
         left: 0 !important;
    }
     .style-arrows-1 .slick-next {
         right: 0 !important;
    }
}
 .style-arrows-1 .slick-next:before, .style-arrows-1 .slick-prev:before{
     color: #8A272C !important;
     opacity: 1 !important;
}
 .style-arrows-1 .slick-prev.slick-disabled, .style-arrows-1 .slick-next.slick-disabled {
     pointer-events: none;
}
 .style-arrows-1 .slick-next.slick-disabled:before, .style-arrows-1 .slick-prev.slick-disabled:before {
     opacity: .50 !important;
}
.style-width-slick .items {
    width: 290px;
}
.page-slick-flex .slick-list {
    overflow: hidden;
    padding: 1rem !important;
}
.page-slick-flex .slick-track {
    display: flex !important;
    margin-left: 0 !important;
}
.page-slick-flex .slick-slide {
    height: inherit !important;
}
.slick-centered-few-items .slick-track {
    width: 100% !important;
    display: flex !important;
    justify-content: center;
    transform: none !important; 
}

.switchable-tab--pane .active div{
   opacity: 1 !important; 
}

.nav-tabs-modifier-1 li {
    width: 130px;
    margin: 0 .3rem;
    text-align: center;
    @media (min-width: 768px) {
        width: 230px;
        text-align: left;
    }
}
.nav-tabs-modifier-1 li a,
.nav-tabs-modifier-1.nav-tabs > li > a:hover, 
.nav-tabs-modifier-1.nav-tabs > li > a:focus {
    background: #FFFFFF;
    border: 1px solid #C2C2C2 !important;
    font-size: 14px;
    border-radius: 12px;
    gap: 1rem;
    color: inherit !important;
}

.nav-tabs-modifier-1.nav-tabs > .active > a, 
.nav-tabs-modifier-1.nav-tabs > .active > a:hover, 
.nav-tabs-modifier-1.nav-tabs > .active > a:focus {
    background: #D61D23;
    color: white !important;
}

.table-wrapper--modifier-1 {
  overflow-x: auto !important;
  width: 100% !important; 
}
.table-wrapper--modifier-1 table {
  width: 100% !important; 
  border-collapse: collapse !important;
}
.table-wrapper--modifier-1 th, 
.table-wrapper--modifier-1 td {
  padding: 8px 12px !important;
  border: 0 solid #ddd !important;
  font-weight: bold !important;
}
.table-wrapper--modifier-1 thead th,
.table-wrapper--modifier-1 thead td{
    background-color: black;
    color: white !important;
    border: none !important;
    min-width: 130px !important;
}
.table-wrapper--modifier-1 tbody {
    background-color: white !important;
}

/*page styles ends*/