/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

:root {
    --clr-text: var(--fs-color-text);
    --clr-white: #fff;
    --clr-white-20: rgba(255, 255, 255, 0.2);
    --clr-white-10: rgba(255, 255, 255, 0.1);

    --shadow: 0 5px 12px rgba(0, 0, 0, 0.075);

    --transition: all .2s;
}

/*--------------------*/
/*  General           */
/*--------------------*/
.h1, .h2, h1, h2 {line-height: 1.1;}
p a {transition: var(--transition);}
ul li.bullet-checkmark {border: none;}
ul li.bullet-checkmark::before {color: var(--fs-color-secondary);}
.location-list ul {display: grid;grid-template-columns: repeat(2,1fr);column-gap: 1rem;margin-bottom: 0;}
.location-list li {margin-left: 0 !important;list-style: none;position: relative;padding-left: 20px;}
.location-list li::before {content: "";font-family: fl-icons!important;color: var(--fs-color-secondary);position: absolute;left: 0;top: 0;}
/*--------------------*/
/*  Header            */
/*--------------------*/
.nav>li.html {font-size: 1em;}
.nav-uppercase>li>a {letter-spacing: 0;}
.nav-spacing-xlarge>li {margin-inline: 1.2vw;}
.logo-left .logo {margin-right: 0;}
.header-main {box-shadow: var(--shadow);}
.header-nav-main {justify-content: center;}
.header-contact.nav li {color: var(--clr-white);}
.header-contact.nav li a {color: inherit;font-size: 1rem;font-weight: 400;letter-spacing: 0;padding-block: 0;}
.header-contact.nav i {color: var(--fs-color-secondary);width: 46px;height: 46px;text-align: center;border-left: 1px solid var(--clr-white-20);border-right: 1px solid var(--clr-white-20);display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;}
.header-contact.nav>li>a>i+span {margin-left: 15px;}
.header .nav-small .social-icons {border-left: 1px solid var(--clr-white-20);}
.header .nav-small .social-icons a {border-right: 1px solid var(--clr-white-20);}
.header .nav-small .social-icons a.icon:not(.button) {color: var(--fs-color-secondary);width: 46px;height: 46px;display: inline-flex;align-items: center;justify-content: center;font-size: 1.125rem;margin-inline: 0;}
.header-button .button::before {content: "";font-family: fl-icons!important;font-weight: 400;margin-left: -.15em;margin-right: .4em;position: relative;top: 1.5px;}
.header-button .button.primary::before {color: var(--fs-color-primary);}
.has-dropdown .icon-angle-down {opacity: 1;}
.mobile-nav .nav-icon a {color: var(--fs-color-primary) !important;}
.sidebar-menu .nav>li>a {font-size: 1rem;color: var(--fs-color-primary);}
.sidebar-menu .header-contact {padding-block: 15px !important;}
.sidebar-menu .header-contact a {padding-left: 0 !important;flex-wrap: nowrap;line-height: 1.4;}
.sidebar-menu .header-contact.nav>li>a>i+span {margin-left: 0;}
.container:has(.sticky-buttons) {padding-inline: 0;}
@media (min-width: 850px) {
    .header-contact.nav-divided>li {margin-inline: 0;}
    .header-contact.nav-divided>li+li {margin-left: 35px;}
    .header-contact.nav-divided>li+li>a::after {display: none;}
}
@media (max-width: 1199px) {
    .header-main .hide-for-medium {display: none;}
    .header-main .show-for-medium {display: block !important;}
}
/*--------------------*/
/*  Hero banner       */
/*--------------------*/
.hero-subtitle>* {margin-bottom: .5em;}
.hero-title>* {line-height: 1;margin-bottom: .5em;}
.hero-text>* {margin-bottom: 2em;}
/*--------------------*/
/*  Benefits          */
/*--------------------*/
.benefits-1 .col {padding-bottom: 0;}
.benefits-1 .col-inner {box-shadow: var(--shadow);}
.benefits-1 .icon-box-img .icon, .benefits-2 .icon-box-img .icon {position: relative;padding-top: 100%;}
.benefits-1 .icon-box-img .icon-inner, .benefits-2 .icon-box-img .icon-inner {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.benefits-1 .icon-box-img, .benefits-2 .icon-box-img {background-color: var(--fs-color-secondary);}
.benefits-1 .icon-box-img img, .benefits-1 .icon-box-img svg, .benefits-2 .icon-box-img img, .benefits-2 .icon-box-img svg {width: 30px;height: auto;}
.benefits-1 .icon-box-left .icon-box-img+.icon-box-text {padding-left: 20px;}
.benefits-1 .icon-box-text p {margin-bottom: 0;}
.benefits-2 .box {background-color: var(--clr-white);border: 1px solid var(--fs-color-secondary);height: 100%;}
.benefits-2 .box-text-inner>* {margin-block: 0;}
.benefits-2 .box-overlay.dark .box-text {text-shadow: none;}
.benefits-2 .box-overlay.dark .box-text h4 {color: var(--fs-color-headings);}
.benefits-2 .box-overlay.dark .box-text p {color: var(--clr-text);}
.benefits-2 .box-overlay.dark .box-text h4, .benefits-2 .box-overlay.dark .box-text p {transition: var(--transition);}
.benefits-2 .box-image {opacity: 0;}
.benefits-2 .box:hover {border-color: transparent}
.benefits-2 .box:hover .box-image {opacity: 1;}
.benefits-2 .box-overlay.dark:hover .box-text h4, .benefits-2 .box-overlay.dark:hover .box-text p {color: var(--clr-white) !important;}
@media (min-width: 850px) {
    .benefits-1 {padding-block: 0;transform: translateY(-50%);}
}
@media (max-width: 849px) {
    .benefits-1 .icon-box {flex-direction: column;}
    .benefits-1 .icon-box-img {margin-inline: auto;}
    .benefits-1 .icon-box-left .icon-box-img+.icon-box-text {padding-left: 0;padding-top: 15px;}
    .benefits-2 .box-image {opacity: 1;}
    .benefits-2 .overlay {display: none;}
    .benefits-2 .box-overlay .box-text {position: relative;}
}
/*--------------------*/
/*  Tabs            */
/*--------------------*/
.nav-simple.nav-vertical>li+li {border-color: var(--clr-white-20);}
.nav-simple.nav-vertical>li>a {background-color: var(--clr-white-10);padding: 1em 1.5em .8em;}
.nav-simple.nav-vertical>li.active>a {background-color: var(--fs-color-secondary);color: var(--fs-color-primary);}
@media (min-width: 850px) {
    .nav-simple.nav-vertical+.tab-panels {border-left: none;}
    .nav-simple.nav-vertical>li>a {font-size: 1rem;}
}
@media (max-width: 849px) {
    .nav-simple.nav-vertical {display: grid;grid-template-columns: repeat(2,1fr);}
    .nav-simple.nav-vertical>li:nth-child(2) {border: none;}
    .nav-simple.nav-vertical>li:nth-child(2n+2) {border-left: 1px solid var(--clr-white-20);}
}
/*--------------------*/
/*  Testimonials      */
/*--------------------*/
.testimonial-text {font-style: normal !important;line-height: 1.6;}
.testimonial-name {color: var(--fs-color-primary);}
/*--------------------*/
/*  Blog              */
/*--------------------*/
.col-inner:has(.box-blog-post), .box-blog-post {height: 100%;}
.box-blog-post {display: flex;flex-direction: column;}
.box-blog-post .box-image {width: 100%;}
.box-blog-post .box-text {flex: 1;}
.post-title a:hover {color: var(--fs-color-secondary);}
/*--------------------*/
/*  UX logo           */
/*--------------------*/
.ux-logo-image {object-fit: contain;}
/*--------------------*/
/*  Button            */
/*--------------------*/
.button {font-weight: 600;padding-inline: 2.1875em;line-height: 3.625em;min-height: 3.625em;letter-spacing: 0;margin-bottom: 0;}
.button:not(.is-outline) {border: none;}
.button:hover {box-shadow: none;}
.button.primary:hover {background-color: var(--fs-color-secondary);color: var(--fs-color-primary);}
.button.secondary {color: var(--fs-color-primary);}
.button.secondary:hover {background-color: var(--fs-color-primary);color: #fff;}
.button.white {color: var(--fs-color-primary) !important;}
.button.white:hover {background-color: var(--fs-color-secondary) !important;}
.dark .button.secondary:hover {background-color: var(--clr-white);color: var(--fs-color-primary);}
/*--------------------*/
/*  Contacts          */
/*--------------------*/
.cnt-item {display: flex;gap: 10px;}
.cnt-item p {margin-bottom: 0;}
.plain .cnt-item .text>* {transition: var(--transition);}
.cnt-item::before {content: '';font-family: fl-icons!important;color: var(--fs-color-secondary);font-size: 17px;min-width: 1em;text-align: center;}
.plain:hover .cnt-item .text>* {color: var(--fs-color-secondary) !important;}
.cnt-item.phone::before {content: "";}
.cnt-item.location::before {content: "";}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer-list ul {margin-bottom: 0;}
.footer-list li {list-style: none;margin-left: 0 !important;position: relative;}
.footer-list a {display: inline-block;vertical-align: top;transition: var(--transition);position: relative;padding-left: 20px;}
.footer-list li a::before {content: '';position: absolute;left: 0;top: .5em;width: 8px;height: 8px;border-right: 2px solid;border-top: 2px solid;transform: rotate(45deg);}
.footer-list a:hover {color: var(--fs-color-secondary);}
.absolute-footer {padding-block: 20px;font-size: 1em;}
.absolute-footer.dark {color: var(--clr-white);}
.absolute-footer a {transition: var(--transition);}
.absolute-footer a:hover {color: var(--fs-color-secondary);}
.footer-secondary {padding-block: 0;}
/*--------------------*/
/*  Social networks   */
/*--------------------*/
.social-icons .button.icon {min-height: 0;min-width: 40px;border-width: 1px;color: var(--fs-color-secondary);line-height: 38px;margin-inline: 10px;margin-bottom: 0;border-color: var(--clr-white-20);}
.social-icons .button.icon>i {transition: var(--transition);top: 0;}
.social-icons .button.icon:hover {border-color: var(--fs-color-secondary) !important;background-color: var(--fs-color-secondary) !important;}
.social-icons .button.icon:hover>i {color: var(--fs-color-primary) !important;}
.social-icons.text-left .button.icon {margin-inline: 5px;}
.social-icons.text-left .button.icon:first-child {margin-left: 0;}
.social-icons.text-left .button.icon:last-child {margin-right: 0;}
/*--------------------*/
/*  Icon Box          */
/*--------------------*/
.icon-box-img img, .icon-box-img svg {padding-top: 0;}
.icon-box .icon {font-size: 0;}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion-title {padding-block: 1em;padding-left: 1rem;display: flex;align-items: center;gap: 1rem;}
.accordion-title::before {content: '';display: block;width: 8px;height: 8px;background-color: var(--fs-color-primary);border-radius: 100%;flex-shrink: 0;}
.accordion .toggle {opacity: 1;left: auto;right: 0;top: 0.75em;margin-right: 0;color: var(--fs-color-primary);}
.accordion-inner {padding-left: calc(2rem + 8px);}
.accordion-inner>*:last-child {margin-bottom: 0;}
/*--------------------*/
/*  Forms             */
/*--------------------*/
input[type=submit].ninja-forms-field {height: 60px;font-size: 1rem;padding-inline: 2.1875em;font-weight: 600;}
input[type=submit].ninja-forms-field:hover {box-shadow: none;background-color: var(--fs-color-secondary);color: var(--fs-color-primary);}