:root{
	--dnngo-accent-color:#c71813;
	--dnngo-accent-color2:#ffd801;
	--dnngo-accent-color3:#ffb3c7;
	--dnngo-accent-color4:#DA2E29;
	--dnngo-accent-color5:#da2d28;
}


.prod_container *{
	font-family: "Nunito", sans-serif;
	font-weight: 400;
	font-style: normal;
  }
  .prod_container strong{
	font-weight: bold;
  }

.prod_container a:hover,
.prod_container a{
	text-decoration: none;
}
.prod_container h1,
.prod_container h2,
.prod_container h3,
.prod_container h4,
.prod_container h5,
.prod_container h6{
	color: #000000;
}
.dark-color h1,
.dark-color h2,
.dark-color h3,
.dark-color h4,
.dark-color h5,
.dark-color h6{
	color: #ffffff;
}
.prod_container p,
.prod_container{
	font-size: 16px;
	color: #555555;
	line-height: calc(28/16 * 100%);
}
.text-center{
	text-align: center;
}
.m-auto{
	margin-left: auto;
	margin-right: auto;
}
.dnn_stroe_layout{
	position: relative;
	max-width: 1209px;
	padding: 20px;
}
.dnn_stroe_layout img{
	max-width: 100%;
}

.item01{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme.webp);
}
.item03{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-02.webp);
	background-size: auto !important;
}
.item06{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-06.webp);
}
.item11{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-35.webp);
}
.item13{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-39.webp);
}
.item15{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-46.webp);
}
.item18{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-47.webp);
}

.dnn_stroe_layout.bg{
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;

}
.dnngo-accent-color{
	color: var(--dnngo-accent-color);
}
.dnngo-accent-color2{
	color: var(--dnngo-accent-color2);
}
.dnngo-accent-color3{
	color: var(--dnngo-accent-color3);
}
.dnngo-accent-color4{
	color: var(--dnngo-accent-color4);
}
.dnngo-accent-color5{
	color: var(--dnngo-accent-color5);
}
.prod_container .dark-color p,
.prod_container .dark-color{
	color: #fff;
}

.dnn_stroe_layout a{
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: var(--dnngo-accent-color);
	border: 2px solid var(--dnngo-accent-color);
	border-radius: 25px;
	padding: 12px 30px;
	text-decoration: none;
	-webkit-transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms;
    transition: color ease-in 200ms, border-color ease-in 200ms, background-color ease-in 200ms;
	line-height: 22px;
	height: 50px;
	white-space: nowrap;
}
.dnn_stroe_layout.link_default a{
	height: auto;
	border: none;
	padding: 0;
	margin: 0;
}
.dnn_stroe_layout.dark-color a{
	border-color: #fff;
	color: #fff;
}
.dnn_stroe_layout.dark-color.item01 a:hover{
	background-color: #fff;
	border-color:#fff;
	color: var(--dnngo-accent-color);
}
.dnn_stroe_layout.dark-color.item01 a.link1:hover{
	background-color: transparent;
	color: #fff;
}
.dnn_stroe_layout a.link1{
	display: flex;
	align-items: center;
	gap: 17px;
	border: none;
	border-radius: 0;
	padding: 0;
}
.dnn_stroe_layout a.link1:hover{
	background-color: transparent;
}
.dnn_stroe_layout a.link3{
	padding: 0;
	margin: 0;
	border: none;
	height: auto;
	position: relative;
	font-size: 18px;
}
.dnn_stroe_layout a.link3:after{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: currentColor;
}
.dnn_stroe_layout a.link3:hover{
	background: none;
}
.dnn_stroe_layout .play-button01 {
	width: 35px;
	height: 35px;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	background-color: #ffffff;
}

.dnn_stroe_layout .play-button01 .icon {
	background-color: inherit;
	width: 100%;
	height: 100%;
	display: inline-block;
	border-radius: 50%;
	position: static !important;
	vertical-align: middle;
	margin-right: 10px;
    margin-bottom: 4px;
}

.dnn_stroe_layout .play-button01::before, .dnn_stroe_layout .play-button01::after , .dnn_stroe_layout .play-button01 .icon::after {
	content: "";
	background-color: inherit;
	opacity: 0.15;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border-radius: 50%;
	animation: play-button01 2s infinite;
	z-index: -1;
}

.dnn_stroe_layout .play-button01::after {
	animation-delay: 200ms;
}

