/* 
    Theme Name: Touch Ins Updated Theme
*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root {
    --primary: #0791af;

    --accent: #0791af;
    --accent-hover: #046f87;

    --secondary: #e2faff;

    --body-bg: #f7f8f9;

    --secondary-btn: #dcdcdc80;
    --secondary-btn-hover: #dcdcdc50;

    --tertiary: #f3f5f6;
}

.text-sq-accent {
    color: var(--accent);
}

.bg_secondary {
    background-color: var(--secondary);

    @media screen and (width <= 768px) {
        background: transparent;
    }
}

body {
    direction: rtl;

    padding-right: 0 !important;
    max-width: 100vw;
    overflow-x: hidden;
}

* {
    font-family: 'Rubik', sans-serif;
}

.text-gray {
    color: #313131;
}

.text-light-gray {
    color: #909090;
}

.insurance_icon {
    width: 64px;
    height: 64px;
}

.home-hero-wrapper {
    background-repeat: no-repeat;
    position: relative;
    background-size: 200% 170%;
    /* padding: 120px 0 180px 0; */
    background-position: 50% 75%;
}

.insurance_element {
    background-color: #fff;
    border: 5px solid #0791af;

    text-decoration: none;

    width: 225px;
    height: 225px;

    margin: auto;

    transition: all 250ms ease-in-out;

    @media screen and (width <= 768px) {
        & {
            width: 180px;
            height: 180px;
        }
    }
}

.insurance_element_wrapper,
.home_swiper_slide {
    width: 225px;
    height: 225px;

    @media screen and (width <= 768px) {
        & {
            width: 180px;
            height: 180px;
        }
    }
}

.insurance-arrow {
    width: 50px;
    height: 50px;
}

.cream-wave-divider {
    margin-bottom: -170px;

    @media screen and (width <= 768px) {
        & {
            margin-bottom: -53px;
        }
    }
}

.cream-wave-divider-alt {
    margin-bottom: -170px;

    @media screen and (width <= 768px) {
        & {
            margin-bottom: -105px;
        }
    }
}

.dots-bg {
    background-image: url(./assets/vector-art/dots-bg.svg);
    background-size: auto;
    background-position: bottom left;
    background-repeat: no-repeat;

    @media screen and (width <= 768px) {
        & {
            background-position: 0 233px;
            background-size: 250px;
        }
    }
}

.white-wave-divider {
    margin-top: -130px;
    margin-bottom: -130px;
    width: 100%;
}

.home-cta-wrapper {
    overflow: hidden;
    color: white;
    position: fixed;
    left: 34px;
    bottom: 34px;
    z-index: 9;
    border-radius: 10px;
    padding: 24px;

    transition: width 250ms ease-in-out, height 250ms ease-in-out;

    width: 280px;
    height: 260px;

    & .cta-subtitle {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-clamp: 3;
    }

    &.modified-size {
        width: 230px;
        height: 70px;
    }

    @media screen and (width <= 768px) {
        & {
            width: auto;
            height: auto;

            left: -35px;
            bottom: -9px;

            scale: 0.6;
        }
    }
}

.home-cta-icon {
    width: 35px;
    height: 35px;
}

.reason-card-image {
    width: 128px;
    height: 128px;

    @media screen and (width <= 768px) {
        & {
            width: 80px;
            height: 80px;
        }
    }
}

.app-container {
    max-width: clamp(320px, 85vw, 95dvw);
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;

    @media screen and (width <= 1580px) {
        max-width: 95vw;
    }
}

@media (max-width: 1200px) {
    .app-container {
        max-width: 90vw;
    }
}

@media (max-width: 768px) {
    .app-container {
        max-width: 95vw;
    }
}

@media (max-width: 480px) {
    .app-container {
        max-width: 100%;
        padding: 0 38px;
    }
}

.cream-bg {
    background-color: var(--secondary);
}

.secondary-fill {
    fill: var(--secondary);
}

.collapse_icon_wrapper {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.collapse_toggler {
    width: 32px;
    height: 32px;

    transition: all 250ms ease-in-out;
}

.collapse_wrapper {
    border-bottom: 1px solid #00000020;
}

.btn-sq-primary {
    --bs-btn-font-weight: 600;
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--accent);
    --bs-btn-border-color: var(--accent);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--accent-hover);
    --bs-btn-hover-border-color: var(--accent-hover);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--accent-hover);
    --bs-btn-active-border-color: var(--accent-hover);
}

