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

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
/* Header */
.header-main{
	z-index:11;
}
/* #logo{
	margin-top:-80px;
}
#logo img {
    height: 100px;
	max-height:100px!important;
} */
#header-contact a{
	flex-direction: column;
    justify-content: flex-start;
    color: #333;
    font-weight: bolder;
    text-transform: capitalize;
    align-items: flex-start;
}
#top-bar .flex-col.flex-center{
	width:32%;
}
.row-full-width {
    max-width: 100% !important;
}
#header-contact li:first-child a{
/* 	flex-direction:row; */
}
.header .icon-phone{
    background-image: url(/wp-content/uploads/2025/05/call.png);
    color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-left: 15px !important;
}
.header .icon-envelop{
    background-image: url(/wp-content/uploads/2025/05/gmail.png);
    color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    margin-left: 15px !important;
}
.header .icon-whatsapp{
	background-image: url(/wp-content/uploads/2025/05/whatsapp.png);
    color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 28px;
    height: 27px;
    margin-left: 15px !important;
}
#header-contact li span{
	display:none;
}
#header-contact li {
	margin: 0 0em;
}
#top-bar .searchform .search-field {
    background-color: #fff !important;
	color:#000!important;
}
#top-bar .searchform .search-field::placeholder{
	color:#000!important;
}
#top-bar .form-flat .button.icon i{
	color:rgb(11 114 181) !important;
}
#top-bar .flex-col.flex-right{
		width:40%;
}
#header .custom ul li{
	margin-bottom:0;
}
.nav-small.nav>li.html ul{
	display: flex;
    gap: 10px;
    list-style: none;
    align-items: center;
}
#masthead .nav > li > a{
	font-weight: 500;
}
.header-language-dropdown a{
	color:#000!important;
}
.smiley-rating{
	padding-top:20px;
	padding-bottom:40px;
}
.home .wpcf7-radio input[type=radio]{
	display:none;
}
.wpcf7 .row .col{
	padding-bottom:0;
}
.home .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    content: '';
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: cover;
	color: transparent;
}
.home .wpcf7-radio .wpcf7-list-item:first-child .wpcf7-list-item-label {
    background-image: url('/wp-content/uploads/2025/05/emo-1.png');
}
.home .wpcf7-radio .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label {
    background-image: url('/wp-content/uploads/2025/05/emo-2.png');
}
.home .wpcf7-radio .wpcf7-list-item:nth-child(3) .wpcf7-list-item-label {
    background-image: url('/wp-content/uploads/2025/05/emo-3.png');
}
.home .wpcf7-radio .wpcf7-list-item:nth-child(4) .wpcf7-list-item-label {
    background-image: url('/wp-content/uploads/2025/05/emo-4.png');
}
.home .wpcf7-radio .wpcf7-list-item:nth-child(5) .wpcf7-list-item-label {
    background-image: url('/wp-content/uploads/2025/05/emo-5.png');
}
.home .wpcf7-form .wpcf7-radio input[type=radio]:checked + span {
	transform: scale(1.4);
    filter: brightness(1.2);
}
.home .feedback-form .wpcf7-form-control.wpcf7-textarea {
    background-color: #F3F3F3;
    border: 0;
    border-radius: 10px;
    padding: 13px 15px;
    height: auto;
    color: #939191;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 15px;
    width: calc(100% - 30px);
}
.home .wpcf7-form-control.wpcf7-submit{
	font-size: 18px;
    width: auto;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 2.4rem;
    padding: 0 4rem;
    margin-top: 1.6rem;
}
/* Section Search */
.section-search .box-category .box-image,
.section-category .box-category .box-image{
	max-width:100px;
}
.section-category .box-category .box-image:hover img{
	filter: invert(26%) sepia(40%) saturate(6737%) hue-rotate(188deg) brightness(92%) contrast(91%);
}
.section-search .box-category img{
	filter: invert(100%) sepia(87%) saturate(0%) hue-rotate(51deg) brightness(118%) contrast(101%);
}
.section-category .product-category.col{
	padding-bottom:0!important;
}
.section-category .box-category .box-text{
	padding-bottom:0;
}
.product-category.col{
	margin-bottom:0;
}
.section-search .box-category .header-title{
	color:#fff;
}
.searchform-wrapper form{
	    max-width: 750px;
    margin: 0 auto;
}
.section-search form input[type=search] {
    height: 50px;
    background: #fff;
    padding-left: 15px;
    padding-right: 15px;
    color: #000 !important;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
}
.section-search input::placeholder {
  opacity: 0.8;
  color: #000;
}
.section-search .searchform-wrapper.form-flat .flex-col:last-of-type {
    position: absolute;
    right: 0;
    border-radius: 20px;
    overflow: hidden;
}
.section-search .searchform .button.icon {
    height: 52px;
    width: 70px;
    color: #fff !important;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    background: #5897fb;
}
/* Footer  */
.absolute-footer{
    border-top: 1px solid #fff;
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
	padding-top:15px;
}