.dnn_stroe_layout .play-button01 .icon::after {
	animation-delay: 400ms;
}

.dnn_stroe_layout .play-button01 .icon:before {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left-color: #C61712;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -3px;
}

@-webkit-keyframes play-button01 {
	0% {
		opacity: .5;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3);
	}
}

@keyframes play-button01 {
	0% {
		opacity: .5;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	75% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(3);
		transform: scale(3);
	}
}
.size-22{
	font-size: 22px !important;
}
.size-18{
	font-size: 18px !important;
}
.size-46{
	font-size: 46px !important;
}
.dnn_stroe_layout a.link2{
	border-radius: 3px;
	padding: 12px 35px;
	background-color: var(--dnngo-accent-color4);
	color: #fff;
	border-color: var(--dnngo-accent-color4);
}
.dnn_stroe_layout a.link2:hover{
	background-color: transparent;
	color: var(--dnngo-accent-color);
}
.dnn_stroe_layout a:hover{
	color: var(--dnngo-accent-color4);
	border-color: var(--dnngo-accent-color4);
	background-color: transparent;
}
.dng-title{
	font-size: 50px;
	font-weight: normal;
	line-height: calc(60/50 * 100%);
	margin: 0 0 15px;
}
.dng-title *{
	font-family: inherit;
}
.dnn-title02{
	font-size: 32px;
	font-weight: normal;
	line-height: calc(44/32 * 100%);
	margin: 0 0 15px;
}
.dnn-title02 span{

}
.dng-title03 small {
    font-size: 20px;
    font-weight: normal;
    color: var(--dnngo-accent-color);
    display: block;
	padding-bottom: 8px;

}
.dng-title03 .title {
    font-size: 46px;
    color: #000000;
    font-weight: 400;
}
.dng-title03 .title span {
    position: relative;
    white-space: nowrap;
	font-family: inherit;
}
.dng-title03 .title span::after {
    content: "";
    position: absolute;
    border-bottom: 4px solid var(--dnngo-accent-color);
    left: 0;
    right: 0;
    bottom: 0;
}
.dng-title04 small{
	font-size: 20px;
	color: #d83030;
	line-height: 49px;

}
.dng-title04{
	font-size: 36px;
	font-weight: normal;
	line-height: calc(40/36 * 100%);
	margin: 0 0 15px !important;
	letter-spacing: 0px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.dng-title04:after{
	content: '';
    width: 65px;
    height: 10px;
    display: block;
    background-image: linear-gradient(90deg, #da2e29 75%, transparent 0);
    background-size: 13px 13px;
    margin-top: 32px;
}
.dark-color .dng-title04:after{
	background-image: linear-gradient(90deg, #ffffff 75%, transparent 0);
}



.item01 .dng_con{
	padding: 80px 50px 690px;
}
.item01 .link_box{
	padding-top: 33px;
}
.link_box{
	padding-top: 17px;
	display: flex;
	gap: 31px;
}
.dnngo-flex{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.item02{
	padding: 80px 20px 70px;
}
.dng-info-box01 {
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 6px;
    padding: 30px 34px 38px;
    position: relative;
    margin-bottom: 30px;
    height: calc(100% - 30px);
    transition: all ease-in 300ms;
    z-index: 2;
	box-shadow: 0 0 10px rgba(0, 0, 0, .01);
}
.dng-info-box01 .icon {
	color: var(--dnngo-accent-color);
	font-size: 60px;
	margin: 0 0 20px;
    transition: all ease-in 300ms;
}
.dng-info-box01 .icon svg{
	width: 1em;
	height: 1em;
	
}

.dng-info-box01 .title {
	font-size: 24px;
	color: #333333;
	margin-bottom: 20px;
}
.item02 .dng-title03{
	padding-bottom: 70px;
}

.dng-info-box01 p {
	font-size: 16px;
}

.dark-color.dnn_stroe_layout a.link2{
	background-color: #fff;
	border-color: #fff;
	color: #272727;

}
.dark-color.dnn_stroe_layout a.link2:hover{
	background-color: transparent;
	color: #fff;
}

.dng-info-box01 .link {
	color: #777777;
	font-size: 1.125rem;
	border-bottom: 2px solid #da2e29;
	margin-top: 5px;
	display: inline-block;
	transition: all ease-in 300ms;
}

.dng-info-box01:hover {
	background-color: #da2e29;
	transform: translateY(-10px);
}

.dng-info-box01 .title, .dng-info-box01 p, .dng-info-box01 a {
	transition: color ease-in 300ms;
}

.dng-info-box01:hover .title, .dng-info-box01:hover p, .dng-info-box01:hover a, .dng-info-box01:hover .icon {
	color: #ffffff !important;
	border-color: currentColor !important;
}


.dnn_stroe_layout.item03{
	padding:100px 20px 0;
}
.item03 .dng_con{
	text-align: center;
}
.item03 .dng_con p{
	font-size: 18px;
	line-height: calc(30/18 * 100%);
	padding-bottom: 20px;
}
.item03 .link_box{
	justify-content: center;
}
.item03 .link_box{
	padding-top: 37px;
}
.item03 .dng-title04{
	padding-bottom: 15px;
}
.demo_title{
	font-size: 40px;
	line-height: 50px;
}
.demo_subtitle{
	font-size: 20px;
	line-height: 30px;
}

.demo_link_bg{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-03.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 970px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 6px;
	overflow: hidden;
	padding: 79px 0 85px;
	margin-top: 80px;
}

.item04{
	padding: 100px 0px 0px 0px;
}
.demo_img_box{
	text-align: center;
	position: relative;
	padding-bottom: 150px;
	padding-left: 10px;
	padding-right: 10px;
}
.demo_leftimg{
	position: absolute;
	left: 24px;
	top: 55%;
	max-width: 33%;
}
.demo_rightimg{
	position: absolute;
	right: 20px;
	left: auto;
	top: 50%;
	max-width: 36%;
}
.item04 .dng-title03{
	padding-top: 22px;
	padding-bottom: 30px;
}
.item04 .dng_con{
	padding-bottom: 40px;
}
.demo_bg_button_box{
	background-color: #FDEAE9;
	padding: 107px 0 80px 142px;
}
.item05{
	padding: 100px 0px 60px 20px;
}
.item05 .dng_con p{
	padding-top: 40px;
}
.demo_list{
	padding: 0;
	margin: 0;
}
.demo_list li{
	list-style: none;
	font-size: 18px;
	color: #555555;
	display: flex;
	gap: 11px;
	align-items: center;
	margin-bottom: 20px;
}
.demo_list li:before{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border: 3px solid #fff;
	box-shadow: 0 0 2px #D83030;
	background-color: #D83030;
	border-radius: 50%;
	flex: 0 0 20px;
	max-width: 20px;
}
.list_width{
	
	padding-top: 48px;
}
.item06{
	padding: 83px 20px 80px;
}
.item06 .link_box{
	gap: 13px;
}
.item06.dark-color .link_box a:hover{
	background-color: #fff;
	color: var(--dnngo-accent-color);
	border-color: #fff;
}
.item06.dnngo-flex{
	gap: 49px;
}

.item06 .dng_con{
	flex-grow: 1;
	text-align: center;
}
.item06 .dng_con h6{
	margin: 0;
	padding: 14px 0 0;
	font-size: 16px;
	white-space: nowrap;
}
.demo-icon-box2{
	display: flex;
	align-items: center;
	justify-self: start;
	gap: 20px;
	margin-bottom: 20px;
}
.demo-icon-box2 .icon{
	flex: 0 0 78px;
	max-width: 78px;
	background-color: #E1F1FF;
	border-radius: 50%;
}
.demo-icon-box2 .demo-title{
	font-size: 20px;
	line-height: calc(25/20 * 100%);
	font-weight: 600;
	color: #1e1e22;
}
.demo_icon_box_list2 > div > div:nth-child(3n + 2) .demo-icon-box2 .icon{
	background-color: #FFE1E1;
}
.demo_icon_box_list2 > div > div:nth-child(3n + 3) .demo-icon-box2 .icon{
	background-color: #E9F7E3;
}

.product_list_link{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 29px;
	grid-row-gap: 10px;
	padding-top: 30px;
}
.item10 {
	padding: 84px 20px 70px;
}
.item10 .dng-title04{
	padding-bottom: 30px;
}

.item_pro_box h4{
	text-align: center;
	font-size: 20px;
	color: #333333;
	margin: 0;
	padding: 24px 0 25px;
}
.new_icon{
	position: relative;
}
.new_icon::before{
	content: "";
	background: url(/portals/0/img-modules/Flux/new_porduct.webp) 0 0 no-repeat;
	display: block;
	width: 87px;
	height: 87px;
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
}
.list_item{
	box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	border-radius: 3px;
}
.list_item a{
	height: auto;
	padding: 0;
	margin: 0;
	display: block;
	padding: 8px !important;
	border: none;
	box-shadow: inset 0 0 8px rgba(0, 0, 0, .1);
	border-radius: 3px;
}
.item11 {
	padding: 84px 20px 100px;
}
.item11 .dng-title04{
	padding-bottom: 30px;
}
.item11 .dng-title04 + p{
	padding-bottom: 46px;
}
.item12{
	padding: 74px 5px 70px 20px;
}
.item12 .dng_img{
	flex: 0 0 49.3%;
	max-width: 49.3%;
} 
.item12 .dng_con{
	flex: 1;
}
.item12.dnn_stroe_layout{
	gap: 23px;
} 
.item12 .dng-title03 .title{
	font-size: 36px;
}
.item12 .dng-title03{
	padding-bottom: 20px;
}
.item12 .dng-title03 + p{
	padding-bottom: 24px;
}
.dng_icon_box h3{
	font-size: 20px;
	color: #424242;
	line-height: 28px;
	padding-top: 24px;
	padding-bottom: 4px;
}
.item13{
	padding:70px 20px 100px;
}
.dng-title04 span{
	color: #da2e29;

}
.item13 .link_box{
	justify-content:center;
	padding-top:44px;
}
.item13 .dng-title04{
	padding-bottom:33px;
}
.item13 h3{
	font-size:24px;
	color:#333333;
	padding-top:28px;
}

.item14{
	padding:70px 20px 100px;
}
.item14 .dng-title04{
	padding-bottom: 20px;
}
.demo_icon_list_box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 10px;
	grid-row-gap: 44px;
	padding-top: 40px;
}
.demo_icon_item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}
.demo_icon_item .demo_icon{
	flex: 0 0 40px;
	max-width: 40px;
}
.demo_icon_item .title{
	font-size: 16px;
	color: #333333;
	flex-grow: 1;
	margin: 0;
}

.item15{
	padding:110px 20px 120px;
}
.item15 .dng-title04{
	padding-bottom: 20px;
}

.demo_list_img{
	padding-top: 25px;
}
.demo_list_img p{
	margin-bottom: 30px;
}
.demo_list_img img{
	box-shadow: 0 0 15px rgba(66,10,10, .15);
}
.item16{
	background-color: #D93E3A;
	padding: 70px 20px;
}
.item16 .dng_con{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
}
.item16 .dng_con .title{
	margin: 0;
	font-size: 28px;
	color: #f3f5fa;
}
.item16 .dng_con .link_box{
	padding-top: 0;
}
.item17{
	padding: 114px 20px 70px;
}
.demo_icon_box09{
	padding-top: 55px;
}
.item17 .dng-title04{
	padding-bottom: 20px;
}

.demo-icon-box09 {
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.05);
	padding: 45px 35px 35px;
	border-radius: 15px;
	transition: all ease-in 300ms;
	margin: 0 0 30px;
	position: relative;
	overflow: hidden;
}

.demo-icon-box09::after {
	content: "";
	border-bottom: 5px solid transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: all ease-in 300ms;
}

.demo-icon-box09 .icon {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: 1.875rem;
	background-color: #da2e29;
	border-radius: 50%;
	margin-bottom: 20px;
}

.demo-icon-box09 .more-icon {
	text-align: right;
	margin: 0;
	opacity: 0;
	transition: all ease-in 300ms;
}
.demo-icon-box09 .more-icon a{
	width: initial;
	height: initial;
	border: none;
	padding: 0;
	margin: 0;
}

.demo-icon-box09 .title {
	font-size: 1.25rem;
	margin-bottom: 15px;
}

.demo-icon-box09:hover {
	transform: translateY(-10px);
}
.demo-icon-box09 .info{
	color: #787878;
}

.demo-icon-box09:hover::after {
	border-bottom-color: #da2e29;
}

.demo-icon-box09:hover .more-icon {
	opacity: 1;
}

.item18{
	padding: 92px 20px 100px;
}
.item18 .link_box{
	justify-content: center;
}
.item18.dark-color.dnn_stroe_layout .link_box a{
	color: var(--dnngo-accent-color);
}
.item18.dark-color.dnn_stroe_layout .link_box a:hover{
	color: #fff;
}
.item19{
	padding: 94px 20px 100px;
}
.demo_faq_list_box{
	padding-top: 37px;
}
.fap_item{
	padding: 25px 30px 20px;
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin-bottom: 20px;
	height: calc(100% - 20px);
}
.fap_item .title{
	font-size: 17px;
	color: #333;
}
.fap_item p{
	font-size: 16px;
	line-height: calc(26/16 * 100%);
	color: #5b5b5b;
}

.license_list{
	padding: 0;
	margin: 0;

}
.license_list > li{
	list-style: none;
}
.license_title{
	font-size: 26px;
	color: #464856 !important;
	font-weight: normal;
	padding-bottom: 15px !important;
}
.license_title *{
	font-family: inherit;
}
.license_list > li ul{
	padding: 0px 0 0;
	margin: 0;
}
.license_list > li ul li{
	list-style: none;
	margin-bottom: 24px;
}

.item07{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-48.webp);
	padding:92px 90px 100px
}

