.navbar .navbar-nav .nav-item:nth-child(2) .nav-link {
	padding-left: 0 !important;
}

.navbar-brand img {
	max-width: 180px;
	max-height: 50px;
	width: auto;
}

/*ul#v-pills-tab li:first-child, */
ul#v-pills-tab li:nth-child(7) {
    /*display: none;*/
}
.tshirt small.text-info.float-right,
.hideprice div#productpricetotal,
.hideprice form#shippricecalulate{
    display: none;
}

.header-search .form-control{
        border-radius: 5px !important;
}
@media (max-width:1100px) {
	.navbar-brand img {
		max-width: 120px;
		max-height: 40px;
		width: auto;
		height: auto;
	}
}

#related_products .text-ellips {
	max-width: 80%;
}

.navbar .navbar-nav .nav-item.megamenu .dropdown-menu .list-unstyled>li:first-child>a {
	background: transparent;
}

.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled>li:first-child>a::after {
	display: none;
}

@media(max-width:1599px){
    nav.navbar.navbar-expand-xl.navbar-light.border-bottom.px-0.py-md-0.py-0 ul.navbar-nav.ml-md-auto.mr-auto.mr-md-0 {
        justify-content: start;
        gap: 10px;
    }
}

@media only screen and (min-width: 1024px) {
	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .dropdown-submenu:first-child {
		padding: 1.125rem 0 0 0;
	}
}

#footer p,
#footer li,
.footer-content h3.mb-lg-4,
#footer .btn-primary b,
.bottom-footer-links .text-white {
	font-family: "Inter", sans-serif !important;
}

.footer-content #footersubscribe_sidebar .card-body form .btn-primary {
	font-family: "Inter", sans-serif;
}

.footer-content .bottom-linkss {
	font-weight: 400;
}

div#product-description * {
	font-family: "Inter", sans-serif !important;
}

.slick-slider .slick-list .slick-track {
	margin: 0 !important;
}

#action-btn {
	max-width: unset;
}

body,
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
p {
	font-family: "Inter", sans-serif;
}

#middle-content #product-info #related-product .card:hover .card-body a img {
	transform: scale(1.1);
}

#middle-content #product-info #related-product .card {
	overflow: hidden;
}

#middle-content #product-info #related-product .card:hover {
	border: 1px solid red;
}

#middle-content #product-info #related-product .card .card-body a img {
	transition: all 0.5s ease;
}

#action-btn .browse_design,
#action-btn .upload_design,
#action-btn .custom_design,
#action-btn .hire_designer,
#action-btn .ico_quote_design,
#action-btn .quote_product {
	padding: 0 !important;
}

#action-btn .browse_design .btn-img-text i,
#action-btn .upload_design .btn-img-text i,
#action-btn .custom_design .btn-img-text i,
#action-btn .hire_designer .btn-img-text i,
#action-btn .ico_quote_design .btn-img-text i,
#action-btn .quote_product .btn-img-text i {
	color: #fff !important;
}

#action-btn .browse_design::after,
#action-btn .upload_design::after,
#action-btn .custom_design::after,
#action-btn .hire_designer::after,
#action-btn .ico_quote_design::after,
#action-btn .quote_product::after {
	display: none !important;
}

#action-btn .browse_design::before,
#action-btn .upload_design::before,
#action-btn .custom_design::before,
#action-btn .hire_designer::before,
#action-btn .ico_quote_design::before,
#action-btn .quote_product::before {
	display: none !important;
}

.btn-img-text i {
	margin-left: auto;
	font-size: 1.5rem;
	color: #fff !important;
}

#action-btn .media-body {
	flex: unset;
	margin-right: auto;
	text-align: left;
}

#action-btn .media-body span {
	color: #fff !important;
}

#action-btn .border.rounded {
	/* border-color: red !important;
background-color:red !important; */
	border-radius: 5px !important;
	transition: all 0.3s ease;
}

#action-btn .btn-img-text {
	padding: 1rem !important;
}

#action-btn .media-body .short-disc {
	display: none !important;
}

#action-btn .browse_design .btn-img-text {
	background: black;
	border-color: black;
}

#action-btn .border.rounded.browse_design {
	border-color: black !important;
}

#action-btn .browse_design .btn-img-text:hover {
	border-color: black !important;
	background-color: transparent !important;
}

#action-btn .border.rounded.browse_design:hover {
	border-color: black !important;
	background-color: transparent !important;
}

#action-btn .border.rounded.browse_design:hover .media-body span {
	color: black !important;
}

#action-btn .browse_design:hover .btn-img-text i {
	color: black !important;
}


#action-btn .upload_design .btn-img-text {
	background: red;
	border-color: red;
}

#action-btn .upload_design .btn-img-text:hover {
	border-color: red !important;
	background-color: transparent !important;
}

#action-btn .border.rounded.upload_design {
	border-color: red !important;
}

#action-btn .border.rounded.upload_design:hover {
	border-color: red !important;
	background-color: transparent !important;
}

#action-btn .border.rounded.upload_design:hover .media-body span {
	color: red !important;
}

#action-btn .upload_design:hover .btn-img-text i {
	color: red !important;
}

#action-btn .upload_design .btn-img-text .fal.fa-upload {
	display: none !important;
}

#action-btn .upload_design .media-body {
	margin-left: auto !important;
	margin-right: auto !important;
}


