/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.dialog-type-lightbox {
    display: none;
}
.elementor-element-ef19efa svg{
	width:32px;
	height:32px;
}
ul.elementor-icon-list-items.elementor-inline-items {
    list-style: none;
	justify-content: center;
}
.mauticform_wrapper {
        max-width: 600px;
        margin: 10px auto;
    }

    .mauticform-innerform {}

    .mauticform-post-success {}

    .mauticform-name {
        font-weight: bold;
        font-size: 1.5em;
        margin-bottom: 3px;
    }

    .mauticform-description {
        margin-top: 2px;
        margin-bottom: 10px;
    }

    .mauticform-error {
        margin-bottom: 10px;
        color: red;
    }

    .mauticform-message {
        margin-bottom: 10px;
        color: green;
    }

    .mauticform-row {
        display: block;
        margin-bottom: 20px;
    }

    .mauticform-label {
        font-size: 1.1em;
        display: block;
        font-weight: bold;
        margin-bottom: 5px;
    }

    .mauticform-row.mauticform-required .mauticform-label:after {
        color: #e32;
        content: " *";
        display: inline;
    }

    .mauticform-helpmessage {
        display: block;
        font-size: 0.9em;
        margin-bottom: 3px;
    }

    .mauticform-errormsg {
        display: block;
        color: red;
        margin-top: 2px;
    }

    .mauticform-selectbox,
    .mauticform-input,
    .mauticform-textarea {
        width: 100%;
        padding: 1em 1em;
        border: 1px solid #CCC;
        box-shadow: 0px 0px 0px #fff inset;
        border-radius: 15px !important;
        box-sizing: border-box;
    }

    .mauticform-checkboxgrp-row {}

    .mauticform-checkboxgrp-label {
        font-weight: normal;
    }

    .mauticform-checkboxgrp-checkbox {}

    .mauticform-radiogrp-row {
		
		display: inline-flex;
		padding: 10px;
}

    .mauticform-radiogrp-label {
        font-weight: normal;
    }

    .mauticform-radiogrp-radio {}

    .mauticform-button-wrapper .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default {
        color: #5d6c7c;
        background-color: #ffffff;
        border-color: #dddddd;
    }

    .mauticform-button-wrapper .mauticform-button,
    .mauticform-pagebreak-wrapper .mauticform-pagebreak {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 600;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        border: 1px solid transparent;
        white-space: nowrap;
        padding: 6px 12px;
        font-size: 13px;
        line-height: 1.3856;
        border-radius: 3px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
		background-color:#1e73be;
		color: #ffff;
    }

    .mauticform-button-wrapper .mauticform-button.btn-default[disabled],
    .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] {
        background-color: #ffffff;
        border-color: #dddddd;
        opacity: 0.75;
        cursor: not-allowed;
    }

    .mauticform-pagebreak-wrapper .mauticform-button-wrapper {
        display: inline;
    }

    .mauticform-button.btn-default {
        color: white;
        background-color: #1e73be;
        border-color: #fff;
        border-radius: 20px;
        line-height: 2;


    }

    input::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
         color: #c8c4c4;
        font-size: 14px;
        padding: 0 20px;
        line-height: 2;
    }

    :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
           color: #c8c4c4;
        opacity: 1;
        font-size: 14px;
        line-height: 2;

    }

    ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
           color: #c8c4c4;
        opacity: 1;
        font-size: 14px;
        line-height: 2;
    }

    :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
           color: #c8c4c4;
        font-size: 14px;
        line-height: 2;
    }

    input {
        padding: 0 20px;
           color: #c8c4c4;
        line-height: 2;
        font-size: 14px;
    }

div#mauticform_standalonedownloadcatalog_submit {
    text-align: center;
}
.elementor-907 .elementor-element.elementor-element-e25e0c2 > .elementor-element-populated{
	background-color: rgb(239, 252, 239);
	padding: 20px 20px 20px 20px;
	border-radius:20px;
}
button#mauticform_input_4standaloneinquiryproducts_send_now {
    background: red;
    border-radius: 40px;
    color: #ffff;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select {
    border: 1px solid rgb(153, 202, 129);
    padding: .4em 1em;
	background-color: #fff;
    margin: 0 0 .8em;
    max-width: 100%;
    width: 100%;
    height: var(--wd-form-height);
    border-radius: var(--wd-form-brd-radius);
    box-shadow: none;
    vertical-align: middle;
    font-size: 14px;
    transition: border-color .5s ease;
}
.elementor-element-723e2578 {
    background: rgb(239, 252, 239);
    border-radius: 12px;
}
div#mauticform_4standaloneinquiryproducts_distribution_models1 {
    margin-top: 14px;
}
.mauticform-field-4{
	margin-top: 14px;
}
/**/
.mauticform-text {
    margin: 10px 0;
}
.mauticform-tel {
    margin: 10px 0;
}
.elementor-element-6c5a7827 {
    position: relative;
    background: url(http://pl.vinut.co/wp-content/uploads/2024/04/dots.png) no-repeat bottom right;
    padding: 0 64px 35px 0;
    background-size: 300px;
}
.elementor-element-6c5a7827 .elementor-widget-wrap.elementor-element-populated {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
    z-index: 2;
    background-color: #EFFCEF;
    border-radius: 12px;
    padding: 35px !important;
}
.bubbles-video {
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: .24;
    mix-blend-mode: color-burn;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}
.scroll-snap {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}
#uc_remote_control_bullet_navigation_elementor_3fab5f2 {
    position: absolute;
}
.ue-remote-carousel-navigation-wrapper {
    position: absolute;
}
.owl-item {
    opacity: 0;
}
.owl-item.active{
    opacity: 1;
}
.backgr_img1 h3.elementor-image-box-title {
    top: 10px;
    position: relative;
}
/*plugin*/
.img-line.ag img {
    height: 176px;
}
.right-benefit .item:first-child .img-line img {
    height: 176px;
}
.item.active .head {
    font-size: 17px;
}
.img-line img {
    height: 118px;
}