.absolute-footer .footer-primary{
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: stretch;
    float: inherit;
}
.absolute-footer ul{
	border-bottom:0;
	padding-bottom:0;
}
.absolute-footer ul.links li a{
    color: #ffff;
    text-transform: capitalize;
   
}
.ux-menu .ux-menu-title{
	font-weight: 400;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
	font-size:22px;
}
/* Trang chủ */
.title-slide{
	position:relative;
}
.title-slide:before{
	position:absolute;
	left:-25px;
	content:'';
	width:6px;
	height:100%;
	background:rgb(11, 114, 181);
}
.title-slide h1{
    color: rgb(11, 114, 181);
    margin: 0 !important;
	font-size: 36px;
	line-height:0.8;
	padding-bottom:8px;
	font-weight:700!important;
	font-family: "Roboto", sans-serif;
}
.title-slide h3{
	color:#333;
	margin:0!important;
	font-size: 32px;
	font-weight:400;
	text-transform:uppercase;
	line-height:0.8;
	font-family: "Roboto", sans-serif;
}
.text-dec-banner p{
	font-size:32px;
	line-height:1.4;
}
.btn-slide{
    font-size: 18px;
    background: #000;
    font-weight: 700;
    padding: 5px 12px;
}
.slider-nav-light .flickity-page-dots .dot.is-selected{
	background:#0b72b5;
	border-color:#0b72b5;
}
.title-heading h2{
	color: #0b72b5;
    font-family: Roboto Condensed;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.15;
	text-transform:uppercase;
	margin-bottom:0;
}
.btn-learnmore{
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.5;
    padding: 0 0 8px;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px solid #333;
    color: #333 !important;
    min-height: inherit;
}
.button.is-underline:before {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    transition: all .3s;
    width: 100%;
}
.box-text-cnt h3{
	padding:18px 30px;
    word-break: break-word;
	font-size:28px;
	font-family: "Roboto Condensed", sans-serif;
	color:#0b72b5;
	font-weight:700;
	text-transform:uppercase;
	position: relative;
}
.box-text-cnt h3:before{
    content: "";
    display: block;
    width: 6px;
    background-color: #0b72b5;
    height: 26px;
    position: absolute;
    left: 7px;
    top: 50%;
    transform: translateY(-50%);
}
.box-text-cnt .text{
	padding:15px 15px 25px 10px;
}
.box-text-cnt .text ul{
	margin-bottom:0;
	padding-left:25px;
}
.box-text-cnt .text ul li{
	margin-bottom:0;
	font-size:16px;
}
.mrl-auto{
	margin-left:auto!important;
	margin-right:auto!important;
}
.button{
	margin-bottom:0!important;
}
.btn-icon:before{
    float: right;
    content: '';
    background-image: url(/wp-content/uploads/2025/05/Arrow-right.svg);
    background-size: 30px 42px;
    height: 30px;
    width: 70px;
    padding-right: 40px;
    background-repeat: no-repeat;
}
.product .box{
	background:#fff;
	padding:30px;
}
.box-text.box-text-products{
	padding:0;
}
.box-text.box-text-products .title-wrapper{
	display: flex;
    flex-direction: column-reverse;
}
.box-text.box-text-products .title-wrapper .category{
	font-weight: 500;
    color: #0b72b5;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
	font-size:16px;
	opacity:1;
}
.box-text.box-text-products .title-wrapper .name.product-title a{
	font-size:24px;
	text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
	font-weight: 500;
    line-height: 2.4rem;
	color:#333;
	min-height:117px;
}
.box-text-products .add-to-cart-button a{
	border: 0;
    padding: 0;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #333333;
    font-size: 18px;
    min-height: inherit;
}
.box-images-discover{
	background:#fff;
}
.box-images-discover .box-text{
    min-height: 210px;
    padding: 1.25em 2.375em;
    display: flex;
    align-items: center;
}
.box-images-discover .box-text h3{
	color: #0b72b5;
	font-weight:500;
	font-size:28px;
	text-transform:uppercase;
	position: relative;
	line-height: normal;
}
.box-images-discover .box-text h3 a{
	color:#333;
	font-weight:400;
	margin:0;
	font-size:22px;
}
.box-images-discover .box-text h3:before{
	content: "";
    display: block;
    width: 6px;
    background-color: #0B72B5;
    height: 90%;
    position: absolute;
    left:-20px;
	top:5%;
}
/* Contact */
.sec-contact h2{
	font-weight:500;
	color:#000;
	margin-bottom:30px;
}
.item-box-support{
	margin-bottom:20px;
}
.item-box-support .icon-box-img {
    width: 60px !important;
    height: 60px;
    border-radius: 5px;
    background-color: #0b72b58a;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-box-support .icon-box-img .icon{
	max-width:30px;
}
.item-box-support .icon-box-text h3{
	font-size:18px;
	font-weight:500;
	margin-bottom:0;
}
.item-box-support .icon-box-text p{
	font-size:16px;
	line-height:1.2;
}
.sec-contact .col-formcontact .wpcf7-form .col{
	padding-bottom:0;
}
.sec-contact .col-formcontact .wpcf7-form  .wpcf7-form-control{
	padding: 5px 16px !important;
    font-weight: 400;
    min-height: 42px;
    font-size: 14px;
    border-radius: 8px !important;
	box-shadow:none;
}
.sec-contact .col-formcontact .wpcf7-form .wpcf7-form-control.wpcf7-textarea{
	min-height:150px;
	padding-top:8px;
}
.sec-contact .col-formcontact .wpcf7-form-control.wpcf7-submit{
    width: 100%;
    padding: 0 !important;
    margin: 0;
    background: #0b72b5;
}
.wpcf7-form .row{
	max-width:100%!important;
}
.wpcf7-list-item-label{
	color:#fff;
}

