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

/*************** ADD CUSTOM CSS HERE.   ***************/

.product-column .col-inner  {
  background: url('https://hiya.vs.id.vn/wp-content/uploads/2025/07/Frame.png') no-repeat center top;
  background-size: 100% 95%; /* hoặc cover tùy nhu cầu */
  padding: 15px 10px; /* khoảng cách trong */
  text-align: center;
}
.product-column .col-inner img {
  max-width: 100%;
  height: auto;
}

/* box sản phẩm*/
.fill{
  background-image: url('https://hiya.vs.id.vn/wp-content/uploads/2025/07/bg-sp.png');
  background-size: cover; /* phủ kín màn hình */
  background-repeat: no-repeat; /* không lặp lại */
  background-attachment: fixed; /* cuộn cố định */
  background-position: center center; /* căn giữa */
}

.box-blog-post .box-text .button {
  display: inline-block;
  position: relative;
font-family: Montserrat;
tex-transform: 
  font-size: 12px;
  text-decoration: none;
  padding-right: 28px; /* Chừa chỗ cho icon */
  font-weight: 500;
  color: #15573c;
  text-transform: capitalize;
}
a.button.primary.is-large.buthome::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('https://hiya.vs.id.vn/wp-content/uploads/2025/07/buttom.svg') no-repeat center/cover;
  background-color: transparent;
  z-index: 0; /* Nền ở dưới */
  color: #fff;
}
.button.primary.is-large.buthome span {
  position: relative; /* Chữ ở trên nền */
  z-index: 1;
}

.btn-background {
  position: relative; /* Để pseudo-element nằm đúng vị trí */
  display: inline-block;
  padding: 12px 24px;
  font-size: 18px;
  color: #fff;
  border: none;
  cursor: pointer;
  overflow: hidden; /* Ẩn phần background thừa */
  background: none; /* Xóa background mặc định */
}

.btn-background::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('https://hiya.vs.id.vn/wp-content/uploads/2025/07/buttom.svg') no-repeat center/cover;
  z-index: 0; /* Nền ở dưới */
}

.btn-background span {
  position: relative; /* Chữ ở trên nền */
  z-index: 1;
}


.box-blog-post .box-text .button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 20px;  /* Kích thước icon */
  height: 20px; /* Kích thước icon */
  background-image: url('https://hiya.vs.id.vn/wp-content/uploads/2025/07/next.svg'); /* Đường dẫn file icon */
  background-size: contain;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
}

.box-text .button:hover::after {
  transform: translate(4px, -50%); /* Di chuyển icon khi hover */
}

.video__button__popup .button{padding: 0px}
span.widget-title {
    color: #036aad;
    font-size: 21px;
	border-bottom: 1px solid;
}
p.name.product-title.woocommerce-loop-product__title a {font-size: 23px; font-family: Montserrat; font-weight:700 }
.cnbox5 .large-3 {
        flex-basis: 20%;
        max-width: 20%;
    }