#action-btn .ico_quote_design .btn-img-text {
	background: #838080;
	border-color: #838080;
}

#action-btn .border.rounded.ico_quote_design {
	border-color: #838080 !important;
}

#action-btn .ico_quote_design .btn-img-text:hover {
	border-color: #838080 !important;
	background-color: transparent !important;
}

#action-btn .border.rounded.ico_quote_design:hover {
	border-color: #838080 !important;
	background-color: transparent !important;
}

#action-btn .border.rounded.ico_quote_design:hover .media-body span {
	color: #838080 !important;
}

#action-btn .ico_quote_design:hover .btn-img-text i {
	color: #838080 !important;
}

#action-btn .custom_design .btn-img-text {
	background: #000000;
	border-color: #000000;
}

#action-btn .border.rounded.custom_design {
	border-color: #000000 !important;
}

#action-btn .custom_design .btn-img-text:hover {
	border-color: #000000 !important;
	background-color: transparent !important;
}

#action-btn .border.rounded.custom_design:hover {
	border-color: #000000 !important;
	background-color: transparent !important;
}

#action-btn .border.rounded.custom_design:hover .media-body span {
	color: #000000 !important;
}

#action-btn .custom_design:hover .btn-img-text i {
	color: #000000 !important;
}


#middle-content #product-info #related-product .caption {
	max-width: 80%;
	border: 0.1px solid red;
	position: absolute;
	bottom: 1.3125rem;
	left: 1.5625rem;
	font-size: 1.125rem;
	border-radius: 5px !important;
	right: unset;
	top: unset !important;
	background-color: #fff;
	padding: .375rem .75rem;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 500 !important;
	font-family: "Inter", sans-serif;
}

#product_design_upload .page-header .fa-cloud-upload {
	display: none;
}

@media only screen and (max-width: 768px) {

	.user_whishlist_page_header,
	.express_checkout_payment_page_header,
	.user_order_info_page_header,
	.user_order_page_header {
		padding-bottom: 2rem;
		border: none;
	}

	.large-collection-slider .slick-prev.slick-arrow {
		left: 0;
	}

	.large-collection-slider .slick-next.slick-arrow {
		right: 0;
	}

	#product_design_builder .page-header>div {
		display: block;
	}

	#product_design_builder .page-header .breadcrumb_container {
		display: none;
	}
}

@media only screen and (max-width: 768px) {

	#mailing_options_div .page-header.flex-column,
	#user_dashboard .page-header.flex-column,
	#expreess_product_additional_info .page-header.flex-column,
	#user_profile .page-header.flex-column,
	#change_password .page-header.flex-column,
	#user_portfolio .page-header.flex-column,
	#inventory_listing .page-header.flex-column,
	#quote_listing .page-header.flex-column,
	#userimages .page-header.flex-column,
	#user_qrcode_list .page-header.flex-column,
	#user_address .page-header.flex-column {
		padding-bottom: 2rem;
		border: none;
	}
}


@media only screen and (min-width: 768px) {

	.user_whishlist_page_header,
	.express_checkout_payment_page_header,
	.user_order_info_page_header,
	.user_order_page_header {
		min-height: 200px;
		justify-content: center;
		padding-bottom: 3.5rem;
		border: none;
		align-items: center;
	}
}

@media only screen and (min-width: 768px) {

	#mailing_options_div .page-header.flex-column,
	#user_dashboard .page-header.flex-column,
	#expreess_product_additional_info .page-header.flex-column,
	#user_profile .page-header.flex-column,
	#change_password .page-header.flex-column,
	#user_portfolio .page-header.flex-column,
	#inventory_listing .page-header.flex-column,
	#quote_listing .page-header.flex-column,
	#userimages .page-header.flex-column,
	#user_qrcode_list .page-header.flex-column,
	#user_address .page-header.flex-column {
		min-height: 200px;
		justify-content: center;
		padding-bottom: 3.5rem;
		border: none;
	}
}

@media only screen and (min-width: 768px) {
	.navbar .navbar-nav .nav-item .nav-link::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0.625rem;
		left: 0;
		right: 0;
		height: 1px;
		width: 4px;
		background: transparent;
		margin: 0 auto;
		transition: all 0.3s ease;
	}

	.navbar .navbar-nav .nav-item:hover>.nav-link::before,
	.navbar .navbar-nav .nav-item.active>.nav-link::before {
		width: 100%;
		background: red;
	}
}

@media only screen and (min-width:1200px) {
	.navbar .navbar-nav {
		margin-left: 0 !important;
		justify-content: space-between;
	}

	.navbar .navbar-nav .nav-item>.nav-link {
		padding: 1rem 0.5rem !important;
		font-size: 13px;
	}

	.navbar .navbar-nav {
		width: 100%;
	}

}

@media only screen and (min-width:1600px) {
	.navbar .navbar-nav {
		margin-left: 0 !important;
		justify-content: unset;
	}

	.navbar .navbar-nav .nav-item>.nav-link {
		padding: 1rem 1rem !important;
		font-size: 16px;
	}

}

.print-section .nav-pills {
	overflow-x: scroll;
}

.page-header {
	color: #3c3c3d;
}

h1,
.h1 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
}

.breadcrumb_container li span {
	font-size: 0.875rem;
	color: #6B6C6F;
}

.breadcrumb_container li a:hover span {
	color: red;
}

