@charset "utf-8";
/* CSS Document: HFL Landing Pages 

Author: S. Ali Raza
Version: 2.0

Change Log:
10-17-23: Recreate and optimize styles for the new landing page
*/

/* General */

:root {
	--bs-red: #C00;
	--bs-green: #00b300;
	--bs-dark-blue: #004f70;
	--bs-gold: #fcba03;
	--bs-yellow: yellow;
	--bs-lightyellow: #ffc;
	--bs-lightgray: #f1f1f1;
	--bs-lightblue: #e6f2ff;
	--bs-lightgreen: #dff0d8;
	--bs-darkblue: #171F3C;
	--bs-pink: #ff54ff;
	--font-primary: 'Open Sans', sans-serif;
	--font-secondary: 'Roboto Condensed', sans-serif;
	--font-arial: 'Arial', Helvetica, sans-serif;
  }

body { -webkit-font-smoothing: auto; font-family: var(--font-primary); color: var(--bs-gray-800); --bs-body-font-size:1rem; --bs-body-line-height: 1.8; }

.btn:focus { outline: none; box-shadow: none; }
a {
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */ }
a.link { text-decoration: none; padding-bottom: 1px; border-bottom: 1px solid #8d8df3; }
a.link:hover { text-decoration: none; color: var(--bs-green); }
a.dotted, a.dotted:visited { color:inherit; text-decoration:none; border-bottom:1px dotted #20a2ff;}     
a.dotted:hover { text-decoration:none; border-bottom: none;}
a.link-headline, a.link-headline:visited  { text-decoration: none; color: inherit; }
a.link-headline:hover  { text-decoration: none; color: #0066CC}
b, strong { font-weight: 600; }
.asterisk { color: var(--bs-gray-500) !important; font-size: 55% !important; vertical-align: top; }

.overlay.dark { background-color: rgba(0, 0, 0, .60); }	
.overlay.light { background-color: rgba(255,255,255,.85); }
.font-primary { font-family: var(--font-primary); }
.font-secondary { font-family: var(--font-secondary); }

/* Typography */
p:last-of-type { margin-bottom: 0; }
.list li { margin-bottom: 1.2rem; }
.text-shadow { text-shadow: 1px 1px #fff; }
.text-shadow.dark { text-shadow: 1px 1px #000; }

/*Text Hightlight */
.text-highlight { background-color: #fff2a8; padding: 2px 5px; border-radius: 5px; }
.text-highlight.red { background-color: var(--bs-red); color: #fff; text-shadow:none;}
.text-highlight.green { background-color: var(--bs-green); color: #fff; text-shadow:none;}
.text-highlight.dark { background-color: var(--bs-gray-800); color: #fff; text-shadow:none;}
.text-highlight.gold { background-color: var(--bs-gold); color: #fff; text-shadow:none;}

/* Highlight Gradient */
.highlight-red {
	border-radius: 1em 0 1em 0;
	background-image: linear-gradient( -100deg, rgba(255, 20, 0, 0.2), rgba(255, 20, 0, 0.30) 95%, rgba(255, 20, 0, 0.1)	); }
.highlight-yellow {
	border-radius: 1em 0 1em 0;
	background-image: linear-gradient( -100deg, rgba(255, 224, 0, 0.2), rgba(255, 224, 0, 0.7) 95%, rgba(255, 224, 0, 0.1) ); }
.highlight-green {
	border-radius: 1em 0 1em 0;
	background-image: linear-gradient( -100deg, rgba(0, 255, 20, 0.2), rgba(0, 255, 20, 0.7) 95%, rgba(0, 255, 20, 0.1)); }
.highlight-blue {
	border-radius: 1em 0 1em 0;
	background-image: linear-gradient( -100deg, rgba(0, 20, 135, 0.2), rgba(0, 124, 255, 0.46) 95%, rgba(0, 20, 135, 0.1) ) }

/*Text Underline */
.text-underline { border-bottom: 2px solid var(--bs-red); padding-bottom: 1px; }
.text-underline.green { border-bottom: 2px solid var(--bs-green) !important; }
.text-underline.red { border-bottom: 2px solid var(--bs-red) !important;}
.text-underline.gold { border-bottom: 2px solid var(--bs-gold) !important;}

/* Background colors */
.bg-lightgray { background-color: var(--bs-lightgray) !important; }
.bg-lightyellow { background-color: var(--bs-lightyellow) !important; }
.bg-lightblue { background-color: var(--bs-lightblue)!important; }
.bg-red { background-color:var(--bs-red) !important; }
.bg-yellow { background-color: var(--bs-yellow) !important; }
.bg-lightgreen { background-color: var(--bs-lightgreen) !important; }
.bg-green { background-color: var(--bs-green) !important; }
.bg-darkblue { background-color: var(--bs-darkblue) !important; }

/*Text Colors*/
.text-red { color: var(--bs-red) !important; }
.text-green { color: var(--bs-green) !important; }
.text-light { color: var(--bs-gray-500) !important; }
.text-dark { color: var(--bs-gray-800) !important; }
.text-yellow { color: var(--bs-yellow) !important; }
.text-gold { color: var(--bs-gold) !important; }
.text-pink { color: var(--bs-pink) !important; }

/* Container */
.container-1000 { max-width: 1000px;}
.container-900 { max-width: 900px;}
.container-800 { max-width: 800px;}
.container-700 { max-width: 700px;}
.container-600 { max-width: 600px;}

/* Line Divider */
.line-divider { overflow: hidden; text-align: center; line-height: 1.3;}
.line-divider:before, .line-divider:after {
	background-color:#ccc;
	height: 2px;
	content: "";
	display: inline-block;
	position: relative;
	vertical-align: middle;
	width: 50%;}
.line-divider:before { right: 0.5em; margin-left: -50%; }
.line-divider:after { left: 0.5em; margin-right: -50%; }

/* Tooltip */
.tooltip-lightgreen { --bs-tooltip-bg: var(--bs-lightgreen); --bs-tooltip-color: #000; --bs-tooltip-opacity: 1; }
.tooltip-lightblue { --bs-tooltip-bg: var(--bs-lightblue); --bs-tooltip-color: #000; --bs-tooltip-opacity: 1; }
.tooltip-lightyellow { --bs-tooltip-bg: var(--bs-lightyellow); --bs-tooltip-color: #000; --bs-tooltip-opacity: 1; }
.tooltip-lightgray { --bs-tooltip-bg: var(--bs-lightgray); --bs-tooltip-color: #000; --bs-tooltip-opacity: 1; }

/* Accordion Core Styles */
.accordion .accordion-item .accordion-button b, .accordion .accordion-item .accordion-button span, .accordion-item .accordion-button em  { display: contents; }
.accordion .accordion-button { cursor: pointer; padding: 8px 12px 8px 16px; font-family: var(--font-secondary); font-size:1.2rem; }
.accordion .accordion-button:hover, .accordion .accordion-button:not(.collapsed) { background-color: var(--bs-accordion-active-bg); color: #000; border-radius: 0; }
.accordion .accordion-button::after { transition: transform 0.25s ease; }
.accordion .accordion-button:not(.collapsed)::after { transform: rotate(90deg); }
.accordion .accordion-button:hover:after { transform: rotate(90deg); }
.accordion .accordion-item { color: var(--bs-gray-800); }
/* accordion inner */
.accordion-item-inner .accordion-button i { padding-right: 1rem; }
.accordion-item-inner .accordion-button { font-family: var(--font-primary); font-size: 18px; font-weight: bold; }
.accordion-item .note { font-size: 15px; }
.accordion-item-inner .accordion-button:hover { background-color: var(--bs-accordion-active-bg); }
.accordion-item-inner .accordion-button:after {width: 1rem; height: 1rem; background-size: 1rem;}
.accordion-item-inner .accordion-item, .accordion-flush .accordion-item { margin-bottom:0; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; }
.accordion-item-inner .accordion-item:last-of-type, .accordion-flush .accordion-item:last-of-type { border-bottom: 0 !important;  }
.alert-light { --bs-alert-bg: var(--bs-gray-100); border: 1px solid #eee; color: #333; }

/* Bullets */
.bullets-check, .bullets-star, .bullets-cross, .bullets-arrow { padding-left:0; }
.bullets-check li, .bullets-star li, .bullets-cross li, .bullets-arrow li { list-style: none; margin-bottom: 1.2rem; }
.bullets-check li:before, .bullets-star li:before, .bullets-cross li:before, .bullets-star li:before, .bullets-arrow li:before  {
	display: inline-block;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: normal !important;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: -.2rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 1.5em; /* same as padding-left set on li */ }
.bullets-check li:before { content: "\f26b"; color: var(--bs-green); }
.bullets-cross li:before { content: "\f623"; color: var(--bs-red); }
.bullets-star li:before { content: "\f586"; color: var(--bs-gold); }
.bullets-arrow li:before { content: "\f134"; }

/* Header */
#lp header { margin-top: 60px; }
#lp header .p-name { font-family: var(--font-secondary); font-size: calc(1.4rem + .5vw); font-weight: bold; line-height: 1; color: #666; }
#lp header .p-title { font-family: var(--font-secondary); font-size: calc(1rem + .5vw); color: var(--bs-black); }
#lp header h1 {	color: var(--bs-gray-600); }
#lp header h2 {	color: var(--bs-gray-500); }
#lp header h3 { color: var(--bs-gray-700); }
#lp header .intro-img .img-thumbnail { max-width: 100%; }
.review-stars, .top-guarantee {	font-size: .85rem; font-weight: normal;	display: inline; vertical-align: middle; }
#lp header .bullets-check li, #lp header .bullets-arrow li { margin-bottom: 0; }
#lp header .bullets-check li:before { color: var(--bs-black); }

/* Slider Section / Bootstrap Carousel*/
.slider-thumb img { cursor: pointer; opacity: .7; border: 1px solid #ddd; margin-right: 1rem; max-width: 70px;}
.slider-thumb img:hover { opacity: 1; }
.slider-thumb img:last-child { margin-right: 0; }

.slider-thumb img.active { opacity: 1; border: 1px solid var(--bs-link-color); }

.carousel-control-next, .carousel-control-prev { color: var(--bs-link-color); font-size: 2rem; width: auto; }
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-indicators li.active { color: var(--bs-link-hover-color); }
.carousel-indicators li, .carousel-indicators li:not(.active) { background-color: var(--bs-link-color);  }
.carousel-indicators li.active, .carousel-indicators li:hover:not(.active) { background-color: var(--bs-link-hover-color); }
.carousel-indicators { list-style: none; }

.zoom-icon { position: absolute; bottom: 0; left: 25%; z-index: 15; width: 50%; padding-left: 0;  opacity: .5; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;  }
.zoom-icon:hover { opacity: 1; }

/* Guarantee */
.guarantee { max-width: 900px;}
.guarantee .guarantee_img { max-width: 100px; display: block; margin: 0 auto; }
.guarantee-title { font-family: var(--font-secondary); color: #171F3C; line-height: 1.5;}
.guarantee .seals { list-style: none; padding-left: 0; margin-bottom: 0; text-align: center;}
.guarantee .seals li { display: inline-block; margin:.5rem}
.guarantee .seals img { max-width: 60px; }

/* 	Packages */
.discount-expire { font-family: var(--font-secondary); }
#packages_container .card { border-radius: 0; }
#packages_container .card-header { background-color: var(--bs-border-color); border:0; border-radius: 0; text-align: center; font-size:1.1rem;}
#packages_container .card-header div { line-height: 1.2; margin-bottom: .5rem; font-size: 14px; }
#packages_container label { cursor: pointer; }
#packages_container label:hover { background-color: var(--bs-light); }
#packages_container input[type="radio"] { height: 1.2em; width: 1.2em; }
#packages_container .selected-option {  /*border-color: var(--bs-dark-blue) !important;*/ background-color: var(--bs-lightyellow); }
#packages_container .selected-option:hover { background-color: transparent; }
.bottle-option { font-size: .85rem; position: relative; color: var(--bs-prmiary);}
.bottle-info { font-family: var(--font-secondary); color: var(--bs-dark-blue); font-size:1.18rem; display:block; font-weight: bold; line-height:1.2rem; }
sup { font-size: .7rem; }
.price { font-size:1.2rem; font-weight:bold; display:block; line-height: 1.2rem; }
.each { font-size: small; color: #aaa; font-weight: normal; }
.highlight-label { position: absolute; top: 0; transform: translate(-50%,-50%); left:50%; padding: 1px 10px; font-size: small; background-color: var(--bs-dark-blue); color: #fff; }
.strike-price { position: relative; font-weight:normal; color: #495057; font-size: 14px; }
.strike-price:before { 
	border-bottom: 1px solid var(--bs-red);
	position: absolute;
	content: "";
	width: 100%;
	transform: translate(-50%,-50%)!important;
	top: 50%;
	left: 50%; }

/* Reviews Slider */

#reviews_slider .carousel-item-next, #reviews_slider .carousel-item-prev, #reviews_slider .carousel-item.active { display: flex; margin-bottom: 1.5em; }
#reviews_slider .review { padding: 1rem; }
#reviews_slider h2 { font-size: var(--bs-body-font-size); font-weight: bold; color: var(--bs-black); }

.review-header .bi { color: var(--bs-gold); font-size: 1.4rem; vertical-align: 3px; }
.review-header a { border-bottom: 1px dashed; line-height: 1.3em; }
#reviews_slider .review p { font-size: 14px; }
#reviews_slider h2::after, #reviews_slider .review p::after {
    content: "*";
	color:#999;
	font-size:13px;
	vertical-align:top; }

/* Video FAQ*/
.play-icon i { font-size: 5rem; color: var(--bs-red); opacity: .5; transition: 0.3s; }
.play-icon:hover i { opacity: 1; }

/* Sub Sections */
.sub-section .col { padding: 0; }

/* Section */
.title {
	font-family: var(--font-secondary);
    color: var(--bs-gray-700);
    font-size: calc(1.375rem + 1.5vw);
	line-height: 1.5;
    text-shadow: 1px 1px #fff;
	overflow: hidden; text-align: center; }

.sub-title {
	font-family: var(--font-secondary);
	color: var(--bs-gray-700);
	font-size: calc(1.3rem + .6vw);
	text-shadow: 1px 1px #fff;
	overflow: hidden;
	text-align: center; }

/* Sub section */
.sub-section .col .sub-title { margin-bottom:0; }

/* Ingredients */
.bg-ingredient {
    background-image: url("https://hfl.s3.amazonaws.com/images/bg/ingredients-bg-m.jpg");
    background-size: cover;
    background-position: center;
    padding: 0;
	color: #000; }

.ingredient-container { cursor: pointer; position: relative; text-align: center; }

.ingredient-container .btn-ingredients { top: 40%; }
.ingredient-container .btn-instructions { top: 60%; }

.ingredient-container .btn {
	position: absolute;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-shadow: 0px 1px 2px #444;
	font-size: 14px;
	max-width: 210px;
	width: 100%;
	color: #fff;
	border-color: #545b62;
	background-color: #6c757de8;}

.ingredient-container .btn:hover { background-color: #5a6268; border-color: #545b62; text-shadow: none; color: #fff; }
.ingredient-container .btn:active, .ingredient-container .btn:focus { box-shadow: none; text-shadow: none; }

.ingredient-img { list-style: none; padding: 0; text-align: center; }
.ingredient-img li { display: inline; }
.ingredient-img img { max-width: 120px; margin-right: 10px; }
.ingredient-img li:last-child img { margin-right: 0; } 	


/* Sub Pages Style */
.sub-page sup, .sub-page sub { color: var(--bs-gray-500); font-size: 60%; }
.sub-page .accordion-item { color: var(--bs-gray-800); }

/* Down Arrow (Section Buttom arrow )*/
.arrow-down { width: 0; height: 0; border-style: solid;	border-width: 30px 30px 0 30px; margin: 0 auto; }
.arrow-down.small { border-width: 20px 20px 0 20px; }
.arrow-down.white { border-color: #ffffff transparent transparent transparent; }
.arrow-down.gray { border-color: #f1f1f1 transparent transparent transparent; }
.arrow-down.yellow { border-color: #ffc transparent transparent transparent; }
.arrow-down.lightyellow { border-color: #fff2a8 transparent transparent transparent; }
.arrow-down.red { border-color: #dc3545 transparent transparent transparent; }
.arrow-down.lightgreen { border-color: #dff0d8 transparent transparent transparent; }

/* Bouncing Arrow*/
.arrow {
    background-size: 100% 100%;
    z-index: 1;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: -11px;
    height: 25px;
    width: 11px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat; }

  .bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;  }
  
  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
	40% { transform: translateY(-30px); }
	60% { transform: translateY(-15px);	}
  }

/* Activating Animation */
.fade {	transition:opacity 0.15s linear !important; }
.collapsing { transition:height 0.35s ease !important; }
.custom-switch .custom-control-label::after {
	transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out !important;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important;
	transition:transform 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out !important;}
.custom-range::-webkit-slider-thumb { transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important; }
.custom-range::-moz-range-thumb { transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important; }
.custom-range::-ms-thumb { transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important; }
.custom-control-label::before,.custom-file-label,.custom-select { transition:background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important; }
.badge { transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important; }
.progress-bar { transition:width 0.6s ease !important; }
.progress-bar-animated { -webkit-animation:progress-bar-stripes 1s linear infinite !important; animation:progress-bar-stripes 1s linear infinite !important; }
.modal.fade .modal-dialog {
	transition:-webkit-transform 0.3s ease-out !important;
	transition:transform 0.3s ease-out !important;
	transition:transform 0.3s ease-out,-webkit-transform 0.3s ease-out !important; }
.carousel-item {
	transition:-webkit-transform 0.6s ease-in-out !important;
	transition:transform 0.6s ease-in-out !important;
	transition:transform 0.6s ease-in-out,-webkit-transform 0.6s ease-in-out !important; }
.carousel-fade .carousel-item { transition-property: opacity !important; }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: 0s 0.6s opacity !important; }
.carousel-control-prev,.carousel-control-next {	transition:opacity 0.15s ease !important; }
.carousel-indicators li { transition:opacity 0.6s ease !important; }
.form-control {	transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important; }
.btn { transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out !important; }

/* Scroll to top */
.scrolltop {
	transition: all .15s ease-in-out;
	position: fixed;
	bottom: 60px;
	right: 14px;
	visibility: hidden;
	background-color: #d0d0d07d;
	color: var(--bs-gray-700);
	padding: .5rem;
	border-radius: .25rem;
	line-height: 0;
	cursor: pointer;
	z-index: 9999; } 

/* Image Overlay Text */
.overlay-img {position: relative;max-width: 600px; margin: 0 auto;box-sizing: border-box; display: inline-block;}
.overlay-img img {vertical-align: middle;}
.overlay-img .caption {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 10px 0px;
	font-family: Arial;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
	font-weight: bold; }
.overlay-img .light {background: rgb(255, 255, 255);background: rgba(255, 255, 255, 0.6); color: #000000;}
.overlay-img .dark {background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.6);color: #f1f1f1;}
.image-notes { font-size: 13px; padding: 5px 0 20px 0 !important; color: #666; text-align: center; }

/* Sezzle Styles */
.sezzle img { height: 18px; }
#sezzleModal .sezzle_logo { height: 50px; width: auto; }
#sezzleModal .close { margin-left: 97%; cursor: pointer; }
.installment { height: 110px; }
#sezzleModal h3 { font-size: 24px; }
#sezzleModal .just-select-sezzle { font-size: 23px;	font-weight: 700; color: #037269; margin-top: 40px; margin-bottom: 50px;}
#sezzleModal .terms { margin: 10px auto; font-size: 12px; line-height: 17px; }
#sezzleModal .sezzle_bullets { font-weight: 600; }
#sezzleModal .sezzle_bullets span { font-weight: normal; font-size: 14px; }

/* Misc */
.CTA_section b { color: var(--bs-yellow); }
.bs-icon-slick .slick-next:before { content: "\f134" !important; }
.bs-icon-slick .slick-prev:before { content: "\f12a" !important; }
.bs-icon-slick .slick-prev:before, .bs-icon-slick .slick-next:before { font-family: bootstrap-icons !important;}
.summary_accordion .accordion-item { margin-bottom: 10px; border-radius: 0 !important; border: 1px solid #ddd !important; }
.ingredient-panel { font-family: var(--font-arial); color: var(--bs-gray-700); }
.ingredient-panel .benefits-seals { margin-top: 1rem; }
.alert-light { --bs-alert-bg: var(--bs-gray-100); border: 1px solid #eee; color: #333; }
#exitpop .btn-close { background-color: #fff; }        
.coupon-alert { z-index: 2000; opacity: 1; transition: opacity 1s ease-in-out; }
.coupon-alert.hidden { opacity: 0; }

/* Media Query */
@media (min-width: 576px) { /* For Smaller Device sm */
	#packages_container input[type="radio"] { height: 1.5em; width: 1.5em; }
	.guarantee .seals img { max-width: 70px; }
	#reviews_slider .carousel-control-next,	#reviews_slider .carousel-control-prev { margin: 0 -10px; }
	.review-header .bi { font-size: 1.6rem; }
}

@media (min-width: 768px) { /* For Medium Device md */
	#lp header { margin-top: 80px; }
	/*#lp header .intro-img .img-thumbnail { max-width: 250px; }*/
	.bg-ingredient { background-image: url("https://hfl.s3.amazonaws.com/images/bg/ingredients-bg.jpg"); }
	.guarantee .seals img { max-width: 80px; }
	.sub-section .col { padding: 2.5rem; }
	.video-section .col { padding-left: 2.5rem; padding-right: 2.5rem; }
	.sub-section .col:nth-child(odd) { border-right: 1px solid #ddd; }
	.sub-section .col:nth-child(1), .sub-section .col:nth-child(2) { border-bottom: 1px solid #ddd; }
	.sub-section img { max-width: 150px; max-height: 150px; display: block; margin: 0 auto; }
	.accordion .accordion-button { font-size:1.35rem; }
	#reviews_slider .carousel-control-next,	#reviews_slider .carousel-control-prev { margin: 0 -20px; }
	.review-header .bi { font-size: 1.7rem; }
}

@media (min-width: 992px) { /* For Large Device lg */
	#lp header .intro-img .img-thumbnail { max-width: 230px; }
	.slider-thumb img { max-width: 100px; }
	.review-header .bi { font-size: 1.8rem; }
}

@media (min-width: 1200px) { /* For Extra Large Device xl */
	body { --bs-body-font-size:1.1rem; }
  	.title { font-size: 2.5rem; line-height: 1.35; }
  	.sub-title { font-size: 1.75rem; }
	.accordion-button { font-size: 1.5rem; }
	#lp header .p-name { font-size:2rem; }
	#lp header .p-title { font-size:1.6rem; }
	#lp header .intro-img .img-thumbnail { max-width: 250px; }
	.guarantee .guarantee_img { max-width: 150px; }
	.review-header .bi { font-size: 2rem; vertical-align: 4px; }
}

@media (min-width: 1400px) { /* For Double Extra Large Device xxl */
	#lp header .intro-img .img-thumbnail { max-width: 300px; }
}