/* #region Embroidery Page */
#dtg-print-cities .section-container {
max-width: 1440px;
margin   : 0 auto;
padding  : 0 112px;
}

@media (max-width: 1024px) {
#dtg-print-cities .section-container {
padding: 0 16px;
}
}

#dtg-print-cities .section-container-fluid {
max-width: 1440px;
margin   : 0 auto;
}

@media (max-width: 1024px) {
#dtg-print-cities .section-container-fluid {
padding: 0 16px;
}
}

/*#endregion */

/* #region Embroidery Page Intro*/
#dtg-print-cities-intro {
padding: 40px 0 60px;
background-color: #fff;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-intro {
padding         : 20px 0;
background-color: #fff;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-intro {
padding: 20px 0 50px;
}
}

#dtg-print-cities-intro .intro-box {
display    : flex;
gap        : 28px;
align-items: center;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-intro .intro-box {
flex-direction: column;
gap           : 22px;
}
}

#dtg-print-cities-intro .intro-box .text {
width         : 60%;
display       : flex;
flex-direction: column;
gap           : 24px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-intro .intro-box .text {
gap  : 16px;
width: 50%;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-intro .intro-box .text {
width: 100%;
gap  : 22px;
}
}

#dtg-print-cities-intro .intro-box .text .title {
color      : #0d1c2c;
font-family: Poppins !important;
font-size  : 48px;
font-weight: 700;
line-height: 67px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-intro .intro-box .text .title {
font-size  : 24px;
font-weight: 700;
line-height: normal;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-intro .intro-box .text .title {
font-size  : 32px;
font-weight: 700;
text-align : center;
}
}

#dtg-print-cities-intro .intro-box .text .desc {
display: flex;
gap    : 28px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-intro .intro-box .text .desc {
display: none;
}
}

#dtg-print-cities-intro .intro-box .text .desc .desc-svg {
display    : flex;
align-items: center;
gap        : 6px;
}

#dtg-print-cities-intro .intro-box .text .desc .desc-svg img {
width : 28px;
height: 28px;
}

#dtg-print-cities-intro .intro-box .text .desc .desc-svg span {
color      : #213343;
text-align : center;
font-family: Poppins;
font-size  : 16px;
font-weight: 500;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-intro .intro-box .text .desc:first-of-type {
display: none;
}
}

#dtg-print-cities-intro .intro-box .text .desc-text {
color      : #172640;
font-size  : 18px;
font-weight: 400;
line-height: 32px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-intro .intro-box .text .desc-text {
text-align: center;
}
}

#dtg-print-cities-intro .intro-box .text .btn-box {
display    : flex;
align-items: center;
gap        : 16px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-intro .intro-box .text .btn-box {
margin-top: 8px;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-intro .intro-box .text .btn-box {
justify-content: center;
flex-direction : column;
}
}

#dtg-print-cities-intro .intro-box .text .btn-box .btn {
width          : 232px;
text-align     : center;
font-size      : 20px;
font-weight: 600;
line-height    : 22px;
text-decoration: none;
padding        : 15px 0;
display        : block;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-intro .intro-box .text .btn-box .btn {
width    : 153px;
font-size: 16px;
padding  : 12px 0;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-intro .intro-box .text .btn-box .btn {
width      : 100%;
font-size  : 20px;
line-height: 28px;
}
}

#dtg-print-cities-intro .intro-box .photo {
width     : 495px;
max-height: 502px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-intro .intro-box .photo {
width: 100%;
}
}

#dtg-print-cities-intro .intro-box .photo img {
width: 100%;
}

#dtg-print-cities-intro .ti-widget[data-layout-id='27'][data-set-id='light-minimal'] {
text-align: start;
}
@media only screen and (max-width: 768px){
#dtg-print-cities-intro .ti-widget[data-layout-id='27'][data-set-id='light-minimal']{
text-align: center;
}

}

#dtg-print-cities-intro .ti-widget[data-layout-id='27'][data-set-id='light-minimal'] .ti-header {
padding: 0;
}

/*#endregion */

/*#region embroidery DELIVERY */

#dtg-print-cities-delivery {
background-color: #F6FAFF;
padding: 34px 0;
}

#dtg-print-cities-delivery .title {
text-align : center;
color      : #172640;
font-family: Poppins !important;
font-size  : 32px;
font-weight: 600;
line-height: 51.2px;
}

