/*
Theme Name: SaigonDigi
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#wpadminbar {
        background-color: #228341 !important;
    }

/*************** RESET CSS ***************/

@font-face{
    src: url(font/Mulish-Bold.ttf);
    font-family: muli-b;
}
@font-face{
    src: url(font/Mulish-Regular.ttf);
    font-family: muli-re;
}
@font-face{
    src: url(font/Phudu-Medium.ttf);
    font-family: phudu-me;
}

p {
	font-size: 16px;
	color: black;
	text-align:justify;
	margin-bottom: 7px;
	font-family: muli-re !important;
}
li, a {
	font-family: muli-re;
}
h1, h2, h3, h4, h5, h6 {
	font-family: muli-b !important;
	font-weight: normal !important;
}

.is-divider {
	display: none;
}
ul.page-numbers {
    display: none !important;
}
.load-more-btn {
	border-radius: 100px !important;
}

/*************** CTA 1 ***************/



/*************** NOT FOUND SGD ***************/

.not-found .page-content .searchform .relative {
    border: 1px solid #000000;
    padding: 10px;
    margin-top: 35px;
    border-radius: 5px;
}
.not-found .page-content .searchform .relative .search-field {
    box-shadow: none;
    border: none;
}
.not-found .page-content .searchform .relative .flex-col .submit-button {
	padding: 0px 39px;
}
.content-area .error-404 {
	padding-top: 10%;
	padding-bottom: 10%;
}



/*************** CONTACT FORM ***************/

#attech-file .wpcf7-form-control-wrap >input {
    margin-bottom: 0px;
    height: 40px;
    padding: 8px;
}
#attech-file >p {
	text-align: left;
}
	
#wpcf7-f141-o1 {
	background-color: white;
	padding: 20px 30px 20px 30px;
	border-radius: 10px;
	overflow: hidden;
}

.ado-form-cont .wpcf7-form-control-wrap input, textarea {
	box-shadow: none;
    border: unset;
    margin-bottom: 20px;
    height: 56px;
    font-size: 15px;
    padding-left: 50px
}
.woocommerce-input-wrapper textarea {
	padding-left: 20px !important;
}
.ado-form-cont i {
	color: #ffffff;
    background-color: #f36e21;
    padding: 8px;
    height: 30px;
    width: 30Px;
    text-align: center;
    border-radius: 100px;
	font-size: 14px;
	position: absolute;
	top: 12px;
	left: 8px;
}
.input-col {
	position: relative;
}
.ado-form-cont p {
	text-align: left;
}
.ado-form-cont .input-col .wpcf7-submit {
	border-radius: 100px !important;
	background-color: #955819;
	margin-right: 0px;
	border: none;
	width: 150px;
	height: 50px;
}
.wpcf7-spinner {
    display: none !important;
}
.ado-form-cont .check-box input {
	height: 10px;
	transform: scale(1.5);
}
.ado-form-cont .check-box .wpcf7-form-control-wrap {
	text-align: center;
}
.ado-form-cont .check-box .wpcf7-list-item {
	margin-left: 10px;
	margin-right: 10px;
}

.ado-form-cont .flex-cn .flex-check-col input {
    height: 10px;
    transform: scale(1.9);
    margin: 0 auto;
    margin-bottom: 10Px;
    margin-top: 10px;
	cursor: pointer;
}

.ado-form-cont .wpcf7-response-output {
	border: #8173be;
}
.ado-form-cont .wpcf7-list-item-label {
	color: white;	
}
input[type=submit]:hover {
	box-shadow: none;
}

.ado-form-cont .wpcf7-submit {
	border-radius: 99px;
	background-color: #f36e21;
	color: white !important;
	border: none;
	width: 150px;
	height: 40px;
}
.ado-form-cont .wpcf7-submit:hover {
	background-color: #f36e21;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #f3ba40;
    color: #955819;
	text-align: center;
    border-radius: 3px !important;
    margin: 0 !important;
}

.form-sub .wpcf7 form.sent .wpcf7-response-output {
    border-color: red;
	color: black;
	border-radius: 3px !important;
	margin: 0 !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
	border: none !important;
	margin: 0px;
}

textarea {
    padding-top: 0.7em;
    min-height: 100px;
}