.HoverImageDiv ul {
	margin: 0 !important;
	padding:0 !important;
	list-style: disc !important;
}

.HoverImageDiv ul li {
	width: 100% !important;
}

.HoverImageDiv ul li:before {
    content: '•';
    margin-right: 8px;
}

.HoverImageDiv a.btn.btn-primary:before {
	display: none !important;
}

.new_megamenu .text-semi-bold {
    border-radius: 5px;
}

.product-box .card-text ul {
    text-align: left;
    padding: 0 20px;
}

.breadcrumb_container .breadcrumb li::before {

	font-size: 0.75rem;
	color: red !important;
}

.navbar .navbar-nav .nav-item>.nav-link {
	font-family: "Inter", sans-serif;
	font-weight: 500;
	/* font-size: 16px; */
	/* padding-bottom: 1rem; */
	/* padding: 1rem !important; */
}

.subhead,
.navbar .navbar-nav .nav-item .dropdown-menu li>.dropdown-item,
.top-links span,
.breadcrumb_container li *,
.page-header h1,
#product_list_without_category h3.card-title.text-info,
#product_list_without_category .card-text * {
	font-family: "Inter", sans-serif !important;
}

.top-links {
	margin-right: 20px;
}

body {
	font-family: "Inter", sans-serif;
	font-weight: 400;
}


.navbar-nav .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
	font-family: "Inter", sans-serif;
	font-weight: 600;
	color: #333 !important;
}

@media (max-width:768px) {
	.inner-banner img {
		height: 85px;
		object-fit: cover;
	}

	#product_design_builder .page-header.flex-column,
	#product_info .page-header.flex-column,
	#category_product_list .page-header.flex-column,
	#product_design_upload .page-header.flex-column,
	#templatelist .page-header.flex-column,
	#quote_create .page-header.flex-column,
	#userimages .page-header,
	#cms_page .page-header.flex-column,
	#user_signup .page-header.d-flex,
	#user_loginpage .page-header.flex-column {
		padding-bottom: 2rem;
		border: none;
	}

	.sticky-top>.top-header>.container>.d-none.d-md-block {
		display: none !important;
	}

	.navbar-light .navbar-text {
		color: #333;
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding: 0.5rem;
		font-family: "Inter", sans-serif;
		font-weight: 500;
	}

	.navbar-light .navbar-text a {
		display: inline-block;
		border-bottom: none !important;
		color: #333 !important;
		font-family: "Inter", sans-serif;
		font-weight: 500;
	}

}

@media (min-width: 1024px) {
	.print-section .nav-pills {
		overflow-x: unset;
	}
}

.print-section .nav-pills::-webkit-scrollbar {
	height: 0 !important;
}

.print-section .nav-pills .nav-item .nav-link {
	white-space: nowrap;
	color: #6c757d;
	/* replace with $brand-secondary */
	font-weight: 500;
	border-radius: 0;
	/* radius(0px) */
	padding-top: 0;
	padding-right: 1.875rem;
	padding-bottom: 0;
	padding-left: 0;
	margin-bottom: 0.9375rem;
	transition: all 0.3s ease;
}

@media (min-width: 1024px) {
	.print-section .nav-pills .nav-item .nav-link {
		padding: 0;
		margin-bottom: 1.5625rem;
	
	}
}

.print-section .nav-pills .nav-item .nav-link span {
	position: relative;
	transition: all 0.3s ease;
}


@media (min-width: 768px) {

	/* assuming 'tablet' breakpoint ~768px */
	.print-section .nav-pills .nav-item .nav-link span {
		padding-right: 0.5rem;
	}

	.inner-banner {
		height: 12.125rem;
	}

	.inner-banner img {
		object-fit: cover;
		height: 100%;
	}


	.navbar .navbar-nav {
		margin-left: 0 !important;
	}

	h1,
	.h1 {
		font-size: 36px;
		font-size: 2.25rem;
	}
}

.print-section .nav-pills .nav-item .nav-link span::before {
	content: "";
	position: absolute;
	background-color: #f47d2c;
	/* fallback color */
	height: 0.0625rem;
	width: 100%;
	bottom: -0.75rem;
	background-color: #ff0000;
	/* replace with $brand-primary */
	opacity: 0;
	transition: all 0.3s ease;
}

.print-section .nav-pills .nav-item .nav-link span::after {
	content: "";
	position: absolute;
	width: 0.375rem;
	height: 0.375rem;
	bottom: -0.875rem;
	right: -0.375rem;
	background-color: #ff0000;
	/* $brand-primary */
	border-radius: 5px;
	opacity: 0;
	transition: all 0.3s ease;
}

.print-section .nav-pills .nav-item .nav-link.active,
.print-section .nav-pills .nav-item .nav-link:hover,
.print-section .nav-pills .nav-item .nav-link:focus {
	background-color: transparent;
	color: #ff0000;
	/* $brand-primary */
}

.print-section .nav-pills .nav-item .nav-link.active span::before,
.print-section .nav-pills .nav-item .nav-link.active span::after,
.print-section .nav-pills .nav-item .nav-link:hover span::before,
.print-section .nav-pills .nav-item .nav-link:hover span::after,
.print-section .nav-pills .nav-item .nav-link:focus span::before,
.print-section .nav-pills .nav-item .nav-link:focus span::after {
	opacity: 1;
}