.about_section_bg {
    background-color: var(--secondary);
    background-size: 100% 100%;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;

    @media screen and (width <= 768px) {
        & {
            background-position: right;
        }
    }
}

.about_section_vstack {
    padding: 20vh 5vw;
    width: auto;
}

.testimonials_blue_quotes {
    width: auto;
    height: 48px;
    align-self: flex-start;
    opacity: 0.3;
    transition: opacity 250ms ease-in-out;

    margin-bottom: -24px;
    margin-right: 30px;
    z-index: 99;
}

@media screen and (width >= 768px) {
    .swiper-slide:hover .testimonials_blue_quotes {
        opacity: 1;
    }

    .swiper-slide:hover .testimonial_card {
        box-shadow: 0 0 16px #00000017;
    }
}

@media screen and (width < 768px) {
    .swiper-slide-active .testimonials_blue_quotes {
        opacity: 1;
    }

    .swiper-slide-active .testimonial_card {
        box-shadow: 0 0 16px #00000017;
    }
}

.testimonial_card {
    /* height: 430px; */
    border-radius: 30px;
    border: 1px solid #00000010;
    background-color: #fbfbfb;
}

.testimonial_author_image {
    width: 54px;
    height: 54px;
    border-radius: 100%;
}

.testimonial_card_content {
    height: 240px;
    overflow-y: hidden;
}

.fade_ins_weird_polygon {
    top: -150px;
    right: -270px;
    width: 67%;
    height: 1160px;

    @media screen and (width <= 1440px) {
        width: 86%;
    }

    @media screen and (width <= 768px) {
        display: none;
    }
}

.fade_ins_weird_drawings {
    bottom: 100px;
    left: 0;
    width: auto;
    height: 780px;

    @media screen and (width <= 768px) {
        & {
            display: none;
        }
    }
}

.white_wave_notch_divider {
    position: relative;
    margin-top: -200px;
    width: 100%;

    @media screen and (width <= 768px) {
        & {
            margin-top: -200px;
        }
    }
}

.qna_wrapper {
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-size: auto 60dvh;
}

@media screen and (width < 1400px) {
    .qna_wrapper {
        background-size: auto 50dvh;
    }
}

@media screen and (width < 1240px) {
    .qna_wrapper {
        background-image: unset !important;
    }
}

.qna_side_image {
    position: absolute;
    top: 64%;
    left: 0;
}

@media screen and (width <= 768px) {
    .qna_side_image {
        position: static;
        width: 100%;
        height: auto;
    }
}

.collapse_wrapper .collapse_target:not(.collapsed) .collapse_toggler {
    transform: rotate(180deg);
}

.collapse_wrapper .collapse_target.collapsed .collapse_toggler {
    transform: rotate(0deg);
}

.article_card_image {
    width: -100px;
    height: 240px;
    object-fit: cover;
    object-position: center;
}

.article_text_content {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    @media screen and (width <= 768px) {
        & {
            line-clamp: 3;
            -webkit-line-clamp: 3;
        }
    }
}

.artlce_card_slide {
    height: auto;
}

.article_card_wrapper {
    border-radius: 12px;
    overflow: hidden;
    background-color: white;
    border: 1px solid #00000010;
    justify-content: space-between;
    height: 100%;
}

.article-swiper-arrow {
    @media screen and (width <= 768px) {
        & {
            width: 32px;
            height: 32px;
        }
    }
}

.swiper-button-disabled {
    filter: grayscale(1);
}

.navbar_social_media_icon {
    width: 24px;
    height: 24px;

    object-fit: cover;
    object-position: center;
}

.navbar_brand_logo {
    height: 64px;
    width: 10dvw;
    max-width: 240px;

    object-fit: contain;
    object-position: center;
}

.footer_brand_logo {
    height: 64px;
    width: auto;
    max-width: 240px;

    object-fit: contain;
    object-position: center;
}

.navbar_search_icon {
    width: 24px;
    height: 24px;

    object-fit: cover;
    object-position: center;
}

.footer_nav_bottom_section {
    padding-top: 100px;

    @media screen and (width <= 768px) {
        & {
            padding-top: 0;
        }
    }
}

.bottom_hack_fix {
    @media screen and (width <= 768px) {
        & {
            margin-bottom: 50px !important;
        }
    }
}