.wpcf7 .wpcf7-not-valid-tip {
    padding: 10px;
    line-height: 1.2em;
    font-size: 14px;
    background-color: #ef0000db;
    color: #ffffff;
    z-index: 1;
    text-align: left;
}
.wpcf7 .wpcf7-not-valid-tip:after {
	border-bottom-color: #f45050;
}
textarea:focus {
	box-shadow: none;
}
#wpcf7-f141-o1 .wpcf7-form {
	margin-bottom: 0px;
}
.gui-ngay-f .wpcf7-submit {
	margin-bottom: 0px;
}

/*************** SLIDER ***************/

.flickity-page-dots {
    bottom: 55px;
    text-align: left;
	left: 15%;
	right: 15%;
}
.slider-nav-light .flickity-page-dots .dot.is-selected, .slider .flickity-page-dots .dot:hover {
    background-color: #00aeef !important;
	width: 35px !important;
	transition: 0.3s;
}
.flickity-page-dots .dot {
    border: none;
    width: 24px;
    height: 10px;
    border-radius: 10px;
	background-color: #edf4fcba;
    opacity: 1;
	transition: 0.3s;
}
.slider-nav-light .flickity-prev-next-button {
    color: #fff;
    width: 60px;
}
.slider-nav-circle .flickity-prev-next-button svg {
    border-radius: 100%;
    border: none;
    background-color: #eeeeee52;
    width: 60px;
    height: 60px;
}
.flickity-prev-next-button svg {
    padding: 35% !important;
}


/*************** HEADER ***************/

.nav .nav-dropdown {
	border-left: none;
	border-right: none;
	border-bottom: none;
    border-top: 3px solid #1069b1;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #80808061;
    min-width: max-content;
    padding: 5px;
}
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: none !important;
	margin: 0px !important;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
	color: black;
	border-radius: 3px;
	overflow: hidden;
	font-family: 'phudu-me';
}
.nav-dropdown>li>a:hover {
    color: white !important;
    background-image: linear-gradient(to right, #015e5e, #1069b1) !important;
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-bottom-color: #1069b1;
    border-width: 8px;
    margin-left: -8px;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: #1069b1;
}
.row-caption-slider .col-caption-slider {
	margin-top: -35%;
    z-index: 1000;
}
.row-caption-slider .col-caption-slider .caption-slider {
	color: white;
	font-size: 35px !important;
    line-height: 50px !important;
}
.has-dropdown .icon-angle-down {
    font-size: 16px;
    margin-left: 10px;
    opacity: .6;
}


/*************** BLOG ***************/

.blog-single .html-before-comments {
    margin-bottom: 20px;
}
.blog-single .html-before-comments .relatedcat >p {
    font-size: 16px;
    text-transform: uppercase;
    font-family: phudu-me !important;
    font-weight: 100 !important;
    margin-top: 5px;
    border-left: 5px solid #015e5e;
    line-height: 19px;
    padding-left: 20px;
    margin-bottom: 15px;
    color: #015e5e;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.html-before-comments .related-post .feature {
    border-radius: 3px !important;
    overflow: hidden;
}
.feature::before {
    display: none;
}
.feature .image {
    position: ;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
	height: 170px;
}
.blog-single .type-post .article-inner .entry-content {
	padding-top: 0px;
}
.blog-single .type-post .article-inner .single-page p a {
	color: #45b757;
}
.blog-single .type-post .article-inner .single-page ul {
	list-style-type: square;
}
.single-page .wp-caption .size-full {
    width: 100%;
    height: auto;
    display: block;
}
#wrapper .blog-single .post .article-inner .single-page .wp-caption {
    width: 100% !important;
    display: block;
}


/*
MENU ĐA CẤP
*/
@media (min-width: 850px){
    header#header .nav-dropdown {
        display: block;
    }
    header#header .nav-dropdown ul.sub-menu {
        position: absolute;
        left: 100%;
        top: 0;
        background: #fff;
        width: 220px;
        padding: 0;
        display: none !important;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
        box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
		padding: 5px;
    }
    header#header .nav-dropdown ul.sub-menu a {
        white-space: normal;
        margin: 0;
        padding: 10px 15px;
        border: 0;
        font-size: 14px;
        color: black;
    }
    header#header .nav-dropdown li:hover > ul.sub-menu{
        display: block !important;
    }
    header#header .nav-dropdown li {
        border-right: 0;
        white-space: normal;
        width: 100%;
        display: block;
        position: relative;
    }
    header#header .nav-dropdown li.menu-item-has-children > a {
        font-weight: 400;
        text-transform: none;
        color: rgba(102,102,102,.85);
    }
}