/* Card styles */
.print-section .card {
	box-shadow: 0rem 0.0625rem 0.5rem 0rem rgba(0, 0, 0, 0.25);
	transition: all 0.5s ease;
}

.print-section .card a:hover img {
	transform: scale(1.1);
}

.print-section .card h3 {
	transition: all 0.5s ease;
	font-weight: 500;
}

.print-section .card:hover p {
	color: #ff0000 !important;
	/* $brand-primary */
}

.print-section .card img {
	width: 100%;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	transition: all 0.5s ease;
}

.print-section .card .card-title .text-ellips {
	transition: all 0.3s ease;
	overflow: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

@media only screen and (min-width: 992px) {
	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu {
		min-width: 100%;
		max-width: 100%;
	}

	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled .dropdown-submenu {
		width: 30%;
	}

	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled .dropdown-submenu a {
		width: 100%;
		padding: 0.8125rem 2.9875rem !important;
	}

	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled .dropdown-submenu a.btn-primary {
		width: auto;
	}

	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled .dropdown-submenu a.btn-primary:hover {
		text-decoration: none !important;
		color: #fff !important;
	}


	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled .dropdown-submenu .dropdown-menu {
		width: 70%;
		box-shadow: none;
	}

	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled .dropdown-submenu .dropdown-menu .list-unstyled li a {
		padding: .2rem .5rem !important;
		position: relative;
	}

	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled .dropdown-submenu .dropdown-menu .list-unstyled li a::after {
		left: 75%;
		position: absolute;
		top: 4px;
		transition: all 0.3s ease;
	}

	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled .dropdown-submenu .dropdown-menu .list-unstyled li a:hover::after {
		opacity: 1;
		left: 95%;
	}

	#InfoTab .tab-content p,
	#InfoTab .tab-content span,
	#InfoTab .tab-content strong,
	#InfoTab .tab-content ul li {
		font-size: 16px !important;
	}
}


@media only screen and (min-width: 768px) {
	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu {
		min-width: 46.6rem;
		max-width: 46.6rem;
	}

	#product_design_builder .page-header.flex-column,
	#product_info .page-header.flex-column,
	#category_product_list .page-header.flex-column,
	#product_design_upload .page-header.flex-column,
	#templatelist .page-header.flex-column,
	#quote_create .page-header.flex-column,
	#product_category .page-header.flex-column {
		min-height: 200px;
		justify-content: center;
		padding-bottom: 3.5rem;
		border: none;
	}

	#userimages .page-header,
	#cms_page .page-header.flex-column,
	#user_signup .page-header.d-flex,
	#user_loginpage .page-header.flex-column {
		min-height: 200px;
		justify-content: center;
		padding-bottom: 3rem;
		border: none;
	}
}

@media only screen and (min-width: 1248px) {
	.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu {
		min-width: 63.0625rem;
		min-height: 41.875rem;
		max-width: 63.0625rem;
		background-color: #F5F5F6;
	}

	h1,
	.h1 {
		font-size: 40px;
		font-size: 2.5rem;
	}

	/*#InfoTab .tab-content p,#InfoTab .tab-content span,#InfoTab .tab-content strong{*/
	/*      font-size:18px !important;*/
	/*  }*/
}

.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled>li>a::after {
	content: "\f061";
	opacity: 0;
	font-family: "Font Awesome 5 Pro";
	left: 80%;
	transition: all 0.3s ease;
}

#product_info .calc-pos.m-5 {
	margin: 0 0 20px 0 !important;
	position: unset;
	top: 160px;
	z-index: 99;
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li:hover>a::before {
	display: none !important;
}


.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled>li.active>a::after,
.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu .list-unstyled>li.hover>a::after {
	opacity: 1;
	left: 90%;
}

.navbar .navbar-nav .nav-item.megamenu>.dropdown-menu {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	width: auto;
	background-color: #F5F5F6;
	box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, 0.25);
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li:hover>a {
	background: #fff;
	color: #007bff;
	position: relative;
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li.active>a {
	background: #fff;
	color: #007bff;
}

.nav-item.megamenu .dropdown-menu .list-unstyled>li .dropdown-menu {
	background-color: #fff;
}

#InfoTab .nav-tabs,
#InfoTab .tab-content {
	border: none;
}

#InfoTab .nav-tabs {
	border-bottom: 1px solid #ddd;
}

.print-section .card {
	margin-right: 1rem;
	margin-left: 1rem;
}

#product_info .page-header.justify-content-between,
#product_info .breadcrumb_container .breadcrumb {
	margin-bottom: 0 !important;
}

.large-collection-slider .slick-prev.slick-arrow,
.large-collection-slider .slick-next.slick-arrow {
	height: 40px;
	width: 40px;
	border: 0.0625rem solid #bbbbbd !important;
	background-color: #fff;
	border-radius: 50%;
}

.large-collection-slider .slick-prev::before {
	content: "\f053" !important;
	display: block;
	color: red;
	font-family: "Font Awesome 5 Pro" !important;
}

.large-collection-slider .slick-next::before {
	content: "\f054" !important;
	color: red;
	display: block;
	font-family: "Font Awesome 5 Pro" !important;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	width: auto;
	height: auto;
}

#product_images .carousel-control-prev,
#product_images .carousel-control-next,
.kit_product_info .carousel-control-prev,
.kit_product_info .carousel-control-next {
	background: #fff;
	border-radius: 50%;
	max-width: 40px;
	max-height: 40px;
	padding: 8px;
	border: 1px solid #bbb;
}