.mobile_hero_fix {
    position: relative;
    right: -18px;
    top: -9px;
}

.mobile_hero_fix_big {
    position: relative;
    right: -18px;
    top: -14px;
}

.single_hero_background_image.stock_hero {
    background-size: cover !important;
}

.single_hero_background_image {
    background-repeat: no-repeat;
    background-size: cover;

    position: relative;
    padding-bottom: 130px;

    margin-bottom: 60px;

    @media screen and (width <= 768px) {
        & {
            background-size: cover;
            padding-bottom: 40px;

            margin-bottom: 30px;
        }
    }
}

.single_insurance_button_mobile_fix {
    @media screen and (width <= 768px) {
        position: relative;
        bottom: -68px;
    }
}

.single_hero_main {
    min-height: 300px;

    @media screen and (width <= 768px) {
        min-height: auto;
        padding-bottom: 60px;
    }
}

.custom-breadcrumbs {
    padding: 24px 0;
}

.navbar_get_insurnace_button {
    margin-bottom: -90px;
    width: 140px;
    height: 140px;
    transition: all 250ms ease-in-out;
    border-radius: 100%;

    @media screen and (width < 1400px) {
        & {
            left: -4.5vw;
        }
    }
}

.what_insurance_image {
    width: 88px;
    height: 88px;
    object-fit: cover;
    object-position: center;

    @media screen and (width <= 768px) {
        & {
            width: 66px;
            height: 66px;
        }
    }
}

.qna_alternative_wrapper {
    background-color: var(--secondary);
    background-image: url(./assets/vector-art/dots-bg.svg);
    background-size: 370px;
    background-position: 99% 102%;
    background-repeat: no-repeat;

    @media screen and (width <= 768px) {
        background-image: unset;
        padding: 0;
    }
}

.white-wave-divider-flipped {
    position: absolute;
    bottom: -190px;
    width: 100%;
}

.reasons_wave_divider {
    position: absolute;
    top: -170px;
}

.custom-breadcrumbs a {
    color: #000;
    text-decoration: none;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-right {
    top: 220px !important;

    @media screen and (width <= 768px) {
        display: none;
    }
}

.picture_grid_image {
    height: 290px;
    width: 290px;

    object-fit: cover;
    object-position: top;

    border-radius: 100% !important;
    display: block;
    margin: auto;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-cover {
    background-size: cover;
}

.custom-breadcrumbs-white * {
    color: white !important;
}

.post_hero_title {
    padding-top: 6rem;

    @media screen and (width <= 768px) {
        padding-top: 3rem;
    }
}

.big_hero_padding {
    padding-top: 1rem;
    min-height: 320px;

    @media screen and (width <= 768px) {
        padding-bottom: 3rem;
        padding-top: 16px;
    }
}

.big_hero_padding_extended {
    padding-bottom: 12rem;
    padding-top: 1rem;
}

.paragraph_row {
    min-height: 500px;
}

.paragraph_row .paragraph_row_item_left {
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: contain;
}

.paragraph_row .paragraph_row_item_right {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
}

.paragraph_row_text {
    min-height: 400px;
}

.paragraph_row_content_padding {
    padding: 0 174px;

    @media screen and (width <= 768px) {
        & {
            padding: 0;
        }
    }
}

@media (min-width: 1024px) {
    .extended_hero_numbers {
        bottom: 8dvh;
    }
}

@media (min-width: 1600px) {
    .extended_hero_numbers {
        bottom: 15dvh;
    }
}

.btn-sq-secondary {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--secondary-btn);
    --bs-btn-border-color: var(--secondary-btn);
    --bs-btn-hover-color: var(--secondary);
    --bs-btn-hover-bg: #5c636a;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--secondary);
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--secondary-btn);
    --bs-btn-disabled-border-color: var(--secondary-btn);
}

.btn-sq-secondary-outline {
    --bs-btn-color: #0791af;
    --bs-btn-border-color: #0791af;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0791af;
    --bs-btn-hover-border-color: #0791af;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0791af;
    --bs-btn-active-border-color: #0791af;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #0791af;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0791af;
    --bs-gradient: none;
}

.insurance-grid-swiper .swiper-slide {
    transition: all 100ms ease-in-out;
    padding: 0 30px;
    border: 1px solid transparent;

    @media screen and (width <= 768px) {
        & {
            padding: 0 10px;
            border-color: transparent;
        }
    }
}

