/* ============================================
   SmmDad - Main Stylesheet
   Extracted from homepage template
   ============================================ */

/* ---- Utility ---- */
.prem {
    border: 1px solid #ced4da !important;
}

/* ---- CSS Variables / Root ---- */
:root {
    --color-id-68: #DDE7F5;
    --color-id-69: #1E293B;
    --color-id-71: #F5F9FF;
    --color-id-75: #FFFFFF;

    /* Main Blue Theme */
    --color-id-73: #DDE7F5;
    --color-id-77: #0D6EFD;
    --color-id-78: #F5F9FF;
    --color-id-79: #3D8BFD;

    --text-dark: var(--color-id-69);
    --text-white: var(--color-id-75);
    --link: var(--color-id-77);

    /* Card */
    --card_background_color: #FFFFFF;
    --card_text_color: #1E293B;
    --card_border_color: #DDE7F5;
    --card_box_shadow: 0 4px 15px rgba(13, 110, 253, .08);

    /* Pagination */
    --pagination_box_shadow: none;
    --pagination_text_color: #1E293B;
    --pagination_background_color: transparent;
    --pagination_border_color: transparent;
    --pagination_hover_text_color: #1E293B;
    --pagination_hover_background_color: #DDE7F5;
    --pagination_hover_border_color: transparent;
    --pagination_active_text_color: #FFFFFF;
    --pagination_active_background_color: #0D6EFD;
    --pagination_active_border_color: #0D6EFD;
}

/* ---- Body ---- */
.body-public {
    background: var(--color-id-71);
    color: var(--text-dark);
}

.body-internal {
    background: var(--color-id-71);
    color: var(--text-dark);
}

/* ---- Typography ---- */
.text-white {
    color: var(--color-id-75);
}

.text-dark {
    color: var(--color-id-69);
}

.body a,
.body a:focus {
    color: var(--color-id-77);
}

.alert-rtl .alert {
    text-align: right;
}

/* ---- Table ---- */
.table-responsive .table-service {
    min-width: 310px;
}

/* ---- Sign-in Title (H1 Gradient) ---- */
.block-signin__title h1 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 900;
    background: linear-gradient(135deg, #0D6EFD, #00BFFF, #38BDF8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow:
        0 2px 5px rgba(0, 0, 0, .10),
        0 8px 20px rgba(13, 110, 253, .25),
        0 15px 35px rgba(0, 191, 255, .15);
    margin-bottom: 12px;
    letter-spacing: -1px;
}

/* ---- Sign-in Subtitle (H2) ---- */
.block-signin__title h2 {
    font-size: 22px;
    font-weight: 700;
    color: #1E293B;
    text-shadow:
        0 2px 4px rgba(0, 0, 0, .08),
        0 6px 15px rgba(13, 110, 253, .12);
    margin-bottom: 15px;
}

/* ---- Sign-in Description ---- */
.block-signin__description p {
    font-size: 16px;
    line-height: 1.9;
    color: #475569;
    max-width: 700px;
    margin: 0 auto;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}

/* ---- Google Login Button ---- */
.google-login-btn {
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-transition: background-color 0.218s, border-color 0.218s;
    transition: background-color 0.218s, border-color 0.218s;
    -webkit-user-select: none;
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dadce0;
    color: #3c4043;
    cursor: pointer;
    font-family: "Google Sans", arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
}

/* ---- Block 124 ---- */
#block_124 {
    padding-bottom: 50px !important;
}

/* ---- Block 166 (Reviews Slider) ---- */
#block_166 {
    position: relative;
    z-index: auto;
    width: 100%;
    display: flex;
    min-height: auto;
    align-items: flex-start;
    padding-top: 50px;
    padding-bottom: 120px;
}

#block_166 .bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 50%;
}

#block_166 .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-position: 9% 45%;
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: 20%;
}

#block_166 .block-divider-top {
    height: 100px;
    z-index: 0;
    transform: rotateY(0deg);
}

#block_166 .block-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 277px;
    overflow: hidden;
    color: var(--color-id-77);
    z-index: 0;
    pointer-events: none;
    transform: rotateY(0deg);
}

#block_166 .reviews-slider {
    padding-bottom: 36px;
}

#block_166 .slick-slide {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

#block_166 .slick-dots {
    bottom: -36px;
}

#block_166 .slick-dots li {
    width: 12px;
    height: 12px;
}

#block_166 .slick-dots li button {
    width: 8px;
    height: 8px;
    padding: 0px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: var(--color-id-77);
}

#block_166 .reviews-slider__slide-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-color: #eee;
}

#block_166 .reviews-slider__slide-photo {
    display: flex;
    align-items: center;
    background-size: cover;
}

#block_166 .slick-next {
    top: 50%;
}

#block_166 .slick-prev {
    top: 50%;
}

#block_166 .slick-next:before {
    content: '\f054';
    position: absolute;
    right: 0;
    top: -8px;
    font-size: 52px;
    font-weight: 300;
    color: var(--color-id-77);
}

#block_166 .slick-prev:before {
    content: '\f053';
    position: absolute;
    left: 0;
    top: -8px;
    font-size: 52px;
    font-weight: 300;
    color: var(--color-id-77);
}

#block_166 .slick-slider {
    padding-left: 8.33333%;
    padding-right: 8.33333%;
}

#block_166 .reviews-slider-rtl .reviews-slider__slide-name {
    text-align: right;
}

#block_166 .reviews-slider-rtl .reviews-slider__slide-description {
    text-align: right;
}

#block_166 .reviews-slider-rtl .reviews-slider__slide-photo {
    direction: rtl;
}