/*************** SHOP ***************/

#shop-sidebar .widget {
	background-color: white;
    padding: 10px;
    border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}
#shop-sidebar .widget .widget-title {
	font-size: 14px;
    display: block;
    background-color: #013f6e;
    padding: 10px;
    color: white;
    border-radius: 5px;
    margin-bottom: 10px;
}

.product-small .col-inner {
	background-color: white;
    border-radius: 10px;
    overflow: hidden;
    padding: 8px;
    box-shadow: 0px 14px 20px rgb(0 0 0 / 10%)
}


/*************** PORTFOLIO ***************/



/*************** WOOCOMMER ***************/
.product-info .product-short-description ul {
	margin-bottom: 0px;
}
.product-info .product-short-description p {
	margin-bottom: 0px;	
}
.product-info .product-short-description ul li {
	margin-bottom: 0px;
}

.archive #main, .single-product #wrapper .shop-container {
	background-image: url(https://demo-saigondigi.saigonlogo.com/wp-content/uploads/2026/08/bg-nen-gioi-thieu-nd.png);
	background-size: cover;
}
.category-page-row {
    padding-top: 50px;
}

.category-page-title .woocommerce-breadcrumb {
    background-color: #b7b7b7;
    border-radius: 50px;
    padding: 10px 20px;
    color: white;
	display: unset;
	font-size: 14px !important;
}
.category-page-title {
    padding-bottom: 10px;
    background-color: rgb(248 248 248);
	    display: none;
}
.woocommerce-ordering .orderby {
    box-shadow: none;
    border: 1px solid #013f6e;
    border-radius: 3px;
    height: 35px;
    font-size: 14px;
    padding-left: 15px;
}
.breadcrumbs {
    font-weight: normal;
}


.header-search-form-wrapper .searchform-wrapper .searchform .flex-row {
	border: 0.5px solid #013f6e;
	border-radius: 6px;
    overflow: hidden;
}
.header-search-form-wrapper .searchform-wrapper .searchform .flex-row .flex-col .search-field {
	box-shadow: none;
	font-size: ;
	border: none;
}

.header-search-form-wrapper .searchform-wrapper .searchform .flex-row .ux-search-submit {
	background-color: #013f6e;
	    padding-left: 20px;
    padding-right: 20px;
}
.col-tmdt-top .icon-tmdt img {
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 1px 1px 3px #ababab;
	margin-right: 10px;
}
.header-inner .flex-col  .header-nav-main .cart-item .header-button .header-cart-link, .flex-col .header-nav .has-icon .header-button .nav-top-link {
    background-color: #013f6e !important;
	font-size: 14px;
	border-radius: 50px;
}
.product-main .content-row .product-info .cart {
    display: flex;
    gap: 1em;
    width: 100%;
}
.product-info .woocommerce-breadcrumb {
	display: none;
}
.product-info .product-title {
	font-size: 20px;
}
.product-info .product-page-price {
	font-size: 18px;
}
span.amount {
    color: #ff0000;
    font-weight: 700;
    white-space: nowrap;
}
.woocommerce-variation-add-to-cart {
	justify-content: space-between;
}
.product-info button {
    border-radius: 34px;
    display: block;
    width: 68%;
}
.product-info button:hover {
	box-shadow: unset;
}
.product-info .ux-quantity {
	border: 1px solid #1069b1;
    border-radius: 33px;
    overflow: hidden;
    width: 26%;
	display: flex;
    justify-content: space-between;
}
.product-info .ux-quantity .is-form, .product-info .ux-quantity .qty {
	background-color: none;
	border: none;
}
.product-info .ux-quantity .is-form {
	width: 40%;
}
.product-info .ux-quantity .is-form:hover {
	background-color: #1069b1;
	color: white;
}
.product-info .variations_form .variations select {
	border-radius: 50px;
    box-shadow: none;
    padding: 6px 15px;
    height: 40px;
}