#dtg-print-cities-delivery .delivery-box {
border-radius  : 4px;
background     : #fff;
box-shadow     : 2px 2px 11px 0px rgba(0, 109, 205, 0.10), 2px 1px 10px -1px rgba(115, 78, 234, 0.10);
display        : flex;
justify-content: space-between;
gap            : 16px;
padding: 30px 34px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-delivery .delivery-box {
flex-direction: column;
box-shadow    : none;
gap           : 0;
padding       : 0;
margin-top    : 22px;
}
}

#dtg-print-cities-delivery .delivery-box-item {
display    : flex;
gap        : 16px;
align-items: center;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-delivery .delivery-box-item {
padding      : 8px 0 14px;
border-bottom: 1px solid #7e899b1f;
}
}

#dtg-print-cities-delivery .delivery-box-item .photo {
width: 56px;
height: 56px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-delivery .delivery-box-item .photo {
width : 80px;
height: 80px;
}
}

#dtg-print-cities-delivery .delivery-box-item .photo img {
width : 100%;
height: 100%;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-delivery .delivery-box-item .text {
display       : flex;
flex-direction: column;
gap           : 10px;
}
}

#dtg-print-cities-delivery .delivery-box-item .text-title {
color         : #102437;
font-family   : Poppins !important;
font-size: 17px;
font-weight   : 500;
line-height   : 23.68px;
letter-spacing: -0.32px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-delivery .delivery-box-item .text-title {
font-size  : 24px;
line-height: 32px;
}
}

#dtg-print-cities-delivery .delivery-box-item .text-desc {
color          : #555e6d;
font-family    : Poppins !important;
font-size: 14px;
font-weight    : 500;
text-decoration: none;
margin-top: 2px;
}

#dtg-print-cities-delivery .delivery-box-item .text-desc span {
color: #353535;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-delivery .delivery-box-item .text-desc {
font-size: 18px;
}
}

#dtg-print-cities-delivery .delivery-box-item .text .num span {
color: #4475f2;
}

#dtg-print-cities-delivery .delivery-box-item:last-child {
border-bottom: none;
}


/*#endregion embroidery DELIVERY */


/* #region Embroidery Page Product*/
#dtg-print-cities-product {
padding: 100px 0;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-product {
padding: 50px 0;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-product {
background-color: #fff;
}
}

#dtg-print-cities-product .title {
color         : #0d1c2c;
text-align    : center;
font-family   : Poppins !important;
font-size     : 36px;
font-weight   : 600;
line-height   : 50.4px;
text-transform: capitalize;
margin-bottom : 12px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-product .title {
font-size  : 28px;
line-height: 39.2px;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-product .title {
font-size  : 30px;
line-height: 42px;
}
}

#dtg-print-cities-product .subtitle {
color      : #333;
font-family: Poppins;
font-size  : 16px;
font-weight: 400;
line-height: 24px;
text-align : center;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-product .subtitle {
margin-bottom: 24px;
}
}

#dtg-print-cities-product .product-box {
margin               : 36px 0;
display              : grid;
grid-template-columns: repeat(4, 1fr);
gap                  : 20px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-product .product-box {
grid-template-columns: repeat(2, 1fr);
gap                  : 16px;
margin               : 0;
}
}

@media only screen and (max-width: 768px) {

#dtg-print-cities-product .product-box .product-box-item:nth-child(1),
#dtg-print-cities-product .product-box .product-box-item:nth-child(6) {
grid-column: span 2;
}
}

#dtg-print-cities-product .product-box-item {
text-decoration: none;
display        : flex;
padding        : 16px 10px 10px 10px;
flex-direction : column;
align-items    : center;
gap            : 22px;
border-radius  : 4px;
border         : 1px solid #e6e8ea;
background     : #fff;
box-shadow     : 0px 5px 15px 0px rgba(0, 0, 0, 0.10);
transition     : all 0.3s;
}

#dtg-print-cities-product .product-box-item p {
color      : #0b1629;
font-family: Poppins !important;
font-size  : 24px;
font-weight: 500;
line-height: 24px;
text-align : center;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-product .product-box-item p {
font-size: 20px;
}
}

#dtg-print-cities-product .product-box-item .photo {
height         : 100%;
display        : flex;
align-items    : center;
justify-content: center;
}

