.btn {
    border-radius: 0px;
}

@media (hover: none) {
  .imgdiv
    {
        max-width:50%;
    }
    .team_columns_item_caption
    {
        width:60%;
        display: inline-table;
    }
    main {
        grid-template-columns: 1fr repeat(12, minmax(auto, 60px)) 1fr;
        grid-gap: 40px;
        padding: 60px 0;
    }

    .text--medium {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
    }

    .cards {
        grid-column: 2 / span 12;
        grid-template-columns: repeat(12, minmax(auto, 60px));
        grid-gap: 40px;
    }

    .card {
        background-color: white;
        display: flex;
        flex-direction: row;
        cursor: pointer;
        transition: all 0.3s ease 0s;
        border: solid;
        border-color: rgb(0 0 0 / 6%);
        text-align:center;
        border-radius: 10px;
    }

        .card:hover {
            transform: translateY(-7px);
        }

    @media only screen and (max-width: 1000px) {
        .card {
            grid-column-end: span 4;
        }
    }

    @media only screen and (max-width: 700px) {
        main {
            grid-column-end: span 3;
            grid-gap: 20px;
        }

        .card {
            grid-column-end: span 4;
        }
    }

    @media only screen and (max-width: 500px) {

        .card {
            grid-column-end: span 10;
        }
    }
    @media (max-width: 767px) {
        .card-center {
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
   
        /* Fix for card layout on mobile */
        .col-xs-12.card {
            display: flex;
            height: auto;
        }
        /* Image container fix */
        .imgdiv {
            height: 200px; /* Fixed height for image container */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden; /* Prevents image overflow */
        }
   
            /* Responsive image fix */
            .imgdiv img {
                width: auto;
                height: 100%;
                max-height: 200px;
                object-fit: contain; /* Ensures full image is visible */
            }
   
        /* Thumbnail adjustment */
        .img-thumbnail {
            border: none !important; /* Removes border */
            max-width: 100%;
        }
    }
   

    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 7px;
        padding-left: 7px;
    }

    .h2, h2 {
        font-size: 17px;
        font-weight: 600;
    }

    .team_columns_item_image {
        padding-top: 7px;
        padding-bottom: 7px;
        width: 150px;
        height: 370px;
    }

    .team_columns_item_caption {
        padding: 0px;
        padding-bottom: 0px;
        /* height: 180px; */
        padding-top: 10px;
    }

    .offer {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 18px 12px;
        border-color: #0372a0 #0372a0 transparent;
        position: absolute;
        /* bottom: 0; */
        right: 24px;
        z-index: 0;
    }

        .offer > h6 {
            color: white;
            font-weight: bold;
            width: 30px;
            margin: -15px;
            margin-top: -22px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
            font-size: 1.2rem;
        }

    .disc {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 32px 35px 29px;
        border-color: red red transparent;
        position: absolute;
        right: 7px;
        z-index: 0;
        cursor: default;
    }

        .disc > h6 {
            color: yellow;
            font-weight: bold;
            width: 30px;
            margin: -15px;
            margin-top: -30px;
            display: block;
            line-height: 1.3;
            font-size: 11px;
        }

        .disc > h5 {
            color: yellow;
            font-weight: bold;
            width: 76px;
            margin: -35px;
            margin-top: 16px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
        }

    .new {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 18px 12px;
        border-color: #aba9a9 #aba9a9 transparent;
        position: absolute;
        left: 24px;
        z-index: 0;
    }

        .new > h6 {
            color: red;
            font-weight: bold;
            width: 30px;
            margin: -15px;
            margin-top: -22px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
            font-size: 1.2rem;
        }

    .soon {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 18px 12px;
        border-color: rgb(23, 62, 112) rgb(23, 62, 112) transparent;
        position: absolute;
        /* bottom: 0; */
        left: 24px;
        z-index: 0;
    }

        .soon > h6 {
            color: #fff;
            font-weight: bold;
            width: 30px;
            margin: -15px;
            margin-top: -22px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
            font-size: 1.2rem;
        }

    .best {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 18px 12px;
        border-color: #6d2d96 #6d2d96 transparent;
        position: absolute;
        /* bottom: 0; */
        left: 24px;
        z-index: 0;
    }

        .best > h6 {
            color: white;
            font-weight: bold;
            width: 30px;
            margin: -13px;
            margin-top: -22px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
            font-size: 1.2rem;
        }

    .panel-body {
        padding: 0px;
    }

    #PanelFilter {
        margin-bottom: 4px;
    }
}