.insurance-grid-swiper .swiper-slide-next {
    border-left-color: #00000020;
    border-right-color: #00000020;

    @media screen and (width <= 768px) {
        & {
            border-color: transparent;
        }
    }
}

.footer_nav_wrapper {
    padding-top: 3rem;
    padding-bottom: 3rem;

    @media screen and (width <= 768px) {
        & {
            padding-top: 0;
            padding-right: 20px;
            padding-left: 20px;
        }
    }
}

.blurred_divider {
    object-fit: cover;
    position: absolute;
    bottom: 100px;
    left: 0;
    height: 286px;

    @media screen and (width <= 768px) {
        & {
            height: 95px;
        }
    }
}

.blurred_divider_2nd {
    object-fit: cover;
    height: 101px;
    object-fit: cover;
}

.pulse_animation:hover::after {
    animation: unset;
    width: 0;
    height: 0;
}

.qna_alt_row_container {
    padding: 3rem 0;

    @media screen and (width <= 768px) {
        & {
            padding: 50px 30px;
        }
    }
}

.qna_alt_row_inner {
    @media screen and (width <= 768px) {
        & {
            text-align: center;
            margin-bottom: 40px;
        }
    }
}

.insurance-grid-next,
.insurance-grid-prev {
    opacity: 1;

    &:hover {
        opacity: 1;
    }
}

.insurance-grid-prev {
    position: absolute;
    top: 50%;
}

.insurance-grid-next {
    position: absolute;
    left: 20px;
    top: 50%;
}

.modal-xxl {
    --bs-modal-width: 68dvw;
}

.force-hidden {
    display: none !important;
}

.a-ltr {
    direction: ltr;
    display: inline-block;
}

.btn-sq-ghost {
    transition: font-weight 250ms ease-in-out;
    --bs-btn-color: #00000080;
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #000000;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #000000;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: transparent;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: transparent;
    --bs-gradient: none;
}

.btn-sq-ghost.active:disabled {
    border-bottom-color: transparent;
}

.btn-sq-ghost:disabled {
    color: #00000080;
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-sq-ghost.contactAnimateOnHover:active,
.btn-sq-ghost.contactAnimateOnHover.active {
    font-weight: bold;
}

.claim-description {
    display: none;
}

.claim-description.active {
    display: block;
}

#mega-menu-offcanvas {
    position: absolute;
    top: 153px;
    max-height: fit-content;
    height: fit-content;
    max-width: unset;
    width: 100vw;
}

.insurance_button_offcanvas_open {
    bottom: 0;
    height: auto;
    font-size: 16px !important;
    border-radius: 150px !important;
}

.navbar_menu_item {
    border-top: 3px solid transparent;
}

.mega_menu_toggler.active,
.navbar_menu_item:hover {
    border-top-left-radius: 0;
    border-top-right-radius: 0;

    border-top: 3px solid var(--primary);
}

.mega_menu_inner_items_container,
.mega_menu_inner_elememnt_container {
    opacity: 0;
}

.mobile_menu_item {
    padding-bottom: 10px;
    border-bottom: 1px solid #00000079;
}

.mobile_menu_item:last-of-type {
    border-bottom-color: transparent;
}

[data-bs-toggle='collapse'].collapsed .collapse_icon {
    transform: scaleY(1);
}

[data-bs-toggle='collapse']:not(.collapsed) .collapse_icon {
    transform: scaleY(-1);
}

.mobile_nav_arrow {
    transition: transform 250ms ease-in-out;
}

.mobile_nav_arrow.collapsed {
    transform: rotate(-90deg);
}

.mobile_nav_arrow {
    transform: rotate(90deg);
}

@media screen and (width <= 768px) {
    .text-center-mb {
        text-align: center;
    }
}

.fade_insurance_tabs_container {
    @media screen and (width <= 768px) {
        & {
            display: flex;
            flex-flow: row nowrap;
            overflow-x: auto;
            padding-bottom: 15px;
            gap: 24px;
        }
    }
}

.ins_fade_side_select {
    transition: background-color 250ms ease-in-out;
    cursor: pointer;
    padding-right: 7dvw;

    &.active {
        background-color: var(--secondary);
    }

    @media screen and (width <= 768px) {
        & {
            white-space: nowrap;
            padding: 5px 15px !important;
            border-radius: 7px;
        }

        &.active {
            background-color: #d9d9d9;
        }
    }
}

