.bg-gray-1100 {
    background-color: #000000;
    /* margin-top: 30px; */
}

.pt-80 {
    padding-top: 8rem;
  }

  .vide_area {
    width:100%;
    height:400px;
    border:solid 1px #ffffff52;
}

#demo .carousel-item {
    background-size:cover;
    background-color:#000;
}

@media (max-width: 1024px)
  {
    #demo .carousel-item{
        height: 314px;
        /*margin-top: 50px;*/
        padding: 7px;
      }

    }

    .carousel {
        position: relative
    }

    .carousel.pointer-event {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

    .carousel-inner::after {
        display: block;
        clear: both;
        content: ""
    }

    .carousel-item {
        position: relative;
        display: none;
        float: left;
        width: 100%;
        margin-right: -100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition: -webkit-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
    }

    @media(prefers-reduced-motion:reduce) {
        .carousel-item {
            transition: none
        }
    }

    .carousel-item.active,
    .carousel-item-next,
    .carousel-item-prev {
        display: block
    }

    .carousel-item-next:not(.carousel-item-left),
    .active.carousel-item-right {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .carousel-item-prev:not(.carousel-item-right),
    .active.carousel-item-left {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-property: opacity;
        -webkit-transform: none;
        transform: none
    }

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1
    }

    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        z-index: 0;
        opacity: 0;
        transition: opacity 0s .6s
    }

    @media(prefers-reduced-motion:reduce) {
        .carousel-fade .active.carousel-item-left,
        .carousel-fade .active.carousel-item-right {
            transition: none
        }
    }

    .carousel-control-prev,
    .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 1;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 15%;
        color: #fff;
        text-align: center;
        opacity: .5;
        transition: opacity .15s ease
    }

    @media(prefers-reduced-motion:reduce) {
        .carousel-control-prev,
        .carousel-control-next {
            transition: none
        }
    }

    .carousel-control-prev:hover,
    .carousel-control-prev:focus,
    .carousel-control-next:hover,
    .carousel-control-next:focus {
        color: #fff;
        text-decoration: none;
        outline: 0;
        opacity: .9
    }

    .carousel-control-prev {
        left: 0
    }

    .carousel-control-next {
        right: 0
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50%/100% 100%
    }

    .carousel-control-prev-icon {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J001LjI1IDBsLTQgNCA0IDQgMS41LTEuNUw0LjI1IDRsMi41LTIuNUw1LjI1IDB6Jy8+PC9zdmc+)
    }

    .carousel-control-next-icon {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGQ9J00yLjc1IDBsLTEuNSAxLjVMMy43NSA0bC0yLjUgMi41TDIuNzUgOGw0LTQtNC00eicvPjwvc3ZnPg==)
    }

    .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 15;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0;
        margin-right: 15%;
        margin-left: 15%;
        list-style: none
    }

    .carousel-indicators li {
        box-sizing: content-box;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: .5;
        transition: opacity .6s ease
    }

    @media(prefers-reduced-motion:reduce) {
        .carousel-indicators li {
            transition: none
        }
    }

    .carousel-indicators .active {
        opacity: 1
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center
    }

    @-webkit-keyframes spinner-border {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes spinner-border {
        to {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .spinner-border {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        border: .25em solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spinner-border .75s linear infinite;
        animation: spinner-border .75s linear infinite
    }

    .spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: .2em
    }

    @-webkit-keyframes spinner-grow {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        50% {
            opacity: 1
        }
    }

    @keyframes spinner-grow {
        0% {
            -webkit-transform: scale(0);
            transform: scale(0)
        }
        50% {
            opacity: 1
        }
    }

    .spinner-grow {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        vertical-align: text-bottom;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        -webkit-animation: spinner-grow .75s linear infinite;
        animation: spinner-grow .75s linear infinite
    }

    .spinner-grow-sm {
        width: 1rem;
        height: 1rem
    }

    .slick-cloned [data-hs-slick-carousel-slide-animated-element-animation] {
        opacity: 0
    }

    .dark .owl-carousel .item:hover .youtube_symbol {
        background-color: rgb(241 139 3);
        opacity: 1;
    }

    #demo .carousel-item {
        background-size:cover;
        background-color:#000;
    }

    .js-slick-carousel {
        overflow:visibility !important;
    }

    .js-slick-carousel.slick-slider {
        overflow:visible;
    }

    .js-slick-carousel.slick-slider .slick-list {
        overflow:hidden;
    }

    @media (max-width: 1024px)
    {
    .carousel-item{
       height: 350px;
       top: 20px;

    }
  }

  @media (max-width: 1024px)
  {
    #demo .carousel-item{
        height: 314px;
        /*margin-top: 50px;*/
        padding: 7px;
      }

    }

    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        height: 100% !important;
        /* object-fit: cover; */
        object-fit: fill;
    }

    .dark .owl-carousel .item:hover .youtube_symbol {
        background-color: rgb(241 139 3);
        opacity: 1;
        display: none;
    }

    .r_img {
        width:100%;
        height:397px;
        position:relative;
    }


    .r_img{
        width:100%;
        height:398px;
        object-ft:cover;
        position:relative;
    }

    .r_img:after {
        content:'';
        position:absolute;
        width:200px;
        height:100%;
        left:0;
        top:0;
        bottom:0;
        background:linear-gradient(272deg, #000f1e00, #0000001a, #000000, #000000);
    }

    .big_title {
        font-size: 30px;
        color: #fff;
        font-weight: 700;
    }

    .small_title {
        font-size: 16px;
        font-weight: 500;
    }

    @media(max-width: 575px){
        .big_title{font-size:20px !important;}
        .custom-mb-description{font-size:13px !important;}
    }

    .custom-big-title{
        color: #dfa326 !Important;
    }

    .category_title{
        font-size:16px !important;
    }

    .light_grey_text {
        color:#999797;
    }


    .text-white {
        color: #fff !important;
    }