#dtg-print-cities-product .product-box-item img {
max-height: 277px;
max-width : 100%;
}

#dtg-print-cities-product .product-box-item:hover {
box-shadow: 0px 5px 15px 0px rgba(2, 41, 107, 0.39);
}

#dtg-print-cities-product .view-all {
color          : #003ca3;
font-family    : Poppins;
font-size      : 20px;
font-weight    : 500;
line-height    : 32px;
display        : block;
text-align     : center;
text-decoration: none;
transition     : all 0.3s;
}

#dtg-print-cities-product .view-all:hover {
text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-product .view-all {
margin-top: 24px;
}
}

/*#endregion */

/*#region DTG REVIEWS */
#dtg-print-cities-reviews {
background-color: #fff;
padding         : 50px 0;
}

#dtg-print-cities-reviews .title {
color         : #0D1C2C;
text-align    : center;
font-family   : Poppins !important;
font-size     : 36px;
font-weight   : 600;
line-height   : 50.4px;
text-transform: capitalize;
margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-reviews .title {
font-size     : 32px;
font-weight   : 600;
line-height   : 44.8px;
text-transform: capitalize;
margin-bottom : 20px;
}
}

#dtg-print-cities-reviews .btn-box {
margin-top     : 33px;
display        : flex;
justify-content: center;
gap            : 16px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-reviews .btn-box {
flex-direction: column;
}
}

#dtg-print-cities-reviews .btn-box .btn {
width      : 273px;
font-size  : 20px;
font-weight: 600;
line-height: 22px;
padding    : 15px 0;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-reviews .btn-box .btn {
width      : 153px;
font-size  : 16px;
font-weight: 500;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-reviews .btn-box .btn {
display: none;
}
}

#dtg-print-cities-reviews .ti-reviews-container-wrapper .ti-review-item .ti-inner{
background: #F7F7F7 !important;
}
#dtg-print-cities-reviews .ti-widget-header {
display: none;
}
@media only screen and (max-width: 1024px) {
#dtg-print-cities-reviews .ti-widget .ti-controls-line {

display: block !important;
}

#dtg-print-cities-reviews .ti-widget .ti-header {
display: none;
}
}

/*#endregion DTG REVIEWS */
/*#region DTG SAMPLE */
#dtg-print-cities-samples {
background-color: #F9FCFF;
padding: 70px 0;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-samples {
padding: 50px 0;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-samples {
background-color: #F9FCFF;
}
}

#dtg-print-cities-samples .title {
color         : #0D1C2C;
text-align    : center;
font-family   : Poppins !important;
font-size     : 36px;
font-weight   : 600;
line-height   : 50.4px;
text-transform: capitalize;
margin-bottom : 12px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-samples .title {
font-size  : 24px;
line-height: 33.6px;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-samples .title {
font-size  : 32px;
line-height: 44.8px;
}
}

#dtg-print-cities-samples .subtitle {
color      : #333;
font-family: Poppins !important;
font-size  : 16px;
font-weight: 400;
line-height: 24px;
text-align : center;
}

/* @media only screen and (max-width: 1024px) {
#dtg-print-cities-samples .subtitle {
font-size  : 16px;
line-height: 24px;
}
} */

#dtg-print-cities-samples .samples-box {
margin-top           : 32px;
display              : grid;
grid-template-columns: repeat(4, 1fr);
gap: 0 6px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-samples .samples-box {
margin-top: 28px;
}

#dtg-print-cities-samples .samples-box .photo:first-of-type {
grid-column: span 2;
grid-row   : span 2;
}

#dtg-print-cities-samples .samples-box .photo:nth-child(6),
#dtg-print-cities-samples .samples-box .photo:nth-child(7),
#dtg-print-cities-samples .samples-box .photo:nth-child(8) {
display: none;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-samples .samples-box {
margin-top           : 24px;
grid-template-columns: repeat(2, 1fr);
}

#dtg-print-cities-samples .samples-box .photo:first-of-type {
grid-column: span 1;
grid-row   : span 1;
}

#dtg-print-cities-samples .samples-box .photo:nth-child(3) {
grid-column: span 2;
}
}

#dtg-print-cities-samples .samples-box .photo img {
width        : 100%;
border-radius: 4px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-samples .samples-box .photo img {
border-radius: 8px;
}
}