.fa-solid.fa-chevron-right:before {
	font-family: "Font Awesome 5 Pro";
}

#product_images .carousel-control-next .carousel-control-next-icon {
	background-image: none;
}

#product_images .carousel-control-prev .carousel-control-prev-icon {
	background-image: none;
}

#product_images .carousel-control-next .carousel-control-next-icon:before {
	content: "\f054" !important;
	color: red;
	display: block;
	font-family: "Font Awesome 5 Pro" !important;
}

#product_images .carousel-control-prev .carousel-control-prev-icon::before {
	content: "\f053" !important;
	color: red;
	display: block;
	font-family: "Font Awesome 5 Pro" !important;
}

#product_info #price_calculator {
	background: rgba(242, 243, 245, 0.8);
	padding: 0.9375rem;
	border-radius: 5px;
}

@media only screen and (min-width: 1024px) {
	#product_info #price_calculator {
		padding: 1.5625rem 1.875rem;
	}
}

#product_info #price_calculator .form-control,
#product_info #price_calculator .dropdown-toggle {
	border-radius: 10px;
	padding-left: 1.5625rem;
	padding-right: 1.5625rem;
	height: 3.125rem;
}
#product_info #price_calculator .form-control{
    padding-left: 0.5rem;
	padding-right: 0.5rem;
}

#price_calculator .price_calculator #shippricecalulate #shipcountry .form-control {
	padding-left: 0;
	padding-right: 0;
}

.bootstrap-select .dropdown-toggle .filter-option {
	height: auto;
}

#price_calculator .card-header .card-title {
	font-weight: 600;
	font-family: "Inter", sans-serif;
	color: red;
	font-size: 20px;
}

#normalcalc .form-group label {
	color: #4e4f50;
	font-weight: 500;
}

.div_calculator .item.col-6 {
	max-width: 100%;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #008F51;
	border-color: #008F51;
}

.price_calculator .visualcalform-row .custom-control .custom-control-label::after,
.price_calculator .visualcal .custom-control .custom-control-label::after,
#products_additional_options .visualcalform-row .custom-control .custom-control-label::after,
#products_additional_options .visualcal .custom-control .custom-control-label::after {
	left: auto;
	right: 5px;
	top: 5px;
	bottom: unset;
}

#normalcalc .form-group label {
	margin-bottom: 0.625rem !important;
}

#normalcalc .custom-control span {
	color: #747577;
	font-family: "Inter", sans-serif;
	font-weight: 400;
	font-size: 16px;
}

#productpricetotal {
	padding: 0.8rem 1rem !important;
	background: #E6E6E7 !important;
}


.price_calculator .visualcalform-row .custom-control.custom-radio .custom-control-input:checked~.custom-control-label,
.price_calculator .visualcal .custom-control.custom-radio .custom-control-input:checked~.custom-control-label,
#products_additional_options .visualcalform-row .custom-control.custom-radio .custom-control-input:checked~.custom-control-label,
#products_additional_options .visualcal .custom-control.custom-radio .custom-control-input:checked~.custom-control-label {
	border-color: red;
}

price_calculator .visualcalform-row .custom-control .custom-control-label::before,
.price_calculator .visualcal .custom-control .custom-control-label::before,
#products_additional_options .visualcalform-row .custom-control .custom-control-label::before,
#products_additional_options .visualcal .custom-control .custom-control-label::before {
	left: auto;
	right: 5px;
	top: 5px;
	bottom: unset;
}

.page-header h1 small {
	display: none;
}

.page-header .yotpo-widget-instance {
	display: none;
}

.top-header .bootstrap-select.lang>.dropdown-toggle {
	max-height: 35px;
	padding: 0 .75rem;
	line-height: 33.6px;
	border-radius: 5px;
}

.sticky-top.bg-white .d-none.d-md-block>.dropdown.bootstrap-select.lang.mr-md-3.mr-1 {
	max-width: 85px !important
}



.top-header .top-links li a {
	position: relative;
}

.page-header .btn-link {
	color: #ec1c24;
}

.top-header .top-links li:nth-child(1) a span .badge {
	font-size: 10px;
	position: absolute;
	top: -12px;
	right: 0px;
}

/*Home page banner design*/
#top-banner .banner {
	position: relative;
	min-height: 100px;
}

#top-banner .carousel-item {
    position: relative;
    background-color: #b9d2e4;
    min-height: 500px;
}

@media only screen and (min-width: 1200px) {

	#top-banner .carousel-item,
	#top-banner .banner {
		min-height: 400px;
	}
}

#top-banner .slick-dotted.slick-slider {
	margin-bottom: 0;
}

#top-banner .slick-slide {
	overflow: hidden;
	position: relative;
}

#top-banner .slick-slide .caption_banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: all 0.3s ease 0.4s;
	padding: 20px;
	height: 100%;
}

#top-banner .slick-slide .caption_banner img {
	display: inline-block;
	opacity: 0;
	filter: alpha(opacity=0);
}

#top-banner .slick-slide.slick-active .caption_banner img {
	opacity: 1;
	filter: alpha(opacity=100);
}