/* Custom About */
.row-cate-abouts .box-text-bottom{
	display: flex;
    flex-direction: column-reverse;
    background: #fff;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.row-cate-abouts .box-text{
	padding:0;
}
.row-cate-abouts .box-text-bottom .box-text-inner{
    min-height: 100px;
    padding: 10px 30px;
    display: flex;
    align-items: center;
}
.row-cate-abouts .box-text-bottom .box-text-inner p{
    font-size: 20px;
    text-transform: uppercase;
	position:relative;
	margin:0;
	font-weight:400;
	color:#333;
}
.row-cate-abouts .box-text-bottom .box-text-inner p:before{
	content: "";
    display: block;
    width: 4px;
    background-color: #0B72B5;
    height: 90%;
    position: absolute;
    left: -10px;
    top: 5%;
}
.row-cate-abouts .box-image img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.row-cate-abouts .box-image:hover img{
	-webkit-filter: grayscale(0%);
     filter: grayscale(0%);
}
.row-cate-abouts .col{
	padding-left:10px;
	padding-right:10px;
}
.box-item-nv h3{
	color: #0b72b5;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.2rem;
}
.product-highlight .box-image{
	max-width:300px;
}
.text-count p{
	color:#0b72b5;
    font-size: 56px;
    line-height: 1;
    font-weight: 500;
    margin: 0;
}
.pb-10 p{
	margin-bottom:10px;
}
.list-team-member .box-image .box-image-inner{
	border-radius:0!important;
}
.list-team-member .box-text .person-name{
	font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 3.2rem;
	color:#0b72b5;
}
.list-team-member .box-text .person-title{
	font-size: 16px;
    font-weight: 500!important;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
	opacity:1;
}
.sec-abouts-cnt .section-bg{
	background-size:contain!important;
}
.sec-abouts-cnt .row-form-contact>.col>.col-inner{
    padding: 30px 30px 30px 50px;
}
.icon-contact{
	align-items:center;
}
.icon-contact h3{
	margin-bottom:0;
	font-size:32px;
	font-family: "Roboto Condensed", sans-serif;
}
.sec-abouts-cnt .wpcf7-form-control.wpcf7-submit{
    margin: 0;
    max-width: 130px;
    padding: 5px 10px;
    width: 100%;
    background: #fff;
    color: #0b72b5;
    margin-top: 30px;
}
.section-countdown:before{
		 float: left;
	    content: '';
	    background-image: url(/wp-content/uploads/2025/05/forma-logo.svg);
	    background-size: 160px 160px;
	    height: 160px;
	    width: 174px;
	    margin-top: -16rem;
	    margin-left: -80px;
}
.section-countdown:after{
	    float: right;
        content: '';
        background-image: url(/wp-content/uploads/2025/05/forma-logo.svg);
        background-size: 160px 160px;
        height: 160px;
        width: 160px;
        margin-right: -80px;
	    margin-bottom: -16rem;
}
.box-tabs-news .nav .tab:not(:last-child){
	padding-right:24px;
	margin-right:24px;
/* 	border-right:1px solid #E5E5E5; */
}
.box-tabs-news .nav .tab a{
	font-size: 18px;
    font-weight: 700;
    background-color: inherit;
    border: 0;
}
.box-tabs-news .nav{
	margin-bottom:30px;
}
.box-tabs-news .box-text .box-text-inner{
	display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5px;
    grid-template-areas:
        "title title"
        "date category"
		"dec dec";
    border-bottom: 0;
    margin-bottom:0px;
    height: auto !important;
	color: #333;
    opacity: 1;
}
.box-tabs-news .post-title{
	grid-area: title;
}
.breadcrumbs{
	font-weight:400;
}
.box-tabs-news .post-title a{
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: inherit;
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 3;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.box-tabs-news .post-meta{
	grid-area: date;
	font-size:16px;
	opacity:1;
}
.box-tabs-news .cat-label{
    grid-area: category;
    line-height: inherit;
    border-left: 1px solid #333;
    font-size: 16px;
    font-weight: 500;
    color: #0b72b5;
    text-transform: uppercase;
    padding-left: 5px;
    margin-top: 0;
    margin-bottom: 0;
}
.box-tabs-news .from_the_blog_excerpt{
	grid-area: dec;
	font-size:16px;
}
.box-blog-post .is-divider{
	display:none;
}
.comments-area{
	display:none;
}
.blog-single  .large-10.col{
	flex-basis: 100%;
	max-width: 100%;
}
:root :where(p) {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 5px;
	color: #333;
}
.single-post .entry-header-text{
	    padding-bottom: 0;
}
.single-post .entry-title{
    text-transform: uppercase;
    color: #0b72b5;
	font-weight: 700;
	font-family: "Roboto Condensed", sans-serif;
	font-size:24px;
}
.single-post .entry-divider{
	display:none;
}
.row-category{
	max-width: 900px!important;
    margin: 0 auto!important;
}
.mt-100{
	margin-top:-100px!important;
}
.row-product-cate .box .box-image{
	width: 100%;
}
.row-product-cate .box .box-image div{
	position: relative;
    height: 100%;
    min-height: 300px;
    width: 100%;
}
.row-product-cate .box .box-image div img{
	object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

.row-category .box-text p{
	font-size:13px!important;
}
/* customer category */
.section-Usecase{ 
	padding-top: 24px;
    padding-bottom: 24px;
	background-color: #333333;
}

.row-cate-box .box-text-bottom {
  display: flex;
  flex-direction: column-reverse;
/*   background: #fff; */
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.img-usecase{ 
	max-width:50%;
	margin: 0 auto;
}
.img-usecase p{
	margin-bottom:0;
}
.row-cate-box .box-text-bottom .box-text-inner {
  min-height: 100px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
	background:#fff;
}
.row-cate-box .box-text{
    padding: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.row-cate-box .box-text-title{
	position:relative;
}
.row-cate-box .box-text-title:before{
	content: "";
  display: block;
  width: 4px;
  background-color: #0B72B5;
  height: 80%;
  position: absolute;
  left: -10px;
  top: 5%;
}
.row-cate-box .box-text-title h3{
    font-size: 28px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #0b72b5;
    font-weight: 700;
}
.row-cate-box .box-text-title h4 a{
	font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
	color:#333;
}
.row-cate-box .box .box-image{
	width: 100%;
}
.row-cate-box .box .box-image>div{
	position: relative;
    height: 100%;
    min-height: 300px;
    width: 100%;
}
.row-cate-box .box .box-image>div img{
	object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}
.produt-in-category .box-text.box-text-products .title-wrapper .name.product-title a{
	font-size:16px;
	text-transform:inherit;
	line-height:1.2;
	font-family: "Roboto Condensed", sans-serif;
	text-align:center;
	display: block;
}
/* custom single product */
.title-contact{
	    font-family: "Roboto Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: none;
    color: #0B72B5;
}
.page-title.shop-page-title .woocommerce-breadcrumb,
.shop-page-title .page-title-inner .flex-col:nth-child(2){
	display:none;
}
h1.shop-page-title{ 
	font-size: 36px;
    font-weight: 700;
    color: #1c74bb;
    margin-bottom: 0;
}
.product.type-product .product-main .row,
.product-footer .container.tabbed-content,
.related.related-products-wrapper.product-section{
	max-width:1140px;
	margin: 0 auto !important;
}
.row.row-small{
	margin: 0 auto !important;
}
.bg-one{
	background-color: #BCD3FF;
}
.bg-two{
	background-color: #85AEFB;
}
.bg-three{
	background-color: #D2D3FF;
}
.bg-four{
	background-color: #D4E2FF;
}
.row-box-look .icon-box{
	padding: 20px;
    border-radius: 10px;
    align-items: center;
}
.row-box-look .icon-box p{
	font-family: "Roboto", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
}
.row-box-look .icon-box .icon-box-text{
	margin-left: 20px;
    border-left: 1px solid;
}
.live__support {
    right: 20px;
    bottom: 90px;
    z-index: 10;
    will-change: transform;
    background: #1c74bb;
    width: 40px;
    height: 40px;
    line-height: 40px;
    box-shadow: 3px 5px 5px #ccc;
    border: 3px solid #fff;
	position: fixed;
	border-radius: 50%;
}
.alo-circle {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: zoomin;
    width: 50px;
    height: 50px;
    top: -6px;
    right: -8px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,0.4);
    opacity: .1;
    border-color: #1a75bb;
    opacity: .5;
}
.alo-circle-fill {
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: pulse;
    width: 60px;
    height: 60px;
    top: -11px;
    right: -13px;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: #1c74bb;
    opacity: .75;
}
/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}
  }
  @keyframes zoomin {
    0% {transform: scale(1);}
    50% {transform: scale(1.5);}
    100% {transform: scale(1);}
  } /*End of Zoom in Keyframes */

  /* Zoom out Keyframes */
  @-webkit-keyframes zoomout {
    0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
  }
  @keyframes zoomout {
      0% {transform: scale(1);}
    50% {transform: scale(0.67);}
    100% {transform: scale(1);}
  }/*End of Zoom out Keyframes */
  @-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
  }
  @keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
  }