.item07 .dng-title04{
	padding-bottom: 40px;
}
.item07 .license_title{
	padding-bottom: 25px;
	font-weight: normal;
}
.item07 .license_title span{
	font-family: inherit;
}
.hr_style{
	border-top-color: #AFAFAF;
	margin-top: 66px;
	margin-bottom: 66px;
}
.license_list > li ul li strong{
	font-size: 18px;
	color: #444444;
	font-weight: normal;
	display: block;
}
.license_list > li ul li{
	padding-left: 25px;
	position: relative;
	color: #787878;
}
.license_list > li ul li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 7px;
	width: 16px;
	height: 13px;
	background: url(/portals/0/img-modules/Flux/demo-list-arrow.webp) 0 0 no-repeat;
}
.license_list2{
	padding: 0;
	margin: 0;
}
.license_list2 li{
	list-style: none;
	margin-bottom: 40px;
}
.dnn_stroe_layout a.text_link{
	padding: 0;
	margin: 0;
	color: var(--dnngo-accent-color);
	border: none;
	background: none;
	font-weight: normal;
	height: auto;
}
.item08{
	padding: 104px  90px 75px;
	color: #6f7079;
}
.item08 .dng-title04{
	padding-bottom: 30px;
}
.license_list2 ul{
	padding: 0;
	margin: 0;
}
.license_list2 ul li{
	list-style: none;
	padding-left: 30px;
	margin-bottom: 12px;
	position: relative;
}
.license_list2 ul li:before{
	content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 16px;
    height: 13px;
    background: url(/portals/0/img-modules/Flux/demo-list-arrow.webp) 0 0 no-repeat;
}
.item08 .hr_style{
	border-top-color: #DA2D28;
	margin-top: 0;
	margin-bottom: 88px;
}
.font-weight-600 span,
.font-weight-600{
	font-weight: 600 !important;
}
.dng-icon-box{
	text-align: center;
	padding: 5px 0;
}
.dng-icon-box .dng-icon{
	padding-bottom: 12px;
}
.line_option > div:nth-child(2){
	border-left: 1px dashed rgba(225,205,204, .6);
	border-right: 1px dashed rgba(225,205,204, .6);
}
.item09{
	padding: 140px 120px 150px;
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-50.webp);
}
.item09 .dng-title span{
	color: #fcd003;
}
.p_spear{
	padding: 30px 0 85px;
}
.item20{
	background-image: url(/portals/0/img-modules/Flux/FluxTheme-img-49.webp);
	padding: 92px 90px 75px;
}
.update-history-list{
	padding: 0;
	margin: 0;
}
.update-history-list > li{
	list-style: none;
	border-bottom: 1px solid #E5DED9;
	padding-bottom: 22px;
	margin-bottom: 34px;
}
.update-history-list > li .title{
	font-size: 24px;
	color: #000000;
	padding-bottom: 10px;
}
.update-history-list > li ol li{
	font-size: 18px;
	color: #666666;
}
.update-history-list > li ol li::marker{
	color: #000000;
}
.item20 .dng-title04{
	padding-bottom: 40px;
}


