/*
Theme Name: Torance Healthcare Child
Template: twentythirteen
Version: 1.0
*/

:root {
    --brand: #1a5dab;
    --cyan: #00aadb;
    --navy: #0d1b3e;
    --soft: #f5f8fe;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", sans-serif;
    color: #353535;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading {
    font-family: "Outfit", sans-serif;
}
a:hover {
    text-decoration: none;
}

.text-brand {
    color: var(--brand) !important;
}

.bg-brand {
    background-color: var(--brand) !important;
}

.bg-soft {
    background-color: var(--soft) !important;
}

.bg-navy {
    background-color: var(--navy) !important;
}

.border-brand {
    border-color: var(--brand) !important;
}
/*header  */
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
    display: block  !important;
}
.navbar-shadow{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* .hero {
    min-height: 560px;
    background: url("https://www.figma.com/api/mcp/asset/42f48342-f27f-4935-8f87-1f16912042e0.png") 
         center / cover no-repeat; 
} */

.hero-content {
    max-width: 680px;
}

.hero-badge {
    background: rgba(26, 93, 171, 0.08);
}

.facility-image {
    height: 360px;
    object-fit: cover;
}

.quality-image {
    height: 320px;
    object-fit: cover;
}

.category-image {
    aspect-ratio: 1;
    object-fit: cover;
}

.product-image {
    height: fit-content;
    object-fit: cover;
}

.partner-logo {
    max-height: 55px;
    object-fit: contain;
}

.icon-circle {
    width: 44px;
    height: 44px;
}

.step-icon {
    width: 48px;
    height: 48px;
}

.testimonial-avatar {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.footer-logo {
    width: 180px;
}

a.custom-logo-link img {
    width: 155px;
    height: 60px;
    object-fit: contain;
}
ul#menu-primary-menu li a {
    color: #353535;
    text-decoration: none;
    font-weight: 400;
    font-family: 'Inter';
    padding: 8px;
}
ul#menu-primary-menu li a:hover {
    color: #000;
    text-decoration: none;
    font-weight: 400;
}
footer ul li a, footer .getInTouch a {
    color: rgba(255,255,255,.78) !important;
    text-decoration: none;
    font-weight: 400;
    font-family: 'Inter';
}
footer ul li a:hover, footer .getInTouch a:hover {
    color: #fff !important;
}
footer .text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .78) !important;
}
.btn.btn-custom-primary:hover {
    background-color: transparent !important;
    border: 1px solid;
    color: var(--brand) !important;
}
.btn.btn-custom-secoundry:hover {
    background-color: #1a5dab !important;
    color: #fff !important;
}
input.form-btn {
    background: var(--brand) !important;
    border: 1px solid !important;
}
/* swiper sec style */
.swiper-button-prev, .swiper-button-next {
    border: 1px solid var(--brand);
    border-radius: 50%;
    padding: 7px;
    height: 35px !important;
    width: 35px !important;
    color: var(--brand) !important;
}
.swiper-button-prev:hover, .swiper-button-next:hover {
    background-color: var(--brand);
    color: #fff !important;
}

/* All inner pages title bar style */
.page-title-bar {
	background: linear-gradient(90deg, rgba(62, 179, 230, 0.49) 17%, rgba(69, 85, 209, 1) 100%);
}
.page-title-bar > div {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
li.breadcrumb-item.active {
    color: #ffffff !important;
    font-weight: 500;
}

/* product page style */
.products-toolbar {
	border-bottom: 1px solid #e9edf3;
	padding-bottom: 18px;
}

.products-count {
	font-size: 15px;
	color: #555;
}

.products-sorting .form-select {
	width: 200px;
	min-height: 42px;
	border-color: #d7dce3;
	border-radius: 4px;
	font-size: 14px;
	cursor: pointer;
}

.product-card {
	background: #fff;
	border: 1px solid #edf0f4;
	border-radius: 12px;
	overflow: hidden;
	height: 100%;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.product-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 12px 30px rgba(18, 42, 72, 0.1);
}

.product-card-image {
	height: 230px;
	padding: 20px;
	/* background: #f7faff; */
}

.product-card-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-card-body {
	padding: 20px;
}

.product-card-title {
	font-family: "Outfit", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 10px;
}

.product-card-title a {
	color: #10233f;
	text-decoration: none;
}

.product-card-title a:hover {
	color: #1a5dab;
}

.product-card-composition {
	color: #6b7280;
	font-size: 14px;
	line-height: 1.6;
	min-height: 45px;
}

.product-card-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #1a5dab;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.product-card-link:hover {
	color: #10233f;
}

.products-pagination .page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.products-pagination .page-numbers li {
	margin: 0;
}

.products-pagination .page-numbers a,
.products-pagination .page-numbers span {
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e1e6ed;
	border-radius: 6px;
	color: #26364d;
	text-decoration: none;
	font-size: 14px;
}

.products-pagination .page-numbers a:hover {
	background: #1a5dab;
	border-color: #1a5dab;
	color: #fff;
}

.products-pagination .page-numbers .current {
	background: #1a5dab;
	border-color: #1a5dab;
	color: #fff;
}

.products-pagination .page-numbers .prev,
.products-pagination .page-numbers .next {
	padding: 0 16px;
}

/* quality page style */
.quality-page .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.quality-page .card:hover {
    transform: translateY(-6px);
}

.quality-page img {
    object-fit: cover;
}

/* blog page  */
.blog-card{
    overflow: hidden;
    transition: all 0.5s ease;
}
.blog-card:hover{
    transform: translateY(-5px);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.blog-content {
    padding: 30px;
}
.blog-img img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    transition: .4s;
}
.blog-head{
    color: #005da8 !important;
    text-decoration: none !important;
}
@media (max-width: 767px) {
	.products-sorting .form-select {
		width: 100%;
	}

	.product-card-image {
		height: 210px;
	}

	.products-pagination .page-numbers {
		gap: 4px;
	}

	.products-pagination .page-numbers a,
	.products-pagination .page-numbers span {
		min-width: 36px;
		height: 36px;
		padding: 0 9px;
	}
}


/*
 * Desktop content width
 */
@media (min-width: 1200px) {

    .container {
        max-width: 1200px;
    }
}


/*
 * Mobile
 */
@media (max-width: 768px) {

    .hero {
        min-height: auto;
    }

    .facility-image,
    .quality-image {
        height: 240px;
    }

    .product-card .product-image {
		height: 180px;
	}
}
/* custom-form */

.submit-btn-color{
    background: #005da8 !important;
    border: none !important;
}

/* Qualifty -Page  */
a:visited {
    color: #fff;
}

/* Prd-singlepage */

.prd-title {
    font-size: 18px;
    font-weight: 700;
    color: #1a5dab;
}

.des {
		font-size: 16px;
    font-weight: 500;
		color:#505050;
	}

/* 
.woocommerce img, .woocommerce-page img {
    height: 300px;
    max-width: 100%;
    object-fit: contain;
} */