.flex_big_hero_container {
    @media screen and (width <= 768px) {
        & {
            margin-bottom: 30px;
        }
    }
}

.extended_hero_numbers {
    @media screen and (width <= 768px) {
        & {
            gap: 15px !important;
            left: 20px !important;
        }
    }
}

.insurance-slide a {
    transition: all 250ms linear;
}

@keyframes activeHomeSliderElementAnimation {
    0% {
        box-shadow: 0 0 1px 0 #ffffff00;
    }
    50% {
        box-shadow: 0 0 1px 10px #ffffff8c;
    }
    100% {
        box-shadow: 0 0 1px 24px #ffffff00;
    }
}

.category_icon_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

    text-decoration: none;
    color: #000;
    padding-top: 10px;
    padding-bottom: 20px;
    border-bottom: 2px solid #00000020;

    transition: border-bottom 100ms ease-in-out;

    &.active {
        color: var(--accent);
        font-weight: bold;
        border-bottom-color: var(--accent-hover);
    }

    &:hover {
        color: var(--accent);
        font-weight: bold;
        border-bottom: 2px solid #00000020;
    }

    @media screen and (width > 768px) {
        &:hover {
            color: var(--accent);
            font-weight: bold;
            border-bottom-color: var(--accent-hover);
        }
    }
}

.category_icon {
    height: 48px;
    width: 48px;

    & img {
        height: 48px;
        width: 48px;

        object-fit: contain;
    }
}

.circles {
    position: relative;
    display: flex;
    align-items: center;
    width: 300px;
    height: 250px;
    justify-content: center;

    > a {
        z-index: 999999999999999;
        width: 100%;
        height: 250px;
        border-radius: 100%;
    }

    > div {
        background-color: white;
        border-radius: 50%;
        height: 400px;
        opacity: 0;
        position: absolute;
        width: 450px;
    }

    .circle1 {
        animation-delay: 0.5s !important;
    }

    .circle2 {
        animation-delay: 1s !important;
    }

    .circle3 {
        animation-delay: 1.5s !important;
    }
}

@keyframes growAndFade {
    0% {
        opacity: 1;
        transform: scale(0);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.insurance-slide.swiper-slide-active .circles > div {
    animation: growAndFade 4s infinite ease-out;
}

.insurance-swiper {
    padding: 70px 0 150px 0;

    @media screen and (width <= 768px) {
        & {
            margin: 50px 0 60px 0;
            padding: 30px 0;
        }
    }
}

.home-hero-divider-mt {
    @media screen and (width <= 768px) {
        & {
            display: none;
        }
    }
}

.hero_home_video_overlay {
    object-fit: cover;
    height: 100%;

    transform: scale(1);
    transform-origin: center center;
    transition: transform 0.3 ease;

    @media screen and (width <= 768px) {
        & {
            transform: scale(1.6);
            transform-origin: 81px 146px;
        }
    }
}

.home-hero-divider-mt {
    margin-top: -40px;

    @media screen and (width <= 1800px) {
        & {
            margin-top: -90px;
        }
    }

    @media screen and (width <= 1600px) {
        & {
            margin-top: -90px;
        }
    }
}

.home-video-bg-container {
    position: absolute;
    left: 0;
    z-index: -1;
    object-fit: none;
    height: 100%;
    overflow: hidden;
}

.ripple-button {
    animation: custom-ripple 2s ease-out infinite;
}

@keyframes custom-ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(7, 145, 175, 0.4),
            0 0 0 0 rgba(7, 145, 175, 0.2);
    }
    100% {
        box-shadow: 0 0 0 15px rgba(7, 145, 175, 0),
            0 0 0 30px rgba(7, 145, 175, 0);
    }
}

.insurance-swiper .swiper-slide-active a {
    animation: blue-ripple 2s ease-out infinite;
}

@keyframes blue-ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(7, 145, 175, 0.4),
            0 0 0 0 rgba(7, 145, 175, 0.2);
    }
    100% {
        box-shadow: 0 0 0 30px rgba(7, 145, 175, 0),
            0 0 0 60px rgba(7, 145, 175, 0);
    }
}

.swiper {
    width: 100%;
    height: 100%;
}

.flex_ins_fade_paddings {
    padding-bottom: 140px;

    @media screen and (width <= 768px) {
        & {
            padding-bottom: 0px;
        }
    }
}

