/*
Theme Name: Setster
Author: Setster
Description: Setster Theme
Version: 1.0
*/

:root, [data-bs-theme=light] {
    --bs-primary: #635BFF;
    --bs-pale-primary: #ECEBFF;
    --bs-bullet-soft-primary: #ECEBFF;
    --bs-icon-fill-primary: #B1ADFF;
}

.svg-bg{
    background-color: #ECEBFF;
}

.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D0021B;
    --bs-btn-border-color: #D0021B;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #D0021B;
    --bs-btn-hover-border-color: #D0021B;
    --bs-btn-focus-shadow-rgb: 230, 122, 129;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #D0021B;
    --bs-btn-active-border-color: #D0021B;
    --bs-btn-active-shadow: 0rem 0.25rem 0.75rem rgba(30, 34, 40, 0.15);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D0021B;
    --bs-btn-disabled-border-color: #D0021B;
}

a {
    --bs-link-color-rgb: 48,56,70;
    --bs-link-hover-color-rgb: 0,0,0;
}

footer p,
footer a,
footer address,
footer h4 {
    color: #303846;
}

@media only screen and (max-width: 767px) {
    .text-phone-center {
        text-align: center;
    }
}

.icon-setster {
    width: 32px;
    height: 32px;
}

.plain-text--content ul {
    list-style-type: none;
    padding-left: 1rem;
    margin-bottom: 0;
}

.plain-text--content li {
    margin-bottom: 10px;
}

