/*
Theme Name: Company
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
a.button.primary.lowercase {
  font-size:14px;
  font-weight:400;
}
.home .section h2 {
  font-size:50px;
  color:var(--primary-color);
  line-height:1.3;
  margin-bottom:16px;
}
.home .section h3 {
  font-size:18px;
  font-weight:500;
  color:var(--primary-color);
  line-height:1.4;
  margin-bottom:4px;
}
.home_ss2 .large-2 {
  flex-basis:20%;
  max-width:20%;
}
.home_ss2 .large-2 .col-inner h4 {
  font-size:14px;
  font-weight:500;
  margin-bottom:0;
}
.home_ss2 .large-2 .col-inner .icon-box-img,.home_ss3 .large-2 .col-inner .icon-box-img {margin-bottom:14px;}
.home_ss3 p {
  margin-top:12px;
  margin-bottom:30px;
}
.home_ss3 .icon-box h4 {
  font-size:16px;
  font-weight:400;
}
.home_ss3 p {margin-bottom:30px;}
.home_ss3 .icon-box h4 {
  font-size:16px;
  font-weight:400;
}
.home_ss3 .large-4 .row.large-columns-3 {
  align-items:center;
  margin-top:60px;
}
.home_ss3 .large-8 {padding-right:120px;}
.home_ss4 .icon-box h4 {
  font-size:15px;
  font-weight:400;
}
.home_ss4 .icon-box {
  align-items:center;
  padding-bottom:16px;
}
.home_ss4 .large-6:last-child .icon-box h5 {
  font-size:24px;
  font-weight:400;
  color:var(--fs-color-secondary);
}
.home_ss4 .large-6:last-child h2 {margin-bottom:16px;}
.home_ss4 .large-6:last-child .random-text h6 {
  margin-top:12px;
  text-transform:none;
  font-size:24px;
  font-weight:500;
  opacity:1;
}
.home_ss4 .large-6:first-child .large-6 .icon-box-img {position:relative;}
.home_ss4 .large-6:first-child .large-6 .icon-box-img:before {
  content:'';
  width:1px;
  height:22px;
  border-left:1px dashed var(--fs-color-secondary);
  position:absolute;
  top:-6px;
  left:50%;
  transform:translate(-50%, -50%);
}
.home_ss4 .large-6:first-child .large-6 .icon-box:first-child .icon-box-img:before {
  display:none
}
.home_ss5 .large-12:nth-child(2) .col-inner {
  display:grid;
  grid-template-columns:repeat(7, 1fr);
  gap:20px 10px;
  margin-bottom:20px
}
.home_ss5 .icon-box .icon-box-img {
  margin-bottom:8px;
  width:44px !important;
}
.home_ss5 .icon-box .icon-box-text h3 {
  font-size:36px;
  color:var(--fs-color-secondary)
}
.home_ss5 .icon-box .icon-box-text p {
  font-size:15px;
  font-weight:400;
  margin-bottom:0;
}
.home_ss6 .large-6:last-child .icon-box-img {
  position:relative;
  width:50px !important;
  height:50px;
  background:var(--fs-color-secondary);
  border-radius:100%;
  padding:15px 13px 11px 13px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.home_ss6 .large-6:last-child .icon-box-img:before,.about_ss4 .icon-box-img:before {
  content:'';
  width:1px;
  height:100%;
  border-left:2px solid var(--fs-color-secondary);
  position:absolute;
  top:-12px;
  left:50%;
  transform:translate(-50%, -50%);
  z-index:-1
}
.home_ss6 .large-6:last-child .icon-box:first-child .icon-box-img:before,.about_ss4 .icon-box:first-child .icon-box-img:before {
  display:none
}
.home_ss6 .large-6:last-child .icon-box {
  margin-bottom:30px;
  align-items:center;
}
.home_ss6 .large-6:last-child .icon-box-text h4 {
  font-size:16px;
  font-weight:400;
}
.home_ss6 .large-6 .col-inner {position:relative;}
.home_ss6 .large-6:last-child .col-inner:before {
  content:'';
  background:url('/wp-content/uploads/2026/03/img8.png') no-repeat;
  width:50%;
  height:100%;
  position:absolute;
  left:75%;
  top:65%;
  transform:translate(-50%,-50%);
  opacity:.3;
}
#footer .ux-logo-link {padding:0 0 15px !important;}
#footer .col {padding-bottom:0;}
#footer h5,#footer h6 {
  font-size:18px;
  text-transform:none;
  opacity:1;
}
#footer a, #footer span,#footer p {font-size:15px;}
#footer .icon-box-img {width:14px !important;}
#footer a.button.primary.lowercase {margin-top:20px;}
.absolute-footer {
  border-top:1px solid;
  padding-top:12px;
}
.if {
  text-shadow:4px 1px 2px #65882E;
  color:#fff;
  font-size:22px;
  padding-left:100px;
}
ul#header-contact a {
  color:#fff;
  text-transform:none;
  font-size:14px;
  font-weight:400;
}
.header-bottom .nav>li>a {
  font-size:16px;
  font-weight:500;
}
.nav-line-bottom>li.active>a:before,.nav-line-bottom>li:hover>a:before {
  height:1px;
  bottom:8px;
  background:var(--fs-color-secondary);
}
.nav-line-bottom>li.active>a:before {
}
.header-bottom .nav>li.active>a,.nav-line-bottom>li:hover>a {color:var(--fs-color-secondary);}
.random-text p.text {
  font-size:30px;
  color:var(--fs-color-secondary);
}
.random-text {min-height:90px;}
.page_ss .page-title-inner {
  flex-direction:column;
  display:flex;
  align-items:flex-start;
}
.page_ss .page-title-inner .title-content {margin-left:0;}
.page_ss .page-title-inner .title-content nav.woocommerce-breadcrumb a, .page_ss .page-title-inner .title-content nav.woocommerce-breadcrumb span,.page_ss .page-title-inner .title-content nav.woocommerce-breadcrumb {
  text-transform:none;
  font-weight:400;
}
.page_ss .title-wrapper h1 {
  font-size:36px;
  text-transform:none;
}
.about_ss2 .large-3 .col-inner .icon-box {
  background:#E1F3E8;
  border:1px solid #cdef9f;
  height:100%;
  padding:12px;
  border-radius:8px;
}
.about_ss2 .large-3 .col-inner {height:100%;}
.about_ss2 .row .large-3 {max-width:25%;}
.about_ss2 .large-3 .col-inner .icon-box .icon-box-img {margin-bottom:8px;}
.about_ss2 .large-3 .col-inner .icon-box p {
  margin-bottom:0;
  font-size:15px;
}
.about_ss2 .large-3 .col-inner .icon-box h3 {
  font-size:20px;
  font-weight:600;
  margin-bottom:4px;
  color:var(--primary-color);
}
.about_ss3 h3 {
  font-size:16px;
  font-weight:500;
  color:var(--fs-color-secondary);
}
.about_ss3 .icon-box-img {
  background:var(--primary-color);
  width:30px !important;
  height:30px;
  padding:6px 8px 4px 8px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:100%;
}
.about_ss3 .icon-box .icon-box-text h5 {
  font-size:15px;
  color:var(--primary-color);
}
.about_ss3 .icon-box {align-items:center;}
.about_ss4 p {margin-bottom:24px;}
.about_ss h2 {
  font-size:44px;
  color:var(--primary-color);
  margin-bottom:10px;
}
.about_ss4 p {margin-bottom:24px;}
.about_ss4 .icon-box {
  align-items:center;
  margin-bottom:24px;
}
.about_ss4 .icon-box-img {
  background:#61CE70;
  border-radius:100%;
  padding:4px 6px 7px 6px;
  height:60px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.about_ss4 .icon-box-text h6 {
  font-size:16px;
  margin-bottom:6px;
  color:var(--primary-color);
  opacity:1;
}
.about_ss4 .icon-box-text p {
  font-size:14px;
  line-height:1.4;
}
.about_ss5 .tabbed-content .nav li a {
  border:1px solid;
  padding:8px 20px;
  font-size:16px;
  font-weight:500;
  width:100%;
  display:block;
  text-transform:none;
  color:#fff;
  background:var(--primary-color);
  border-color:var(--primary-color);
}
.about_ss5 .tabbed-content .nav li {
  margin:1px;
  width:33%;
  text-align:center;
}
.about_ss5 .tabbed-content .nav li.active a {
  background:#fff;
  color:var(--fs-color-secondary);
  border-color:var(--fs-color-secondary);
}
.about_ss5 .tabbed-content .tab-panels {
  border:1px solid #fff;
  padding:18px;
  width:calc(100% - 8px);
  margin:1px auto 0;
}
.about_ss5 h2 {margin-bottom:24px;}
.nlsx_ss h2 {
  font-size:50px;
  color:var(--primary-color);
}
.nlsx_ss h2 {
  font-size:50px;
  color:var(--primary-color);
}
.nlsx_ss2 .box-image,.nlsx_ss3 .box-image {border-radius:12px;}
.nlsx_ss2 .box-text,.nlsx_ss3 .box-text {
  border-radius:12px;
  background:#E1F3E8;
}
.nlsx_ss3 .box-text {min-height:104px;}
.nlsx_ss4 h3, .contact_ss h2 {
  font-size:32px;
  color:var(--primary-color);
  margin-bottom:8px;
}
.nlsx_ss4 p {
  margin-bottom:0;
  border-left:3px solid var(--fs-color-secondary);
  padding-left:10px;
}
.nlsx_ss4 .img img {border-radius:12px;}
.contact_ss .form-lien-he .left {
  font-size:16px;
  font-weight:500;
  margin-bottom:4px;
}
.contact_ss .form-lien-he input,.contact_ss .form-lien-he textarea {
  border:1px solid #ddd;
  box-shadow:none;
  border-radius:8px;
  font-size:14px;
}
.contact_ss h4 {font-size:20px;}
.contact_ss p {font-size:16px;}
.contact_ss p span {
  display:flex;
  gap:4px;
}
.contact_ss p span strong {min-width:64px;}
span.widget-title {
  font-size:18px;
  text-transform:none;
  font-weight:500;
}
.widget li a {font-size:15px;}
.widget .is-divider.small {margin:4px 0 8px;}
.recent-blog-posts-li a {
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-line-clamp:2;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  margin-bottom:0;
}
li.recent-blog-posts-li .recent-blog-posts {align-items:center !important;}
.home_ss7 .flickity-slider > * {max-width:25%;}
.slider-style-focus .flickity-slider>:not(.is-selected) {
  transform:scale(1);
  opacity:1;
}
.slider-style-focus .flickity-slider img {
  height:100%;
  min-height:340px;
}
.home_ss7 .slider {
  padding-top:0;
  padding-bottom:0;
  margin-bottom:-30px;
}
.nlsx_ss1 img {border-radius:12px;}
.home_ss,.about_ss,.nlsx_ss {
  padding-top:50px !important;
  padding-bottom:50px !important;
}
.page_ss {
  padding-top:0 !important;
  padding-bottom:0 !important
}


.home_ss2 .col{
  perspective:1000px;
}
.home_ss2 .col-inner {
    height: 100%;
}
.home_ss2 .icon-box{
  position:relative;
  transform-style:preserve-3d;
  transition:transform .6s;
  border: 1px solid #ddd;
  padding: 16px;
  border-radius: 12px;
  background: #fff;
  height: 100%;
}

.home_ss2 .col:hover .icon-box{
  transform:rotateY(180deg);
}

.home_ss2 .icon-box-img,
.home_ss2 .icon-box-text{
  backface-visibility:hidden;
}

.home_ss2 .icon-box-back{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:rotateY(180deg);
  backface-visibility:hidden;
  background:linear-gradient(180deg,#29A8FF 0%,#0799F8 100%);
  border-radius: 12px;
  padding:25px;
}
.home_ss2 .icon-box-back h4 {
    color: #fff;
    font-size: 16px !important;
}
@media only screen and (max-width: 48em) {
  .home .section h2 {font-size:28px;}
  .home_ss2 .large-2 {
    flex-basis:100%;
    max-width:100%;
    padding-bottom:12px;
  }
  .home_ss2 .large-2 .icon-box {
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:18px;
  }
  .home_ss2 .large-2 .icon-box .icon-box-text {margin:0;}
  .home_ss2 .large-2 .icon-box .icon-box-img {margin:0;}
  .home_ss2 .large-12 {padding-bottom:8px;}
  .home_ss3 .large-8 {padding-right:0;}
  .home_ss4 .left .icon-box .icon-box-img {order:1;}
  .home_ss4 .left .icon-box .icon-box-text {
    order:2;
    text-align:left;
  }
  .home_ss4 .icon-box {gap:12px;}
  .home_ss4 .icon-box .icon-box-text {padding-left:0;}
  .home_ss4 .large-6:first-child {padding-bottom:0;}
  .home_ss4 .right .icon-box .icon-box-img:before {
    display:block !important
  }
  .home_ss5 .large-12:nth-child(2) .col-inner {grid-template-columns:repeat(3, 1fr);}
  .home_ss7 .flickity-slider > * {
    max-width:80%;
    padding-left:15px;
    padding-right:15px;
  }
  .about_ss2 .row .large-3 {max-width:50%;}
  .about_ss h2 {font-size:28px;}
  .about_ss2 .large-12 {padding-bottom:12px;}
  .about_ss4 .icon-box-img:before {
    top:-30px;
    height:120%;
  }
  .about_ss5 .tabbed-content .nav li {
    width:32.4%;
    height:100%;
    display:flex;
  }
  .about_ss5 .tabbed-content .nav li a {
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .about_ss5 .tabbed-content .tab-panels {margin-top:3px;}
  .nlsx_ss h2,.contact_ss h2 {font-size:28px;}
  .nlsx_ss4 h3 {font-size:26px;}
  .nlsx_ss4 .row:nth-child(2) .large-6:first-child {
    order:2;
    padding-bottom:30px;
  }
  .nlsx_ss4 .row .large-6:first-child {padding-bottom:10px;}
  .nlsx_ss4 .row:nth-child(2) .large-6:last-child {padding-bottom:10px;}
  .contact_ss2 {padding-bottom:0 !important;}
  .header-main i.icon-menu:before, .header-main i.icon-search:before {
    color:#fff;
    font-size:24px;
  }
  .header-main i.icon-search:before {font-size:18px;}
  #footer .col {padding-bottom:16px;}
  .home_ss, .about_ss, .nlsx_ss {
    padding-top:30px !important;
    padding-bottom:30px !important;
  }
  .home_ss3 .large-2 {margin:0;}
  .category div#content {
    padding-top:0;
    padding-bottom:0;
  }
  .category div#content .box-image {border-radius:12px;}
  .category div#content .box-text h5.post-title a {font-size:20px;}
}