.woocommerce-cart-form, .cart-collaterals .cart-sidebar {
    box-shadow: 1px 1px 3px #a0a0a08a;
	background-color: white;
    padding: 20px 15px 10px 15px;
    border-radius: 5px;
}
#coupon_code {
    font-size: 14px;
    border-radius: 3px;
    box-shadow: none;
}
.row-divided {
	margin-top: 35px;
	margin-bottom: 35px;
}
.checkout-button {
	border-radius: 3px;
}
.woocommerce .cart-collaterals {
	border-left: none !important;
}
.message-container {
	padding-bottom: 15px;
}
.message-container a {
    margin: 0 15px 0 0;
    background-color: #f3702e;
    color: white;
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 14px;
}
.woocommerce-form-coupon {
    box-shadow: 1px 1px 3px #a0a0a08a;
	background-color: white;
    border-radius: 5px;
    border: none;
	max-width: 1187px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.woocommerce-form-coupon .coupon {
	border: 1px solid #013f6e;
    border-radius: 5px;
    overflow: hidden;
}
.woocommerce-form-coupon .coupon .input-text {
	border: none !important;
}
input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
    box-shadow: none;
}
label, legend {
    font-weight: 300;
    display: block;
    font-size: 14px;
    margin-bottom: .4em;
}
.woocommerce-additional-fields__field-wrapper .form-row textarea, .woocommerce-billing-fields__field-wrapper .form-row .input-text {
    border: 1px solid #ddd;
    border-radius: 5px;
}
.woocommerce-billing-fields__field-wrapper .form-row {
	width: 100% !important;
}
.woocommerce-checkout .has-border {
    border: 2px dashed var(--fs-color-primary);
    padding: 30px;
}
.woocommerce-privacy-policy-text .woocommerce-terms-and-conditions-link {
    color: green !important;
}
.woocommerce-checkout-payment .place-order button {
	border-radius: 5px;
}
.woocommerce-input-wrapper input {
	width: 100%;
}
.product-small .box-text-products {
	padding: 5px 0px 0px 0px;
}
.product-container .product-main .content-row {
	background-color: white;
	box-shadow: 1px 1px 8px #a0a0a08a;
    border-radius: 15px;
	padding: 15px 0px;
	max-width: 1300px;
}
.product-container .product-footer {
	max-width: 1300px;
	margin: 0 auto;
}
.product-section {
    border-top: none;
	padding-bottom: 30px;
}
.product-section-title {
	text-align: center;
}
.product-images .woocommerce-product-gallery__wrapper {
	border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgb(1 63 110);
}
.product-thumbnails a {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    display: block;
    overflow: hidden;
    transform: translateY(0);
    border-radius: 5px;
}
.product-thumbnails .is-nav-selected a, .product-thumbnails a:hover {
    border-color: rgb(41 164 74);
}
.nav-pagination>li>span, .nav-pagination>li>a {
    border-radius: 2px;
    border: 1px solid green;
    font-weight: 300;
    font-size: 14px;
}

.widget_products .product_list_widget li a {
	font-size: 12px;
	text-transform: uppercase;
}
.widget_products .product_list_widget li img {
	border-radius: 5px;
    overflow: hidden;
	margin-bottom: 0px;
}
.product_list_widget .amount {
    font-size: 14px;
}
del {
    display: none !important;
}
.add_to_cart_button {
	background-color: #015e5e !important;
    color: white !important;
    border-radius: 100px;
	border: none !important;
}
.add_to_cart_button:hover {
	background-color: #1069b1 !important;
}

.woocommerce-MyAccount-content {
	padding: 0px 15px;
}
.woocommerce-MyAccount-content .dashboard-links .woocommerce-MyAccount-navigation-link {
	margin: 0px;
	padding:10px;
}
.dashboard-links a:hover {
	background-color: #1069b1 !important;
}
.woocommerce-form-coupon-toggle {
	padding-top: 50px;
}


