/*
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=DM+Sans:wght@200;300;600&display=swap');

:root {
  --clr-white: #fff;
  --clr-blue: #378AE3;
  --clr-text: #0F2B33;
  --clr-input: rgba(15, 43, 51, 0.8);
  --clr-dark-orange: #A65F22;

  --bg-1: #EFF6FD;
  --bg-2: #F5FAFE;

  --gradient-1: linear-gradient(93.97deg, #60ADFF, #2B80DB 51%, #60ADFF) 0 / 200%;
  --shadow: 0 0 10px rgba(15, 43, 51, 0.06);

  --lts-1: 0.05em;

  --rd-1: 15px;
  --rd-2: 8px;
  --rd-3: 5px;
  
  --transition-1: .2s;
}

/*--------------------*/
/*  General           */
/*--------------------*/
p {margin-bottom: .75em;}
.uppercase, h6, span.widget-title, th {letter-spacing: 0;}
ul:has(li.bullet-arrow) {margin-bottom: 0;}
ul li.bullet-arrow {border: none;padding: 0 0 0 23px;}
ul li.bullet-arrow+* {margin-top: .7em;}
ul li.bullet-arrow::before {content: '' !important;width: 9px;height: 9px;top: 10px;background: url("img/icons/icon-arrow-right-blue.svg") no-repeat center;}
.footer-wrapper ul li.bullet-arrow::before {background-image: url("img/icons/icon-arrow-right.svg");}
ul li.bullet-arrow a {transition: var(--transition-1);}
ul li.bullet-arrow a:hover {color: var(--fs-color-primary);}
.box-text {font-size: 1em;}
.subtitle p {margin-bottom: 0;}
.rd-top-right .img-inner {border-top-right-radius: var(--rd-1);}
.rd-bottom-right .img-inner {border-bottom-right-radius: var(--rd-1);}
.rd-top-left .img-inner {border-top-left-radius: var(--rd-1);}
.rd-bottom-left .img-inner {border-bottom-left-radius: var(--rd-1);}
.offset-right .col-inner, .offset-left .col-inner {width: auto;}
@media (min-width: 850px) {  
  .offset-right .col-inner {margin-right: calc((100vw - var(--fs-layout-width) + 60px)/-2) !important;}
  .offset-left .col-inner {margin-left: calc((100vw - var(--fs-layout-width) + 60px)/-2) !important;}
}
@media (max-width: 849px) {
  .offset-right .col-inner {margin-right: -15px;}
  .offset-left .col-inner {margin-left: -15px;}
}
/*--------------------*/
/*  Header            */
/*--------------------*/
.nav>li.html {font-size: 1em;}
.nav>li>a {font-size: .85em;}
.nav li.has-icon-left>a>img {margin-right: 10px;} 
.nav-spacing-xlarge>li {margin-inline: 15px;}
.nav-spacing-xlarge>li.html {margin-inline: calc(var(--h-gap)/2);}
.nav li.has-icon-left>a>i {margin-inline: 6px 0;}
.nav-dropdown-default {padding: 14px;}
.has-dropdown .icon-angle-down {opacity: 1;}
.has-dropdown .icon-angle-down::before {content: '';display: block;width: 9px;height: 6px;background: url("img/icons/icon-arrow-down.svg") no-repeat center / contain;}
.nav-dropdown>li>a {font-size: 1rem;}
.header {--h-gap: 2.6vw;}
.logo-left .logo {margin-right: 0;}
.header-main .flex-col:has(.header-nav-main) {padding-right: var(--h-gap);}
.header-main .flex-col:has(.html) {background-color: var(--bg-1);height: 100%;display: flex;padding-inline: var(--h-gap);}
.header-nav-main {justify-content: flex-end;}
@media (min-width: 850px) and (max-width: 1550px) {
  #logo {width: 180px !important;}
}
@media (min-width: 850px) and (max-width: 1470px) {
  #logo {width: 160px !important;}
}
@media (min-width: 1200px) {
  .header-full-width .header-main .container {padding-inline: var(--h-gap) 0;}
}
@media (max-width: 1660px) {
  .nav > li > a {font-size: .7em;}
}
@media (max-width: 1470px) {
  .header {--h-gap: 15px;}
  .nav > li > a {font-size: .65em;}
  .nav-spacing-xlarge>li {margin-inline: 5px;}
}
@media (max-width: 1199px) {
  .header .hide-for-medium {display: none !important;}
  .header .show-for-medium {display: block !important;}
  .header-wrapper:not(.stuck) .header-bottom:has(.sticky-buttons) {display: none !important;}
  .header-bottom .container {padding-inline: 0;}
  .nav > li > a {color: var(--clr-text);}
  .nav.nav-sidebar > li > a {font-size: 1.0625rem;}
  .off-canvas .nav-vertical li li>a {font-size: 1.125rem;}
  .nav > li.html:has(.call-box) .plain {padding-left: 0;padding-block: 0;}
}
/*--------------------*/
/*  Hero banner       */
/*--------------------*/
.hb-title {margin-bottom: .26em;}
.hb .section-bg::before {content: '';display: block;position: absolute;left: 0;top: 0;z-index: 1;width: 66.72vw;height:100%;background: url("img/bg-banner.png") no-repeat right center / cover;}
.hb .section-bg img {max-width: 56.875vw;left: auto;right: 0;}
@media (max-width: 849px) {
  .hb .section-bg::before {width: 90vw;}
  .hb .section-bg img {max-width: 68%;}
}
@media (max-width: 549px) {
  .hb .section-bg img {max-width: 100%;}
}
/*--------------------*/
/*  Marquee           */
/*--------------------*/
.col-inner:has(.marquee) {overflow: hidden;}
.marquee {--gap: 33px;}
.marquee ul {margin-bottom: 0;display: flex;}
.marquee ul li {list-style: none;text-transform: uppercase;letter-spacing: var(--lts-1);font-weight: 600;display: flex;margin-bottom: 0;line-height: 1.29;}
.marquee ul li+li::before {content: '*';display: block;font-weight: 300;margin-inline: var(--gap);opacity: .7;position: relative;top: 5px;line-height: 1;}
.marquee.type2 ul li {font-weight: 200;font-size: clamp(1.875rem, 1.268rem + 2.589vw, 4.375rem);align-items: center;letter-spacing: 0;}
.marquee.type2 ul li+li::before {content: '';background: url("img/divider.svg") no-repeat center;width: 49px;height: 15px;top: 0;}
@media (max-width: 549px) {
  .marquee {--gap: 1rem;}
}
/*--------------------*/
/*  Services          */
/*--------------------*/
.services .box-image {border-radius: var(--rd-2);}
.services .box-text {padding: 19px 0 0 0;}
.services .box-text p {margin-block: 0;}
.services .box-overlay.dark .box-text {padding: 0;text-shadow: none;}
.services .box .text strong {font-weight: 600;}
.services .box:has(.btn) {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
.services .box:has(.btn) .box-image {background: var(--bg-1) url("img/bg-decor.svg") no-repeat center;}
.services .box:has(.btn) .image-cover img {object-fit: contain;bottom: -12px;top: auto;width: auto;max-height: 91.7%;object-position: 50% 100%;}
.services .box .btn {position: absolute;bottom: 0;left: 0;transform: translateY(50%);}
.services .box.has-hover .text>* {transition: var(--transition-1);}
.services .box.has-hover:hover .text>* {color: var(--fs-color-primary) !important;}
@media (max-width: 849px) {
  .services .box-text {padding-top: 10px;}
}
@media (max-width: 549px) {
  .services .box .btn {font-size: 14px;}
}
/*-----------------------*/
/*  Conditions, Benefits */
/*-----------------------*/
.conditions {filter: drop-shadow(var(--shadow));border-radius: var(--rd-3);overflow: clip;}
.conditions.row-small>.col {padding-inline: .5px;padding-bottom: 1px;}
.conditions .icon-box-text {max-width: 140px;}
.conditions .icon-box .text p, .benefits .icon-box .text p {margin-bottom: 0;}
.conditions .icon-box .text strong, .benefits .icon-box .text strong {font-weight: 600;}
.conditions .icon-box svg path[fill="currentColor"], .benefits .icon-box svg path[fill="currentColor"] {fill: var(--fs-color-primary);}
.conditions .icon-box svg path[stroke="currentColor"], .benefits .icon-box svg path[stroke="currentColor"] {stroke: var(--fs-color-primary);}
.conditions .icon-box svg path[fill="none"], .benefits .icon-box svg path[fill="none"] {fill: transparent !important;}
.conditions .icon-box svg path[fill="currentColor"], .conditions .icon-box svg path[stroke="currentColor"], .benefits .icon-box svg path[fill="currentColor"], .benefits .icon-box svg path[stroke="currentColor"], .conditions .text>*, .benefits .text>* {transition: var(--transition-1);}
.conditions .col:hover .text>*, .benefits .col:hover .text>* {color: var(--fs-color-secondary) !important;}
.conditions .col:hover .icon-box svg path[fill="currentColor"], .benefits .col:hover .icon-box svg path[fill="currentColor"] {fill: var(--fs-color-secondary);}
.conditions .col:hover .icon-box svg path[stroke="currentColor"], .benefits .col:hover .icon-box svg path[stroke="currentColor"] {stroke: var(--fs-color-secondary);}
.benefits.type2 .icon-box-text>*+* {margin-top: 11px;}
.benefits.type2 .icon-box .text strong {font-weight: 700;}
/*--------------------*/
/*  CTA               */
/*--------------------*/
.cta .call-box.type2 {background: var(--clr-dark-orange);}
.cta .call-box.type2 .icon {background-color: var(--fs-color-secondary);}
.cta .social-icons .button {margin-inline: 0;}
.cta .social-icons .button+.button {margin-left: 5px;}
/*--------------------*/
/*  Buttons           */
/*--------------------*/
.header-button .button:not(.is-outline), .btn:not(.is-outline) {border: none;} 
.header-button .button.is-small, .btn.is-small {font-size: .85em;}
.header-button .button, .btn {letter-spacing: 0;font-weight: 600;padding-inline: 1.76em;line-height: 3.706em;min-height: 3.706em;margin-bottom: 0;}
.header-button .button.primary:not(.is-outline), .btn.primary:not(.is-outline) {background: var(--gradient-1);}
.header-button .button.primary:hover, .btn.primary:hover {box-shadow: none;background-position: 100% 50%;}
.btn.is-outline {border-width: 1px;line-height: 3.588em;}
@media (min-width: 1200px) and (max-width: 1366px) {
  .header-button .button.is-small {font-size: .7em;}
}
/*--------------------*/
/*  Icon box          */
/*--------------------*/
.icon-inner {font-size: 0;}
.icon-box-img img, .icon-box-img svg {padding-top: 0;}
.call-box.icon-box-left {align-items: center;}
.call-box.icon-box-left .icon-box-img+.icon-box-text {padding-left: .5em;}
.call-box .icon-box-text .text {text-transform: none;letter-spacing: 0;}
.call-box .icon-box-text>*+* {margin-top: 2px;}
.call-box strong {font-weight: 600;}
.call-box.type2 {background: var(--gradient-1);width: auto;border-radius: 99px;padding: 2px;transition: var(--transition-1);}
.call-box.type2 .icon {position: relative;padding-bottom: 100%;border-radius: 100%;background-color: var(--clr-blue);}
.call-box.type2 .icon-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.call-box.type2 .icon-box-img svg {width: auto;height: auto;}
.call-box.type2.icon-box-left .icon-box-img+.icon-box-text {padding-inline: 1em 1.4em;}
.call-box.type2 .text p {margin-bottom: 0;}
[href*="tel"]:hover .call-box .icon-box-img img, [href*="tel"]:hover .call-box .icon-box-img svg {-webkit-animation-name: trin;animation-name: trin;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
[href*="tel"]:hover .call-box.type2 {background-position: -50% 50%;}
/*--------------------*/
/*  Social icons      */
/*--------------------*/
.social-icons .button.icon {min-width: 63px;line-height: 63px;margin-bottom: 0;border: none;}
.social-icons .button.icon:not(.is-outline) {background: var(--gradient-1) !important;}
.social-icons .button.icon:not(.is-outline):hover {box-shadow: none;background-position: 100% 50% !important;}
/*--------------------*/
/*  Form elements     */
/*--------------------*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: var(--clr-input);opacity: 1;}
input:-moz-placeholder, textarea:-moz-placeholder {color: var(--clr-input);opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder {color: var(--clr-input);opacity: 1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: var(--clr-input);opacity: 1;}
.nf-form-fields-required {margin-bottom: .5em;font-size: 1.125rem;color: var(--clr-text);}
.nf-error-msg {margin-right: 0 !important;font-size: 1rem;padding-top: 3px;}
.nf-input-limit {margin-top: 0 !important;}
.nf-form-cont .one-half {width: calc(50% - 5px) !important;}
.nf-form-cont .five-sixths, .nf-form-cont .four-sixths, .nf-form-cont .one-fourth, .nf-form-cont .one-half, .nf-form-cont .one-sixth, .nf-form-cont .one-third, .nf-form-cont .three-fourths, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths, .nf-form-cont .two-sixths, .nf-form-cont .two-thirds {margin-left: 10px !important;}
.nf-form-cont .first {margin-left: 0 !important;}
.nf-field-container {margin-bottom: 10px !important;}
.nf-field-container:has(input[type=submit]) {margin-bottom: 0 !important;padding-top: 30px;}
.nf-form-layout .nf-field-element select, .nf-form-layout .nf-field-element input, .nf-form-layout .nf-field-element textarea {height: 63px;border: 1px solid transparent;box-shadow: none;border-radius: var(--rd-3);box-shadow: var(--shadow);padding-inline: 30px;color: var(--clr-input);}
.nf-form-layout .nf-field-element select {background-image: url("img/icons/icon-chevron-down.svg");background-size: auto 8px;background-position: right 30px top 50%;}
.nf-form-layout .nf-field-element select:focus, .nf-form-layout .nf-field-element input:focus, .nf-form-layout .nf-field-element textarea:focus {border-color: var(--fs-color-primary);}
.nf-form-layout .nf-field-element textarea {resize: vertical;min-height: 90px;vertical-align: top;}
.nf-form-layout .nf-field-element input[type=submit] {color: var(--clr-white);height: 63px;text-transform: none;font-size: 17px;font-weight: 600;border-radius: 99px;padding-inline: 1.76em;background: var(--gradient-1);} 
.nf-form-layout .nf-field-element input[type=submit]:hover {background-position: 100% 50%;}
@media (max-width: 549px) {
  .nf-form-cont .one-half {width: 100% !important;margin-left: 0 !important;}
  .nf-form-layout .nf-field-element select, .nf-form-layout .nf-field-element input, .nf-form-layout .nf-field-element textarea {padding-inline: 20px;}
  .nf-form-layout .nf-field-element select {background-position: right 20px top 50%;}
  .nf-field-container:has(input[type=submit]) {padding-top: 20px;}
}
/*--------------------*/
/*  Accordion         */
/*--------------------*/
.accordion {--padd-inline: 30px;}
.accordion-item+* {margin-top: 5px;}
.accordion-title {border: none;background-color: var(--bg-2);border-radius: var(--rd-3);font-size: 20px;font-weight: 700;color: var(--clr-text) !important;padding: .875em var(--padd-inline);transition: var(--transition-1) !important;display: flex;justify-content: space-between;align-items: center;gap: 1em;line-height: 1.4;}
.accordion .toggle {position: static;order: 2;opacity: 1;width: auto;min-height: 0;height: auto;border: none;padding: 0;margin: 0;font-size: 0;}
.accordion .toggle i {top: 0;}
.accordion .toggle i::before {content: '';display: block;width: 13px;height: 13px;background: url("img/icons/icon-chevron-down.svg") no-repeat center;}
.accordion-title.active {background-color: var(--fs-color-primary);color: var(--clr-white) !important;}
.accordion-title.active .toggle i {filter: brightness(0) invert(1);}
.accordion-inner {padding: 1.11em var(--padd-inline);font-size: 1.125rem;}
.accordion-inner>*:last-child {margin-bottom: 0;}
@media (max-width: 549px) {
  .accordion {--padd-inline: 20px;}
  .accordion-title {font-size: 18px;}
  .accordion-inner {padding-block: 1em;}
}
/*--------------------*/
/*  Footer            */
/*--------------------*/
.footer-nav .icon-box, .footer-title .icon-box {align-items: center;}
.footer-nav .icon-box-text p {margin-bottom: 0;font-weight: 500;letter-spacing: 0;}
.footer-nav .icon-box-left .icon-box-img, .footer-title .icon-box-left .icon-box-img {max-width: 16px;}
.footer-nav .icon-box-left .icon-box-img+.icon-box-text, .footer-title .icon-box-left .icon-box-img+.icon-box-text {padding-left: .5em;}
.footer-title .icon-box-text p {margin-bottom: 0;}
.footer-title .icon-box-text strong {font-weight: 700;}
.footer-nav .plain .text>* {transition: var(--transition-1);}
.footer-nav .plain:hover .text>* {color: var(--fs-color-primary) !important;}
.absolute-footer {padding-block: 1.25em;font-size: 1rem;color: var(--fs-color-text);}
.absolute-footer a {transition: var(--transition-1);}
.absolute-footer a:hover {color: var(--fs-color-primary);}
.footer-secondary {padding-block: 0;}
@media (min-width: 850px) and (max-width: 1280px) {
  .footer-top .col {max-width: 100%;flex: auto;}
  .footer-top .col+.col {margin-top: 30px;}
  .footer-top .stack {justify-content: center;}
}
@media (min-width: 850px) and (max-width: 1366px) {
  .footer-nav .text {font-size: 1rem !important;}
}
@media (max-width: 549px) {
  .footer-title .icon-box {position: relative;}
  .footer-title .icon-box::after {content: '';display: block;position: absolute;right: 0;top: 0;bottom: 0;margin-block: auto;background: url("img/icons/icon-arrow-down.svg") no-repeat center;width: 9px;height: 6px;transition: var(--transition-1);}
  .footer-title.active .icon-box::after {transform: rotate(-180deg);}
  .footer-list {display: none;}
  .footer-list::before {content: '';display: block;height: 15px;}
}
/*--------------------*/
/*  Animation         */
/*--------------------*/
@-webkit-keyframes trin {from{transform: rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{transform: rotate3d(0,0,1,-15deg);}80%{transform:rotate3d(0,0,1,0deg);}}
@keyframes trin {from{transform:rotate3d(0,0,1,0deg);}20%,32%,44%,56%,68%{transform: rotate3d(0,0,1,0deg);}23%,35%,47%,59%,71%{transform: rotate3d(0,0,1,15deg);}26%,38%,50%,62%,74%{transform: rotate3d(0,0,1,0deg);}29%,41%,53%,65%,77%{transform: rotate3d(0,0,1,-15deg);}80%{transform:rotate3d(0, 0, 1, 0deg);}}