/*===========================================================================
    Slider Css ( Slider Skin Folio )
===========================================================================*/
.bdt-prime-slider-skin-folio {
    position: relative;

    .bdt-ps-blog-btn {
		display: inline-block;
		margin-top: clamp(1.875rem, 4vw, 2rem);
	}
    .bdt-prime-slider-desc {
        margin-bottom: clamp(4.063rem, 9vw, 7.5rem);
    }
	.bdt-slide-btn {
		font-size: clamp(0.75rem, 1.5vw, 0.875rem);
		font-weight: 700;
		padding: clamp(0.375rem, 1vw, 0.75rem) clamp(0.75rem, 2.5vw, 1.5rem);
		color: #fff;
		border: 2px solid #fe506c;
		border-radius: 40px;
		transition: all 0.3s ease;
		outline: none;
		text-transform: uppercase;
		position: relative;
		transition: all 0.3s ease;
		overflow: hidden;
		display: inline-block;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			width: 0px;
			background-color: #fe506c;
			z-index: 1;
			transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1) 0s;
		}

		&:hover {
			color: #fff;
			background-color: transparent;
			text-shadow: nthree;

			&::before {
				left: 0;
				right: auto;
				width: 100%;
			}

			.bdt-slide-btn-icon {
				svg {
					transform: scale(1.1) translateX(5px);

					* {
						stroke: #fff;
					}
				}
			}
		}

		.bdt-slide-btn-icon {
			margin-left: clamp(0.5rem, 1.5vw, 0.938rem);
			display: inline-flex;

			svg {
				color: #fff;
				transition: all 0.3s ease;

				* {
					stroke: #fff;
				}
			}
		}

		.bdt-prime-slider-button-text {
			z-index: 10;
			position: relative;
		}
	}

    .bdt-overlay-default {
        background: rgba(0, 0, 0, 0.5);
    }

    .bdt-blog-text {
        font-size: 14px;
        color: #fff;
        padding-top: clamp(0.938rem, 3vw, 1.875rem);
        max-width: 825px;
        display: inline-block;

        * {
            margin: 0;
        }
    }

    .bdt-prime-slider-desc {
        padding: 20px 30px 0;
        position: relative;
        .bdt-main-title {
            display: inline-block;
        }
        .bdt-title-tag {
            font-size: clamp(1.5rem, 5vw, 3.75rem);
            font-weight: 700;
            margin: clamp(0.938rem, 3vw, 1.875rem) 0 0 0;
            a {
                color: #fff;
                outline: none;
            }
        }
    }

    .bdt-ps-category {
        display: inline-block;
        a {
            display: inline-block;
            color: #fff;
            padding: clamp(0.25rem, 1vw, 0.375rem) clamp(0.5rem, 1.3vw, 0.75rem);
            background: #3fb8fd;
            font-size: clamp(0.625rem, 1vw, 0.75rem);
            text-transform: uppercase;
            font-weight: 600;
            transition: all .3s ease;
        }
    }

    .bdt-ps-meta-wrap {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #000;
        padding: 0 clamp(1.875rem, 8vw, 6.25rem);
        height: clamp(4.063rem, 9vw, 7.5rem);
        width: 100%;
        display: flex;
        align-items: center;
        gap: 40px;
    }

    .bdt-ps-meta-content {
        // background: #000;
        padding: 0 clamp(1.875rem, 8vw, 6.25rem);
        height: clamp(4.063rem, 9vw, 7.5rem);
        .bdt-social-icon {
            margin-left: auto;
        }
    }

    .bdt-prime-slider-meta {
        * {
        color: #ddd;
        opacity: 0.8;
    }
    strong {
        color: #fff;
        opacity: 1;
    }
    }
    .bdt-post-slider-author img {
        width: 48px;
        height: 48px;
        display: flex;
    }

    .bdt-ps-meta {
        .bdt-meta-icon {
            height: 48px;
            width: 48px;
            display: flex;
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 60px;
            justify-content: center;
            margin-right: 6px;
            svg {
                width: 16px;
                color: #fff;
            }
            img {
                width: 100%;
            }
        }

        .bdt-meta-text {
            span {
                display: block;
                color: #ddd;
                font-size: 14px;
            }
            * {
                opacity: 0.8;
            }
            strong {
                color: #fff;
                opacity: 1;
            }
        }
    }

    .bdt-meta-author span {
        font-size: clamp(0.75rem, 1.4vw, 0.875rem);
    }
    .bdt-social-icon {
        .bdt-social-icon-item-wrap {
            gap: 10px;
        }
        h3 {
            display: none;
            font-size: 12px;
            text-transform: uppercase;
            color: #fff;
            padding-right: 20px;
            margin: 0;
        }
        a {
            font-size: 12px;
            // margin: 0 5px;
            display: flex;
            padding: clamp(0.5rem, 1.4vw, 0.75rem);
            border-radius: 40px;
            background: rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            border: 1px solid #fff;
            &::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                height: 50%;
                width: 50%;
                transform: translate(-50%, -50%);
                background-color: #3fb8fd;
                border-radius: 50%;
                transition: all 0.3s ease;
                opacity: 0;
            }
            &:hover {
                i, svg {
                    z-index: 1;
                }

                &::before {
                    height: 100%;
                    width: 100%;
                    opacity: 1;
                }
            }
            i {
                color: #fff;
                z-index: 1;
                position: relative;
            }
            svg {
                fill: #fff;
            }
            i, svg {
                width: 1em;
                height: 1em;
            }
            span {
                display: inline-flex;
            }
        }
    }

    .bdt-slideshow-item {
        .bdt-ps-slide-img {
            max-width: inherit;
            height: 100%;
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
        }
    }
}

/*===========================================================================
    Responsive Css ( Slider Blog )
===========================================================================*/
@media (min-width: 768px) {
    .bdt-prime-slider-skin-folio {
        .bdt-social-icon  h3 {
            display: inherit;
        }
        .bdt-prime-slider-desc {
            padding-bottom: 0;
            margin-top: 0;
        }
    }
}

@media (min-width: 1024px) {
    .bdt-prime-slider-skin-folio .bdt-prime-slider-desc {
       padding-left: 0px;
    }
}