.san-pham-nb-chung .product-small .box-image .image-fade_in_back {
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.product-small .box-image .image-fade_in_back a {
    height: 100%;
}

.product-small .box-image .image-fade_in_back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-gallery .product-gallery-slider {
	aspect-ratio: 1 / 1;
    overflow: hidden;
}
.product-gallery .product-gallery-slider .flickity-viewport {
	height: 100% !important;
}
.product-gallery .product-gallery-slider .flickity-viewport .woocommerce-product-gallery__image {
	height: 100% !important;	
}

.product-gallery .product-gallery-slider .wp-post-image {
    object-fit: cover;
	height: 100%;
}

.woocommerce-tabs .additional_information_tab {
    display: none !important;
}
.product-order-notice {
	font-weight: 700;
    margin: 15px 0;
    color: #1069b1;
    border: 1px dashed;
    padding: 5px 25px;
    border-radius: 5px;
    overflow: hidden;
}

.ho-tro-shop-cont {
	display: inline-flex;
    justify-content: space-between;
	width: 100%;
}
.ho-tro-shop-cont .info-shop {
	display: block;
    width: 49%;
    text-align: center;
    background-color: #015e5e;
    padding: 8px 5px;
    border-radius: 100px;
    overflow: hidden;
    color: white;
	transition: 0.2s;
}
.ho-tro-shop-cont .info-shop:hover {
	background-color: #1069b1;
	transition: 0.2s;
}
.sku_wrapper {
	display: none !important;
}
.product_meta {
	margin-top: 20px !important;
}


.trp-shortcode-switcher {
	padding: 0px !important;
}
.trp-shortcode-switcher .trp-language-item {
	padding: 10px 10px;
}

/*************** ************* ************* ************* ************* ************* END SGD CUSTOM ************* ************* ************* ************* ************* ************* /
 



/*************** HEADER CT ***************/

.header-inner .flex-col .nav-left {
    justify-content: center;
}
.header-inner .flex-col .nav-left>li {
    display: inline-block;
    list-style: none;
    margin: 0 7px;
    padding: 0px 12px;
    transition: background-color .3s;
}
.header-nav-main .menu-item .nav-top-link {
	font-size: 16px;
    padding: 6px 10px;
    font-family: phudu-me !important;
    font-weight: 300;
}



/*************** FOOTER CT ***************/

.footer-tgp {
	margin-top: 40px;
}
.absolute-footer {
	display: none;
}
.footer-tgp .col-logo p {
	text-align: center;
	margin-bottom: 25px;
}
.footer-tgp .col-logo a {
	padding: 5px;
	border-radius: 10px;
	border: 1px solid rgb(255 255 255 / 0%);
	display: block;
	transition: 0.3s;
}
.footer-tgp .col-logo a:hover {
	border: 1px solid white;
	transition: 0.3s;
}
.footer-tgp .col-cty .ten-cty {
	font-family: phudu-me !important;
	font-size: 28px;
}
.row-ky-ten-sgd {
	border-top: 1px solid #ffffff45;
    padding: 10px;
}
.contain-chu-ky {
	display: flex;
	justify-content: space-between
}
.contain-chu-ky p {
	display: block;
}
.contai-social-ft {
	display: inline-flex;
    justify-content: center;
}


/*************** HOME PAGE ***************/

.row-banner-home .col-banner-home .col-inner {
	border-radius: 0px 0px 50px 50px;
    overflow: hidden;
}

.col-gioithieu-home .col-inner .name-congty {
	text-align: center;
	font-family: phudu-me !important;
	color: #015e5e;
    font-size: 40px;
}
.cta-sgd {
    display: flex;
    justify-content: space-evenly;
	margin-top: 5%;
}
.cta-tgp {
    display: block;
    background-color: #015e5e;
    color: #fff;
	font-size: 14px;
    padding: 5px 25px;
    text-decoration: none;
    transition: .3s ease;
	border-radius: 100px;
	width: max-content;
}
.cta-tgp:hover {
    background-color: #1069b1;
	color: white;
}

.col-gioithieu-home-img .col-inner {
	display: flex;
	justify-content: center;
}
.sec-bg-xanh-move-top .section-bg {
	margin-top: -32vh !important;
	height: auto !important;
}
.row-gioithieu-home {
	margin-bottom: 40px;
}
.col-tieu-de .col-inner .tieu-de-cap {
	font-family: phudu-me !important;
	font-size: 40px;
	color: white;
}
.row-doc-gi .tieu-de-cap {
	text-align: left !important;
}
.col-tieu-de .col-inner .sub-tieu-de {
	color: #1069b1;
	margin-bottom: 35px;
	font-size: 26px;
	text-align: center;
}
.san-pham-nb-chung .col-inner .product-small {
	background-color: white;
	border-radius: 15px;
	overflow: hidden;
}
.box-text-products .title-wrapper .product-title {
	text-align: center;
	font-family: muli-b !important;
	font-weight: 800;
	font-size: 12px;
	color: #015e5e !important;
	text-transform: uppercase;
}
.box-text-products .title-wrapper .product-title:hover {
	color: #1069b1;
}

.dark .price, .dark .price del, .dark span.amount {
	color: #1069b1;
	font-family: muli-re;
}
.row-kai-yen .col-kai-yen {
	position: absolute;
    bottom: 84px;
    width: 26%;
}
.space-to-yen {
	margin: 10px 5px !important;
}
.decor-space {
	margin-bottom: 110px !important;
}
.col-inner .tieu-de-cap {
	font-size: 40px;
	font-family: phudu-me !important;
	color: #015e5e;
}
.number-gp, .number-gp-1, .number-gp-2 {
	text-align: center;
}
.number-gp {
	font-size: 60px;
    font-family: phudu-me !important;
    color: #1069b1;
}
.number-gp-1 {
	font-weight: 900;
	text-transform: uppercase;
}
.col-doi-tac .col-inner .tieu-de-cap {
	color: white;
}
.col-doi-tac .col-inner .sub-doi-tac {
	text-align: center;
}
.col-doi-tac .col-inner .sub-tieu-de {
	margin-top: 15px;
	margin-bottom: 30px;
	text-align: center;
}
.col-doi-tac .gallery-col .col-inner .gallery-box {
	border-radius: 15px;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
	overflow: hidden;
}
.col-doi-tac .gallery-col .col-inner .gallery-box .box-image .overlay {
	background-image: linear-gradient(to bottom, #015e5e00, #1069b1) !important;
    background-color: unset !important;
}
.col-doi-tac .gallery-col .col-inner .gallery-box .box-text {
	padding: 15px;
	bottom: 0;
	transition: 0.3s;
}
.col-doi-tac .gallery-col .col-inner .gallery-box:hover .box-text {
	bottom: 30%;
	transition: 0.3s;
}
.col-doi-tac .gallery-col .col-inner .gallery-box .box-text p {
	text-align: center;
}
.cta-blog {
	display: flex;
    justify-content: end;
}
.bai-moi-home .flickity-viewport .flickity-slider .post-item .col-inner .box-blog-post {
	background-color: white;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}
.bai-moi-home .flickity-viewport .flickity-slider .post-item .col-inner .box-blog-post .box-text {
	padding: 15px 20px;
}
.box-blog-post .box-text .button {
	border-radius: 100px;
	transition: 0.2s;
}
.box-blog-post .box-text .button:hover {
	background-color: #1069b1;
	transition: 0.2s;
}
.bai-moi-home .flickity-viewport {
	overflow: unset !important;
}
.bai-moi-home .flickity-viewport .flickity-slider .post-item {
	opacity: 0.5;
}
.bai-moi-home .flickity-viewport .flickity-slider .is-selected {
	opacity: 1 !important;
}
#product-sidebar .hide-for-off-canvas .next-prev-thumbs {
	display: none;
}
.col-head-page .col-inner .head-page-tgp {
	font-family: phudu-me !important;
	font-size: 45px;
}
.sec-tam-nhin .section-content {
	padding-top: 50px !important;
}
.tieu-de-h2 {
	font-family: phudu-me !important;
	font-size: 40px;
	color: #015e5e;
}
.xuong-dong {
	padding-left: 50%;
}
.col-gtcl .tieu-de-h2 {
	text-align: center;
}
.icon-box-gtcl .gtcl-list {
	text-align: center;
	text-transform: uppercase;
}
.icon-box-gtcl .mota-gtcl {
	text-align: center;
}
.col-slogan .slogan-tgp {
	font-size: 40px;
	font-family: phudu-me !important;
	color: #83c8ff;
	margin-top: 45px;
	text-align: center;
}
.sec-slogan {
    position: relative !important;
    overflow: visible !important;
}
.sec-slogan .section-top {
    transform: rotate(180deg) !important;
    transform-origin: center!important;
}
.sec-slogan .section-top {
    top: -1px !important;
}
.row-ly-do .tieu-de-h2 {
	text-align: center;
}
.list-ly-do {
	text-transform: uppercase;
}
.icon-box-ly-do-right .list-ly-do, .icon-box-ly-do-right p {
	text-align: right;
}
.img-quy-trinh .gallery-box .box-image {
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}
.sec-quy-trinh-4buoc .img-moving {
	position: absolute;
    top: 0px;
    right: 0px;
}
.sec-quy-trinh-4buoc  .section-content  {
	padding-top: 4%;
    padding-bottom: 4%;
}
.col-04-buoc .tieu-de-cap {
	text-align: left !important;
}
.contai-buoc .buoc {
	font-size: 50px;
	color: #1069b1;
	font-family: phudu-me !important;
}
.contai-buoc h3 {
	text-transform: uppercase;
}
.col-cam-ket .sub-doi-tac {
	text-align: center;
}
.row-cam-ke-gp {
	margin-bottom: 40px;
}
.img-cam-ket .img-inner {
	border-radius: 15px;
	overflow: hidden;
}
.icon-box-cam-ket {
	margin-bottom: 20px;
}
.icon-box-cam-ket .icon-box-text h3 {
	text-transform: uppercase;
}
.sec-dang-ky .row-dang-ky {
	margin-top: 5%;
    margin-bottom: 3%;
}
.sec-dang-ky .row-dang-ky .col-inner {
	background-color: #d7ebfd;
	padding: 40px;
	border-radius: 20px;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
}
.sec-dang-ky .hoa-tiet-top {
	position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}
.sec-dang-ky .hoa-tiet-botom {
	position: absolute;
    left: 0;
	bottom: 0;
    z-index: -1;
}
.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .ado-form-cont-flex .ado-col-30 {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
}
.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .ado-form-cont-flex .ado-col-30 .input-col {
	width: 49%;
}
.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .gui-ngay-f {
	display: flex;
    justify-content: center;
}
.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont i {
	left: 0px;
	background-color: #1069b1;
}
.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .wpcf7-form-control-wrap input, .sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .wpcf7-form-control-wrap textarea {
	background-color: unset;
	border-bottom: 1px solid #015e5e82;
}
.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .wpcf7-submit {
	background-color: #013f6e;
	margin-right: 0px;
    margin-top: 10px;
	transition: 0.3s;
}
.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .wpcf7-submit:hover {
	background-color: #1069b1;
	transition: 0.3s;
}
.box-blog-post .box-image {
	border-radius: 15px;
	overflow: hidden;
}
.blog-noi-bat-nhat .post-item .box-blog-post {
	background-color: #d7ebfd;
	border-radius: 15px;
}
.row-lien-he-hen {
	margin-top: 5%;
    margin-bottom: 3%;
	background-color: #ffffff;
	padding: 50px;
	border-radius: 20px;
	box-shadow: 0px 16px 24px rgb(0 0 0 / 10%);
	z-index: 1;
}
.img-to-yen-move-le {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.img-to-yen-move-ph {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.row-lien-he-hen .col-cta-hen {
	height: stretch;
	padding: 0px 50px 0px 0px;
}
.row-lien-he-hen .col-cta-hen .col-inner {
	background-color: #015e5e;
	height: stretch;
	padding: 30px;
	border-radius: 15px;
}
.row-lien-he-hen .col-cta-hen .col-inner  .cta-hen {
	color: white;
	font-size: 24px;
	margin-bottom: 30px;
}
.icon-box-hen .icon-box-text .info-lien {
	color: white;
}
.icon-box-hen .icon-box-text {
	display: flex;
    flex-direction: column;
    justify-content: center;
}
.row-lien-he-hen .col-cta-hen .col-inner .ten-cty-lien-he {
	color: white;
	font-size: 30px;
	font-family: phudu-me !important;
}
.row-lien-he-hen .col-form-dang-ky {
	padding-bottom: 0px;
}
.row-lien-he-hen .col-form-dang-ky .ado-form-cont i {
	left: 0px;
	background-color: #015e5e;
}
.row-lien-he-hen .col-form-dang-ky .ado-form-cont .wpcf7-form-control-wrap input, .row-lien-he-hen .col-form-dang-ky .ado-form-cont .wpcf7-form-control-wrap textarea {
	background-color: unset;
	border-bottom: 1px solid #015e5e36;
}
.row-lien-he-hen .col-form-dang-ky .ado-form-cont .wpcf7-submit {
	background-color: #013f6e;
	margin-right: 0px;
    margin-top: 10px;
	transition: 0.3s;
}
.row-lien-he-hen .col-form-dang-ky .ado-form-cont .wpcf7-submit:hover {
	background-color: #1069b1;
	transition: 0.3s;
}
#shop-sidebar .widget {
    padding: 0px;
}
#shop-sidebar .widget .product-categories, #shop-sidebar .widget .product_list_widget {
	padding: 0px 15px;
}
#shop-sidebar .widget .widget-title  {
	border-radius: 0px;
	padding-left: 15px;
}
.price-wrapper .price .woocommerce-Price-amount, .price-wrapper .price {
	color: red !important;
}