.w-sm-100 {
    @media screen and (width <= 768px) {
        & {
            width: 100%;
        }
    }
}

.swiper-slide {
    height: auto;
}

.related_insurance_swiper {
    margin-bottom: 40px;

    @media screen and (width <= 768px) {
        & {
            margin-bottom: 10px;
        }
    }
}

.post-container {
    padding-right: 240px;
    padding-left: 240px;

    @media screen and (width <= 1440px) {
        padding-right: 20vw;
        padding-left: 10vw;
    }

    @media screen and (width <= 1240px) {
        padding-right: 25vw;
        padding-left: 10vw;
    }

    @media screen and (width <= 1000px) {
        padding-right: unset;
        padding-left: unset;
    }
}

.more_posts_floating {
    max-width: 250px;

    @media screen and (width <= 1000px) {
        display: none;
    }
}

.post_artsy_section_bgimage {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 85vh;

    @media screen and (width <= 768px) {
        min-height: unset;
        padding-top: 100vw;
        padding-bottom: 5vw;
    }
}

footer {
    padding-top: 7rem;

    .footer_nav_divider {
        filter: drop-shadow(11px -67px 25px #00000010);

        margin-bottom: -1px;
        margin-top: -1vw;
    }

    @media screen and (width <= 768px) {
        padding-top: 40px;

        & .footer_nav_divider {
            /* filter: drop-shadow(11px -29px 21px #00000040); */
            filter: none;
        }
    }
}

.post_feature_image {
    height: 800px;
    object-fit: cover;
    object-position: center;

    @media screen and (width <= 768px) {
        height: 280px;
    }
}

.post_feature_content {
    padding: 0 12vw;

    @media screen and (width <= 768px) {
        padding: 2vw;
    }
}

.post_image_full {
    @media screen and (width <= 768px) {
        height: 500px;
        object-fit: cover;
    }
}

.running-number {
    opacity: 0;
    position: relative;
    top: -15px;
}

.motorcycle_insurance_container {
    padding-bottom: 150px;

    @media screen and (width <= 768px) {
        & {
            padding-bottom: 40px;
        }
    }
}

.motorcylce_insurace_image {
    height: 580px;
    object-fit: contain;
}

.main-menu-wrapper {
    z-index: 999999999;
}

.download_file_icon_wrapper {
    background-color: #0791af10;
    border-radius: 6px;

    height: 275px;

    display: flex;
    align-items: center;
    justify-content: center;

    @media screen and (width <= 768px) {
        & {
            height: 170px;
        }
    }
}

.download_file_icon {
    width: 110px;
    height: 110px;

    @media screen and (width <= 768px) {
        & {
            width: 70px;
            height: 70px;
        }
    }
}

.isnruance_grid_description {
    height: 440px;
    overflow: hidden;
}

#search-modal .modal-dialog {
    --bs-modal-margin: 154px;

    @media screen and (width <= 1200px) {
        & {
            margin-top: 66px;
            --bs-modal-margin: 0;
        }
    }

    @media screen and (width <= 768px) {
        & {
            margin-top: 0px;
            --bs-modal-margin: 0;
        }
    }
}

#search-modal .modal-body {
    padding: 8px 5px;
}

.select2-parent {
    position: relative;
}

.download_file_title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: inherit;
    height: 60px;

    @media screen and (width <= 768px) {
        & {
            line-clamp: 1;
            -webkit-line-clamp: 1;
            height: auto;
        }
    }
}

.select2-container--bootstrap-5
    .select2-dropdown
    .select2-search
    .select2-search__field {
    font-size: 16px !important;
}

.select2-container--bootstrap-5
    .select2-dropdown
    .select2-search
    .select2-search__field:focus {
    box-shadow: none !important;
}

@media screen and (width <= 768px) {
    .w-mb-100 {
        width: 100%;
    }
}

.form-control-lg {
    padding-top: 15px;
    padding-bottom: 15px;
}

.form-select-lg ~ .select2-container--bootstrap-5 .select2-selection--single {
    padding-top: 1rem !important;
    padding-bottom: 2.8rem !important;
}

.form-check-input[type='checkbox'],
.form-check-input:checked {
    background-color: transparent;
    border-color: #000;
}

.form-check-input:focus {
    box-shadow: none;
}

.form-check-input:checked[type='checkbox'] {
    --bs-form-check-bg-image: url('./assets/icons/check-mark.svg');
    background-image: var(--bs-form-check-bg-image);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center;
}