#dtg-print-cities-samples .btn-box {
display        : flex;
align-items    : center;
gap            : 16px;
margin-top     : 32px;
justify-content: center;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-samples .btn-box {
margin-top: 28px;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-samples .btn-box {
margin-top     : 24px;
justify-content: center;
flex-direction : column;
}
}

#dtg-print-cities-samples .btn-box .btn {
text-align     : center;
font-family: Poppins !important;
font-size: 20px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
padding        : 15px 44px;
display        : block;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-samples .btn-box .btn {
width    : 153px;
font-size: 16px;
padding  : 12px 0;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-samples .btn-box .btn {
width      : 100%;
font-size  : 20px;
line-height: 28px;
}
}

/*#endregion DTG SAMPLE */


/* #region Embroidery Page Service*/
#dtg-print-cities-service {
padding         : 70px 0;
background-color: #f6f9fc;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-service {
padding: 50px 0;
}
}

#dtg-print-cities-service .title {
color         : #0d1c2c;
text-align    : center;
font-family   : Poppins !important;
font-size     : 30px;
font-weight   : 600;
text-transform: capitalize;
margin-bottom : 12px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-service .title {
margin-bottom: 24px;
font-size    : 20px;
line-height  : 28px;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-service .title {
font-size  : 24px;
line-height: 33.6px;
}
}

#dtg-print-cities-service .subtitle {
color         : #475467;
font-family   : Poppins !important;
font-size     : 16px;
font-weight   : 400;
line-height   : 24px;
text-transform: capitalize;
text-align    : center;
margin-bottom : 25px;
}

#dtg-print-cities-service .service-box {
display              : grid;
grid-template-columns: repeat(2, 1fr);
gap                  : 18px 20px;
}

#dtg-print-cities-service .service-box-item {
padding      : 16px;
border-radius: 4px;
border       : 1px solid #e6e8ea;
background   : #fff;
box-shadow   : 0px 2px 4px 0px rgba(13, 16, 45, 0.10), 0px 1px 2px -1px rgba(13, 16, 45, 0.10);
}

#dtg-print-cities-service .service-box-item-title {
color         : #102437;
font-family   : Poppins !important;
font-size     : 16px;
font-weight   : 600;
line-height   : 22px;
padding-bottom: 10px;
}

#dtg-print-cities-service .service-box-item-desc {
color      : #0d1c2c;
font-family: Poppins !important;
font-size  : 14px;
font-weight: 400;
line-height: 20px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-service .service-box {
grid-template-columns: repeat(1, 1fr);
}

#dtg-print-cities-service .service-box .service-box-item-title {
font-size  : 16px;
line-height: 22.4px;
}

#dtg-print-cities-service .service-box .service-box-item-desc {
font-size  : 16px;
line-height: 22.4px;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-service .service-box {
gap: 16px;
}

#dtg-print-cities-service .service-box .service-box-item {
box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.05);
padding   : 16px 13px;
}

#dtg-print-cities-service .service-box .service-box-item-title {
padding-bottom: 0;
position      : relative;
}

#dtg-print-cities-service .service-box .service-box-item-title::before {
content   : url("/uploads/12046237/File/deco/home/assets/arrow-down.svg");
position  : absolute;
top       : 50%;
right     : 0;
transform : translateY(-50%);
transition: 0.3s;
}

#dtg-print-cities-service .service-box .service-box-item-desc {
max-height: 0;
overflow  : hidden;
transition: 0.3s;
}

#dtg-print-cities-service .service-box .service-box-item.active .service-box-item-title::before {
top      : 50%;
transform: rotate(-180deg) translateY(50%);
}

#dtg-print-cities-service .service-box .service-box-item.active .service-box-item-desc {
padding-top: 20px;
max-height : 100vh;
}
}

/*#endregion */

/* #region Embroidery Page Info*/
#dtg-print-cities-info .info-box {
padding: 70px 0;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-info .info-box {
padding: 50px 0;
}
}

#dtg-print-cities-info .info-box-content {
display    : flex;
align-items: center;
gap        : 28px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-info .info-box-content {
flex-direction: column !important;
}
}

#dtg-print-cities-info .info-box-content .photo {
width: 50%;
height:410px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-info .info-box-content .photo {
width        : 100%;
height       : 320px;
border-radius: 4px;
overflow     : hidden;
}
}