.cnbox5 .box-text p{color: #27546E; font-size: 23px;}	
.spblog3 p.name.product-title.woocommerce-loop-product__title{tex-transform: uppercase;}
.spblog3 .box-text.box-text-products.text-center.grid-style-2 > .price-wrapper > span > span > bdi, .price-wrapper del span.amount, .price-wrapper ins .woocommerce-Price-amount{font-size: 22px !important}
.img345{max-width: 244px;width: 244px; left: -81px}

.product-footer .woocommerce-tabs.wc-tabs-wrapper.container.tabbed-content {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}
.box3ko h3{text-transform: uppercase; font-weight: 900; }

.product-footer li#tab-title-description{font-size: 20px;}
.boxtin h5.post-title{font-size: 20px; color:#0B72B4}
.boxtin a.button.is-link{text-transform: capitalize; color: #001A72; font-size: 13px; font-weight: 400}

.boxtin .box {
    background: #fff;
    border-radius: 15px;
		padding: 18px;
		height: 389px;
}
.box1 {
    background: #EACAAD;
    border: 4px solid #15573C;
    border-radius: 30px;
}
.box1 h3{		text-transform: uppercase;
		font-size:22px;
		font-weight: 700;
		padding: 20px; margin-bottom:0px;}
.home1 .box2 {
    background: #15573C;
    border-radius: 0px 0px 30px 30px;
    padding: 10px;
    width: 83%;
}.home1 .box2:hover {
    background: #328f69;

}

.home1 .box2 .box-image {
    padding-top: 13px;
}
ul.header-nav.header-nav-main.nav.nav-left.nav-spacing-xlarge {
    background-image: url(https://hiya.vs.id.vn/wp-content/uploads/2025/07/Rectang74.png) ;
		background-repeat: no-repeat, repeat;
		height: 79px;
		padding-left: 50px
}
.nav-spacing-xlarge>li {
    margin: 0 22px;
}
.header-nav-main.nav > li > a {
    font-size: 18px;
    font-weight: 400;
		
}
.box2 .box-text p{font-size: 15px;}
.tithome .section-title b {
		background-color: #EACAAC; opacity:unset;}
.tithome .section-title span{font-size: 46px}
.tithome h3.section-title.section-title-center {
    margin: 30px 0px;
}
.sanpham .section-bg.fill{border-radius: 80px}
.texth34 h3{font-size: 52px;}
.texth34 p{font-size: 21px; font-weight:lighter}
.sec-tion2 {
    margin-top: -491px !important;
}
.section-4 h4{font-size: 24px; font-weight: 500; color:#fff}
.section-4 p{font-size: 34px; font-style: italic; color:#fff;font-weight: lighter;}
.section-4 .box-text{margin-top: 30px;}
.text-sec-3 p {
    font-size: 52px; margin-bottom: 0px
}
.bloghome h3{font-size: 59px;margin-bottom:0px}
.bloghome .col-inner .box{background: #F4E9D6; border-radius: 10px; padding: 15px;}
.bloghome h5{color:#15573C; font-size: 26px; font-family: Montserrat; font-weight: 600}
#tab-tab1 a{ 
background: url(https://hiya.vs.id.vn/wp-content/uploads/2025/07/tab1.png) no-repeat center;

		background-size: 100% 100%;
		border-radius: unset;
		display:grid;
		text-align: center;
		background-color: transparent;
		color: #fff;
		font-size: 30px !important; font-weight: 400;
}

#tab-tab2 a{ 
background: url(https://hiya.vs.id.vn/wp-content/uploads/2025/07/tab2.png) no-repeat center;
background-size: 100% 100%;
		border-radius: unset;
		text-align: center;
		background-color: transparent;
		color: #fff;
		margin: 0px 20px;
		font-size: 30px !important; font-weight: 400;
}
.tab-sp {margin-top: -78px; }
.tab-panels {
    padding-top: 60px;
		
}
.home #main {background: #15573C}
.cntext21 h3{font-size: 60px;margin-bottom:0px; font-weight: 400;}
.cntext21 p{font-size: 24px;}
.boxtin .box img{    border-radius: 10px;}
.nav-column>li>a, .nav-dropdown>li>a{color: #000;}
.boxtin .box-text .button,.boxtin p.cat-label{color: #000; font-size: 13px;margin: 0px;font-family: Montserrat; text-transform: capitalize}
.woocommerce-variation-add-to-cart>*, form.cart>*{flex: 1 1 30%;}
.d_form_mn, .woocommerce-result-count, .woocommerce-ordering, .woocommerce-ordering select, .related.related-products-wrapper.product-section .add-to-cart-button,.spblog3 .add-to-cart-button {display: none !important;}
.banner4{
    background: #ffe4a6;
}
.shark {
  display: inline-block;
  animation: floatShake 3s ease-in-out infinite;
}

@keyframes floatShake {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(1px, -3px) rotate(1deg); }
  50% { transform: translate(-1px, 3px) rotate(-1deg); }
  75% { transform: translate(1px, -2px) rotate(0.5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes moveTurtle {
  0% {
    transform: translateX(-120px); /* Bắt đầu từ ngoài khung trái */
  }
  100% {
    transform: translateX(100vw); /* Kết thúc ngoài khung phải */
  }
}

.rua img.attachment-original.size-original {
  animation: moveTurtle 20s linear infinite;
  position: relative;
	max-width: 10%;
	left: -250px !important;
  
}
@keyframes moveOctopusLoop {
  0% {
    transform: translateX(0); /* Bắt đầu ngoài cùng bên phải */
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    transform: translateX(-25vw); /* Giữa màn hình */
    opacity: 1;
  }
  70% {
    transform: translateX(-25vw); /* Dừng tại giữa 1 lúc */
    opacity: 1;
  }
  100% {
    transform: translateX(0); /* Quay về phải */
    opacity: 0;
  }
}
.bachtuoc{
  position: absolute;
max-width: 10%;
right: -250px !important;
animation: moveOctopusLoop 16s ease-in-out infinite;
}

.banner3 {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffe4a6 70%) !important;
}

.boxlh4 .col-inner {
    border: 3px solid #ccc;
    border-radius: 20px;
    padding: 20px;
height: 541px;

}
.boxlh4 .primary, input[type=submit], input[type=submit].button {background-color: #F2B660; border-radius: 10px}
.textsp h3 {
    font-size: 59px;
    color: #0B72B4;
		margin-bottom: 10px;
		font-weight: 800;
}
.textsp p {
    font-size: 22px;
    color: #000;
	font-family: Montserrat;
}
.chungnhan2 .icon-box-text p {
    color: #000;
	font-family: Montserrat;
	font-size: 16px;
}
.boxlh5 .col-inner {
    border: none !important; padding: 0px !important;
}
.boxlh5 p{margin-bottom: 0px;line-height: 19px;padding: 0px !important}
.boxlh5 .icon-box{margin-bottom: 20px}
.see-more a.button {
    border-radius: 20px;
    font-weight: 400;
}
.tnb1 h3 ,.tnb2 h3{
    font-size: 33px;
    font-weight: 900;
}
.tnb1 p,.tnb2 p {
    font-size: 23px;color: #000
}
.hoidap .tnb2 h3{text-transform: uppercase; color:rgb(11, 114, 180) }
.cacm {
    right: 0px;
    bottom: -12%;
    position: absolute;
}
.hoidap a.plain{font-size: 28px;}
.thongtin {
	display: inline-block;
    text-align: center;
    width: 48%;
}
.hoidap .accordion-title.active {
background-color: #FAF4AA;
}
.camnhan .testimonial-box {
    border: 3px solid rgb(11, 114, 180);
    border-radius: 20px;
    padding: 10px;
}
.camnhan strong.testimonial-name.test_name {
    color: #167ac6;
    font-size: 24px;
}

.camnhan span.testimonial-company.test_company{color: #167ac6;}
.hoptac1 .fill{top: -264px; }
.thongtin a:hover,.add-to-cart-button .button.is-outline:hover,.primary.is-small.mb-0.button.product_type_variable.add_to_cart_button.is-outline:hover {
	border: 2px solid #328ECD !important;
    background-color: #fff;
    color: #009245;

}
.thongtin a{
    padding: 10px 17px;
    background-color: #328ECD;
    color: #fff;
    border-radius: 99px;
	text-transform: none; font-size: 16px;font-weight: 400
}

.add-to-cart-button .button.is-outline, 
.add-to-cart-button input[type=button].is-outline, 
.add-to-cart-button input[type=reset].is-outline,
.add-to-cart-button input[type=submit].is-outline,
.primary.is-small.mb-0.button.product_type_variable.add_to_cart_button.is-outline{
	padding: 4px 17px;background-color: #FBB656; border-radius: 99px; border: 0 !important; color: #fff; margin-top: 0px !important; text-transform: none; font-size: 16px; font-weight: 400
	}
.add-to-cart-button { 
display: inline-block;
text-align: center;
width: 48%;
}
/*p.box-excerpt {display: block; margin-top: -65px}*/

.bannerhome {
    background-color: #e3f4fc;
}
.hotline .icon-box-text span {
    color: #0B72B4;
}
.header-search .icon-search:before {

    color: #fff;
}

#footer .section-bg.fill  {
  background: url('https://hiya.vs.id.vn/wp-content/uploads/2024/07/Artboard5-scaled.png') no-repeat center top;
  background-size: 100% 100%; /* hoặc cover tùy nhu cầu */
  top:-90px;
}
#footer .section-bg.fill img {
  max-width: 100%;
  height: auto;
}

#footer a{color:#000}
#footer a:hover{color:#15573C !important}
#footer{background:#f6f3d1}
.txt-banner h3{font-family:Beautique Display; font-weight: 700; text-shadow: 0 4px 4px rgba(0,0,0, 0.5); font-size: 54px; padding: 20px 0px 10px 0px}

#footer .ft22 p {
    margin-bottom: unset;
}

.blogt1 p, .textbt2 h2 {
    margin-bottom: 0; 
}
#footer .dark p{color: #fff !important;margin-bottom: 0; font-size: 20px; }
.footer-wrapper{font-family: Montserrat !important; z-index: 1000}
#footer .ttin p {
    font-size: 16px !important;
}
.footer-wrapper h3{font-size: 22px; font-weight: 600}
.textbt1 h2 {font-size: 42px;}
.textbt2 h2{font-size: 27px;}
.blogt1 h3 {
    font-size: 34px !important;
}
.blogt2 a.plain{color: #fff; font-size: 19px}
.blogt2 .post-meta.is-small.op-8,.blogt2 p.cat-label.is-xxsmall.op-7.uppercase{color: #fff;     opacity: unset;}
.blogt1 .box-text a.plain{font-size: 18.92px; color: #000}
.post-item img.attachment-medium.size-medium.wp-post-image {
    border-radius: 15px;
}
.textbt2 {
    background: #15573C;
    padding: 10px 20px;
    border-radius: 19px;
	margin-bottom: 35px;
}

.banner1{z-index:999}

.cntit232 h3{font-size: 40px; color: #0B72B4; font-weight: 800}
.banner2 {
    z-index: 0;
}

.textspbo h3{font-size: 46px; color: #4C9CD3;margin-bottom: 0px;}
.textspbo p{font-size: 22px}
.tnbox1 {
  background-image: url('https://sgox.vn/binky/wp-content/uploads/2025/05/bgtrainghiem.png');
  background-repeat: no-repeat;
  background-size: contain; /* ⚠️ Thay vì cover */
  background-position: center top;
  background-color: #fff7ed; /* màu nền khớp với hình để tránh lộ khoảng trắng */
  width: 100%;
  aspect-ratio: 3/1; /* ⚠️ giữ tỉ lệ hình ảnh - điều chỉnh nếu cần */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  margin: 2rem 0;
}
.tieudehd p{margin-bottom: 0px;}
.banner2:after {
    content: '';
    display: block;
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    height: 800px;
    background: url(https://sgox.vn/binky/wp-content/uploads/2025/04/Group.png) top center no-repeat;
    background-size: 100%;
}


.cnbox5:after {
    position: absolute;
    bottom: -310px;
    width: 100%;
    height: 915px;
    background: #fdeeda;
 
}
.banner3:after {
    content: '';
    display: block;
    position: absolute;
    top: -110px;
    left: 0;
    width: 100%;
    height: 915px;
    background: url(https://sgox.vn/binky/wp-content/uploads/2025/04/backgroup3.png) top center no-repeat;
    background-size: 100%;
 
}
.chungnhan::after {
    content: '';
    display: block;
    position: absolute;
    top: -300px;
    left: 0;
    width: 100%;
    height: 915px;
    background: url(https://sgox.vn/binky/wp-content/uploads/2025/04/bg301.png) top center no-repeat;
    background-size: 100%;
 
}
.header-nav.header-nav-main.nav.nav-left.nav-size-medium.nav-spacing-medium {
  justify-content: right;
  padding-right: 30px;
}
.d_bich {
display: none !important;
}

.button.buy_now_button {
border-radius: 10px;
background: #FBB656 !important;
color: #fff;
}
.buttonmua {
display: none;
}

.d_blockk {
position: absolute;
}
.d_blockk::before {
background: url('https://sgox.vn/binky/wp-content/uploads/2024/08/Group-283.png');
background-size: contain;
background-repeat: no-repeat;
width: 270px;
height: 125px;
content: '';
position: absolute;
z-index: -1;
left: -50px;
top: -52px;
}
.d_blockk {
z-index: 11111111111111;
}

.d_bg_size > .bg {
  background-size: 100% 100% !important;
}
.nav.header-nav.header-bottom-nav.nav-left.nav-uppercase > li > a {
margin-right: 20px;
}
.d_icon_mc::before {
background: url("https://sgox.vn/binky/wp-content/uploads/2024/08/Frame-12.png");
content: "";
width: 50px;
height: 35px;
position: absolute;
background-size: 100% 100%;
left: -5%;
}
#woocommerce-product-search-field-0 {
color: #000 !important;
border: 1px solid #646464 !important;
}
#menu-ve-lobo {
margin: unset !important;
}
#menu-ve-lobo > li > a {
color: #646464;
}
#menu-menu-sanpham > li > a {
color: #646464 !important;
}
#menu-menu-huongdan > li > a {
color: #646464 !important;
}
#woocommerce-product-search-field-0 {
background: #fff !important;
}
.icon-search {
color: #646464 !important;
}
.nav.header-nav.header-bottom-nav.nav-left.nav-uppercase {
justify-content: center !important;
}
.flex-col.hide-for-medium.flex-left {
width: 100%;
}
#menu-menu-vetical {
display: flex;
}
.col.lagre-12.d_col_12 {
padding-bottom: unset !important;
}
.d_form_mn {
background: #F0F8FB;
}
#menu-menu-vetical > li:nth-child(1) > a {
color: #708C00;
background: #E4EBA8;
}
#menu-menu-vetical > li:nth-child(2) > a {
background: #FEF2C8;
color: #DC9100;
}
#menu-menu-vetical > li:nth-child(3) > a {
color: #406CAB;
background: #D3EAF2;
}
#menu-menu-vetical > li:nth-child(4) > a {
background: #F6CED7;
color: #DB5878;
}
.d_blockk {
width: auto;
}

.nav.nav-outline.nav-normal.nav-size-normal.nav-center > .active > a > span {
  color: #fff;
}
.nav.nav-outline.nav-normal.nav-size-normal.nav-center > .active > a {
color: #000 aliceblue;
color: #000 !important;
background: #406CAB !important;
}
#menu-menu-vetical > li > a {
padding: 10px 20px;
border-radius: 50px;
	font-weight:bold ;
min-width: 260px;
text-align: center;
}
.d_bg_home > div > div > .product-small > .col-inner {
box-shadow: unset !important;
}
.d_bg_home > div > div > .product-small > .col-inner > .d_bich {
display:flex !important;}
.d_bich > p {
font-size: 14px;
padding: 0 20px;
line-height: 2.3;
}

.d_bg_home > div > div > .product-small > .col-inner {
background: unset !important;
}
.button.add_to_cart_button::before {
display: inline-block;
font-family: FontAwesome;
float: left;
content: "\f217";
font-weight: 300;
margin-right: 5px;
}
#menu-menu-vetical > li > a {
text-transform: uppercase;
}
.d_bich {
display: flex;
justify-content: space-evenly;
}
.d_bich > p {
margin: unset !important;
background: #fff;
border-radius: 20px;
}
.d_row_menu.row {
background: #F0F8FB !important;
padding: 15px 0;
}
#menu-menu-vetical {
margin-bottom: unset !important;
}
#menu-menu-vetical {
justify-content: space-between;
}
.header-nav.header-nav-main.nav.nav-right.nav-spacing-medium.nav-uppercase > li > a {
color: #646464;
}
.d_icon {
position: absolute;
top: 0;
left: -147px;
}
.row.d_row_chuyenmuc > .col {
padding-bottom: unset !important;
background: #fff;
}
.d_form_lx {
text-align: center;
justify-content: center;
}
.d_ddd {
background: #fff;
}
.d_form_lx {
padding: 10px 0;
}
.category-item {
margin-left: 15px;
}
.category-item > a {
font-weight: bold;
}
.d_form_lx {
display: flex;
}
.category-item > img {
width: 30px;
}
.category-item > a {
display: block;
}
.d_pading_bottom {
padding-bottom: 0 !important;
}
/* .flickity-slider > .col >.col-inner {
border-radius:20px !important;}
.flickity-slider > .col >.col-inner > .badge-container  > .d_boderr {
border-radius:20px !important;}
.product-small.box.d_boderr.has-hover.box-normal.box-text-bottom {
border-radius: 20px;
} */
.d_iconts {
position: absolute;
top: 250px;
left: -190px;
}
.col-inner.has-border {
border-radius: 20px;
}
#place_order {
background: #e8486f;
padding: 5px 50px;
}
.woocommerce-billing-fields {
border-top: unset !important;
}
.d_fomr_thanhcong {
text-align: center;
}
.d_fomr_thanhcong > img {
width: 400px;
}
.btn_xong {

background: #00a8db;
width: max-content;
text-align: center;
padding: 10px 30px;
border-radius: 100px;
color: #fff;
font-weight: bold;
}

.d_fomr_thanhcong {
display: flex;
flex-direction: column;
align-items: center;
}
.d_fomr_thanhcong > h2 {
color: #006f9d;
font-weight: bold;
font-size: 30px;
text-transform: uppercase;
}
.d_fomr_thanhcong {
background-image: linear-gradient(#fae9eb, #a1dffe);
padding: 20px;
border-radius: 20px;
}

.d_fomr_thanhcong > p {
color: #00a8db;
font-size: 18px;
}



.box-text.box-text-products.text-center.grid-style-2 > .price-wrapper > span > span > bdi, .price-wrapper del span.amount, .price-wrapper ins .woocommerce-Price-amount{color: #4996D1; font-family: Montserrat; font-size: 25px;}
.banner3 .row-slider .flickity-page-dots {
    bottom: -26px !important;
}

.d_boder_nam > .col-inner {
border: 1px solid #406CAB;
}
.dbg_1 {
  position: absolute;
  right: 17%;
  top: 30%;
}
.d_may {
position: absolute;
right: 0;
bottom: 0;
}
.d_boder_nam > .col-inner::before {
content: '';
background: url('https://sgox.vn/binky/wp-content/uploads/2024/08/Layer_1.png');
width: 74px;
height: 23px;
position: absolute;
top: -17px;
background-repeat: no-repeat;
}
.is-form.expand.button {
color: #fff;
}
.col-inner.has-border {
background: #D3EAF2;
}
.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.d_nhap {
border-radius: 50px;
}
.relatedcat > p {
font-size: 27px;
font-weight: bold;
background: rgb(50, 142, 205);
border-radius: 20px;
padding: 15px 30px;
color: #fff;
margin-bottom: 10px
}
.d_form_dkk > p {
display: flex;
padding: 5px;
border: 1px solid #646464;
border-radius: 50px;
}
.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.d_nhap {
margin-bottom: unset !important;
	border: unset !important;
box-shadow: unset !important;
box-sizing:unset !important;
border: unset !important;
}
.thwvsf-wrapper-ul .thwvsf-wrapper-item-li.thwvsf-label-li {
border-radius: 20px;
}
.thwvsf-wrapper-ul .thwvsf-wrapper-item-li {
height: 30px !important;
}
#dangky {
margin: unset !important;
border-radius: 50px;
background: #646464 !important;
}
.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.d_nhap {
}
.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email.d_nhap {
color: #646464 !important;
}
.row.related-post {
padding-top: 20px;
}
.product-page-price .product-title.product_title.entry-title {
font-size: 36px;
color: #000;
}
.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
 content: "";
 display: block;
 padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
	border-radius: 20px;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
}
.current {
color: #006f9d !important;
font-weight: bold !important;
}
.hide-for-small {
color: #5dc2e3 !important;
}
.cart-sidebar.col-inner {
border: 1px solid #00a3d6;
border-radius: 20px;
padding: 20px;
}
.product-name {
}
.product-name {
color: #006f9d;
}
.shop_table.shop_table_responsive {
color: #006f9d;
}
.shipping__table {
color: #006f9d;
}
.product-name > a {
color: #006f9d;
font-weight: bold;
}
.checkout-button.button.alt.wc-forward {
background: #e8486f;
border-radius: 20px;
}
#tab-title-additional_information, div#comments {
display: none;
}

.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
text-align: center;
color: #406CAB;
font-size: 25px;
}
#tab-title-reviews , .absolute-footer.dark{
display: none;
}
.d_May2 {
  position: absolute;
  right: 10%;
  top: 4%;
}
.nav.nav-outline.nav-normal.nav-size-normal.nav-center > li > a {
  border: 1px solid #646464;
  margin-right: 20px;
}
.single_add_to_cart_button.button.alt {
background: #406CAB;
	border-radius:10px !important;
}

