@font-face {
    font-family: 'Jost';
    src: url('/wp-content/themes/voltuxs/assets/fonts/Jost-Bold.eot');
    src: url('/wp-content/themes/voltuxs/assets/fonts/Jost-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/voltuxs/assets/fonts/Jost-Bold.woff2') format('woff2'),
        url('/wp-content/themes/voltuxs/assets/fonts/Jost-Bold.woff') format('woff'),
        url('/wp-content/themes/voltuxs/assets/fonts/Jost-Bold.ttf') format('truetype'),
        url('/wp-content/themes/voltuxs/assets/fonts/Jost-Bold.svg#Jost-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('/wp-content/themes/voltuxs/assets/fonts/Poppins-Regular.eot');
    src: url('/wp-content/themes/voltuxs/assets/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/voltuxs/assets/fonts/Poppins-Regular.woff2') format('woff2'),
        url('/wp-content/themes/voltuxs/assets/fonts/Poppins-Regular.woff') format('woff'),
        url('/wp-content/themes/voltuxs/assets/fonts/Poppins-Regular.ttf') format('truetype'),
        url('/wp-content/themes/voltuxs/assets/fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
    overflow-x: hidden;
    font-family: 'Poppins' !important;
    font-size: 16px;
}
body p,body{
    color: #000000;
	font-size: 16px;
	line-height: 1.9;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    touch-action: none;
    touch-action: pan-y;
}
dl {
	margin: 0;
}

dt {
	font-weight: normal;
}

ul,
li {
	list-style-type: none;
	margin: 0;
}
summary {
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: var(--heading--font-weight-strong) !important;
    color: #333333;
    font-family: 'Jost' !important;
}
a{
    text-decoration: none;
    outline: none;
    font-family: 'Arial' !important;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none !important;
    outline: none !important;
    background-color: transparent !important;
}
img {
	border: 0;
	vertical-align: middle;
	transition: all 0.6s;
}
table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
input,
textarea,
select,
button {
	border: 0;
	outline: none;
}
.header_logo h1{
    font-size: 0;
}
.header_flex{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    padding: 18px 0;
}
.header_menu .primary-navigation .primary-menu-container > ul > .menu-item{
    padding: 0 25px;
}
.header_menu .primary-navigation .primary-menu-container > ul > .menu-item > a,
.ubermenu .ubermenu-target{
    font-size: 18px;
    line-height: 26px;
    color: #9396A2 !important;
    text-decoration: none;
    transition: all ease 0.3s;
    padding: 0;
    text-transform: uppercase !important;
    font-family: 'Jost' !important;
}
.header_menu .primary-navigation .primary-menu-container > ul > .current-menu-item > a,
.header_menu .primary-navigation .primary-menu-container > ul > .menu-item > a:hover
.ubermenu-nav >li>a:hover,
.ubermenu-nav > .ubermenu-current_page_item > .ubermenu-target{
    color: #00A9AC;
}
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
    display: none !important;
}
.ubermenu-nav >li>a{
	line-height:30px !important;
    outline:none;
}
.ubermenu-submenu{
	background:#fff !important;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {
    margin-top: -9px !important;
}
.ubermenu-item-level-0 > .ubermenu-submenu{
    width: 160% !important;
    left: -30% !important;
}
.ubermenu-item-level-0 > .ubermenu-submenu{
    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    justify-content: space-between;
    align-items: stretch;
    padding: 40px 50px !important;
    min-height: 300px !important;
}
.ubermenu-item-level-0 > .ubermenu-submenu > .ubermenu-item-level-1 > a:hover{
    text-decoration: none !important;
}
.ubermenu-item-level-0 > .ubermenu-submenu > .ubermenu-item-level-1 > a > .ubermenu-target-text{
    font-size: 28px;
    color: #303F5F !important;
    border-bottom: 1px solid #9396A2;
    padding-bottom: 15px;
    width: 100% !important;
    display: block;
    transition: all ease 0.3s;
}
.ubermenu-item-level-0 > .ubermenu-submenu > .ubermenu-item-level-1 > a > .ubermenu-target-text:hover{
    color: rgba(48, 63, 95, 0.733) !important;
}
.ubermenu-item-level-1 > .ubermenu-submenu .ubermenu-target-text{
    font-size: 16px;
    line-height: 24px;
    color: #9396A2;
    transition: all ease 0.3s;
    font-family: 'Poppins' !important;
}
.ubermenu-item-level-1 > .ubermenu-submenu .ubermenu-target-text:hover{
    color: #00A9AC !important;
}
.header_menu {
    width: 70%;
}
.ubermenu-nav{
    text-align: center !important;
}
.ubermenu-submenu-id-46 > li{
    width: 30% !important;
}
.ubermenu-submenu-id-48 > li{
    width: 23% !important;
}
.ubermenu-submenu-id-50{
    width: 100% !important;
    display: block !important;
}
.ubermenu-submenu-id-50 > li{
    width: 100% !important;
}
.ubermenu-submenu-id-370{
    display: block !important;
    width: 100% !important;
}
.ubermenu-submenu-id-370 > .ubermenu-row{
    display: flex !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    justify-content: space-between;
    align-items: stretch;
}
.ubermenu-submenu-id-370 > .ubermenu-row > li{
    width: 23%;
}
.box.box-active:not(.no-animation) {
    animation: navslide .5s ease forwards;
}
@keyframes navslide{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.box.header-bottom.hidden-sm{
    height: 96px;
    background-color: #ffffff;
    top: 0;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.box.header-bottom.box-active {
    position: fixed;
    z-index: 9999;
    box-shadow: 0 16px 24px rgb(14 13 18 / 7%);
    top: 0;
    width: 100%;
}
.btn_dark{
    background-color: #FA9D1E;
    color: #ffffff;
    width: 164px;
    height: 44px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-family: 'Jost' !important;
    transition: all ease 0.3s;
    font-size: 16px;
    line-height: 44px;
}
.btn_dark:hover,
.btn_dark:focus{
    background-color: rgba(250, 157, 30, 0.7) !important;
    color: #ffffff !important;
}
.btn_light{
    background-color: #00A9AC !important;
    color: #ffffff;
    width: 164px;
    height: 44px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-family: 'Jost' !important;
    transition: all ease 0.3s;
    font-size: 16px;
    line-height: 44px;
}
.btn_light:hover,
.btn_light:focus{
    background-color: rgba(0, 169, 172, 0.7) !important;
    color: #ffffff !important;
}
.swiper-button-next-banner,
.swiper-button-prev-banner{
    right: 65px;
    left: auto;
    width: 70px;
    height: 70px;
    background-color: rgba(0,0,0,0.45);
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    font-size: 18px;
    transition: all ease 0.3s;
}
.swiper-button-next-banner:hover,
.swiper-button-prev-banner:hover{
    background-color: rgba(1,1,1,1);
}
.swiper-button-next-banner{
    bottom: 35%;
    top: auto;
}
.swiper-button-prev-banner{
    top: 45%;
    bottom: auto;
}
.swiper-button-next-banner:after{
    content: "\f178";
    font-family: FontAwesome;
    font-size: 24px;
}
.swiper-button-prev-banner:after{
    content: "\f177";
    font-family: FontAwesome;
    font-size: 24px;
}
.slide_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.slide_content h2{
    font-size: 56px;
    color: #ffffff;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.slide_content p{
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 40px;
}
.slide_flex{
    max-width: 700px;
}
.why_box{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.why_half:first-child{
    width: 45%;
}
.why_half:last-child{
    width: 45%;
}
.home_part_one{
    padding: 50px 0 190px 0;
}
.why_box h2{
    font-size: 50px;
    color: #303F5F;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 80px;
}
.why_box h2::after{
    content: '';
    display: block;
    width: 64px;
    height: 6px;
    background-color: #00a9ac;
    position: absolute;
    left: 0;
    bottom: -38px;
}
.why_box p{
    font-size: 20px;
    line-height: 30px;
    color: #9396A2;
    margin-bottom: 15px;
}
.why_half img{
    width: 100%;
    object-fit: cover;
}
.advantage_box{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    bottom: -135px;
    left: 0;
}
.advantage_item{
    width: 32%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    margin: 10px 0;
    transition: all ease 0.3s;
}
.advantage_item:hover{
    transform: translateY(-5px);
}
.advantage_item strong{
    font-size: 20px;
    font-family: 'Jost';
    color: #303F5F;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 5px 0 15px;
}
.advantage_item span{
    font-size: 20px;
    color: #9396A2;
}
.advantage_box{
    width: 92%;
    border-radius: 25px;
    background-color: #ffffff;
    box-shadow: 30px 0px 150px 0px rgba(0, 0, 0, 0.1);
    padding: 40px 85px;
}
.home_part_one_cover{
    position: relative;
}
.home_part_two{
    padding: 50px 0;
    background-color: #f7f7f7;
}
.h2_title{
    font-size: 50px;
    color: #303F5F;
    text-transform: uppercase;
}
.subtitle_slogan{
    font-size: 18px;
    line-height: 27px;
    color: #9396A2;
    max-width: 1200px;
    margin: 25px auto;
}
.aligncenter{
    text-align: center;
}
.bar{
    display: block;
    margin: 0 auto;
    width: 64px;
    height: 6px;
    background-color: #00a9ac;
}
.product_lists{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}
.product_item{
    width: 24%;
    background-color: #ffffff;
    padding: 30px 75px;
    text-align: center;
}
.product_item img{
    width: 100%;
    height: auto;
}
.product_item p{
    font-size: 18px;
    line-height: 27px;
    color: #9396A2;
    margin-top: 25px;
}
.product_item a:hover p{
    color: #00A9AC;
}
.home_part_three{
    padding: 50px 0;
}
.category_lists{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
}
.category_item{
    width: 24.5%;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    padding: 60px 30px;
    min-height: 600px;
    margin-top: 50px;
}
.category_item *{
    transition: all ease 0.3s;
}
.category_item h4{
    color: #ffffff;
    font-size: 28px;
    line-height: 42px;
    transform: translateY(-15px);
}
.category_item h3{
    color: #ffffff;
    font-size: 28px;
    line-height: 42px;
    transform: translateY(-20px);
}
.category_item p{
    opacity: 0;
    transform: translateY(30px);
    color: #ffffff;
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
}
.category_item:hover{
    background: #00A9AC !important;
}
.category_item:hover h4{
    transform: translateY(0);
}
.category_item:hover h3{
    transform: translateY(0);
}
.category_item:hover p{
    opacity: 1;
    transform: translateY(0);
}
.category_item span {
    display: block;
    width: 42px;
    height: 5px;
    background-color: #ffffff;
    margin-top: 8px;
    transition: all ease 0.3s;
    position: relative;
    z-index: 2;
}
.category_item:hover span {
    width: 100%;
}
.home_part_four{
    padding: 50px 0;
    background-color: #f7f7f7;
}
.service_box{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 50px;
}
.service_item{
    padding: 50px 50px;
    width: 32%;
    background-color: #ffffff;
    text-align: center;
    transition: all ease 0.3s;
}
.service_item h3{
    font-size: 38px;
    color: #303F5F;
    margin: 35px 0;
}
.service_item ul{
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 320px;
}
.service_item li{
    font-size: 18px;
    line-height: 28px;
    color: #303F5F;
    text-align: left;
    margin: 10px 0;
    position: relative;
    padding-left: 45px;
}
.service_item img{
    transition: all ease 0.3s;
}
.service_item:hover{
    box-shadow: 1px 1px 6px 7px #eeeeee;
}
.service_item:hover img{
    transform: scale(1.05);
}
.cta{
    border-top: 1px solid #9396A2;
    padding-top: 35px;
    margin-top: 35px;
}
.cta a{
    font-size: 28px;
    line-height: 28px;
    color: #303F5F;
    font-weight: 300 !important;
    font-family: 'Poppins' !important;
    transition: all ease 0.3s;
}
.service_item:hover .cta a{
    color: #00A9AC;
}
.service_item li::before{
    content: '';
    display: inline-block;
    width: 28px;
    height: 29px;
    background-image: url('/wp-content/uploads/2024/04/list-icon.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}
.home_part_five{
    padding: 50px 0;
}
.blog_box{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 50px;
}
.blog_catitem{
    width: 49%;
}
.blog_catitem a{
    display: block;
    position: relative;
}
.blog_catitem h3{
    position: absolute;
    display: block;
    width: 100%;
    background-color: rgba(48, 63, 95, 0.8);
    font-size: 38px;
    color: #FFFFFF;
    line-height: 38px;
    text-align: center;
    padding: 20px 0;
    bottom: 0;
    left: 0;
    transition: all ease 0.3s;
}
.blog_catitem:hover h3{
    background-color:rgba(48, 63, 95, 1);
}
.home_part_six{
    padding: 50px 0;
    background-color: #f7f7f7;
}
.nf-form-fields-required,
.nf-field-label{
    display: none;
}
.form_box{
    background-color: #ffffff;
    padding: 55px 40px 30px 40px;
}
.form_box .bar{
    margin: 20px auto 25px auto;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea{
    background-color: #ffffff !important;
}
.nf-form-content input[type=submit]{
    background-color: #00A9AC !important;
    text-transform: uppercase;
    display: block;
    margin: 0 auto;
    height: 44px !important;
    width: 172px !important;
    padding: 0 !important;
    border-radius: 5px !important;
}
.nf-form-content input[type=submit]:hover{
    background-color: rgba(0, 169, 172, 0.7) !important;
    color: #ffffff !important;
}
footer{
    background-color: #1d2231;
    padding: 60px 0;
}
.footer_box{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1.5px solid #ffffff;
    padding-bottom: 80px;
}
.footer_item h3{
    font-size: 24px;
    color: #DDDDDF;
    font-family: 'Poppins' !important;
    font-weight: 500 !important;
    margin-bottom: 25px;
}
.footer_item ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer_item li{
    padding: 5px 0;
}
.footer_item li a{
    font-size: 14px;
    color: #FFFFFF99;
}
.footer_item li a:hover{
    color: #ffffff;
}
.footer_item{
    width: 20%;
}
.copyright{
    font-size: 16px;
    text-align: right;
    color: #FFFFFF99;
}
.footer_down{
    padding-top: 20px;
}
.top-banner{
    position: relative;
}
.top-banner::after{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background-color: rgba(48, 63, 95, 0.8);
    z-index: 10;
    top: 0;
    left: 0;
}
.banner_cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.banner_cover h1{
    color: #ffffff;
    font-size: 56px;
    text-transform: uppercase;
    margin-bottom: 35px;
}
.banner_cover p{
    color: #ffffff;
    font-size: 24px;
    line-height: 36px;
    max-width: 900px;
    margin: 0 auto;
}
.titlebar_breadcrumbs {
    background-color: rgba(238, 245, 245, 1);
    padding: 17.65px 0;
}
.titlebar_breadcrumbs a,
.titlebar_breadcrumbs span{
    font-size: 16px;
    line-height: 24px;
    color: #303F5F;
    text-transform: uppercase;
}
.titlebar_breadcrumbs a.home{
    position: relative;
    padding-left: 34px;
}
.titlebar_breadcrumbs a.home::before{
    content: '';
    background-image: url('/wp-content/uploads/2024/05/home.png');
    background-size: auto;
    background-position: center;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -5px;
}
.product_page{
    background-color: #FBFBFB;
}
.product_flex{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y)* -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}
.product_flex>* {
    flex-shrink: 0;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);
}
.sidebar_p{
    background-color: #F7F7F7;
    padding: 50px 45px;
    width: 25%;
    position: relative;
}
.sidebar_p ul{
    position: sticky;
    top: 90px !important;
}
.sidebar_p ul{
    padding: 0;
    left: 0;
}
.sidebar_p li a{
    font-size: 18px;
    line-height: 27px;
    color: #9EA6AE;
    display: block;
    padding: 16.5px 20px;
    border-left: 4px solid #9EA6AE;
    margin: 5px 0;
    transition: all ease 0.3s;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sidebar_p li.active a,
.sidebar_p li a:hover,
.sidebar_p li a:focus{
    background-color: #ffffff !important;
    border-left: 4px solid #00A9AC;
    color: #9EA6AE !important;
}
.sidebar_p li a:focus{
    background-color: transparent !important;
    border-left: 4px solid #9EA6AE;
    color: #9EA6AE !important;
}
.content_p{
    padding: 60px;
    width: 75%;
}
.content_p h2{
    font-size: 32px;
    color: #303F5F;
    margin-bottom: 35px;
}
.cat_item h4 {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    margin-bottom: 25px;
}
.cat_item img{
    margin-right: 15px;
}
.cat_item h4 a{
    font-size: 28px;
    color: #00A9AC;
}
.cat_item h4 a:focus{
    color: #00A9AC !important;
}
.cat_item p{
    font-size: 16px;
    line-height: 26px;
    color: #9396A2;
}
.cat_product{
    padding: 27px;
    border-radius: 15px;
    transition: all ease 0.3s;
    background-color: #ffffff;
    margin: 15px 0;
    position: relative;
}
.cat_item{
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #E5E9EB;
}
.cat_product:hover{
    box-shadow: 1px 1px 6px 7px #eeeeee;
}
.cat_item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.cat_product_lists{
    display: block;
    margin-top: 35px;
}
.cat_product p{
    font-size: 18px;
    line-height: 27px;
    color: #9396A2;
    text-align: center;
}
.cat_product .h3{
    text-align: center;
    font-size: 18px;
    line-height: 27px;
    color: #303F5F;
    margin-bottom: 10px;
    display: block;
    font-weight: 700;
}
.cat_product::after{
    content: "";
    width: 0;
    height: 5px;
    background: #00A9AC;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    transition: all .36s;
    border-radius: 5px;
}
.cat_product:hover::after {
    width: calc(100% - 53px);
}
.cat_h4{
    display: block !important;
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
}
.cat_pro_h4{
    margin-top: 25px;
}
.about_one{
    padding: 50px 0;
    background-color: #f7f7f7;
}
.about_one .h2_title span{
    color: #00A9AC;
}
.about_one p{
    font-size: 18px;
    line-height: 27px;
    color: #9396A2;
    margin-bottom: 15px;
}
.about_two{
    padding: 50px 0;
    background-color: #f7f7f7;
}
.barma{
    margin: 25px auto;
}
.about_two_items{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 50px;
}
.about_two_item{
    width: 32%;
    background-color: #ffffff;
    padding: 50px;
    text-align: center;
}
.about_two_item img{
    margin-bottom: 35px;
}
.about_two_item h3{
    font-size: 38px;
    color: #FA9D1E;
    text-align: center;
    margin-bottom: 35px;
}
.about_two_item p{
    font-size: 18px;
    line-height: 28px;
    color: #303F5F;
    text-align: left;
}
.about_three{
    padding: 50px 0;
}
.about_three_items{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #EEF5F5;
    margin-top: 50px;
}
.about_three_image{
    width: 57%;
}
.about_three_image img{
    height: 100%;
    object-fit: cover;
}
.about_three_content{
    width: 43%;
    padding: 0 50px;
}
.about_three_content h3{
    font-size: 38px;
    color: #303F5F;
    margin-bottom: 35px;
}
.about_three_content p{
    font-size: 20px;
    line-height: 30px;
    color: #9396A2;
}
.about_four{
    padding: 100px 0;
}
.about_four h2{
    font-size: 38px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 35px;
}
.about_four p{
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    max-width: 1000px;
    margin: 0 auto;
}
.about_four_items{
    padding: 50px 25px;
    background: linear-gradient(to bottom, #303F5F 49.5%, #ffffff 49.5%);
}
.about_four_design{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 50px;
}
.about_design_item{
    background-color: #EEF5F5;
    width: 32%;
}
.about_design_content{
    padding: 50px 48px;
}
.about_design_content h3{
    text-align: center;
    font-size: 28px;
    color: #303F5F;
    margin-bottom: 25px;
}
.about_design_content p{
    font-size: 18px;
    line-height: 28px;
    color: #303F5F;
}
.about_five{
    padding-bottom: 100px;
}
.about_five_items{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    background-color: #EEF5F5;
}
.five_left{
    padding: 0 60px;
    width: 45%;
}
.five_left h3{
    font-size: 38px;
    color: #303F5F;
    margin-bottom: 25px;
}
.five_left p{
    font-size: 20px;
    line-height: 30px;
    color: #9396A2;
}
.five_right{
    width: 55%;
    position: relative;
}
.five_right img{
    height: 100%;
    object-fit: cover;
}
.five_right::before{
    content: '';
    display: block;
    width: 45px;
    height: 70px;
    background-image: url('/wp-content/uploads/2024/05/Polygon-3.png');
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 44%;
    left: 0;
}
.project_one{
    padding: 80px 0;
    background-color: #F7F7F7;
}
.project_one p{
    font-size: 18px;
    line-height: 27px;
    color: #9396A2;
    margin-bottom: 15px;
}
.project_two{
    padding: 50px 0;
}
.project_two h2{
    margin-bottom: 35px;
    max-width: 910px;
}
.project_two p{
    font-size: 18px;
    line-height: 27px;
    color: #9396A2;
}
.project_lists{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 50px;
}
.project_item{
    width: 32%;
    margin: 12.5px 0;
    overflow: hidden;
}
.project_item img{
    height: 100%;
    object-fit: cover;
    transition: all ease 0.3s;
}
.project_item img:hover{
    transform: scale(1.1);
}
.secrets_lists{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 50px;
}
.secrets_item{
    width: 32%;
    background-color: #EEF5F5;
}
.secrets_item img{
    width: 100%;
    height: 320px;
    object-fit: cover;
}
.secrets_content{
    padding: 50px 48px;
}
.secrets_content h3{
    font-size: 24px;
    color: #303F5F;
    text-align: center;
    margin-bottom: 25px;
}
.secrets_content p{
    font-size: 18px;
    line-height: 28px;
    color: #303F5F;
}
.project_three{
    padding-bottom: 100px;
}
.solution_one{
    background-color: #F7F7F7;
    padding: 100px 0;
}
.solution_flex{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.solution_img{
    width: 49%;
}
.solution_content{
    width: 49%;
}
.solution_content h3{
    font-size: 38px;
    color: #303F5F;
    margin-bottom: 25px;
}
.solution_content p,
.solution_content li{
    font-size: 20px;
    line-height: 30px;
    color: #9396A2;
    margin-bottom: 15px;
}
.m-35{
    margin-top: 35px;
}
.solution_two{
    background-color: #ffffff;
    padding: 100px 0;
}
.solution_four{
    padding: 80px 0;
}
.onlien_lists{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 50px;
}
.onlien_item{
    width: 23.5%;
    border-radius: 8px;
    border: 1px solid #00A9AC;
    padding: 32px;
    text-align: center;
}
.onlien_item h3{
    font-size: 32px;
    color: #303F5F;
    margin: 15px 0;
}
.onlien_item p{
    font-size: 18px;
    line-height: 27px;
    color: #9396A2;
    max-width: 220px;
    margin: 0 auto;
}
.solution_five{
    padding: 50px 0;
    background-color: #F7F7F7;
}
.upgrade_content{
    margin-bottom: 50px;
}
.upgrade_content h3{
    font-size: 38px;
    color: #303F5F;
    margin-bottom: 25px;
}
.upgrade_content p,
.upgrade_content li{
    font-size: 20px;
    line-height: 30px;
    color: #9396A2;
}
.upgrade_content ul{
    margin: 15px 0;
}
.upgrade_content li {
    list-style: disc;
}
.blog_one{
    background-color: #F7F7F7;
    padding: 50px 0;
}
.blog_item{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: center;
    padding: 60px;
    transition: all ease 0.3s;
}
.blog_item:hover{
    background-color: #ffffff;
}
.blog_item_img{
    width: 25%;
}
.blog_item_content{
    width: 75%;
    padding: 0 60px;
}
.blog_one_tab .nav-tabs{
    display: inline-block;
    border-color: #9396A2 !important;
}
.blog_one_tab li a{
    color: #9396A2;
    font-size: 20px;
    line-height: 30px;
    min-width: 320px;
    border-radius: 0;
    border: 0;
    margin: 0;
}
.blog_one_tab li a:hover,
.blog_one_tab li a:focus{
    background-color: transparent !important;
    border: 0 !important;
    color: #9396A2 !important;
}
.blog_one_tab li.active a{
    color: #00A9AC !important;
    background-color: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid #00A9AC !important;
}
.blog_item_content h3{
    margin-bottom: 25px;
    font-weight: 500;
}
.blog_item_content h3 a{
    font-size: 32px;
    color: #303F5F;
    font-weight: 500;
    font-family: 'Jost' !important;
}
.date{
    font-size: 20px;
    line-height: 30px;
    color: #9396A2;
}
.development_lists{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-top: 50px;
}
.development_item{
    width: 32%;
    background-color: #EEF5F5;
}
.development_content{
    padding: 50px 45px;
}
.development_content h3{
    font-size: 24px;
    color: #303F5F;
    margin-bottom: 25px;
    text-align: center;
}
.development_content p{
    font-size: 18px;
    line-height: 28px;
    color: #303F5F;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.blog_two{
    padding: 100px 0;
}
/* single */
.sp_one_box{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.sp_one_gallery{
    width: 35%;
}
.sp_one_content{
    width: 60%;
}
.gallery_swiper,.gallery_thumb_swiper{
    overflow: hidden;
}
.gallery_swiper{
    margin-bottom: 25px;
}
.gallery_thumb_border img{
    border: 1px solid #dbdbdb;
    border-radius: 8px;
}
.swiper-slide-thumb-active .gallery_thumb_border img{
    border: 1px solid #00A9AC;
}
.gallery_border{
    padding-right: 10px;
}
.gallery_thumb_border:hover{
    cursor: pointer;
}
.sp_one_content h3{
    font-size: 20px;
    line-height: 32px;
    font-family: 'Poppins' !important;
    color: #00A9AC;
    margin: 20px 0 5px 0;
}
.sp_one_content h3.dark{
    color: #FA9D1E;
}
.sp_one_content p{
    font-size: 20px;
    line-height: 32px;
    color: #9396A2;
}
.sp_one_content td{
    font-size: 20px;
    line-height: 32px;
    color: #9396A2;
    border: 0;
    padding: 0;
}
.sp_one_content table{
    border: 0;
}
.sp_one_content h2{
    font-size: 28px;
    line-height: 40px;
    color: #666666;
    font-family: 'Poppins' !important;
}
.single_product_one{
    padding: 50px 0;
}
.single_btn {
    border: 1px solid #00A9AC;
    background-color: #ffffff;
    color: #00A9AC;
    padding: 11px 34px 8px 34px;
    display: inline-block;
    text-transform: uppercase;
    transition: all ease 0.3s;
}
.single_btn:focus,
.single_btn:hover{
    border: 1px solid #00A9AC;
    background-color: #00A9AC;
    color: #ffffff !important;
}
.single_pdf::before{
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url('/wp-content/uploads/2024/05/pdf.png');
    margin-right: 5px;
    vertical-align: top;
}
.single_pdf:hover::before{
    background-image: url('/wp-content/uploads/2024/05/pdf-white.png');
}
.single_cta{
    margin-top: 35px;
}
.single_btn:first-child{
    margin-right: 15px;
}
#fancybox-content>div {
    overflow-y: scroll !important;
}
#fancybox-wrap {
    width: 50% !important;
    left: 25% !important;
}
.single_product_two{
    padding: 80px 0;
}
.single_product_two h3{
    color: #505357;
    font-size: 28px;
    margin-bottom: 35px;
}
.single_product_two h4{
    font-size: 20px;
    color: #6f7376;
}
.single_product_two p{
    font-size: 18px;
    line-height: 28px;
    color: #666666;
}
.related_products_swiper{
    overflow: hidden;
}
.related_products{
    padding: 0 165px;
    position: relative;
}
.related_img{
    padding: 25px;
    border-radius: 25px;
    background-color: #ffffff;
    margin-bottom: 35px;
}
.related_products h3{
    font-size: 18px;
    color: #9396A2;
    margin-bottom: 15px;
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
}
.related_products .swiper-slide{
    text-align: center;
}
.related_products{
    margin-top: 45px;
}
.swiper-button-prev-related, .swiper-button-next-related{
    color: #00A9AC;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #EEF5F5;
}
.swiper-button-prev-related:after, .swiper-button-next-related:after{
    font-size: 26px;
}
/*********404*************/
.cls-1 {
    fill: #666;
}
.cls-2 {
    fill: #00A9AC;
}
.cls-3 {
    fill: #00A9AC;
}
.cls-4 {
    fill: #ccc;
}
.cls-5 {
    fill: #00A9AC;
}
.cls-6,
.cls-7,
.cls-8 {
    fill: #8fcecf;
}
.cls-10,
.cls-6 {
    opacity: 0.6;
}
.cls-7 {
    opacity: 0.4;
}
.cls-9 {
    fill: #8fcecf;
}
.cls-11 {
    fill: #8fcecf;
}
.cls-12 {
    fill: #8fcecf;
}
.cls-13 {
    fill: #8fcecf;
}
.cls-14 {
    fill: #00A9AC;
}
.com-404 .wrapper{
      max-width: 700px;
      width: 100%;
      margin: auto;
}
.show-antor .search-form{
      text-align: center;
      max-width: 700px;
      width:100%;
      margin: auto;
}
.show-antor #search-bg{
      display: flex;
}
.show-antor p{
      padding:18px 0;
}
.com-404{
       padding: 100px 15px;
}
.no-results .search-form .search-field{
    background-color: #f1f1f1 !important;
    width: 350px;
    height: 45px;
    border: 0 !important;
    margin: 0 !important;
    font-size: 16px;
    color: #666666 !important;
    padding: 0 15px;
}
.no-results label{
    display: none;
}
.search_content{
    margin: 80px 0;
    text-align: center;
}
.search_content h1{
    margin-bottom: 25px;
}
.page-nav{
    width: 100%;
}
.wp-pagenavi span.current{
    font-weight: 400;
    color: #ffffff;
    background-color: #00A9AC;
}
.wp-pagenavi a, .wp-pagenavi span{
    border: 0 !important;
    background-color: #303442;
    color: #ffffff;
    padding: 2px 8px 2px 8px !important;
    font-family: 'Poppins' !important;
    font-size: 16px;
    font-weight: 500 !important;
}
.wp-pagenavi a:focus, .wp-pagenavi span:focus{
    background-color: #00A9AC !important;
    color: #ffffff !important;
}
.wp-pagenavi {
    text-align: center;
    margin: 50px 0;
}
.video_one{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}
.video_item{
    width: 48%;
    margin: 20px 0;
}
.video_one{
    padding: 80px 0;
}
.video_item iframe{
    width: 100%;
    object-fit: cover;
}
.ubermenu-responsive-toggle,
.sub-menu-toggle{
    display: none !important;
}
/*************form build**************/

#wpcf7-f416-o1 .form-row{
	position: relative;
	margin-left:-15px;
	margin-right:-15px;
	overflow: hidden;
}
#wpcf7-f416-o1 .form-row .form-group{
	padding-left:15px;
	padding-right:15px;
	width:50%;
	float: left;
	position: relative;
}
#wpcf7-f416-o1 .form-underline{
	width:100%;
	height:2px;
	background:#adadad;
	margin:30px 0;
}
#wpcf7-f416-o1 .wpcf7-list-item{
	display: block;
	margin-left: 0;;
}
#wpcf7-f416-o1 .wpcf7-list-item-label{
	font-size: 14px;
	font-weight: 500;
}
#wpcf7-f416-o1 .form-row{
	margin-bottom: 20px;
}
#wpcf7-f416-o1 .form-text input, #wpcf7-f416-o1 .form-email input, .form-checkbox .wpcf7-text{
	height: 40px;
	line-height: 40px;
    border: 1px solid #ccc;
}
#wpcf7-f416-o1 .wpcf7-list-item input[type=checkbox]{
	margin:0;
}
#wpcf7-f416-o1 .form-checkbox h5{
	color: #7c7c7c;
	font-size: 16px;
	margin-top:0;
}
#wpcf7-f416-o1 .form-box h3{
	margin-top:0;
	margin-bottom: 30px;
	color: #00A9AC;
}
#wpcf7-f416-o1 p{
	margin:0;
}
.under-p{
	margin-bottom: 30px!important;
	font-size: 22px;
}
.under-p-top{
	margin-bottom: 10px!important;
	font-size: 18px;
}
#wpcf7-f416-o1 .form-group .form-checkbox{
	margin-bottom: 20px;
}
#wpcf7-f416-o1 .wpcf7-select{
	width:100%;
	height:40px;
	line-height:40px;
	border-color:#ccc;
	border-radius: 4px;
	color:#555;
    border: 1px solid #ccc;
    padding: 0 5px;
}
#wpcf7-f416-o1 .wpcf7-select:focus-visible{
	outline:none!important;
}
#wpcf7-f416-o1 .wpcf7-select option{
	color:#555;
}
#wpcf7-f416-o1 .form-group .form-checkbox:last-child{
	margin:0;
}
#wpcf7-f416-o1 .wpcf7-submit{
	max-width:180px;
	width:100%;
	display: block;
	border:0;
	line-height: 48px;
	margin: 30px auto 0;
	text-transform: uppercase;
}
textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    border: 1px solid #ccc;
}
/*************form build**************/
.vc_row.container{
    margin: 0 auto;
}
.default_section{
    padding: 100px 0;
}
/* responsive */
.hidden-sm {
  display: block !important;
}
.primary-navigation .sub-menu .menu-item > a {
  font-size: 14px !important;
  font-family: 'Jost' !important;
  padding: 15px 30px !important;
  transition: 0.2s;
}
.primary-navigation .sub-menu .menu-item > a:hover{
  background-color: #000000 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  opacity: 1;
}
.primary-navigation > div > .menu-wrapper .sub-menu-toggle {
  display: none !important;
}
.related_products {
  padding: 0 165px 50px;
}
.upgrade_content .btn_light{
  width: 205px;
}
@media (max-width: 1440px){
  header .container{
    width: 100%;
    padding: 0 50px;
  }
  .advantage_box{
    width: 100%;
  }
  .advantage_item {
    width: 48%;
  }
  .home_part_one_cover {
    padding-bottom: 130px;
  }
  .product_item {
    padding: 30px 50px;
  }
  .product_lists{
    align-items: stretch;
  }
  .service_item {
    padding: 50px 30px;
  }
  .ubermenu-item-level-0 > .ubermenu-submenu > .ubermenu-item-level-1 > a > .ubermenu-target-text {
    font-size: 24px;
  }
  .cat_product p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 1366px){
  .slide_content h2 {
    font-size: 48px;
  }
  .service_item h3 {
    font-size: 28px;
  }
  .cta a {
    font-size: 24px;
    line-height: 28px;
  }
  .why_box h2,
  .h2_title {
    font-size: 42px;
  }
  .why_box p {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 1280px){
  .header_logo img{
    max-width: 170px;
  }
  .header_shop .btn_dark{
    display: none;
  }
  .header_menu {
    width: inherit;
  }
  .ubermenu-item-level-0 > .ubermenu-submenu {
    width: 140% !important;
    left: -30% !important;
    padding: 40px 30px !important;
  }
  .swiper-button-next-banner, .swiper-button-prev-banner {
    width: 50px;
    height: 50px;
  }
  .slide_content h2 {
    font-size: 44px;
  }
  .service_item li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 25px;
  }
  .service_item li::before {
    width: 18px;
    height: 18px;
    background-size: cover;
    top: 3px;
  }
  .onlien_item h3 {
    font-size: 28px;
  }
  .onlien_item {
    padding: 25px 15px;
  }
  .onlien_item img{
    width: 150px;
  }
  .blog_item_content h3 a {
    font-size: 26px;
  }
}
@media (max-width: 1024px){
  header .container {
    padding: 0 20px;
  }
  .header_logo img {
    max-width: 140px;
  }
  .advantage_box {
    padding: 40px;
  }
  .product_item {
    padding: 30px;
  }
  .category_lists{
    flex-wrap: wrap;
  }
  .category_item {
    width: 48%;
  }
  .top-banner img{
    height: 400px;
    object-fit: cover;
  }
  .content_p h2 {
    font-size: 28px;
  }
  .cat_product {
    padding: 20px 15px;
  }
  .sidebar_p {
    padding: 50px 20px;
  }
  .banner_cover h1 {
    font-size: 44px;
  }
  .banner_cover p {
    font-size: 20px;
    line-height: 32px;
  }
  .sp_one_gallery{
    width: 100%;
  }
  .sp_one_content{
    width: 100%;
  }
  .sp_one_box{
    row-gap: 50px;
  }
  .solution_img,
  .solution_content{
    width: 100%;
  }
  .solution_flex{
    row-gap: 50px;
  }
  .solution_img {
    order: -1;
  }
  .secrets_item{
    width: 48%;
  }
  .secrets_lists{
    row-gap: 35px;
  }
  .about_two_item {
    padding: 25px;
  }
  .about_three_image{
    height: auto;
  }
  .about_three_items{
    align-items: stretch;
  }
  .five_left,
  .about_three_content {
    padding: 50px;
  }
  .about_design_item {
    width: 48%;
  }
  .about_four_design{
    row-gap: 35px;
  }
  .blog_one_tab li a{
    min-width: 200px;
  }
}
@media (max-width: 991px){
  .header_flex{
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
  }
  .header_menu .primary-navigation .primary-menu-container > ul > .menu-item > a, .ubermenu .ubermenu-target {
    font-size: 16px;
    line-height: 24px;
  }
  .header_menu .primary-navigation .primary-menu-container > ul > .menu-item {
    padding: 0 20px;
  }
  .box.header-bottom.hidden-sm {
    height: 110px;
  }
  .why_half{
    width: 100% !important;
  }
  .home_part_one_cover {
    padding-bottom: 0;
  }
  .advantage_item {
    flex-wrap: wrap;
  }
  .advantage_item strong {
    font-size: 18px;
  }
  .advantage_item span {
    font-size: 18px;
  }
  .adv_icon {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .advantage_box {
    row-gap: 40px;
  }
  .product_item {
    width: 48%;
  }
  .product_lists {
    row-gap: 30px;
  }
  .category_item{
    min-height: 500px;
  }
  .category_item{
    margin-top: 30px;
  }
  .service_item{
    width: 48%;
  }
  .blog_box,
  .service_box{
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .blog_catitem {
    width: 100%;
  }
  .why_box h2, .h2_title {
    font-size: 38px;
  }
  .footer_item:first-child{
    width: 100%;
  }
  .footer_item{
    width: 48%;
  }
  .footer_box{
    row-gap: 35px;
  }
  .sidebar_p {
    width: 100%;
  }
  .content_p {
    width: 100%;
    padding: 60px 30px;
  }
  .onlien_lists{
    row-gap: 35px;
  }
  .onlien_item{
    width: 48%;
  }
  .about_two_item h3 {
    font-size: 28px;
  }
  .about_two_item {
    width: 48%;
  }
  .about_two_items{
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .about_three_image{
    width: 100%;
  }
  .about_three_content{
    width: 100%;
  }
  .about_four {
    padding: 50px 0;
  }
  .about_design_item {
    width: 100%;
  }
  .about_design_item img{
    width: 100%;
  }
  .five_left{
    width: 100%;
  }
  .five_right{
    width: 100%;
    order: -1;
  }
  .development_lists{
    row-gap: 35px;
  }
  .development_item{
    width: 48%;
  }
  .blog_item{
    padding: 30px;
  }
}
@media (max-width: 580px){
  .header_flex {
    justify-content: space-between;
    padding: 25px 0;
  }
  .box.header-bottom.hidden-sm {
    height: 73px;
  }
  .slide_content h2 {
    font-size: 28px;
  }
  .slide_content p {
    font-size: 18px;
    line-height: 26px;
  }
  .swiper-button-next-banner, .swiper-button-prev-banner {
    width: 40px;
    height: 40px;
    right: 15px;
  }
  .swiper-button-prev-banner:after,
  .swiper-button-next-banner:after{
    content: "\f177";
    font-family: FontAwesome;
    font-size: 18px;
  }
  .advantage_box {
    padding: 40px;
    position: unset;
    margin-top: 40px;
  }
  .advantage_item {
    width: 100%;
  }
  .adv_icon {
    width: auto;
    margin-bottom: 0;
  }
  .advantage_item {
    flex-wrap: nowrap;
  }
  .advantage_box {
    row-gap: 20px;
    padding: 40px 21px;
  }
  .why_box h2, .h2_title {
    font-size: 32px;
  }
  .category_item {
    width: 100%;
  }
  .category_item {
    min-height: 400px;
  }
  .service_item {
    width: 100%;
  }
  .blog_catitem h3 {
    font-size: 30px;
    line-height: 30px;
  }
  .footer_item:first-child{
    width: 100%;
  }
  .footer_item{
    width: 48%;
  }
  .header_menu .primary-navigation .primary-menu-container > ul > .menu-item > a {
    padding: 13px 15px;
    color: #555555 !important;
  }
  .lan_search {
      margin-right: 25px;
      margin-top: -5px;
  }
  .menu-wrapper > li > .sub-menu{
      display: none;
  }
  .menu-wrapper > li > .sub-menu.sub-active{
      display: block;
  }
  .mega_menu > a::after,.common_menu > a::after{
      display: none;
  }
  .header-menu button.sub-menu-toggle {
      display: inline-block !important;
      color: #000000 !important;
      position: absolute;
      top: 0;
      right: 0;
      text-align: center;
  }
  .icon-plus::after{
      content: "\f107";
      font: normal normal normal 18px/1 FontAwesome;
  }
  .icon-minus::after{
      content: "\f106";
      font: normal normal normal 18px/1 FontAwesome;
  }
  .menu-image-title-after.menu-image-title{
      margin: 0;
      font-size: 14px;
  }
  .icon-plus svg,.icon-minus svg{
      display: none;
  }
  .icon-plus,.icon-minus{
      justify-content: center;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu{
  border: 0;
  width: auto;
  }
  .header-menu .primary-navigation .primary-menu-container > ul > .menu-item > a {
  border-bottom: 1px solid #efefef;
  }
  .header-menu .primary-navigation .primary-menu-container > ul > .menu-item > a:focus{
  color: #000000 !important;
  }
  .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
  height: 51px !important;
  width: 51px !important;
  }
  .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus{
  outline: none !important;
  }
  .primary-navigation > div > .menu-wrapper .sub-menu-toggle{
    display: flex !important;
  }
  .header_menu .primary-navigation .primary-menu-container > ul > .menu-item {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .menu-wrapper > li > .sub-menu.sub-active{
    display: block;
  }
  ul.sub-menu.sub-active {
    width: 100% !important;
  }
  ul.sub-menu.sub-active a{
    color: #555555;
  }
  .related_products {
    padding: 0 0 50px 0;
  }
  .five_left p,
  .about_design_content p,
  .about_four p,
  .about_three_content p,
  .about_two_item p,
  .about_one p,
  .upgrade_content p,
  .upgrade_content li,
  .solution_content p,
  .solution_content li,
  .sp_one_content p {
    font-size: 16px;
    line-height: 26px;
    color: #9396A2;
  }
  .upgrade_content h3,
  .solution_content h3{
    font-size: 28px;
  }
  .onlien_item h3 {
    font-size: 22px;
  }
  .onlien_item p {
    font-size: 16px;
    line-height: 22px;
  }
  .secrets_item{
    width: 100%;
  }
  .about_two_item{
    width: 100%;
  }
  .blog_item{
    flex-wrap: wrap;
    row-gap: 35px;
  }
  .blog_item_content{
    padding: 0;
  }
  .blog_item_img,.blog_item_content{
    width: 100%;
  }
  .blog_item_content h3 a {
    font-size: 22px;
  }
  .date {
    font-size: 16px;
  }
  .development_item {
    width: 100%;
  }
}