.elementor-94888 .elementor-element.elementor-element-ecf0f76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-94888 .elementor-element.elementor-element-956e2e6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.5em;font-weight:500;color:#CCCCCC;}.elementor-94888 .elementor-element.elementor-element-c664c3a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 0px 5px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:5px;border-color:#F12C39;--border-color:#F12C39;--padding-top:0px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-94888 .elementor-element.elementor-element-c664c3a:not(.elementor-motion-effects-element-type-background), .elementor-94888 .elementor-element.elementor-element-c664c3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;}.elementor-94888 .elementor-element.elementor-element-1a0c9b7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:1.2em;font-weight:400;color:#FFFFFF;}.elementor-94888 .elementor-element.elementor-element-1a0c9b7 > .elementor-widget-container{padding:10px 0px 10px 20px;border-style:none;}.elementor-94888 .elementor-element.elementor-element-1a0c9b7{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;}.elementor-94888 .elementor-element.elementor-element-675fb17 > .elementor-widget-container{margin:0px 10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-94888 .elementor-element.elementor-element-675fb17{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-94888 .elementor-element.elementor-element-46b9522{--display:flex;}.elementor-94888 .elementor-element.elementor-element-0eec07f > .elementor-widget-container{margin:0px 10px 0px 0px;padding:0px 0px 0px 0px;}.elementor-94888 .elementor-element.elementor-element-0eec07f{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-94888 .elementor-element.elementor-element-c664c3a{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-94888 .elementor-element.elementor-element-46b9522{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-94888 .elementor-element.elementor-element-0eec07f{--container-widget-width:200px;--container-widget-flex-grow:0;width:var( --container-widget-width, 200px );max-width:200px;}}@media(min-width:768px){.elementor-94888 .elementor-element.elementor-element-ecf0f76{--content-width:1280px;}}/* Start custom CSS for html, class: .elementor-element-675fb17 */.filter-container{
    width:100%;
    background-color: #222!important;
    border-top: 8px solid #282828!important;
    border-color: #282828!important;
}

select {
    background: #222;
    padding: 8px 40px 8px 20px;
    font-size: 12px;
    font-weight: 400;
    border: none !important;
}

select:focus {
    outline: none;
}

.cust-icon{
    position: absolute;
    top: 55%;
    left: 160px;
    transform: translateY(-42%);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0eec07f */@media screen and (max-width:768px){
    .filter-container{
        border-top: none !important;
    }
    
    select {
        background: #222;
        padding: 10px 40px 10px 20px;
        font-size: 12px;
        font-weight: 400;
        border: none !important;
    }
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-14b7256 */.video-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(225px, 1fr)); /* Adjust the column width as needed */
    gap: 10px;
}

.video-title {
    font-weight: 400;
    text-align: center;
    height: 3em;
    overflow: hidden;
    color: #ddd;
    display: block;
    font-size: .875em;
    width: 100%;
    margin-top: 10px; /* Adjust the top margin as needed */
}

.video-item{
    padding-bottom: 20px;
    cursor: pointer;
}

.video-item .img-container {
    height: 190px;
}

.video-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-item {
    position: relative;
}

span.views,
span.duration {
    background: rgba(0,0,0,.8);
    color: #fff;
    top: -35px;
    position: relative;
    font-size: 10px;
    z-index: 1;
    margin-left: 5px;
    padding: 0 5px;
    height: 21px;
    display: inline-block;
    vertical-align: middle;
}

span.duration {
    position: absolute;
    top: 165px;
    right: 5px;
}

.video-title {
    font-weight: 400;
    text-align: center;
    height: 3em;
    overflow: hidden;
    color: #ddd;
    display: block;
    font-size: .875em;
    width: 100%;
    margin-top: 10px; /* Adjust the top margin as needed */
}

.pagination {
    clear: both;
    display: table;
    margin: 0 auto;
}

.pagination ul {
    list-style: none;
    overflow: hidden;
    padding: 2em 0 0;
}

.pagination ul li {
    float: left;
    margin: 0 0.5em 0.5em;
    display: block;
}

.pagination .current{
    border-color: #fd153a!important;
    background-color: #fd153a!important;
}

.pagination li{
    background-color: #333!important;
    border-color: #333!important;
    outline: none;
    border: 1px solid;
    padding: 0.4em 0.8em;
    color: #fff;
    cursor: pointer;
}

.pagination li:hover{
    border-color: #fd153a!important;
    background-color: #fd153a!important;
}

.rotating-image {
    width: 250px;
    height: 250px;
    background: url(/wp-content/uploads/2024/01/23186925.png) center/cover no-repeat;
    transform: translate(-50%, -50%);
    animation: rotateAnimation 5s linear infinite;
    position: relative;
    z-index: 2;
    margin: 100px auto -150px;
}

@keyframes rotateAnimation {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.installDialog{
    display:none;
}

@media screen and (max-width:900px){
    .installDialog {
		position: fixed;
		width: 60%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #000;
		padding: 20px;
		border: 1px solid #ccc;
		border-radius: 5px;
		text-align: center;
		z-index: 6;
		color: #fff;
	}
}/* End custom CSS */