/* root */
.gf-gift-modal .wpcf7 form.sent .wpcf7-response-output {
	color: #111 !important;
}

.product-small.box .box-image {
	    aspect-ratio: 116 / 135 !important;
    object-fit: cover;
}
.rad-banner-pd > .col-inner {
	border-radius: 8px;
	overflow: hidden;
}
.rad-banner-pd > .col-inner .banner {
	border-radius: 0 !important;
}
.woocommerce-checkout .large-5 .col-inner,.rad-12.img {
	border-radius: 12px;
	overflow: hidden;
}
.tpk-sec6 .button,.tpk-sec4 .button,.tpk-sec2 .button,.tpk-sec1 .button, .cp-sec2 .button,.pk-sec2 .button,.pk-sec3 .button {
	background: linear-gradient(180deg, #00a4f0, #4752e6); 
	box-shadow: none !important;
	border: none !important;
}
.tpk-sec6 .button:hover,.tpk-sec4 .button:hover,.tpk-sec2 .button:hover,.tpk-sec1 .button:hover,.tpk-sec1 .button:hover, .cp-sec2 .button:hover,.pk-sec2 .button:hover,.pk-sec3 .button:hover {
	background: linear-gradient(180deg, #fec338, #f34b71);
}
body {
    font-family: 'Inter', sans-serif;
}
.button {
	font-weight: 600 !important;
}
.no-bottom {
	padding-bottom: 0 !important;
}
.main-tt h2 {
	font-size: clamp(1.4rem,4vw,2.5rem);
	color: var(--primary-color);
}
.main-tt.nm-tt h2 {
	font-size: clamp(1.4rem,4vw,2rem);
	color: #111;
	font-weight: 600;
	margin-bottom: 5px;
}
.main-tt.nm-tt p {
	font-size: 14px;
	margin: 0;
}
.main-tt h2 span{
	-webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #fec338, #f34b71 26.89%, #557dff 52.67%);
    background-clip: text;
    -webkit-background-clip: text;
}
.main-tt.center {
	display: flex;
	justify-content:center;
}
.main-tt h3 {
	max-width: 475px;
	font-size: clamp(1.1rem,4vw,1.5rem);
	color: var(--primary-color);
}
.main-tt h3 span{
	-webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #fec338, #f34b71 26.89%, #557dff 52.67%);
    background-clip: text;
    -webkit-background-clip: text;
}

.content-text h2{
	font-size: clamp(1.3rem,4vw,2.3rem);
}

.content-text ul li{
	font-size: 14px;
}
.content-text ul li::marker {
    color: #336df4;
}
.grad-btn {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	padding: 2px 16px !important;
	background: linear-gradient(180deg, #00a4f0, #4752e6);
}
.grad-btn:hover {
	background: linear-gradient(180deg, #fec338, #f34b71);
}


/* FIX FLATSOME MEGA MENU */

.header-nav .nav-dropdown {
    left: -100% !important;
    transform: translateX(-20%) !important;
    margin-left: 0 !important;
}
/* header */
.header-nav-main > .menu-item > .sub-menu.nav-dropdown {
	padding: 0;
}
.mn-header-sec h3 {
	text-transform: uppercase;
	font-size: 16px;
	position: relative;
	padding-left: 16px;
	font-size: 15px;
	margin: 0;
}
.mn-header-sec h3:before {
	content:"";
	width: 6px;
	height: 12px;
	background-color: rgb(37 99 235 / 1);
	position: absolute;
	left:0;
	top:50%;
	transform: translatey(-50%);
	border-radius:99px;
}
.mn-header-sec .row-tt .button {
	margin: 0 !important;
    min-height: unset;
    line-height: 1;
    padding: 3px 12px;
	margin-bottom: 8px;
	border-radius: 8px;
	font-size: 14px;
}
.mn-header-sec .row-tt .button i {
	margin-top: 0 !important;
	color: rgb(29 78 216 / 1) !important;
}
.mn-header-sec .row-tt .button span {
	color: rgb(29 78 216 / 1) !important;
	line-height: 1;
}
.mn-header-sec .row-tt .button:hover {
	background: rgb(219 234 254 / 0.5) !important;
}
.grid-menu-pk > .col {
	padding-bottom: 10px !important;
}
.grid-menu-cl h4{
	margin-bottom: 0;
    font-size: 15px;
}
.grid-menu-cl .icon-box p{
	font-weight: 400;
	font-size: 13px;
}
.grid-menu-pk .icon-box {
	align-items: center;
}
.grid-menu-pk .icon-box img,.grid-menu-pk .icon-box svg,.mn-header-sec .cl-cont h4{
	padding: 0;
}
.grid-menu-pk .icon-box h4,.mn-header-sec .cl-cont h4 {
	margin-bottom: 0;
	position: relative;
	width: fit-content;
	transition: .3s all;
}
.header-nav-main > .menu-item {
	text-transform: capitalize;
}
.header-nav-main > .menu-item > .sub-menu .mn-header-sec h3 a{
	position: relative;
	transition: .3s all;
}
.grid-menu-pk .icon-box {
	padding: 5px 5px 5px 0;
    border-radius: 8px;
}
.grid-menu-pk .icon-box:hover {
	    background-color: rgb(242 245 249);
}
.grid-menu-pk .icon-box h4 {
	align-items: center;
    gap: 5px;
	display: flex;
	font-size: 14px;
}
.grid-menu-pk .icon-box .label {
	padding: 2px 4px;
  font-size: 9px;
  font-weight: 700;
  border-radius: 4px;
}
/* FACEBOOK */
.grid-menu-pk .col:nth-child(1) .label{
    color: #2563eb;
    background: #eff6ff;
}

/* TIKTOK */
.grid-menu-pk .col:nth-child(2) .label{
    color: #db2777;
    background: #fdf2f8;
}

/* INSTAGRAM */
.grid-menu-pk .col:nth-child(3) .label{
    color: #9333ea;
    background: #f3e8ff;
}

/* SPOTIFY */
.grid-menu-pk .col:nth-child(4) .label{
    color: #059669;
    background: #ecfdf5;
}
.grid-menu-pk .icon-box:hover h4,.header-nav-main > .menu-item > .sub-menu .mn-header-sec h3 a:hover,.auto-box .icon-box:hover h4 {
	color: #006CFF !important;
}

.auto-box .icon-box {
    padding: 5px;
    border-radius: 8px;
}
.auto-box .icon-box img {
	padding: 0 !important;
	transition: .3s all;
}
.auto-box .icon-box-img {
	height: 55px;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
	transition: .3s all;
}
.auto-box .col:nth-child(1) .icon-box:hover .icon-box-img {
	background: rgb(37 99 235 / 1) !important;
}
.auto-box .col:nth-child(2) .icon-box:hover .icon-box-img {
	background: rgb(79 70 229 / 1) !important;
}
.auto-box .col:nth-child(3) .icon-box:hover .icon-box-img {
	background: rgb(147 51 234 / 1) !important;
}

.auto-box .col:nth-child(1) .icon-box .icon-box-img img{
filter: invert(41%) sepia(96%) saturate(1432%) hue-rotate(204deg) brightness(98%) contrast(96%);
}
.auto-box .col:nth-child(2) .icon-box .icon-box-img img{
filter: invert(32%) sepia(87%) saturate(1230%) hue-rotate(220deg) brightness(97%) contrast(95%);
}
.auto-box .col:nth-child(3) .icon-box .icon-box-img img {
filter: invert(32%) sepia(82%) saturate(1860%) hue-rotate(255deg) brightness(96%) contrast(97%);}

.auto-box .col:nth-child(1) .icon-box:hover .icon-box-img img{
	filter: brightness(0) invert(1);
}
.auto-box .col:nth-child(2) .icon-box:hover .icon-box-img img{
	filter: brightness(0) invert(1);
}
.auto-box .col:nth-child(3) .icon-box:hover .icon-box-img img {
	filter: brightness(0) invert(1);
}


.auto-box .icon-box:hover .icon-box-img img {
	filter: brightness(0) invert(1);
}
/* HỆ THỐNG - BLUE */
.auto-box .col:nth-child(1) .icon-box-img{
    background: #eff6ff;
}

/* AUTO - INDIGO */
.auto-box .col:nth-child(2) .icon-box-img{
   background: #eef2ff;
}

/* ADVANCED - PURPLE */
.auto-box .col:nth-child(3) .icon-box-img{
    background: #f3e8ff;
}
.auto-box .icon-box-img .icon, .auto-box .icon-box-img .icon-inner {
	display: flex;
}
.auto-box .icon-box-left .icon-box-text {
    padding-left: 10px !important;
}
.auto-box .icon-box-left .icon-box-text p {
	font-size: 11px;
    font-weight: 400;
}
.auto-box .icon-box .label {
    padding: 2px 4px;
    font-size: 9px;
    font-weight: 700;
    border-radius: 4px;
}
/* HỆ THỐNG - BLUE */
.auto-box .col:nth-child(1) .label{
    color: #1d4ed8;
    background: #dbeafe;
}

/* AUTO - INDIGO */
.auto-box .col:nth-child(2) .label{
    color: #4338ca;
    background: #e0e7ff;
}

/* ADVANCED - PURPLE */
.auto-box .col:nth-child(3) .label{
    color: #7e22ce;
    background: #f3e8ff;
}
.auto-box .icon-box h4 {
    align-items: center;
    gap: 5px;
    display: flex;
    font-size: 14px;
	margin: 0;
}
.auto-box .icon-box:hover {
    background-color: rgb(242 245 249);
}

.cloud-box > .col {
	padding-bottom: 5px !important;
}
.cloud-box .icon-box:hover h4 {
	color: #006CFF !important;
}
.cl-cont .icon-box-img img {
	padding: 0;
}
.cl-cont .icon-box {
	align-items: center;
	transition: .3s all;
}
.trial-box{
    position: relative;
    overflow: hidden;

    margin-top: 24px;
    padding: 20px;

    border-radius: 20px;
    border: 1px solid #1e293b;

    background:
        linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #0f172a 100%);

    color: #fff;

    box-shadow:
        0 20px 40px rgba(30, 27, 75, 0.3);
}

/* Glow Effects */
.trial-glow{
    position: absolute;
    width: 112px;
    height: 112px;

    border-radius: 999px;
    filter: blur(40px);

    pointer-events: none;
}

.glow-right{
    top: -32px;
    right: -32px;
    background: rgba(59, 130, 246, 0.2);
}

.glow-left{
    left: -32px;
    bottom: -32px;
    background: rgba(139, 92, 246, 0.25);
}

.trial-content{
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;
}

/* Badge */
.trial-badge{
    display: flex;
    align-items: center;
    gap: 6px;

    margin-bottom: 12px;
}

.trial-dot{
    width: 8px;
    height: 8px;

    border-radius: 999px;
    background: #4ade80;

    animation: pulse 1.5s infinite;
}

.trial-badge-text{
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;

    color: #60a5fa;
}

/* Title */
.trial-title{
    font-size: 14px;
    font-weight: 800;
    line-height: 1.4;
	color: #fff !important;
    margin: 0 0 10px !important;
}

/* Description */
.trial-desc{
    margin-top: 6px;

    font-size: 10px;
    line-height: 1.6;

    color: #94a3b8;
}

/* Button */
.trial-action{
    margin-top: 20px;
}

.header-nav-main > .menu-item > .sub-menu .trial-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;

    width: 100%;
    padding: 10px 16px;

    border-radius: 14px;

    background:
        linear-gradient(90deg, #2563eb 0%, #4f46e5 50%, #7c3aed 100%);

    color: #fff !important;
    text-decoration: none;

    font-size: 12px;
    font-weight: 700;

    transition: all 0.3s ease;

    box-shadow:
        0 10px 25px rgba(59, 130, 246, 0.25);
}

.trial-btn:hover{
    transform: translateY(-1px);

    background:
        linear-gradient(90deg, #3b82f6 0%, #6366f1 50%, #8b5cf6 100%);
}

.trial-btn-icon{
    width: 14px;
    height: 14px;

    transition: transform 0.3s ease;
}

.trial-btn:hover .trial-btn-icon{
    transform: translateX(4px);
}

.grid-cloud {
	justify-content: space-between;
    align-items: stretch;
    height: 100%;
}
.grid-cloud .icon-box h4 {
	font-size: 15px;
}

.auto-box > .col , .grid-menu-pk > .col{
	padding-bottom: 0 !important;
}

/* Pulse Animation */
@keyframes pulse{
    0%{
        opacity: 1;
        transform: scale(1);
    }

    50%{
        opacity: 0.5;
        transform: scale(1.25);
    }

    100%{
        opacity: 1;
        transform: scale(1);
    }
}
.grid-menu-pk .icon-box-left .icon-box-text{
	padding-left: 0 !important;
}
.grid-menu-pk .icon-box .icon-box-text p,.mn-header-sec .cl-cont p {
	font-size: 11px;
	font-weight: 400;
}
.mn-vertical-pd .product-small.box {
	padding: 10px;
}
.mn-vertical-pd .product-small.box:hover {
	  background: rgba(238, 242, 255, 0.3);
border-color: #c7d2fe !important;
  box-shadow: 0 4px 12px rgba(224, 231, 255, 0.4);
}
.mn-vertical-pd .product-small.box .box-image {
	margin: 0 0 15px;
	border-radius: 8px;
	overflow: hidden;
	width: 28% !important;
}
.mn-vertical-pd .product-small.box .box-text {
	padding: 0;
}
.mn-vertical-pd .product-small.box .product-title a {
	margin: 0;
	font-weight: 700;
	font-size: 14px;
}
.mn-vertical-pd .product-small.box .product-bottom-row {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #eee;
}
.mn-vertical-pd .product-small.box .product-bottom-row .price-wrapper {
	height: auto !important;
}
.mn-vertical-pd .product-small.box .button {
    color: #fff !important;
    padding: 7px 12px;
    font-size: 11px;
    min-height: unset;
    line-height: 1;
    border-radius: 8px !important;
	background: #000 !important;
}
.mn-vertical-pd .flickity-button {
	opacity: 0;
	display: none;
}
.mn-vertical-pd .flickity-page-dots {
	bottom: -10px !important;
}
.mn-vertical-pd .badge-container {
	display: none;
}
.mn-vertical-pd .flickity-page-dots .dot.is-selected {
	background-color: rgb(37 99 235 / 1) !important;
    width: 30px;
    border-radius: 99px;
}
.bb-right{
    display: flex;
    align-items: center;
	gap: 12px;
}
.btn-su {
    background: #1138ee;
    color: white !important;
    font-weight: 600;
    border: 2px solid #1138ee;
    border-radius: 12px;
    border-radius: 10px;
    padding: 8px 12px;
    font-size: 16px;
}
.btn-dl {
    background: white;
    color: #1138ee;
    font-weight: 600;
    border: 2px solid #1138ee;
    border-radius: 12px;
    padding: 8px 12px;
    font-size: 16px;
}
.header-nav-main {
	justify-content:center !important;
}
.header-nav-main > .menu-item {
	font-weight: 600;
}
.header-nav-main > .menu-item > .sub-menu {
    border: none;
    border-radius: 12px;
    padding: 10px;
}
.header-nav-main > .menu-item > .sub-menu a {
	color: #111 !important;
}
.header-nav-main > .menu-item:before {
	border: none !important;
}




/*home*/
.dc-marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    padding: 12px 0;
    background: linear-gradient(90deg, rgb(30, 77, 255) 55.77%, rgba(30, 77, 255, 0) 100%);
    --dc-marquee-gap: 90px;
}

.dc-marquee-track {
    display: flex;
    width: max-content;
    white-space: nowrap;
    will-change: transform;
    opacity: 0;
    visibility: hidden;
}

.dc-marquee.dc-marquee-ready .dc-marquee-track {
    opacity: 1;
    visibility: visible;
    animation: dc-marquee-left 24s linear infinite;
}

.dc-marquee-track > span {
    display: inline-block;
    padding-right: var(--dc-marquee-gap);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.1px;
    -webkit-text-fill-color: #fff;
    text-fill-color: #fff;
    background: none;
}

.dc-marquee-track .highlight {
    color: #fff;
    -webkit-text-fill-color: #fff;
    text-fill-color: #fff;
    background: none;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
}

.dc-marquee-track .separator-icon {
    color: rgba(255, 255, 255, 0.45);
    -webkit-text-fill-color: rgba(255, 255, 255, 0.45);
    text-fill-color: rgba(255, 255, 255, 0.45);
    background: none;
    font-size: 7px;
    margin-left: 90px;
    vertical-align: middle;
}

@keyframes dc-marquee-left {
    0% {
        transform: translateX(var(--dc-marquee-start));
    }

    100% {
        transform: translateX(var(--dc-marquee-end));
    }
}
.h-banner-sl .ct > .col-inner {
	border-radius:12px;
	overflow: hidden;
}
.h-sec1 {
	background: linear-gradient(180deg, #d9e7fc 0, hsla(0, 0%, 100%, 0) 100%);
}
.h-buttons > .col-inner {
	display: flex;
	gap: 20px;
	justify-content:center;
	flex-wrap: wrap;
}
.h-buttons .button {
	margin: 0;
}
@media(max-width:849px) {
	.h-sec1 .img-cont > .col-inner {
		margin: -80px 0px 0px 0px !important;
	}
}
@media(max-width:549px) {
	.h-sec1 .img-cont > .col-inner {
		margin: -50px 0px 0px 0px !important;
	}
	.h-sec1 .abs-img.left,.h-sec1 .abs-img.right.img-1,.h-sec1 .abs-img.right.img-2 {
		width: 2.5rem !important;
		height: 2.5rem !important;
	}

}
.dc-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: fit-content;
}

.dc-rating-icon {
    width: 25px;
    height: 24px;
    flex-shrink: 0;
}

.dc-rating-text {
    display: flex;
    align-items: center;
    gap: 4px;
	font-size: 14px;
}

.dc-rating-number {
    font-weight: 600;
    color: #000;
}

.dc-rating-label {
    color: #7F7F8D;
}

.main-tt .dc-hero-title {
    margin: 16px auto 0;
    text-align: center;
    font-size: clamp(1.4rem, 4.5vw, 3rem);
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: .5px;
}

.dc-blue-text {
    color: #1138EE;
}

.dc-typed-text {
-webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #fec338, #f34b71 26.89%, #557dff 52.67%);
    background-clip: text;
    -webkit-background-clip: text;
}

.dc-cursor {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg, #fec338, #f34b71 26.89%, #557dff 52.67%);
    background-clip: text;
    -webkit-background-clip: text;
	font-size: clamp(1rem, 4.5vw, 2rem);
}

.h-sec1 .content p{
	font-size: 18px;
	margin: 0;
}
.h-sec1 .btn-ol {
	background: linear-gradient(180deg, #e0ecff, #d1e3ff) !important;
	color: var(--primary-color) !important;
}
.h-sec1 .button {
	transition: .5s all;
	background: linear-gradient(180deg, #00a4f0, #4752e6);
	border: none;
	box-shadow: none !important
}
.h-sec1 .button:hover {
	transform: translateY(-3px);
	background: linear-gradient(180deg, #fec338, #f34b71);
}
.h-sec1 .img-cont {
	position: relative;
	z-index: -1;
}
.h-sec1 .abs-img {
	position: absolute;
	width: 72px !important;
	height: 72px !important;
	animation: bounce 1s infinite;
}
@keyframes bounce {
	0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
}
50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: none;
}
}
.h-sec1 .abs-img.left {
	left: 2%;
	top: 40%;
}
.h-sec1 .abs-img.right.img-1 {
	right: 10%;
	top: 30%;
}
.h-sec1 .abs-img.right.img-2 {
	right: 12%;
	top: 50%;
}

.h-sec2 .row-carousel .flickity-slider > .col > .col-inner,.row-carousel-pk .flickity-slider > .col > .col-inner {
	border-radius: 32px;
    box-shadow: 0px 7px 17.8px 0px rgba(0, 108, 255, 0.28);
    border: 1px solid #1E4DFF;
	background-image: linear-gradient(38.19deg, rgba(0, 151, 254, .3) -1.52%, rgba(81, 170, 248, 0) 79.54%);
	    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.h-sec2 .row-carousel .box h4,.row-carousel-pk .box h4 {
	color: #0064de;
	font-size: 1.2rem;
}
@media(max-width:849px) {
	.h-sec2 .row-carousel .box h4, .row-carousel-pk .box h4 {
		min-height: 50px;
	}
	.h-sec2 .row-carousel .box .box-text-inner > p, .row-carousel-pk .box .box-text-inner > p {
		min-height: 93px;
	}
}
@media(max-width:549px) {
	.h-sec2 .row-carousel .box h4, .row-carousel-pk .box h4 {
		min-height: unset;
	}
	.h-sec2 .row-carousel .box .box-text-inner > p, .row-carousel-pk .box .box-text-inner > p {
		min-height: unset;
	}
	.h-sec2 .row-carousel .box .box-text-inner, .row-carousel-pk .box .box-text-inner {
		min-height: 100px !important;
	}
}
.h-sec2 .row-carousel .box img,.row-carousel-pk .box img {
	aspect-ratio: 1 / 1;
    object-fit: cover;
}
.h-sec2 .row-carousel .box .box-text-inner,.row-carousel-pk .box .box-text-inner {
	min-height: 122px;
}
.h-sec2 .row-carousel .btn-ct > .col-inner,.row-carousel-pk .btn-ct > .col-inner {
	padding: 0 10px 15px;
	display: flex;
    gap: 10px;
    justify-content: center;
}
.h-sec2 .row-carousel .btn-ct .button,.row-carousel-pk .btn-ct .button {
	margin: 0;
	border-radius: 6px;
	background-color: unset !important;
	background-image: linear-gradient(180deg, #00a4f0, #4752e6) !important;
	font-weight: 400 !important;
	font-size: 15px;
	box-shadow: none;
	padding: 5px 10px;
    min-height: unset;
    line-height: 1;
	border-width: 2px; 
    border-style: solid;
	border-color: transparent;
	background-clip: padding-box !important;
	height: 38px;
	display: flex;
    align-items: center;
}
.h-sec2 .row-carousel .btn-ct .button:hover,.row-carousel-pk .btn-ct .button:hover {
	transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}
.h-sec2 .row-carousel .btn-ct .ol-btn,.row-carousel-pk .btn-ct .ol-btn {
	background-color: #fff !important;
	background-image: none !important;
	border-color: #ff9315;
	color: #222;
	height: 36px;
}
.h-sec2 .row-carousel .btn-ct .ol-btn:hover,.row-carousel-pk .btn-ct .ol-btn:hover {
	border-color: transparent !important;
	height: 38px;
}
.h-sec2 .row-carousel .btn-ct .button:hover,.row-carousel-pk .btn-ct .button:hover {
	background-image: linear-gradient(-90deg, #fec338, #f34b71) !important;
	color: #fff !important;
}
.h-sec2 .row-carousel .flickity-page-dots,.row-carousel-pk .flickity-page-dots {
	bottom: -20px;
}
.h-sec2 .row-carousel .flickity-page-dots .dot,.row-carousel-pk .flickity-page-dots .dot {
	width: 30px;
	height: 5px; 
	border-radius: 0;
	border-color: #777;
}
.h-sec2 .row-carousel .flickity-page-dots .dot.is-selected,.row-carousel-pk .flickity-page-dots .dot.is-selected {
	border-color: #ff9315;
}
@media(max-width:849px) {
	.row-carousel-pk .btn-ct .button{
		font-size: 14px;
	}
}
@media(max-width:549px) {
	.h-sec2 .row-carousel .flickity-page-dots,.pk-sec5 .flickity-page-dots,.row-carousel-pk .flickity-page-dots  {
		display: flex;
	}
	.pk-sec5 .flickity-page-dots {
		bottom: 0 !important;
	}
}
.h-sec3 .tabbed-content .nav {
	gap: 20px;
}
.h-sec3 .tabbed-content .tab > a {
	border-radius: 4px;
	background: linear-gradient(90deg, #f1f3ff, #fff); 
	box-shadow: 0 0 3px rgba(0,0,0,0.15);
	padding: 5px 25px;
	color: #222;
	font-size: 15px;
}
.h-sec3 .tabbed-content .tab > a:hover {
	background: linear-gradient(180deg, #00a4f0, #4752e6) !important;
    color: #fff !important;
}
.h-sec3 .tabbed-content .tab.active > a {
	background: linear-gradient(180deg, #00a4f0, #4752e6) !important; 
	color: #fff !important;
}
.h-sec3 .tabbed-content .panel h3 {
	font-size: clamp(1.1rem,4vw,1.5rem);
}
.h-sec3 .tabbed-content .panel .button {
	background: linear-gradient(180deg, #00a4f0, #4752e6) !important; 
	padding: 5px 30px !important;
	margin: 0;
	position: relative;
}

.h-sec3 .tabbed-content .panel .button:hover {
	background: linear-gradient(180deg, #fec338, #f34b71) !important;
}

.h-sec4 h2 {
	font-size: clamp(1.4rem,4vw,2.2rem);
}
.h-sec4 h2 span{
	color:#006cff;
}
.h-sec4 .ct-1 h4,.h-sec4 .ct-2 h4 {
	font-size: clamp(1rem,4vw,1.4rem);
}
.h-sec4 .ct-1 .button, .h-sec4 .ct-2 .button {
	background: linear-gradient(180deg, #00a4f0, #4752e6);
	border: none;
	box-shadow: none;
}
.h-sec4 .ct-1 .button:hover, .h-sec4 .ct-2 .button:hover {
	background: linear-gradient(180deg, #fec338, #f34b71) !important;
}
.h-sec4 .ct-1 p {
	margin-bottom: 0;
}
.h-sec4 .ct-1 ul li {
	margin-bottom: 5px;
}
.h-sec4 .ct-1 .left > .col-inner {
	padding: 2.5rem 2rem 0;
	background: linear-gradient(58.48deg, rgba(0, 151, 254, .06) -3.62%, rgba(81, 170, 248, .02) 94.11%);
}
.h-sec4 .ct-1 .right > .col-inner {
	padding: 2.5rem 3.5rem 1.75rem;
	background: linear-gradient(240.5deg, rgba(0, 151, 254, .3) -27.31%, rgba(81, 170, 248, 0) 96.6%);
}
.h-sec4 .ct-1 .abs-img {
	position: absolute;
	right: -2rem;
	bottom: -0.75rem;
	z-index: -1;
}
.h-sec4 .ct-1 .logo-ct > .col-inner {
	background: linear-gradient(268.58deg, rgba(9, 120, 255, .3) -22.02%, hsla(0, 0%, 100%, .6) 53.13%, rgba(132, 188, 255, .65) 120.57%);
    box-shadow: 0 4px 4px #00000040;
}
.h-sec4 .ct-1 .logo-ct .icon-box svg, .h-sec4 .ct-1 .logo-ct .icon-box img {
	padding: 0;
	height: 30px !important;
	width: auto !important;
}
.h-sec4 .ct-1 .logo-ct .icon-box .icon-box-img {
	margin-bottom: 5px !important;
}
.h-sec4 .ct-1 .logo-ct .icon-box h4 {
	font-size: 1rem;
	text-transform: uppercase;
}
.stats-wrapper {
    margin: 20px 0;
}

.stats-row {
    display: flex;
    gap: 24px;
    margin-top: 40px;
}

.stats-row:first-child {
    margin-top: 0;
}

.stats-item {
    flex: 1;
    border-left: 2px solid #93c5fd;
    padding-left: 24px;
}

.stats-number {
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    color: #fff;
    margin: 0 0 10px;
}

.stats-text {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.54);
    margin: 0;
    line-height: 1.5;
}
@media (max-width: 849px) {
    .stats-row {
        gap: 12px;
		margin-top: 12px;
    }
	.stats-number {
		font-size: 22px;
	}
	.h-sec2 .row-carousel .btn-ct .button {
		font-size: 14px;
	}
}

.h-sec4 .ct-2 .left > .col-inner {
	background: linear-gradient(52.37deg, rgba(0, 151, 254, .4) -5.7%, rgba(81, 142, 248, .2) 94.69%); 
	padding: 2.5rem 1.5rem 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.h-sec4 .ct-2 .right > .col-inner {
	background: linear-gradient(52.37deg, #006efd -5.7%, #0037ff 94.69%);
	padding: 2.5rem 1.5rem;
}
.h-sec4 .ct-2 .right > .col-inner {
    position: relative;
    overflow: hidden;
}


.h-sec4 .ct-2 .right > .col-inner .circle {
    position: absolute;
    bottom: -75%;
    right: -50%;
    z-index: 0;
    border-radius: 50%;
    background: #fff;
    pointer-events: none;
    user-select: none;
    display: none;
}

/* Hiện từ sm trở lên */
@media (min-width: 640px) {
    .h-sec4 .ct-2 .right > .col-inner .circle {
        display: block;
    }
}

.h-sec4 .ct-2 .right > .col-inner .circle-1 {
    width: 650px;
    height: 650px;
    opacity: 0.2;
}

.h-sec4 .ct-2 .right > .col-inner .circle-2 {
    width: 600px;
    height: 600px;
    opacity: 0.3;
}

.h-sec4 .ct-2 .right > .col-inner .circle-3 {
    width: 550px;
    height: 550px;
    opacity: 0.4;
}


.h-sec4 .ct-2 .right .button {
	background: #00429d;
	font-weight: 500;
	margin: 0;
}
.h-sec5 h2 {
	font-size: clamp(1.4rem,4vw,2.5rem);
	color: var(--primary-color);
}
.h-sec5 .slider-right .col {
	padding-bottom: 0 !important;
}
.h-sec6 h2 {
	font-size: clamp(1.4rem,4vw,2.5rem);
	margin-bottom: 0;
}
.h-sec6 p {
	font-size:14px;
	margin: 0;
}
.h-sec6 p.main-name{
	font-size: 17px;
}
.h-sec6 .tes-ct > .col > .col-inner {
	    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 12px #0000001a;
    cursor: pointer; 
	transition: .4s all;
}
.h-sec6 .tes-ct > .main-box > .col-inner {
	    background: linear-gradient(52.37deg, #0097fe -5.7%, #518ef8 94.69%);
    border: 1px solid #0097fe;
    box-shadow: 0 3.32px 3.32px #056cfe24;
}
.h-sec6 .tes-ct > .col > .col-inner:hover {
	transform: scale(1.05);
}
.h-sec6 .tes-ct .icon-box img,.h-sec6 .tes-ct .icon-box svg {
	padding: 0;
	border: 2px solid;
	border-radius:50%;
}
.h-sec6 {
	    background: url(/wp-content/uploads/2026/05/bg-1.png) no-repeat 50%;
    background-size: cover;
}
.h-sec7 h2,.h-sec8 h2 {
	font-size: clamp(1.4rem,4vw,2rem); 
	color: #006cff;
}
.h-sec7 .sub-tt {
	font-size: 1.2rem;
	color: #006cff;
	margin-bottom: 10px;
}
.h-sec7 p {
	margin-bottom: 10px;
}
.h-sec7 ul {
	display: flex; 
	flex-direction: column;
	gap: .5rem;
	list-style: none;
}
.h-sec7 ul li {
	margin: 0 !important;
	position: relative;
}
.h-sec7 ul li:before{
	content: "\f058";
	font-family:"Font Awesome 6 Free";
	font-weight: 900;
	color: #006cff;
	margin-right: 6px;
}
.h-sec7 .button {
	background: linear-gradient(180deg, #00a4f0, #4752e6);
	border: none;
	box-shadow: none !important;
}
.h-sec7 .button:hover {
	    background: linear-gradient(180deg, #fec338, #f34b71);
}
.h-sec7 .has-badge > .col-inner {
	position: relative;
}
.h-sec7 .has-badge .abs-img {
	position: absolute;
}
.h-sec7 .has-badge .img-arr {
	left: 60px;
	top: -15px; 
	width: 44px !important;
	height: 46px !important;
}
.h-sec7 .has-badge .img-label {
	left: -10px;
	top: -50px; 
	width: 160px !important;
	height: auto !important;
	transform: rotate(-20deg);
}

.dcf7-form-wrap * {
    box-sizing: border-box;
}

.dcf7-row-top {
    display: flex;
    gap: 30px;
}

.dcf7-row .dcf7-field,.dcf7-row .dc-field {
    flex: 1;
	margin-bottom: 20px;
}

.dcf7-field label {
    display: block;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.dcf7-field input,
.dcf7-field select, .dcf7-form-wrap .country-select input {
    width: 100% !important;
    height: 50px !important;
    border: none !important;
    border-radius: 12px !important;
    background: #ececec !important;
    padding: 0 22px !important;
    font-size: 18px !important;
    color: #222 !important;
    outline: none !important;
    box-shadow: none !important;
	margin: 0 !important;
}
.dcf7-form-wrap .country-select input {
	padding-left: 40px !important;
}
.dcf7-input::placeholder {
    color: #9f9f9f;
}

.dcf7-full {
    width: 100%;
    margin-bottom: 30px;
}


.dcf7-submit-wrap {
    text-align: center;
}

.dcf7-submit {
    border: none !important;
    background: linear-gradient(90deg, #3141d8, #2f36c8) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    padding: 8px 32px !important;
    border-radius: 12px !important;
	text-transform: none;
	margin: 0 !important;
	box-shadow: none !important;
}

.dcf7-submit:hover {
	background: linear-gradient(180deg, #fec338, #f34b71) !important;
	transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}

.wpcf7-spinner {
    display: none !important;
}
.wpcf7-form {
	margin: 0;
}
.wpcf7-response-output {
	margin: 10px 0 0 !important;
}

@media (max-width: 768px) {
    .dcf7-row-top {
        flex-direction: column;
        gap: 24px;
    }
}
.h-sec8 .tt h2 {
	margin-bottom: 5px;
	font-size: clamp(1.4rem,4vw,2.5rem);
}
.h-sec8 .tt p {
	color: #ddd;
}
.h-sec8 .btn-1 {
	background: linear-gradient(180deg, #00a4f0, #4752e6);
}
.h-sec8 .button {
	border: none !important;
	box-shadow: none !important;
}
.h-sec8 .button:hover {
	background: linear-gradient(180deg, #fec338, #f34b71);
}

/* tablet */
@media(max-width:849px) {
	.h-sec4 .ct-1 .left > .col-inner {
		padding: 1.5rem 1rem 0;
	}
	.h-sec4 .ct-1 .right > .col-inner {
		padding: 2rem 2rem 1rem;
	}
	.h-sec4 .ct-2 .left > .col-inner {
		padding: 1.5rem 1.5rem 0;
	}
	.h-sec4 .ct-2 .right > .col-inner {
		padding: 1.5rem;
	}
}
@media(max-width:549px) {
	.dcf7-submit {
		font-size: 14px !important;
	}

	.h-sec8 .button {
		padding: 5px 15px !important;
	}
}


/* footer */
.footer-sec p {
	margin-bottom: 5px;
}
.footer-sec p,.footer-sec li,.footer-sec a {
	font-size: 14px;
}
.footer-sec .icon-box .icon-box-img {
	margin-bottom: 0 !important;
}
.footer-sec .icon-box .icon-box-img img {
	padding: 0;
}
.footer-sec h3 {
	line-height: 1;
	font-size: 1.1rem;
}
.footer-sec ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin: 0;
}
.footer-sec ul li {
	margin: 0 !important;
}
.dc-contact-icons {
    display: flex;
    align-items: center;
    gap: 12px;
	justify-content: center;
}

.dc-contact-btn {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
	justify-content: center;
    text-decoration: none;
    font-size: 20px;
    color: #fff !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.dc-contact-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}

.dc-messenger {
    background: #0084ff;
}

.dc-phone {
    background: #1e88e5;
}

.dc-whatsapp {
    background: #25d366;
}

.dc-telegram {
    background: #229ed9;
}
.footer-sec .icon-ai {
	max-width: 220px;
}

.dc-ai-icons {
    display: flex;
    align-items: center;
    gap: 12px;
	justify-content:center;
}
.dc-facebook {
    background: #1877f2;
}

.dc-youtube {
    background: #ff0000;
}

.dc-tiktok {
    background: #111111;
}

.dc-ai-btn {
width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    padding: 5px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.dc-ai-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.2);
}

.dc-ai-btn img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}

.dc-newsletter-form {
    display: flex;
    align-items: center;
	position: relative;
}

.dc-input-wrap {
    position: relative;
    flex: 1;
}

.dc-mail-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #7b8597;
    font-size: 18px;
    z-index: 2;
}

.dc-newsletter-form input[type="email"] {
    height: 40px;
    border: none;
    border-radius: 99px;
    padding: 0 95px 0 40px;
    font-size: 16px;
    background: #fff;
    color: #1b1f2a;
    box-shadow: none;
    outline: none;
	margin: 0;
}

.dc-newsletter-form input[type="email"]::placeholder {
    color: #8b93a5;
}

.dc-newsletter-form input[type="email"]:focus {
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

.dc-newsletter-form input[type="submit"] {
    height: 34px;
    padding: 0 16px;
    border: none;
    border-radius: 99px;
    background: linear-gradient(180deg, #00a4f0, #4752e6);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s ease;
    margin: 0;
    line-height: unset;
    min-height: unset;
    position: absolute;
    right: 3px;
    top: 3px;
    transform: unset !important;
	box-shadow: none !important;
}

.dc-newsletter-form input[type="submit"]:hover {
	background: linear-gradient(180deg, #fec338, #f34b71);
}
.footer-sec .wpcf7-not-valid-tip {
	position: absolute !important;
}
@media(max-width:549px) {
	.footer-sec .info-row > .col {
		padding-bottom: 20px !important;
	}
}


/* blog */
.dc-post-cats {
    margin-bottom: 10px;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
	width: fit-content;
	padding: 3px 6px;
	background-color: #1138ee;
	border-radius: 4px;
	position: absolute;
    z-index: 1;
    text-wrap: nowrap;
	left: 10px;
	top: 10px;
}

.dc-cat-link {
    color: #fff !important;
    text-decoration: none;
    transition: .3s ease;
	display: inline-block !important;
}

.dc-post-meta {
    margin: 5px 0;
    font-size: 13px;
    color: #6b7280;
}
.box-blog-post .box-text {
	padding: 12px 16px;
}
.box-blog-post .post-title a, .box-blog-post .from_the_blog_excerpt {
	display: -webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}
.archive .blog-wrapper .post-item > .col-inner {
	border-radius: 12px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border:1px solid #f1f1f1;
	overflow: hidden;
	height: 100%;
}


/* breadvrumbs */
.bc-sec {
    padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.rank-math-breadcrumb > p {
    margin: 0;
}

.single-post .entry-content {
	padding-top: 0;
}
.tt-sec {
	padding: 0px 0 0 !important;
	margin-bottom: 5px;
}
.tt-sec .dc-page-title {
margin: 0;
	    line-height: 1;
}


/* cart */
.floating-cart {
    position: fixed;
    right: 20px;
    bottom: 20%;
    transform: scale(0);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ff6600;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 25px rgba(0,0,0,.18);
    z-index: 9999;
    text-decoration: none;
    transition: all .35s ease;
    opacity: 0;
}

.floating-cart.show {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.floating-cart i {
    font-size: 18px;
}

.floating-cart .cart-count {
    position: absolute;
    top: -6px;
    right: -4px;
    min-width: 24px;
    height: 24px;
    background: #fff;
    color: #ff6600;
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
}

.floating-cart:hover {
    transform: translateY(-50%) scale(1.08);
    color: #fff;
}



/* checkout */
.woocommerce-billing-fields__field-wrapper .address-field {
	width: 100%;
}


/* single */
/* .single .post-sidebar .is-sticky-column{
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	border-radius: 12px;
	padding: 20px;
} */
.single .post-sidebar .is-sticky-column .widget_categories {
	margin: 0;
}
.single .post-sidebar .is-sticky-column .widget_categories a {
	padding-left: 8px;
}
.single .post-sidebar .is-sticky-column .widget_categories li {
	padding-right: 8px !important;
	border-radius: 8px;
}
.single .post-sidebar .is-sticky-column .widget_categories > ul> li:hover {
	background: rgba(0,0,0,0.06);
}
.single .post-sidebar .is-sticky-column .widget_categories > ul > li.active {
	background: rgba(0,0,0,0.06);
}
.single .widget-area .is-divider {
	display: none;
}
/* .single .widget-area .is-divider {
	height:0;
} */
/* .single .widget-area .widget-title {
	position: relative;
}
.single .widget-area .widget-title:after {
	height: 2px;
    width: 30px;
	background-color: rgba(0, 0, 0, .1);
	position: absolute;
	left:0;
	bottom:-8px;
	content:"";
} */
.single-post .post-sidebar .widget-area {
	display: flex; 
	flex-direction: column;
	gap: 1rem;
}
.single-post .post-sidebar .flatsome_recent_posts .recent-blog-posts-li a {
	    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	margin: 0;
}
.single-post .post-sidebar .flatsome_recent_posts .recent-blog-posts .mr-half {
	margin-right: 10px;
	width: 100px;
	border-radius: 4px;
	overflow: hidden;
}
.single-post .post-sidebar .flatsome_recent_posts .recent-blog-posts .mr-half .badge {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: 100%;
}
.single-post .post-sidebar .flatsome_recent_posts .recent-blog-posts .mr-half .bg-fill {
	background-position: center !important;
}
.single-post .entry-header {
	display: flex;
	flex-direction: column-reverse;
}
.single-post .entry-header .entry-image {
	border-radius: 20px; 
	overflow: hidden;
	pointer-events: none;
}
.single-post .entry-header .entry-image img {
	aspect-ratio: 20 / 9;
	object-fit: cover;
}
.single-post .entry-header .entry-header-text {
	display: none;
}

.single-post .custom-post-intro{
    margin-bottom:30px;
}

.single-post .custom-post-label{
    display:inline-block;
    background:#e60023;
    color:#fff;
    padding:4px 12px;
    border-radius:8px;
    font-weight:500;
    margin-bottom:15px;
    font-size:13px;
}

.single-post .custom-post-title{
    margin-bottom:15px;
}

.single-post .custom-post-meta{
    display:flex;
    align-items:center;
    gap:10px;
}

.single-post .custom-post-author img{
    border-radius:50%;
	width: 48px;
	height: 48px;
}

.single-post .custom-post-date{
    color:#777;
    font-size:13px;
}
.single-post .entry-content {
	padding: 30px; 
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
	width: 90%;
    margin: -100px auto 0;
    z-index: 1;
    position: relative;
    background: #fff;
}
.single-post .entry-content img {
	border-radius: 12px;
	overflow: hidden;
}
.single-post .entry-content .dc-breadcrumb {
	margin-bottom: 10px;
}
.single-post .entry-content .dc-breadcrumb > ul {
	row-gap: 0;
}
.single-post .entry-content .dc-breadcrumb li {
	color: #333;
	font-size: 14px;
}
@media screen and (min-width: 850px) {
    .single-post .blog-wrapper > .row > .large-3 {
        flex-basis: 28% !important;
        max-width: 28% !important;
    }
	.single-post .blog-wrapper > .row > .large-9 {
        flex-basis: 72% !important;
        max-width: 72% !important;
    }
}
@media screen and (max-width: 849px) {
	.single-post .entry-content {
		width: 95%;
		padding: 24px;
	}
}
@media screen and (max-width: 549px) {
.single-post .entry-content {
		        width: 100%;
        padding: 24px;
        margin-top: 0;
        border-radius: 0 0 12px 12px;
	}
	.single-post .entry-header .entry-image {
		 border-radius: 12px 12px 0 0;
	}
	.single-post .entry-header .entry-image img {
		aspect-ratio: 16 / 9;
	}
}


/* recent posts */
.dc-recent-posts {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

.dc-recent-posts .dc-rp-item {
	width: 100%;
}

.dc-recent-posts .dc-rp-box {
	margin: 0;
}

.dc-recent-posts .dc-rp-box--first {
	display: block;
}

.dc-recent-posts .dc-rp-box--first .dc-rp-image {
	width: 100%;
	border-radius: 8px;
	overflow: hidden;
	margin-bottom: 14px;
}

.dc-recent-posts .dc-rp-box--first .dc-rp-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dc-recent-posts .dc-rp-box--first .dc-rp-text {
	padding: 0;
}

.dc-recent-posts .dc-rp-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 10px;
}

.dc-recent-posts .dc-rp-cats {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.3;
}

.dc-recent-posts .dc-rp-cats a {
	color: #1138ee;
	text-decoration: none;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.dc-recent-posts .dc-rp-date {
	font-size: 11px;
	line-height: 1.3;
	color: #9ca3af;
	white-space: nowrap;
}

.dc-recent-posts .dc-rp-title {
	margin: 0;
	line-height: 1.45;
	font-weight: 700;
	color: #333;
}

.dc-recent-posts .dc-rp-title a {
	color: inherit;
}

.dc-recent-posts .dc-rp-title a:hover {
	color: #1138ee;
}

.dc-recent-posts .dc-rp-title--first {
	font-size: 16px;
}

.dc-recent-posts .dc-rp-box--vertical {
	display: flex;
	align-items: stretch;
	gap: 12px;
}

.dc-recent-posts .dc-rp-box--vertical .dc-rp-image {
	width: 42%;
	min-width: 42%;
	border-radius: 8px;
	overflow: hidden;
}

.dc-recent-posts .dc-rp-box--vertical .dc-rp-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dc-recent-posts .dc-rp-box--vertical .dc-rp-text {
	width: 58%;
	padding: 0;
	display: flex;
	align-items: center;
}

.dc-recent-posts .dc-rp-box--vertical .dc-rp-inner {
	width: 100%;
}

.dc-recent-posts .dc-rp-title--vertical {
	font-size: 14px;
	margin-bottom: 5px;
}

.dc-recent-posts .dc-rp-meta--vertical {
	margin-bottom: 0;
	align-items: flex-end;
}

.dc-recent-posts .dc-rp-meta--vertical .dc-rp-cats {
	max-width: 58%;
}

.dc-recent-posts .dc-rp-excerpt {
	margin-top: 8px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #666;
}
@media (max-width: 849px) {
	.dc-recent-posts .dc-rp-box--first {
		display: flex;
		align-items: stretch;
		gap: 24px;
	}

	.dc-recent-posts .dc-rp-box--first .dc-rp-image,.dc-recent-posts .dc-rp-box--vertical .dc-rp-image {
		width: 30%;
		min-width: 30%;
		border-radius: 8px;
		overflow: hidden;
		margin-bottom: 0;
	}

	.dc-recent-posts .dc-rp-box--first .dc-rp-text,.dc-recent-posts .dc-rp-box--vertical .dc-rp-text {
		width: 70%;
		padding: 0;
		display: flex;
		align-items: center;
	}

	.dc-recent-posts .dc-rp-box--first .dc-rp-inner {
		width: 100%;
	}

	.dc-recent-posts .dc-rp-box--first .dc-rp-meta {
		margin-bottom: 0;
		align-items: flex-end;
	}

	.dc-recent-posts .dc-rp-box--first .dc-rp-title--first {
		font-size: 16px;
		margin-bottom: 12px;
	}

	.dc-recent-posts .dc-rp-box--first .dc-rp-meta--first {
		order: 2;
	}

	.dc-recent-posts .dc-rp-box--first .dc-rp-title--first {
		order: 1;
	}

	.dc-recent-posts .dc-rp-box--first .dc-rp-inner {
		display: flex;
		flex-direction: column;
	}
}
@media (max-width: 549px) {
	.dc-recent-posts {
		gap: 24px;
	}

	.dc-recent-posts .dc-rp-box--vertical {
		gap: 16px;
	}

	.dc-recent-posts .dc-rp-box--vertical .dc-rp-image,.dc-recent-posts .dc-rp-box--first .dc-rp-image {
		width: 45% !important;
		min-width: 45%;
	}

	.dc-recent-posts .dc-rp-box--vertical .dc-rp-text,.dc-recent-posts .dc-rp-box--first .dc-rp-text {
		width: 55%;
	}

	.dc-recent-posts .dc-rp-title--first,
	.dc-recent-posts .dc-rp-title--vertical {
		font-size: 15px;
	}

	.dc-recent-posts .dc-rp-meta--vertical {
		gap: 8px;
	}

	.dc-recent-posts .dc-rp-meta--vertical .dc-rp-cats {
		max-width: 55%;
	}
}
.post-sidebar .dc-recent-posts {
	margin-top: 10px;
	padding-top: 15px; 
	border-top: 1px solid #ddd;
}
.post-sidebar span.widget-title {
	padding-bottom: 10px; 
	position: relative;
}
.post-sidebar span.widget-title:before {
	content:"\f550";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #1138ee;
	margin-right: 6px;
}


/* 404*/
.gf-404 {
    background: linear-gradient(135deg, #f0f7ff 0%, #e8f4ff 40%, #fef3ff 100%);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1.5rem;
    position: relative;
    overflow: hidden;
}
.gf-404 .blob1 {
    position: absolute;
    top: -60px;
    right: -80px;
    width: 320px;
    height: 320px;
    border-radius: 60% 40% 70% 30% / 50% 60% 40% 50%;
    background: rgba(99, 102, 241, 0.10);
    pointer-events: none;
}
.gf-404 .blob2 {
    position: absolute;
    bottom: -40px;
    left: -60px;
    width: 240px;
    height: 240px;
    border-radius: 40% 60% 30% 70% / 60% 40% 50% 50%;
    background: rgba(249, 115, 22, 0.08);
    pointer-events: none;
}
.gf-404 .blob3 {
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.07);
    pointer-events: none;
}
.gf-404-logo {
    margin-bottom: 1.5rem;
    position: relative;
    z-index: 1;
}
.gf-404-logo img {
    height: 48px;
    width: auto;
}
.gf-404-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #6366f1, #3b82f6);
    color: #fff;
    border-radius: 100px;
    padding: 5px 16px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
    position: relative;
    z-index: 1;
}
.gf-404-pill-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
}
.gf-404-num {
    font-size: clamp(80px, 12vw, 130px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -6px;
    background: linear-gradient(135deg, #6366f1 0%, #3b82f6 40%, #06b6d4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 0.5rem;
    position: relative;
    z-index: 1;
}
.gf-404-num .accent {
    background: linear-gradient(135deg, #f97316 0%, #ef4444 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.gf-404-title {
    font-size: clamp(20px, 3vw, 28px);
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 0.75rem;
    position: relative;
    z-index: 1;
}
.gf-404-desc {
    font-size: clamp(14px, 1.5vw, 16px);
    color: #64748b;
    max-width: 420px;
    line-height: 1.7;
    margin: 0 auto 2rem;
    position: relative;
    z-index: 1;
}
.gf-404-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.gf-404-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff !important;
    border: none;
    border-radius: 10px;
    padding: 14px 28px !important;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(99, 102, 241, 0.35);
    transition: opacity 0.2s;
}
.gf-404-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: #6366f1 !important;
    border: 1.5px solid #c7d2fe;
    border-radius: 10px;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none !important;
    transition: border-color 0.2s;
}
.fade-btn {
	transition: all 0.3s ease !important;
}
.fade-btn:hover {
	transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
}


/* Ẩn title/breadcrumb mặc định và message Woo trên cart */
body.woocommerce-cart .cart-page-title,
body.woocommerce-cart .checkout-page-title,
body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error {
	display: none !important;
}

/* Layout chính */
.woocommerce-cart .cart-container {
	padding: 0;
}
.dc-cart-sec {
	padding-top: 10px !important;
	color: #111;
}

.dc-cart-sec .col {
	padding-bottom: 0;
}

.dc-cart-sec .dc-cart-right-col {
		position: sticky;
	top: 125px;
}

.dc-cart-main-row {
	align-items: flex-start;
}

.dc-cart-left-col > .col-inner {
	padding-right: 12px;
}

.dc-cart-right-col > .col-inner {
	padding-left: 12px;
}

/* Header: My Bag / Item count */
.dc-cart-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.dc-cart-head h3 {
	margin: 0;
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 600;
	color: #111;
}

.dc-cart-head span {
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 600;
	color: #222;
	text-wrap: nowrap;
}

/* Note bar */
.dc-cart-member-note {
	min-height: 58px;
	margin-bottom: 24px;
	padding: 14px 18px;
	border-radius: 4px;
	background: #f1f1f1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	text-align: center;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 800;
	color: #111;
}

.dc-cart-member-note i {
	font-size: 16px;
	color: #111;
}

/* Shipping title */
.dc-cart-shipping-title {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 15px;
	font-size: 1rem;
	line-height: 1.2;
	font-weight: 600;
	color: #111;
}

.dc-cart-shipping-title i {
	font-size: 1rem;
	color: #111;
}

/* Cart item */
.dc-cart-items {
	display: flex;
	flex-direction: column;
}

.dc-cart-item {
	position: relative;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 15px;
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.dc-cart-thumb {
	width: 150px;
	overflow: hidden;
}

.dc-cart-thumb a,
.dc-cart-thumb img {
	display: block;
	width: 100%;
}

.dc-cart-thumb img {
	aspect-ratio: 1 / 1;
	height: auto;
	object-fit: cover;
	margin: 0;
}

.dc-cart-info {
	position: relative;
	min-width: 0;
}

.dc-cart-name-row {
	margin-bottom: 10px;
	display: flex;
	gap: 12px;
}
.dc-cart-name {
	flex:1;
}
.dc-cart-name,
.dc-cart-name a {
	font-size: 1rem;
	line-height: 1.3;
	font-weight: 700;
	color: #111;
	text-decoration: none !important;
}

/* Remove button */
.dc-cart-remove {
	width: 24px !important;
	height: 24px !important;
	border-radius: 4px;
	background: #f5f5f5;
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: #111 !important;
	font-size: 18px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	opacity: 1 !important;
}

.dc-cart-remove:hover {
	background: #e8e8e8;
	color: #111 !important;
}

.dc-cart-meta dl,
.dc-cart-meta dt,
.dc-cart-meta dd,
.dc-cart-meta p {
	margin: 0;
	padding: 0;
}

.dc-cart-meta dt,
.dc-cart-meta dd {
	display: inline;
	font-size: 15px;
	line-height: 1.55;
	font-weight: 400;
	color: #6b7280;
}

.dc-cart-meta dd::after {
	content: "";
	display: block;
}


/* Quantity + line price */
.dc-cart-bottom-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	margin-top: 15px;
}

.dc-cart-qty {
	display: flex;
	align-items: center;
	gap: 12px;
}

.dc-cart-qty > span {
	font-size: 15px;
	line-height: 1;
	font-weight: 800;
	color: #111;
}

.dc-cart-qty .quantity {
	margin: 0;
	display: inline-flex;
	align-items: center;
	border: 1px solid #666;
	border-radius: 6px;
	overflow: hidden;
}

.dc-cart-qty .quantity input.qty {
	width: 54px;
	height: 34px;
	min-height: 34px;
	border: 0;
	background: transparent;
	box-shadow: none;
	text-align: center;
	font-size: 16px;
	font-weight: 800;
	color: #111;
	padding: 0;
}

.dc-cart-qty .quantity .minus,
.dc-cart-qty .quantity .plus {
	width: 32px;
	height: 32px;
	min-height: 32px;
	border: 0;
	background: none !important;
	color: #111;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	line-height: 1;
	box-shadow: none;
}


.dc-cart-line-price {
	font-size: 16px;
	line-height: 1.35;
	font-weight: 900;
	color: #111;
	white-space: nowrap;
	text-align: right;
}

.dc-cart-line-price .amount {
	color: inherit;
	font-weight: inherit;
}

/* Update cart */
.dc-cart-update-row {
    display: flex;
    justify-content: space-between;
    margin-top: 0;
    align-items: center;
}

.dc-cart-update-btn {
	height: 44px;
	padding: 0 18px;
	border: 1px solid #111 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #111 !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: none !important;
	box-shadow: none !important;
	margin: 0 !important;
}

.dc-cart-update-btn:hover:not(:disabled) {
	background: #111 !important;
	color: #fff !important;
}

.dc-cart-update-btn:disabled {
	opacity: .45;
	cursor: not-allowed;
}

/* Order summary */
.dc-cart-summary {
	background: #f7f7f7;
	padding: 32px;
	color: #111;
	border-radius: 8px;
}

.dc-cart-summary h2 {
	margin: 0 0 20px;
	font-size: 1.2rem;
	line-height: 1.2;
	font-weight: 800;
	color: #111;
}

.dc-cart-summary-line,
.dc-cart-summary-total {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	font-size: 16px;
	line-height: 1.45;
	color: #111;
}

.dc-cart-summary-line {
	margin-bottom: 12px;
}

.dc-cart-summary-line span,
.dc-cart-summary-total span {
	font-weight: 500;
}

.dc-cart-summary-line strong,
.dc-cart-summary-total strong {
	font-weight: 900;
	color: #111;
	text-align: right;
}

.dc-cart-summary-line em {
	font-style: normal;
	color: #111;
	text-align: right;
	font-weight: 500;
}

.dc-cart-summary-total {
	margin-top: 18px;
	font-weight: 900;
}

.dc-cart-summary-total span {
	font-weight: 900;
}

.dc-cart-summary-total strong {
	font-size: 17px;
}

.dc-cart-summary-total .amount,
.dc-cart-summary-line .amount {
	color: inherit;
	font-weight: inherit;
}

/* Consult box */
.dc-cart-consult-box {
	margin-top: 30px;
	text-align: center;
}

.dc-cart-consult-box h3 {
	margin: 0 0 12px;
	font-size: 1rem;
	line-height: 1.35;
	font-weight: 800;
	color: #111;
}

.dc-cart-consult-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	text-align:left;
}

.dc-cart-consult-box li {
	margin:0 !important;
	font-size: 1rem;
	line-height: 1.4;
	color: #333;
	display: flex;
	gap: .3rem;
}

.dc-cart-consult-box i {
	font-size: 1rem;
	line-height: 1.4;
	margin-right: 6px;
	color: #111;
	margin-top: 2px;
}


/* Buttons */
.dc-cart-checkout-btn {
	width: 100%;
	height: 50px;
	margin-top: 30px;
	border: 0;
	border-radius: 8px;
	color: #fff !important;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	font-size: 16px;
	line-height: 1;
	    transition: .3s all;
    background: linear-gradient(180deg, #00a4f0, #4752e6);
	text-transform: uppercase;
	font-weight: 700;
}

.dc-cart-checkout-btn:hover {
	transform: translateY(-3px);
    background: linear-gradient(180deg, #fec338, #f34b71);
}

.dc-cart-continue {
	color: #111;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none !important;
}
.dc-cart-continue i {
	margin-right: 6px;
}
.dc-cart-continue:hover {
	color: #111;
	text-decoration: underline !important;
}

/* Empty cart */
.dc-cart-empty-card {
	background: #fff;
	border: 1px solid #e5e5e5;
	padding: 42px;
	text-align: center;
}

.dc-cart-empty-icon {
	width: 60px;
	height: 60px;
	border-radius: 999px;
	margin: 0 auto 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f3f3f3;
	color: #111;
	font-size: 22px;
}

.dc-cart-empty-card h1 {
	margin: 0;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 900;
	color: #111;
}

.dc-cart-empty-card p {
	margin: 8px auto 20px;
	font-size: 15px;
	line-height: 1.5;
	color: #667085;
}

/* Responsive */
@media (max-width: 849px) {
	.dc-cart-sec {
		padding: 20px 0 42px;
	}

	.dc-cart-left-col > .col-inner,
	.dc-cart-right-col > .col-inner {
		padding-left: 0;
		padding-right: 0;
	}

	.dc-cart-head h1 {
		font-size: 24px;
	}

	.dc-cart-head span {
		font-size: 16px;
	}

	.dc-cart-item {
		grid-template-columns: 130px minmax(0, 1fr);
		gap: 16px;
		padding-bottom: 24px;
		margin-bottom: 24px;
	}

	.dc-cart-thumb {
		width: 130px;
	}

	.dc-cart-info {
		padding-right: 0;
	}

	.dc-cart-line-price {
		position: static;
		text-align: left;
		margin-top: 10px;
	}

	.dc-cart-bottom-row {
		align-items: flex-start;
		flex-direction: column;
		gap: 5px;
	}
	.dc-cart-summary {
		margin: 20px 0 0;
	}
}

@media (max-width: 549px) {
	.dc-cart-member-note {
		justify-content: flex-start;
		text-align: left;
		font-size: 13px;
	}

	.dc-cart-shipping-title {
		font-size: 20px;
	}

	.dc-cart-item {
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 14px;
	}

	.dc-cart-thumb {
		width: 96px;
	}

	.dc-cart-name,
	.dc-cart-name a {
		font-size: 15px;
	}

	.dc-cart-meta,
	.dc-cart-meta dt,
	.dc-cart-meta dd,
	.dc-cart-sku {
		font-size: 12px;
	}

	.dc-cart-checkout-btn {
		height: 54px;
		margin-top: 32px;
	}

	.dc-cart-summary {
		padding: 22px 18px;
	}
}


/* Hide Flatsome duplicated totals heading table */
body.woocommerce-checkout .checkout-page-title {
	display: none !important;
}

.dc-checkout-sec {
	padding-top: 10px !important;
	color: #101828;
}


.dc-checkout-steps-row {
	margin-bottom: 36px;
}

.dc-checkout-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 700;
	color: #8b95a7;
}

.dc-checkout-step {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.dc-checkout-step span {
	width: 24px;
	height: 24px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e6ebf4;
	color: #7b8494;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.dc-checkout-step.is-done span {
	background: #d9f8e6;
	color: #22c55e;
}

.dc-checkout-step.is-active {
	color: #101828;
}

.dc-checkout-step.is-active span {
	background: #4f7cff;
	color: #fff;
	box-shadow: 0 0 0 5px rgba(79, 124, 255, .14);
}

.dc-checkout-step-line {
	width: 48px;
	height: 1px;
	background: #d8deea;
}

.dc-checkout-main-row {
	align-items: flex-start;
}

.dc-checkout-card {
	background: #fff;
	border: 1px solid #e3e8f2;
	border-radius: 18px;
}

.dc-checkout-contact {
	padding: 22px;
}

.dc-checkout-badge {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-radius: 999px;
	background: #eef3ff;
	color: #4f7cff;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 800;
}

.dc-checkout-title {
	margin: 0;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 800;
	color: #101828;
	letter-spacing: -.02em;
}

.dc-checkout-desc {
	margin: 5px 0 16px;
	font-size: 14px;
	line-height: 1.45;
	color: #667085;
}

.dc-checkout-field label,
.dc-checkout-woo-field label {
	display: block;
	font-size: 13px;
	line-height: 1.35;
	font-weight: 700;
	color: #101828;
}

.dc-checkout-field abbr,
.dc-checkout-woo-field abbr,
.dc-checkout-woo-field .required {
	color: #ef4444;
	text-decoration: none;
}

.dc-checkout-methods {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.dc-checkout-method {
	display: block;
	margin: 0;
	cursor: pointer;
}

.dc-checkout-method input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.dc-checkout-method span {
	height: 40px;
	border: 1px solid #dde5f0;
	border-radius: 12px;
	background: #f7f9fc;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 800;
	color: #344054;
	transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.dc-checkout-method i {
	font-size: 17px;
	line-height: 1;
}

.dc-checkout-method .fa-whatsapp {
	color: #25d366;
}

.dc-checkout-method .fa-telegram {
	color: #2a9fd6;
}

.dc-checkout-method input:checked + span {
	background: #fff;
	border-color: #25d366;
	box-shadow: 0 0 0 3px rgba(37, 211, 102, .12);
	color: #101828;
}

.dc-checkout-contact-panel {
	display: none;
}

.dc-checkout-contact-panel.is-active {
	display: block;
}

.dc-checkout-phone-row {
	align-items: flex-start;
}

.dc-checkout-phone-code,
.dc-checkout-telegram-input,
.dc-checkout-woo-field input.input-text,
.dc-checkout-woo-field select,
.dc-checkout-woo-field textarea,
.dc-checkout-woo-field .select2-selection {
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	border: 1px solid #dde5f0 !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: none !important;
	padding: 0 13px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	color: #101828 !important;
	outline: none !important;
	margin: 0;
}

.dc-checkout-phone-code {
	cursor: pointer;
	appearance: auto;
}

.dc-checkout-phone-code:focus,
.dc-checkout-telegram-input:focus,
.dc-checkout-woo-field input.input-text:focus,
.dc-checkout-woo-field select:focus,
.dc-checkout-woo-field textarea:focus,
.dc-checkout-woo-field .select2-selection:focus {
	border-color: #4f7cff !important;
	box-shadow: 0 0 0 3px rgba(79, 124, 255, .12) !important;
}

.dc-checkout-phone-code:disabled,
.dc-checkout-telegram-input:disabled,
.dc-checkout-woo-field input:disabled {
	background: #f3f4f6 !important;
	cursor: not-allowed;
	opacity: .7;
}

.dc-checkout-woo-field {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}


.dc-checkout-phone-input {
	margin: 0 !important;
}

.dc-checkout-phone-input label {
	display: none !important;
}

.dc-checkout-woo-field .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.dc-checkout-woo-field input::placeholder,
.dc-checkout-telegram-input::placeholder {
	color: #a7b0c0 !important;
	opacity: 1;
}

.dc-checkout-woo-field .select2-container {
	width: 100% !important;
	display: block !important;
	margin-bottom: 0 !important;
}

.dc-checkout-woo-field .select2-selection {
	padding: 0 !important;
	display: block !important;
}

.dc-checkout-woo-field .select2-selection__rendered {
	height: 44px !important;
	line-height: 44px !important;
	padding-left: 13px !important;
	padding-right: 38px !important;
	color: #101828 !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

.dc-checkout-woo-field .select2-selection__arrow {
	width: 34px !important;
	height: 44px !important;
	right: 4px !important;
	top: 0 !important;
}

.dc-checkout-woo-field .select2-selection__arrow b {
	border-color: #667085 transparent transparent transparent !important;
}

.dc-checkout-field-row {
	margin-top: 2px;
}

.dc-checkout-agree {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 0 0 16px;
	font-size: 13px;
	line-height: 1.45;
	color: #667085;
	cursor: pointer;
}

.dc-checkout-agree input {
	width: 15px;
	height: 15px;
	min-width: 15px;
	margin: 2px 0 0;
	accent-color: #4f7cff;
}

.dc-checkout-agree a {
	color: #4f7cff;
	text-decoration: none;
}

.dc-checkout-agree a:hover {
	text-decoration: underline;
}

.dc-checkout-actions-row {
	align-items: stretch;
}
@media(max-width:549px) {
	.dc-checkout-actions-row, .dc-message-actions {
		gap: 15px;
	}
}
.dc-checkout-submit,
.dc-checkout-chat,
.dc-message-actions a {
	width: 100%;
	height: 44px;
	border: 0;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-decoration: none !important;
	font-size: 14px;
	line-height: 1;
	font-weight: 800;
	cursor: pointer;
	transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.dc-checkout-submit {
	background: linear-gradient(180deg, #00a4f0, #4752e6);
	color: #fff;
	margin: 0;
	transition: .3s all;
}
.dc-checkout-submit:hover {
	transform: translateY(-5px);
    background: linear-gradient(180deg, #fec338, #f34b71);
}

.dc-checkout-chat,
.dc-message-whatsapp {
	background: #25d366;
	color: #fff !important;
}

.dc-message-telegram {
	background: #2a9fd6;
	color: #fff !important;
}

.dc-checkout-submit:hover,
.dc-checkout-chat:hover,
.dc-message-actions a:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(16, 24, 40, .12);
	opacity: .95;
}

.dc-checkout-submit span,
.dc-checkout-chat span,
.dc-message-actions a span {
	color: inherit;
}

.dc-checkout-submit i {
	font-size: 14px;
	line-height: 1;
}

.dc-checkout-chat i,
.dc-message-actions a i {
	font-size: 18px;
	line-height: 1;
}

.dc-order-card {
	padding: 20px;
}

.dc-order-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.dc-order-head h3 {
	margin: 0;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #7b8494;
}

.dc-order-head span {
	padding: 5px 9px;
	border-radius: 999px;
	background: #eafbf2;
	color: #059669;
	font-size: 11px;
	line-height: 1.3;
	font-weight: 800;
	white-space: nowrap;
}

.dc-order-items {
	margin-bottom: 12px;
}

.dc-order-item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: flex-start;
	padding-bottom: 14px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #e3e8f2;
}

.dc-order-thumb {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	overflow: hidden;
	background: #eef3ff;
}

.dc-order-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	display: block;
}

.dc-order-name {
	font-size: 14px;
	line-height: 1.35;
	font-weight: 800;
	color: #101828;
}

.dc-order-meta {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.4;
	color: #667085;
}

.dc-order-meta dl,
.dc-order-meta dt,
.dc-order-meta dd,
.dc-order-meta p {
	margin: 0;
	padding: 0;
}

.dc-order-meta dl {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 3px 6px;
}

.dc-order-meta dt {
	font-weight: 700;
	color: #475467;
}

.dc-order-meta dd {
	color: #667085;
}

.dc-order-qty {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 700;
	color: #667085;
}

.dc-order-price {
	font-size: 14px;
	line-height: 1.35;
	font-weight: 900;
	color: #101828;
	white-space: nowrap;
	text-align: right;
}

.dc-order-price .amount,
.dc-order-line .amount,
.dc-order-total .amount {
	color: inherit;
	font-weight: inherit;
}

.dc-order-line,
.dc-order-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	font-size: 14px;
	line-height: 1.4;
	color: #667085;
}

.dc-order-line {
	margin-bottom: 10px;
}

.dc-order-line strong {
	color: #101828;
	font-weight: 900;
}

.dc-order-line em {
	font-size: 13px;
	color: #7b8494;
	font-style: normal;
}

.dc-order-total {
	margin-top: 12px;
	padding-top: 14px;
	border-top: 1px solid #e3e8f2;
	color: #101828;
	font-weight: 900;
}

.dc-order-total strong {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 900;
	color: #101828;
}

.dc-order-total strong strong {
	font-size: inherit;
	font-weight: inherit;
}

.dc-order-note {
	margin-top: 14px;
	padding: 14px;
	border-radius: 14px;
	background: #f6f8fc;
	border: 1px solid #e3e8f2;
}

.dc-order-note h4 {
	margin: 0 0 8px;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #333;
}

.dc-order-note ul {
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.dc-order-note li {
	font-size: 13px;
	line-height: 1.45;
	color: #667085;
}
.dc-order-note li i {
	color: #4f7cff;
}

.dc-message-card {
	padding: 16px;
	margin-top: 12px;
}

.dc-message-card p {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 700;
	color: #344054;
}

.dc-message-actions {
	align-items: stretch;
}

.dc-checkout-hidden-review {
	position: absolute;
	left: -99999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.dc-checkout-hidden-review #payment,
.dc-checkout-hidden-review #place_order {
	pointer-events: auto;
}

body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message {
	margin-top: 18px;
	border-radius: 12px;
}

@media (max-width: 849px) {
	.dc-checkout-sec {
		padding: 20px 0 36px;
	}

	.dc-checkout-steps-row {
		margin-bottom: 24px;
	}

	.dc-checkout-steps {
		gap: 6px;
		font-size: 12px;
	}

	.dc-checkout-step-line {
		width: 22px;
	}

	.dc-checkout-contact,
	.dc-order-card {
		padding: 16px;
	}

	.dc-order-item {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.dc-order-price {
		grid-column: 2;
		text-align: left;
	}
}

@media (max-width: 549px) {

	.dc-checkout-step {
		flex: 0 0 auto;
	}

	.dc-checkout-step-line {
		flex: 0 0 22px;
	}

	.dc-checkout-title {
		font-size: 23px;
	}

	.dc-checkout-methods {
		grid-template-columns: 1fr;
	}

	.dc-order-head {
		align-items: flex-start;
	}

	.dc-order-item {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.dc-order-thumb {
		width: 48px;
		height: 48px;
	}

	.dc-order-price {
		grid-column: 2;
	}
}



/* product page*/
.custom-product-page .product-thumbnails img {
	aspect-ratio: 1 / 1;
	object-fit:cover;
}
.custom-product-page .woocommerce-product-gallery__wrapper img{
	aspect-ratio: 116 / 135;
	object-fit:cover;
}
.custom-product-page .woocommerce-product-gallery__wrapper .flickity-button-icon {
	    background: #fff;
    border-radius: 50%;
    padding: 10px;
}
.custom-product-page .product-thumbnails .col > a{ 
	border-radius: 8px;	
	overflow: hidden;
}
.custom-product-page .woocommerce-product-gallery__wrapper a img{ 
	border-radius: 12px;	
	overflow: hidden;
}



.dc-shop-cat-nav-wrap .dc-shop-cat-nav {
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
    padding: 14px;
    border: 1px solid #ececec;
    border-radius: 14px;
    background: #fff;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
	justify-content: center;
}

.dc-shop-cat-nav-wrap .dc-shop-cat-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 0 24px;
    color: #111;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 14px;
    transition: all .2s ease;
}

.dc-shop-cat-nav-wrap .dc-shop-cat-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    width: 1px;
    height: 22px;
    background: #e2e2e2;
    transform: translateY(-50%);
}

.dc-shop-cat-nav-wrap .dc-shop-cat-item:hover,
.dc-shop-cat-nav-wrap .dc-shop-cat-item.is-active {
    color: #111;
	background-color: #f7f7f8;
}

.dc-shop-cat-nav-wrap .dc-shop-cat-item:hover::after,
.dc-shop-cat-nav-wrap .dc-shop-cat-item.is-active::after {
    display: none;
}

.dc-shop-cat-nav-wrap .dc-shop-cat-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f4f5f7;
}

.dc-shop-cat-nav-wrap .dc-shop-cat-icon svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #1138ee;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dc-shop-cat-nav-wrap .dc-shop-cat-title {
    display: inline-block;
}

@media (max-width: 767px) {
    .dc-shop-cat-nav-wrap .dc-shop-cat-nav {
        padding: 10px;
        border-radius: 12px;
		justify-content: flex-start;
    }

    .dc-shop-cat-nav-wrap .dc-shop-cat-item {
        min-height: 48px;
        padding: 0 18px;
        font-size: 15px;
    }

    .dc-shop-cat-nav-wrap .dc-shop-cat-icon {
        flex-basis: 32px;
        width: 32px;
        height: 32px;
    }

    .dc-shop-cat-nav-wrap .dc-shop-cat-icon svg {
        width: 18px;
        height: 18px;
    }
}
.pd-slider-rad .banner, .pd-slider-rad .banner .banner-bg img {
	border-radius: 12px;
    overflow: hidden;
}
.shop-pk-grid.row-carousel .flickity-page-dots {
	bottom: -15px;
}
.shop-pk-grid.row-carousel .flickity-page-dots .dot {
	width: 30px;
	height: 5px; 
	border-radius: 0;
	border: 3px solid #777 !important;
    background: #777;
}
.shop-pk-grid.row-carousel .flickity-page-dots .dot.is-selected {
	border-color: #ff9315 !important;
	 background: #ff9315 !important;
}
.shop-pk-grid.row-carousel .icon-box {
	align-items:center;
	border: 1px solid #ddd;
	padding: 10px 10px 10px 0;
	border-radius: 8px;
}
.shop-pk-grid.row-carousel .icon-box h4{
	margin: 0;
}
.shop-pk-grid.row-carousel .icon-box P{
	color: #222 !important;
}
.shop-pk-grid.row-carousel .icon-box img {
	padding:0;
}
.feat-pd > .col-inner {
	background: linear-gradient(180deg, #00a4f0, #4752e6);
}
.feat-pd > .col-inner > .title h3 {
	    position: absolute;
    top: -30px;
    color: #FF7700;
    background: linear-gradient(to bottom, #ffffff, #ffe7d1);
    width: fit-content;
    left: 50%;
    transform: translatex(-50%);
    padding: 10px 30px;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
	text-wrap: nowrap;
}
.feat-pd .product-small.box {
	background: #fff;
	border: 1px solid #fff !important;
}


/* order by */
.dc-sorted-ux-products-section {
    position: relative;
}

.dc-sorted-ux-products-section.dc-is-loading {
    opacity: .55;
    pointer-events: none;
}

.dc-product-sort-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.dc-product-sort-wrap .dc-product-sort-label {
    flex: 0 0 auto;
    color: #111;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.dc-product-sort-wrap .dc-product-sort-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.dc-product-sort-wrap .dc-product-sort-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 42px;
    padding: 0 17px;
    border: 1px solid #e3e5ea;
    border-radius: 999px;
    color: #232323;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    background: #f8f8f9;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
    transition: all .2s ease;
	margin: 0;
}

.dc-product-sort-wrap .dc-product-sort-item:hover,
.dc-product-sort-wrap .dc-product-sort-item.is-active {
    color: #2f7cff;
    border-color: #2f7cff;
    background: #eef5ff;
}

.dc-product-sort-wrap .dc-product-sort-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: currentColor;
    line-height: 1;
}

.dc-product-sort-wrap .dc-product-sort-icon svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.dc-product-sort-wrap .dc-product-sort-title {
    display: inline-block;
}

@media (max-width: 767px) {
    .dc-product-sort-wrap {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 18px;
    }

    .dc-product-sort-wrap .dc-product-sort-label {
        font-size: 17px;
    }

    .dc-product-sort-wrap .dc-product-sort-list {
        width: 100%;
        justify-content: flex-start;
        gap: 10px;
    }

    .dc-product-sort-wrap .dc-product-sort-item {
        min-height: 38px;
        padding: 0 14px;
        font-size: 13px;
    }

    .dc-product-sort-wrap .dc-product-sort-icon svg {
        width: 16px;
        height: 16px;
    }
}
.dc-sorted-ux-products-wrap .ux-relay__pagination {
	display: flex;
	gap: 5px;
	justify-content:center;
}
.dc-sorted-ux-products-wrap .ux-relay__pagination li {
	margin: 0;
}

.button.icon.is-small i {
	top : 0 !important;
}



.dc-sorted-ux-products-section.is-loading {
	position: relative;
	opacity: .65;
	pointer-events: none;
}

.dc-product-sort-item {
	border: 0;
	cursor: pointer;
}

.dc-sorted-products-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 24px;
}

.dc-sorted-products-page,
.dc-sorted-products-dots {
	min-width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e5e7eb;
	border-radius: 7px;
	background: #fff;
	color: #374151;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
}

.dc-sorted-products-page {
	cursor: pointer;
	transition: all .16s ease;
	margin: 0;
}

.dc-sorted-products-page:hover,
.dc-sorted-products-page.is-active {
	border-color: var(--primary-color);
	background: var(--primary-color);
	color: #fff;
}

.dc-sorted-products-dots {
	border-color: transparent;
	background: transparent;
	color: #9ca3af;
}


/* blog page */
.blog-sb-1 > .col-inner {
	    background: #f5f8ff;
    border: 1px solid rgba(61, 92, 255, .1);
    border-radius: 12px;
    box-shadow: 0 4px 20px #3d5cff0d;
    overflow: hidden;
    padding: 24px;
    position: relative;
}
.blog-sb-1 > .col-inner ul {
	display: flex;
	flex-direction: column;
	gap: .6rem;
	margin: 0;
	list-style: none;
}
.blog-sb-1 > .col-inner ul li {
	margin: 0 !important;
}
.blog-sb-1 > .col-inner ul li:before{
	content:"\f058";
	font-family:"Font Awesome 6 Free";
	margin-right: 6px;
	font-size: 20px;
	color: #1138EE;
	font-weight: 900;
}
.blog-sb-1 > .col-inner .button {
	border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: linear-gradient(180deg, #00a4f0, #4752e6);
	margin: 0;
}
.blog-sb-1 > .col-inner .button:hover {
	background: linear-gradient(180deg, #fec338, #f34b71);
}
.blog-sb-2 h3 {
    padding-bottom: 10px;
    position: relative;
	    font-size: 1em;
    font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}
.blog-sb-2 h3:before {
    content: "\f550";
    font-family: "Font Awesome 6 Free";
    font-weight: 9000;
    color: #1138ee;
    margin-right: 6px;
}

.dc-blog-cat-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}

.dc-blog-cat-item {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 50px;
	padding: 12px 20px;
	border-radius: 13px;
	background: #f8f8f8;
	border: 1px solid transparent;
	color: #5d6a7c;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.35;
	text-decoration: none;
	transition: all .2s ease;
}

.dc-blog-cat-item:hover,
.dc-blog-cat-item.is-active {
	background: #fff;
	border-color: #16a8ff;
	color: #111;
}

@media (max-width: 767px) {
	.dc-blog-cat-list {
		gap: 10px;
	}

	.dc-blog-cat-item {
		min-height: 46px;
		padding: 11px 16px;
		border-radius: 12px;
		font-size: 16px;
	}
}


/* popup */
.gf-offer-box {
  width: 100%;
  max-width: 650px;
  padding: 40px;
}

.gf-offer-badges {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.gf-offer-badge {
  display: flex;
  align-items: center;
  gap: 8px;

  padding: 8px 32px;
  border-radius: 50px;

  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

.gf-offer-badge img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}

.gf-offer-badge--voucher {
  background: #cdd5ff;
  color: #0026ff;
}

.gf-offer-badge--demo {
  background: #ffeeda;
  color: #f48400;
}

.gf-offer-title {
    margin: 20px 0 10px;
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
    color: #0026ff;
}

.gf-offer-desc {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    color: #f48400;
}

.gf-offer-form {
  margin-top: 20px;
}

.gf-gift-modal ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: .6rem;
}
.gf-gift-modal ul li {
	margin: 0 !important;
}

/* Custom Modal */
.gf-gift-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.gf-gift-modal.is-active {
  display: flex;
}

.gf-gift-modal__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
}

.gf-gift-modal__content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1200px;
  max-height: calc(100vh - 48px);
  overflow: visible;
  background: #fff;
}

.gf-gift-modal__inner {
  width: 100%;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
}

.gf-gift-modal__close {
     position: absolute;
    top: 5px;
    right: 5px;
    z-index: 5;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: #fff;
    color: #111;
    font-size: 26px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
    margin: 0;
    padding: 0;
    line-height: unset;
    min-height: unset;
}

.gf-gift-modal__close:hover {
  background: #f5f5f5;
}

body.gf-gift-modal-open {
  overflow: hidden;
}

@media (max-width: 849px) {
  .gift-button {
    padding: 18px 7px;
    gap: 8px;
    border-width: 5px;
	  top: 250px !important;
  }

  .gift-button__icon {
    width: 24px;
    height: 24px;
  }

  .gift-button__text {
    font-size: 13px;
  }

  .gf-gift-modal {
    padding: 12px;
  }

  .gf-gift-modal__content {
    max-width: 100%;
    max-height: calc(100vh - 24px);
  }

  .gf-gift-modal__inner {
    max-height: calc(100vh - 24px);
  }

  .gf-gift-modal__close {
    top: 0;
    right: unset;
	left: 5px;
    width: 32px;
    height: 32px;

    font-size: 24px;
  }
}

/* CF7 Form */
.gf-cf7-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.gf-cf7-row {
  display: flex;
  gap: 12px;
}

.gf-cf7-col--country {
  flex: 1;
}

.gf-cf7-col--phone {
  flex: 1;
}

.gf-cf7-form p {
  margin: 0;
}

.gf-cf7-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.gf-cf7-input {
  width: 100% !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: none !important;
  border-radius: 12px !important;
  background: rgba(0, 38, 255, 0.11) !important;
  color: #0026ff !important;
  font-size: 16px !important;
  line-height: 44px !important;
  outline: none !important;
}

.wpcf7-countrytext {
	height: 44px !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    background: rgba(0, 38, 255, 0.11) !important;
}

.gf-cf7-input::placeholder {
  color: #adadad !important;
  font-size: 12px !important;
  opacity: 1;
}


.gf-cf7-submit-wrap {
  margin-top: 0;
}

.gf-cf7-submit {
  width: 100% !important;
  height: 64px !important;

  margin: 0 !important;
  padding: 0 20px !important;

  border: none !important;
  border-radius: 12px !important;
  background: linear-gradient(90deg, #0026ff 0%, #006cff 100%) !important;

  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: none !important;

  cursor: pointer;
  transition: opacity 0.25s ease;
}

.gf-cf7-submit:hover {
  opacity: 0.9;
}

.gf-cf7-form .wpcf7-spinner {
  display: none;
}

.gf-cf7-form .wpcf7-not-valid-tip {
  margin-top: 6px;
  font-size: 12px;
  color: #dc2626;
}

.gf-cf7-form .wpcf7-response-output {
  margin: 10px 0 0 !important;
  padding: 10px 14px !important;
  border-radius: 10px;
  font-size: 14px;
}

/* Mobile */
@media (max-width: 768px) {
  .gf-offer-box {
    max-width: 100%;
    padding: 20px;
  }

  .gf-offer-badges {
    gap: 8px;
  }

  .gf-offer-badge {
    padding: 8px 20px;
    font-size: 14px;
  }

  .gf-offer-badge img {
    width: 16px;
    height: 16px;
  }

  .gf-offer-title {
    font-size: 18px;
    line-height: 1.4;
  }

  .gf-offer-desc {
    font-size: 15px;
  }

  .gf-cf7-row {
    gap: 10px;
  }


  .gf-cf7-input {
    padding: 0 12px !important;
    font-size: 14px !important;
  }

  .gf-cf7-select {
    padding-right: 30px !important;
    background-position: right 10px center !important;
    font-size: 13px !important;
  }
}

@media (max-width: 480px) {
  .gf-cf7-row {
    flex-direction: column;
  }

  .gf-cf7-col--country,
  .gf-cf7-col--phone {
    width: 100%;
    flex: 0 0 auto;
  }
}


/* ================================
   SHARED CHECKOUT / THANK YOU STEP
================================ */

.dc-checkout-steps-row {
	margin-bottom: 36px;
}

.dc-checkout-steps {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 700;
	color: #8b95a7;
}

.dc-checkout-step {
	display: flex;
	align-items: center;
	gap: 8px;
	white-space: nowrap;
}

.dc-checkout-step span {
	width: 24px;
	height: 24px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #e6ebf4;
	color: #7b8494;
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
}

.dc-checkout-step.is-done span {
	background: #d9f8e6;
	color: #22c55e;
}

.dc-checkout-step.is-active {
	color: #101828;
}

.dc-checkout-step.is-active span {
	background: #4f7cff;
	color: #fff;
	box-shadow: 0 0 0 5px rgba(79, 124, 255, .14);
}

.dc-checkout-step-line {
	width: 48px;
	height: 1px;
	background: #d8deea;
}

/* ================================
   THANK YOU PAGE
================================ */

.dc-thankyou-sec {
	background: #f4f6fb;
	padding: 28px 0 60px;
	min-height: 100vh;
	color: #101828;
}

.dc-thankyou-sec .col {
	padding-bottom: 0;
}


.dc-thankyou-success-card{
	background: #fff;
	border: 1px solid #e3e8f2;
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(16, 24, 40, .08);
}
.dc-thankyou-back-btn {
    margin: 20px 0 0 !important;
    padding: 5px 30px !important;
    width: 100%;
}
.dc-thankyou-inner {
	background: #fff;
	border: 1px solid #e3e8f2;
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(16, 24, 40, .08);
	    padding: 20px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	height: 100%;
}

.dc-thankyou-success-card,
.dc-thankyou-failed-card {
	padding: 26px;
}

.dc-thankyou-icon {
	width: 54px;
	height: 54px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 14px;
	font-size: 22px;
}

.dc-thankyou-icon.is-success {
	background: #d9f8e6;
	color: #22c55e;
}

.dc-thankyou-icon.is-failed {
	background: #fee2e2;
	color: #ef4444;
}

.dc-thankyou-badge {
	display: inline-flex;
	align-items: center;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-radius: 999px;
	background: #eef3ff;
	color: #4f7cff;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 800;
}

.dc-thankyou-success-card h1,
.dc-thankyou-failed-card h1 {
	margin: 0;
	font-size: 30px;
	line-height: 1.2;
	font-weight: 800;
	color: #101828;
	letter-spacing: -.02em;
}

.dc-thankyou-desc,
.dc-thankyou-failed-card p {
	margin: 8px 0 18px;
	font-size: 15px;
	line-height: 1.55;
	color: #667085;
}

.dc-thankyou-order-meta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 20px 0;
}

.dc-thankyou-meta-item {
	padding: 14px;
	border: 1px solid #e3e8f2;
	border-radius: 14px;
	background: #f8fafc;
}

.dc-thankyou-meta-item span.amount {
	font-size: 14px !important;
	line-height: 1.4 !important;
	font-weight: 800 !important;
	color: #101828 !important;
}

.dc-thankyou-meta-item strong {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 800;
	color: #101828;
}

.dc-thankyou-contact-box {
	margin-top: 18px;
	padding: 16px;
	border-radius: 16px;
	border: 1px solid #e3e8f2;
	background: #f6f8fc;
}

.dc-thankyou-contact-box h3 {
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: #7b8494;
}

.dc-thankyou-contact-line {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	line-height: 1.45;
	color: #667085;
}

.dc-thankyou-contact-line + .dc-thankyou-contact-line {
	margin-top: 8px;
}

.dc-thankyou-contact-line i {
	width: 22px;
	height: 22px;
	min-width: 22px;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eef3ff;
	color: #4f7cff;
	font-size: 12px;
}

.dc-thankyou-contact-line strong {
	color: #101828;
	font-weight: 800;
}

.dc-thankyou-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.dc-thankyou-btn {
	height: 44px;
	padding: 0 18px;
	border-radius: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	font-size: 14px;
	line-height: 1;
	font-weight: 800;
	transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.dc-thankyou-btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(16, 24, 40, .12);
	opacity: .95;
}

.dc-thankyou-btn-primary {
	background: #8aa6ff;
	color: #fff !important;
}

.dc-thankyou-btn-secondary {
	background: #eef3ff;
	color: #4f7cff !important;
}

/* ================================
   ORDER SUMMARY
================================ */



.dc-thankyou-order-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 16px;
}

.dc-thankyou-order-head h3 {
	margin: 0;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #7b8494;
}

.dc-thankyou-order-head span {
	padding: 5px 9px;
	border-radius: 999px;
	background: #eafbf2;
	color: #059669;
	font-size: 11px;
	line-height: 1.3;
	font-weight: 800;
	white-space: nowrap;
}

.dc-thankyou-order-items {
	margin-bottom: 12px;
}

.dc-thankyou-order-item {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	gap: 12px;
	align-items: flex-start;
	padding-bottom: 14px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #e3e8f2;
}

.dc-thankyou-order-thumb {
	width: 52px;
	height: 52px;
	border-radius: 12px;
	overflow: hidden;
	background: #eef3ff;
}

.dc-thankyou-order-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	display: block;
}

.dc-thankyou-order-name {
	font-size: 14px;
	line-height: 1.35;
	font-weight: 800;
	color: #101828;
}

.dc-thankyou-order-meta {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.4;
	color: #667085;
}

.dc-thankyou-order-meta ul,
.dc-thankyou-order-meta li,
.dc-thankyou-order-meta p {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-thankyou-order-qty {
	margin-top: 5px;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 700;
	color: #667085;
}

.dc-thankyou-order-price {
	font-size: 14px;
	line-height: 1.35;
	font-weight: 900;
	color: #101828;
	white-space: nowrap;
	text-align: right;
}

.dc-thankyou-order-price .amount,
.dc-thankyou-order-line .amount,
.dc-thankyou-order-total .amount {
	color: inherit;
	font-weight: inherit;
}

.dc-thankyou-order-line,
.dc-thankyou-order-total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	font-size: 14px;
	line-height: 1.4;
	color: #667085;
}

.dc-thankyou-order-line {
	margin-bottom: 10px;
}

.dc-thankyou-order-line strong {
	color: #101828;
	font-weight: 900;
}

.dc-thankyou-order-line em {
	font-size: 13px;
	color: #7b8494;
	font-style: normal;
}

.dc-thankyou-order-total {
	margin-top: 12px;
	padding-top: 14px;
	border-top: 1px solid #e3e8f2;
	color: #101828;
	font-weight: 900;
}

.dc-thankyou-order-total strong {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 900;
	color: #101828;
}

/* ================================
   NEXT STEP BOX
================================ */

.dc-thankyou-next-box {
	margin-top: 14px;
	padding: 14px;
	border-radius: 14px;
	background: #f6f8fc;
	border: 1px solid #e3e8f2;
}

.dc-thankyou-next-box h4 {
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 1.3;
	font-weight: 900;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #7b8494;
}

.dc-thankyou-next-box ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dc-thankyou-next-box li {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 7px 0;
	font-size: 13px;
	line-height: 1.45;
	color: #667085;
}

.dc-thankyou-next-box li:first-child {
	margin-top: 0;
}

.dc-thankyou-next-box li:last-child {
	margin-bottom: 0;
}

.dc-thankyou-next-box i {
	width: 22px;
	min-width: 22px;
	height: 22px;
	margin-top: -1px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #eef3ff;
	color: #4f7cff;
	font-size: 11px;
	line-height: 1;
}

.dc-thankyou-next-box span {
	display: block;
	color: inherit;
}

/* ================================
   RESPONSIVE
================================ */

@media (max-width: 849px) {
	
	.dc-thankyou-sec {
		padding: 20px 0 36px;
	}

	.dc-checkout-steps-row {
		margin-bottom: 24px;
	}

	.dc-checkout-steps {
		gap: 6px;
		font-size: 12px;
	}

	.dc-checkout-step-line {
		width: 22px;
	}

	.dc-thankyou-success-card,
	.dc-thankyou-failed-card,
	.dc-thankyou-order-card {
		padding: 16px;
	}
	
	.dc-thankyou-inner {
		margin-top: 20px;
	}


	.dc-thankyou-order-item {
		grid-template-columns: 52px minmax(0, 1fr);
	}

	.dc-thankyou-order-price {
		grid-column: 2;
		text-align: left;
	}
}

@media (max-width: 549px) {

	.dc-checkout-step {
		flex: 0 0 auto;
	}

	.dc-checkout-step-line {
		flex: 0 0 22px;
	}

	.dc-thankyou-success-card h1,
	.dc-thankyou-failed-card h1 {
		font-size: 24px;
	}

	.dc-thankyou-actions {
		flex-direction: column;
	}

	.dc-thankyou-btn {
		width: 100%;
	}

	.dc-thankyou-order-item {
		grid-template-columns: 48px minmax(0, 1fr);
	}

	.dc-thankyou-order-thumb {
		width: 48px;
		height: 48px;
	}

	.dc-thankyou-order-price {
		grid-column: 2;
	}
}



/* cart drawer */
#cart-popup .widget_shopping_cart ul.product_list_widget li {
	padding-right: 0 !important;
}
#cart-popup ul.product_list_widget li a.remove {
    position: absolute;
    left: 0;
    right: unset;
    z-index: 1;
    top: 0;
    background: #111;
}
#cart-popup ul.product_list_widget li a {
	font-size: 14px;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow: hidden;
}
#cart-popup ul.product_list_widget li .quantity.buttons_added {
    display: flex;
    border-radius: 4px;
    border: 1px solid #333;
    background: #fff;
	opacity: 1;
}
#cart-popup .ux-mini-cart-qty {
	margin-right: 0 !important;
}
#cart-popup .ux-quantity__button,#cart-popup .ux-mini-cart-qty .input-text {
	border: none;
	box-shadow: none;
	background: none;
	color: #111;
}
#cart-popup .cart-popup-inner .widget_shopping_cart_content .price-wrapper{
	opacity: 1;
}
#cart-popup .ux-mini-cart-qty span.amount {
	font-size: 14px;
}
#cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__buttons .button {
	margin:0;
    background: linear-gradient(180deg, #00a4f0, #4752e6);
	border-radius: 6px;
	transition: .3s all;
	border: none;
	box-shadow: none;
	height: 45px;
	display: flex;
	align-items:center;
	justify-content:center;
	font-size: 12px;
}
#cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__buttons .button:hover {
	transform: translateY(-3px);
    background: linear-gradient(180deg, #fec338, #f34b71);
}
#cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__buttons .button.checkout {
	background: linear-gradient(180deg, #fec338, #f34b71) !important;
}
#cart-popup .ux-mini-cart-footer .woocommerce-mini-cart__buttons{
	display: flex;
	gap: 10px;
}
#cart-popup .cart-popup-inner .widget_shopping_cart_content {
	flex: unset;
}
#cart-popup .cart-popup-inner {
	background: #fff;
}



/* box phone shop temp */

.pd-bp-sec1 .flickity-page-dots,.pd-bp-sec2 .flickity-page-dots {
	bottom: -25px;
}
.pd-bp-sec1 .flickity-page-dots .dot,.pd-bp-sec2 .flickity-page-dots .dot {
	border-color: #666 !important;
	background: #666;
}
.pd-bp-sec1 .flickity-page-dots .dot.is-selected,.pd-bp-sec2 .flickity-page-dots .dot.is-selected  {
	border-color: #111 !important;
	background: #111 !important;
}
.pd-bp-sec3 .flickity-page-dots {
	bottom: -15px !important;
}



/* product video */
.dc-product-video-main {
	position: relative;
	width: 100%;
}

.dc-product-video-box {
	position: relative;
	width: 100%;
	aspect-ratio: 116 / 135;
	overflow: hidden;
	background: #000;
	border-radius: 10px;
	cursor: pointer;
}

.dc-product-video-box iframe,
.dc-product-video-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dc-product-video-box iframe {
	position: absolute;
	inset: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}

.dc-product-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	width: 74px;
	height: 52px;
	border: 0;
	border-radius: 14px;
	background: #ff0000;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

.dc-product-video-play span {
	width: 0;
	height: 0;
	margin-left: 5px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 20px solid #fff;
}

.dc-product-video-box.is-playing .dc-product-video-preview,
.dc-product-video-box.is-playing .dc-product-video-play {
	opacity: 0;
	pointer-events: none;
}

.product-thumbnails .dc-product-video-thumb {
	position: relative;
	cursor: pointer;
}

.product-thumbnails .dc-product-video-thumb a {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 8px;
}

.product-thumbnails .dc-product-video-thumb img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.product-thumbnails .dc-product-video-thumb small {
	position: absolute;
	left: 8px;
	bottom: 7px;
	z-index: 3;
	padding: 3px 7px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.75);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
}

.dc-product-video-thumb-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	width: 32px;
	height: 24px;
	border-radius: 7px;
	background: #ff0000;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.dc-product-video-thumb-icon span {
	width: 0;
	height: 0;
	margin-left: 3px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #fff;
}

.product-thumbnails .dc-product-video-thumb.is-nav-selected a,
.product-thumbnails .dc-product-video-thumb.is-selected a {
	border: 1px solid var(--fs-color-primary);
}

.h-sec-pn .slider .flickity-slider > .col {
	padding-bottom: 0 !important;
}
.h-sec-pn .slider .flickity-slider > .col >.col-inner {
	display: flex;
	justify-content:center;
    align-items: center;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
}
.h-sec-pn .slider-marquee {
    overflow: hidden;
    background-color: #f9fafb;
    padding: 1.5rem 0;
    border-radius: 12px;
    mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent);
}