.plain-text--content .unordered-list>li:before {
    display: none;
}
.plain-text--content .unordered-list li {
    padding-left: 0;
}
.plain-text--content ul.default-style {
    list-style-type: initial;
}
.plain-text--content ul li.circle-list-item {
    list-style-type: square;
    margin-left: 25px;
}
/* Ensure the container does not overflow */
.logos-slider-section .swiper-container {
    overflow: hidden;
}
/* Ensure the wrapper uses flex for layout */
.logos-slider-section .swiper-wrapper {
    display: flex;
}
/* Allow slides to be dynamically sized */
.logos-slider-section .swiper-slide {
    width: auto; /* Ensure slides take the width of their content */
    flex-shrink: 0; /* Prevent slides from shrinking */
    display: flex;
    align-items: center; /* Center the content vertically */
    justify-content: center; /* Center the content horizontally */
}
/* Logos inside the slides have a fixed height and maintain aspect ratio */
.logos-slider-section .swiper-slide img {
    height: 50px; /* Fixed height for logos */
    width: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure logos are contained within the height */
    display: block;
    margin: 0 auto; /* Center the image horizontally */
}
.main-nav a {
    font-size: 16px;
}
.main-nav .description {
    color: var(--bs-dropdown-link-color);
    display: block;
    font-size: 14px;
}
.main-nav .inverted {
    background-color: #635bff;
    border-radius: 10px;
    color: #fff;
    text-shadow: none;
    padding-top: 12px;
    padding-bottom: 12px;
}
.main-nav .inverted .description {
    color: #fff;
}
.main-nav li.nav-item {
    padding-top: 7px;
    padding-bottom: 7px;
}
.main-nav .dropdown-header {
    font-size: 16px;
    text-transform: none;
}
.main-nav .dropdown-menu {
    padding-left: 10px;
    padding-right: 10px;
}
.main-nav .col-lg-12 .inverted {
    margin-top: 20px;
}
.main-nav .col-lg-12 {
    border-left: 0 !important;
}
.main-nav .has-icon {
    position: relative;
}
.main-nav .has-icon .menu-icon {
    width: 16px;
    height: 15px;
    background-image: url(../images/menu-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 12px;
    top: 10px;
}
.main-nav .has-icon.inverted .menu-icon {
    background-image: url(../images/menu-icon-inverted.svg);
    top: 16px;
}
.main-nav .dropdown-menu {
    min-width: 240px;
}
.main-nav .dropdown-menu .dropdown-item,
.main-nav .dropdown-menu .dropdown-header {
    padding-left: 15px;
    padding-right: 15px;
}
@media only screen and (max-width: 991px) {
    .main-nav .description {
        color: #fff;
    }
    .main-nav .dropdown-header {
        color: #ccc;
    }
    .main-nav .has-icon .menu-icon {
        background-image: url(../images/menu-icon-inverted.svg);
        top: 16px;
    }
}
@media only screen and (min-width: 992px) {
    .main-nav ul.dropdown-menu {
        box-shadow: 0 20px 40px 5px rgba(180,180,180,0.3), 0 0 60px 0px rgba(150,150,150,0.2);
    }
    .navbar-expand-lg:not(.hover-none) .navbar-nav ul.dropdown-menu.mega-menu.show {
        top: 100%;
        pointer-events: all;
        visibility: visible;
        opacity: 1;
        transition: all .25s ease-in-out;
    }
    .nav-item.dropdown .dropdown-menu {
        z-index: 1;
    }
    .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu) .dropdown-toggle {
        position: relative;
    }
    .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover .dropdown-toggle:before,
    .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown .dropdown-toggle.show:before {
        content: '';
        position: absolute;
        bottom: -10px;
        width: 0;
        height: 0;
        border-left: 25px solid transparent;
        border-right: 25px solid transparent;
        border-bottom: 20px solid #ffffff;
        left: calc(50% - 25px);
        margin: 0;
        z-index: 2;
    }
    .navbar-expand-lg.navbar-stick:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover .dropdown-toggle:before,
    .navbar-expand-lg.navbar-stick:not(.hover-none) .navbar-nav .dropdown .dropdown-toggle.show:before {
        bottom: -20px;
    }
    .main-nav.navbar .menu-container {
        margin-left: 4rem;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu.mega-menu {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .navbar-expand-lg .navbar-nav .nav-item.dropdown-mega.grid-4-4-4 .dropdown-menu.mega-menu {
        max-width: 980px !important;
    }
}
/*Icons*/
div#why_setster_reasons svg {
    width: 32px;
}
.icon.btn-circle.btn-primary svg {
    height: 28px;
}
div#why_setster_reasons svg#Database-Backup--Streamline-Iconoir\.svg path {
    color: #000;
}
.icon.btn-circle.btn-primary svg#Startup--Streamline-Core\.svg path {
    stroke: #fff;
    stroke-width: 3px;
}
.icon.btn-circle.btn-primary svg#Acute--Streamline-Rounded----Material-Symbols\.svg path {
    fill: #fff;
}
.icon.btn-circle.btn-primary svg#Performance-Tablet-Increase--Streamline-Ultimate\.svg path {
    stroke: #fff;
}
.icon.btn-circle.btn-primary svg#Time-Clock-Hand-1--Streamline-Ultimate\.svg path {
    stroke: #fff;
}
.icon.btn-circle.btn-primary svg#Calendar-Clock--Streamline-Outlined----Material-Symbols\.svg path {
    fill: #fff;
}
.icon.btn-circle.btn-primary svg#Event-Busy--Streamline-Outlined----Material-Symbols\.svg path {
    fill: #fff;
}
.icon.btn-circle.btn-primary svg#User-Data--Streamline-Carbon\.svg path:not([id*="Transparent_Rectangle"]) {
    fill: #fff;
}
.icon.btn-circle.btn-primary svg#User-Access--Streamline-Carbon\.svg path:not([id*="Transparent_Rectangle"]) {
    fill: #fff;
}
.icon.btn-circle.btn-primary svg#Integration--Streamline-Carbon\.svg path:not([id*="Transparent_Rectangle"]) {
    fill: #fff;
}
.icon.btn-circle.btn-primary svg#Dashboard-Customize--Streamline-Rounded----Material-Symbols\.svg path {
    fill: #fff;
}
.icon.btn-circle.btn-primary svg#User-Check--Streamline-Lucide\.svg path {
    stroke: #fff;
}
.tools-list svg#Performance-Tablet-Increase--Streamline-Ultimate\.svg path {
    stroke: #000;
}
section.tools-list .svg-bg svg.icon-svg {
    width: 32px;
    height: 32px;
}
.options1-list svg.icon-svg {
    width: 44px;
    height: 44px;
}
.options2-list svg.icon-svg {
    width: 44px;
    height: 44px;
}
.options3-list svg.icon-svg {
    width: 40px;
    height: 40px;
}