@media all and (max-width: 992px) {
	.item06.dark-color .link_box a{
		white-space: nowrap;
	}
	.item12{
		padding-right: 20px;
	}
	.order-2{
		order: 1;
	}
	.order-1{
		order: 2;
	}
	.item12 .dng_img{
		flex: 0 0 100%;
		max-width: 100%;
	}
	.item16 .dng_con{
		gap: 10px;
	}
}
@media all and (max-width: 768px) {
	.item09{
		padding-left: 20px;
		padding-right: 20px;
	}
	.dng-info-box01{
		padding: 30px 10px 38px;
	}
}
@media all and (max-width: 767px) {
	.demo_bg_button_box,
	.item09,
	.item20,
	.item08,
	.item07{
		padding-left: 20px;
		padding-right: 20px;
	}
	.line_option > div:nth-child(2){
		border-left: none;
		border-right: none;
		border-top: 1px dashed rgba(225,205,204, .6);
		border-bottom: 1px dashed rgba(225,205,204, .6);
		margin-top: 30px;
		margin-bottom: 30px;
		padding: 29px 0;
	}
	.dng-title03 .title,
	.size-46 {
		font-size: 28px !important;
	}
	.item12 .dng-title03 .title,
	.dng-title04{
		font-size: 30px;
	}
	.item16 .dng_con{
		flex-flow: column;
		
	}
	.item16 .dng_con .title{
		text-align: center;
	}
	.demo_list_img > div > div{
		margin-bottom: 30px;
	}
	.product_list_link,
	.demo_icon_list_box{
		grid-template-columns: repeat(2, 1fr);
	}
	.list_width {
		padding-left: 0px;
		padding-right: 0px;
	}
	.item01 .dng_con{
		padding-left: 0;
		padding-right: 0;
	
	}

}
@media all and (max-width: 576px) {
	.demo_bg_button_box{
		padding-top: 20px;
	}
	.dnn_stroe_layout a{
		padding-left: 15px;
		padding-right: 15px;
	}
	.item01 .dng_con{
		padding-bottom: 673px;
	}

	.demo_title{
		font-size: 20px;
	}
	.demo_subtitle{
		font-size: 16px;
	}
	.list_width {
		padding-left: 0px;
		padding-right: 0px;
	}
	.item06.dnngo-flex{
		gap: 10px;
	}
	.item06 .dng_con > div > div{
		margin-bottom: 20px;
	}
	.product_list_link,
	.demo_icon_list_box{
		grid-template-columns: repeat(1, 1fr);
	}
	.product_list_link{
		max-width: 355px;
		margin-left: auto;
		margin-right: auto;
	}
}