#dtg-print-cities-info .info-box-content .photo img {
width     : 100%;
height: 100%;
object-fit: cover;
}

#dtg-print-cities-info .info-box-content .text {
width: 50%;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-info .info-box-content .text {
width: 100%;
}
}

#dtg-print-cities-info .info-box-content .text .title {
color      : #213343;
font-family: Poppins !important;
font-size  : 30px;
font-weight: 600;
line-height: normal;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-info .info-box-content .text .title {
margin: 24px 0;
}
}

#dtg-print-cities-info .info-box-content .text .features {
display       : flex;
flex-direction: column;
gap           : 16px;
margin: 24px auto;
}

#dtg-print-cities-info .info-box-content .text .features-item {
display    : flex;
gap        : 4px;
align-items: flex-start;
}

#dtg-print-cities-info .info-box-content .text .features-item-title {
color        : #102437;
font-size    : 18px;
font-weight  : 500;
line-height  : 20px;
margin-bottom: 8px;
}

#dtg-print-cities-info .info-box-content .text .features-item-desc {
color      : #354156;
font-weight: 400;
line-height: 18px;
font-size  : 14px;
}
#dtg-print-cities-info .info-box-content .text .features-item-desc a{
text-decoration:underline;
font-weight: 400;
line-height: 18px;
font-size  : 14px;
}
#dtg-print-cities-info .info-box-content .text .desc {
display       : flex;
flex-direction: column;
gap           : 10px;
color         : #102437;
font-family   : Poppins !important;
font-size     : 16px;
font-weight   : 400;
line-height   : 22.4px;
margin        : 24px 0;
}

#dtg-print-cities-info .info-box-content .text .btn {
width      : 232px;
padding    : 15px 0;
font-size  : 20px;
font-weight: 600;
line-height: 22px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-info .info-box-content .text .btn {
width: 100%;
}
}

#dtg-print-cities-info .info-box:nth-child(1) {
background-color: #f6f9fc;
}

#dtg-print-cities-info .info-box:nth-child(even) .info-box-content {
flex-direction: row-reverse;
}

/*#endregion */

/* #region Embroidery Page Faq*/
#dtg-print-cities-faq {
padding: 70px 0;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-faq {
padding: 50px 0;
}
}

#dtg-print-cities-faq .title {
color         : #0d1c2c;
text-align    : center;
font-family   : Poppins !important;
font-size     : 30px;
font-weight   : 600;
line-height   : 42px;
text-transform: capitalize;
margin-bottom : 24px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-faq .title {
font-size    : 24px;
line-height  : 33.6px;
margin-bottom: 0;
display      : none;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-faq .title {
font-size  : 30px;
line-height: 42px;
}
}

#dtg-print-cities-faq .faq-box .text {
width : 80%;
margin: 0 auto;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-faq .faq-box .text {
width: 100%;
}
}

#dtg-print-cities-faq .faq-box .question {
width         : 100%;
display       : flex;
flex-direction: column;
gap           : 16px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-faq .faq-box .question {
width: 100%;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-faq .faq-box .question {
display       : flex;
flex-direction: column;
gap           : 16px;
}
}

#dtg-print-cities-faq .faq-box .question-item {
padding      : 19px 40px 19px 16px;
position     : relative;
cursor       : pointer;
border-radius: 4px;
border       : 1px solid #e8e9ea;
background   : #fff;
box-shadow   : 0px 9px 26px 0px rgba(0, 0, 0, 0.05);
}

#dtg-print-cities-faq .faq-box .question-item::before {
content : url("/uploads/12046237/File/deco/cities/assets/minus.svg");
position: absolute;
right   : 16px;
top     : 19px;
width: 24px;
height: 24px;
}

#dtg-print-cities-faq .faq-box .question-item::after {
content   : url("/uploads/12046237/File/deco/cities/assets/minus.svg");
position  : absolute;
right     : 16px;
top       : 19px;
transition: all 0.3s;
transform : rotate(90deg);
width: 24px;
height: 24px;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-faq .faq-box .question-item {
border-radius: 4px;
border       : 1px solid #e8e9ea;
background   : #fff;
box-shadow   : 0px 9px 26px 0px rgba(0, 0, 0, 0.05);
padding      : 16px 40px 16px 13px;
}