.benefit .img-line {
    position: absolute;
    top: -33px;
    left: 28px;
    z-index: 0;
}
.head img {
    width: 33px;
}
.td-page-content h2 {
	margin: 0;
}

/*! CSS Used from: https://amis.misa.vn/sites/amis/css/pages/crm-v2.css?ver=16 */
.timeline-slide__content {
    align-items: center;
}
.mobile-show {
	display: none;
}
.amis-crm h2 {
	line-height: 1.42857143;
}

.mobile-show {
	display: none;
}

@media (max-width:979px) {
	.img-line.ag img {
     height: 158px !important;
}
	.img-line img {
    height: 107px !important;
}
	.pc-show {
		display: none;
	}

	.mobile-show {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
		margin-top: 10px;
	}
}
.benefit {
	padding: 71px 0;
}

.benefit .people-benefit {
	width: 100%;
	justify-content: center;
	margin-top: 24.5px;
}

.wrap-benefit.container>.title {
	font-size: 32px;
	text-align: center;
	margin-bottom: 56px;
	width: 100%;
}

.wrap-benefit.container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.left-benefit {
    border-radius: 20px;
    width: 60%;
    background-image: linear-gradient(12deg, #aaa, #eee);
    box-shadow: 0 0.375em 0.67em #0003, 0 0.5em 1.3em #0002;
    aspect-ratio: 16 / 9;
}

.right-benefit {
    width: calc(40% - 70px);
    margin-left: 64.6px;
}

.right-benefit .head {
	display: flex;
	background: #f4f4f9;
	color: #636363;
	padding: 11px 13px;
	border-radius: 8px;
	align-items: center;
	width: auto;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.right-benefit .head .option {
	margin-left: 11.2px;
	border-left: 1px solid #636363;
	padding-left: 11.6px;
}


.benefit .bottom .des {
	padding-left: 54px;
	padding-bottom: 5.4px;
	color: #636363;
}

.benefit .bottom {
	display: none;
	position: relative;
	border: 1px solid #dadada;
	border-radius: 0 0 8px 8px;
	padding-top: 15.5px;
	width: 96%;
	margin: 0 auto;
	padding-bottom: 18.9px;
}

.benefit .item {
	margin-bottom: 12px;
}

.item.active .head {
	box-shadow: rgba(0, 0, 0, .16) 0 3px 10px;
	background: linear-gradient(to right, #39af4a, #006838);
	color: #fff;
}

/* .item.active .head img {
	-webkit-filter: brightness(0) invert(1);
} */

.item.active .head .option {
	border-left-color: #fff;
}

.benefit .title-bonus.bold {
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-top: 60px;
}

.sell-benefit {
	width: 100%;
	display: flex;
	gap: 12.3px;
	justify-content: center;
	margin-top: 25.4px;
	flex-wrap: wrap;
}

.sell-benefit div {
	background-color: #f4f4f9;
	padding: 6px 28px;
	border-radius: 15px;
	position: relative;
	padding-left: 51px;
	font-size: 14px;
	font-family: GoogleSans Medium, Arial, sans-serif;
	color: #636363;
}

.sell-benefit div:before {
	content: url(https://amis.misa.vn/sites/amis/images/pages/crm-v2/circle-check.png);
	position: absolute;
	left: 27px;
	top: 5px;
}

.people-benefit {
	text-align: center;
	width: 30%;
	font-size: 14px;
	color: #636363;
	align-items: center;
	display: flex;
	gap: 5.7px;
}
.benefit span {
	color: #186bf1;
}

@media (max-width:979px) {
	.wrap-benefit.container>.title {
		font-size: 23px;
	}

	.benefit .bottom .des {
		font-size: 12px;
	}

	.benefit .img-line {
		top: -30px;
		left: 29px;
	}

	.benefit .bottom {
		width: 96%;
	}

	.right-benefit .head {
		width: 100%;
	}

	.benefit .title-bonus.bold {
		margin-top: 25.6px;
	}

	.sell-benefit {
		gap: 15px;
		flex-wrap: wrap;
	}

	.sell-benefit div {
		width: auto;
	}

	.sell-benefit {
		margin-top: 21px;
	}
}

@media (max-width:979px) {
	.people-benefit {
		width: 100%;
		justify-content: center;
		margin-top: 11px;
	}
}

.title-bonus {
	font-size: 12px;
	padding: 22px 33px;
	margin-top: -45px;
}

.title-mobile {
	display: none;
}

@media (max-width:979px) {
	.title-mobile {
		display: block !important;
	}

	.title-desktop {
		display: none;
	}
}