.dng-title05 {
	text-align: center;
	margin: 0 auto 40px;
	max-width: 742px;
}
.dng-title05 .title {
	font-size: 46px;
}
.dng-title05 span {
	color: var(--dnngo-accent-color);
}
.dng-title05  small{
	font-size: 24px;
	color: #272727;
	font-weight: 500;
}
.video-box {
	max-width: 845px;
	margin: 0 auto;
	text-align: center;
}
.video-box video{
	max-width: 100%;
}


.dnn_design_layout{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	background-color:#f8e1e1;
}

.dnn_design_layout > .column{
	padding: 45px;
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.dnn_design_layout .title{
	font-size: 24px;
	margin: 0 0 20px;
}
.dnn_design_layout .title::after{
	content: "";
	border-bottom: 1px solid #cf0606;
	width: 100px;
	display: block;
	margin: 25px 0 25px;

}
.dnn_design_layout .list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.dnn_design_layout .list li{
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
	position: relative;
	padding-left: 20px;
}
.dnn_design_layout .list li::before{
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: var(--dnngo-accent-color);
	position: absolute;
	left: 0;
	top: 10px;
}

.dnn_design_layout .list .color-accent{
	color: var(--dnngo-accent-color) !important;
}
.dnn_design_layout .number{
    position: absolute;
    bottom: -122px;
    right: -21px;
    line-height: 1;
    font-size: 288px;
    font-weight: 900;
    color:  #f6dada;
	z-index: -1;
	
}
@media screen and (min-width: 992px) {
	.dnn_design_layout > .column:nth-child(2),
	.dnn_design_layout > .column:nth-child(3){
		background-color: #fdf4f4;
	}
	.dnn_design_layout > .column:nth-child(2) .number,
	.dnn_design_layout > .column:nth-child(3) .number{
		color: #fbe8e8;
	}
}
@media screen and (max-width: 991px) {
	.dnn_design_layout{
		grid-template-columns: repeat(1, 1fr);
	}
	.dnn_design_layout > .column:nth-child(2),
	.dnn_design_layout > .column:nth-child(4){
		background-color: #fdf4f4;
	}
	.dnn_design_layout > .column:nth-child(2) .number,
	.dnn_design_layout > .column:nth-child(4) .number{
		color: #fbe8e8;
	}
	
}