.icon-play::before {
color: red;
}
.d_iconreviews {
position: absolute;
top: 20px;
right: 0;
}
.d_mbr {
margin-right: 20px !important;
}
.d_borrderr > .fill > .banner-bg {
border-radius: 20px !important;
}
.d_borrderr {
border-radius: 20px !important;
}
.d_icon_hh::before {
  content: '';
  background: url('https://sgox.vn/binky/wp-content/uploads/2024/08/Vector.png');
  width: 154px;
  height: 115px;
  position: absolute;
  background-size: 100% 100%;
  left: 23%;
}
.posted-on {
    margin-right:10px;
}
.entry-meta i{
    margin-right:3px;
}

.d_icon1::before {
  content: '';
  background: url('https://sgox.vn/binky/wp-content/uploads/2024/07/Asset-21@3x.png');
  width: 154px;
  height: 115px;
  position: absolute;
  background-size: 100% 100%;
  left: -170px;
  top: -40px;
}
.sp2 .box {
background-color: #FFF8E0 !important;
	border-radius: 15px;
	height: 638px
}


.box-text.text-left {
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px;
}
.box.box-vertical.box-text-bottom.box-blog-post.has-hover {
border-radius: 20px !important;
}
.d_class_baochi > .col > .col-inner {
border-radius: 20px !important;
}
.box.box-vertical.box-text-bottom.box-blog-post.has-hover > .box-image {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-radius: 20px !important;
padding: 9px;
}
.d_color_chungnhan {
border-radius: 20px;
}
.d_img_bgg {
position: absolute;
top: 18px;
right: -190px;
}
.button.open-video.icon.circle.is-outline.is-xlarge {
background: #fff;
}

