#{$prefix}-main-slider-wrapper {
	position: relative;
	#{$prefix}-main-slider-initialize {
		// margin-top: 30px;
		@include mobile {
			margin-top: 15px;
		}
		#{$prefix}-main-single-slide {
	     	height: 500px;
		    position: relative;
		    flex-direction: column;
		    justify-content: center;
		    align-items: center;
		    .royanews-main-single-slider-img {
		    	a {
		    		img {
		    			position: absolute;
					    width: 100%;
					    height: 100%;
					    object-fit: cover;
					    background-repeat: no-repeat;
					    background-size: cover;
					    background-position: center;
		    		}
		    	}
		    }
			&:after {
			    content: "";
			    position: absolute;
			    background: #000000;
			    top: 0;
			    left: 0;
			    z-index: 9;
			    width: 100%;
			    height: 100%;
			    opacity: 0.7;
			}
			#{$prefix}-slider-data {
				background: transparent;
				width: 100%;
			    color: #fff;
			    vertical-align: middle;
			    text-align: center;
			    padding: 15px;
			    position: absolute;
			    bottom: 10%;
			    left: 0;
			    z-index: 999;

			    @include mobile {
			    	flex: 0 0 100%;
					max-width: 100%;
					height: 250px;
			    }
			    #{$prefix}-readmore-wrap {
			    	margin: 15px 0;
			    	a {
			    		color: #fff;
			    		text-decoration: underline;
			    		&:hover {
			    			color: #f67280;
			    			text-decoration: none;
			    		}
			    		i {
			    			margin-left: 5px;
			    		}
			    	}
			    }
			    #{$prefix}-post-categories {
				    list-style: none;
				    margin: 0;
				    padding: 0;
				    display: flex;
				    justify-content: center;
				    align-items: center;
				    li {
				    	text-align: center;
				    	margin-right: 7px;
				    	a {
				    		text-align: center;
				    		clear: both;
						    color: #fff;
						    display: inline-block;
						    font-size: 10px;
						    margin-bottom: 5px;
						    padding: 5px 8px;
						    background: #f92a28;
						    line-height: 15px;
						    text-transform: uppercase;
						    font-weight: 600;
						    &:hover {
						    	background: #f67280;
						    }
				    	}
				    }
				}
				h2 {
					font-size: 20px;
					a {
						color: #fff;
						&:hover {
							color: #f67280;
						}
					}
				}
				#{$prefix}-slider-meta {
				    display: flex;
				    justify-content: center;
				    margin-bottom: 15px;
				    #{$prefix}-post-author {
				    	margin-right: 5px;
					    #{$prefix}-author-text {
					    	font-size: 13px;
						    color: #fff;
						    opacity: 0.9;
						    text-transform: capitalize;
						    
					    }
					    a {
					    	font-size: 13px;
						    color: #fff;
						    opacity: 0.9;
						    letter-spacing: normal;
						    text-transform: capitalize;
						    margin-right: 5px;
					    } 
					}
					#{$prefix}-posted-on {
				    	a {
				    		font-size: 13px;
						    color: #fff;
						    opacity: 0.9;
						    text-transform: capitalize;
				    	}
				    }
				}
				#{$prefix}-slider-excerpt {
					p {
						font-size: 16px;
						color: #fff;
						opacity: 0.9;
					}
				}
			}
		}
	}

}

// news-slider
.royalnews-banner-slider-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    .royalnews-slider-left-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
        @include mobile {
           	flex: 0 0 100%;
        	max-width: 100%;
        }
    }
    .royalnews-slider-right-wrapper {
        flex: 0 0 50%;
        max-width: 50%;
        @include mobile {
           	flex: 0 0 100%;
        	max-width: 100%;
        }
        .royalnews-banner-post {
            display: flex;
            flex-wrap: wrap;
            
            .royalnews-main-single-slide {
                flex: 0 0 48%;
			    max-width: 50%;
			    width: 100%;
			    height: 245px;
			    position: relative;
			    margin: 0 0 10px 10px;
			    .royanews-main-single-slider-img {
			    	a {
			    		img {
						    position: absolute;
						    width: 100%;
						    height: 100%;
						    object-fit: cover;
						    background-repeat: no-repeat;
						    background-position: center;
						    background: #000;
						    opacity: 1;
			    		}
			    	}
			    }
                @include mobile {
			    	flex: 0 0 100%;
					max-width: 100%;
					margin: 0 0 10px;
			    }
                .royalnews-slider-data {
                    padding: 100px 20px 20px 20px;
				    background-image: linear-gradient(to bottom, rgb(0 0 0 / 70%) 0, rgb(0 0 0 / 70%) 50%, rgb(0 0 0) 100%);
				    position: absolute;
				    bottom: 0;
				    right: 0;
				    left: 0;
				    top: 0;
                    .royalnews-post-categories {
                        padding: 0;
                        margin: 0;
                        list-style: none;
                        li {
                            display: inline-block;
                            a {
                                clear: both;
                                color: #fff;
                                display: inline-block;
                                font-size: 10px;
                                margin-bottom: 5px;
                                padding: 5px 8px;
                                background: #f92a28;
                                line-height: 15px;
                                text-transform: uppercase;
                                font-weight: 600;
                                &:hover {
                                	background: #f67280;
                                }
                            }
                        }
                    }
                    h2 {
                        margin: 0 0 15px;
                        font-style: normal;
                        font-weight: 500;
                        line-height: 1.5;
                        font-size: 17px;
                        color: #fff;
                        letter-spacing: 0.3px;
                        opacity: 0.9;
                        a {
                            opacity: 1;
                            color: #fff;
                            &:hover {
                            	color: #f67280;
                            }
                        }
                    }
                    .royalnews-slider-meta {
					    display: flex;
					    flex-wrap: wrap;
					    align-items: center;
					    .royalnews-post-author:not(:last-child) {
						    margin-right: 0.5rem;
						    .royalnews-author-text {
							    color: #fff;
							    font-weight: 500;
							    font-size: 14px;
							}
							.royalnews-author-link {
								color: #fff;
							    font-weight: 300;
							    font-size: 14px;
							}
						}
						.royalnews-posted-on {
							a {
								color: #fff;
							    font-weight: 300;
							    font-size: 14px;
							}
						}
					}
                }
            }
        }
    }
}