.contact_submit_btn {
    padding: 20px 82px;

    @media screen and (width <= 768px) {
        & {
            padding: 10px 82px;
        }
    }
}

.contact-template-vstack-gap {
    gap: 32px;

    @media screen and (width <= 768px) {
        & {
            gap: 45px;
        }
    }
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--bs-border-color);
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
}

.rich_editor_side_posts {
    border-bottom: 1px solid #1b1b1b1a;
}

:valid.was-validated,
.was-validated .form-check-input:valid ~ .form-check-label {
    color: inherit !important;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: inherit !important;
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: inherit !important;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

@media screen and (width <= 768px) {
    .w-mb-100 {
        width: 100% !important;
    }
}

.paragraph_row_item {
    min-height: 500px;

    @media screen and (width <= 768px) {
        & {
            min-height: auto;
        }
    }
}

.paragraph_row_content {
    margin: 160px 0;

    @media screen and (width <= 768px) {
        & {
            margin: 80px 0;
            padding: 0 70px;
        }
    }
}

.footer_minus_mt {
    margin-top: -21px;

    @media screen and (width <= 768px) {
        margin-top: 0;
    }
}

input {
    direction: rtl !important;
}

.motorcycle_insurance_img {
    @media screen and (width <= 768px) {
        & {
            height: 280px;
        }
    }
}

.qna_side_image {
    @media screen and (width <= 768px) {
        & {
            height: 380px;
            width: 100%;
            object-fit: contain;
            object-position: left;
        }
    }
}

.simple_hero_title {
    font-size: 64px;

    @media screen and (width <= 768px) {
        & {
            font-size: 42px;
            text-align: center;
        }
    }
}

.home_hero_title {
    padding-top: 100px;
    font-size: 64px;

    @media screen and (width <= 768px) {
        & {
            font-size: 34px;
            padding-top: 50px;
        }
    }
}

.insurance-prev {
    @media screen and (width <= 768px) {
        & {
            right: 10px !important;
        }
    }
}

.insurance-next {
    @media screen and (width <= 768px) {
        & {
            left: 10px !important;
        }
    }
}

#whatsapp-icon {
    position: fixed;
    bottom: 12vh;
    left: 20px;
    z-index: 1000;

    @media screen and (width <= 768px) {
        & {
            bottom: 15px;
            left: 12px;
        }
    }
}

#wpadminbar {
    @media screen and (width <= 768px) {
        & {
            z-index: 999;
        }
    }
}

.get-insurance-cta-footer {
    padding-top: 60px;
    padding-bottom: 120px;
}

.card_title {
    @media screen and (width <= 768px) {
        & {
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            line-clamp: 1;
        }
    }
}

.more_insruances_padding {
    padding-bottom: 3rem;

    @media screen and (width <= 768px) {
        & {
            padding-bottom: 30px;
        }
    }
}

.insraunces_container_padding {
    padding-top: 3rem;

    @media screen and (width <= 768px) {
        & {
            padding-top: 30px;
            padding-bottom: 10px;
        }
    }
}

.padding-mb-0 {
    @media screen and (width <= 768px) {
        & {
            padding: 0;
        }
    }
}

.contact_page_iframe_wrapper iframe {
    @media screen and (width <= 768px) {
        & {
            height: 340px;
        }
    }
}

.category_name {
    @media screen and (width <= 768px) {
        & {
            font-size: 16px !important;
        }
    }
}

.text-touch {
    color: var(--primary);
}

.touch-home-hero-bg {
    background: linear-gradient(
        135deg,
        rgba(173, 249, 251, 1) 0%,
        rgba(7, 145, 175, 1) 100%
    );
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #0f5676;
    --bs-btn-border-color: #0f5676;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #09435d;
    --bs-btn-hover-border-color: #09435d;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #09435d;
    --bs-btn-active-border-color: #09435d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0f5676;
    --bs-btn-disabled-border-color: #0f5676;
}

.customer-servie-swiper-img {
    height: 80px;

    @media screen and (width <= 768px) {
        & {
            height: 46px;
        }
    }
}

.csf-btn::after {
    content: '' !important;
}

.customer-service-swiper .swiper-slide {
    cursor: pointer;
}

.ins_btn_max_w_mb {
    @media screen and (width <= 768px) {
        & {
            max-width: 190px;
        }
    }
}