/*************** TIN TUC & BLOG SGD ***************/

.blog-single, .blog-archive {
	background-color: #f5f5f5;
}
.blog-single .post, .relatedcat, #post-list {
	background-color: white;
	padding: 3%;
    border-radius: 5px;
    overflow: hidden;
}
.product-section-title {
    text-align: center;
    font-family: 'phudu-me' !important;
    font-size: 28px;
    color: #015e5e;
}
.widget_media_image .image {
	border-radius: 5px;
	overflow: hidden;
}



@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	
.flickity-page-dots {
    bottom: 25px;
	left: 5%;
	right: 5%;
}
	.row-banner-home .col-banner-home .col-inner {
	border-radius: 0px 0px 20px 20px;
    overflow: hidden;
}
	.off-canvas-left .mfp-content {
		background-color: white;
		box-shadow: none;
	}
	.nav>li>a {
        font-size: 18px;
        color: #015e5e;
        font-family: 'phudu-me';
        font-weight: 300;
	}
	.nav-vertical>li>ul li a {
    color: #4a4a4a;
    transition: color .2s;
    font-family: 'phudu-me';
    font-size: 16px;
	}
	.nav>li.active>a {
		color: hsl(180deg 97.89% 18.63%);
	}
	.product-info button {
    width: 68%;
	}
	.col-gioithieu-home .col-inner .name-congty {
    font-size: 30px;
	}
	.col-tieu-de .col-inner .tieu-de-cap {
    font-size: 32px;
	}
	.cta-blog {
    display: flex;
    justify-content: flex-start;
	}
	.sec-bg-xanh-move-top .section-bg {
    margin-top: -25vh !important;
	}
	.row-kai-yen .col-kai-yen {
    position: absolute;
    bottom: 0px;
    width: 50%;
	}
	.tieu-de-h2 {
    font-size: 28px;
	}
	.xuong-dong {
    padding-left: 40%;
	}
	.sec-slogan {
		margin-top: -20px;
	}
	.col-slogan .slogan-tgp {
    font-size: 26px;
	}
	.icon-box-ly-do, .icon-box-ly-do-right {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.icon-box-ly-do .list-ly-do, .icon-box-ly-do p {
		text-align: center;
		padding: 5px 65px;
	}
	.text-right>div>div {
		margin-left: unset;
	}
	.icon-box-ly-do-right .list-ly-do, .icon-box-ly-do-right p {
		text-align: center;
		padding: 5px 65px;
	}
	.col-quy-trinh .tieu-de-h2 {
		margin-bottom: 30px;
	}
	.col-head-page .col-inner .head-page-tgp {
    text-align: center;
	}
	.col-inner .tieu-de-cap {
    font-size: 28px;
}
	.row-tinh-hoa {
		padding-top: 30px;
	}
	.img-moving {
    width: 26% !important;
}
	.sec-quy-trinh-4buoc .section-content {
    padding-top: 15%;
    padding-bottom: 4%;
    padding-left: 6%;
    padding-right: 6%;
}
	.col-cam-ket {
		padding-top: 10%;
	}
	.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .ado-form-cont-flex .ado-col-30 {
    flex-direction: column;
}
	.sec-dang-ky .row-dang-ky .col-inner .ado-form-cont .ado-form-cont-flex .ado-col-30 .input-col {
    width: 100%;
}
	.row-td-tin .cta-blog {
		display: flex;
        justify-content: end;
	}
	.blog-noi-bat-nhat .box-blog-post .box-text {
		padding: 20px;
	}
	.row-lien-he-hen .col-cta-hen {
    padding: 0px 0px 0px 0px;
}
	.row-lien-he-hen {
    padding: 20px;
	}
	.row-lien-he-hen .col-form-dang-ky {
    padding-top: 10%;
}
	.nav-icon .header-button .button .hide-for-small {
		display: block !important;
		color: white !important;
		padding-right: 0px;
	}
	.nav-icon .header-button .button {
    font-size: 14px;
    display: flex;
		padding: 5px;
}
	.nav-icon .header-button .button i {
    font-size: 25px;
    line-height: 25px;
}
	.add_to_cart_button {
    display: block !important;
    padding: 3px;
}
	.contain-chu-ky {
    flex-direction: column;
    align-items: center;
}
	.contain-chu-ky p {
    text-align: center;
    font-size: 14px;
}
	.row-td-tin .col-inner .tieu-de-cap {
		font-size: 24px !important;
	}
	.row-td-tin .cta-blog .cta-tgp {
		padding: 5px 15px !important;
	}
	
	
	
	
	
	
	
	
	
	
	
	

}