#top-banner .slick-arrow {
	position: absolute;
	top: 48%;
	font-size: 32px;
	font-size: 2rem;
	-webkit-text-shadow: 0 0 2px #333;
	-moz-text-shadow: 0 0 2px #333;
	text-shadow: 0 0 2px #333;
	padding: 0rem 0.8rem 0.2rem;
	z-index: 1;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	transition: all ease 0.4s;
	cursor: pointer;
}

#top-banner .slick-arrow.left-nav {
	left: 20px;
}

#top-banner .slick-arrow.right-nav {
	right: 20px;
}

#top-banner .slick-arrow i {
	color: #ffffff;
}

#top-banner .slick-arrow:hover {
	background: transparent;
}

#top-banner .slick-arrow:hover i {
	color: #000;
}

#top-banner .slick-dots {
	bottom: 20px;
}

#top-banner .slick-dots li button:before {
	color: #ffffff;
	opacity: 0.5;
	filter: alpha(opacity=50);
	font-size: 14px;
	font-size: 0.875rem;
}

#top-banner .slick-dots li.slick-active button:before {
	color: #ffffff;
	opacity: 1;
	filter: alpha(opacity=100);
}

#top-banner .transition {
	-webkit-transition: all 0.8s ease 0.5s;
	-moz-transition: all 0.8s ease 0.5s;
	-ms-transition: all 0.8s ease 0.5s;
	-o-transition: all 0.8s ease 0.5s;
	transition: all 0.8s ease 0.5s;
}

#top-banner .fade-up {
	-moz-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
	transform: translateY(-20%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	opacity: 0;
	filter: alpha(opacity=0);
}

#top-banner .fade-down {
	-moz-transform: translateY(20%);
	-o-transform: translateY(20%);
	-ms-transform: translateY(20%);
	-webkit-transform: translateY(20%);
	transform: translateY(20%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	opacity: 0;
	filter: alpha(opacity=0);
}

#top-banner .fade-right {
	-moz-transform: translateX(-20%);
	-o-transform: translateX(-20%);
	-ms-transform: translateX(-20%);
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	opacity: 0;
	filter: alpha(opacity=0);
}

#top-banner .fade-left {
	-moz-transform: translateY(20%);
	-o-transform: translateY(20%);
	-ms-transform: translateY(20%);
	-webkit-transform: translateY(20%);
	transform: translateY(20%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 0%;
	-moz-transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	transform-origin: 0% 0%;
	opacity: 0;
	filter: alpha(opacity=0);
}

#top-banner .slick-active .fade-up {
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	filter: alpha(opacity=100);
}

#top-banner .slick-active .fade-down {
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	filter: alpha(opacity=100);
}

#top-banner .slick-active .fade-right {
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	filter: alpha(opacity=100);
}

#top-banner .slick-active .fade-left {
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	filter: alpha(opacity=100);
}

#top-banner .carousel-caption h1,
#top-banner .carousel-caption h2 {
	color: #36333C;
	font-family: "Inter", sans-serif;
}

#top-banner .carousel-caption p {
	color: #36333C;
}

#top-banner .carousel-caption {
	height: 100%;
	width: 100%;
	bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	right: 0;
	left: 0;
	flex-direction: column;
	display: flex;
	align-items: start;
	justify-content: start;
	top: 7%;
	position: absolute;
}

#top-banner .carousel-caption .banner_txt .text-animation {
	animation: type 3s steps(90) 0s normal both infinite, cursor 1s step-end infinite;
	overflow: hidden;
	white-space: nowrap;
	border-right: 2px solid;
	max-width: max-content;
}

@keyframes type {
	0% {
		width: 0;
	}

	100% {
		width: 100%;
	}
}

@keyframes cursor {
	50% {
		border-color: transparent;
	}
}

#top-banner .carousel-caption h2 {
	font-size: 2rem;
}

.animated-gradient {
	padding: 0.5rem 1.25rem !important;
	animation: animateBg 3s linear infinite;
	background-image: linear-gradient(98deg, rgba(10, 170, 232, 0.50) -6.43%, rgba(255, 214, 5, 0.20) 50.16%, rgba(235, 0, 139, 0.50) 106.74%);
	background-size: 300% 100%;
}

@keyframes animateBg {
	0% {
		background-position: 0% 0%;
	}

	100% {
		background-position: 100% 0%;
	}
}

.btn-linear i {
	transform: rotate(-50.41deg);
	margin-left: .625rem;
	font-size: 16px;
	font-size: 1rem;
	-webkit-transition: .4s ease all;
	-moz-transition: .4s ease all;
	-ms-transition: .4s ease all;
	-o-transition: .4s ease all;
	transition: .4s ease all;
}

.btn-linear:hover i,
.btn-linear:focus i {
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.z-index-1 {
	z-index: 1;
}

.slanted_edge {
	font-size: 16px;
	font-size: 1rem;
	padding: .1rem 1rem;
}

.slanted_edge::after {
	content: "";
	display: block;
	position: absolute;
	top: -4px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #090D28;
	-moz-transform: skew(-15deg);
	-o-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg);
	height: 1.875rem;
}

.text-regular {
	font-family: "Inter", sans-serif;
}

#top-banner .carousel-control-prev-icon,
#top-banner .carousel-control-next-icon {
	width: 12px;
	height: 12px;
}

