/* ///////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////// CUSTOM SLIDE SHOW ELEMENT /////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
.custom-container{
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .custom-container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .custom-container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .custom-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .custom-container {
        max-width: 1200px;
    }
}
@media (min-width: 1400px) {
    .custom-container {
        max-width: 1200px;
    }
}

.sec-custom-slideshow {
    position: relative;
    height: calc(var(--vh, 1vh)*100 - 61px);
    height: calc(var(--vh, 1vh)*100);
    min-height: 700px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}
/* .sec-custom-slideshow::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('./images/SlideshowBG3.png');
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.7;
} */
.sec-custom-slideshow .custom-container {
    padding: 0 15px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner{
    position: relative;
    padding: 31px 24px;
    background-color: #333f48;
    max-width: 502px;
    width: 100%;
    min-height: 661px;
    height: 100%;
    overflow: hidden;
    max-height: fit-content;
    /* background-color: #4d5962;
    background-color: #66717a;
    background-color: #808992;
    background-color: #99a1aa;
    background-color: #b3bac2;
    background-color: #ccd2da;
    background-color: #e6eaec; */
    overflow: hidden;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .borderTop{
    position: absolute;
    left: 50%;
    top: 31px;
    max-width: 454px;
    width: 100%;
    height: 62px;
    transform: translateX(-50%);
    border: 1px solid white;
    border-bottom: none;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .borderBottom{
    position: absolute;
    left: 50%;
    bottom: 31px;
    max-width: 454px;
    width: 100%;
    height: 62px;
    transform: translateX(-50%);
    border: 1px solid white;
    border-top: none;
}

.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper {
    width: 100%;
    height: 100%;
    min-height: 100%;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 599px;
    max-height: fit-content;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide > *{
    flex-grow: 1;
}

.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 22px;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent.space-between {
    justify-content: space-between;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent.space-around {
    justify-content: space-around;
}

.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > *{
    text-align: center;
    color: white;
    margin: 0;
    text-transform: none;
    font-family: "MillerLight", serif;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > p{
    font-size: 16px;
    font-weight: 100;
    color: white;
    margin: 0;
    font-family: "Roboto", sans-serif;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent .slidecontentlink{
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: white;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent .dot::before{
    position: relative;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    background-color: white;
    border-radius: 50%;
    margin: 7px 0 4px;
}

.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > h1{
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > h3{
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > h3{
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > h4{
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > h5{
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > h6{
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > .title{
    margin-bottom: 22px;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent .uppercase{
    font-weight: 100;
    text-transform: uppercase;
}

.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > .header-description {
    position: absolute;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 310px;
    width: 100%;
    margin: 0 !important;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > .footer-desciption {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    max-width: 310px;
    width: 100%;
    margin: 0 !important;
}

.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-button-next::after {
    display: none;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-button-prev::after {
    display: none;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-button-next {
    inset: initial;
    bottom: 20px;
    right: 31px;
    width: 31px;
    height: 31px;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-button-prev {
    inset: initial;
    bottom: 20px;
    left: 31px;
    width: 31px;
    height: 31px;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-button-next::before,
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-button-prev::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: white;
    -webkit-mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='m387.25 131.688 3.328-.114c6.846.852 11.56 5.12 16.23 9.91l1.62 1.622c1.748 1.756 3.486 3.522 5.224 5.289l3.68 3.699a4214 4214 0 0 1 9.642 9.732 8069 8069 0 0 0 15.417 15.543q2.676 2.698 5.344 5.402c4.962 5.014 9.94 9.933 15.312 14.512 4.173 3.668 8.063 7.643 12 11.56l2.829 2.813a4704 4704 0 0 1 5.88 5.86c2.496 2.49 5.002 4.972 7.51 7.452 2.413 2.39 4.815 4.79 7.218 7.188l2.712 2.674c6.36 6.383 11.365 11.582 11.429 21.045l.102 3.43c-1.91 9.711-10.318 16.705-17.094 23.39l-3.011 3.005q-3.138 3.13-6.289 6.248a2517 2517 0 0 0-7.994 7.95 5832 5832 0 0 1-7.706 7.672l-1.452 1.446c-8.522 8.479-8.522 8.479-13.099 12.389-5.059 4.35-9.693 9.127-14.375 13.874q-2.532 2.564-5.072 5.12a6811 6811 0 0 0-14.405 14.542q-4.42 4.476-8.859 8.933a947 947 0 0 0-3.351 3.393 914 914 0 0 1-4.692 4.73l-2.686 2.715c-5.917 5.124-10.916 5.834-18.513 5.636-5.714-.635-9.123-3.027-12.942-7.286-4.086-5.72-5.34-11.07-4.187-18.062 2.418-6.294 6.11-10.672 10.88-15.334l2.07-2.072a1484 1484 0 0 1 6.753-6.688q2.347-2.336 4.691-4.674a4881 4881 0 0 1 12.33-12.23c4.203-4.163 8.395-8.337 12.589-12.51A13738 13738 0 0 1 441 277h-2.734a119586 119586 0 0 1-179.633-.098l-3.872-.004c-20.693-.022-41.386-.023-62.08-.017q-31.843.009-63.688-.047-19.653-.036-39.307-.01-13.472.016-26.945-.03c-5.184-.015-10.368-.021-15.551-.001q-7.121.025-14.24-.024a415 415 0 0 0-5.15.012c-9.192.073-16.827.058-23.8-6.781-4.585-5.367-4.726-10.591-4.512-17.547.768-5.18 2.69-8.878 6.512-12.453 5.092-3.367 8.308-4.5 14.546-4.508l2.214-.019c2.444-.016 4.886-.004 7.33.008q2.657-.008 5.315-.023c4.864-.02 9.728-.015 14.592-.007 5.247.005 10.493-.013 15.74-.028q13.633-.034 27.267-.031c13.141.002 26.282-.019 39.424-.044q31.98-.061 63.961-.077 31.068-.017 62.134-.063l3.869-.006 19.213-.03c53.131-.083 106.263-.137 159.395-.172l-2.675-2.648a13904 13904 0 0 1-24.941-24.761 6283 6283 0 0 0-12.823-12.728 4326 4326 0 0 1-12.371-12.294 1465 1465 0 0 0-4.724-4.68 1324 1324 0 0 1-6.608-6.577l-1.979-1.935c-4.955-5.001-8.304-9.991-8.317-17.315.22-6.02 1.975-10.492 6.157-14.855 4.726-4.215 8.13-5.378 14.531-5.52'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath d='m387.25 131.688 3.328-.114c6.846.852 11.56 5.12 16.23 9.91l1.62 1.622c1.748 1.756 3.486 3.522 5.224 5.289l3.68 3.699a4214 4214 0 0 1 9.642 9.732 8069 8069 0 0 0 15.417 15.543q2.676 2.698 5.344 5.402c4.962 5.014 9.94 9.933 15.312 14.512 4.173 3.668 8.063 7.643 12 11.56l2.829 2.813a4704 4704 0 0 1 5.88 5.86c2.496 2.49 5.002 4.972 7.51 7.452 2.413 2.39 4.815 4.79 7.218 7.188l2.712 2.674c6.36 6.383 11.365 11.582 11.429 21.045l.102 3.43c-1.91 9.711-10.318 16.705-17.094 23.39l-3.011 3.005q-3.138 3.13-6.289 6.248a2517 2517 0 0 0-7.994 7.95 5832 5832 0 0 1-7.706 7.672l-1.452 1.446c-8.522 8.479-8.522 8.479-13.099 12.389-5.059 4.35-9.693 9.127-14.375 13.874q-2.532 2.564-5.072 5.12a6811 6811 0 0 0-14.405 14.542q-4.42 4.476-8.859 8.933a947 947 0 0 0-3.351 3.393 914 914 0 0 1-4.692 4.73l-2.686 2.715c-5.917 5.124-10.916 5.834-18.513 5.636-5.714-.635-9.123-3.027-12.942-7.286-4.086-5.72-5.34-11.07-4.187-18.062 2.418-6.294 6.11-10.672 10.88-15.334l2.07-2.072a1484 1484 0 0 1 6.753-6.688q2.347-2.336 4.691-4.674a4881 4881 0 0 1 12.33-12.23c4.203-4.163 8.395-8.337 12.589-12.51A13738 13738 0 0 1 441 277h-2.734a119586 119586 0 0 1-179.633-.098l-3.872-.004c-20.693-.022-41.386-.023-62.08-.017q-31.843.009-63.688-.047-19.653-.036-39.307-.01-13.472.016-26.945-.03c-5.184-.015-10.368-.021-15.551-.001q-7.121.025-14.24-.024a415 415 0 0 0-5.15.012c-9.192.073-16.827.058-23.8-6.781-4.585-5.367-4.726-10.591-4.512-17.547.768-5.18 2.69-8.878 6.512-12.453 5.092-3.367 8.308-4.5 14.546-4.508l2.214-.019c2.444-.016 4.886-.004 7.33.008q2.657-.008 5.315-.023c4.864-.02 9.728-.015 14.592-.007 5.247.005 10.493-.013 15.74-.028q13.633-.034 27.267-.031c13.141.002 26.282-.019 39.424-.044q31.98-.061 63.961-.077 31.068-.017 62.134-.063l3.869-.006 19.213-.03c53.131-.083 106.263-.137 159.395-.172l-2.675-2.648a13904 13904 0 0 1-24.941-24.761 6283 6283 0 0 0-12.823-12.728 4326 4326 0 0 1-12.371-12.294 1465 1465 0 0 0-4.724-4.68 1324 1324 0 0 1-6.608-6.577l-1.979-1.935c-4.955-5.001-8.304-9.991-8.317-17.315.22-6.02 1.975-10.492 6.157-14.855 4.726-4.215 8.13-5.378 14.531-5.52'/%3E%3C/svg%3E");
    
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-button-prev::before {
    transform: scale(-1);
}


.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide::-webkit-scrollbar {
  width: 6px;
  background-color: #2e3840;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide::-webkit-scrollbar-thumb {
  background-color: #5a646b;
  border-radius: 3px;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide::-webkit-scrollbar-thumb:hover {
  background-color: #6c767d;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide::-webkit-scrollbar-track {
  background-color: #2e3840;
}
.sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide {
  scrollbar-width: thin;
  scrollbar-color: #5a646b #2e3840;
}



@media only screen and (max-width: 1400px){
}
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 992px){
}
@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 568px){

    .sec-custom-slideshow {
        overflow: hidden;
    }
    .sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > .footer-desciption {
        bottom: 52px;
    }
    .sec-custom-slideshow .custom-container .custom-slideshow-inner .borderTop,
    .sec-custom-slideshow .custom-container .custom-slideshow-inner .borderBottom {
        max-width: calc(100% - 52px);
    }
}
@media only screen and (max-width: 468px){

    .sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide {
        min-height: 502px;
    }
    .sec-custom-slideshow .custom-container .custom-slideshow-inner .swiper .swiper-wrapper .swiper-slide .slidecontent > .footer-desciption {
        max-width: 300px;
        margin: auto;
    }
}