#dtg-print-cities-faq .faq-box .question-item::after {
content  : url("/uploads/12046237/File/deco/home/assets/arrow-down.svg");
top      : 16px;
right    : 13px;
transform: rotate(0deg);
}

#dtg-print-cities-faq .faq-box .question-item::before {
content: '';
top    : 16px;
right  : 13px;
}
}

#dtg-print-cities-faq .faq-box .question-item-title {
color      : #232528;
font-family: Poppins !important;
font-size  : 16px;
font-weight: 400;
line-height: 26px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-faq .faq-box .question-item-title {
font-size  : 18px;
font-weight: 500;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-faq .faq-box .question-item-title {
font-weight: 600;
}
}

#dtg-print-cities-faq .faq-box .question-item-desc {
color      : #4d4f53;
font-family: Poppins !important;
font-size  : 14px;
font-weight: 500;
line-height: 22px;
max-height : 0;
overflow   : hidden;
transition : all 0.3s;
padding-top: 0;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-faq .faq-box .question-item-desc {
font-size  : 16px;
font-weight: 400;
}
}

#dtg-print-cities-faq .faq-box .question-item:last-of-type {
border-bottom: none;
}

#dtg-print-cities-faq .faq-box .question-item.active .question-item-desc {
padding-top: 16px;
max-height : 100vh;
}

#dtg-print-cities-faq .faq-box .question-item.active::after {
transform: rotate(0deg);
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-faq .faq-box .question-item.active::after {
transform: rotate(180deg);
}
}

#dtg-print-cities-faq .faq-box .mob {
display: none;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-faq .faq-box .mob {
display: block !important;
}
}

/*#endregion */

/* #region Embroidery Page Ready*/
#dtg-print-cities-ready {
padding         : 40px 0;
background-color: #fef4ea;
}

#dtg-print-cities-ready .title {
font-size    : 36px;
color        : #353535;
font-weight  : 700;
text-align   : center;
margin-bottom: 36px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-ready .title {
font-size: 24px;
}
}

#dtg-print-cities-ready .btn-box {
display        : flex;
gap            : 16px;
justify-content: center;
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-ready .btn-box {
flex-direction: column;
}
}

#dtg-print-cities-ready .btn-box .btn {
padding    : 14px 44px;
font-size: 20px;
font-weight: 600;
line-height: 22px;
}

@media only screen and (max-width: 1024px) {
#dtg-print-cities-ready .btn-box .btn {
padding    : 14px;
width      : 200px;
font-size  : 16px;
font-weight: 500;
line-height: 22px;
}
}

@media only screen and (max-width: 768px) {
#dtg-print-cities-ready .btn-box .btn {
width      : 100%;
font-size  : 20px;
font-weight: 600;
line-height: 28px;
}
}

/*#endregion */
/*#region Design-area Start*/
#design-area {
padding         : 70px 0;
background-color: #F6FAFF;
}

@media (max-width: 1024px) {
#design-area {
padding: 50px 0;
}
}

#design-area .design-content-boxs {
background-color: #fff;
padding         : 20px 23px;
}
@media (max-width: 1024px) {
#design-area .design-content-boxs {
padding         : 0;
}
}

#design-area .design-content-boxs-item {
transition: all 0.3s;
}

#design-area .design-content-boxs-item:first-of-type.active {
margin-top: 0px !important;
}

#design-area .design-content-boxs-item:last-of-type.active {
margin-bottom: 0px !important;
}

#design-area .design-content-boxs-item.active .design-content-boxs-item-content {
/* height: auto;*/
}

#design-area .design-content-boxs-item.active .title {
color: #3578EA;
}

#design-area .design-content-boxs-item.active .title::before {
content  : url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.9181 8.94922L13.3981 15.4692C12.6281 16.2392 11.3681 16.2392 10.5981 15.4692L4.07812 8.94922" stroke="%233578EA" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
transform: translateY(-50%) rotate(180deg);
}

#design-area .design-content-boxs-item-content .description {
display       : flex;
flex-direction: column;
gap           : 10px;
margin-top: 16px;
}

#design-area .design-content-boxs-item-content .description .description-item .description-item-title {
color: #172640;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height:  22.4px ;
padding-bottom: 8px;
}