@media (max-width:767px) {
	#top-banner .img-fluid {
		width: 100vw;
	}

	#top-banner {
		width: 100%;
	}
	.d-flex.contact-top.mr-3.pr-3.border-right.contact-top {
        padding: 0 0 0 10px !important;
        margin: 0 !important;
        border: none !important;
    }
    .contact-icon {
        width: 38px !important;
        height: 38px !important;
    }
    .narrow-gutter>div[class*=col-], .narrow-gutter>.col {
        padding-left: 0.2rem;
        padding-right: .2rem;
    }
}

@media only screen and (min-width: 768px) {
	#top-banner .carousel-caption {
		align-items: center;
		justify-content: center;
		top: 0;
	}
}

@media only screen and (min-width: 1200px) {

	#top-banner .carousel-caption h1,
	#top-banner .carousel-caption h2 {
		font-size: 2.625rem;
	}
}

@media only screen and (min-width: 1440px) {

	#top-banner .carousel-caption h1,
	#top-banner .carousel-caption h2 {
		font-size: 3rem;
	}

	#top-banner .carousel-caption p {
		font-size: 1.25rem;
	}
}

@media only screen and (min-width: 1600px) {

	#top-banner .carousel-caption h1,
	#top-banner .carousel-caption h2 {
		font-size: 3.375rem;
		line-height: 3.6875rem;
	}

	#top-banner .carousel-caption p {
		font-size: 1.375rem;
		line-height: 2.125rem;
	}
}

/*Your Exclusive Benefits here Start*/
.how_it_works .img-block {
	height: 114px;
	width: 114px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	@include radius(100%);

	.service_icon {
		@include fontSize(45px);
	}
}

.how_it_works .badge-primary {
	height: 26px;
	width: 26px;
	@include fontSize(14px);
	font-weight: normal;
	top: 5px;
	right: 0;
}

p {
	@include mq("desktop-wide") {
		line-height: 1.6875rem;
	}
}

.gradient-shape {
	background: linear-gradient(98deg, rgba(10, 170, 232, 0.50) -6.43%, rgba(255, 214, 5, 0.20) 50.16%, rgba(235, 0, 139, 0.50) 106.74%);
	height: 35px;
	width: 35px;
	right: 20px !important;
	top: 30px !important;
	border-radius: 50%;
	z-index: -1;
	opacity:0.15;

	&.icon_1 {
		top: 22px;
		transform: translatex(3px);
	}

	&.icon_2 {
		transform: translateY(-11px);
	}

	&.icon_3 {
		top: 32px;
		right: 33px;
	}

	&.icon_4 {
		right: 0;
		top: 35px;
		transform: translateX(-25px);
	}

	&.gradient_icon_1 {
		top: 22px;
		transform: translatex(18px);
	}

	&.gradient_icon_2 {
		top: 22px;
		transform: translatex(8px);
	}

	&.gradient_icon_3 {
		top: 23px;
		transform: translatex(11px);
	}

	&.gradient_icon_4 {
		top: 28px;
		transform: translatex(6px);
	}
}

.icon-free_delivery::before,
.icon-secure_payment::before,
.icon-best_offers::before,
.icon-x7_support::before {
	content: '';
	width: 77px;
	height: 77px;
	display: block;
	z-index: 1;
}

.icon-free_delivery::before {
	background: url('https://d8iyajey3ayln.cloudfront.net/images/contentimages/images/Icon_Free_Delivery.png') no-repeat;
	background-size: 100%;
}

.icon-secure_payment::before {
	background: url('https://d8iyajey3ayln.cloudfront.net/images/contentimages/images/Icon_Secure_Payment.png') no-repeat;
	background-size: 100%;
}

.icon-best_offers::before {
	background: url('https://d8iyajey3ayln.cloudfront.net/images/contentimages/images/Icon_Best_Offers.png') no-repeat;
	background-size: 100%;
}

.icon-x7_support::before {
	background: url('https://d8iyajey3ayln.cloudfront.net/images/contentimages/images/Icon_24X6_Support.png') no-repeat;
	background-size: 100%;
}

.float-animation {
	animation: float 3s ease-in-out infinite;
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}

	50% {
		transform: translatey(-10px);
	}

	100% {
		transform: translatey(0px);
	}
}

/*Your Exclusive Benefits here End*/

/* Start telling your story here Start */
/* Your existing styles */
.img-box {
	background-color: #EEEEEE;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.newhp .stcol:hover img {
	transform: scale(1.05);
	transition: transform 0.3s ease-in-out;
}

.newhp.cf .stcol:hover img {
	transform: scale(1.01);
	transition: transform 0.3s ease-in-out;
}