.d_Left > .box-text {
text-align: left;
}
.box.has-hover.d_Left.box-vertical.box-text-bottom {
align-items: center !important;
display:flex ;
}

.from_the_blog_excerpt {
color: #646464;
}
.d_unset{
	padding-bottom:unset !important;
}
.ttin p{line-height: 23px}
.button.primary.is-link.lowercase {
margin: unset !important;
}
.d_box_img_tt > div > div > .col > .col-inner > a > .box > .box-image {
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}



.nav.nav-outline.nav-normal.nav-size-normal.nav-right > .active > a {
background: #bde2f4;
border: 1px solid #bde2f4;
}
.nav.nav-outline.nav-normal.nav-size-normal.nav-right > li > a {
font-size: 16px;
color: #006f9d;
border: 1px solid #bde2f4;
margin-left: 15px;
}
.d_font_tt {
position: absolute;
top: 20px;
}
.fas.fa-phone {
color: #646464;
margin-right: 15px;
}
.fas.fa-envelope {
color: #646464;
margin-right: 15px;
}
.fas.fa-location-dot {
color:#646464;
margin-right: 15px;
}
.sidebar-wrapper.ul-reset > .widget {
padding: unset !important;
}
.sidebar-wrapper.ul-reset > .widget >div> ul > li > a {
color: #000 !important;
}
.widget > ul > li + li, ul.menu > li + li {
border-top: unset !important;
}
.d_icon_xh {
position: absolute;
bottom: -39px;
left: -20%;
}
.d_text_form,.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email,.wpcf7-form-control.wpcf7-textarea.d_form_text {
  font-weight: bold;
  color: #00a8db !important;
}
.fas.fa-phone-volume {
color: #406CAB;
}
.d_form > p {
display: flex;
justify-content: ;
flex-direction: column;
justify-content: center;
align-items: end;
}
.d_colum_video > .col-inner > .banner > .fill > .banner-bg {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px;
}
a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:before {
    display: inline-block;
    font-family: FontAwesome;
    /* float: left; */
    content: "\f217";
    font-weight: 300;
    margin-right: 5px;
}