#design-area .design-content-boxs-item-content .description .description-item .description-item-text {
color: #354156;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22.4px;
/* display       : flex;
flex-direction: column;
gap           : 8px; */
}
#design-area .design-content-boxs-item-content .description .description-item a{
font-size: 14px;
text-decoration:underline
}
#design-area .design-content-boxs-item-content .description .description-item ul {
list-style: unset;
margin-left: 17px;
}
#design-area .design-content-boxs-item-content .description .description-item ul li {
color      : #354156;
font-size  : 13px;
font-style : normal;
font-weight: 400;
line-height: 19.6px;
/* display    : flex; */
align-items: center;
gap        : 8px;
}

/* @media (max-width: 768px) {
#design-area .design-content-boxs-item-content .description .description-item ul li {
flex-direction: column;
justify-content:center;
align-items:start;
}
} */

#design-area .design-content-boxs-item {
padding      : 24px 19px;
border-bottom: 1px solid #E8E9EA;
}

#design-area .design-content-boxs-item:nth-last-child(1) {
border-bottom: none;
}

#design-area .design-content-boxs-item .title {
color: #1C244B;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 22.4px;
text-transform: capitalize;
position      : relative;
cursor        : pointer;
padding-right : 35px;
}

@media (max-width: 1024px) {
#design-area .design-content-boxs-item .title {
font-size  : 16px;
line-height: 24px;
}
}

#design-area .design-content-boxs-item .title::before {
content   : url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.9181 8.94922L13.3981 15.4692C12.6281 16.2392 11.3681 16.2392 10.5981 15.4692L4.07812 8.94922" stroke="%23666666" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
position  : absolute;
right     : 0;
top       : 50%;
transform : translateY(-50%);
transition: all 0.3s;
}

#design-area .design-content-boxs-item-content {
height    : 0;
overflow  : hidden;
transition: all 0.3s ease;
}

#design-area .design-content-boxs-item-content .subtitle {
color      : #354156;
font-family: Inter;
font-size  : 14px;
font-style : normal;
font-weight: 400;
line-height: 22.4px;
margin     : 16px 0;
}

#design-area .design-content-boxs-item-content .cards {
display  : flex;
gap      : 16px;
flex-wrap: wrap;
}

@media only screen and (max-width: 992px) {
#design-area .design-content-boxs-item-content .cards {
gap: 4px;
}
}

#design-area .design-content-boxs-item-content .cards-item {
padding         : 12px;
background-color: #fff;
border-radius   : 4px;
border          : 1px solid #E8E9EA;
width           : calc((100% - 16px * 4) / 5);
}

@media only screen and (max-width: 992px) {
#design-area .design-content-boxs-item-content .cards-item {
width  : calc((100% - 4px) / 2);
padding: 10px;
}
}

#design-area .design-content-boxs-item-content .cards-item-photo {
/* height         : 210px; */
display        : flex;
align-items    : center;
justify-content: center;
border         : 1px solid #E8E9EA;
border-radius  : 2px;
}

#design-area .design-content-boxs-item-content .cards-item-photo img {
max-height: 100%;
max-width : 100%;
object-fit: contain;
}

#design-area .design-content-boxs-item-content .cards-item-text {
margin-top: 16px;
text-align: center;
}

#design-area .design-content-boxs-item-content .cards-item-text-title {
color      : #354156;
font-size  : 18px;
font-style : normal;
font-weight: 500;
line-height: 25.2px;
}

#design-area .design-content-boxs-item-content .cards-item-text-desc {
color      : #354156;
font-size  : 14px;
font-style : normal;
font-weight: 500;
line-height: 19.6px;
margin-top : 16px;
}

#design-area .design-content-boxs-item.active {
background-color: #fff;
}

#design-area .design-content-boxs-item.active .design-content-boxs-item-content {
height: auto;
}

#design-area .design-content-boxs-item.active .title {
color: #FF5C35;
}

#design-area .design-content-boxs-item.active .title::before {
content  : url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.9181 8.94922L13.3981 15.4692C12.6281 16.2392 11.3681 16.2392 10.5981 15.4692L4.07812 8.94922" stroke="%23FF5C35" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> </svg>');
transform: translateY(-50%) rotate(180deg);
}
#design-area b{
font-weight: 700 !important;
}
/*#endregion Design-area End */
/*Custoize start*/
.print-steps {
padding: 70px 0;
}
@media only screen and (max-width: 1024px){
.print-steps {
padding: 50px 0;

}
}