@keyframes scale-in {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}
.support__wrap {
    visibility: hidden;
    position: fixed;
    right: 10px;
    width: 150px;
    padding-bottom: 50px;
    bottom: 0px;
    z-index: 100;
}
.support__wrap a {
    display: block;
    padding: 7px 10px;
    margin-bottom: 5px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, .1);
    border-radius: 16px;
    color: #fff;
	font-size: 12.8px;
    line-height: 20px;
}
.facebookchat {
    background: #0084FF;
}
.support__whatsapp{
	background:#25d366;
}
.support__phone {
    background: #c22126;
}
.support__wrap a i {
    float: left;
    font-size: 24px;
    margin-top: -7px;
    color: #fff;
    margin-left: 2px;
    margin-right: 6px;
}
.live__support:hover .support__wrap{
	visibility: visible;
    animation: scale-in 0.5s;
}
.row-contact .wpcf7-list-item-label,.mfp-content .wpcf7-list-item-label{
	color:#222;
}
.mfp-content form .col{
	padding-bottom:0px;
}
.pdfcf7_woocommerce_product{
	margin-bottom:10px;
}
/* Single Product */
.single-product .product-main{
	padding-top:70px!important;
}
.single-product .title-product{
	margin-top:0px;
	position:relative;
}
.single-product .product_title_top{
    font-size: 40px;
    color: #0b72b5;
    text-transform: uppercase;
    font-weight: 700;
	margin-bottom: 0;
}
.single-product .category-product a{
	font-size: 28px;
    font-weight: 400;
    line-height: 2.4rem;
    margin-top: 0;
    margin-bottom: 0.5rem;
	color:#000;
	text-transform:uppercase;
	display:block;
}
.single-product .title-product:before{
	    content: "";
    display: block;
    width: 6px;
    background-color: #0B72B5;
    height: 100%;
    position: absolute;
    left: -2.2rem;
}
.single-product .product-main .product-title.product_title{
	font-family: "Roboto Condensed", Sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 55px;
    color: #0B72B5;
}
.single-product .text-decription{
	padding-bottom:20px;
}
.single-product .content-top .button{
	font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    border-radius: 9999px 9999px 9999px 9999px;
    padding: 8px 30px 8px 30px;
}
.row-box-look h2,h3.title-section{
	font-family: "Roboto Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: none;
    line-height: 35px;
    color: #0B72B5;
	text-align:center;
}
.single-product .product-main .product-info .product-title.product_title{
	    font-family: "Roboto Condensed", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: none;
    line-height: 26.4px;
    color: #0B72B5;
	order:1;
}
.single-product .product-main .product-info {
	display:flex;
    flex-direction: column;
}
.single-product .product-main .product-info .product_meta{
	display:none;
}
.single-product .product-main .product-info .product-short-description{
	order:2;
}
.product-short-description p{
	font-size:16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 5px;
	text-align: justify;
}
.single-product .product-main .product-info .button.primary{
    order: 3;
    font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    border-radius: 9999px 9999px 9999px 9999px;
    padding: 8px 30px 8px 30px;
    text-transform: capitalize;
    max-width: 300px;
    margin-top: 30px;
}
.product-images{
	max-width:460px!important;
	margin:0 auto!important;
}
.product.type-product .product-main .row.product-thumbnails{
	max-width:460px!important;
	margin:20px auto 10px!important;
}
.woocommerce-product-gallery__image.slide{
	transition: transform .6s, opacity .6s, box-shadow .6s;
    width: 100% !important;
    background-color: #E1E1E1;
    border-radius: 15px;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 46px;
}
.product-thumbnails a{
    background-color: #E1E1E1;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tabs.product-tabs{
	justify-content: space-between;
	gap:24px;
	flex-wrap:nowrap;
	margin-bottom:46px;
}
.tabs.product-tabs li{
	width:100%;	
}
.tabs.product-tabs li a{
	display:block;
	text-align:center;
	background:#f1f2f3;
	height:39px;
	font-size:16px;
	color:#000;
}
.tabs.product-tabs li.active a,.tabs.product-tabs li:hover a{
	background:#0b72b5;
	color:#fff;
}
.related .product-section-title-related{
	max-width:100%;
	font-family: "Roboto Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-transform: none;
    line-height: 35px;
    color: #0B72B5;
	text-align:center;
}
.product-footer .box-text.box-text-products .title-wrapper .category{
	display:none;
}
.related .product .box{
	background-color: #fff;
    padding: 15px 15px 50px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
    flex-direction: column-reverse;
}
.related .product .box .box-text{
	position:initial;
}
.related .product .box .add-to-cart-button{
	position: absolute;
    bottom: 15px;
    right: 0;
}
table td, table th {
    padding: 0.5em!important;
    border: 1px solid #767676;
    word-break: break-all;
	font-size:18px;
	font-weight:400;
	line-height:24px;
	color:#000;
}
table.tafe-table td:first-child{
	    background-color: #F0EDED !important;
}
.related.roduct-section{
	border-top:0;
	padding-top:50px;
}
.woocommerce-tabs h3{
	font-family: "Roboto Condensed", Sans-serif;
    text-transform: none;
    color: #0B72B5;
	font-size:24px;
	font-weight: 700;
}
.wpcf7 h2{
	text-align: center;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    text-transform: none;
    margin: 0 0 10px;
	color:#0b72b5;
}
.wpcf7 .dec-title-order{
	    font-size: 16px !important;
    text-align: center;
    color: #000;
    margin: 0 0 27px;
}
.category-page-row .products .box-text.box-text-products .title-wrapper .name.product-title a {
    font-size: 16px;
    text-transform: inherit;
    line-height: 1.2;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    display: block;
	min-height:auto;
}
.category-page-row .products .box-text.box-text-products .title-wrapper .category,
.category-page-row .products .box-text-products .add-to-cart-button a{
	display:none;
}
.shop-container .row.row-small.products{
	max-width:75%;
	margin-top: 50px !important;
}
.shop-container .row.row-small.products .product .box{
	padding:0;
}
.shop-container .row.row-small.products .product .box .box-text{
	padding-top:10px;
}
.shop-container .row.row-small.products button {
    position: absolute;
    top: 50%;
    margin: 0;
    padding: 0;
    border: 0;
}
.shop-container .row.row-small.products button.slick-next{
    right: -40px;
    background-image: url(/wp-content/uploads/2025/06/right-arrow.png);
    color: transparent;
    background-position: center;
    background-size: contain;
    margin: 0;
    background-repeat: no-repeat;
    width: 36px;
}
.shop-container .row.row-small.products button.slick-prev{
	left: -40px;
    background-image: url(/wp-content/uploads/2025/06/right-arrow.png);
    color: transparent;
    background-position: center;
    background-size: contain;
    margin: 0;
    background-repeat: no-repeat;
    width: 36px;
	transform:rotate(180deg);
}
.related .box-text.box-text-products .title-wrapper .name.product-title a{
    min-height: 64px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 28px;
    -webkit-line-clamp: 2;
    height: 54px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.related .box-image img{
	max-height:300px;
}
.search-results .post-item .box-text .box-text-inner{
	text-align:left;
}
.search-results .section-Usecase{
	display:none;
}
.search-results .cate-bottom{
	display:none;
}
.search-results .entry-meta{
	display:none;
}
.search-results .entry-content p{
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.search-results .entry-image {
	    background: #f1f1f1;
    border: 1px solid #f1f1f1;
}
.search-results .entry-title{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 68px;
}
.term-description {
  max-height: 7.5em;
  overflow: hidden;
  line-height: 1.5em;
  transition: max-height 0.3s ease;
}
.term-description.expanded {
  max-height: none;
}
.toggle-button {
    background-color: #1d74bb !important;
    color: white;
    border: none;
    padding: 0px 20px;
    border-radius: 4px;
    cursor: pointer;
}
.toggle-button:hover {
  background-color: #0056b3;
}

@media(max-width:850px){
	.row-scroll-tablet{
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		flex-flow: nowrap;
		justify-content: flex-start !important;
	}
	.row-scroll-tablet .col{
		min-width: 50vw;
	}
}
@media(max-width:768px){
	.row-col-768 .col{
		flex-basis: 100%;
        max-width: 100%;
	}
	.row-col-768 .col>.col-inner{
		padding:0!important;
	}
	.row-col-768 .width-full-col>.col-inner{
		max-width:100%!important;
		padding:40px!important;
	}
	.row-cate-box.row-col-768{
		margin-left:0!important;
	}
	.related .row.large-columns-3{
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		flex-flow: nowrap;
		justify-content: flex-start !important;
	}
	.related .row>.col{
		min-width: 50vw;
	}
	.box-text.box-text-products .title-wrapper .name.product-title a{
		font-size:22px;
	}
	.tabs.product-tabs{
		    flex-flow: row wrap;
	}
	.tabs.product-tabs li{
		    width: 22%;
	}
}
@media(max-width:550px){
	.section-search .box-category .box-image, 
	.section-category .box-category .box-image {
		max-width: 60px;
	}
	.section-search .box-category .header-title{ 
		font-size:12px;
	}
	.text-dec-banner p{
		font-size:15px;
	}
	.title-slide h1{
		font-size: 14px;
	}
	.title-slide h3{
		font-size:18px;
		line-height:1.2;
	}
	.btn-slide {
		font-size: 12px;
		background: #000;
		font-weight: 700;
		padding: 0px 12px;
	}
	.title-heading h2{
		font-size:20px;
	}
	:root :where(p) {
		font-size: 14px;
	}
	.btn-learnmore{
		font-size:13px;
	}
	.box-text-cnt h3{
		font-size: 16px;
	}
	.row-scroll-tablet .col {
        min-width: 60vw;
    }
	.box-text.box-text-products .title-wrapper .name.product-title a {
        font-size: 17px;
        min-height: 75px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 25px;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
	.product .box{
		padding:20px;
	}
	.box-text.box-text-products .title-wrapper .category{
		font-size:12px;
	}
	.box-text-products .add-to-cart-button a {
		font-size: 12px;
		margin-top: 0;
	}
	.box-images-discover .box-text h3{
		font-size:20px;
	}
	.box-images-discover .box-text h3 a{
		font-size:18px;
	}
	.home .feedback-form .wpcf7-form-control.wpcf7-textarea{
		width:100%;
	}
	.row-cate-abouts .box-text-bottom .box-text-inner p{
		font-size:13px;
	}
	.row-our-values,.row-category{
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		flex-flow: nowrap;
		justify-content: flex-start !important;
	}
	.box-tabs-news .nav{
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		flex-flow: nowrap;
		justify-content: flex-start !important;
	}
	.row-our-values .col{
		min-width: 55vw;
        scroll-snap-align: center;
	}
	.row-category .col{
		min-width: 45vw;
        scroll-snap-align: center;
	}
	.sec-abouts-cnt .row-form-contact>.col>.col-inner {
		padding: 25px;
	}
	.wpcf7-form .row {
		max-width: 1300px!important;
	}
	.mt-100 {
		margin-top: -52px !important;
	}
	.row-cate-abouts .box-text-bottom .box-text-inner {
		min-height: 70px;
	}
	.page-id-24 .icon-box-img{
		width:52px!important;
	}
	.box-item-nv h3 {
		font-size: 16px;
	}
	.text-count p {
		font-size: 36px;
	}
	.list-team-member .box-text .person-name {
		font-size: 16px;
		line-height: 24px;
	}
	.row-product-cate .box .box-image>div,.row-cate-box .box .box-image>div {
		min-height: 210px;
	}
	.row-cate-box .box-text-title h3 {
		font-size: 20px;
	}
	.row-cate-box .box-text-title h4 a {
		font-size: 18px;
	}
	.row-full-width {
		max-width: 1080px!important;
	}
	.single-product .product_title_top {
    	font-size: 24px;
	}
	.single-product .category-product a {
    	font-size: 20px;
	}
	.single-product .product-main .product-title.product_title {
		font-size: 36px;
		line-height: 42px;
		text-align: center;
	}
	.tabs.product-tabs{
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
		flex-flow: nowrap;
		justify-content: flex-start !important;
	}
	.tabs.product-tabs li{
		min-width:45vw;
	}
	.related .row>.col {
        min-width: 58vw;
    }
	.single-product .product-main {
		padding-top: 0px !important;
	}
	#logo {
		width: 150px;
		margin-top: 0;
	}
	#logo img {
		height: 60px;
		max-height: 60px !important;
	}
	.header-top {
		min-height: 40px!important;
	}
	.img-usecase {
		max-width: 100%;
		margin: 0 auto;
	}
	.wpcf7 span.wpcf7-list-item {
		margin-right: 10px;
	}
	.box-images-discover .box-text {
        min-height: 131px;
        padding: 16px 16px 16px 30px;
        display: flex;
        align-items: flex-start;
	}
	.page-title-inner {
		min-height: 20px;
		padding-top: 0;
		position: relative;
	}
	.content-top>.col{
		padding-bottom:0;
	}
	.single-product .content-top .button {
		font-size: 16px;
		line-height: 28px;
		padding: 6px 30px 6px 30px;
		min-height: 40px;
		margin: 0 auto !important;
		display: table;
	}
	.absolute-footer .footer-primary{
		display:table;
	}
}