.newhp .stcta {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.newhp .stcol:hover {
	transform: scale(1);
}

.newhp .stcol {
	padding: 0;
}

.newhp .stcta i,
.testimonial .card p i{
	color: #ffd43b;
}

.free-shipping-new .row {
	background: linear-gradient(98deg, rgba(10, 170, 232, 0.50) -6.43%, rgba(255, 214, 5, 0.20) 50.16%, rgba(235, 0, 139, 0.50) 106.74%), #FFF;
	border-radius: 10px;
	width: 100%;
	margin: auto;
}

.free-shipping-new {
	width: calc(100% - 30px);
	overflow: hidden;
	border-radius: 10px;
}

.printing-service {
	background: #FEF9F2;
}

/* Slick Slider specific styles */
.slick-slide {
	margin: 0 5px;
	display: block;
}

.newhp .slick-prev:before,
.newhp .slick-next:before,
.testimonial .slick-prev:before,
.testimonial .slick-next:before{
	font-size: 35px;
	color: #eb1e8b;
}

.newhp .slick-prev,
.newhp .slick-next ,
.testimonial .slick-prev,
.testimonial .slick-next {
	width: 30px;
	height: 30px;
}

/* Hide default scrollbar for the slider container */
.newhp .stsec.slider {
	display: flex;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	padding-bottom: 10px;
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
.newhp .stsec.slider::-webkit-scrollbar {
	display: none;
}

/* Adjust individual column width for 5 sections */
.newhp .stcol {
	flex: 0 0 20%;
	box-sizing: border-box;
	padding: 0 5px;
}

/* Positioning arrows */
.new.stsec.slider .slick-next{
	right: 25px;
	top: calc(50% - 20px);
}

.new.stsec.slider .slick-prev {
	left: 25px;
	top: calc(50% - 20px);
}

/* Responsive adjustments if needed (example for smaller screens) */
@media (max-width: 768px) {
	.newhp .stcol {
		flex: 0 0 33.33%;
	}
}

@media (max-width: 480px) {
	.newhp .stcol {
		flex: 0 0 100%;
	}
}

/* Ensure the slider container has relative positioning for absolute arrows */
.newhp .stsec.slider {
	position: relative;
}
/* Start telling your story here End */

button[aria-expanded="true"] span .fa-chevron-right {
    transform: rotate(270deg);
}
.faq-icon {
    display: flex;
}
.faq-icon .text-secondary {
    color: #4e4f50;
    font-family: "Inter", sans-serif;
}
a.underlined {
    font-family: inherit;
    color: #ec1c25;
}
.testimonial .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #F6F6F6;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.testimonial .marquee-wrapper .marquee-content,
.brand .marquee-content{
    display: flex;
    width: fit-content;
    animation-direction: normal;
    animation: scroll-rtl 40s linear infinite;
}
@keyframes scroll-rtl {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.testimonial .marquee-wrapper .marquee-content .card {
    flex: 0 0 31.25rem;
}
.testimonial .marquee-wrapper .marquee-content .card p {
    color: #4e4f50;
}
.testimonial .marquee-wrapper .marquee-content .card .reviewer-info {
    gap: 0.75rem;
}
.text-primary {
    color: rgb(236, 28, 37) !important;
}
.brand img {
    max-height: 70px;
    width: auto;
    height: auto;
    object-fit: contain;
}
.brand .marquee-content {
    align-items: baseline;
    animation-direction: reverse;
}

@media (max-width:1490px){
    .brand img {
    max-height: 60px;
    }
}

@media (max-width:1200px){
    .brand img {
    max-height: 40px;
    }
}
@media(max-width:880px){
   .testimonial .marquee-wrapper  .marquee-content {
    display: block;
    animation: unset;
    width: calc(100% - 65px);
    margin: auto;
}
}
.ourbrand {
    background: #F5F5F5;
    margin-bottom:-100px;
}
.our-brand.p-3 {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    max-width: 900px;
}
.our-brand img {
    max-width: 200px;
    height: auto;
    margin: auto !important;
}
@media(max-width:490px){
    .our-brand img {
    max-width: 95px;
    }
    .brand .marquee-content{
        animation: scroll-rtl 10s linear infinite;
    }
}
.top-links span{
    font-size:0;
}
.top-links span .badge{
    font-size:10px;
   position: absolute;
  right: 1px;
  top: -13px;
  /*animation: bounceNumber 2s ease-in-out infinite;*/
}
@keyframes bounceNumber {
    0%, 100% {
      transform: translateY(20px);
    }
    25% {
        transform: translateY(-4px);
    }
    50% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(0);
    }
}
.top-links li a{
    padding-left:0;
    position:relative;
}

.btn-img-text.ico-hire-designer.media.px-3.py-2.text-info {
    background: red;
}


.hire_designer:hover {border-color: red;}
.btn-img-text.ico-hire-designer.media.px-3.py-2.text-info{border: 1px solid transparent;}
.hire_designer:hover .btn-img-text.ico-hire-designer.media.px-3.py-2.text-info{ background: white; border-color: red !important; }
.hire_designer:hover .media-body span{color: red !important;}
#action-btn .ico-hire-designer:hover .media-body span{color:red !important;}
.btn-img-text.ico-hire-designer.media.px-3.py-2.text-info{ border-radius: 6px;}


@media only screen and (min-width: 992px) {
  .navbar .navbar-nav .nav-item.megamenu > .dropdown-menu .list-unstyled .dropdown-submenu .dropdown-menu {
    box-shadow: none;
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
    padding:1.875rem;
    scrollbar-width: thin;
  }
}

@media only screen and (min-width: 768px) {
    .navbar .navbar-nav > .nav-item.megamenu .dropdown-submenu > .dropdown-menu > .row {
        align-items: flex-start !important;
    }

    .navbar .navbar-nav > .nav-item.megamenu .dropdown-submenu > .dropdown-menu > .row .HoverImageDiv {
        position: sticky !important;
        top: 0 !important;
    }
}
@media only screen and (min-width:768px){
    .print-section .nav-pills {
      overflow-x: hidden;
      min-height: 350px;
      max-height: 350px;
      overflow-y: scroll;
      padding-right: 1rem;
      scrollbar-width: thin;
    }
}