.print-steps .content-box {
display: flex;
gap    : 40px;
align-items: center;
}

@media only screen and (max-width: 768px) {
.print-steps .content-box {
flex-direction: column;
gap           : 15px;
}
}

.print-steps .content-box-left {
width: 48%;
}
.print-steps .content-box-left  .photo{
width: 100%;
}
.print-steps .content-box-left  .photo img{
width: 100%;
}
@media only screen and (max-width: 768px) {
.print-steps .content-box-left  .photo img{
width:max-content;
}
.print-steps .content-box-left  .photo {
width:max-content;
margin:0 auto;
}
}
@media only screen and (max-width: 768px) {
.print-steps .content-box-left {
width: 100%;
}
}

.print-steps .content-box-left .section-title {
color         : #213343;
font-family   : Poppins !important;
font-size     : 24px;
font-style    : normal;
font-weight   : 600;
line-height   : 33.6px;
text-transform: capitalize;
text-align: center;
}

.print-steps .content-box-left .section-subtitle {
color      : #333;
font-family: Poppins !important;
font-size  : 14px;
font-style : normal;
font-weight: 400;
line-height: 24px;
margin     : 12px 0;
text-align: center;
}

.print-steps .content-box .steps {
width: 52%;
}

@media only screen and (max-width: 768px) {
.print-steps .content-box .steps {
width: 100%;
}
}

.print-steps .content-box .steps-item-title {
display    : flex;
gap        : 12px;
align-items: center;
cursor     : pointer;
}

.print-steps .content-box .steps-item-title p {
color         : #333;
font-family   : Poppins !important;
font-size     : 16px;
font-style    : normal;
font-weight   : 600;
line-height   : 24px;
text-transform: capitalize;
position      : relative;
transition    : all 0.3s;
padding-right : 35px;
}

.print-steps .content-box .steps-item-title p::after {
content   : url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3.75 12L20.25 12" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 18.75L20.25 12L13.5 5.25" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
position  : absolute;
top       : 50%;
transform : translateY(-50%);
right     : 0px;
transition: all 0.3s;
}

.print-steps .content-box .steps-item-title span.number {
width          : 40px;
height         : 40px;
display        : flex;
align-items    : center;
justify-content: center;
border-radius  : 4px;
color          : #FFF;
font-family    : Poppins !important;
font-size      : 16px;
font-style     : normal;
font-weight    : 600;
line-height    : 24px;
text-transform : capitalize;
}

.print-steps .content-box .steps-item-content {
margin      : 8px 0;
color       : #000;
font-family : Poppins !important;
font-size   : 13px;
font-style  : normal;
font-weight : 400;
line-height : 24px;
padding-left: 70px;
position    : relative;
height      : 0px;
overflow    : hidden;
transition  : all 0.3s;
}

.print-steps .content-box .steps-item-content::before {
content         : '';
position        : absolute;
width           : 1px;
height          : 100%;
background-color: #cccccccc;
left            : 20px;
top             : 0px;
}

.print-steps .content-box .steps-item-content p {
list-style: disc;
display   : list-item;
}

.print-steps .content-box .steps-item:first-of-type .steps-item-title span {
background-color: #6A4EE9;
}

.print-steps .content-box .steps-item:nth-child(2) .steps-item-title span {
background-color: #FF8E51;
}

.print-steps .content-box .steps-item:nth-child(3) .steps-item-title span {
background-color: #227DFF;
}

.print-steps .content-box .steps-item:nth-child(4) .steps-item-title span {
background-color: #FFCB29;
}

.print-steps .content-box .steps-item:nth-child(5) .steps-item-title span {
background-color: #282527;
}

.print-steps .content-box .steps-item:nth-child(6) .steps-item-title span {
background-color: #63c03e;
}

.print-steps .content-box .steps-item.active .steps-item-title p {
color: #4475F2;
}

.print-steps .content-box .steps-item.active .steps-item-title p::after {
content  : url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3.75 12L20.25 12" stroke="%234475F2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.5 18.75L20.25 12L13.5 5.25" stroke="%234475F2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
transform: translateY(-50%) rotate(45deg);
}

.print-steps .content-box .steps-item.active .steps-item-content {
height: auto;
}
/*Custoize end*/