/*.content_sme {position: relative;}*/

.intro {margin-top: 120px;}

.wrap_content {background: #fff;}
h2.txtsize{ font-size:28px; color:#555; text-align: center; font-family: 'db_heaventmed_cond'; line-height: 1.5;}
.txtinfo {margin-top: 75px; position: relative;}
.txtinfo .txt {padding-bottom: 200px; padding-top: 50px;}
.txtinfo .img {position: absolute; top: 0; right: 0; padding-left: 15%; margin-right: -15%;}
.txtinfo .head {max-width: 387px;}
.txtinfo .info {margin-top: 40px;}
.txtinfo .info .item {padding-left: 30px; margin-top: 30px; }
.txtinfo .info .item h2{ position: relative; font-family: 'db_heaventbold_cond'; color: #2A623C; font-size: 24px;}
.txtinfo .info .item h2:before {content: ''; position: absolute; width: 30px; height: 100%;  left: -40px; background: url(../../internetservices/aipoweredsmartrouter/images/icon_wifi.svg) center top no-repeat; background-size: contain;}
.txtinfo .info .item p {color: #555555; font-size: 17px; font-family: 'db_heaventmed_cond'; margin-top: 5px;}

.info_img_main {position: relative;}
.info_img_main img {pointer-events: none;}
.circle {position: absolute; left: 26%; top: 10%;}
.router {position: absolute; left: 26%; top: 5%;}
.i_zoom {position: absolute;left: 18%;top: 8%;}
.i_youtube {position: absolute;left: 16%;top: 55%;}
.i_wifi {position: absolute;left: 66%;top: 6%;}
.i_team {position: absolute;left: 70%;top: 63%;}


.vdo_router { background: url(../../internetservices/aipoweredsmartrouter/images/bg_video.png) no-repeat; background-size: cover; background-position:50% 50%; padding-bottom: 65px;}
.vdo_router .embed-responsive{ max-width: 1110px; margin:0 auto; border-radius: 8px; border:3px solid #9CC14C; background: #000; }

.info_sec {background: url(../../internetservices/aipoweredsmartrouter/images/bg_info.png) left bottom no-repeat; background-size: contain;}


.slide_info {text-align: center; max-width: 1110px; margin: 0 auto 100px;}
.slide_info .item .icon {margin-bottom: -320px; position: relative; z-index: 1; width: 480px; left: -35px; transition: all 0.15s ease;}
.slide_info .item .content{padding: 350px 15px 100px; position: relative; background: linear-gradient(180deg, #F4F4F4 0%, #FBFBFB 90.58%); clip-path: polygon(50% 0, 100% 100px, 100% 88%, 50% 100%, 0 88%, 0 100px); cursor: pointer;  }
.slide_info .item .content h2 {font-size: 70px; color: #2A623C; font-family: 'db_heaventblack_cond'; line-height: 0.8;}
.slide_info .item .content p {font-size: 17px; color: #555; font-family: 'db_heaventmed_cond'; line-height: 1.5; }


.slide_info .item:hover .content { background: linear-gradient(180deg, #137403 0%, #010101 92.25%); box-shadow: 0px 10px 20px rgba(98, 188, 8, 0.8);}
.slide_info .item:hover .content h2 {color: #D1EE1C;}
.slide_info .item:hover .content p {color: #fff;}
.slide_info .item:hover  .icon {transform: translateY(-10px);}


.icon_group {max-width: 260px; margin: 8px auto;}


.slide_info .item:hover .txt {filter: drop-shadow(0px 8px 10px rgba(98, 188, 8, 0.8)) ;}



.menubar {display: flex; align-items: center; justify-content: center; margin-bottom: 65px;left: 0; margin-top: 0; width: 100%; position: absolute; background: transparent; padding: 8px 0;}
.menubar.active {position: fixed; top: 100px; width: 100%; background: #fff; box-shadow: 0 0 15px rgba(0 0 0 / 15%); margin-top: 0;  z-index: 5;}
.menubar.active .menubar_link_page.active a span:before {bottom: -12px;}
.menubar li { position: relative; padding: 0 20px;}
.menubar li:before {content: ''; position: absolute; width: 2px; height: 50%; background: #E5E6E5; right: 0; top: 25%;}
.menubar li:nth-last-child(1):before {display: none;}
.menubar li a{ display: block; font-size: 22px; padding: 5px 30px;  color: #555; font-family: 'db_heaventmed_cond'; position: relative;}
.menubar li a:hover {color: #000;}
.menubar_link_regis a {padding: 5px 40px; background: url(../../internetservices/aipoweredsmartrouter/images/btn_border.svg) center top no-repeat; background-size: 100% 100%; margin-left: 20px;}
.menubar_link_regis a:hover {background: url(../../internetservices/aipoweredsmartrouter/images/btn_border_hover.svg) center top no-repeat; background-size: 100% 100%; color: #000;}
.menubar_link_regis a.active {background: url(../../internetservices/aipoweredsmartrouter/images/btn_border_hover.svg) center top no-repeat; background-size: 100% 100%; color: #000;}

.menubar_link_page.active a{color: #95D200;}
.menubar_link_page.active:hover a{color: #95D200;}
.menubar_link_page.active a span {position: relative;}
.menubar_link_page.active a span:before {content: ''; position: absolute; width: 110%; height: 3px; background: #95D200; bottom: -3px; left: -5%;}



.bar_desktop { display: flex; }
.bar_tablet { display: none; }

.dropdown_menu { padding: 0 15px; }
.dropdown_menu select { width: 100%; border:2px solid #c5d445; padding: 3px 15px; font-size: 19px; background: #fff; border-radius: 8px; font-family: 'db_heaventmed_cond';}







.package_table {padding-top: 15px; background: url(../../internetservices/aipoweredsmartrouter/images/bg_table_package.jpg) 50% 100% no-repeat; background-size: cover;}
.txthead_package {text-align: center; position: relative;}
.txthead_package h2 {color: #2A623C; font-size: 50px; font-family: 'db_heaventblack_cond'; }
.txthead_package h3 {color: #DC338F; font-size: 50px; font-family: 'db_heaventblack_cond'; }
.txthead_package h3 .sub {color: #555; font-size: 24px; font-family: 'db_heaventbold_cond';}

.table_pack { background: #F7FFDF; border-radius: 20px; max-width: 1110px; margin:0 auto; }


.txtpink {color: #DC338F !important;}


.table_pack {display: grid; grid-template-columns: repeat(4,1fr); padding: 20px; align-items: center; justify-content: center; border: 1px solid #fff; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.05); margin-top: 45px;}
.table_pack .item {text-align: center; padding: 24px; border-top: 1px solid #C3E399; border-right: 1px solid #C3E399; height: 100%; display: flex; align-items: center; justify-content: center;}
.table_pack .item:nth-child(1){padding-top: 8px; grid-column-start: 1; grid-column-end: 3; justify-content: space-around; border-top: 0;}
.table_pack .item:nth-child(2){padding-top: 8px; border-top: 0;}
.table_pack .item:nth-child(3){padding-top: 8px; border-top: 0; border-right: 0;}
.table_pack .item:nth-child(4){padding-bottom: 8px; grid-column-start: 1; grid-column-end: 3; justify-content: space-around;}
.table_pack .item:nth-child(5){padding-bottom: 8px; }
.table_pack .item:nth-child(6){padding-bottom: 8px; border-right: 0;}

.table_pack .item .head { width: 100%; height: 135%; position: relative; left: -12px; top: -20px; padding-bottom: 2%; background: url(../../internetservices/aipoweredsmartrouter/images/bg_table_head.svg) center top no-repeat; background-size: contain; display: flex; align-items: center; justify-content: center;}
.table_pack .item .head h2 {color: #fff; font-size: 28px; font-family: 'db_heaventbold_cond'; margin-bottom: 0px;}
.table_pack .item .head h3 {color: #fff; font-size: 90px; font-family: 'db_heaventbold_cond'; line-height: 1; text-shadow: 2px 2px 1px rgb(0 0 0 / 25%);}
.table_pack .item .head h3 span {font-size: 40%; display: inline-block; margin-left: 8px;}

.table_pack .item .content {width: 100%;}
.table_pack .item .content h2 {color: #555; font-size: 28px; font-family: 'db_heaventbold_cond'; margin: 0; line-height: 1.2;}
.table_pack .item .content h3 {color: #555; font-size: 25px; font-family: 'db_heaventmed_cond'; margin: 0; margin-top: 5px;}
.table_pack .item .content h4 {color: #555; font-size: 100px; font-family: 'db_heaventblack_cond'; line-height: 0.8; margin: 0;}
.table_pack .item .content h5 {color: #555; font-size: 25px; font-family: 'db_heaventbold_cond'; margin: 0; margin-top: -8px;}

.table_pack .item .content .btn-register {width: 70%; margin: 12px auto 0; color: #fff; font-size: 15px;}
.table_pack .item .content small {color: #555; font-weight: normal; font-family: 'db_heaventbold_cond';}

.table_pack .item .router_table { width: 100%; margin:0; position: relative; top:12px; }

.register_ai {text-align: center; margin: 40px 0;}
.btn_register_ai {background: #2D2D2D; color: #fff; font-size: 40px; padding: 8px 45px; border-radius: 50px; display: inline-block; font-family: 'db_heaventbold_cond';}
.btn_register_ai span {color: #D1EE1C; font-size: 115%;}
.btn_register_ai:hover {color: #000; background: linear-gradient(135deg, #d4ea44 0%,#a5c335 100%); box-shadow: 0 0 25px rgb(196 218 63);}
.btn_register_ai:hover span {color: #000;}
.btn_register_ai:focus {color: #000; background: linear-gradient(135deg, #d4ea44 0%,#a5c335 100%); box-shadow: 0 0 25px rgb(196 218 63);}
.btn_register_ai:focus span {color: #000;}

.addon_sme {flex-wrap: nowrap; max-width: 1110px; margin: 0 auto; gap: 15px;}
.addon_sme .post {margin: 0; width: 100%;}
.addon_sme .post img {width: 100%;}
.addon_sme .post .btn-more {bottom: 20%; right: 9%; font-size: 20px; background: #000;}

.condition_sme {max-width: calc(1110px + 30px); margin: 0 auto;}



.box_greencard {display: grid; grid-template-columns: 4fr 2fr; align-items: center; justify-content: center;}
.box_txt {align-self: flex-start;}
.box_img {margin-right: -15px; margin-bottom: -35px; margin-left: -40%; align-self: flex-end;}
.remodal-in h1 {font-size: 25px;}
.remodal-in p {font-family: 'db_heavent_cond'; color: #555;}
.remodal-in .box-detail .txt li {color: #555;}





	.greencard {max-width: 750px; margin: 0 auto; padding: 15px 15px; background: #fff; border-radius: 12px; box-shadow: 0 0 16px rgb(0 0 0 / 8%);}
	.greencard .plus {position: relative; z-index: 1; margin: 5px 0;}
	.greencard .plus:before {content: ''; position: absolute; top: 50%; left: 12.5%; width: 75%; height: 1px; background: #EBEBEB; z-index: -1;}
	.greencard .txt img { padding: 0 15px; align-self: center;}
	.greencard .txt h2 {margin: 0; font-family: 'db_heaventmed_cond'; font-size: 24px; color: #555; display: flex; align-items: baseline; justify-content: center;}



@media(max-width: 1599px){
	.menubar li a {font-size: 20px;}
	.menubar li {padding: 0 15px;}
	.txthead {max-width: 992px; margin: 0 auto;}
	.intro {margin-top: 100px;}
	.txtinfo .info .item p {font-size: 16px;}
	.txtinfo .info .item h2 {font-size: 22px;}
	.txtinfo .info .item h2:before {width: 25px; left: -35px;}
	.txtinfo .info .item {padding-left: 25px;}
	h2.txtsize {font-size: 22px;}
	.slide_info .item .content h2 {font-size: 60px;}
	.slide_info .item .content p {font-size: 16px;}
	.vdo_router .embed-responsive {max-width: 960px;}
	.slide_info {max-width: 1140px; margin-bottom: 45px;}
	.slide_info .item .icon {width: 420px; margin-bottom: -280px; left: -30px;}
	.slide_info .item .content {padding: 290px 12px 80px;}

	.txtinfo {max-width: 1200px; margin-left: auto; margin-right: auto;}
	.info_img_main_body {padding-right: 10%;}
	.info_img_main_dot {padding-right: 10%;}
	.txtinfo .img {padding-left: 0; margin-right: -22%;}
	.circle {top: 17%; padding-right: 35%;}
	.router {left: 22%; top: 8%; padding-right: 33%;}
	.i_zoom {padding-right: 73%;}
	.i_wifi {left: 62%;top: 9%;padding-right: 25%;}
	.i_youtube {padding-right: 75%;}
	.i_team {left: 65%; top: 65%; padding-right: 25%;}
	.txtinfo .txt {padding-bottom: 130px;}

	.txthead_package h2 {font-size: 50px; margin-bottom: 0;}
	.txthead_package h3 {font-size: 50px; margin-bottom: 0;}
	.txthead_package h3 .sub {font-size: 24px;}
	.btn_register_ai {font-size: 35px;}
	.table_pack .item .content h2 {font-size: 25px;}
	.table_pack .item .content h3 {font-size: 19px;}
	.table_pack .item .content h4 {font-size: 90px;}
	.table_pack .item .content h5 {font-size: 23px;}
	.table_pack .item .head h2 {font-size: 25px; margin-top: 3px;}
	.table_pack .item .head h3 {font-size: 80px;}

	.package_table { background-position: 50% 70%;}
	.table_pack {max-width: 960px;}
	.addon_sme {max-width: 960px;}
	.condition_sme {max-width: calc(960px + 30px);}
	/*.greencard {max-width: 660px; margin: 0 auto;}*/

	.remodal-in h1 {font-size: 25px;}
	.remodal-in .box-detail .txt li {font-size: 15px;}
	.remodal-in p {font-size: 15px;}

}


@media(max-width: 1439px){
	.txthead {max-width: 900px;}
	h2.txtsize {font-size: 20px;}
	.menubar {margin-top: 0; margin-bottom: 45px;}
	.menubar li a {font-size: 18px; padding: 5px 25px;}
	.txtinfo .head {max-width: 340px;}
	.txtinfo .img {padding-left: 30%; margin-right: -20%;}
	.txtinfo {padding-left: 4%;}
	.txtinfo .txt {padding-top: 30px; padding-bottom: 100px;}
	.slide_info {max-width: 960px;}
	.slide_info .item .icon {width: 120%;left: -10%; margin-bottom: -250px;}
	.slide_info .item .content {padding: 260px 12px 60px; clip-path: polygon(50% 0, 100% 100px, 100% 90%, 50% 100%, 0 90%, 0 100px);}
	.slide_info .item .content h2 {font-size: 50px;}
	.slide_info .item .content p {font-size: 15px;}
	.vdo_router .embed-responsive {max-width: 900px;}

	.package_table {padding-top: 0;}
	.btn_register_ai {font-size: 30px;}
	.table_pack .item .content h2 {font-size: 25px;}
	.table_pack .item .content h3 {font-size: 19px;}
	.table_pack .item .content h4 {font-size: 85px; margin-top: 5px;}
	.table_pack .item .content h5 {font-size: 22px; margin-top: -5px;}
	.addon_sme .post .btn-more {font-size: 17px;}

	.box_img {margin-left: -30%;}


}

@media(max-width: 1199px){
	.menubar li a {padding: 5px 20px;}
	.txtinfo .head {max-width: 320px;}
	.txtinfo .info .item h2 {font-size: 20px;}
	.txtinfo .info .item p {font-size: 15px;}
	.txtinfo .info .item {margin-top: 20px;}
	.txtinfo .info {margin-top: 30px;}
	.txtinfo {padding-left: 2.5%;}
	.txtinfo .txt {padding-top: 20px;}
	.txtinfo .img {top: 5%; padding-left: 32%;}
	.txtinfo .txt {padding-bottom: 75px;}
	.slide_info .item .content h2 {font-size: 45px;}
	.slide_info {max-width: 900px;}
	.txthead {max-width: 840px;}
	.slide_info {margin-bottom: 30px;}
	.vdo_router .embed-responsive {max-width: 720px;}

	.txthead_package h2 {font-size: 50px;}
	.txthead_package h3 {font-size: 50px;}

	.table_pack .item .content h2 {font-size: 23px;}
	.table_pack .item .content h3 {font-size: 18px;}
	.table_pack .item .head h2 {font-size: 23px; margin-top: -3px;}
	.table_pack .item .head h3 {font-size: 65px;}
	.table_pack .item .content h4 {font-size: 75px;}
	.table_pack {margin-top: 30px; padding: 15px;}
	.btn_register_ai {font-size: 27px;}


	.menubar.active {top: 150px;}


	.box_greencard { grid-template-columns: 5fr 2fr;}
	.remodal-in h1 {font-size: 23px; margin-bottom: 5px;}


	.bar_desktop { display: none; }
	.bar_tablet { display: block; }
	.dropdown_menu { text-align: center; }
	.dropdown_menu select { width: 60%; }

}

@media(max-width: 991px){
	h2.txtsize {font-size: 18px;}
	.txtinfo .img {position: static; padding-left: 0; margin-right: -10%;}
	.txtinfo {display: flex; flex-direction: column-reverse; align-items: center; justify-content: center; margin-top: 45px; padding-left: 0; max-width: 640px;}
	.txtinfo br {display: none;}
	.txtinfo .head {margin: 0 auto;}

	.slide_info .item .icon {width: 100%; left: 0; margin-bottom: -200px;}
	.slide_info .item .content {padding: 200px 12px 50px;}
	.slide_info {margin-bottom: 15px;}
	.vdo_router .embed-responsive {max-width: 600px;}

	.txthead_package h2 {font-size: 48px;}
	.txthead_package h3 {font-size: 48px; line-height: 1; margin-bottom: 15px;}
	.txthead_package h3 .sub {font-size: 24px; line-height: 1;}
	.table_pack .item .content h2 {font-size: 20px;}
	.table_pack .item .content h3 {font-size: 15px;}
	.table_pack .item .content h4 {font-size: 65px;}
	.table_pack .item .content h5 {font-size: 20px;}
	.table_pack .item .content .btn-register {width: 100%;}
	.table_pack .item .head {width: 110%;}
	.table_pack .item .head h2 {font-size: 20px; margin-top: 6px;}
	.table_pack .item .head h3 {font-size: 60px;}
	.table_pack .item {padding: 12px;}

	.table_pack .item:nth-child(1){padding-top: 0;}
	.table_pack .item:nth-child(2){padding-top: 0;}
	.table_pack .item:nth-child(3){padding-top: 0;}
	.table_pack .item:nth-child(4){padding-bottom: 0;}
	.table_pack .item:nth-child(5){padding-bottom: 0;}
	.table_pack .item:nth-child(6){padding-bottom: 0;}

	.addon_sme .post .btn-more {font-size: 12px;}
	.addon_sme {padding: 25px 0px;}

	.menubar.active {top: 50px;}

	.box_greencard {display: block;}
	.box_img {margin-left: auto; margin-right: auto; max-width: 300px;}

	.dropdown_menu select { width: 80%; }


	.greencard {max-width: 100%;}
	.greencard .txt h2 {font-size: 24px;}
}

@media(max-width: 767px){

	.menubar li a {font-size: 17px; padding: 5px 12px;}
	.menubar li {padding: 0 8px;}
	.txtinfo .img { margin-right: -40%; margin-left: -25%;}
	.txtinfo {margin-top: 30px;}
	.txthead {max-width: 400px;}
	.slide_info .item .content h2 {font-size: 37px;}
	.txtinfo .txt {padding-bottom: 50px;}
	.slide_info .item .icon {margin-bottom: -150px;}
	.slide_info .item .content {clip-path: polygon(50% 0, 100% 75px, 100% 90%, 50% 100%, 0 90%, 0 75px); padding-top: 160px;}

	.txthead_package h2 {line-height: 1;}
	.txthead_package h3 {line-height: 1;}


	.package_table {background: url(../../internetservices/aipoweredsmartrouter/images/bg_table_package_mb.jpg); background-position: 50% 0%; background-size: contain; background-repeat: no-repeat;}
	.table_pack {display: block; max-width: 344px; margin-top: 75px;}
	.table_pack .item {display: block;}
	.table_pack .item .head {display: block; width: 100%; left: 0; top: 0; background-size: 90% auto; padding: 15% 0 30%; margin-top: -30%;}
	.table_pack .item .content .btn-register {max-width: 150px;}

	.table_pack .item:nth-child(1){border-right: 0;}
	.table_pack .item:nth-child(2){border-right: 0; border-top: 1px solid #C3E399;}
	.table_pack .item:nth-child(3){border-right: 0; border-top: 1px solid #C3E399;}
	.table_pack .item:nth-child(4){border-right: 0; border-top: 1px solid #C3E399;}
	.table_pack .item:nth-child(5){border-right: 0; border-top: 1px solid #C3E399;}
	.table_pack .item:nth-child(6){border-right: 0; border-top: 1px solid #C3E399;}

	.table_pack .item {padding: 24px 12px !important;}

	.table_pack .item .head h2 {font-size: 27px;}
	.table_pack .item .head h3 {font-size: 85px;}

	.table_pack .item .content h2 {font-size: 27px;}
	.table_pack .item .content h3 {font-size: 22px;}
	.table_pack .item .content h4 {font-size: 90px;}
	.table_pack .item .content h5 {font-size: 20px;}
	.table_pack .item .router_table {width: 75%; margin: 0 auto;}

	.greencard {box-shadow: 0 0 50px rgba(220 220 220 / 100%); max-width: 344px;}
	.greencard .txt h2 {flex-direction: column; align-items: center; padding: 15px 0; line-height: 1.4;}
	.greencard .txt h2 img {margin-top: 4px;}
	.greencard .plus {margin: 0;}
	.txthead_package h3 {margin-top: 25px;}
	.addon_sme {flex-direction: column;}
	.addon_sme .post {max-width: 344px;}

	.remodal-in h1 {font-size: 20px;}
	.box_img {margin-bottom: -16px; max-width: 250px; margin-top: 15px;}

	.dropdown_menu select { width: 100%; }

}

@media(max-width: 575px){
	.menubar li a {font-size: 16px; padding: 5px 8px;}
	.menubar {margin-bottom: 30px;}
	.txtinfo .info .item {padding-left: 35px;}
	.txtinfo .info .item h2 {font-size: 19px;}
	.txtinfo .info {margin-top: 12px;}

	.txtinfo .info .item h2 {font-size: 20px;}
	.txtinfo .info .item p {font-size: 16px;}

	.slide_info .txt {height: 100%;}
	.slide_info .item {height: 100%;}
	.slide_info .item .content {height: 100%; padding-top: 50%; }
	.slide_info .swiper-slide {height: auto;}
	.slide_info .item .content p {font-size: 14px;}
	.vdo_router {padding-top: 30px; padding-bottom: 45px;}
	.slide_info .item .icon {width: 80%; left: 10%; position: absolute; top: 0; margin-top: -33%;}

	.info_sec {padding-top: 90px;}
	.swiper-slide-active {}

	.slide_info .swiper-slide-active .item .content { background: linear-gradient(180deg, #137403 0%, #010101 92.25%); box-shadow: 0px 10px 20px rgba(98, 188, 8, 0.8);}
	.slide_info .swiper-slide-active .item .content h2 {color: #D1EE1C;}
	.slide_info .swiper-slide-active .item .content p {color: #fff;}
	.slide_info .swiper-slide-active .item .icon {transform: translateY(-10px);}
	.slide_info .swiper-slide-active .item .txt { filter: drop-shadow(0px 8px 10px rgba(98, 188, 8, 0.8));}

	.icon_group {max-width: 200px;}

	.txthead_package h2 {font-size: 37px;}
	.txthead_package h3 {font-size: 45px; line-height: 0.65; margin-top: 45px;}
	.txthead_package h3 .sub {font-size: 24px;}
	.table_pack {margin-top: 60px; padding-bottom: 0;}

	.table_pack .item .content h4 {font-size: 95px; margin-top: 0;}
	.btn_register_ai {width: 100%; max-width: 334px;}
	.addon_sme .post .btn-more {font-size: 14px;}
	
	.slide_info .item .content { background: linear-gradient(180deg, #137403 0%, #010101 92.25%); box-shadow: 0px 10px 20px rgba(98, 188, 8, 0.8);}
	.slide_info .item .content h2 {color: #D1EE1C;}
	.slide_info .item .content p {color: #fff;}
	.slide_info .item .icon {transform: translateY(-10px);}


	.greencard {padding: 12px 0;}
	.greencard .txt h2 {font-size: 24px;}
	.greencard .plus {margin-top: -12px;}
	.greencard .plus:before {width: 90%; left: 5%;}


	
}

@media(max-width: 374px){
	
}