a.added_to_cart.wc-forward:before {
    display: inline-block;
    font-family: FontAwesome;
    /* float: left; */
    content: "\f217";
    font-weight: 300;
    margin-right: 5px;
}
.d_colum_video > .col-inner > .banner {
border-radius: 20px;
}
.is-divider {
display: none;
}
.post-meta.is-small.op-8 {
color: #646464;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.d_text_form {
border-radius: 10px;
color: #646464 !important;
}
.wpcf7-form-control.wpcf7-textarea.d_form_text {
color: #646464 !important;
border-radius: 10px;
}
#d_btn {
margin: unset !important;
border-radius: 10px;
width: max-content;
}


.buttonmua {
position: absolute;
bottom:15px;
color: red;
font-weight: bold;
left: 20px;
}

.product-small > .col-inner {
background: #fff;
bolder-radius: 15px;
}
.product-small p.box-excerpt{font-size: 12px !important; font-family: Montserrat ;height: 65px;}
.d_fo.box-text prm > p > span {
width: 100%;
}
.wpcf7-spinner {
position: absolute;
width: 20px !important;
}
#footer .section.dark {
    background-color: transparent;
}
.home #footer .section.dark {
    background-color: #fdeeda;
}
.box3ko .text p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
	font-family: Montserrat;
	color: #2B2B2B;
	
}

