.entry-content cite,
.entry-content dfn,
.entry-content em {
font-style: italic;
}
.entry-content p {
line-height: 1.8;
}
.entry-content ol,
.entry-content ul {
margin: 16px 0;
padding: 0 0 0 40px;
}
.entry-content ul {
list-style-type: square;
line-height: 1.8;
}
.entry-content ol {
list-style: decimal outside;
}
.entry-content li > ul,
.entry-content li > ol {
margin: 0;
}
.entry-content dl {
margin: 0 20px;
}
.entry-content dt {
font-weight: bold;
}
.entry-content dd {
margin: 0 0 20px;
}
.entry-content code,
.entry-content kbd,
.entry-content pre,
.entry-content samp {
font-size: 14px;
}
.entry-content pre {
font-size: 15px;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
border-radius: 0;
line-height: 1.8;
border: 0;
background: #f5f5f5;
padding: 10px;
border-left: 5px solid #ddd;
margin: 20px 0;
font-family: 'Segoe';
}
.entry-content blockquote,
.entry-content q {
quotes: none;
}
.entry-content blockquote:before,
.entry-content blockquote:after,
.entry-content q:before,
.entry-content q:after {
content: "";
content: none;
}
.entry-content blockquote {
font-size: 15px;
font-weight: 300;
margin: 10px 0;
background: rgba(0, 0, 0, 0.02);
}
.entry-content blockquote blockquote {
margin-right: 0;
}
.entry-content blockquote cite,
.entry-content blockquote small {
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
}
.entry-content cite {
border-bottom: 0;
}
.entry-content abbr[title] {
border-bottom: 1px dotted;
}
.entry-content address {
font-style: italic;
margin: 0 0 24px;
}
.entry-content del {
color: #333;
}
.entry-content ins {
background: #fff9c0;
border: none;
color: #333;
text-decoration: none;
}
.entry-content sub,
.entry-content sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.entry-content sup {
top: -0.5em;
}
.entry-content sub {
bottom: -0.25em;
} .entry-content a {
text-decoration: none;
color: #5fb435;
}
.entry-content a:active,
.entry-content a:hover {
color: #337ab7;
outline: 0;
} .entry-content .alignleft {
float: left;
margin: 5px 20px 5px 0;
}
.entry-content .alignright {
float: right;
margin: 5px 0 5px 20px;
}
.entry-content .aligncenter {
display: block;
margin: 5px auto;
}
.entry-content img.alignnone {
display: block;
margin: 5px auto;
}  .entry-content img {
height: auto;
max-width: 100%;
vertical-align: middle;
}
.entry-content .wp-caption {
background: transparent;
border: none;
padding: 0;
text-align: center;
}
.entry-content .wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
.entry-content .wp-caption.alignright {
margin: 5px 0 5px 10px;
}
.entry-content .wp-caption-dt {
margin: 0;
}
.entry-content .wp-caption .wp-caption-text,
.entry-content .wp-caption-dd {
color: #666;
font-size: 16px;
font-style: italic;
font-weight: 300;
line-height: 2.5;
margin-bottom: 20px;
padding: 0;
}
.entry-content .mceTemp + ul,
.entry-content .mceTemp + ol  {
list-style-position: inside;
}@font-face { font-family: 'Segoe-Ui-Semibold'; src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.eot); src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.eot?#iefix) format('embedded-opentype'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.ttf)  format('truetype'), url(//dichvuvesinhdanang.com/wp-content/themes/dichvuvesinhdanang/assets/fonts/Segoe-Ui-Semibold/Segoe-Ui-Semibold.svg#Segoe-Ui-Semibold) format('svg'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'UTM-Avo-Bold'; src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/Avo/UTM-Avo-Bold.eot); src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/Avo/UTM-Avo-Bold.eot?#iefix) format('embedded-opentype'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/Avo/UTM-Avo-Bold.woff) format('woff'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/Avo/UTM-Avo-Bold.ttf) format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PoppinsVN'; src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-400.eot); src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-400.eot?#iefix) format('embedded-opentype'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-400.woff) format('woff'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-400.ttf) format('truetype'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'PoppinsVN'; src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-500.eot); src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-500.eot?#iefix) format('embedded-opentype'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-500.woff) format('woff'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-500.ttf) format('truetype'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face { font-family: 'PoppinsVN'; src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-600.eot); src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-600.eot?#iefix) format('embedded-opentype'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-600.woff) format('woff'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-600.ttf) format('truetype'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'PoppinsVN'; src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-400i.eot); src: url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-400i.eot?#iefix) format('embedded-opentype'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-400i.woff) format('woff'), url(//chungpq.b-cdn.net/wp-content/themes/dichvuvesinhdanang/assets/fonts/PoppinsVN/PoppinsVN-400i.ttf) format('truetype'); font-weight: normal; font-style: italic; font-display: swap;}
body { font-family: 'Arial', sans-serif; font-size: 15px; }
a, a:focus, a:hover { text-decoration: none; outline: 0; } .header { background: #fff; -webkit-box-shadow: 0 2px 2px rgba(88, 88, 88, 0.175); box-shadow: 0 4px 4px rgba(88, 88, 88, 0.175);  }
.search-form .buttom-search { background-color: #60b126; border: 0; color: #fff; text-transform: uppercase; font-size: 14px; height: 40px; width: 70px; }
.search-form input.form-control::placeholder { color: #60b126; opacity: 1; }
.search-form input.form-control:-ms-input-placeholder { color: #60b126; }
.search-form input.form-control::-ms-input-placeholder { color: #60b126; }
.search-form input.form-control { height: 40px; border-radius: 4px; background: #fff; color: #444; }
.search-form .form-control { border: solid 1px #60b126; -webkit-box-shadow: none; box-shadow: none; }
.search-form .form-group { margin: 0; }
.fixed { position: fixed; z-index: 99999; width: 100%; top: 0; right: 0; left: 0; transition: all 0.2s ease-in-out 0s; -moz-gnimation: headerAnimation 0.7s 1; -webkit-animation: headerAnimation 0.7s 1; -o-animation: headerAnimation 0.7s 1; animation: headerAnimation 0.7s 1; }
@-webkit-keyframes "headerAnimation" {
0% { margin-top: -70px; }
100% { margin-top: 0; }
}
@keyframes "headerAnimation" {
0% { margin-top: -70px; }
100% { margin-top: 0; }
} .menu-primary { margin: 0; text-align: center; }
.menu-primary ul { list-style: none; margin-bottom: 0; padding: 0; }
.menu-primary>ul>li { position: relative; display: inline-block; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; margin: 10px; } .menu-primary>ul>li>a {
position: relative;
display: block;
color: #444;
font-size: 13px;
padding: 10px 0;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 'UTM-Avo-Bold';
transition: color 0.3s ease;
}
.menu-primary>ul>li>a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: #60b126;
transition: width 0.3s ease;
}
.menu-primary>ul>li:hover>a {
color: #60b126;
}
.menu-primary>ul>li:hover>a::after {
width: 100%;
}
.menu-primary ul li.menu-item-has-children:hover >ul.sub-menu { display: block; }
.menu-primary ul.sub-menu { padding: 0; display: none; width: 200px; position: absolute; z-index: 200; background: #60b126; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; text-align: left; }
.menu-primary >ul >li > ul.sub-menu { top: 44px; }
.menu-primary >ul >li > ul.sub-menu > li > ul { left: 200px; top: 0; }
.menu-primary>ul>li:hover.menu-item-has-children:before { content: ""; position: absolute; top: 39px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #60b126 transparent; z-index: 9; }
.menu-primary ul.sub-menu li { padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.31); position: relative; }
.menu-primary ul.sub-menu li:last-child { border: none; }
.menu-primary ul.sub-menu li a { color: #fff; }
.menu-primary ul.sub-menu li:hover { background: rgba(0, 0, 0, 0.16); border-bottom: 1px solid rgba(255, 255, 255, 0.39); }
.menu-primary ul li.menu-item-has-children:after {font-weight: 900;font-family: 'Font Awesome 5 Free';position: absolute;top: 10px;right: -15px;color: #60b126;}
.menu-primary >ul >li.menu-item-has-children:after { content: "\f107"; }
.menu-primary ul>li>ul>li.menu-item-has-children:after { content: "\f101"; } a.mobile-btn { display: block; position: absolute; width: 40px; height: 40px; border: 3px solid #60b126; border-radius: 100%; padding: 2px; font-size: 20px; text-align: center; top: 50%; transform: translateY(-50%); z-index: 999; }
a.mobile-btn i { color: #60b126; }
.search-wrap { position: absolute; right: 0; z-index: 99; background: #fff; padding: 10px; left: 0; }
.position-right { right: 0; }
.position-left { left: 0; }
.nav-mobile { background: #fff; top: 0; position: fixed; width: 80%; z-index: 9999; display: none; left: 0; height: 100%; }
ul.accordion-responsive { list-style: none; padding: 0; }
ul.accordion-responsive li { border-bottom: 1px solid #eee; position: relative; }
ul.accordion-responsive li a { color: #444; font-size: 14px; padding: 10px; display: block; text-transform: uppercase; }
ul.accordion-responsive li .dcjq-icon:after { display: inline-block; font-weight: 900; font-family: 'Font Awesome 5 Free'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; right: 0; color: #60b126; top: 0; width: 40px; height: 40px; text-align: center; line-height: 3; }
ul.accordion-responsive li .dcjq-icon:after { content: "\f107" }
ul.accordion-responsive li .dcjq-icon.active:after { content: "\f106"; }
ul.accordion-responsive li ul { list-style: none; padding: 0; }
ul.accordion-responsive li ul >li { padding-left: 20px; }
ul.accordion-responsive li ul >li a:before { font-weight: 900; font-family: 'Font Awesome 5 Free'; content: "\f054"; margin-right: 10px; }
h1.h1 { font-family: 'UTM-Avo-Bold'; text-rendering: optimizelegibility; width: 100%; line-height: 1.2; color: #60b126; font-weight: 700; padding: 10px; font-display: swap;}
h2.widget-title { font-family: 'UTM-Avo-Bold'; font-size: 20px; position: relative; color: #44464b; }
h3.h3 { font-size: 15px; position: relative; font-weight: 100; color: #e62117; text-transform: uppercase; background: #fff; overflow: hidden; }
h3.h3 span { position: relative; }
footer.footer {position: relative;background-color: #444;-webkit-background-size: auto;-moz-background-size: auto;background-size: auto;color: #fff;border-top: 5px solid #59ca6d;}
footer.footer span > i {color: #59ca6c;text-align: center;width: 40px;height: 40px;border-radius: 100%;border: 1px solid;padding: 12px;margin-right: 10px;}
footer.footer h4 { position: relative; }
footer.footer h4 strong {display: block;font-size: 15px;margin-bottom: 20px;font-family: 'UTM-Avo-Bold';text-transform: uppercase;margin-top: 15px;}
footer.footer ul.menu { list-style: square; padding: 0 0 0 20px;}
footer.footer ul.menu li {padding: 5px;color: #59ca6c;}
footer.footer ul.menu li a {color: #fff; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); display: inline-block;}
footer.footer ul.menu li a:hover {color: #59ca6c; transform: translateX(4px); text-decoration: none;}
footer.footer .social i { font-size: 20px; width: 35px; height: 32px; text-align: center; color: #fff; line-height: 1.6; }
footer.footer .social i.icon-facebook { background: #3b5998 }
footer.footer .social i.icon-google { background: #db4437 }
footer.footer .social i.icon-youtube { background: #e62117 }
footer.footer .social i.icon-linkedin { background: #00aff0 }
footer.footer .copyright {padding: 10px 0;font-size: 15px;line-height: 1.8;background: #00000042;color: #fff;}
footer.footer .copyright span { display: block; } .contact-form { position: relative; }
.contact-form .input-group { margin-bottom: 5px; float: left; border: 1px solid #fffd; }
.contact-form .input-group  br { display: none; }
.contact-form .input-group-text { background: #fff; border: none; color: #444; border-radius: 0; }
.contact-form .input-group .input-group-addon { border-radius: 0px; border: none; position: relative; padding: 0px 10px; background-color: #fff; }
.contact-form .input-group .input-group-addon i { color: #d41836; font-size: 20px; width: 20px; height: 20px; }
.contact-form .input-group .form-control { background-color: rgb(255, 255, 255); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #0E0E0E; min-height: 34px; border: none; -webkit-box-shadow: none; box-shadow: none; border-left: 1px solid #fff; background-clip: unset; } .overlay { position: relative; }
.overlay:before { content: ""; position: absolute; background: rgba(0, 0, 0, 0.5); left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.overlay .container { position: relative; z-index: 9; }
.breadcrumbs {background: #44464b;color: #fff;padding: 10px 0;}
.breadcrumbs a { color: #fff; }
.widget-post .item { margin: 10px 0; }
.widget-post .item a.post-title { color: #444; font-size: 15px; display: block; font-weight: 600; }
.widget-post .item .post-thumbnail { position: relative; display: block; }
.widget-post .item span.post-time { display: block; margin: 5px 0 0; color: #d41836; }
.widget-post .item .price { font-size: 13px; position: relative; font-weight: 600; margin-top: 5px; }
.widget-post .item .price ins { text-decoration: none; margin-left: 5px; }
.widget-post .item .price del { color: #999; }
.widget-post .item .price ins, .widget-post .item .price >span { color: #db392c; } .gallery-full { margin-bottom: 10px; }
.gallery-thumbnail .owl-item { border: 2px solid rgba(0, 0, 0, 0); }
.gallery-thumbnail .owl-item.current { border: 1px solid red; }
.gallery-full img { height: 400px; object-fit: cover; background: #f5f5f5; padding: 5px; width: 100%; }
.gallery-thumbnail img { height: 70px; object-fit: cover; width: 100%; padding: 10px; } .pagenavi { margin: 20px 0; }
.pagenavi a { color: #fff; background: #444; display: inline-block; padding: 5px 15px; }
.pagenavi a:hover { background: #f2663a; }
.pagenavi span { color: #fff; background: #f2663a; display: inline-block; padding: 5px 15px; }
ul.taxonomy { padding: 5px 0; list-style: none; overflow: hidden; }
ul.taxonomy li:not(.view-all) { display: inline-block; padding: 2px 10px; border: 1px solid #fd5237; font-size: 14px; border-radius: 2px; margin: 2px 0; }
ul.taxonomy li:not(.view-all) a { color: #fd5237; }
ul.taxonomy li:not(.view-all) a:before { content: "\f4d8"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 5px; }
ul.taxonomy .view-all { float: right; display: inline-block; padding: 2px 10px; border: 1px solid #2ecc71; font-size: 14px; border-radius: 2px; margin: 2px 0; }
ul.taxonomy .view-all a { color: #2ecc71; }
ul.taxonomy .view-all a:before { content: "\f101"; font-weight: 900; font-family: "Font Awesome 5 Free"; margin-right: 5px; }
.product-wrap .item {background: #ffffff;position: relative;margin-bottom: 1px;}
.product-wrap .item a > span { color: #333; display: block; line-height: 1.5; font-size: 14px; font-weight: 800; padding: 10px; height: 55px; overflow: hidden; }
.product-wrap .item .price ins, .product-wrap .item .price >span { color: #db392c; font-size: 14px; font-weight: 600; }
.product-wrap .item .price { position: relative; padding: 10px; display: block; }
.product-wrap .item .price ins { text-decoration: none; }
.product-wrap .item .price del { font-size: 12px; }
.product-wrap .item img { padding: 10px; object-fit: contain; height: 150px; }
.product-wrap .item  > a.readmore { background: #d41836; color: #fff; display: block; padding: 5px; text-align: center; }
.product-wrap .item  div > a.add-to-cart { background: #ddd; color: #444; }
.product-wrap .item .excerpt { font-size: 13px; text-align: justify; line-height: 1.6; }
.single-product-wrap h1, .modal-view h4 { font-family: 'UTM-Avo-Bold'; width: 100%; line-height: 1.6; margin: 5px 0; color: #444; font-weight: 600; }
.single-product-wrap .order { margin: 10px 0; }
.single-product-wrap .order .btn--order { display: block; text-transform: uppercase; font-size: 15px; vertical-align: middle; text-align: center; overflow: hidden; font-family: 'Segoe-Ui-Semibold'; border-radius: 4px; }
.single-product-wrap .order .btn--order i { float: left; width: 50px; font-size: 30px; font-style: normal; text-align: center; }
.single-product-wrap .order .btn--order i:before { font-weight: 900; font-family: "Font Awesome 5 Free"; }
.single-product-wrap .order .btn-call i:before { content: "\f291"; }
.single-product-wrap .order .btn-add-cart { background: #e62117; color: #fff; }
.single-product-wrap .order .btn-call { background: #60b126; color: #fff; }
.single-product-wrap .order .btn--order b { text-transform: none; font-size: 15px; display: block; }
.single-product-wrap .order .btn--order span { margin: 10px 0 0; display: block; }
.single-product-wrap .order button { border: none; padding: 0; display: block; width: 100%; cursor: pointer; }
.single-product-wrap .price > span.amount, .single-product-wrap .price > ins span.amount, .woocommerce-variation-price span.amount { color: #d40736; font-weight: bold; font-size: 25px; font-family: 'UTM-Avo-Bold'; }
.single-product-wrap .price > del span.amount { font-family: 'UTM-Avo-Bold'; font-size: 15px; color: #333; font-weight: bold; }
.single-product-wrap .price > ins { text-decoration: none; }
.single-product-wrap .meta a { color: #d41836; }
.single-product-wrap .meta >span { background: #f5f5f5; padding: 5px; border-left: 5px solid #ddd; margin: 10px 0; display: block; }
.single-product-wrap .gift { border: 1px solid #005cb6; position: relative; background: #fff; margin-top: 20px; padding: 20px 0 0px; }
.single-product-wrap .gift ul { list-style-type: square; }
.single-product-wrap .gift ul li { padding: 5px 0 0 0; }
.single-product-wrap .gift span { position: absolute; background: #005cb6; color: #fff; padding: 5px 10px; top: -15px; left: 20px; }
.cart-widget { color: #fff; }
.widget-cart-wrap { background: #444; position: absolute; left: 0; z-index: 9999; border-radius: 3px; width: 250px; display: none; top: 50px; }
.cart-widget ul { list-style: none; padding: 0; }
.cart-widget li { display: block; overflow: hidden; padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.33); }
.cart-widget li img { float: left; width: 50px; height: 50px; margin-right: 10px; }
.cart-widget li a { color: #fff; }
.cart-widget li a.remove { width: 20px; height: 20px; background: #d41836; border-radius: 100%; display: inline-block; text-align: center; font-size: 12px; float: right; }
.cart-widget a.btn-cart { background: #d41836; padding: 5px 10px; color: #fff; margin: 5px; display: block; }
.cart-widget a.btn-cart:not(.checkout) { }
.cart-widget a.checkout { float: right; }
.cart-widget .total { text-align: center; }
.cart-widget:before { content: ""; position: absolute; top: -10px; left: 0; right: 0; text-align: center; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #d41836 transparent; z-index: 9; }
.cart-widget .cart-info>strong { display: block; text-align: center; background: #d41836; padding: 5px; }
.widget_shopping_cart_content p { padding-top: 10px; text-align: center; }
.cart-widget span.amount { background: #d41836; width: 20px; display: inline-block; text-align: center; font-size: 12px; } .share-wrap a { font-size: 15px; width: 30px; height: 30px; text-align: center; color: #fff; line-height: 2; border-radius: 100%; display: inline-block; }
.share-wrap .facebook { background: #3b5998 }
.share-wrap .twitter { background: #db4437 }
.share-wrap .pinterest { background: #e62117 }
.share-wrap .linkedin { background: #00aff0 } .modal-order .form-modal { padding: 10px; background: #f5f5f5; }
.modal-order .modal-info { padding: 10px; background: #f5f5f5; }
.modal-order .close { opacity: 1; }
.modal-order i.fa.fa-times { height: 30px; width: 30px; background: #D0CFCF; line-height: 30px; border-radius: 50%; color: #000; opacity: 1; position: absolute; right: -20px; top: -20px; z-index: 999; }
.single-product-wrap .order .btn--order i.hide { display: none; }
.zota-table tr { margin: 5px 0; border-bottom: 1px solid #fff; }
.zota-table td, .zota-table th { padding: 5px 10px; }
.zota-table thead { text-transform: uppercase; font-size: 16px; background: #444; color: #d41836; }
.zota-table tbody tr { background: #f6f7f9 }
.zota-table { font-family: 'Segoe-Ui-Semibold'; margin: 10px 0; }
.zota-table a { color: #d40736; }
.zota-table img { width: 100px; object-fit: contain; }
.zota-table .input-group-addon, .zota-table .form-control { border-radius: 0; }
.zota-table table { width: 100%; }
.zota-table tfoot { background: #e5e5e5; }
.zota-btn:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.zota-btn:hover:before { background: #d41836; -webkit-transform: scaleX(1); transform: scaleX(1); }
.zota-btn, a.zota-btn, a.zota-btn:focus, a.zota-btn:hover { color: #fff; cursor: pointer; }
.zota-btn { background: #444444; padding: 8px 25px 7px 65px; text-align: center; border: none; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.zota-btn i { display: inline-block; position: absolute; left: 0; padding: 10px 10px 11px; background: #d41836; top: 0px; height: 100%; width: 40px; text-align: center; font-size: 20px; }
.zota-btn i:after { position: absolute; right: -17px; top: 0px; width: 0; height: 0; content: ''; border-style: solid; border-width: 0 17px 37px 0px; border-color: transparent transparent #d41836 transparent; }
.btn-inline { display: inline-block; }
.order-form { position: relative; }
.order-form .input-group { margin-bottom: 10px; float: left; background: #f6f7f9; }
.order-form .input-group .input-group-addon { border-radius: 0px; border: none; position: relative; padding: 10px; background: transparent; }
.order-form .input-group .input-group-addon i { color: #d41836; font-size: 20px; width: 20px; height: 20px; }
.order-form .input-group .form-control { background-color: rgba(255, 255, 255, 0.5); border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #0E0E0E; min-height: 40px; border: none; -webkit-box-shadow: none; box-shadow: none; }
.order-form .price { color: #e00c3d; }
.input-group-addon.beautiful input[type="checkbox"], .input-group-addon.beautiful input[type="radio"] { display: none; }
button:focus { text-decoration: none; outline: none; border: none; box-shadow: none; }
.error-msg { font-size: 11px; color: #d40736; }
.send-order i { font-weight: 900; font-family: "Font Awesome 5 Free"; font-style: normal; }
.send-order i:before { content: "\f02f"; }
.send-order i.loading:before { content: "\f021"; display: inline-block; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.send-order i.added:before { content: "\f00c"; }
.loader { display: block; }
.on-sale i { background: #4f9d24; padding: 4px; float: left; margin-right: 5px; position: relative; font-size: 10px; }
.on-sale span { display: block; background: #448b22; padding: 1px 5px; font-size: 11px; float: left; }
.on-sale i:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 3px; border-color: transparent transparent transparent #5eb02d; position: absolute; top: 7px; right: -3px; }
.on-sale { position: absolute; top: 5px; left: 5px; background-size: cover; color: #fff; text-align: center; z-index: 9; }
.featured { position: relative; }
.entry-meta { background: #ffffff; padding: 10px; font-size: 14px; }
.entry-meta span { margin-right: 10px; }
.entry-meta a { color: #d61231; }
.tag-list a { color: #444; background: #f5f5f5; padding: 2px 5px; }
.metabox-gallery { position: relative; }
ul.accordion-taxonomy { padding: 0; margin: 0; background: #ffffff; border: 2px solid #60b126; }
ul.accordion-taxonomy > li > ul { position: absolute; left: 253px; width: 277px; z-index: 999; display: none; top: 0; background: #fff; padding: 0; }
ul.accordion-taxonomy > li:hover > ul { display: block; }
ul.accordion-taxonomy li { display: block; font-size: 15px; color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; }
ul.accordion-taxonomy li a { color: #444; border-bottom: solid 1px #e5e6ec; padding: 13px 20px; display: block; }
ul.accordion-taxonomy li a:before { font-weight: 900; font-family: 'Font Awesome 5 Brands'; content: "\f3ac"; margin-right: 10px; color: #60b126; }
.wrap-sale { background: linear-gradient(-90deg, #005cb6 0%, #0979e6 100%); color: #fff; position: relative; padding-bottom: 1px; padding-top: 1px; }
h2.widget-title span { display: inline-block; position: relative; z-index: 999; padding: 10px 0; text-transform: uppercase; }
h2.title-sale span { border: 1px solid #ffffff52; font-size: 15px; padding: 10px; text-transform: uppercase; position: relative; display: inline-block; }
h2.title-sale span:before { content: ""; border-top: 1px solid #ffffff52; width: 50px; position: absolute; left: -50px; top: 19px; }
h2.title-sale span:after { content: ""; border-top: 1px solid #ffffff52; width: 50px; position: absolute; right: -50px; top: 19px; }
h3.h3:before { content: "\f083"; font-family: 'Font Awesome 5 Free'; font-weight: 900; background: #60b126; display: inline-block; margin-right: 10px; color: #fff; width: 35px; height: 35px; padding: 10px; }
h3.h3:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #60b126; position: absolute; left: 35px; top: 13px; }
.vert .simply-scroll-clip { height: 520px; }
.simply-scroll-clip { position: relative; overflow: hidden; }
.simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; }
a.post-view { background: #e62117; color: #fff; border-radius: 20px; padding: 4px 10px 5px 10px; display: inline-block; }
.scrollbar-inner { height: 341px; }
.box span > i { font-size: 20px; width: 30px; text-align: center; color: #e62117; }
.box strong { display: block; border-bottom: 2px solid #ecf1f7; text-align: center; padding: 10px; text-transform: uppercase; margin-bottom: 5px; color: #e62117; font-family: 'UTM-Avo-Bold'; }
.box { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.box > a { background: #e62117; display: block; padding: 10px; text-align: center; font-family: 'UTM-Avo-Bold'; font-size: 15px; color: #fff; }
.box span { border-bottom: 1px solid #fff; }
.fa-phone { transform: rotate(100deg); }
.blog-news a.post-title { font-weight: 600; }
.blog-news span.entry-modified-time { color: #e62117; }
.blog-news span.entry-category a { color: #787878; }
.blog-news .item a.post-title { font-size: 14px; height: 45px; overflow: hidden; }
.blog-news .item span { font-size: 14px; color: #787878; }
.map { width: 100%; height: 415px; margin-bottom: 10px; }
header.header .bar { padding: 5px; background: #f5f5f5; }
header.header .bar i { color: #60b126; }
.category-wrap {background: #60b126;border-radius: 10px 10px 0 0;color: #fff;padding: 10px;position: relative;text-transform: uppercase;}
.category-wrap i { font-size: 26px; position: absolute; top: 7px; right: 10px; }
.header .cart a { border: 2px solid; border-radius: 4px; padding: 2px; color: #60b126; display: block; text-align: center; }
.support a { display: block; color: #44464b; }
.support span { font-size: 18px; font-weight: 600; color: #60b126; font-family: 'UTM-Avo-Bold'; }
.support img { margin-top: 5px; }
.privacy-wrap {
background: #f5f5f5;
}
.privacy-wrap .item {position: relative;padding: 5px 20px 20px;text-align: center;box-shadow: rgba(34, 34, 34, 0.07) 3px 3px 9px 0px;margin: 10px 0;background: #fff;border-radius: 4px;}
.privacy-wrap .item strong {display: block;font-weight: 600;color: #444;font-size: 16px;font-family: 'UTM-Avo-Bold';margin: 20px 0;}
.privacy-wrap .item img {display: block;margin: 20px auto;border: 2px solid #59ca6d;border-radius: 50%;width: 75px;height: 75px;object-fit: scale-down;padding: 10px;background: #fff;}
.privacy-wrap .item span {
line-height: 1.8;
}
nav.nav-category { position: absolute; z-index: 9999; left: 0; right: 0; display: none; }
ul.accordion-taxonomy li.hot:after, ul.accordion-taxonomy li.sale:after, ul.accordion-taxonomy li.new:after { position: absolute; top: 10px; right: 10px; color: #fff; padding: 0px 10px; font-size: 10px; width: 35px; text-align: center; display: block; border-radius: 2px; }
ul.accordion-taxonomy li.hot:after { content: "Hot"; background: #d41836; }
ul.accordion-taxonomy li.new:after { content: "New"; background: #60b126; }
ul.accordion-taxonomy li.sale:after { content: "Sale"; background: #f8c931; }
.relative { position: relative; }
.product-wrap {background: #f5f5f5;padding: 1px 1px 0 1px;}
.wrap-title { position: relative; }
.nav-product { position: absolute; top: 7px; right: 0; }
.nav-product a { display: inline-block; font-size: 20px; background: #60b126; padding: 0px 10px; border-radius: 4px; cursor: pointer; text-align: center; }
.relative:hover .nav-category { display: block; }
.support-wrap {position: absolute;left: 0;right: 0;top: -40px;}
.support-wrap .item { position: relative; padding: 10px; }
.support-wrap .item strong {display: block;font-weight: 600;color: #ffffff;font-size: 16px;}
.support-wrap .item img { float: left; margin-right: 10px; margin-top: 5px; }
.support-wrap .item span {font-size: 18px;font-family: 'UTM-Avo-Bold';color: #fff;}
.box-shadow { -webkit-box-shadow: 0 2px 2px rgba(88, 88, 88, 0.175); box-shadow: 0 4px 4px rgba(88, 88, 88, 0.175); }
.entry-content h2 { font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.entry-content h3 { font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.entry-content strong, .entry-content b { font-family: 'UTM-Avo-Bold'; line-height: 1.6; font-weight: 900; }
.abouts-wrap span {
text-transform: uppercase;
color: #59ca6d;
}
.abouts-wrap h2 {font-family: 'UTM-Avo-Bold';display: block;margin: 10px 0;font-size: 22px; font-display: swap;}
.abouts-wrap ul {
list-style: none;
padding: 0;
clear: both;
overflow: hidden;
}
.abouts-wrap ul li {
display: block;
float: left;
width: 50%;
padding: 5px 0 5px 25px;
position: relative;
}
.abouts-wrap ul li:before {
content: "\f058";
width: 15px;
left: 0;
top: 50%;
transform: translate(0, -50%);
position: absolute;
font-weight: 900;
font-family: "Font Awesome 5 Free";
color: #59ca6d;
font-display: swap;
}
.abouts-wrap a {
color: #fff;
background: #59ca6d;
padding: 8px 20px;
border-radius: 4px;
display: inline-block;
}
.why-us-wrap .item strong {
display: block;
font-family: 'UTM-Avo-Bold';
margin-bottom: 5px;
color: #59ca6d;
font-display: swap;
}
.why-us-wrap .item {
margin-bottom: 2px;
background: #ffffff70;
padding: 5px 10px;
box-shadow: rgba(34, 34, 34, 0.07) 3px 3px 9px 0px;
}
.why-us-wrap span.span {
text-transform: uppercase;
color: #59ca6d;
}
.why-us-wrap h2 {font-family: 'UTM-Avo-Bold';display: block;margin: 10px 0;font-size: 22px; font-display: swap;}
.why-us-wrap .item img {
display: block;
margin: 10px auto;
width: 55px;
}
.services-wrap h2 {font-family: 'UTM-Avo-Bold';display: block;margin: 10px 0;font-size: 22px;font-display: swap;}
.services-wrap span.span {
text-transform: uppercase;
color: #59ca6d;
}
.services-wrap .item {position: relative;text-align: center;border: 2px solid #59ca6d;margin: 10px 0;background: #fff;border-radius: 4px;padding: 40px;}
.services-wrap .item strong {display: block;font-weight: 600;color: #59ca6d;font-size: 16px;font-family: 'UTM-Avo-Bold';margin: 20px 0;}
.services-wrap .item img {
display: block;
object-fit: scale-down;
width: 100%;
}
.services-wrap .item .icon {
padding: 15px;
position: absolute;
top: -60px;
left: 0;
margin: 20px auto;
border: 2px solid #59ca6d;
border-radius: 50%;
width: 75px;
height: 75px;
right: 0;
background: #fff;
}
.services-wrap .item span {
line-height: 1.8;
}
.services-wrap .item a {
color: #fff;
display: block;
background: #59ca6d;
border-radius: 26px;
width: 100px;
margin: 20px auto 0;
padding: 5px;
}
.support-wrap .center {
background: #59ca6d;
border-radius: 50px;
padding: 0 20px;
}
.blog-wrap .item a.post-title {
display: block;
margin: 10px 0;
font-weight: 600;
color: #444;
font-size: 17px;
}
.blog-wrap .item a.readmore {
font-size: 14px;
text-transform: uppercase;
background: #59ca6d;
padding: 8px 15px;
color: #fff;
border-radius: 25px;
display: inline-block;
}
.blog-wrap .item {
box-shadow: rgba(34, 34, 34, 0.07) 3px 3px 9px 0px;
font-family: 'PoppinsVN';
text-align: center;
font-display: swap;
}
.blog-wrap h2 {
font-family: 'UTM-Avo-Bold';display: block;margin: 10px 0; font-display: swap;
}
.zoom-on-hover { position: relative; overflow: hidden; display: block; }
.zoom-on-hover:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.zoom-on-hover img { transition: transform .3s ease-out; -moz-transition: -moz-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out; }
.blog-wrap .item span {
font-size: 14px;
color: #999;
}
.blog-wrap .item span > a {
color: #999;
}
.support-online { position: fixed; width: 40px; height: 40px; bottom: 30px; z-index: 9999999 }
.support-online.left { left: 30px }
.support-online.right { right: 30px }
.support-online img { height: auto; margin: 0 auto }
.support-online a { display: block }
.support-online span { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -ms-align-items: center; align-items: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9 }
.support-online.left strong { background: #d40736; padding: 8px; border-radius: 40px; color: #fff; position: absolute; top: 0; z-index: 1; left: 0; padding-left: 55px; padding-right: 20px }
.zoomIn_zota { animation-name: zoomIn_zota }
.animated_zota { animation-duration: 1s; animation-fill-mode: both }
.animated_zota.infinite { animation-iteration-count: infinite }
.zota-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); border-color: #1182FC; opacity: .5; z-index: 9 }
.zota-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px; z-index: 9 }
.pulse_zota { -webkit-animation-name: pulse_zota; animation-name: pulse_zota }
@-webkit-keyframes pulse_zota {
from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) }
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@keyframes pulse_zota {
from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) }
to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) }
}
@keyframes zoomIn_zota {
from { opacity: 0; transform: scale3d(.3, .3, .3) }
50% { opacity: 1 }
}
.block ul.menu { padding: 0; margin: 0; overflow: hidden; list-style: none; background: #F4F4F4; }
.block ul.menu > li { border-bottom: 1px solid #fff; }
.block ul.menu >li >a { display: block; font-size: 15px; color: #444; padding: 10px; }
.block ul.menu li a:after { font-weight: 900; font-family: 'Font Awesome 5 Free'; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; float: right; }
.block >ul.menu >li >a:after { content: "\f105" }
.block ul.menu li:hover >a, .block ul.menu li.current-menu-item > a, .block ul.menu li > a.active { background: #60b126; color: #fff }
.block ul.menu li > ul { list-style: none; padding: 0; }
.block ul.menu li > ul li a { padding: 10px 10px 10px 20px; display: block; color: #444; border-bottom: 1px solid #fff; }
.process-wrap .item h3 {
font-size: 15px;
position: relative;
font-weight: 100;
color: #59ca6d;
text-transform: uppercase;
background: #f8f9fa;
overflow: hidden;
}
.process-wrap .item h3 i {
background: #59ca6d;
color: #fff;
font-style: normal;
padding: 5px;
display: inline-block;
position: relative;
margin-right: 10px;
}
.process-wrap .item h3 i:after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 5px;
border-color: transparent transparent transparent #59ca6d;
position: absolute;
right: -5px;
top: 10px;
}
.heading h2 {
font-family: 'UTM-Avo-Bold';
}
.wrap-4 .item img {
height: 250px;
object-fit: cover;
border: 1px solid #eee;
padding: 2px;
}
.owl-partner .item img {
background: #f5f5f5;
padding: 4px;
}  .cta-box {
background: #fff7e6; padding: 30px;
border-radius: 15px;
color: #333; text-align: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); margin: 20px 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
position: relative;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cta-box:hover {
transform: translateY(-10px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); }
.cta-title {
font-size: 28px;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1.5px;
font-weight: bold;
color: #ff7e5f; position: relative;
z-index: 2;
}
.cta-box p {
font-size: 20px;
margin-bottom: 25px;
color: #555; position: relative;
z-index: 2;
}
.cta-box .cta-button {
background-color: #ff7e5f; color: #ffffff; padding: 12px 30px;
text-decoration: none;
border-radius: 5px;
font-size: 18px;
font-weight: bold;
transition: background-color 0.3s, color 0.3s, transform 0.3s;
position: relative;
z-index: 2;
display: inline-flex;
align-items: center;
}
.cta-box .cta-button:hover {
background-color: #feb47b; color: #ffffff;
transform: scale(1.05); }
.cta-box .cta-button i {
margin-right: 10px;
} .highlight {
font-weight: bold;
color: #ff7e5f; } .cta-box::before {
content: '';
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at center, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0));
animation: rotateBg 6s linear infinite;
z-index: 1;
opacity: 0.6;
}
.cta-divider {
border: 0;
border-top: 1px solid #ddd;
margin: 20px 0;
}
.cta-box .note {
font-size: 9px;
color: #999;
}
@keyframes rotateBg {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.why-cta {
background-color: #FAF5E9;
border: 2px solid #FAF5E9;
border-radius: 15px;
padding: 30px;
text-align: center;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
margin: 20px 0;
transition: transform 0.3s ease;
}
.why-cta:hover {
transform: translateY(-5px);
}
.why-cta-header {
background-color: #009B4D;
color: #FAF5E9;
font-size: 28px;
margin: -30px -30px 20px -30px;
padding: 20px 30px;
font-weight: bold;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.why-cta-content {
background-color: #F0F0F0; padding: 20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.why-cta p {
font-size: 20px;
margin: 10px 0;
color: #555;
line-height: 1.6;
}
.cta-footer {
margin-top: 30px;
background-color: #FAF5E9; padding: 20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.cta-button {
background-color: #FFCC00;
color: #009B4D;
padding: 15px 30px;
border-radius: 30px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.3s ease;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.cta-button:hover {
background-color: #009B4D;
color: #FAF5E9;
transform: translateY(-3px);
}
:root {
--primary-color: #007bff;
--secondary-color: #ffcf33;
--background-color: #f0f0f0;
--text-color: #333;
--button-bg: #ff5733;
--button-text: #fff;
--ribbon-color: #007bff;
--ribbon-text-color: #ffcf33;
}
.custom-cta-banner {
max-width: 90%;
padding: 50px 20px 20px;
border: 2px dashed var(--text-color);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
background-color: #fff;
text-align: center;
position: relative;
border-radius: 15px;
margin: 0 auto;
}
.custom-cta-banner .ribbon {
width: 160px;
height: 30px;
background: var(--ribbon-color);
position: absolute;
top: 20px;
left: -50px;
text-align: center;
line-height: 30px;
color: var(--ribbon-text-color);
transform: rotate(-45deg);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.custom-cta-banner .ribbon span {
font-size: 0.9rem;
font-weight: bold;
white-space: nowrap;
}
.custom-cta-banner .subheading-container {
position: absolute;
top: -1.5em;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
margin: 1px;
border-radius: 0.4em;
font-weight: bold;
font-size: 1rem;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.custom-cta-banner .subheading {
background-color: rgba(255, 207, 51, 0.2);
color: var(--text-color);
}
.custom-cta-banner .heading {
font-size: clamp(2.5rem, 2rem + 1.5vw, 3.5rem);
color: var(--text-color);
margin-bottom: 20px;
font-weight: bold;
line-height: 1.2;
}
.custom-cta-banner .highlighted-text {
color: #fff;
-webkit-text-stroke: 1px #191d2f;
}
.custom-cta-banner .emphasized-text {
position: relative;
color: var(--text-color);
}
.custom-cta-banner .underline-arrow {
position: absolute;
bottom: -0.6em;
left: 0;
width: 100%;
height: 1em;
}
.custom-cta-banner .content {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 3em;
}
.custom-cta-banner .column {
flex: 1;
min-width: 250px;
text-align: left;
}
.custom-cta-banner .left-column {
width: 65%;
}
.custom-cta-banner .right-column {
width: 35%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center; }
.custom-cta-banner .bullet-points {
list-style: none;
padding: 0;
font-size: 1.2rem;
color: var(--text-color);
}
.custom-cta-banner .bullet-points li {
margin-bottom: 1em;
display: flex;
align-items: center;
font-weight: bold;
}
.custom-cta-banner .icon {
margin-right: 0.5em;
font-size: 1.5rem;
color: var(--secondary-color);
}
.custom-cta-banner .right-column p {
font-size: 1.2rem;
color: var(--text-color);
margin-bottom: 1em;
font-weight: lighter;
text-transform: none; }
.custom-cta-banner .contact-button {
background-color: var(--button-bg);
color: var(--button-text);
border: none;
padding: 0.7em 1.5em;
font-size: 1.2rem;
cursor: pointer;
text-align: center;
display: block;
width: max-content;
border-radius: 0.5em;
transition: background-color 0.3s ease;
text-decoration: none;
}
.custom-cta-banner .contact-button:hover {
background-color: #ff7043;
}
@media (min-width: 768px) {
.custom-cta-banner .content {
flex-direction: row;
}
.custom-cta-banner .left-column {
width: 65%;
}
.custom-cta-banner .right-column {
width: 35%;
}
}
.cta-heading-wrapper {
display: flex;
justify-content: center;
align-items: center;
background-color: #f9f9f9;
padding: 10px;
}
.cta-heading-box {
background-color: #F7F9FB;
border: 2px dashed #cccccc;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
margin: 5px;
width: 100%;
text-align: center;
display: inline-block;
}
.cta-heading-box-heading {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: bold;
color: #0056b3;
margin-bottom: 10px;
}
.cta-heading-box-content {
font-size: 1.2rem;
color: #0056b3;
margin-bottom: 20px;
}
.cta-heading-box-button .cta-btn {
display: inline-block;
background-color: #0056b3;
color: #ffffff;
font-size: 1.2rem;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.cta-heading-box-button .cta-btn:hover {
background-color: #cc0000;
} .sc-tapvu-container {
max-width: 90%;
padding: 10px 10px 10px;
border: 2px dashed var(--text-color);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
background-color: #fff;
text-align: center;
position: relative;
border-radius: 10px;
margin: 0 auto;
}
.sc-tapvu-container .sc-tapvu-inner-container {
max-width: 600px;
margin: 50px auto;
background: #fff;
padding: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.sc-tapvu-container .sc-tapvu-heading {
font-size: clamp(1.5rem, 1.5rem + 1vw, 2.5rem);
color: var(--text-color);
margin-bottom: 20px;
font-weight: bold;
line-height: 1.2;
}
.sc-tapvu-container .sc-tapvu-form-row {
display: flex;
justify-content: space-between;
}
.sc-tapvu-container .sc-tapvu-form-group {
margin-bottom: 15px;
flex: 1;
margin-right: 10px;
}
.sc-tapvu-container .sc-tapvu-form-group:last-child {
margin-right: 0;
}
.sc-tapvu-container .sc-tapvu-form-group label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
.sc-tapvu-container .sc-tapvu-form-group select, 
.sc-tapvu-container .sc-tapvu-form-group input {
width: 100%;
padding: 1px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-weight: bold;
}
.sc-tapvu-container .sc-tapvu-checkbox-group {
display: flex;
flex-wrap: wrap;
}
.sc-tapvu-container .sc-tapvu-checkbox-group label {
width: 50%;
margin-bottom: 10px;
}
.sc-tapvu-container .sc-tapvu-checkbox-group input[type="checkbox"] {
margin-right: 1px;
}
.sc-tapvu-container button {
width: 100%;
padding: 10px;
background-color: #0056b3;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
.sc-tapvu-container button:hover {
background-color: #004080;
}
.sc-tapvu-container #sc-tapvu-info {
background-color: #f9f9f9;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.info-box {
width: 90%;
border: 2px dashed #0056b3;
border-radius: 8px;
background-color: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
text-align: center;
margin: 20px auto;
}
.info-header {
background-color: #f9f9f9;
color: #ffffff;
padding: 15px;
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: bold;
color: #0056b3;
}
.info-body {
display: flex;
flex-direction: row;
padding: 20px;
text-align: left;
}
.info-image {
flex: 30%;
padding-right: 10px;
}
.info-image img {
max-width: 100%;
border-radius: 8px;
}
.info-text {
flex: 70%;
display: flex;
flex-direction: column;
justify-content: center;
}
.info-text p {
margin: 10px 0;
font-size: 1.2rem;
color: #0056b3;
}
.info-footer {
background-color: #f9f9f9;
padding: 15px;
border-top: 1px solid #e0e0e0;
}
.contact-button {
display: inline-block;
background-color: #0056b3;
color: #ffffff;
font-size: 1.2rem;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.contact-button:hover {
background-color: #003d99;
}
.khachhang-box {
background-color: #fff;
border: 2px dashed #0056b3;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
border-radius: 8px;
}
.khachhang-heading {
margin-bottom: 10px;
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: bold;
color: #0056b3;
}
.khachhang-paragraph {
font-size: 1.2rem;
color: #0056b3;
margin-bottom: 20px;
}
.khachhang-list {
display: flex;
justify-content: space-between;
}
.khachhang-column {
width: 48%;
}
.khachhang-customer {
background-color: #f0f7fc; border-radius: 4px;
padding: 10px;
margin-bottom: 10px;
font-size: 1.2rem;
color: #0056b3;
display: flex;
align-items: center;
}
.khachhang-number {
font-weight: bold;
color: #0056b3;
margin-right: 10px;
}
.custom-reviews-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
width: 90%;
max-width: 1200px;
padding: 20px;
box-sizing: border-box;
}
.custom-review-card {
background-color: white;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.custom-review-header {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.custom-icon {
display: flex;
justify-content: center;
align-items: center;
background-color: #0056b3;
color: white;
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 1.5em;
margin-right: 15px;
position: relative;
}
.custom-icon::before {
content: '💬';
position: absolute;
font-size: 2em;
color: rgba(255, 255, 255, 0.5);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.custom-review-details {
flex-grow: 1;
}
.custom-reviewer-name {
margin: 0 0 5px;
font-size: 1.1em;
font-weight: bold;
}
.custom-review-details .custom-rating {
color: #f39c12;
}
.custom-review-details p {
margin: 0;
font-size: 0.9em;
color: #888;
}
.custom-review-card p {
margin: 0;
color: #333;
} .custom-diff-section {
position: relative;
background-image: url(https://chungpq.b-cdn.net/wp-content/uploads/2023/12/tap-vu-ve-sinh-van-phong-5.jpg); background-size: cover;
background-position: center;
color: #fff;
padding: 60px 20px;
background-color: rgba(0, 0, 0, 0.5); background-blend-mode: overlay; max-width: 1200px; margin: 0 auto; overflow: hidden; border-radius: 8px; }
.custom-diff-container {
position: relative;
z-index: 2;
width: 100%; text-align: center;
}
.custom-diff-header {
font-size: 2.5em;
margin-bottom: 5px;
font-weight: bold; }
.custom-diff-section .custom-diff-header {
color: #fff;
}
.custom-diff-section .custom-diff-feature-title {
color: #fff;
}
.custom-diff-sub-header {
font-size: 1.2em;
margin-bottom: 40px;
font-weight: 500; color: #f0f0f0; }
.custom-diff-sub-header .separator {
color: #FF9800; margin: 0 10px; }
.custom-diff-features {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}
.custom-diff-feature {
flex: 1 1 30%;
background-color: rgba(255, 255, 255, 0.1); padding: 20px;
border-radius: 8px;
transition: transform 0.3s, background-color 0.3s;
}
.custom-diff-feature-title {
margin-top: 0;
margin-bottom: 15px;
font-size: 1.5em;
font-weight: bold; }
.custom-diff-feature p {
margin: 0;
font-size: 1em;
} .custom-feature-1 {
background-color: rgba(34, 150, 243, 0.8); }
.custom-feature-2 {
background-color: rgba(76, 175, 80, 0.8); }
.custom-feature-3 {
background-color: rgba(255, 152, 0, 0.8); } .custom-diff-feature:hover {
transform: translateY(-10px);
background-color: rgba(255, 255, 255, 0.2);
} @media (max-width: 768px) {
.custom-diff-features {
flex-direction: column;
align-items: center;
}
.custom-diff-feature {
flex: 1 1 80%;
}
} .custom-diff-container::after {
content: "";
display: table;
clear: both;
} .next-section {
position: relative; margin-top: 0px; padding: 40px 20px;
background-color: #f9f9f9;
border-radius: 8px; max-width: 1200px; margin-left: auto;
margin-right: auto;
} .customer_say_about_us {
--primary-color: #e63946; --secondary-color: #333; --light-gray: #f0f0f0;
--separator-color: #ccc;
--logo-text-color: #555;
--logo-subtext-color: #999;
--font-family: sans-serif;
} .customer_say_about_us *,
.customer_say_about_us *::before,
.customer_say_about_us *::after {
box-sizing: border-box;
margin: 0;
padding: 0;
} .customer_say_about_us .banner1 {
display: flex;
width: 100%;
height: 200px;
}
.customer_say_about_us .banner1-left {
background-color: var(--primary-color);
color: white;
flex: 0.7;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 20px;
text-align: left;
box-sizing: border-box;
}
.customer_say_about_us .banner1-left p {
margin: 0;
font-size: 2rem;
font-weight: bold;
line-height: 1.2em;
}
.customer_say_about_us .banner1-right {
flex: 0.3;
background-color: white;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.customer_say_about_us .circle {
width: calc(30vw * 0.9);
height: calc(30vw * 0.9);
max-width: 180px;
max-height: 180px;
background-color: var(--primary-color);
border-radius: 50%;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.customer_say_about_us .circle p {
margin: 0;
font-weight: bold;
white-space: nowrap;
}
.customer_say_about_us .circle p:nth-child(1) {
font-size: 1.2em;
}
.customer_say_about_us .circle p:nth-child(2) {
font-size: 1.0em;
}
.customer_say_about_us .circle-percentage {
font-size: 3.0rem;
font-weight: bold;
color: white;
}
.customer_say_about_us .separator {
width: 120px;
height: 2px;
background-color: white;
margin: 5px 0;
}
.customer_say_about_us .circle .percentage {
font-size: 2.2em;
color: white;
}
.customer_say_about_us .banner2 {
display: flex;
justify-content: space-around;
align-items: center;
background-color: var(--light-gray);
border-radius: 5px;
padding: 20px;
}
.customer_say_about_us .banner2-section {
display: flex;
align-items: center;
text-align: center;
padding: 10px;
justify-content: space-between;
position: relative;
}
.customer_say_about_us .banner2-content-left {
display: flex;
flex-direction: column;
text-align: left;
padding-right: 10px;
position: relative;
flex: 1;
}
.customer_say_about_us .banner2-content-right {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 10px;
flex: 1;
}
.customer_say_about_us .banner2-content-left::after {
content: "";
position: absolute;
top: 10px;
bottom: 10px;
right: -2px;
border-right: 1px solid white;
}
.customer_say_about_us .banner2-title-div {
font-size: 1.2em; font-weight: bold;
color: var(--secondary-color); margin-bottom: 5px;
}
.customer_say_about_us .banner2-icon {
width: 40px;
height: 40px;
border-radius: 0%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 5px;
}
.customer_say_about_us .coin-stack::before {
content: "\2610";
font-size: 25px;
color: var(--secondary-color); }
.customer_say_about_us .handshake::before {
content: "\1F91D";
font-size: 25px;
color: var(--secondary-color); }
.customer_say_about_us .graph-people::before {
content: "\1F4CA";
font-size: 25px;
color: var(--secondary-color); }
.customer_say_about_us .notepad-check::before {
content: "\1F4D1";
font-size: 25px;
color: var(--secondary-color); }
.customer_say_about_us .banner2-text {
color: var(--secondary-color); margin-bottom: 5px;
white-space: pre-line;
font-size: 1em; }
.customer_say_about_us .banner2-percentage {
font-size: 2.2em; font-weight: bold;
color: var(--secondary-color); }
.customer_say_about_us .banner3 {
width: 100%;
font-family: var(--font-family);
background-color: #f7f7f7;
padding: 20px;
position: relative;
}
.customer_say_about_us .logo-icon,
.customer_say_about_us .heart,
.customer_say_about_us .speech-bubble {
width: 24px;
height: auto;
}
.customer_say_about_us .logo-icon {
margin-right: 10px;
}
.customer_say_about_us .heart {
width: 100px; height: 100px; background-image: url(//chungpq.b-cdn.net/wp-content/uploads/2024/12/handshake-deal-svgrepo-com.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
}
.customer_say_about_us .speech-bubbles-percentage {
font-size: 2.5rem;
font-weight: bold;
color: var(--primary-color);
}
.customer_say_about_us .speech-bubble {
width: 100px; height: 100px; background-image: url(//chungpq.b-cdn.net/wp-content/uploads/2024/12/speech-bubble-svgrepo-com.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
pointer-events: none;
}
.customer_say_about_us .horizontal-separator {
height: 1px;
background-color: var(--separator-color);
margin: 25px 15px;
}
.customer_say_about_us .loyal-customers {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.customer_say_about_us .loyal-customers-left {
width: 60%;
display: flex;
align-items: center;
justify-content: center;
height: 60px;
}
.customer_say_about_us .loyal-customers-right {
width: 40%;
display: flex;
flex-direction: column;
align-items: center;
padding-left: 15px;
}
.customer_say_about_us .loyal-row-top {
font-size: 2.5rem;
font-weight: bold;
color: var(--primary-color);
}
.customer_say_about_us .loyal-row-bottom {
color: var(--secondary-color);
font-size: 0.85rem;
line-height: 1.4;
}
.customer_say_about_us .logo {
display: flex;
align-items: center;
position: absolute;
bottom: 30px;
left: 30px;
}
.customer_say_about_us .logo-icon svg {
fill: var(--primary-color);
width: 100%;
height: auto;
}
.customer_say_about_us .logo-text-atradius {
font-size: 1rem;
font-weight: bold;
color: var(--logo-text-color);
}
.customer_say_about_us .logo-text-collections {
font-size: 0.75rem;
color: var(--logo-subtext-color);
}
.customer_say_about_us .percentage {
color: var(--primary-color);
font-weight: bold;
}
.customer_say_about_us .right-section {
background-color: var(--light-gray);
width: 60%;
padding: 20px;
display: flex;
flex-wrap: wrap;
}
.customer_say_about_us .right-row-1,
.customer_say_about_us .right-row-2 {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.customer_say_about_us .banner2-section {
position: relative;
padding-right: 10px;
flex-basis: 48%;
display: flex;
justify-content: space-between;
}
.customer_say_about_us .info-block-icon {
width: 60px;
height: auto;
margin-left: 10px;
flex-shrink: 0;
display: flex;
justify-content: center;
align-items: center;
}
.customer_say_about_us .info-block-icon svg {
fill: var(--primary-color);
width: 60px;
height: 60px;
}
.customer_say_about_us .banner2-percentage {
font-size: 2em;
font-weight: bold;
color: var(--secondary-color); } @media (max-width: 768px) {
.customer_say_about_us .banner1 {
flex-direction: column; height: auto; }
.customer_say_about_us .banner1-left,
.customer_say_about_us .banner1-right {
flex: 1; width: 100%; padding: 20px 0;
text-align: center; }
.customer_say_about_us .banner1-left {
padding-left: 0;
}
.customer_say_about_us .banner1-left p {
text-align: center; }
.customer_say_about_us .circle {
width: calc(60vw * 0.9); height: calc(60vw * 0.9); max-width: 250px; max-height: 250px; margin: 0 auto; }
.customer_say_about_us .banner1-right {
padding: 0;
}
.customer_say_about_us .banner2 {
flex-direction: column;
}
.customer_say_about_us .banner2-section {
width: 100%;
margin-bottom: 10px;
}
.customer_say_about_us .banner2-content-left::after {
right: 2px;
}
.customer_say_about_us .right-section {
width: 100%;
padding: 10px;
}
.customer_say_about_us .right-row-1,
.customer_say_about_us .right-row-2 {
flex-direction: column;
align-items: stretch;
margin-bottom: 10px;
}
.customer_say_about_us .banner2-section {
flex-basis: 100%;
padding-right: 0;
margin-bottom: 15px;
display: flex;
align-items: flex-start;
flex-direction: row;
} .customer_say_about_us .banner2-content-left::after { border-right: 1px solid white; top: 0;
bottom: 0;
}
.customer_say_about_us .banner2-content-left,
.customer_say_about_us .banner2-content-right {
padding: 0;
align-items: flex-start;
width: 50%; } .customer_say_about_us .banner2-section {
flex-direction: row;
}
.customer_say_about_us .banner2-content-left {
flex: 1;
margin-right: 10px;
}
.customer_say_about_us .banner2-content-right {
flex: 0 0 auto;
align-items: center;
}
.customer_say_about_us .info-block-icon {
margin-left: 0;
margin-bottom: 10px;
}
.customer_say_about_us .banner2-percentage {
font-size: 1.5em;
}
.customer_say_about_us .banner2-title-div {
font-size: 1em;
}
.customer_say_about_us .banner2-text {
font-size: 0.8em;
}
.customer_say_about_us .speech-bubbles {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.customer_say_about_us .speech-bubbles-left {
width: 60%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-right: 15px;
}
.customer_say_about_us .speech-bubbles-right {
width: 40%;
display: flex;
justify-content: center;
align-items: center;
}
.customer_say_about_us .left-section-text {
font-size: 0.85rem;
line-height: 1.4;
}
.customer_say_about_us .speech-bubble {
width: 100px;
height: 80px;
}
.customer_say_about_us .heart {
width: 100px;
height: 80px;
}
} @media (min-width: 769px) {
.customer_say_about_us .banner3 {
display: flex;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.customer_say_about_us .left-section {
background-color: white;
width: 40%;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}
.customer_say_about_us .speech-bubbles {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.customer_say_about_us .speech-bubbles-left {
width: 60%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding-right: 15px;
}
.customer_say_about_us .speech-bubbles-left .percentage {
font-size: 2.5rem;
}
.customer_say_about_us .speech-bubbles-left .left-section-text {
color: var(--secondary-color);
font-size: 0.85rem;
line-height: 1.4;
}
.customer_say_about_us .speech-bubbles-right {
width: 40%;
display: flex;
justify-content: center;
align-items: center;
}
.customer_say_about_us .speech-bubble {
width: 100px;
height: 80px;
}
.customer_say_about_us .heart {
width: 100px;
height: 80px
} .customer_say_about_us .loyal-row-top {
font-size: 3rem; color: var(--primary-color); }
.customer_say_about_us .loyal-row-bottom {
font-size: 1rem; color: var(--secondary-color); }
}
.hero-section_songanhhyg {
position: relative;
max-width: 1200px; 
margin: 0 auto; 
height: 80vh; background-image: image-set(
url(//chungpq.b-cdn.net/wp-content/uploads/2024/12/Su-dung-robot-tu-dong-ve-sinh.webp) 1x,
url(//chungpq.b-cdn.net/wp-content/uploads/2024/12/Su-dung-robot-tu-dong-ve-sinh.webp) 2x
);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
font-family: sans-serif; 
}
.hero-section_songanhhyg::before {
content: "";
position: absolute;
top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(2px);
z-index: 1;
}
.hero-section_songanhhyg .hero-content {
position: relative;
color: #fff;
text-align: center;
max-width: 800px;
z-index: 2;
padding: 0 20px;
}
.hero-section_songanhhyg .hero-content .hero-title {
font-size: 2.5rem;
margin-bottom: 20px;
font-weight: bold;
}
.hero-section_songanhhyg .hero-content p {
font-size: 1.2rem;
line-height: 1.5;
} @media (max-width: 600px) {
.hero-section_songanhhyg {
height: 60vh; width: 90%; }
.hero-section_songanhhyg .hero-content .hero-title {
font-size: 1.8rem; }
.hero-section_songanhhyg .hero-content p {
font-size: 1rem; }
} 
.vscn-hero-section {
height: auto;
padding: 10vh 20px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
overflow: hidden;
background: linear-gradient(180deg, #1e3a8a 0%, #3b82f6 100%);
color: #fff;
font-family: Arial, sans-serif;
border: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
margin: 10px;        }
.vscn-hero-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.6;
z-index: -1;
}
.vscn-hero-content {
max-width: 800px;
}
.vscn-hero-headline {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 10px;
line-height: 1.2;
}
.vscn-hero-sub-headline {
font-size: 1.2rem;
margin-bottom: 20px;
line-height: 1.4;
}
.vscn-hero-social-proof {
display: inline-block;
font-size: 0.95rem;
background: rgba(255, 255, 255, 0.9);
color: #1e3a8a;
padding: 6px 14px;
border-radius: 16px;
margin-bottom: 20px;
font-weight: 500;
}
.vscn-hero-trust-signals {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
margin-bottom: 25px;
}
.vscn-hero-trust-item {
display: flex;
align-items: center;
gap: 8px;
font-size: 1rem;
background: rgba(255, 255, 255, 0.85);
padding: 8px 12px;
border-radius: 20px;
color: #1f2937;
}
.vscn-hero-cta-primary {
display: inline-block;
background: linear-gradient(45deg, #2563eb, #60a5fa);
color: #fff;
padding: 12px 28px;
font-size: 1.2rem;
font-weight: 600;
text-decoration: none;
border-radius: 50px;
transition: all 0.3s;
}
.vscn-hero-cta-primary:hover {
transform: translateY(-3px);
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
}
.vscn-hero-cta-secondary {
display: inline-block;
color: #dbeafe;
font-size: 1rem;
text-decoration: underline;
transition: color 0.3s;
}
.vscn-hero-cta-secondary:hover {
color: #fff;
}
.vscn-hero-tagline {
font-style: italic;
font-size: 0.9rem;
color: #dbeafe;
margin-top: 15px;
}
@media (max-width: 768px) {
.vscn-hero-section {
padding: 15px;
margin: 5px;
border-radius: 8px;
}
.vscn-hero-headline { font-size: 1.8rem; }
.vscn-hero-sub-headline { font-size: 1rem; }
.vscn-hero-social-proof { font-size: 0.85rem; padding: 5px 12px; }
.vscn-hero-cta-primary { padding: 10px 22px; font-size: 1rem; }
.vscn-hero-trust-item { font-size: 0.9rem; padding: 6px 10px; }
} .reviews-gallery-pro {
padding: 60px 20px;
background: #fff;
width: 100%;
box-sizing: border-box;
}
.reviews-inner {
max-width: 1200px;
margin: 0 auto;
width: 100%;
} .reviews-header {
text-align: center;
margin-bottom: 40px;
}
.reviews-heading {
font-size: 2.2rem;
font-weight: 800;
color: #0a2e5c;
margin: 0 0 10px;
text-transform: uppercase;
}
.reviews-line {
width: 60px;
height: 4px;
background: #007bff;
margin: 15px auto 0;
} .reviews-gallery-pro .reviews-grid-layout {
display: grid !important;  grid-template-columns: repeat(4, 1fr) !important; 
gap: 20px;
width: 100%;
} .reviews-gallery-pro figure.review-card {
margin: 0 !important; padding: 0 !important;
width: 100% !important; background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.08);
border: 1px solid #eee;
transition: transform 0.3s ease;
}
.reviews-gallery-pro figure.review-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0,0,0,0.15);
} .r-img-box {
width: 100%;
position: relative; aspect-ratio: 3/4; 
background: #f4f4f4;
}
.r-img-box img {
width: 100% !important;
height: 100% !important;
object-fit: cover; display: block;
}  @media screen and (max-width: 1024px) {
.reviews-grid-layout {
grid-template-columns: repeat(2, 1fr) !important;
}
} @media screen and (max-width: 600px) {
.reviews-grid-layout {
grid-template-columns: 1fr !important;
}
.reviews-heading {
font-size: 1.8rem;
}
}  @media (max-width: 767.98px) {
.support-wrap {
position: relative;
top: 0;
margin-bottom: 15px;
}
} @media (max-width: 767.98px) {
footer.footer {
padding-bottom: 70px;
}
} @media (max-width: 575.98px) {
.support-online { bottom: 15px; }
.support-online.left { left: 15px; }
.support-online.right { right: 15px; }
} @media (max-width: 767.98px) {
footer.footer .social a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
}
} @media (max-width: 767.98px) {
.embed-responsive-21by9 {
padding-bottom: 56.25%; }
} @media (max-width: 575.98px) {
footer.footer .copyright {
font-size: 12px;
line-height: 1.6;
}
} @media (max-width: 575.98px) {
footer.footer span > i {
width: 30px;
height: 30px;
padding: 8px;
font-size: 12px;
margin-right: 6px;
}
} .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
@keyframes tada {
from { transform: scale3d(1, 1, 1); }
10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); }
30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
to { transform: scale3d(1, 1, 1); }
}
.tada { animation-name: tada; } @media (prefers-reduced-motion: reduce) {
.animated,
.animated_zota,
.tada,
.pulse_zota,
.zoomIn_zota {
animation: none !important;
transition: none !important;
}
}