@media (hover:hover) {

    main {
        display: grid;
        grid-template-columns: 1fr repeat(12, minmax(auto, 60px)) 1fr;
        grid-gap: 40px;
        padding: 60px 0;
    }

    .text--medium {
        font-size: 16px;
        line-height: 20px;
        font-weight: 400;
    }

    .cards {
        grid-column: 1 / span 20;
        display: grid;
        grid-template-columns: repeat(20, minmax(auto, 100px));
        margin-bottom: 10px;
    }

    .card {
        grid-column-end: span 4;
        grid-template-columns: 10px repeat(6, 3fr) 10px;
        background-color: white;
        border: solid;
        border-color: rgb(0 0 0 / 8%);
        border-width: thick;
        min-width: 150px;
        min-height: 150px;
        text-align:center;
    }

        .card:hover {
            transform: translateY(-7px);
        }

    @media only screen and (max-width: 1000px) {
        .card {
            grid-column-end: span 3;
            grid-template-columns: 10px repeat(6, 3fr) 10px;
        }
    }

    @media only screen and (max-width: 800px) {
        main {
            grid-gap: 20px;
        }

        .card {
            grid-column-end: span 5;
        }
    }

    @media only screen and (max-width: 420px) {
        main {
            grid-template-columns: 10px repeat(6, 1fr) 10px;
            grid-gap: 10px;
        }

        .cards {
            grid-column: 2 / span 6;
            grid-template-columns: repeat(6, 1fr);
            grid-gap: 20px;
        }

        .card {
            grid-column-end: span 6;
        }
    }


    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-right: 7px;
        padding-left: 7px;
    }

    .btn {
        border-radius: 0px;
    }

    .team_columns_item_image {
        padding-top: 7px;
        padding-bottom: 7px;
        width: 218px;
        height: 355px;
    }

    .team_columns_item_caption {
        padding: 0px;
        padding-bottom: 0px;
        /* height: 180px; */
        padding-top: 10px;
    }

    .offer {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 18px 12px;
        border-color: #0372a0 #0372a0 transparent;
        position: absolute;
        right: 24px;
        z-index: 0;
    }

        .offer > h6 {
            color: white;
            font-weight: bold;
            width: 30px;
            margin: -15px;
            margin-top: -22px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
            font-size: 1.2rem;
        }

    .disc {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 32px 35px 29px;
        border-color: red red transparent;
        position: absolute;
        right: 7px;
        z-index: 0;
        cursor: default;
    }

        .disc > h6 {
            color: yellow;
            font-weight: bold;
            width: 30px;
            margin: -15px;
            margin-top: -30px;
            display: block;
            line-height: 1.3;
            font-size: 11px;
        }

        .disc > h5 {
            color: yellow;
            font-weight: bold;
            width: 76px;
            margin: -35px;
            margin-top: 16px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
        }

    .new {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 18px 12px;
        border-color: #aba9a9 #aba9a9 transparent;
        position: absolute;
        left: 24px;
        z-index: 0;
    }

        .new > h6 {
            color: red;
            font-weight: bold;
            width: 30px;
            margin: -15px;
            margin-top: -22px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
            font-size: 1.2rem;
        }

    .soon {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 18px 12px;
        border-color: rgb(23, 62, 112) rgb(23, 62, 112) transparent;
        position: absolute;
        left: 24px;
        z-index: 0;
    }

        .soon > h6 {
            color: #fff;
            font-weight: bold;
            width: 30px;
            margin: -15px;
            margin-top: -22px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
            font-size: 1.2rem;
        }

    .best {
        display: inline-block;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 35px 18px 12px;
        border-color: #6d2d96 #6d2d96 transparent;
        position: absolute;
        left: 24px;
        z-index: 0;
    }

        .best > h6 {
            color: white;
            font-weight: bold;
            width: 30px;
            margin: -13px;
            margin-top: -22px;
            display: block;
            line-height: 1.3;
            font-size: 12px;
            font-size: 1.2rem;
        }

    .panel-body {
        padding: 0px;
    }

    #PanelFilter {
        margin-bottom: 4px;
    }
}
.team_columns_carousel_wrapper {
    padding: 25px;
    overflow: hidden
}
.team_columns_carousel_control_left,
.team_columns_carousel_control_right {
    top: 26px;
    z-index: 2;
    opacity: 1;
    width: 35px;
    height: 35px;
    border: 0;
    text-shadow: none;
    text-align: center;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}
.team_columns_carousel_control_icons {
    line-height: 35px;
    font-size: 20px!important;
    font-weight: normal!important;
    margin-top:8px;
}
.team_columns_carousel_control_left {
    left: 26px!important
}
.team_columns_carousel_control_right {
    left: 63px!important
}
.adv_left {
    left: 41px!important
}
.adv_right {
    left: 78px!important
}
.team_columns_item_image {
    padding-top: 60px;
    padding-bottom: 25px
}
.team_columns_item_image img {
    width: 100%;
    /*z-filter: grayscale(70%);
    -ms-filter: grayscale(70%);
    -o-filter: grayscale(70%);
    filter: grayscale(70%);
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s*/
}
.team_columns_item_image:hover img {
    /*-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%)*/
}
.team_columns_item_caption {
    /* display:flex;
    flex-direction: column;
    justify-content: center; */
    padding: 10px;
    padding: 10px;
    text-align: center;
    padding-bottom: 30px
}
.team_columns_item_caption>hr {
    width: 15%
}
.team_columns_item_caption h4 {
    font-weight: 800;
    text-transform: uppercase;
    /* font-family: 'Open Sans', sans-serif */
}
.team_columns_item_caption h5 {
    font-weight: 600;
    text-transform: uppercase;
    /* font-family: 'Open Sans', sans-serif */
}
.team_columns_item_caption p {
    font-weight: 400;
    margin-top: 20px;
    /* font-family: 'Open Sans', sans-serif */
}
.team_columns_item_caption p a,
.team_columns_item_caption p a:visited {
    text-decoration: none;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}
