
#Header a{color:#fff;}#Header a:hover{color:#000;}
.BnrText h1{font-size:50px;box-shadow:0px 4px 4px #00000040; line-height:1;}

/************************************************* Header ********************************************************************/
.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{box-shadow:0px 5px 12px rgba(0,0,0,.5);-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand img {max-height:86px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:60px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:38px 0px;}
.shrink .navbar-brand{padding:15px 0px;}
 
/********** Main Banner **************************************************************************************************/
.WelText{background:#FBF7F4 url(../images/bg1.png) no-repeat center center; mix-blend-mode:multiply; min-height: 650px;}
.DImplants{margin-top:-160px;}

.accordion-item {background-color:#fff; border-color:#C7A17B;  border-radius:50px !important; margin-bottom:20px;overflow: hidden; /* Important */ }
.accordion-item+.accordion-item {border-top:solid 1px #C7A17B;margin-top:0px;}
.accordion-button {background-color:transparent;color:#C7A17B; font-size:14px; font-weight:600; padding:20px 25px !important; letter-spacing: 2.47px; font-family: "Jost", sans-serif; text-transform: uppercase;}
.accordion-body { color:#C7A17B; padding:15px 20px; border-radius:0px !important; overflow: hidden;border-radius: 0px !important;} 
.accordion-button:after {margin-top:-3px;font-weight:700;font-family: "Font Awesome 5 Free"; color:#C7A17B;}
.accordion-button.collapsed::after {background-image:none;content: "\f0a9"; font-size: 20px; }
.accordion-button:not(.collapsed) {background-color:#fff;color:#C7A17B;border-bottom:solid 1px #C7A17B !important;border-radius: 0px !important;  /* Force remove radius when open */}
.accordion-button:not(.collapsed)::after {background-image:none;content: "\f0aa";color:#C7A17B; font-size: 20px;}
.accordion-button:focus {box-shadow:none; outline:none;border-radius:0px !important;}
 
.accordion-item:has(.accordion-button:not(.collapsed)) {border-radius:10px !important;}
 
/********** Footer ***************************************************************************************************/
#Footer a{color:#797979;} #Footer a:hover{color:#00ACF1;}
.CopyText{font-size:13px; color:#fff;}

#ContactForm .form-control,#ContactForm textarea.form-control {background-color: #FBF7F4; border-radius:0px !important; border-color:#F8F8F8; min-height:58px; text-align: center; text-transform: uppercase;} 
#ContactForm textarea.form-control {height: 194px !important; padding-top: 25px;}
#ContactForm .form-control:focus {box-shadow: none;}
 
/*************************************************************************************************************/
.vertical-slider {
	position: relative;
}

.slide-item {
	padding: 10px 0;
}

.review-content::-webkit-scrollbar {
	width: 6px;
}

.review-content::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

.review-content::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 10px;
}

.review-content::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

/* Slick slider custom styles */
.slick-prev, .slick-next {
	z-index: 1;
	width: 40px;
	height: 40px;
}

/* Vertical slider specific styles */
.vertical-slider .slick-list {
	height: 600px !important;
}

.vertical-slider .slick-track {
	display: flex;
	flex-direction: column;
}

.vertical-slider .slide-item {
	height: auto !important;
}
/* Arrow Navigation Buttons */
.slick-arrow {
	position: absolute;
	left: 20px;
	width: 48px;
	height: 48px;
	background: #c9a870;
	border: none;
	border-radius: 50%;
	color: white;
	cursor: pointer;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

.slider-arrow:hover {
	transform: scale(1.05);
}

.slick-prev {
	top: inherit;
	bottom: 15% !important;
	transform: translateY(-70px);
	left: -60px;
}

.slick-next {
	top: inherit;
	bottom: 15% !important;
	transform: translateY(20px);
	left: -60px;
}

.slider-arrow i {
	font-size: 18px;
}
.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus {
	color: #fff;
	background: #c9a870;
}

/* Slick slider arrow icons using FontAwesome */
.slick-prev:before,
.slick-next:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    opacity: 0.75;
    transition: opacity 0.3s ease;
}

.slick-prev:before {
    content: "\f106"; /* fa-chevron-up */
}

.slick-next:before {
    content: "\f107"; /* fa-chevron-down */
}

.slick-prev:hover:before,
.slick-next:hover:before {
    opacity: 1;
}

/* Alternative arrow styles with different icons */

/* Option 2: Angle up/down */
.slick-prev.angle-arrows:before {
    content: "\f102"; /* fa-angle-up */
}

.slick-next.angle-arrows:before {
    content: "\f103"; /* fa-angle-down */
}

/* Option 3: Caret up/down */
.slick-prev.caret-arrows:before {
    content: "\f0d8"; /* fa-caret-up */
}

.slick-next.caret-arrows:before {
    content: "\f0d7"; /* fa-caret-down */
}

/* Option 4: Arrow up/down */
.slick-prev.arrow-arrows:before {
    content: "\f062"; /* fa-arrow-up */
}

.slick-next.arrow-arrows:before {
    content: "\f063"; /* fa-arrow-down */
}

/* Option 5: Chevron circle up/down */
.slick-prev.circle-arrows:before {
    content: "\f139"; /* fa-chevron-circle-up */
}

.slick-next.circle-arrows:before {
    content: "\f13a"; /* fa-chevron-circle-down */
}

/* Disabled state */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.tab-image {
	cursor: pointer;
	transition: transform 0.2s ease;
}

.tab-image:hover {
	transform: scale(1.05);
}

.tab-button {
	cursor: pointer;
}

/* Optional: Add active state styling */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color: #ffc107;
	border-color: #ffc107;
}
.tab-trigger {
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-trigger:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}
/*************************************************************************************************************/
@media (min-width:992px) {}
@media (min-width: 1920px){.container {max-width:1150px !important;}   
.gutter-lg {margin-left:-15px!important;margin-right:-15px!important;}
.gutter-lg div[class^="col"]{padding-left:15px!important;padding-right:15px!important;} 
}

@media (min-width: 1600px) {.container {max-width:1150px;} 
.MainBanner .Homebnr img{
    height:700px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; line-height:0px;}
	
.CopyText{letter-spacing:2px;}.BnrText h1{font-size:55px;}
.fs-66{font-size:66px !important;} h1, .h1 {font-size:66px;}h2, .h2 {font-size:40px;} .btn-b{min-height: 75px; display:flex;justify-content:center;align-items:center;}.WelText{min-height:700px;}
}

/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1359.98px) and (max-width: 1459.98px){}
/*@include media-breakpoint-between(1280) { ... }*/
@media (min-width: 1199.98px) and (max-width: 1359.98px){}
@media (min-width: 991.98px) and (max-width: 1199.98px) {.navbar-brand{padding:15px 0px;}

.slick-prev {
		left: -30px;
	}

	.slick-next {
		left: -30px;
	}}
/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 991.98px) {.navbar-brand{padding:15px 0px;}.DImplants{margin-top:-0px;}
.slick-prev {
		left: -30px;
	}

	.slick-next {
		left: -30px;
	}
}

@media (max-width: 767.98px){
	h3, .h3 {font-size:22px;}h2, .h2 {font-size:28px;}h1, .h1 {font-size:36px;}.navbar-brand{padding:15px 0px;}.BnrText h1{font-size:40px;}.DImplants{margin-top:-0px;}
	.slick-prev {
		bottom: -8% !important;
		transform: translateY(0);
		left: 0;
	}
	.slick-next {
		bottom: -8% !important;
		transform: translateY(0);
		right: 0px;
		left:inherit;
	}
	}

@media (max-width: 575.98px){
.MainBanner .Homebnr img,.MainBanner img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;}
	
.BnrText h1{font-size:30px;}
}

@media (max-width: 479px) {}
@media (max-width: 320px) {}