@media only screen and (max-width: 991px) {
    body.single-solution section.tools-list .svg-bg {
        width: 50px;
        height: 50px;
        position: absolute;
    }
    body.single-solution section.tools-list .svg-bg svg.icon-svg {
        width: 28px;
        height: 28px;
    }
    body.single-solution .options1-intro .icon-svg.icon-svg-sm {
        width: 36px;
        height: 36px;
    }
    body.single-solution .options1-list svg.icon-svg {
        width: 40px;
        height: 40px;
        display: inline-block;
    }
    body.single-solution .options1-list h4 {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% - 50px);
        padding-left: 5px;
    }
    body.single-solution .options2-list svg.icon-svg {
        width: 44px;
        height: 44px;
        display: inline-block;
    }
    body.single-solution .options2-list h4 {
        display: inline-block;
        width: calc(100% - 50px);
        padding-left: 5px;
        vertical-align: middle;
    }
    body.single-solution .challenges-list .icon {
        position: absolute;
    }
    body.single-solution .challenges-list h4 {
        margin-left: 55px;
        height: 50px;
        display: flex;
        align-items: center;
    }
    body.single-solution .options1-intro .icon-svg.icon-svg-sm {
        width: 36px;
        height: 36px;
        margin-right: 0 !important;
        position: absolute;
    }
    body.single-solution .options1-intro .text-lg-start .col-md-12 p.mb-0 {
        text-align: left;
    }
    body.single-solution .options1-intro .text-lg-start .col-md-12 h4 {
        text-align: left;
        margin-top: 5px;
        margin-left: 49px;
        display: flex;
        align-items: center;
    }
    body.single-solution .options1-intro .container.py-12 {
        padding-bottom: 0rem !important;
    }
    body.single-solution section.tools-list .col-lg-6.position-lg-sticky {
        padding-bottom: 0rem !important;
    }
    body.single-solution section.faq-section .card-body {
        padding: 10px;
    }
    body.single-solution .py-14 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }
    body.single-solution .py-12 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }
    body.single-solution .pb-14 {
        padding-bottom: 2.5rem!important;
    }
    body.single-solution .mb-12 {
        margin-bottom: 1.5rem!important;
    }
    body.single-solution .pt-18 {
        padding-top: 4rem!important;
    }
    body.single-solution .pb-16 {
        padding-bottom: 3rem!important;
    }
    body.single-solution .pb-10 {
        padding-bottom: 1.5rem!important;
    }
    body.single-solution .pt-10 {
        padding-top: 1.5rem!important;
    }
    body.single-solution .g-8, 
    body.single-solution .gy-8 {
        --bs-gutter-y: 1rem;
    }
    body.single-solution section.use-cases .card-body {
        padding: 20px;
    }
    body.single-solution section.options2-list .card-body {
        padding: 10px;
    }
    body.single-solution .py-md-12 {
        padding-top: 2rem!important;
        padding-bottom: 2rem!important;
    }
    body.single-solution section.options3-list svg.icon-svg {
        width: 33px;
        height: 33px;
        position: absolute;
    }
    body.single-solution section.options3-list h4 {
        margin-left: 45px;
        height: 45px;
        line-height: 18px;
        display: flex;
        align-items: center;
    }
    body.single-solution section.options3-intro svg.icon-svg {
        width: 33px;
        height: 33px;
        position: absolute;
    }
    body.single-solution section.options3-intro h4 {
        margin-left: 45px;
        height: 45px;
        line-height: 18px;
        display: flex;
        align-items: center;
    }
    body.single-solution section.options2-list .col-lg-5 svg.icon-svg {
        width: 33px;
        height: 33px;
        position: absolute;
    }
    body.single-solution section.options2-list .col-lg-5 h4 {
        margin-left: 45px;
        height: 45px;
        line-height: 18px;
        display: flex;
        align-items: center;
    }
    body.single-solution section.tools-list svg.icon-svg {
        width: 33px;
        height: 33px;
        position: absolute;
    }
    body.single-solution section.tools-list h4 {
        margin-left: 60px;
        height: 45px;
        line-height: 18px;
        display: flex;
        align-items: center;
    }
    body.single-solution #why_setster_industry_reasons .icon {
        position: absolute;
    }
    body.single-solution #why_setster_industry_reasons h4 {
        margin-left: 55px;
        height: 45px;
        line-height: 18px;
        display: flex;
        align-items: center;
    }
    body.single-solution #why_setster_reasons .icon {
        position: absolute;
    }
    body.single-solution #why_setster_reasons h3 {
        margin-left: 55px;
        height: 45px;
        line-height: 18px;
        display: flex;
        align-items: center;
    }
    body.single-solution .lead.fs-lg {
        font-size: 20px !important;
        line-height: 26px;
    }
    body.single-solution .fs-25 {
        font-size: 18px !important;
    }
    body.single-solution .lead {
        line-height: 26px;
    }
}