.faqs-sec { 
    max-width: 100%; overflow: clip;
    padding-block: 95px 75px;
    background-color: #E1F0F2;
    & .container { 
        & .flex-container { justify-content: space-between; position: relative;
            & .theme-ark { 
                position: absolute;
                top: 0;
                bottom: 0;
                margin: auto;
                left: 300px;
                opacity: 0.2;
                z-index: 0;
            }
        }
        & .left-img-side { 
            width: 580px;

            & > .img-wrap { 
                width: 100%;

                &:last-child { 
                    margin-top: 40px;
                }
            }
        }
    }
}
.faqs-page { 
    & .inner-banner  {
        & .flex-container { 
            justify-content: center !important;
            text-align: center;
        }
    }
}
.faqs-content-side { 
    width: calc(100% - 580px);
    max-width: 660px;
}

.faqs-list-sec { 
    display: inline-block;
    width: 100%;

    & .smk_accordion .accordion_in { 
        border: 1px solid rgba(0, 0, 0, 0.08);
    }

    & .smk_accordion + .heading-44 { 
        margin-top: 80px;
    }
    & .heading-44 { 
        margin-bottom: 40px;
    }
    & .container .flex-container { 
         justify-content: space-between;
        & .faqs-links {
            width:371px;
            border-radius: 20px;
            background-color: #E2FBFF;
            padding: 35px 42px 45px;
            display: inline-block;

            & a {
                display:inline-flex;
                width: 100%; line-height:1.25;
                font-size:16px; color: #393A36; font-weight: 500;

                &:not(:last-child) { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
            }
        }
        & .faqs-container {
            width: calc(100% - 371px);
            max-width: 958px;
        }
    }
    & + .cta-sec { 
        display: none;
    }
}

@media (max-width: 1900px) {
  
}

@media (max-width: 1800px) {
    
}

@media (max-width: 1599.98px) {
  
}

@media (max-width: 1439.98px) {
    .faqs-sec {
        padding-block: 70px 70px;
        & .container {
            & .left-img-side, & .faqs-content-side { width: calc(50% - 20px);}
        }
    }
    .faqs-list-sec {
        & .container .flex-container {
            justify-content: space-between;
            & .faqs-container { width: calc(66.66% - 20px); }
            & .faqs-links { width: 33.33%; }
        }
    }
}


@media (max-width: 1199.98px) {
.faqs-sec {
    padding-block: 60px;
}
}

@media (max-width: 991.98px) {

    .faqs-sec {
        & .heading-44 {
            margin-bottom: 20px;
        }
        & .container {
            & .flex-container {
                gap: 30px;
                & .left-img-side, & .faqs-content-side { 
                    width: 100%; max-width: 100%;
                    & > .img-wrap {
                        &:last-child {
                            margin-top: 0px;
                        }
                    }
                } 
            }
        }
    }

    .faqs-list-sec {
        & .smk_accordion + .heading-44 {
            margin-top: 40px;
        }
        & .container .flex-container {
            gap: 25px;
            justify-content: space-between;
            & .faqs-container { width: 100%; }
            & .faqs-links {
                width: 100%;display: flex;background: transparent;padding: 0;
                max-width:100%;
                border-radius:0px;
                overflow:auto;
                & > a, & a:not(:last-child)  {
                    border-bottom:0;
                    margin-bottom:0px;
                    padding-bottom:0;
                    padding:15px;
                    border:1px solid var(--themecolor);
                    white-space:nowrap;
                }
                & a:not(:last-child) {
                    margin-right:20px;
                }
            }
        }
    }
}

@media (max-width: 767.98px) {
  
    .faqs-sec {
        padding-block: 40px;
        & .container {
            & > .heading-44 {
                margin-bottom: 30px; 
            }
        }
    }
}

@media (max-width: 575.98px) {
    .faqs-sec {
        & .container {
            & .flex-container {
                & .left-img-side { text-align: center; }
            }
        }
    }
    .faqs-list-sec {
        & .heading-44 {
            margin-bottom: 20px;
        }
        & .smk_accordion + .heading-44 {
            margin-top: 30px;
        }
    }
}