.buth i.icon-angle-right {
    background-color: #fff;
    padding: 5px 12px;
    border-radius: 50%;
}
.buth .icon-angle-right:before{color: #F2B660 !important}
.d_colum_video > .col-inner {
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.d_boxx {
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.d_icon_404 {
text-align: center;
}
.d_font {
font-size: 100px;
color: #006f9d;
margin-bottom: unset !important;
}
.d_font_p {
font-size: 37px;
font-weight: bold;
color: #00a3d6;
margin-bottom: unset !important;
}
.d_font_a {

padding: 10px 20px;
display: inline-block;
background: #00a3d6;
width: max-content;
margin-bottom: 50px !important;
margin-top: 50px;
border-radius: 100px;
font-weight: bold;
color: #fff;
}
.d_tv {
background-image: linear-gradient(#f5fefe, #d8eef9);
}
.d_tv > .col-inner {
padding: 10px;
}
.d_tv {
border: 1px solid #ccc;
}
.fas.fa-check {
color: #ffd02a;
font-size: 24px;
}
.woocommerce-product-gallery__wrapper.product-gallery-slider.slider.slider-nav-small.mb-half.has-image-zoom.is-draggable.flickity-enabled {
background: #f5f5f6;
border-radius: 20px;
}
.woocommerce-Price-currencySymbol {
font-size: 15px !important;
}

.quantity input[type="number"] {
font-size: 1em !important;
font-weight: bold;
color: #646464;
}

.product_type_variable.add_to_cart_button:before{
	display: inline-block;
  font-family: FontAwesome;
  float: left;
  content: "\f217";
  font-weight: 300;
  margin-right: 5px;
}

.product-page-pricev .woocommerce-Price-amount.amount, .price.product-page-price.price-on-sale > ins > span > bdi {
color: #4996D1 !important;
font-size: 38px;
}
.is-sticky-column__inner {
margin-top: 25px;
background: #fff;
padding: 10px;
}
.nav.nav-outline.nav-normal.nav-size-normal.nav-center > li > a {
font-size: 15px;
}
.post-sidebar.large-3.col {
padding: 5px !important;
}

@media screen and (min-width: 800px) and (max-width: 1200px) {
	.chungnhan::after{top: -97px !important}
	.nav-size-large>li>a {
    font-size: 14px;
}
.img345{left: 10%; max-width: 176px}
.img345 .img-inner.dark {
    margin: 0px 0px -77px 0px !important;
}
}
/* GIAO DIỆN CHO MÁY TÍNH BẢNG */	
@media screen and (min-width: 1200px) {
.box2 .box-text {
    height: 90px;
}
	.home1 .box1-3 .box2 {
    height: 281px;
}
.sphome .boxtext h3{font-size: 27px !important; font-weight: 600;}
.sphome .boxtext p{font-size: 15px; font-weight: 400;font-family: Montserrat;}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.img345{left: unset; max-width: 176px}
.chungnhan::after{top: -202px}
.sp2 .box3ko h3{font-size: 27px}
.boxlh4 .col-inner{height: 609px}
.textspbo h3{font-size: 33px}
.add-to-cart-button .button.is-outline, .add-to-cart-button input[type=button].is-outline, .add-to-cart-button input[type=reset].is-outline, .add-to-cart-button input[type=submit].is-outline,.thongtin a{font-size: 12px;padding: 6px 10px;line-height: 21px;}
.product-small p.box-excerpt{height: 94px}
.sp2 p.name.product-title.woocommerce-loop-product__title a {
    font-size: 19px;
    color: rgb(11 114 180);
    font-weight: 700;
}

.sp2 .box {
    height: 483px;
}
.nav.nav-outline.nav-normal.nav-size-normal.nav-right {
display: block;
}
.nav.nav-outline.nav-normal.nav-size-normal.nav-center > li > a {
font-size: 15px;
margin-bottom: 10px;
}
.nav.nav-outline.nav-normal.nav-size-normal.nav-right > li {
margin-bottom: 10px;
}
	.d_boder_nam {
margin-bottom: 20px !important;
}
.nav.nav-outline.nav-normal.nav-size-normal.nav-right > li > a {
font-size: 13px;
margin-left: 0px;
}
.d_font_tt {
top: -30px;
}
	.nav.nav-sidebar.nav-vertical.nav-uppercase.nav-slide > li > a {
color: #0b72b4;
}
	.d_font {
font-size: 80px;
}
	.category-item > a {
font-size: 10px;
}
.d_form_lx {
flex-wrap: wrap;
}
.d_font_p {
font-size: 30px;
}
	.price.product-page-price > span {
font-size: 30px;
}
.product-title.product_title.entry-title {
font-size: 26px;
}
.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase {
font-size: 20px;
}
.d_font_a {
margin-top: 20px;
}
	.d_icon_404 > img {
width: 200px;
}
	.d_fomr_thanhcong > h2 {
font-size: 20px;
}
.d_fomr_thanhcong > p {
font-size: 16px;
}
.d_fomr_thanhcong > img {
width: 230px;
}
	.d_bg_size > .bg {
  background-size: cover !important;
}

	.d_icon_hh::before {
background: unset !important;
}
.d_icon_mc::before {
background: unset !important;
}
	.d_form_mn{
display: none;
}
.post-title.is-large {
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}


.boxtin .is-small, .boxtin .is-small.button{color:#001A72; font-size: 13px; }
.boxtin p.cat-label{color: #000; font-size: 12px;}

.feature {
    position: relative;
    overflow: hidden;
}
.feature::before {
 content: "";
 display: block;
 padding-top: 56.25%;
}
.feature .image{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    background-size: cover;
    background-position: center;
}
ul.row.related-post li {
    list-style: none;
}
.related-title {
    line-height: 1.3 !important;
    margin-top: 10px !important;
	font-size: 20px;
	font-weight: 700
}
}

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

.section-4  h4,.section-4 p{font-size: 13px;}
.cnbox5 .box-text p{font-size: 18px !important; color: #27546E}
.item__text__video{
    font-size: 13px;
}
.camnhan .testimonial-box .icon-box-img{
	max-width: 114px
}
.camnhan strong.testimonial-name.test_name,.camnhan span.testimonial-company.test_company{font-size: 16px;}
.hoptac1 .fill {
    top: -44px;
}
.hoptac1 .section-bg img{object-fit:contain; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fdeeda  14%) !important; }
.hoptac1 .cntit h3,.cntit2 h3,.cntit232 h3{font-size: 18px;}
.cnbox1 h4{font-size: 14px; text-transform: uppercase ; color: #27546E}
.sp2 .thongtin {
    margin-bottom: 10px;
}
.sp2 .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
font-weight: bold;
font-size: 15px;
color: #000;
}
.sp2 .col{}
.sp2 .box-text.text-center{padding: 3px}
.thongtin, .add-to-cart-button{width: 100%}
.product-small p.box-excerpt{height: 104px;}
.spcamnhan .sp2 .box{height: 376px !important}
.mobi3ko h3 {
    text-transform: uppercase;
	font-size: 25px
}
    #logo img {
        max-height: 41px !important;
    }
.banner2:after{top: 0px; background: #a4d4cb;}

.thongtin a,.add-to-cart-button .button.is-outline, .add-to-cart-button input[type=button].is-outline, .add-to-cart-button input[type=reset].is-outline, .add-to-cart-button input[type=submit].is-outline, .primary.is-small.mb-0.button.product_type_variable.add_to_cart_button.is-outline{font-size: 13px;}
.sp2 .box{height: 440px}
.footer2 .section-bg img{
	    object-fit: contain !important;

}
.tnb1 h3{font-size: 18px;}
.tnb1 p{font-size: 11px;}
.textspbo h3,.tnb2 h3{font-size: 28px}
.hoidap a.plain{font-size: 17px}
.woocommerce-variation-add-to-cart>*, form.cart>*{flex: 1 1 100%;}
.boxtin .box{height: unset;}
#footer .section.dark {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #93bde5 50%) !important;
}
.has-block .sp2 .add-to-cart-button, .shop-container .thongtin a,.shop-container .add-to-cart-button .button.is-outline, .add-to-cart-button input[type=button].is-outline, .add-to-cart-button input[type=reset].is-outline, .add-to-cart-button input[type=submit].is-outline, .primary.is-small.mb-0.button.product_type_variable.add_to_cart_button.is-outline{display: none !important}
.sp2 .row-small>.col, .sp2 .row-small>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding: 0 2.8px 8.6px;
}
.shop-container .woocommerce-LoopProduct-link.woocommerce-loop-product__link,.spblog3 .box-text.box-text-products.text-center.grid-style-2 > .price-wrapper > span > span > bdi, .price-wrapper del span.amount, .price-wrapper ins .woocommerce-Price-amount{font-size: 15px !important}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{background-color: #FFF8E0;}

.chungnhan::after{top: -60px !important}
.banner3 .textsp p{font-size: 10px !important}
.chungnhan .textsp h3 {
    
}
.anhft .img {
    right: 0px;
    position: absolute;
    bottom: 0;
}
.banner3{background: #ffe4a6}
.banner4 {
    background: #fdeeda;
}
.banner3:after {
    top: -49px;
}
.textsp h3{font-size: 25px; }
.box3ko h3{font-size: 25px; tex-transform: uppercase; }

.boxtin h5.post-title{font-size: 16px;}
.boxtin p.cat-label,.box-cnh p{font-size: 13px !important}

.sec-tion2 .col{padding:0 5px 20px}
.sec-tion2 p{margin-bottom: 0px;}
.section-4 .box-text{margin-top: 0px !important}
.sec-tion2 {
    margin-top: -267px !important;
}
.textsph h3 > a{font-size: 13px !important; color: #000; font-weight: 700}
.textsph p{font-size: 12px !important; margin-bottom: 0px }
	
	
	
	
} /* kết thúc giao diện MOBI */