.team_columns_item_social a,
.team_columns_item_social a:visited {
    width: 25px;
    float: left;
    height: 25px;
    display: block;
    line-height: 25px;
    margin-right: 2px;
    text-decoration: none;
    -webkit-transition: background ease-in-out .3s;
    transition: background ease-in-out .3s
}
em_social a:visited {
        margin-right: 0
    }

.team_columns_carousel_wrapper {
    background: #fff
}
.team_columns_carousel_control_left,
.team_columns_carousel_control_left:hover,
.team_columns_carousel_control_left:active,
.team_columns_carousel_control_left:focus,
.team_columns_carousel_control_right,
.team_columns_carousel_control_right:hover,
.team_columns_carousel_control_right:active,
.team_columns_carousel_control_right:focus {
    color: #fff;
    background: #feb600!important
}
.team_columns_item_caption {
    /* display: inline-table; */
    /*color: #fff;
    background: #171717*/
}
.team_columns_item_caption>hr {
    border-top: 2px solid #feb600
}
.team_columns_item_caption p a,
.team_columns_ite171717

.team_columns_item_caption>hr {
    border-top: 2px solid #feb600
}
.team_columns_item_caption p a,
.team_columns_item_caption p a:visited {
    color: #feb600
}
.team_columns_item_caption p a:hover,
.team_columns_item_caption p a:active {
    color: #cb9200
}
.team_columns_item_social a,
.team_columns_item_social a:visited {
    color: #171717;
    background: #feb600
}
.team_columns_item_social a:hover,
.team_columns_item_social a:active {
    background: #cb9200
}
.four_shows_one_move .cloneditem-1,
.four_shows_one_move .cloneditem-2,
.four_shows_one_move .cloneditem-3 {
    display: none
}
@media all and (min-width: 768px) {
    .four_shows_one_move .carousel-inner>.active.left,
    .four_shows_one_move .carousel-inner>.prev {
        left: -50%
    }
    .four_shows_one_move .carousel-inner>.active.right,
    .four_shows_one_move .carousel-inner>.next {
        left: 50%
    }
    .four_shows_one_move .carousel-inner>.left,
    .four_shows_one_move .carousel-inner>.prev.right,
    .four_shows_one_move .carousel-inner>.active {
        left: 0
    }
    .four_shows_one_move .carousel-inner .cloneditem-1 {
        display: block
    }
}
@media all and (min-width: 768px) and (transform-3d),
all and (min-width: 768px) and (-webkit-transform-3d) {
    .four_shows_one_move .carousel-inner>.item.active.right,
    .four_shows_one_move .carousel-inner>.item.next {
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
        left: 0
    }
    .four_shows_one_move .carousel-inner>.item.active.left,
    .four_shows_one_move .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
        left: 0
    }
    .four_shows_one_move .carousel-inner>.item.left,
    .four_shows_one_move .carousel-inner>.item.prev.right,
    .four_shows_one_move .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}
@media all and (min-width: 992px) {
    .four_shows_one_move .carousel-inner>.active.left,
    .four_shows_one_move .carousel-inner>.prev {
        left: -25%
    }
    .four_shows_one_move .carousel-inner>.active.right,
    .four_shows_one_move .carousel-inner>.next {
        left: 25%
    }
    .four_shows_one_move .carousel-inner>.left,
    .four_shows_one_move .carousel-inner>.prev.right,
    .four_shows_one_move .carousel-inner>.active {
        left: 0
    }
    .four_shows_one_move .carousel-inner .cloneditem-2,
    .four_shows_one_move .carousel-inner .cloneditem-3 {
        display: block
    }
}
@media all and (min-width: 992px) and (transform-3d),
all and (min-width: 992px) and (-webkit-transform-3d) {
    .four_shows_one_move .carousel-inner>.item.active.right,
    .four_shows_one_move .carousel-inner>.item.next {
        -webkit-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
        left: 0
    }
    .four_shows_one_move .carousel-inner>.item.active.left,
    .four_shows_one_move .carousel-inner>.item.prev {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
        left: 0
    }
    .four_shows_one_move .carousel-inner>.item.left,
    .four_shows_one_move .carousel-inner>.item.prev.right,
    .four_shows_one_move .carousel-inner>.item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        left: 0
    }
}