/* ----------------------------------------------------------------------------------------

* Author        : Awaiken

* Template Name : Restraint - Yoga & Meditation HTML Template

* File          : CSS File

* Version       : 1.0

* ---------------------------------------------------------------------------------------- */

/* INDEX

----------------------------------------------------------------------------------------

01. Global Variables

02. General css

03. Header css

04. Hero css

05. About Us css

06. Our Services css

07. What We Do css

08. Why Choose Us css

09. Our Benefits css

10. Intro Video css

11. How It Work css

12. Our Features css

13. Our Pricing css

14. Scrolling Ticker css

15. Our Testimonial css

16. Our FAQs css

17. Our Blog css

18. Footer css

19. About Us Page css

20. Services Page css

21. Service Single css

22. Blog Archive css

23. Blog Single css

24. Team Page css

25. Team Single css

26. Pricing Page css

27. Testimonials Page css

28. Image Gallery css

29. Video Gallery css

30. FAQs Page css

31. Contact Us Page css

32. Book Appointment css

33. 404 Error Page css

34. Responsive css

-------------------------------------------------------------------------------------- */



/************************************/

/*** 	 01. Global Variables	  ***/

/************************************/



:root{

	--primary-color				: #1E1E1E;

	--secondary-color			: #FAF9FA;

	--text-color				: #9C9C9C;

	--accent-color				: #f25832;

	--accent-secondary-color	: #FFF;

	--white-color				: #FFFFFF;

	--divider-color				: #4156491A;

	--dark-divider-color		: #FFFFFF1A;

	--error-color				: rgb(230, 87, 87);

	--default-font				: "Sora", sans-serif;

	--accent-font				: "Marcellus", serif;

	--banner-font				: "Johnson Display", Helvetica, Arial, sans-serif;

}





/************************************/

/*** 	   02. General css		  ***/

/************************************/



body{

	position: relative;

	font-family: var(--default-font);

	font-size: 16px;

	font-weight: 400;

	line-height: 1em;

	color: #484646;

	background: var(--secondary-color);

}




::-webkit-scrollbar-track{

	background-color: var(--secondary-color);

	border-left: 1px solid var(--secondary-color);

}


::-webkit-scrollbar{

	width: 7px;

	background-color: var(--secondary-color);

}

::-webkit-scrollbar-thumb{

	background: var(--accent-color);

}



::selection{

	color: var(--primary-color);

	background-color: var(--secondary-color);

	filter: invert(1);

}



p{

	line-height: 1.6em;

	margin-bottom: 1.5em;

}



h1,

h2,

h3,

h4,

h5,

h6{

	margin :0;

	font-family: var(--accent-font);

	font-weight: 400;

	line-height: 1.2em;

	color: var(--primary-color);

}



figure{

	margin: 0;

}



img{

	max-width: 100%;

}



a{

	text-decoration: none;

}



a:hover{

	text-decoration: none;

	outline: 0;

}



a:focus{

	text-decoration: none;

	outline: 0;

}



html,

body{

	width: 100%;

	overflow-x: clip;

}



.container{

	max-width: 1300px;

}



.container,

.container-fluid,

.container-lg,

.container-md,

.container-sm,

.container-xl,

.container-xxl{

	position: relative;

    padding-right: 15px;

    padding-left: 15px;

	z-index: 1;

}



.image-anime{

	position: relative;

	overflow: hidden;

}



.image-anime:after{

	content: "";

	position: absolute;

    width: 200%;

    height: 0%;

    left: 50%;

    top: 50%;

    background-color: rgba(255,255,255,.3);

    transform: translate(-50%,-50%) rotate(-45deg);

    z-index: 1;

}



.image-anime:hover:after{

    height: 250%;

    transition: all 600ms linear;

    background-color: transparent;

}



.reveal{

	position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    visibility: hidden;

    overflow: hidden;

}



.reveal img{

    height: 100%;

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -webkit-transform-origin: left;

    transform-origin: left;

}



.row{

    margin-right: -15px;

    margin-left: -15px;

}



.row > *{

	padding-right: 15px;

	padding-left: 15px;

}



.row.no-gutters{

    margin-right: 0px;

    margin-left: 0px;

}



.row.no-gutters > *{

    padding-right: 0px;

    padding-left: 0px;

}



.btn-default{

	position: relative;

    display: inline-block;

    background: #f25832;

	border-radius: 10px;

    font-size: 16px;

    font-weight: 500;

    line-height: 1em;

    text-transform: capitalize;

    color: var(--white-color);

    border: none;

    padding: 17px 44px 17px 20px;

    transition: all 0.5s ease-in-out;

    overflow: hidden;

    z-index: 0;

}



.btn-default:hover{

	background: transparent;

}



.btn-default::before{

	content: '';

    position: absolute;

    top: 50%;

    right: 0;

    width: 14px;

    height: 14px;

    background-image: url(../images/arrow-white.svg);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    transform: translate(-20px, -50%);

    transition: all 0.4s ease-in-out;

}



.btn-default:hover::before{

	transform: translate(-20px, -50%) rotate(45deg);

}



.btn-default::after{

	content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: -15%;

	right: 0;

    width: 0;

    height: 106%;

    background: #f9ad15;

    transform: skew(30deg);

    transition: all 0.4s ease-in-out;

    z-index: -1;

}



.btn-default:hover:after{

	width: 100%;

    transform: skew(0deg);

    left: 0;

}



.btn-default.btn-highlighted{

	background: #fff;

}



.btn-default.btn-highlighted::after{

	background: var(--primary-color);

}



.readmore-btn{

	position: relative;

	display: inline-block;

	font-size: 16px;

	font-weight: 500;

	line-height: normal;

	text-transform: capitalize;

	color: var(--accent-color);

	padding: 5px 40px 5px 0;

	transition: all 0.3s ease-in-out;

}



.readmore-btn:hover{

	color: var(--accent-secondary-color);

}



.readmore-btn:after{

	content: '';

    position: absolute;

	right: 0;

	top: 50%;

    transform: translateY(-50%);

	background-color: var(--accent-color);

    background-image: url('../images/arrow-white.svg');

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 8px auto;

	border-radius: 50%;

	width: 30px;

	height: 30px;

	transition: all 0.3s ease-in-out;

}



.readmore-btn:hover:after{

	background-color: var(--accent-secondary-color);

	transform: translateY(-50%) rotate(45deg);

}



.cb-cursor:before{

	background: var(--accent-secondary-color);

}



.preloader{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1000;

	background: #000;

	display: flex;

	align-items: center;

	justify-content: center;

	opacity: 1;

	visibility: visible;

	pointer-events: auto;

	transition: opacity 0.12s ease-out, visibility 0s linear 0.12s;

}


.preloader.is-hidden{

	opacity: 0;

	visibility: hidden;

	pointer-events: none;

}



.loading-container,

.loading{

	height: 100px;

	position: relative;

	width: 100px;

	border-radius: 100%;

}



.loading-container{

	margin: 40px auto;

}



.loading{

	border: 1px solid transparent;

	border-color: transparent var(--accent-secondary-color) transparent var(--accent-secondary-color);

	animation: rotate-loading 0.8s linear 0s infinite normal;

	transform-origin: 50% 50%;

}



.loading-container:hover .loading,

.loading-container .loading{

	transition: none;

}



#loading-icon{

	position: absolute;

	top: 50%;

	left: 50%;

	max-width: 66px;

	transform: translate(-50%, -50%);

}



@keyframes rotate-loading{

	0%{

		transform: rotate(0deg);

	}



	100%{

		transform: rotate(360deg);

	}

}



.section-row{

	margin-bottom: 80px;

}



.section-row .section-title{

	margin-bottom: 0;

}



.section-title{

	margin-bottom: 40px;

}



.section-title h3{

	display: inline-block;

	position: relative;

	font-family: var(--default-font);

	font-size: 14px;

    font-weight: 500;

	line-height: 1.6em;

	letter-spacing: 0.3em;

    text-transform: uppercase;

    color: var(--accent-color);

	background-position: left center;

	background-size: 18px auto;

	padding-left: 0px;

    margin-bottom: 10px;

}



.section-title h1{

	font-size: 60px;

	/* text-transform: uppercase; */

	margin-bottom: 0;

	cursor: none;

}



.section-title h2{

	font-size: 48px;

	margin-bottom: 0;

	cursor: none;

}



.section-title h1 span,

.section-title h2 span{

	color: #f25832;

}



.section-title p{

	margin-top: 20px;

	margin-bottom: 0;

}



.section-title-content p{

	margin: 0;

}



.section-btn{

	text-align: right;

}



.section-content-btn .section-btn{

	text-align: left;

	margin-top: 30px;

}



.help-block.with-errors ul{

	margin: 0;

	text-align: left;

}



.help-block.with-errors ul li{

	color: var(--error-color);

	font-weight: 500;

	font-size: 14px;

}



/************************************/

/**** 	   03. Header css		 ****/

/************************************/



.site-header-top{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	width: 100%;

	z-index: 100;

}



.header-utility-bar{

	background: var(--primary-color);

	border-bottom: 1px solid var(--dark-divider-color);

}



.header-utility-bar-inner{

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 16px;

	min-height: 38px;

	padding: 6px 0;

}



.header-utility-contact{

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 6px 22px;

}



.header-utility-contact a{

	display: inline-flex;

	align-items: center;

	gap: 8px;

	color: rgba(255, 255, 255, 0.88);

	font-size: 13px;

	line-height: 1.4em;

	text-decoration: none;

	transition: color 0.3s ease;

}



.header-utility-contact a i{

	color: var(--accent-color);

	font-size: 14px;

	line-height: 1;

}



.header-utility-contact a:hover{

	color: var(--white-color);

}



.header-utility-contact a:hover i{

	color: var(--white-color);

}



.header-utility-social{

	display: flex;

	align-items: center;

	gap: 10px;

}



.header-utility-social-link{

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 32px;

	height: 32px;

	border-radius: 50%;

	background: var(--accent-color);

	color: var(--white-color);

	font-size: 16px;

	line-height: 1;

	text-decoration: none;

	transition: background 0.3s ease, color 0.3s ease;

}



.header-utility-social-link:hover{

	background: #ffdd00;

	color: var(--primary-color);

}



.header-utility-social-link i{

	font-family: "Font Awesome 6 Brands";

	font-weight: 400;

	font-size: 16px;

	color: inherit;

}



header.main-header{

	position: relative;

    top: auto;

    width: 100%;

    border-bottom: 1px solid var(--dark-divider-color);

    z-index: 100;

}



header.main-header .header-sticky{

	position: relative;

	top: 0;

	z-index: 100;

}



header.main-header .header-sticky.hide{

	transform: translateY(-100%);

	transition: transform 0.3s ease-in-out;

	border-radius: 0;

}



header.main-header .header-sticky.active{

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	border-radius: 0;

    transform: translateY(0);

	background: var(--primary-color);

	border-bottom: 1px solid var(--dark-divider-color);

}



.navbar{

	padding: 10px 0;

	align-items: center;

	background: #fff;
}



.navbar-brand{

	padding: 0;

	margin: 0;

}



.navbar-brand img{

	width: auto;

	height: 70px;

}



.main-menu .nav-menu-wrapper{

	flex: 1;

	text-align: center;

	margin: 0 20px;

}



.main-menu .nav-menu-wrapper > ul{

	align-items: center;

	display: inline-flex;

}



.main-menu ul li{

	margin: 0;

	position: relative;

}



.main-menu ul li a{

	font-size: 17px;

	font-weight: 500;

	line-height: 1.2em;

	padding: 15px !important;

	color: var(--white-color);

	text-transform: capitalize;

	transition: all 0.3s ease-in-out;

	color: #1A1A1A;

}



.main-menu ul li.submenu > a:after{

	content: '\f107';

	font-family: 'FontAwesome';

	font-weight: 900;

	font-size: 14px;

	margin-left: 8px;

}



.main-menu ul li a:hover,

.main-menu ul li a:focus,

.main-menu ul li a.active,

.main-menu .navbar-nav .nav-link.active{

	color: var(--accent-color);

}



.main-menu ul ul{

	visibility: hidden;

	opacity: 0;

	transform: scaleY(0.8);

	transform-origin: top;

	padding: 0;

	margin: 0;

	list-style: none;

	width: 235px;

	border-radius: 20px;

	position: absolute;

	left: 0;

	top: 100%;

	background: var(--accent-color);

	transition: all 0.3s ease-in-out;

	text-align: left;

}



.main-menu ul li.submenu:first-child ul{

    width: 235px;

}



.main-menu ul ul ul{

	left: 100%;

	top: 0;

	text-align: left;

}



.main-menu ul li:hover > ul,
.main-menu ul li.open > ul{

	visibility: visible;

	opacity: 1;

	transform: scaleY(1);

    padding: 5px 0;

}



.main-menu ul li.submenu ul li.submenu > a:after{

    content: '\f105';

    float: right;

}



.main-menu ul ul li{

	margin: 0;

	padding: 0;

}



.main-menu ul ul li a{

	color: var(--white-color);

	padding: 8px 20px !important;

	transition: all 0.3s ease-in-out;

}



.main-menu ul ul li a:hover,

.main-menu ul ul li a:focus{

	color: var(--accent-secondary-color);

	background-color: transparent;

	padding: 8px 20px 8px 23px !important;

}



.header-contact-btn{

	display: flex;

	align-items: center;

	gap: 30px;

}



.header-contact-now{

	font-family: var(--accent-font);

	font-size: 20px;

	font-weight: 400;

	line-height: normal;

	color: var(--white-color);

}



.header-contact-now i{

	background-color: #f9ab16;

	border-radius: 10px;

	width: 40px;

	height: 40px;

	text-align: center;

	align-content: center;

	font-size: 18px;

	color: var(--white-color);

	margin-right: 15px;

}


.quote-modal-open{

	overflow: hidden;

}


.quote-modal{

	position: fixed;

	inset: 0;

	z-index: 9999;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 30px 15px;

	visibility: hidden;

	opacity: 0;

	pointer-events: none;

	transition: opacity 0.16s ease-out, visibility 0s linear 0.16s;

}


.quote-modal.is-open{

	visibility: visible;

	opacity: 1;

	pointer-events: auto;

	transition-delay: 0s;

}


.quote-modal-overlay{

	position: absolute;

	inset: 0;

	background: rgba(0, 0, 0, 0.72);

	backdrop-filter: none;

	opacity: 0;

	transition: opacity 0.16s ease-out;

}


.quote-modal.is-open .quote-modal-overlay{

	opacity: 1;

}


.quote-modal-dialog{

	position: relative;

	width: min(100%, 760px);

	max-height: calc(100vh - 60px);

	overflow-y: auto;

	background: var(--white-color);

	border: 1px solid rgba(242, 88, 50, 0.14);

	border-radius: 28px;

	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.35);

	transform: translateY(12px) scale(0.98);

	opacity: 0;

	transition: transform 0.16s ease-out, opacity 0.16s ease-out;

}


.quote-modal.is-open .quote-modal-dialog{

	transform: translateY(0) scale(1);

	opacity: 1;

}


.quote-modal-content{

	position: relative;

	padding: 38px;

	overflow: hidden;

}


.quote-modal-content::before{

	content: '';

	position: absolute;

	top: -90px;

	right: -70px;

	width: 210px;

	height: 210px;

	background: radial-gradient(circle, rgba(242, 88, 50, 0.2), rgba(242, 88, 50, 0));

	pointer-events: none;

}


.quote-modal-close{

	position: absolute;

	top: 18px;

	right: 18px;

	z-index: 2;

	width: 42px;

	height: 42px;

	border: 1px solid rgba(30, 30, 30, 0.1);

	border-radius: 50%;

	background: var(--white-color);

	color: var(--primary-color);

	display: inline-flex;

	align-items: center;

	justify-content: center;

	transition: all 0.3s ease-in-out;

}


.quote-modal-close:hover,
.quote-modal-close:focus{

	background: var(--accent-color);

	color: var(--white-color);

	border-color: var(--accent-color);

	outline: none;

}


.quote-modal-header{

	position: relative;

	margin-bottom: 26px;

	padding-right: 40px;

}


.quote-modal-eyebrow{

	display: inline-flex;

	align-items: center;

	gap: 8px;

	font-size: 13px;

	font-weight: 600;

	letter-spacing: 0.08em;

	text-transform: uppercase;

	color: var(--accent-color);

	margin-bottom: 10px;

}


.quote-modal-eyebrow::before{

	content: '';

	width: 8px;

	height: 8px;

	border-radius: 50%;

	background: var(--accent-color);

}


.quote-modal-header h2{

	font-size: 34px;

	margin-bottom: 10px;

	color: var(--primary-color);

}


.quote-modal-header p{

	max-width: 560px;

	color: #5f5f5f;

	margin-bottom: 0;

}


.quote-form-grid{

	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 18px;

}


.quote-form-group{

	position: relative;

}


.quote-form-group-full{

	grid-column: 1 / -1;

}


.quote-form-group label{

	display: block;

	font-size: 14px;

	font-weight: 600;

	color: var(--primary-color);

	margin-bottom: 8px;

}


.quote-form-group input,
.quote-form-group select,
.quote-form-group textarea{

	width: 100%;

	font-size: 15px;

	font-weight: 400;

	line-height: 1.4em;

	color: var(--primary-color);

	background: #FAF9FA;

	border: 1px solid rgba(30, 30, 30, 0.1);

	border-radius: 14px;

	outline: none;

	box-shadow: none;

	padding: 14px 16px;

	transition: all 0.3s ease-in-out;

}


.quote-form-group select{

	appearance: none;

	background-image: linear-gradient(45deg, transparent 50%, var(--accent-color) 50%), linear-gradient(135deg, var(--accent-color) 50%, transparent 50%);

	background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%;

	background-size: 6px 6px, 6px 6px;

	background-repeat: no-repeat;

	padding-right: 44px;

}


.quote-form-group textarea{

	min-height: 118px;

	resize: vertical;

}


.quote-form-group input::placeholder,
.quote-form-group textarea::placeholder{

	color: #9C9C9C;

}


.quote-form-group input:focus,
.quote-form-group select:focus,
.quote-form-group textarea:focus{

	background: var(--white-color);

	border-color: var(--accent-color);

	box-shadow: 0 0 0 4px rgba(242, 88, 50, 0.12);

}


.quote-form.was-validated .quote-form-group input:invalid,
.quote-form.was-validated .quote-form-group select:invalid,
.quote-form.was-validated .quote-form-group textarea:invalid{

	border-color: var(--error-color);

}


.quote-field-error{

	display: none;

	font-size: 12px;

	line-height: 1.4em;

	color: var(--error-color);

	margin-top: 6px;

}


.quote-form.was-validated .quote-form-group input:invalid ~ .quote-field-error,
.quote-form.was-validated .quote-form-group select:invalid ~ .quote-field-error,
.quote-form.was-validated .quote-form-group textarea:invalid ~ .quote-field-error{

	display: block;

}


.quote-form-footer{

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 16px;

	margin-top: 24px;

}


.quote-form-status{

	font-size: 14px;

	line-height: 1.5em;

	margin-bottom: 0;

}


.quote-form-status.text-success{

	color: #198754;

}


.quote-form-status.text-danger{

	color: var(--error-color);

}


.quote-submit-btn{

	border: none;

	white-space: nowrap;

}


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

	.quote-modal{

		align-items: flex-start;

		padding: 16px;

	}


	.quote-modal-dialog{

		max-height: calc(100vh - 32px);

		border-radius: 22px;

	}


	.quote-modal-content{

		padding: 28px 22px;

	}


	.quote-modal-close{

		top: 14px;

		right: 14px;

		width: 38px;

		height: 38px;

	}


	.quote-modal-header{

		padding-right: 34px;

		margin-bottom: 22px;

	}


	.quote-modal-header h2{

		font-size: 28px;

	}


	.quote-form-grid{

		grid-template-columns: 1fr;

		gap: 14px;

	}


	.quote-form-footer{

		display: block;

	}


	.quote-submit-btn{

		width: 100%;

		margin-top: 14px;

	}

}


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

	.quote-modal-content{

		padding: 26px 18px;

	}


	.quote-modal-header h2{

		font-size: 24px;

	}


	.quote-form-group input,
	.quote-form-group select,
	.quote-form-group textarea{

		padding: 13px 14px;

	}

}



.main-menu ul li.highlighted-menu{

    display: none;

}



.responsive-menu,

.navbar-toggle{

	display: none;

}



.responsive-menu{

	top: 0;

	position: relative;

}



.slicknav_btn{

	background: var(--accent-color);

	padding: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 38px;

	height: 38px;

	margin: 0;

	border-radius: 8px;

}



.slicknav_icon .slicknav_icon-bar{

	display: block;

	width: 100%;

	height: 3px;

	width: 22px;

	background-color: var(--white-color);

	border-radius: 6px;

	margin: 4px auto !important;

	transition: all 0.1s ease-in-out;

}



.slicknav_icon .slicknav_icon-bar:first-child{

	margin-top: 0 !important;

}



.slicknav_icon .slicknav_icon-bar:last-child{

	margin-bottom: 0 !important;

}



.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){

    transform: rotate(-45deg) translate(-5px, 5px);

	background-color: var(--white-color);

}



.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){

    opacity: 0;

}



.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){

    transform: rotate(45deg) translate(-5px, -5px);

	background-color: var(--white-color);

}



.slicknav_menu{

	position: absolute;

    width: 100%;

	padding: 0;

	background: var(--accent-color);

}



.slicknav_menu ul{

	margin: 5px 0;

}



.slicknav_menu ul ul{

	margin: 0;

}



.slicknav_nav .slicknav_row,

.slicknav_nav li a{

	position: relative;

	font-size: 16px;

	font-weight: 400;

	text-transform: capitalize;

	padding: 8px 20px;

	color: var(--white-color);

	line-height: normal;

	margin: 0;

	border-radius: 0 !important;

	transition: all 0.3s ease-in-out;

}



.slicknav_nav a:hover,

.slicknav_nav a:focus,

.slicknav_nav .slicknav_row:hover,

.slicknav_nav li a.active{

	background-color: transparent;

	color: var(--accent-secondary-color);

}



.slicknav_menu ul ul li a{

    padding: 8px 20px 8px 30px;

}



.slicknav_arrow{

	font-size: 0 !important;

}



.slicknav_arrow:after{

	content: '\f107';

	font-family: 'FontAwesome';

	font-weight: 900;

	font-size: 12px;

	margin-left: 8px;

	color: var(--white-color);

	position: absolute;

	right: 15px;

	top: 50%;

	transform: translateY(-50%);

	transition: all 0.3s ease-out;

}



.slicknav_open > a .slicknav_arrow:after{

    transform: translateY(-50%) rotate(-180deg);

	color: var(--accent-secondary-color);

}



/************************************/

/***  Banner, header & footer typography  ***/

/************************************/



.site-header-top,

.header-utility-bar,

header.main-header,

.hero,

.page-header,

.footer-main{

	font-family: var(--banner-font);

}



.header-utility-bar :is(a, span),

header.main-header :is(h1, h2, h3, h4, h5, h6, a, p, span, label, button, .btn-default),

.hero :is(h1, h2, h3, h4, h5, h6, p, a, span, .btn-default),

.page-header :is(h1, h2, h3, h4, h5, h6, p, a, span, .breadcrumb-item),

.about-internal-hero-content :is(h1, h2, h3, p),

.footer-main :is(h1, h2, h3, h4, h5, h6, p, a, span, li, label, input, textarea, button, .btn-default){

	font-family: var(--banner-font);

}



/************************************/

/***        04. Hero css	      ***/

/************************************/



.hero{

	position: relative;

	background: var(--primary-color);

	background-position: center center;

	background-size: cover;

	padding: 240px 0 140px;

	min-height: 100vh;

	align-content: center;

}



.hero::before{

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: linear-gradient(269.99deg, rgba(30, 30, 30, 0) 15.73%, rgba(30, 30, 30, 0.828125) 66.76%, #1E1E1E 101.51%), linear-gradient(360deg, rgba(30, 30, 30, 0) 87.87%, #1E1E1E 102.84%);

	width: 100%;

	height: 100%;

	z-index: 1;

}



.hero.hero-video .hero-bg-video{

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	background: #000;

}



.hero.hero-video .hero-bg-video video{

	width: 100%;

	height: 100%;

	object-fit: cover;

	opacity: 0;

	transition: opacity 0.8s ease;

}



.hero.hero-video .hero-bg-video.is-ready video{

	opacity: 1;

}



.hero.hero-slider-layout{

	background: none;

	padding: 0;

}



.hero.hero-slider-layout .hero-slide{

	position: relative;

    padding: 240px 0 140px;

	min-height: 100vh;

	align-content: center;

}



.hero.hero-slider-layout .hero-slide::before{

	content: '';

	display: block;

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: linear-gradient(269.99deg, rgba(30, 30, 30, 0) 15.73%, rgba(30, 30, 30, 0.828125) 66.76%, #1E1E1E 101.51%), linear-gradient(360deg, rgba(30, 30, 30, 0) 87.87%, #1E1E1E 102.84%);

	width: 100%;

	height: 100%;

	z-index: 1;

}



.hero.hero-slider-layout .hero-slide .hero-slider-image{

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	bottom: 0;

}



.hero.hero-slider-layout .hero-slide .hero-slider-image img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.hero.hero-slider-layout .hero-pagination{

	position: absolute;

    bottom: 50px;

	text-align: left;

	padding-left: calc(((100vw - 1300px) / 2) + 15px);

	z-index: 2;

}



.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    background: var(--white-color);

    opacity: 1;

    transition: all 0.3s ease-in-out;

    margin: 0 5px;

}



.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active{

    background-color: var(--accent-color);

}



.hero-content{

	position: relative;

	z-index: 2;

}



.hero-content .section-title p,

.hero-content .section-title h1,

.hero-content .section-title h3{

	color: var(--white-color);

}



.hero-content .section-title p{

	border-top: 1px solid var(--dark-divider-color);

	margin-top: 30px;

	padding-top: 30px;

}



\.hero-content .section-title h3{

	margin-bottom: 10px;

}



.hero-body{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 10px 40px;

}



.hero-body .video-play-button{

	display: inline-flex;

	align-items: center;

	gap: 10px;

}



.hero-body .video-play-button p{

	font-weight: 500;

	text-transform: capitalize;

	color: var(--white-color);

	margin: 0;

}



.video-play-button a{

	height: 50px;

	width: 50px;

	border: 2px solid var(--white-color);

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: none;

	transition: all 0.3s ease-in-out;

}



.video-play-button:hover a{

	border-color: var(--accent-color);

}



.video-play-button a i{

	font-size: 18px;

	color: var(--white-color);

	transition: all 0.3s ease-in-out;

}



.video-play-button:hover a i{

	color: var(--accent-color);

}



.down-arrow-circle{

	position: absolute;

	right: 15px;

	bottom: 30px;

	text-align: center;

	z-index: 3;

}



.down-arrow-circle a{

	position: relative;

	display: inline-block;

	border-radius: 50%;

}



.down-arrow-circle a img{

	max-width: 150px;

	border-radius: 50%;

	animation: infiniterotate 20s infinite linear;

}



@keyframes infiniterotate{

	from{

		transform: rotate(0deg);

	  }

	to{

		transform: rotate(360deg);

	}

}



.down-arrow-circle a i{

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	color: var(--white-color);

	font-size: 50px;

}



/************************************/

/***       05. About Us css	      ***/

/************************************/



.about-us{

	position: relative;

	padding: 100px 0 50px;

}



.about-us::before{

    content: '';

    position: absolute;

    bottom: -80px;

    right: -25px;

    background-image: url('../images/section-bg-img-1.svg');

    background-repeat: no-repeat;

    background-position: right bottom;

    background-size: cover;

    height: 251px;

    width: 308px;

    z-index: 0;

}



.about-images{

	position: relative;

	text-align: center;

	margin: 20px 0px 20px 0;

	padding-left: 20px;

}



.about-images::before{

	content: '';

	position: absolute;

	top: 20px;

	bottom: 0;

	left: 0;

	right: 0;

	background: linear-gradient(90deg, var(--accent-color) 50%, transparent 50%);

	border-radius: 50%;

	width: 100%;

	height: 100%;

}



.about-images::after{

	content: '';

	position: absolute;

	top: -19px;

	bottom: 0;

	left: 0;

	right: 0;

	background: url('../images/about-img-bg-shape.png') no-repeat;

	background-position: left top;

	background-size: auto;

	width: 100%;

	height: 100%;

}



.about-image{

	position: relative;

	z-index: 1;

}



.about-image figure{

	display: block;

}



.about-image img{

	width: 100%;

	max-width: 405px;

	margin: 0 auto;

	aspect-ratio: 1 / 1.613;

	object-fit: cover;

}



.about-image-title{

	position: absolute;

	top: 0;

	right: 40px;

	transform: rotate(-180deg);

    writing-mode: vertical-rl;

	height: 100%;

	align-content: center;

}



.about-image-title h2{

	font-family: var(--default-font);

	font-size: 5.625vw;

	font-weight: 800;

	line-height: 1em;

	text-transform: uppercase;

	background: var(--divider-color);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-stroke: 4px transparent;

	color: var(--secondary-color);

	cursor: none;

	transition: all 0.3s ease-in-out;

	z-index: 0;

}



.about-images:hover .about-image-title h2{

	color: var(--accent-color);

}



.about-us-content{

	margin-left: 15px;

}



.about-content-body{

	margin-bottom: 40px;

}



.about-benefit-item{

	display: flex;

	margin-bottom: 30px;

}



.about-benefit-item:last-child{

	margin-bottom: 0;

}



.about-benefit-item .icon-box{

	position: relative;

	margin-right: 20px;

}



.about-benefit-item .icon-box::before{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	background: #fff;

	border-radius: 50%;

	width: 36px;

	height: 36px;

}



.about-benefit-item .icon-box img{

	position: relative;

	max-width: 60px;

	z-index: 1;

}



.about-benefit-item-content{

	width: calc(100% - 80px);

}



.about-benefit-item-content h3{

	font-size: 20px;

	margin-bottom: 10px;

}



.about-benefit-item-content p{

	margin: 0;

}



/************************************/

/***     06. Our Services css     ***/

/************************************/



.our-services{

	padding: 50px 0;

}



.service-item{

	position: relative;

	border: 1px solid #dadce0;

	background: var(--white-color);

	border-radius: 30px;

	height: calc(100% - 30px);

	margin-bottom: 30px;

	padding: 30px 25px;

	overflow: hidden;

	box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08);

}



.service-item::before{

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background: var(--accent-color);

	border-radius: 500px 500px 0 0;

	width: 100%;

	height: 0;

	transition: all 0.4s ease-in-out;

	z-index: 0;

}



.service-item:hover:before{

	border-radius: 0;

	height: 100%;

}



.service-header{

	position: relative;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 20px;

	margin-bottom: 30px;

	z-index: 1;

}



.service-header .icon-box img{

	max-width: 65px;

	transition: all 0.4s ease-in-out;

}



.service-item:hover .service-header .icon-box img{

	filter: brightness(0) invert(1);

}



.service-btn a{

	display: block;

	background: var(--accent-color);

	border-radius: 50%;

	width: 50px;

	height: 50px;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all 0.4s ease-in-out;

}



.service-item:hover .service-btn a{

	background: var(--accent-secondary-color);

}



.service-btn a img{

	max-width: 14px;

	transition: all 0.3s ease-in-out;

}



.service-btn a:hover img{

	transform: rotate(45deg);

}



.service-content{

	position: relative;

	z-index: 1;

}



.service-content h3{

	font-size: 24px;

	margin-bottom: 15px;

	transition: all 0.3s ease-in-out;

}



.service-content h3 a{

	color: inherit;

}



.service-content p{

	margin: 0;

	transition: all 0.3s ease-in-out;

}



.service-item:hover .service-content p,

.service-item:hover .service-content h3,

.service-item:hover .service-content .core-value-number{

	color: var(--white-color);

}



.service-item:hover .service-content.core-value-heading .core-value-number{

	color: #ffdd00;

}



.section-footer-text{

	margin-top: 30px;

	text-align: center;

}



.section-footer-text p{

	margin: 0;

}



.section-footer-text p span{

	font-weight: 500;

	color: var(--white-color);

	background: var(--accent-secondary-color);

	border-radius: 24px;

	padding: 2px 8px;

	margin-right: 10px;

}



.section-footer-text p a{

	color: var(--accent-secondary-color);

	font-weight: 600;

	text-transform: capitalize;

	text-decoration: underline;

	transition: all 0.3s ease-in-out;

}



.section-footer-text p a:hover{

	color: var(--primary-color);

}



/************************************/

/***      07. What We Do css      ***/

/************************************/



.what-we-do{

	position: relative;

	padding: 50px 0;

}



.what-we-do::before{

    content: '';

    position: absolute;

    top: -70px;

    left: -70px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



.what-we-image{

	background: url('../images/what-we-bg-shape.svg') no-repeat;

	background-position: center center;

	background-size: auto;

	text-align: center;

	margin: 0 20px 0 30px;

}



.what-we-image img{

	width: 100%;

	aspect-ratio: 1 / 1.03;

	object-fit: cover;

}



.what-we-body{

	margin-bottom: 40px;

}



.what-we-body ul{

    list-style: disc;

    margin: 0;

    padding-left: 20px;

	display: flex;

	flex-wrap: wrap;

	gap: 20px 40px;

}



.what-we-body ul li{

	width: calc(50% - 20px);

	text-transform: capitalize;

	line-height: 1.6em;

}



.what-we-body ul li:last-child{

	margin-bottom: 0;

}



.what-we-body ul li::marker{

    color: var(--accent-color);

}



.what-we-benefits-box{

	display: flex;

	flex-wrap: wrap;

	border-radius: 30px;

	overflow: hidden;

}



.what-we-benefits-list{

	width: calc(100% - 417px);

	background: #000;

	display: flex;

	flex-wrap: wrap;

	align-content: center;

	gap: 50px 30px;

	padding: 60px;

}



.what-we-item{

	width: calc(100% - 15px);

	display: flex;

}



.what-we-item .icon-box{

	margin-right: 20px;

}



.what-we-item .icon-box img{

	max-width: 40px;

}



.what-we-item-content{

	width: calc(100% - 60px);

}



.what-we-item-content h3{

	font-size: 20px;

	color: var(--white-color);

	margin-bottom: 10px;

}



.what-we-item-content p{

	color: var(--white-color);

	margin: 0;

}



.what-we-benefit-image{

	width: 417px;

	border-left: 4px solid var(--white-color);

}



.what-we-benefit-image figure{

	display: block;

	height: 100%;

}



.what-we-benefit-image img{

	width: 100%;

	height: 100%;

	aspect-ratio: 1 / 0.862;

	object-fit: cover;

}



/************************************/

/***    08. Why Choose Us css     ***/

/************************************/



.why-choose-us{

	padding: 50px 0;

}



.why-choose-content{

	display: flex;

	flex-wrap: wrap;

	gap: 30px;

}



.why-choose-image{

	width: calc(50% - 20px);

}



.why-choose-image figure{

	display: block;

	border-radius: 20px;

}



.why-choose-image img{

	width: 100%;

	aspect-ratio: 1 / 0.5512;

	object-fit: cover;

	border-radius: 20px;

}



.why-choose-item{

	position: relative;

	width: calc(25% - 20px);

	background: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 20px;

	padding: 30px 25px;

	overflow: hidden;

}



.why-choose-item::before{

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background: var(--accent-color);

	border-radius: 500px 500px 0 0;

	width: 100%;

	height: 0;

	transition: all 0.4s ease-in-out;

	z-index: 0;

}



.why-choose-item:hover:before{

	border-radius: 0;

	height: 100%;

}



.why-choose-item .icon-box{

	position: relative;

	margin-bottom: 60px;

	z-index: 1;

}



.why-choose-item .icon-box img{

	max-width: 80px;

	transition: all 0.4s ease-in-out;

}



.why-choose-item:hover .icon-box img{

	filter: brightness(0) invert(1);

}



.why-choose-item-content{

	position: relative;

	z-index: 1;

}



.why-choose-item-content h3{

	font-size: 20px;

	text-transform: capitalize;

	margin-bottom: 10px;

	transition: all 0.3s ease-in-out;

}



.why-choose-item-content p{

	margin: 0;

	transition: all 0.3s ease-in-out;

}



.why-choose-item:hover .why-choose-item-content p,

.why-choose-item:hover .why-choose-item-content h3{

	color: var(--white-color);

}



.why-choose-counter-box{

	display: flex;

	flex-wrap: wrap;

	gap: 50px;

	border-top: 1px solid var(--divider-color);

	margin-top: 60px;

	padding-top: 60px;

}



.why-choose-counter-item{

	position: relative;

	width: calc(25% - 37.5px);

	display: flex;

}



.why-choose-counter-item::before{

	content: '';

	position: absolute;

	right: -25px;

	background: var(--divider-color);

	width: 1px;

	height: 100%;

}



.why-choose-counter-item:nth-child(4n + 4):before,

.why-choose-counter-item:last-child:before{

	display: none;

}



.why-choose-counter-item .icon-box{

	margin-right: 20px;

}



.why-choose-counter-item .icon-box img{

	max-width: 50px;

}



.why-choose-counter-content h3{

	font-size: 30px;

	margin-bottom: 5px;

}



.why-choose-counter-content p{

	text-transform: capitalize;

	margin: 0;

}



/************************************/

/***     09. Our Benefits css     ***/

/************************************/



.our-benefits{

	position: relative;

	padding: 50px 0 100px;

}



.our-benefits::before{

    content: '';

    position: absolute;

    bottom: 10px;

    right: -75px;

    background-image: url('../images/section-bg-img-3.svg');

    background-repeat: no-repeat;

    background-position: bottom right;

    background-size: cover;

    height: 417px;

    width: 431px;

    z-index: 0;

}



.benefit-item{

	border-bottom: 1px solid var(--divider-color);

	margin-bottom: 50px;

	padding-bottom: 50px;

}



.benefit-item:last-child{

	border-bottom: none;

	margin-bottom: 0px;

	padding-bottom: 0px;

}



.benefit-item .icon-box{

	margin-bottom: 30px;

}



.benefit-item .icon-box img{

	max-width: 80px;

}



.benefit-item-content h3{

	font-size: 20px;

	text-transform: capitalize;

	margin-bottom: 15px;

}



.benefit-item-content p{

	margin: 0;

}



.our-benefits-image{

	position: relative;

	text-align: center;

	margin: 0 30px;

}



.our-benefits-image::before{

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	background: var(--accent-color);

	opacity: 10%;

	width: 445px;

	height: 410px;

	z-index: 0;

}



.our-benefits-image figure{

	position: relative;

	background: url('../images/benefits-image-bg-shape.svg') no-repeat;

	background-position: top center;

	background-size: auto;

	z-index: 1;

}



.our-benefits-image img{

	width: 100%;

	max-width: 474px;

	margin: 0 auto;

}



/************************************/

/***      10. Intro Video css     ***/

/************************************/



.intro-video .container-fluid{

	padding: 0;

}



.intro-video-box{

	position: relative;

	overflow: hidden;

	height: 700px;

}



.intro-bg-video{

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

}



.intro-bg-video::before{

	content: '';

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: var(--primary-color);

	opacity: 30%;

	width: 100%;

	height: 100%;

}



.intro-bg-video video{

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.intro-video-box .video-play-button{

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 1;

}



.intro-video-box .video-play-button a{

	width: 100px;

	height: 100px;

	font-size: 20px;

	font-weight: 500;

	text-transform: capitalize;

	color: var(--white-color);

}



.video-play-button:hover a{

	border-color: var(--accent-color);

	color: var(--accent-color);

}



.cta-box{

	background: var(--accent-color);

	padding: 50px 0;

}



.cta-box .section-title{

	margin-bottom: 0;

}



.cta-box .section-title h2{

	color: var(--white-color);

}



/************************************/

/***      11. How It Work css     ***/

/************************************/



.how-it-work{

	padding: 100px 0 50px;

}



.how-work-content{

	margin-right: 30px;

}



.how-work-stpes-box{

	border-top: 1px solid var(--divider-color);

	padding-top: 40px;

}



.how-work-step{

	display: flex;

	margin-bottom: 40px;

}



.how-work-step:last-child{

	margin-bottom: 0;

}



.how-work-step-no{

	margin-right: 20px;

}



.how-work-step-no h2{

	font-size: 40px;

}



.how-work-step-content h3{

	font-size: 20px;

	margin-bottom: 10px;

}



.how-work-step-content p{

	margin: 0;

}



.how-work-image{

	position: relative;

	padding-bottom: 40px

}



.how-work-image::before{

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    background: linear-gradient(90deg, transparent 46%, var(--accent-color) 46%);

    border-radius: 50%;

    width: 100%;

    height: 100%;

}



.how-work-image::after{

    content: '';

    position: absolute;

    top: 30px;

    bottom: 30px;

    left: 30px;

    background: linear-gradient(90deg, var(--divider-color) 39%, transparent 39%);

    border-radius: 50%;

    width: 100%;

    height: calc(100% - 60px);

}



.how-work-image figure{

	position: relative;

	background: url('../images/how-work-image-bg-shape.svg') no-repeat;

	background-position: right 10px top;

	background-size: auto;

	z-index: 1;

}



.how-work-image img{

	width: 100%;

	aspect-ratio: 1 / 0.92;

	object-fit: cover;

}



/************************************/

/***     12. Our Features css     ***/

/************************************/



.our-features{

	padding: 50px 0;

}



.features-item{

	background: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 30px;

	overflow: hidden;

	align-content: end;

	padding: 30px 0 0 30px;

}



.features-item-image{

	text-align: right;

	margin-right: -110px;

	margin-bottom: -40px;

}



.features-item-image img{

	width: 100%;

	aspect-ratio: 1 / 0.816;

	object-fit: contain;

}



.our-features-boxes{

	display: flex;

	flex-wrap: wrap;

	gap: 30px;

}



.features-box{

	position: relative;

	width: calc(50% - 15px);

	border-radius: 30px;

	overflow: hidden;

}



.features-box .features-box-content{

	position: absolute;

	top: 30px;

	left: 30px;

}



.features-box-image img{

	width: 100%;

	aspect-ratio: 1 / 0.5;

	border-radius: 30px;

	object-fit: cover;

}



.features-box.box-1{

	width: 100%;

}



.features-box.box-2 .features-box-image img{

	aspect-ratio: 1 / 1.051;

	filter: brightness(70%);

}



.features-box.box-2 .features-box-content{

	position: absolute;

	top: auto;

	left: 30px;

	bottom: 30px;

	right: 30px;

	max-width: calc(100% - 60px);

}



.features-box.box-2 .features-box-content{

	position: absolute;

	top: auto;

	left: 30px;

	bottom: 30px;

}



.features-box.box-3 .features-item-image{

	margin-right: -40px;

	margin-bottom: -17px;

}



.features-box.box-3 .features-item-image img{

	max-width: 188px;

	aspect-ratio: 1 / 1.57;

}



.features-box.box-3 .features-box-content{

	position: absolute;

	top: auto;

	left: 30px;

	bottom: 30px;

	max-width: 140px;

}



.features-box.box-2 .features-box-content p,

.features-box.box-2 .features-box-content h3{

	color: var(--white-color);

}



.features-box-content,

.features-item-content{

	position: relative;

	width: 100%;

	max-width: 285px;

	z-index: 1;

}



.features-box-content p,

.features-item-content p{

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	color: var(--primary-color);

	margin-bottom: 10px;

}



.features-box-content h3,

.features-item-content h3{

	font-size: 20px;

	line-height: 1.4em;

	text-transform: capitalize;

}



/************************************/

/***      13. Our Pricing css     ***/

/************************************/



.our-pricing{

	position: relative;

	padding: 50px 0 20px;

}



.our-pricing::before{

    content: '';

    position: absolute;

    top: -120px;

    left: -80px;

    background-image: url('../images/section-bg-img-1.svg');

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

    transform: rotateY(180deg);

    height: 274px;

    width: 337px;

    z-index: 0;

}



.our-pricing::after{

    content: '';

    position: absolute;

    bottom: 10px;

    right: -50px;

    background-image: url('../images/section-bg-img-4.svg');

    background-repeat: no-repeat;

    background-position: bottom right;

    background-size: cover;

    height: 136px;

    width: 381px;

    z-index: 0;

}



.pricing-item{

	background: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 30px;

	text-align: center;

	height: calc(100% - 30px);

	margin-bottom: 30px;

	overflow: hidden;

}



.pricing-image figure{

	display: block;

}



.pricing-image img{

	width: 100%;

	/*aspect-ratio: 1 / 0.484;*/

	object-fit: cover;

}



.pricing-content{

	padding: 30px;

}



.pricing-title{

	margin-top: -52px;

	margin-bottom: 30px;

}



.pricing-content h3{

	position: relative;

	display: inline-block;

	font-family: var(--default-font);

	font-size: 16px;

	font-weight: 500;

	text-transform: capitalize;

	color: #fff;

	background-color: #000;

	box-shadow: 0px 0px 30px 0px #00000014;

	border: 1px solid var(--divider-color);

	border-radius: 100px;

	padding: 12px 30px;

}



.pricing-content h2{

	font-size: 22px;

}



.pricing-content p{

	text-transform: capitalize;

	margin: 0;

}



.pricing-body{

	padding: 30px;

}



.pricing-list{

	margin-bottom: 40px;

}



.pricing-list ul{

    list-style: disc;

    display: inline-block;

    margin: 0;

    padding-left: 20px;

    text-align: left;

}



.pricing-list ul li{

	text-transform: capitalize;

	line-height: 1.6em;

	margin-bottom: 15px;

}



.pricing-list ul li:last-child{

	margin-bottom: 0;

}



.pricing-list ul li::marker{

    color: var(--accent-color);

}



.pricing-item.highlighted-box{

	background: #f25832;

	border: none;

}



.pricing-item.highlighted-box .pricing-content{

	border-color: var(--dark-divider-color);

}



.pricing-item.highlighted-box .pricing-list ul li::marker,

.pricing-item.highlighted-box .pricing-list ul li,

.pricing-item.highlighted-box .pricing-content p,

.pricing-item.highlighted-box .pricing-content h2{

	color: var(--white-color);

}



/************************************/

/***   14. Scrolling Ticker css	  ***/

/************************************/



.scrolling-ticker{

	padding: 50px 0;

}



.scrolling-ticker-box{

	position: relative;

	--gap: 40px;

	display: flex;

	user-select: none;

	gap: var(--gap);

	align-items: center;

	border-top: 1px solid var(--divider-color);

	border-bottom: 1px solid var(--divider-color);

	padding: 80px 0;

	margin: 40px 0;

}



.scrolling-content{

	flex-shrink: 0;

	display: flex;

	gap: var(--gap);

	min-width: 100%;

	animation: scroll 50s linear infinite;

}



@keyframes scroll{

	from{

		transform: translateX(0);

	}



	to{

		transform: translateX(calc(-100% - var(--gap)));

	}

}



.scrolling-ticker-box .scrolling-content span{

	font-family: var(--accent-font);

	display: flex;

	align-items: center;

	text-transform: capitalize;

	font-size: 60px;

	line-height: 1em;

	font-weight: 400;

	color: var(--accent-color);

}



.scrolling-ticker-box .scrolling-content span img{

	width: 20px;

	margin-right: 40px;

}



.scrolling-ticker-images{

	display: flex;

	min-width: 100%;

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	display: flex;

	height: 100%;

}



.scrolling-ticker-image{

	position: relative;

	text-align: center;

	transform: translateY(40px);

	align-content: end;

	width: 25%;

}



.scrolling-ticker-images .scrolling-ticker-image:nth-child(even){

	align-content: start;

	transform: translateY(-40px);

}



.scrolling-ticker-image figure{

	display: block;

	border-radius: 50%;

}



.scrolling-ticker-image img{

	border-radius: 50%;

	max-width: 80px;

}



/************************************/

/***    15. Our Testimonial css   ***/

/************************************/



.our-testimonials{

	padding: 50px 0;

}



.testimonial-image{

	margin-bottom: 30px;

}



.testimonial-image figure{

	display: block;

	border-radius: 30px;

}



.testimonial-image img{

	width: 100%;

	aspect-ratio: 1 / 0.7581;

	object-fit: cover;

	border-radius: 30px;

}



.testimonial-review-box{

	background: #f25832;

	border-radius: 30px;

	padding-top: 18px;
    padding-bottom: 0px;

	padding-left: 60px;

}



.our-testimonials .core-values-featured-row{

	align-items: stretch;

}



.our-testimonials .core-values-featured-row > [class*="col-"]{

	display: flex;

}



.our-testimonials .core-values-featured-row .testimonial-image-content{

	display: flex;

	flex: 1;

	width: 100%;

	margin-bottom: 0;

}



.our-testimonials .core-values-featured-row .testimonial-review-box{

	display: flex;

	flex-direction: column;

	flex: 1;

	width: 100%;

	height: 100%;

	padding: 30px 25px;

	text-align: left;

	align-items: flex-start;

}



.our-testimonials .core-values-featured-row .testimonial-review-header,

.our-testimonials .core-values-featured-row .testimonial-review-body,

.our-testimonials .core-values-featured-row .testimonial-review-content,

.our-testimonials .core-values-featured-row .testimonial-review-title.core-value-heading{

	width: 100%;

	max-width: 100%;

	text-align: left;

	align-items: flex-start;

	justify-content: flex-start;

}



.our-testimonials .core-values-featured-row .testimonial-review-body{

	flex: 1;

}



.our-testimonials .core-values-featured-row .testimonial-review-title.core-value-heading .core-value-number,

.our-testimonials .core-values-featured-row .testimonial-review-title.core-value-heading h3,

.our-testimonials .core-values-featured-row .testimonial-review-content p{

	text-align: left;

}



.our-testimonials .core-values-cards-row{

	align-items: stretch;

}



.our-testimonials .core-values-cards-row > [class*="col-"]{

	display: flex;

}



.our-testimonials .core-values-cards-row .service-item{

	flex: 1;

	width: 100%;

}



.testimonial-review-header{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: space-between;

	gap: 15px 20px;

	margin-bottom: 10px;

}



.testimonial-review-title h3{

	font-size: 45px;

	text-transform: capitalize;

	color: #fff;

}



.core-value-heading{

	display: flex;

	flex-direction: column;

	gap: 8px;

}



.core-value-number{

	display: block;

	font-size: 42px;

	line-height: 1;

	font-weight: 600;

	font-family: var(--accent-font);

}



.testimonial-review-title.core-value-heading .core-value-number{

	color: #ffdd00;

}



.testimonial-review-title.core-value-heading h3{

	font-size: 32px;

	margin: 0;

}



.service-content.core-value-heading .core-value-number{

	color: #f25832;

	margin-bottom: 4px;

	transition: all 0.3s ease-in-out;

}



.service-content.core-value-heading h3{

	margin-bottom: 12px;

}



.service-content.core-value-heading h3 a{

	color: inherit;

	text-decoration: none;

	pointer-events: none;

}



.testimonial-review-counter{

	display: flex;

	align-items: center;

}



.testimonial-review-counter p{

	color: var(--white-color);

	line-height: normal;

	max-width: 100px;

	margin: 0;

}



.testimonial-review-counter span{

	background: var(--white-color);

	border-radius: 100px;

	font-weight: 500;

	line-height: normal;

	color: var(--primary-color);

	padding: 4px 10px;

	margin-right: 10px;

}



.testimonial-review-body{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 15px 50px;

}



.testimonial-review-content{

	width: calc(100% - 106px);

}



.testimonial-review-content p{

	color: var(--white-color);

	margin: 0;

}



.testimonial-review-btn a{

	background: var(--accent-secondary-color);

	border-radius: 50%;

	width: 56px;

	height: 56px;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all 0.3s ease-in-out;

}



.testimonial-review-btn a:hover{

	background: var(--accent-color);

}



.testimonial-review-btn a img{

	max-width: 16px;

	transition: all 0.3s ease-in-out;

}



.testimonial-review-btn a:hover img{

	transform: rotate(45deg);

}



.our-testimonial-box{

	display: flex;

	flex-wrap: wrap;

	gap: 30px;

}



.testimonial-item{

	position: relative;

	width: 100%;

    background: var(--white-color);

	border: 1px solid var(--divider-color);

    border-radius: 30px;

    padding: 40px;

    overflow: hidden;

}



.testimonial-author{

	display: flex;

	align-items: center;

	margin-bottom: 30px;

}



.testimonial-author .author-image{

	margin-right: 15px;

}



.testimonial-author .author-image figure{

	border-radius: 50%;

}



.testimonial-author .author-image img{

	max-width: 60px;

	width: 100%;

	border-radius: 50%;

}



.testimonial-author .author-content{

	width: calc(100% - 75px);

}



.testimonial-author .author-content h3{

	font-size: 20px;

	text-transform: capitalize;

	margin-bottom: 5px;

}



.testimonial-author .author-content p{

	margin: 0;

}



.testimonial-item-content{

	margin-bottom: 15px;

}



.testimonial-item-content p{

	margin: 0;

}



.testimonial-rating i{

	font-size: 16px;

	color: var(--accent-secondary-color);

}



/************************************/

/***        16. Our FAQs css      ***/

/************************************/



.our-faqs{

	padding: 50px 0;

}



.faq-accordion .accordion-item{

	position: relative;

	border: 1px solid var(--divider-color);

    background: var(--white-color);

	border-radius: 10px;

	margin-bottom: 30px;

    padding: 0;

	transition: all 0.3s ease-in-out;

	overflow: hidden;

}



.faq-accordion .accordion-item:last-child{

	margin-bottom: 0;

}



.faq-accordion .accordion-header .accordion-button{

	font-size: 20px;

	font-weight: 400;

	line-height: 1.2em;

	background: var(--accent-color);

	color: var(--white-color);

	padding: 18px 50px 18px 20px;

	transition: all 0.3s ease-in-out;

}



.faq-accordion .accordion-header .accordion-button.collapsed{

	color: var(--primary-color);

	background: transparent;

}



.faq-accordion .accordion-item .accordion-button::after,

.faq-accordion .accordion-item .accordion-button.collapsed::after{

	content: '\f0fe';

	font-family: "FontAwesome";

	position: absolute;

	right: 20px;

	top: 19px;

	font-size: 22px;

	font-weight: 900;

    line-height: normal;

    color: var(--white-color);

}



.faq-accordion .accordion-item .accordion-button.collapsed::after{

	content: '\f146';

	color: var(--accent-color);

}



.faq-accordion .accordion-item .accordion-body{

	background: var(--accent-color);

	border-top: 1px solid var(--dark-divider-color);

	padding: 18px 50px 18px 20px;

	z-index: 1;

}



.faq-accordion .accordion-item .accordion-body p{

    color: var(--white-color);

	margin: 0;

}



.faq-accordion .accordion-item .accordion-body ul,
.faq-accordion .accordion-item .accordion-body ol{

	color: var(--white-color);

	margin: 14px 0 0;

	padding: 0;

	list-style: none;

}



.faq-accordion .accordion-item .accordion-body ul li,
.faq-accordion .accordion-item .accordion-body ol li{

	position: relative;

	color: var(--white-color);

	padding-left: 22px;

	margin-bottom: 10px;

	line-height: 1.6em;

}



.faq-accordion .accordion-item .accordion-body ul li:last-child,
.faq-accordion .accordion-item .accordion-body ol li:last-child{

	margin-bottom: 0;

}



.faq-accordion .accordion-item .accordion-body ul > li::before,
.faq-accordion .accordion-item .accordion-body ol > li::before{

	content: '';

	position: absolute;

	left: 0;

	top: 0.58em;

	width: 7px;

	height: 7px;

	border-radius: 50%;

	background: var(--white-color);

}



.faq-accordion .accordion-item .accordion-body ul ul{

	margin: 10px 0 0;

}



.faq-accordion .accordion-item .accordion-body ul ul li{

	padding-left: 20px;

	margin-bottom: 8px;

}



.faq-accordion .accordion-item .accordion-body ul ul li::before{

	width: 5px;

	height: 5px;

	background: rgba(255, 255, 255, 0.85);

}



.faq-accordion .accordion-item .accordion-body strong{

	color: var(--white-color);

	font-weight: 600;

}



.faq-accordion .accordion-item .accordion-body p + ul,
.faq-accordion .accordion-item .accordion-body p + ol{

	margin-top: 12px;

}



.faqs-image{

	position: relative;

	padding: 35px 35px 30px 45px;

	margin-left: 20px;

}



.faqs-image::before{

	content: '';

	position: absolute;

	top: 0;

	right: 0;

	background: var(--accent-secondary-color);

	border-radius: 30px;

	width: 310px;

	height: 310px;

}



.faqs-image figure{

	position: relative;

	display: block;

	border-radius: 30px;

	z-index: 1;

}



.faqs-image img{

	width: 100%;

	aspect-ratio: 1 / 1.01;

	object-fit: cover;

	border-radius: 30px;

}



.faqs-contact-box{

	position: absolute;

	bottom: 0;

	left: 0;

	background: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 20px;

	display: inline-flex;

	align-items: center;

	padding: 20px;

	animation: contactbox 3s infinite linear;

	overflow: hidden;

	z-index: 1;

}



@keyframes contactbox{

	50%{

		left: 40px;

	}

}



.faqs-contact-box::before{

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background: var(--accent-color);

	width: 100%;

	height: 0;

	transition: all 0.4s ease-in-out;

	z-index: 0;

}



.faqs-contact-box:hover:before{

	border-radius: 0;

	height: 100%;

}



.faqs-contact-box .icon-box{

	position: relative;

	background-color: var(--accent-secondary-color);

	border-radius: 50%;

	width: 50px;

	height: 50px;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-right: 15px;

	z-index: 1;

}



.faqs-contact-box .icon-box i{

	font-size: 18px;

	color: var(--white-color);

}



.faqs-contact-box-content{

	position: relative;

	width: calc(100% - 65px);

	z-index: 1;

}



.faqs-contact-box-content h3{

	font-size: 20px;

	margin-bottom: 5px;

	transition: all 0.3s ease-in-out;

}



.faqs-contact-box-content p{

	margin: 0;

	transition: all 0.3s ease-in-out;

}



.faqs-contact-box:hover .faqs-contact-box-content p,

.faqs-contact-box:hover .faqs-contact-box-content h3{

	color: var(--white-color);

}



.faqs-contact-box-content p a{

	color: inherit;

}



/************************************/

/***      17. Our Blog css        ***/

/************************************/



.our-blog{

	position: relative;

	padding: 50px 0 70px;

}



.our-blog::before{

    content: '';

    position: absolute;

    top: -90px;

    right: -60px;

    background-image: url('../images/section-bg-img-1.svg');

    background-repeat: no-repeat;

    background-position: right top;

    background-size: cover;

    height: 251px;

    width: 308px;

    z-index: 0;

}



.post-item{

	background-color: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 30px;

	height: calc(100% - 30px);

	margin-bottom: 30px;

	padding: 30px;

}



.post-featured-image{

	margin-bottom: 20px;

}



.post-featured-image a{

    cursor: none;	

    display: block;

	border-radius: 30px;

    overflow: hidden;

}



.post-featured-image figure{

	display: block;

}



.post-featured-image img{

    aspect-ratio: 1 / 0.645;

    object-fit: cover;

    transition: all 0.4s ease-in-out;

}



.post-item:hover .post-featured-image img{

	transform: scale(1.1);

}



.post-item-content{

	margin-bottom: 20px;

}



.post-item-content h2{

    font-size: 20px;

	line-height: 1.4em;

}



.post-item-content h2 a{

    color: inherit;

}



.page-media{

	padding: 100px 0 70px;

}


.media-event-card{

	position: relative;

	height: calc(100% - 30px);

	margin-bottom: 30px;

	border-radius: 30px;

	overflow: hidden;

	background: var(--white-color);

	border: 1px solid var(--divider-color);

	box-shadow: 0 10px 30px rgba(30, 30, 30, 0.05);

	transition: all 0.4s ease-in-out;

}


.media-event-card:hover{

	transform: translateY(-8px);

	box-shadow: 0 20px 45px rgba(30, 30, 30, 0.12);

}


.media-event-image{

	position: relative;

	overflow: hidden;

}


.media-event-image figure{

	display: block;

}


.media-event-image img{

	width: 100%;

	max-width: 100%;

	height: auto;

	aspect-ratio: 405 / 315;

	object-fit: cover;

	object-position: center;

	transition: all 0.5s ease-in-out;

}


.media-event-card:hover .media-event-image img{

	transform: scale(1.08);

}


.media-event-content{

	padding: 22px 25px;

	transition: all 0.3s ease-in-out;

	display: flex;

	align-items: center;

	min-height: 72px;

}


.media-event-card:hover .media-event-content{

	opacity: 0;

	visibility: hidden;

}


.media-event-content h3{

	font-size: 24px;

	text-transform: none;

	margin-bottom: 0;

	line-height: 1.3;

}


.media-event-content p{

	margin-bottom: 0;

}


.media-event-overlay{

	position: absolute;

	inset: 0;

	display: flex;

	align-items: flex-end;

	padding: 25px;

	background: linear-gradient(180deg, rgba(30, 30, 30, 0.15) 0%, rgba(30, 30, 30, 0.92) 100%);

	opacity: 0;

	visibility: hidden;

	transform: translateY(20px);

	transition: all 0.4s ease-in-out;

}


.media-event-overlay-content{

	max-width: 100%;

}


.media-event-card:hover .media-event-overlay{

	opacity: 1;

	visibility: visible;

	transform: translateY(0);

}


.media-event-overlay-content h3{

	font-size: 24px;

	line-height: 1.3em;

	text-transform: none;

	color: var(--white-color);

	margin-bottom: 12px;

}


.media-event-overlay-content p{

	color: var(--white-color);

	margin-bottom: 20px;

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

}


.media-event-overlay-content .btn-default{

	background-color: var(--accent-color);

}


.media-event-overlay-content .btn-default:hover{

	background-color: var(--primary-color);

}


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

	.page-media{

		padding: 50px 0 20px;

	}

}


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

	.media-event-card{

		border-radius: 20px;

	}


	.media-event-content,
	.media-event-overlay{

		padding: 20px;

	}


	.media-event-content h3,
	.media-event-overlay-content h3{

		font-size: 20px;

	}

}


/************************************/

/***   Media Event Detail css     ***/

/************************************/



.media-event-detail-intro{

	padding: 80px 0 30px;

}



.media-event-detail-intro .section-title{

	margin-bottom: 0;

}



.media-event-detail-intro .section-title-content p{

	margin-bottom: 0;

}



.page-event-gallery{

	padding: 40px 0 70px;

}



.event-gallery-image{

	height: calc(100% - 30px);

	margin-bottom: 30px;

	overflow: hidden;

	border-radius: 20px;

}



.event-gallery-image figure{

	position: relative;

	display: block;

	margin: 0;

	overflow: hidden;

	border-radius: 20px;

}



.event-gallery-image figure::before{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background-color: var(--primary-color);

	border-radius: 20px;

	opacity: 0;

	visibility: hidden;

	width: 100%;

	height: 100%;

	z-index: 1;

	pointer-events: none;

	transform: scale(0);

	transition: all 0.4s ease-in-out;

}



.event-gallery-image:hover figure::before{

	opacity: 40%;

	visibility: visible;

	transform: scale(1);

}



.event-gallery-image img{

	width: 100%;

	max-width: 100%;

	height: auto;

	aspect-ratio: 405 / 315;

	object-fit: cover;

	object-position: center;

	border-radius: 20px;

	transition: all 0.5s ease-in-out;

}



.event-gallery-image:hover img{

	transform: scale(1.05);

}



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

	.media-event-detail-intro{

		padding: 50px 0 10px;

	}



	.page-event-gallery{

		padding: 20px 0 20px;

	}

}


/************************************/

/***   Internal About Pages css   ***/

/************************************/


.page-header.about-internal-hero{

	position: relative;

	overflow: hidden;

	padding: 220px 0 120px;

	background-position: center center;

	background-size: cover;

}


.page-header.about-internal-hero::after{

	content: '';

	position: absolute;

	inset: 0;

	background: linear-gradient(90deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.42) 55%, rgba(242, 88, 50, 0.2) 100%);

	z-index: 0;

}


.page-header.about-internal-hero-who{

	background-image: url('../images/page-header-bg.jpg');

}





.about-internal-hero .container{

	position: relative;

	z-index: 1;

}


.about-internal-hero-content{

	text-align: left;

}


.about-internal-hero-content h1{

	margin-bottom: 20px;

}


.about-internal-hero-content p{

	max-width: 720px;

	font-size: 18px;

	color: var(--white-color);

	margin-bottom: 24px;

}


.about-internal-hero-content .breadcrumb{

	justify-content: flex-start;

}


.about-hero-note{

	background: rgba(255, 255, 255, 0.1);

	border: 1px solid rgba(255, 255, 255, 0.18);

	border-radius: 24px;

	padding: 28px;

	backdrop-filter: blur(10px);

}


.about-hero-note span{

	display: inline-block;

	font-size: 13px;

	font-weight: 600;

	letter-spacing: 0.08em;

	text-transform: uppercase;

	color: var(--accent-color);

	margin-bottom: 14px;

}


.about-hero-note h3{

	font-size: 26px;

	color: var(--white-color);

}


.about-identity-section,
.about-capability-section,
.about-leadership-section,
.road-ahead-messages-section,
.about-roadmap-intro{

	padding: 100px 0;

}



.about-leadership-section{

	background: linear-gradient(180deg, #faf8f6 0%, var(--white-color) 100%);

}



.leader-voice-grid{

	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 28px;

}



.leader-voice-card{

	position: relative;

	display: flex;

	flex-direction: column;

	height: 100%;

	background: var(--white-color);

	border: 1px solid rgba(31, 31, 31, 0.08);

	border-radius: 28px;

	overflow: hidden;

	box-shadow: 0 10px 30px rgba(31, 31, 31, 0.05);

	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.35s ease;

}



.leader-voice-card::before{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 4px;

	background: linear-gradient(90deg, var(--accent-color) 0%, #ff8f6b 100%);

	transform: scaleX(0);

	transform-origin: left center;

	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);

	z-index: 2;

}



.leader-voice-card:hover{

	transform: translateY(-12px);

	border-color: rgba(242, 88, 50, 0.28);

	box-shadow: 0 28px 60px rgba(242, 88, 50, 0.14);

}



.leader-voice-card:hover::before{

	transform: scaleX(1);

}



.leader-voice-media{

	position: relative;

	overflow: hidden;

}



.leader-voice-media::after{

	content: '';

	position: absolute;

	inset: 0;

	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.55) 100%);

	transition: opacity 0.4s ease;

}



.leader-voice-card:hover .leader-voice-media::after{

	opacity: 0.92;

}



.leader-voice-media figure{

	display: block;

	margin: 0;

}



.leader-voice-media img{

	width: 100%;

	aspect-ratio: 5 / 4;

	object-fit: cover;

	object-position: center top;

	transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);

}



.leader-voice-card:hover .leader-voice-media img{

	transform: scale(1.06);

}



.leader-voice-role{

	position: absolute;

	left: 22px;

	bottom: 22px;

	z-index: 1;

	display: inline-flex;

	align-items: center;

	padding: 8px 16px;

	background: rgba(255, 255, 255, 0.94);

	border-radius: 100px;

	color: var(--accent-color);

	font-size: 12px;

	font-weight: 700;

	letter-spacing: 0.12em;

	text-transform: uppercase;

	backdrop-filter: blur(6px);

	transition: background 0.35s ease, color 0.35s ease;

}



.leader-voice-card:hover .leader-voice-role{

	background: var(--accent-color);

	color: var(--white-color);

}



.leader-voice-body{

	display: flex;

	flex-direction: column;

	flex: 1;

	padding: 28px 28px 30px;

}



.leader-voice-body h3{

	font-family: var(--accent-font);

	font-size: 26px;

	font-weight: 400;

	color: var(--primary-color);

	margin-bottom: 14px;

}



.leader-voice-body p{

	flex: 1;

	margin-bottom: 22px;

	font-size: 15px;

	line-height: 1.8em;

	color: var(--text-color);

}



.leader-voice-footer{

	padding-top: 18px;

	border-top: 1px solid var(--divider-color);

}



.leader-voice-name{

	display: block;

	color: var(--primary-color);

	font-size: 17px;

	font-weight: 700;

	margin-bottom: 4px;

}



.leader-voice-title{

	display: block;

	color: var(--accent-color);

	font-size: 13px;

	font-weight: 600;

	letter-spacing: 0.04em;

	text-transform: uppercase;

}


.about-mission-section,
.about-process-section,
.about-impact-section{

	padding: 100px 0;

	background: var(--white-color);

}


.about-culture-section,
.about-split-section,
.about-roadmap-section{

	padding: 100px 0;

	background: #f3f1ef;

}


.about-identity-image,
.about-split-image{

	position: relative;

	margin-right: 30px;

}


.about-split-section .about-split-image,
.about-roadmap-intro .about-split-image{

	margin-right: 0;

	margin-left: 30px;

}


.about-identity-image figure,
.about-split-image figure{

	display: block;

	border-radius: 30px;

	overflow: hidden;

}


.about-identity-image img,
.about-split-image img{

	width: 100%;

	aspect-ratio: 1 / 0.78;

	object-fit: cover;

	border-radius: 30px;

}


.about-floating-stat{

	position: absolute;

	left: 30px;

	bottom: 30px;

	max-width: 260px;

	background: var(--accent-color);

	border-radius: 20px;

	padding: 22px;

	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);

}


.about-floating-stat h3{

	font-size: 22px;

	color: var(--white-color);

	margin-bottom: 8px;

}


.about-floating-stat p{

	color: var(--white-color);

	margin-bottom: 0;

}


.about-copy p:last-child{

	margin-bottom: 0;

}


.about-value-strip{

	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 15px;

	margin-top: 30px;

}


.about-value-strip div{

	background: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 18px;

	padding: 20px;

	transition: all 0.3s ease-in-out;

}


.about-value-strip div:hover{

	transform: translateY(-5px);

	border-color: rgba(242, 88, 50, 0.35);

}


.about-value-strip strong{

	display: block;

	font-size: 20px;

	font-family: var(--accent-font);

	font-weight: 400;

	color: var(--accent-color);

	margin-bottom: 8px;

}


.about-value-strip span{

	display: block;

	font-size: 14px;

	line-height: 1.5em;

	color: var(--primary-color);

}


.about-principle-card,
.about-service-card,
.about-culture-item,
.about-process-item,
.about-timeline-item,
.about-impact-card{

	height: calc(100% - 30px);

	margin-bottom: 30px;

	background: var(--secondary-color);

	border: 1px solid var(--divider-color);

	border-radius: 24px;

	padding: 30px;

	transition: all 0.3s ease-in-out;

	box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08);

}


.about-mission-section .about-principle-card,
.about-capability-section .about-service-card,
.about-culture-section .about-culture-item,
.about-process-section .about-process-item,
.about-roadmap-section .about-timeline-item,
.about-impact-section .about-impact-card{

	background: var(--white-color);

}


.about-principle-card:hover,
.about-service-card:hover,
.about-culture-item:hover,
.about-process-item:hover,
.about-timeline-item:hover,
.about-impact-card:hover{

	transform: translateY(-6px);

	border-color: rgba(242, 88, 50, 0.35);

	box-shadow: 0 18px 40px rgba(30, 30, 30, 0.08);

}


.about-principle-card .icon-box,
.about-service-card .icon-box{

	width: 64px;

	height: 64px;

	border-radius: 18px;

	background: var(--accent-color);

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 30px;

}


.about-principle-card .icon-box img,
.about-service-card .icon-box img{

	max-width: 34px;

	filter: brightness(0) invert(1);

}


.about-principle-card h3,
.about-service-card h3,
.about-culture-item h3,
.about-process-item h3,
.about-timeline-item h3,
.about-impact-card h3{

	font-size: 24px;

	margin-bottom: 12px;

}


.about-principle-card p,
.about-service-card p,
.about-culture-item p,
.about-process-item p,
.about-timeline-item p,
.about-impact-card p{

	margin-bottom: 0;

}


.about-culture-grid{

	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 30px;

}


.about-check-list ul{

	margin: 0;

	padding: 0;

	list-style: none;

}


.about-check-list ul li{

	position: relative;

	color: var(--primary-color);

	line-height: 1.6em;

	padding-left: 30px;

	margin-bottom: 14px;

}


.about-check-list ul li:last-child{

	margin-bottom: 0;

}


.about-check-list ul li::before{

	content: '\f00c';

	font-family: 'FontAwesome';

	position: absolute;

	top: 0;

	left: 0;

	color: var(--accent-color);

	font-weight: 900;

}


.about-process-list,
.about-timeline{

	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 30px;

}


.about-process-item,
.about-timeline-item{

	position: relative;

	overflow: hidden;

}


.about-process-item span,
.about-timeline-item span{

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-width: 64px;

	height: 36px;

	border-radius: 100px;

	background: var(--accent-color);

	color: var(--white-color);

	font-weight: 600;

	margin-bottom: 24px;

}


.about-impact-card{

	background: var(--white-color);

	border-color: var(--divider-color);

	text-align: center;

}


.about-impact-card h3{

	color: var(--accent-color);

}


.about-impact-card p{

	color: var(--text-color);

}


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

	.page-header.about-internal-hero{

		padding: 180px 0 90px;

	}


	.about-hero-note{

		margin-top: 30px;

	}


	.about-identity-section,
	.about-capability-section,
	.about-leadership-section,
	.road-ahead-messages-section,
	.about-roadmap-intro,
	.about-mission-section,
	.about-process-section,
	.about-impact-section,
	.about-culture-section,
	.about-split-section,
	.about-roadmap-section{

		padding: 50px 0;

	}



	.road-ahead-message-list{

		gap: 40px;

	}



	.road-ahead-message-visual figure,
	.road-ahead-message-visual img{

		min-height: 300px;

	}


	.about-identity-image,
	.about-split-image,
	.about-split-section .about-split-image,
	.about-roadmap-intro .about-split-image{

		margin: 0 0 30px 0;

	}


	.about-split-section .about-split-image{

		margin: 30px 0 0 0;

	}


	.about-process-list,
	.about-timeline{

		grid-template-columns: 1fr;

		gap: 0;

	}

}


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

	.page-header.about-internal-hero{

		padding: 160px 0 70px;

	}


	.header-utility-bar-inner{

		flex-direction: column;

		align-items: center;

		justify-content: center;

		min-height: auto;

		padding: 10px 0;

		gap: 10px;

	}


	.header-utility-contact{

		justify-content: center;

		gap: 8px 16px;

	}


	.header-utility-social{

		justify-content: center;

	}


	.about-internal-hero-content p{

		font-size: 16px;

	}


	.about-hero-note,
	.about-principle-card,
	.about-service-card,
	.about-culture-item,
	.about-process-item,
	.about-timeline-item,
	.about-impact-card{

		border-radius: 18px;

		padding: 24px;

	}


	.about-value-strip,
	.about-culture-grid{

		grid-template-columns: 1fr;

		gap: 15px;

	}


	.about-floating-stat{

		position: relative;

		left: auto;

		bottom: auto;

		max-width: none;

		margin-top: 20px;

	}


	.about-identity-image figure,
	.about-split-image figure,
	.about-identity-image img,
	.about-split-image img{

		border-radius: 20px;

	}


	.about-principle-card h3,
	.about-service-card h3,
	.about-culture-item h3,
	.about-process-item h3,
	.about-timeline-item h3,
	.about-impact-card h3{

		font-size: 22px;

	}



	.road-ahead-messages-section{

		padding: 50px 0;

	}



	.road-ahead-messages-heading{

		margin-bottom: 32px;

	}



	.road-ahead-message-list{

		gap: 32px;

	}



	.road-ahead-message-visual{

		margin-bottom: 0;

	}



	.road-ahead-message-visual figure,
	.road-ahead-message-visual img{

		min-height: 260px;

	}



	.road-ahead-message-block{

		padding: 22px;

	}



	.road-ahead-message-block h3{

		font-size: 22px;

	}

}


/************************************/

/***       18. Footer css	      ***/

/************************************/



.footer-main{

	position: relative;

    background: #000;

    background-repeat: no-repeat;

    background-size: 100% auto;

    background-position: bottom center;

	padding: 80px 0 0 0;

}



.footer-main::before{

    content: '';

    position: absolute;

    top: 0;

    left: -100px;

    background-image: url('../images/section-bg-img-3.svg');

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

    height: 417px;

    width: 431px;

    transform: rotateY(180deg) translateY(-85%);

    z-index: 0;

}



.footer-header{

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    border-bottom: 1px solid var(--dark-divider-color);

    padding-bottom: 40px;

    margin-bottom: 40px;

}



.footer-about{

    width: calc(78% - 10px);

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.footer-logo{

    border-right: 1px solid var(--dark-divider-color);

    margin-right: 40px;

    padding-right: 70px;

}



.footer-logo img{

    width: 100%;

    max-width: 181px;

}



.about-footer-content{

    width: calc(100% - 292px);

}



.about-footer-content p{

    color: var(--white-color);

    margin-bottom: 0;

}



.footer-social-links{

    width: calc(22% - 15px);

    text-align: right;

}



.footer-social-links ul{

	display: inline-block;

    list-style: none;

    padding: 0;

    margin: 0;

}



.footer-social-links ul li{

    display: inline-block;

    border-radius: 50%;

    margin-right: 15px;

}



.footer-social-links ul li:last-child{

	margin: 0;

}



.footer-social-links ul li a{

	width: 50px;

	height: 50px;

	background: #f25832;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

	color: var(--white-color);

	transition: all 0.4s ease-in-out;

}



.footer-social-links ul li:hover a{

	background: #ffdd00;

}



.footer-social-links ul li a i{

    color: inherit;

    font-size: 25px;

}



.footer-links h3{

	font-size: 20px;

    color: var(--white-color);

	text-transform: capitalize;

	margin-bottom: 30px;

}



.footer-links ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



.footer-links ul li{

    color: var(--white-color);

	line-height: 1.7em;

	margin-bottom: 15px;

}



.footer-links ul li:last-child{

	margin-bottom: 0;

}



.footer-links ul li a{

	color: inherit;

	transition: all 0.3s ease-in-out;

}



.footer-links ul li a:hover{

	color: #faac15;

}


.footer-links ul li a.active{

	color: #faac15;

}


.footer-nav-menu li{

	position: relative;

}


.footer-nav-menu li.footer-submenu > a:after{

	content: '\f107';

	font-family: 'FontAwesome';

	font-weight: 900;

	font-size: 12px;

	margin-left: 8px;

}


.footer-nav-menu li.footer-submenu > ul{

	visibility: hidden;

	opacity: 0;

	transform: scaleY(0.8);

	transform-origin: top;

	position: absolute;

	left: 0;

	top: 100%;

	z-index: 5;

	width: 220px;

	background: var(--accent-color);

	border-radius: 14px;

	padding: 0;

	margin: 0;

	text-align: left;

	transition: all 0.3s ease-in-out;

}


.footer-nav-menu li.footer-submenu:hover > ul,
.footer-nav-menu li.footer-submenu.open > ul{

	visibility: visible;

	opacity: 1;

	transform: scaleY(1);

	padding: 5px 0;

}


.footer-nav-menu li.footer-submenu > ul li{

	margin-bottom: 0;

}


.footer-nav-menu li.footer-submenu > ul li a{

	display: block;

	color: var(--white-color);

	padding: 8px 20px;

}


.footer-nav-menu li.footer-submenu > ul li a:hover,
.footer-nav-menu li.footer-submenu > ul li a:focus{

	color: var(--accent-secondary-color);

	padding-left: 23px;

}



.footer-contact-links{

    margin-right: 50px;

}

.footer-contact-links ul li,
.footer-contact-links ul li a{
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.footer-contact-links ul li i{
	flex-shrink: 0;
	width: 16px;
	margin-top: 4px;
	color: #f25832;
	text-align: center;
}

.footer-contact-links ul li span{
	flex: 1;
	min-width: 0;
	word-break: break-word;
}



.footer-newsletter-box .section-title h2{

    color: var(--white-color);

}



.newsletter-form .form-group{

	display: flex;

}



.newsletter-form .form-group .form-control{

	width: calc(100% - 56px);

	font-size: 16px;

	font-weight: 400;

	line-height: 1.4em;

	color: var(--text-color);

	background: transparent;

	border: 1px solid var(--dark-divider-color);

	border-radius: 100px;

	outline: none;

	box-shadow: none;

	padding: 15px 20px;

}



.newsletter-form .form-group .form-control::placeholder{

	color: var(--text-color);

}



.newsletter-form .form-group .newsletter-btn{

	background-color: #f25832;

	width: 56px;

	height: 56px;

	border: none;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 0;

	transition: all 0.3s ease-in-out;

}



.newsletter-form .form-group .newsletter-btn:hover{

	background-color: var(--primary-color);

    transform: rotate(15deg);

}



.newsletter-form .form-group .newsletter-btn i{

    font-size: 24px;

    color: var(--white-color);

	padding-right: 5px;

}



.footer-copyright{

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 20px;

	border-top: 1px solid var(--dark-divider-color);

	margin-top: 50px;

	padding: 50px 0;

}



.footer-copyright-text p{

	color: var(--white-color);

	margin-bottom: 0;

}



.footer-privacy-policy ul{

	margin: 0;

	padding: 0;

	list-style: none;

}



.footer-privacy-policy ul li{

	position: relative;

    color: #f25832;

	text-transform: capitalize;

	display: inline-block;

	margin-right: 10px;

    padding-right: 16px;

	transition: all 0.3s ease-in-out;

}



.footer-privacy-policy ul li:hover{

	color: var(--accent-secondary-color);

}



.footer-privacy-policy ul li::before{

	content: '/';

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	color: var(--white-color);

}



.footer-privacy-policy ul li:last-child{

	padding: 0;

	margin: 0;

}



.footer-privacy-policy ul li:last-child:before{

	display: none;

}



.footer-privacy-policy ul li a{

	color: inherit;

}



/************************************/

/***     19. About Us Page css    ***/

/************************************/



.page-header{

	position: relative;

    background: url('../images/page-header-bg.jpg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

	padding: 200px 0 140px;

}



.page-header::before{

	content: '';

    display: block;

    position: absolute;

    top: 0;

	right: 0;

	bottom: 0;

    left: 0;

    background: linear-gradient(269.99deg, rgba(30, 30, 30, 0) 43.61%, rgba(30, 30, 30, 0.828125) 78.06%, #1E1E1E 101.51%),linear-gradient(360deg, rgba(30, 30, 30, 0.1) 78.13%, #1E1E1E 102.84%);

    width: 100%;

    height: 100%;

    z-index: 0;

}



.page-header-box{

	position: relative;

	z-index: 1;

}



.page-header-box h1{

	display: inline-block;

	color: var(--white-color);

    font-size: 60px;

    text-transform: uppercase;

	margin-bottom: 10px;

	cursor: none;

}



.page-header-box ol{

	margin: 0;

	padding: 0;

}



.page-header-box ol li.breadcrumb-item{

	font-size: 16px;

	font-weight: 400;

	line-height: 1.5em;

	text-transform: capitalize;

	color: var(--white-color);

}



.page-header-box ol li.breadcrumb-item a{

    color: inherit;

}



.page-header-box ol li.breadcrumb-item.active{

	color: var(--white-color);

}



.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{

	content: "/";

    color: var(--white-color);

}



.our-approach{

	padding: 50px 0;

}



.our-approach-body{

	background-color: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 20px;

	padding: 40px;

}



.mission-vision-item{

	border-bottom: 1px solid var(--divider-color);

	padding-bottom: 30px;

	margin-bottom: 30px;

}



.mission-vision-item:last-child{

	padding-bottom: 0px;

	margin-bottom: 0px;

	border-bottom: none;

}



.mission-vision-item h3{

	font-size: 20px;

	text-transform: capitalize;

	color: #000;

	margin-bottom: 15px;

}



.mission-vision-item p{

	margin: 0;

}



.our-approach-image{

	position: relative;

	padding-right: 222px;

	margin-left: 15px;

}



.our-approach-img-1 figure,

.our-approach-img-2 figure{

	display: block;

}



.our-approach-img-1 img,

.our-approach-img-2 img{

	width: 100%;

	object-fit: cover;

}



.our-approach-img-1 figure{

	border-radius: 999px;

}



.our-approach-img-1 img{

	aspect-ratio: 1 / 1.796;

	border-radius: 999px;

}



.our-approach-img-2{

	max-width: 364px;

	position: absolute;

	right: 0;

	bottom: 0;

	border: 10px solid var(--secondary-color);

	border-radius: 999px;

	overflow: hidden;

	z-index: 1;

}



.our-approach-img-2 img{

	width: 100%;

	aspect-ratio: 1 / 1.291;

}



.approach-explore-more-circle{

	position: absolute;

	top: 30px;

	right: 20px;

}



.approach-explore-more-circle a{

	display: block;

	border-radius: 50%;

}



.approach-explore-more-circle img{

	width: 100%;

	max-width: 180px;

	border-radius: 50%;

	animation: infiniterotate 20s infinite linear;

}



@keyframes infiniterotate{

	from{

		transform: rotate(0deg);

	  }

	to{

		transform: rotate(360deg);

	}

}



.who-we-are{

	padding: 50px 0;

}



.who-we-are-image{

	position: relative;

}



.who-we-are-image:before{

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	width: 380px;

	height: 380px;

	background: url('../images/who-we-are-image-bg.png') no-repeat;

	background-position: center center;

	background-size: cover;

	z-index: 0;

	animation: whoweimagebg 20s infinite linear;

}



@keyframes whoweimagebg{

	from{

		transform: translate(-50% , -50%) rotate(0deg);

	  }

	to{

		transform: translate(-50% , -50%) rotate(360deg);

	}

}



.who-we-are-image figure{

	position: relative;

	display: block;

	z-index: 1;

}



.who-we-are-image img{

	width: 100%;

	aspect-ratio: 1 / 0.83;

	object-fit: contain;

}



.who-we-are-body{

	display: flex;

	flex-wrap: wrap;

	gap: 30px;

	margin-bottom: 40px;

}



.we-are-item{

	width: calc(50% - 15px);

	display: flex;

}



.we-are-item .icon-box{

	margin-right: 20px;

}



.we-are-item .icon-box img{

	width: 100%;

	max-width: 60px;

}



.we-are-item-content{

	width: calc(100% - 80px);

}



.we-are-item-content h3{

	font-size: 20px;

	text-transform: capitalize;

	margin-bottom: 10px;

}



.we-are-item-content p{

	margin: 0;

}



.our-expertise{

	padding: 50px 0;

}



.our-expertise-body ul{

	list-style: disc;

    padding: 0;

	padding-left: 20px;

    margin-bottom: 40px;

	display: flex;

	flex-wrap: wrap;

	gap: 15px 40px;

}



.our-expertise-body ul li{

	width: calc(50% - 20px);

	line-height: 1.4em;

}



.our-expertise-body ul li::marker{

    color: var(--accent-color);

}



.skills-progress-bar{

	margin-bottom: 30px;

}



.skills-progress-bar:last-child{

	margin-bottom: 0px;

}



.skills-progress-bar .skill-data{

	display: flex;

    justify-content: space-between;

	gap: 10px;

    margin-bottom: 15px;

}



.skills-progress-bar .skill-data .skill-title{

	text-transform: capitalize;

}



.skills-progress-bar .skill-data .skill-no{

	color: var(--primary-color);

}



.skills-progress-bar .skillbar .skill-progress{

	position: relative;

	width: 100%;

	height: 16px;

	background: var(--divider-color);

	border-radius: 100px;

    overflow: hidden;

}



.skills-progress-bar .skillbar .skill-progress .count-bar{

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	background: var(--accent-color);

	border-radius: 100px;

}



.expertise-image{

	position: relative;

	padding: 0 0 60px 80px;

	overflow: hidden;

	margin-left: 15px;

}



.expertise-img figure{

	display: block;

	border-radius: 30px;

}



.expertise-img img{

	width: 100%;

	aspect-ratio: 1 / 0.891;

	object-fit: cover;

	border-radius: 30px;

}



.expertise-image-list{

	max-width: 216px;

	position: absolute;

	bottom: 0;

	left: 0;

	display: flex;

	flex-wrap: wrap;

	gap: 20px;

	z-index: 1;

}



.expertise-list-img{

	border: 6px solid var(--white-color);

	border-radius: 20px;

	overflow: hidden;

}



.expertise-list-img img{

	width: 100%;

	aspect-ratio: 1 / 0.99;

	object-fit: cover;

}



.expertise-explore-more-circle{

	position: absolute;

	right: 130px;

	bottom: 0;

	border: 6px solid var(--white-color);

	border-radius: 50%;

	overflow: hidden;

	z-index: 1;

}



.expertise-explore-more-circle a{

	display: block;

	border-radius: 50%;

}



.expertise-explore-more-circle img{

	width: 100%;

	max-width: 140px;

	animation: infiniterotate 20s infinite linear;

}



.our-features.about-our-features{

    position: relative;

}



.our-features.about-our-features::before{

    content: '';

    position: absolute;

    top: -105px;

    right: -140px;

    background-image: url(../images/section-bg-img-3.svg);

    background-repeat: no-repeat;

    background-position: top right;

    background-size: cover;

    height: 417px;

    width: 431px;

    z-index: 0;

}



.our-team{

	padding: 50px 0 20px;

}



.team-member-item{

	background-color: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 30px;

	display: flex;

	flex-wrap: wrap;

	height: calc(100% - 30px);

	margin-bottom: 30px;

	overflow: hidden;

}



.team-member-item .team-image{

	width: 47%;

}



.team-image a{

	height: 100%;

    display: block;

	cursor: none;

}



.team-image figure{

	height: 100%;

}



.team-image img{

	height: 100%;

    width: 100%;

	aspect-ratio: 1 / 1.033;

    object-fit: cover;

	transition: all 0.4s ease-in-out;

}



.team-member-item:hover .team-image img{

	transform: scale(1.1);

}



.team-member-item .team-body{

	width: 53%;

}



.team-body{

	align-content: center;

	padding: 40px;

}



.team-content{

	margin-bottom: 15px;

}



.team-content p{

	color: #f25832;

	text-transform: capitalize;

	margin-bottom: 5px;

}



.team-content h2{

	font-size: 25px;

	text-transform: capitalize;

}



.team-content h2 a{

	color: inherit;

}



.team-body-content{

	border-bottom: 1px solid var(--divider-color);

	margin-bottom: 30px;

	padding-bottom: 30px;

}



.team-body-content p{

	margin: 0;

}



.team-social-icon ul{

	list-style: none;

	margin: 0;

	padding: 0;

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

}



.team-social-icon ul li a{

	width: 36px;

	height: 36px;

	color: var(--white-color);

	background: var(--accent-secondary-color);

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all 0.4s ease-in-out;

}



.team-social-icon ul li a:hover{

	background: var(--primary-color);

}



.team-social-icon ul li a i{

	color: inherit;

	font-size: 18px;

}



.our-testimonials.about-our-testimonials{

    position: relative;

}



.our-testimonials.about-our-testimonials::before{

    content: '';

    position: absolute;

    bottom: 0;

    right: -60px;

    background-image: url('../images/section-bg-img-1.svg');

    background-repeat: no-repeat;

    background-position: right bottom;

    background-size: cover;

    height: 251px;

    width: 308px;

    transform: translateY(68%);

    z-index: 0;

}



.our-appointment{

	padding: 50px 0;

}



.our-appointment-box{

	background: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 30px;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 70px;

	padding: 100px;

}



.our-appointment-content,

.appointment-form{

	width: calc(50% - 35px);

}



.appointment-form form .form-control{

    font-size: 16px;

    font-weight: 400;

    line-height: 1.5em;

    color: var(--text-color);

    background-color: transparent;

    border: 1px solid var(--divider-color);

    border-radius: 10px;

    padding: 17px 20px;

    outline: none;

    box-shadow: none;

}



.appointment-form form .form-control::placeholder{

	text-transform: capitalize;

    color: var(--text-color);

}



.appointment-form form .form-group select{

	padding: 16px 30px 16px 20px;

}



.appointment-form form .form-group select option{

	color: var(--primary-color);

}



.appointment-item{

	display: flex;

	align-items: center;

	border-bottom: 1px solid var(--divider-color);

	margin-bottom: 40px;

	padding-bottom: 40px;

}



.appointment-item:last-child{

	border-bottom: none;

	margin-bottom: 0;

	padding-bottom: 0;

}



.appointment-item .icon-box{

	margin-right: 20px;

}



.appointment-item .icon-box img{

	max-width: 60px;

}



.appointment-item-content{

	width: calc(100% - 80px);

}



.appointment-item-content h3{

	font-size: 20px;

	text-transform: capitalize;

	margin-bottom: 5px;

}



.appointment-item-content p{

	margin: 0;

}



.appointment-item-content p a{

	color: inherit;

	transition: all 0.3s ease-in-out;

}



.appointment-item-content p a:hover{

	color: var(--primary-color);

}



.our-faqs.about-faqs{

	padding: 50px 0 100px;

}



/************************************/

/***     20. Services Page css    ***/

/************************************/



.page-services{

	position: relative;

	padding: 100px 0 50px;

}



.page-services::before{

    content: '';

    position: absolute;

    bottom: 50px;

    left: -70px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: bottom left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



/************************************/

/***    21. Service Single css    ***/

/************************************/



.page-service-single{

	position: relative;

    padding: 100px 0;

}



.page-service-single::before{

    content: '';

    position: absolute;

    top: 15%;

    left: -70px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



.page-service-single::after{

    content: '';

    position: absolute;

    top: 40%;

    right: -95px;

    background-image: url('../images/section-bg-img-1.svg');

    background-repeat: no-repeat;

    background-position: right center;

    background-size: cover;

    height: 251px;

    width: 308px;

    z-index: 0;

}



.page-single-sidebar{

    position: sticky;

    top: 20px;

	margin-right: 20px;

}



.page-catagery-list{

	background-color: var(--white-color);

    border: 1px solid var(--divider-color);

    border-radius: 30px;

    margin-bottom: 60px;

	overflow: hidden;

}



.page-catagery-list h3{

    font-size: 20px;

    text-transform: capitalize;

    border-bottom: 1px solid var(--divider-color);

    padding: 30px;

}



.page-catagery-list ul{

    list-style: none;

    margin: 0;

	padding: 30px;

}



.page-catagery-list ul li{

    margin-bottom: 20px;

}



.page-catagery-list ul li:last-child{

    margin: 0;

}



.page-catagery-list ul li a{

	position: relative;

    display: block;

	line-height: 1.3em;

    text-transform: capitalize;

    color: var(--text-color);

	background-color: var(--secondary-color);

	border-radius: 15px;

	padding: 17px 45px 17px 20px;

	overflow: hidden;

    transition: all 0.4s ease-in-out;

	z-index: 1;

}



.page-catagery-list ul li:hover a{

    color: var(--white-color);

}



.page-catagery-list ul li a::before{

    content: '';

    position: absolute;

    right: 20px;

    top: 50%;

    transform: translate(0px, -50%);

    background: url('../images/arrow-text.svg');

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    width: 14px;

    height: 14px;

    transition: all 0.3s ease-in-out;

}



.page-catagery-list ul li a:hover::before{

    filter: brightness(0) invert(1);

    transform: translate(0px, -50%) rotate(45deg);

}



.page-catagery-list ul li a::after{

	content: '';

    position: absolute;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 0;

    background: var(--accent-color);

    transition: all 0.4s ease-in-out;

    z-index: -1;

}



.page-catagery-list ul li:hover a::after{

	top: 0;

	height: 100%;

}



.sidebar-cta-box{

    background: var(--white-color);

    border: 1px solid var(--divider-color);

    border-radius: 30px;

    padding: 30px;

}



.sidebar-cta-image{

    margin-bottom: 20px;

}



.sidebar-cta-image figure{

    display: block;

    border-radius: 30px;

}



.sidebar-cta-image img{

    width: 100%;

    aspect-ratio: 1 / 0.68;

    object-fit: cover;

    border-radius: 30px;

    transition: all 0.4s ease-in-out;

}



.sidebar-cta-box:hover .sidebar-cta-image img{

    transform: scale(1.1);

}



.sidebar-cta-content h3{

    font-size: 20px;

	line-height: 1.3em;

    margin-bottom: 20px;

}



.service-featured-image{

    margin-bottom: 40px;

}



.service-featured-image figure{

    display: block;

    border-radius: 30px;

}



.service-featured-image img{

    width: 100%;

    aspect-ratio: 1 / 0.598;

    object-fit: cover;

    border-radius: 30px;

}



.service-entry{

    margin-bottom: 60px;

}



.service-entry p{

    margin-bottom: 20px;

}



.service-entry p:last-child{

    margin-bottom: 0;

}



.service-entry h2{

    font-size: 48px;

    margin-bottom: 20px;

}



.service-entry h2 span{

    color: var(--accent-secondary-color);

}



.service-entry ul{

    list-style: disc;

    margin: 0;

    padding-left: 20px;

	display: flex;

	flex-wrap: wrap;

	gap: 20px 40px;

}



.service-entry ul li{

	width: calc(33.33% - 26.66px);

	text-transform: capitalize;

	line-height: 1.6em;

}



.service-entry ul li:last-child{

	margin-bottom: 0;

}



.service-entry ul li::marker{

    color: var(--accent-color);

}



.discover-peace-box,

.service-benefits-box,

.service-process-box{

    margin-top: 60px;

}



.discover-peace-item-list{

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

    margin-top: 40px;

}



.discover-peace-item{

    position: relative;

    width: calc(50% - 15px);

    display: flex;

    background: var(--white-color);

    border: 1px solid var(--divider-color);

    border-radius: 20px;

    padding: 30px 25px;

    overflow: hidden;

}



.discover-peace-item::before{

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	background: var(--accent-color);

	width: 100%;

	height: 0;

	transition: all 0.4s ease-in-out;

	z-index: 0;

}



.discover-peace-item:hover:before{

	height: 100%;

}



.discover-peace-item .icon-box{

    position: relative;

    margin-right: 20px;

    z-index: 1;

}



.discover-peace-item .icon-box img{

    width: 100%;

    max-width: 60px;

    transition: all 0.4s ease-in-out;

}



.discover-peace-item:hover .icon-box img{

    filter: brightness(0) invert(1);

}



.discover-peace-item-content{

    position: relative;

    width: calc(100% - 80px);

    z-index: 1;

}



.discover-peace-item-content h3{

    font-size: 20px;

    margin-bottom: 15px;

    text-transform: capitalize;

    transition: all 0.4s ease-in-out;

}



.discover-peace-item-content p{

	margin: 0;

    transition: all 0.4s ease-in-out;

}



.discover-peace-item:hover .discover-peace-item-content h3,

.discover-peace-item:hover .discover-peace-item-content p{

    color: var(--white-color);

}



.discover-peace-info-box{

    display: flex;

    align-items: center;

    background: var(--accent-color);

    border-radius: 20px;

    padding: 20px;

    margin: 30px 0 40px;

}



.discover-peace-info-box .icon-box{

    border-right: 1px solid var(--dark-divider-color);

    margin-right: 30px;

    padding-right: 30px;

}



.discover-peace-info-box .icon-box img{

    width: 100%;

    max-width: 80px;

}



.discover-peace-info-content{

    width: calc(100% - 140px);

}



.discover-peace-info-content h3{

    font-size: 20px;

	line-height: 1.3em;

    color: var(--white-color);

}



.service-benefits-image{

    margin-top: 40px;

}



.service-benefits-image figure{

    width: 100%;

    border-radius: 30px;

}



.service-benefits-image img{

    width: 100%;

    aspect-ratio: 1 / 0.479;

    object-fit: cover;

    border-radius: 30px;

}



.service-process-steps{

    margin-top: 40px;

}



.service-process-steps .how-work-step .how-work-step-no h2{

    font-size: 40px;

    margin-bottom: 0;

}



/************************************/

/***      22. Blog Archive css    ***/

/************************************/



.page-blog{

	padding: 100px 0;

}



.page-pagination{

    margin-top: 30px;

    text-align: center;

}



.page-pagination ul{

    justify-content: center;

    padding: 0;

    margin: 0;

}



.page-pagination ul li a,

.page-pagination ul li span{

    display: flex;

    text-decoration: none;

    justify-content: center;

    align-items: center;

    background: var(--white-color);

    color: var(--accent-color);

	border-radius: 10px;

    width: 40px;

    height: 40px;

    margin: 0 5px;

    font-weight: 700;

	line-height: 1em;

    transition: all 0.3s ease-in-out;

}



.page-pagination ul li.active a, 

.page-pagination ul li a:hover{

    background: var(--accent-color);

	color: var(--white-color);

}



/************************************/

/***      23. Blog Single css     ***/

/************************************/



.page-single-post{

	position: relative;

	padding: 100px 0;

}



.page-single-post::before{

    content: '';

    position: absolute;

    top: 15%;

    left: -70px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



.page-single-post::after{

    content: '';

    position: absolute;

    top: 40%;

    right: -95px;

    background-image: url('../images/section-bg-img-1.svg');

    background-repeat: no-repeat;

    background-position: right center;

    background-size: cover;

    height: 251px;

    width: 308px;

    z-index: 0;

}



.post-single-meta ol li{

	font-size: 18px;

	color: var(--white-color);

	margin-right: 15px;

}



.post-single-meta ol li:last-child{

	margin-right: 0;

}



.post-single-meta ol li i{

    font-size: 18px;

    color: var(--white-color);

    margin-right: 5px;

}



.post-image{

	position: relative;

	margin-bottom: 30px;

}



.post-image figure{

	display: block;	

	border-radius: 30px;

	overflow: hidden;

}



.post-image img{

	width: 100%;

	aspect-ratio: 1 / 0.50;

	object-fit: cover;

	border-radius: 30px;

}



.post-content{

	width: 100%;

	max-width: 1100px;

	margin: 0 auto;

}



.post-entry{

	border-bottom: 1px solid var(--divider-color);

	padding-bottom: 30px;

    margin-bottom: 30px;

}



.post-entry:after{

    content: '';

    display: block;

    clear: both;

}



.post-entry a{

    color: var(--accent-color);

}



.post-entry h1,

.post-entry h2,

.post-entry h3,

.post-entry h4,

.post-entry h5,

.post-entry h6{

	font-weight: 400;

	line-height: 1.2em;

	margin: 0 0 0.42em;

}



.post-entry h1{

	font-size: 60px;

}



.post-entry h2{

	font-size: 48px;

}



.post-entry h3{

	font-size: 40px;

}



.post-entry h4{

	font-size: 30px;

}



.post-entry h5{

	font-size: 24px;

}



.post-entry h6{

	font-size: 18px;

}



.post-entry p{

	margin-bottom: 20px;

}



.post-entry p:last-child{

	margin-bottom: 0;

}



.post-entry p strong{

	color: var(--primary-color);

	font-size: 18px;

	font-weight: 600;

}



.post-entry ol{

    margin: 0 0 30px;

}



.post-entry ul{

	padding: 0;

	margin: 20px 0 20px;

	padding-left: 20px;

}



.post-entry ol li,

.post-entry ul li{

    position: relative;

	font-size: 18px;

    font-weight: 500;

    line-height: 1.5em;

    color: var(--text-color);

    margin-bottom: 15px;

}



.post-entry ul li:last-child{

	margin-bottom: 0;

}



.post-entry ul ul,

.post-entry ul ol,

.post-entry ol ol,

.post-entry ol ul{

    margin-top: 20px;

    margin-bottom: 0;

}



.post-entry ul ul li:last-child,

.post-entry ul ol li:last-child,

.post-entry ol ol li:last-child,

.post-entry ol ul li:last-child{

    margin-bottom: 0;

}



.post-entry blockquote{

	background: url('../images/icon-blockquote.svg'), var(--accent-color);

	background-repeat: no-repeat;

	background-position: 30px 30px;

    background-size: 45px;

	border-radius: 20px;

    padding: 30px 30px 30px 90px;

    margin-bottom: 30px;

}



.post-entry blockquote p{

	font-family: var(--accent-font);

	font-size: 20px;

	font-weight: 400;

	line-height: 1.5em;

	color: var(--white-color);

}



.post-entry blockquote p:last-child{

	margin-bottom: 0;

}



.tag-links{

	font-family: var(--accent-font);

    font-size: 20px;

	font-weight: 400;

    text-transform: capitalize;

	color: var(--primary-color);

	display: inline-flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 15px;

}



.post-tags .tag-links a{

    display: inline-block;

	font-family: var(--default-font);

    font-size: 16px;

	font-weight: 500;

	line-height: 1em;

	text-transform: capitalize;

	background: var(--accent-color);

	color: var(--white-color);

	border-radius: 10px;

    padding: 12px 20px;

	transition: all 0.3s ease-in-out;

}



.post-tags .tag-links a:hover{

	background: var(--accent-secondary-color);

}



.post-social-sharing{

    text-align: right;

}



.post-social-sharing ul{

    list-style: none;

    padding: 0;

    margin: 0;

}



.post-social-sharing ul li{

    display: inline-block;

    margin-right: 10px;

}



.post-social-sharing ul li:last-child{

	margin-right: 0;

}



.post-social-sharing ul li a{

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

	background: var(--accent-color);

	color: var(--white-color);

	border-radius: 10px;

    width: 40px;

    height: 40px;

    transition: all 0.3s ease-in-out;

}



.post-social-sharing ul li:hover a{

	background: var(--accent-secondary-color);

}



.post-social-sharing ul li a i{

    font-size: 18px;

    color: inherit;

}



/************************************/

/***      24. Team Page css       ***/

/************************************/



.page-team{

	padding: 100px 0 0px;

}



.team-item{

	height: calc(100% - 30px);

	margin-bottom: 30px;

}



.team-item .team-image{

	position: relative;

	margin-bottom: 20px;

}



.team-item .team-image figure:before{

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	top: 100%;

	right: 0;

	bottom: 0;

	left: 0;

	background: linear-gradient(180deg, rgba(61, 73, 58, 0) 61.53%, rgba(61, 73, 58, 0.6) 100%);

	transition: all 0.3s ease-in-out;

	z-index: 1;

}



.team-item:hover .team-image figure:before{

	top: 0;

}



.team-item .team-social-icon{

	position: absolute;

	right: 30px;

	bottom: 0;

	left: 30px;

	opacity: 0;

	visibility: hidden;

	transition: all 0.4s ease-in-out;

	z-index: 1;

}



.team-item:hover .team-social-icon{

	bottom: 30px;

	opacity: 1;

	visibility: visible;

}



.team-item .team-social-icon ul{

	justify-content: center;

}



.team-item .team-social-icon ul a{

	display: flex;

	cursor: pointer;

}



.team-item .team-image a{

	border-radius: 20px;

    display: block;

	cursor: none;

	overflow: hidden;

}



.team-item .team-image img{

    width: 100%;

	aspect-ratio: 1 / 1.19;

    object-fit: cover;

	transition: all 0.4s ease-in-out;

}



.team-item:hover .team-image img{

	transform: scale(1.1);

}



.team-item .team-content{

	text-align: center;

	margin-bottom: 0;

}



.team-item .team-content h2{

	margin-bottom: 5px;

}



.team-item .team-content p{

	margin: 0;

}



/************************************/

/***      25. Team Single css     ***/

/************************************/



.page-team-single{

	position: relative;

	padding: 100px 0;

}



.page-team-single::before{

    content: '';

    position: absolute;

    top: 15%;

    left: -70px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



.page-team-single::after{

    content: '';

    position: absolute;

    top: 40%;

    right: -95px;

    background-image: url('../images/section-bg-img-1.svg');

    background-repeat: no-repeat;

    background-position: right center;

    background-size: cover;

    height: 251px;

    width: 308px;

    z-index: 0;

}



.page-team-single-box{

	display: flex;

	flex-wrap: wrap;

	gap: 100px 0;

}



.team-member-info-box{

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 30px 60px;

}



.team-member-image,

.team-member-content{

	width: calc(50% - 30px);

}



.team-member-image{

	border-radius: 30px;

	overflow: hidden;

}



.team-member-image figure{

	display: block;

}



.team-member-image img{

	width: 100%;

    aspect-ratio: 1 / 1.022;

	object-fit: cover;

}



.member-social-list{

	background-color: var(--accent-color);

	padding: 20px 40px;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	gap: 15px 20px;

}



.member-social-list h3{

	color: var(--white-color);

	font-size: 20px;

	text-transform: capitalize;

}



.member-social-list ul{

	list-style: none;

	margin: 0;

	padding: 0;

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

}



.member-social-list ul li a{

	width: 38px;

	height: 38px;

	color: var(--white-color);

	background: var(--accent-secondary-color);

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all 0.4s ease-in-out;

}



.member-social-list ul li a:hover{

	background: var(--white-color);

	color: var(--primary-color);

}



.member-social-list ul li a i{

	color: inherit;

	font-size: 18px;

}



.member-info-list ul{

    display: flex;

    flex-wrap: wrap;

    gap: 60px 30px;

    list-style: none;

    margin: 0;

    padding: 0;

    margin-bottom: 40px;

}



.member-info-list ul li{

	position: relative;

    width: calc(50% - 15px);

	font-family: var(--accent-font);

    font-size: 20px;

    font-weight: 400;

    text-transform: capitalize;

    color: var(--primary-color);

    display: flex;

    justify-content: space-between;

}



.member-info-list ul li:before{

	content: '';

	position: absolute;

	right: 0;

	bottom: -30px;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: var(--divider-color);

}



.member-info-list ul li:nth-last-child(-n + 2):before{

	display: none;

}



.member-info-list ul li span{

    width: 58%;

    font-size: 16px;

    font-weight: 400;

    text-transform: none;

    color: var(--text-color);

}



.member-about-list{

	background-color: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 20px;

	padding: 30px;

}



.member-about-list ul{

    list-style: disc;

    margin: 0;

    padding-left: 20px;

	display: flex;

	flex-wrap: wrap;

	gap: 20px 40px;

}



.member-about-list ul li{

	width: calc(50% - 20px);

	line-height: 1.6em;

}



.member-about-list ul li::marker{

    color: var(--accent-color);

}



.team-member-about .section-title{

	margin-bottom: 0;

}



.team-member-Skill-box{

	display: flex;

	flex-wrap: wrap;

	gap: 30px 60px;

}



.team-member-Skill-feature,

.team-contact-form{

	width: calc(50% - 30px);

}



.member-feature-content{

	border-bottom: 1px solid var(--divider-color);

	margin-bottom: 40px;

	padding-bottom: 40px;

}



.member-feature-content .member-about-list{

	background: transparent;

	border-radius: 0;

	border: none;

	padding: 0;

}



/************************************/

/*** 	 26. Pricing Page css	  ***/

/************************************/



.page-pricing{

	position: relative;

	padding: 100px 0 20px;

}



.page-pricing::before{

    content: '';

    position: absolute;

    bottom: 20px;

    left: -100px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: bottom left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



/************************************/

/***   27. Testimonials Page css  ***/

/************************************/



.page-testimonials{

	position: relative;

	padding: 100px 0 50px;

}



.page-testimonials::before{

    content: '';

    position: absolute;

    bottom: 150px;

    left: -100px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: bottom left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



.page-testimonials .our-testimonial-box .testimonial-item{

	width: calc(50% - 15px);

}



/************************************/

/*** 	 28. Image Gallery css	  ***/

/************************************/



.page-gallery{

	padding: 100px 0 70px;

}



.page-gallery-box .photo-gallery{

	height: calc(100% - 30px);

	margin-bottom: 30px;

}



.page-gallery-box .photo-gallery a{

	cursor: none;

}



.page-gallery-box .photo-gallery figure{

	display: block;

	border-radius: 20px;

}



.page-gallery-box .photo-gallery img{

	width: 100%;

	aspect-ratio: 1 / 0.794;

	object-fit: cover;

	border-radius: 20px;

}



/************************************/

/*** 	 29. Video Gallery css	  ***/

/************************************/



.page-video-gallery{

	padding: 100px 0 70px;

}



.video-gallery-image{

	height: calc(100% - 30px);

	margin-bottom: 30px;

	overflow: hidden;

}



.video-gallery-image a{

	position: relative;

	display: block;

	cursor: none;

}



.video-gallery-image a::before{

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: var(--primary-color);

	border-radius: 20px;

    opacity: 0%;

    visibility: hidden;

    width: 100%;

    height: 100%;

    z-index: 1;

    transform: scale(0);

    transition: all 0.4s ease-in-out;

}



.video-gallery-image:hover a::before{

    opacity: 40%;

    visibility: visible;

    transform: scale(1);

}



.video-gallery-image a::after{

    content: '\f04b';

	font-family: 'FontAwesome';

    position: absolute;

    top: 50%;

    left: 50%;

    right: 0;

    transform: translate(-50%, -50%);

	font-size: 20px;

	background: var(--accent-color);

	color: var(--white-color);

    border-radius: 50%;

    height: 60px;

    width: 60px;

    cursor: none;

	display: flex;

	align-items: center;

	justify-content: center;

    opacity: 0;

    visibility: hidden;

    transition: all 0.5s ease-in-out;

    z-index: 1;

}



.video-gallery-image:hover a::after{

    opacity: 1;

    visibility: visible;

}



.video-gallery-image img{

	width: 100%;

	aspect-ratio: 1 / 0.794;

	object-fit: cover;

	border-radius: 20px;

}



/************************************/

/*** 	  30. FAQs Page css 	  ***/

/************************************/



.page-faqs{

	position: relative;

	padding: 100px 0;

}



.page-faqs::before{

    content: '';

    position: absolute;

    top: 15%;

    left: -70px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: top left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



.page-faqs::after{

    content: '';

    position: absolute;

    top: 40%;

    right: -95px;

    background-image: url('../images/section-bg-img-1.svg');

    background-repeat: no-repeat;

    background-position: right center;

    background-size: cover;

    height: 251px;

    width: 308px;

    z-index: 0;

}



.page-faqs-catagery .page-faq-accordion{

    margin-bottom: 60px;

}



.page-faqs-catagery .page-faq-accordion:last-child{

    margin-bottom: 0px;

}



/************************************/

/*** 	31. Contact Us Page css   ***/

/************************************/



.page-contact-us{

	padding: 100px 0;

}



.contact-us-content{

	margin-right: 30px;

}



.contact-info-list{

	display: flex;

	flex-wrap: wrap;

	gap: 30px;

	margin-bottom: 50px;

}



.contact-info-item{

	width: calc(100% - 15px);

	background-color: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 20px;

	display: flex;

	align-items: center;

	padding: 20px;

}



.contact-info-item .icon-box{

	width: 50px;

	height: 50px;

	background-color: var(--accent-color);

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-right: 20px;

}



.contact-info-item .icon-box img{

	width: 100%;

	max-width: 25px;

}



.contact-item-content{

	width: calc(100% - 70px);

}



.contact-item-content h3{

	font-size: 20px;

	text-transform: capitalize;

	margin-bottom: 5px;

}



.contact-item-content p{

	margin: 0;

}



.contact-item-content p a{

	color: inherit;

	transition: all  0.3s ease-in-out;

}



.contact-item-content p a:hover{

	color: var(--primary-color);

}



.contact-social-list{

	display: flex;

	align-items: center;

	gap: 15px 20px;

}



.contact-social-list h3{

	font-size: 20px;

	text-transform: capitalize;

}



.contact-social-list ul{

	list-style: none;

	margin: 0;

	padding: 0;

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

}



.contact-social-list ul li a{

	width: 50px;

	height: 50px;

	color: var(--white-color);

	background: #f25832;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	transition: all 0.4s ease-in-out;

}



.contact-social-list ul li a:hover{

	background: var(--primary-color);

}



.contact-social-list ul li a i{

	color: inherit;

	font-size: 22px;

}



.contact-us-form{

	background-color: #EEE;

	border: 1px solid var(--divider-color);

	border-radius: 30px;

	padding: 50px;

}



.contact-form .form-control{

	font-size: 16px;

	font-weight: 400;

	line-height: 1.5em;

	color: var(--text-color);

	background-color: var(--white-color);

	border: 1px solid var(--divider-color);

	border-radius: 10px;

	padding: 17px 20px;

	box-shadow: none;

	outline: none;

}



.contact-form .form-control::placeholder{

	color: var(--text-color);

}



.google-map .container-fluid{

	padding: 0;

}



.google-map-iframe,

.google-map-iframe iframe{

	width: 100%;

	height: 600px;

}



/************************************/

/*** 	32. Book Appointment css  ***/

/************************************/



.page-book-appointment{

	position: relative;

	padding: 100px 0 50px;

}



.page-book-appointment::before{

    content: '';

    position: absolute;

    bottom: 10px;

    left: -70px;

    background-image: url('../images/section-bg-img-2.svg');

    background-repeat: no-repeat;

    background-position: bottom left;

    background-size: cover;

    height: 379px;

    width: 262px;

    z-index: 0;

}



/************************************/

/*** 	 33. 404 Error Page css	  ***/

/************************************/



.error-page{

	padding: 100px 0;

}



.error-page-image{

	text-align: center;

	margin-bottom: 30px;

}



.error-page-image img{

	width: 100%;

	max-width: 60%;

}



.error-page-content{

	text-align: center;

}



.error-page-content .section-title,

.error-page-content-body p{

	margin-bottom: 20px;

}



/************************************/

/***      34. Responsive css      ***/

/************************************/





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

	.our-pricing::before{

        top: -25px;

        height: 197px;

        width: 240px;

    }

}





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



	.header-contact-now{

		display: none;

	}

}



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



	.btn-default{

		padding: 15px 40px 15px 15px;

	}



	.btn-default::before{

		width: 12px;

		height: 12px;

	}



	.navbar{

		padding: 0px 0px;

	}



	.navbar-brand img{

		height: 55px;

	}



	.slicknav_nav li,

	.slicknav_nav ul{

        display: block;

    }



	.responsive-menu,

    .navbar-toggle{

        display: block;

    }



	.slicknav_menu{

		background: var(--primary-color);

	}


	.slicknav_nav .slicknav_row,
	.slicknav_nav li a,
	.slicknav_arrow:after{

		color: var(--white-color);

	}


	.slicknav_menu ul ul li a{

		position: relative;

		color: var(--white-color);

		background: var(--accent-color);

		border-radius: 8px !important;

		margin: 5px 18px 5px 28px;

		padding: 8px 16px !important;

	}


	.slicknav_menu ul ul li a:hover,
	.slicknav_menu ul ul li a:focus{

		color: var(--white-color);

		background: rgba(242, 88, 50, 0.22);

	}


	.header-btn{

		display: none;

	}



	.section-row{

		margin-bottom: 40px;

	}



	.section-title{

		margin-bottom: 30px;

	}



	.section-title h1{

		font-size: 45px;

	}



	.section-title h2{

		font-size: 36px;

	}



	.section-title p{

		margin-top: 10px;

	}



	.section-title-content{

		margin-top: 15px;

	}



	.section-btn{

		text-align: left;

		margin-top: 15px;

	}



	.section-content-btn .section-btn{

		margin-top: 15px;

	}



	.hero{

		padding: 190px 0 100px;

		min-height: auto;

	}



	.hero.hero-slider-layout .hero-slide{

		padding: 190px 0 100px;

		min-height: auto;

	}

	

	.hero.hero-slider-layout .hero-pagination{

		bottom: 30px;

		padding-left: 15px;

	}



	.hero-content .section-title p{

		margin-top: 20px;

		padding-top: 20px;

	}



	.hero-content .section-title h3{

		margin-bottom: 20px;

	}



	.down-arrow-circle{

		bottom: 10px;

	}



	.down-arrow-circle a img{

		max-width: 100px;

	}



	.down-arrow-circle a i{

		font-size: 30px;

	}



	.about-us{

		padding: 50px 0 25px;

	}



	.about-us::before{

        bottom: -40px;

        height: 170px;

        width: 208px;

    }



	.about-images{

		max-width: 80%;

		margin: 20px auto 50px;

	}



	.about-image-title h2{

		font-size: 88px;

	}



	.about-us-content{

		margin-left: 0px;

	}



	.about-content-body{

		margin-bottom: 30px;

	}



	.about-benefit-item{

		margin-bottom: 20px;

	}



	.about-benefit-item .icon-box{

		margin-right: 10px;

	}



	.about-benefit-item .icon-box img{

		max-width: 50px;

	}



	.about-benefit-item-content{

		width: calc(100% - 60px);

	}



	.our-services{

		padding: 25px 0;

	}



	.service-item{

		border-radius: 20px;

		padding: 20px;

	}



	.service-header{

		margin-bottom: 50px;

	}



	.service-header .icon-box img{

		max-width: 60px;

	}



	.service-btn a{

		width: 40px;

		height: 40px;

	}



	.service-btn a img{

		max-width: 12px;

	}



	.service-content h3{

		margin-bottom: 10px;

	}



	.section-footer-text{

		margin-top: 10px;

	}



	.section-footer-text p span{

		font-size: 14px;

	}



	.what-we-do{

		padding: 25px 0;

	}



	.what-we-do::before{

        left: -50px;

        height: 260px;

        width: 180px;

    }



	.what-we-content,

	.what-we-body{

		margin-bottom: 30px;

	}



	.what-we-body ul{

		gap: 15px 40px;

	}



	.what-we-image{

		max-width: 80%;

		margin: 0 auto;

	}



	.what-we-benefits-box{

		border-radius: 20px;

	}



	.what-we-benefits-list{

		width: 100%;

		gap: 30px;

		padding: 30px;

	}



	.what-we-item .icon-box{

		margin-right: 10px;

	}



	.what-we-item-content{

		width: calc(100% - 50px);

	}



	.what-we-item-content p{

		font-size: 14px;

	}



	.what-we-benefit-image{

		width: 100%;

		border: none;

	}



	.what-we-benefit-image figure{

		height: auto;

	}



	.what-we-benefit-image img{

		height: auto;

		aspect-ratio: 1 / 0.6;

	}



	.why-choose-us{

		padding: 25px 0;

	}



	.why-choose-image{

		width: 100%;

	}



	.why-choose-item{

		width: calc(50% - 15px);

		padding: 20px;

	}



	.why-choose-item .icon-box{

		margin-bottom: 30px;

	}



	.why-choose-item .icon-box img{

		max-width: 60px;

	}



	.why-choose-counter-box{

		gap: 30px;

		margin-top: 40px;

		padding-top: 40px;

	}



	.why-choose-counter-item{

		display: block;

		width: calc(25% - 22.5px);

	}



	.why-choose-counter-item::before{

		right: -15px;

	}



	.why-choose-counter-item .icon-box{

        margin: 0 0 10px 0;

    }



	.why-choose-counter-item .icon-box img{

		max-width: 40px;

	}



	.why-choose-counter-content h3{

		font-size: 26px;

	}



	.why-choose-counter-content p{

		font-size: 14px;

	}



	.why-choose-counter-item .icon-box{

		margin-right: 10px;

	}



	.our-benefits{

		padding: 25px 0 50px;

	}



	.our-benefits::before{

        height: 260px;

        width: 268px;

    }



	.benefit-item{

		margin-bottom: 30px;

		padding-bottom: 30px;

	}



	.benefit-item .icon-box{

		margin-bottom: 20px;

	}



	.benefit-item .icon-box img{

		max-width: 60px;

	}



	.our-benefits-image{

		width: 100%;

		max-width: 70%;

		margin: 0 auto;

		margin-top: 30px;

	}



	.intro-video-box{

		height: 500px;

	}



	.intro-video-box .video-play-button a{

		width: 80px;

		height: 80px;

		font-size: 18px;

	}



	.cta-box{

		padding: 25px 0;

	}



	.cta-box .section-title,

	.cta-box .section-btn{

		text-align: center;

	}



	.how-it-work{

		padding: 50px 0 25px;

	}



	.how-work-content{

		margin-right: 0px;

		margin-bottom: 30px;

	}



	.how-work-stpes-box{

		padding-top: 30px;

	}



	.how-work-step{

		margin-bottom: 30px;

	}



	.how-work-step-no{

		margin-right: 15px;

	}



	.how-work-step-no h2{

		font-size: 34px;

	}



	.how-work-image{

		max-width: 80%;

		margin: 0 auto;

	}



	.our-features{

		padding: 25px 0;

	}



	.our-features.about-our-features::before{

		top: -50px;

        right: -75px;

        height: 310px;

        width: 320px;

    }



	.features-item{

		border-radius: 20px;

		padding: 20px 0 0 20px;

		margin-bottom: 30px;

	}



	.features-item-image img{

		aspect-ratio: 1 / 0.5;

	}



	.features-box{

		border-radius: 20px;

	}



	.features-box .features-box-content{

		top: 20px;

		left: 20px;

	}



	.features-box-image img{

		border-radius: 20px;

	}



	.features-box.box-2 .features-box-content{

		left: 20px;

		bottom: 20px;

	}



	.features-box.box-2 .features-box-image img{

		aspect-ratio: 1 / 0.9;

	}



	.features-item.features-box{

		margin-bottom: 0;

	}



	.our-pricing{

		padding: 25px 0 0;

	}



	.our-pricing::after{

        height: 105px;

        width: 290px;

    }



	.pricing-item{

		border-radius: 20px;

	}



	.pricing-content{

		padding: 20px;

	}



	.pricing-title{

		margin-top: -38px;

		margin-bottom: 20px;

	}



	.pricing-content h3{

		padding: 8px 20px;

	}



	.pricing-content h2{

		font-size: 36px;

	}



	.pricing-content p{

		font-size: 14px;

	}



	.pricing-body{

		padding: 20px;

	}



	.pricing-list{

		margin-bottom: 30px;

	}



	.pricing-list ul li{

		margin-bottom: 10px;

	}



	.scrolling-ticker{

		padding: 25px 0;

	}



	.scrolling-ticker-box{

		--gap: 30px;

		padding: 60px 0;

		margin: 30px 0;

	}



	.scrolling-ticker-box .scrolling-content span{

		font-size: 45px;

	}



	.scrolling-ticker-box .scrolling-content span img{

		margin-right: 30px;

	}



	.scrolling-ticker-image img{

		max-width: 60px;

	}



	.scrolling-ticker-image{

		transform: translateY(30px);

	}

	

	.scrolling-ticker-images .scrolling-ticker-image:nth-child(even){

		transform: translateY(-30px);

	}

	

	.our-testimonials{

		padding: 25px 0;

	}



	.testimonial-image-content{

		margin-bottom: 30px;

	}



	.our-testimonials .core-values-featured-row .testimonial-image-content{

		margin-bottom: 30px;

	}



	.our-testimonials .core-values-featured-row > [class*="col-"]:last-child .testimonial-image-content{

		margin-bottom: 0;

	}



	.testimonial-image figure{

		border-radius: 20px;

	}



	.testimonial-image img{

		aspect-ratio: 1 / 0.64;

		border-radius: 20px;

	}



	.testimonial-review-box{

		border-radius: 20px;

		padding: 30px;

	}



	.testimonial-review-header{

		margin-bottom: 40px;

	}



	.testimonial-review-title h3{

		font-size: 26px;

	}



	.testimonial-review-title.core-value-heading .core-value-number{

		font-size: 32px;

	}



	.testimonial-review-title.core-value-heading h3{

		font-size: 24px;

	}



	.core-value-number{

		font-size: 32px;

	}



	.testimonial-item{

		border-radius: 20px;

		padding: 30px;

	}



	.testimonial-author{

		margin-bottom: 20px;

	}



	.our-faqs{

		padding: 25px 0;

	}



	.our-faqs-content{

		margin-bottom: 30px;

	}



	.faq-accordion .accordion-item{

		margin-bottom: 20px;

	}



	.faq-accordion .accordion-header .accordion-button{

		padding: 15px 40px 15px 15px;

	}



	.faq-accordion .accordion-item .accordion-button::after,

	.faq-accordion .accordion-item .accordion-button.collapsed::after{

		top: 16px;

		right: 15px;

		font-size: 20px;

	}



	.faq-accordion .accordion-item .accordion-body{

		padding: 15px 45px 15px 15px;

	}



	.faqs-image{

		padding: 35px 35px 30px 45px;

		margin-left: 0;

	}



	.faqs-image::before{

		border-radius: 20px;

	}



	.faqs-image figure{

		border-radius: 20px;

	}



	.faqs-image img{

		aspect-ratio: 1 / 0.8;

		border-radius: 20px;

	}



	.faqs-contact-box{

		border-radius: 12px;

		padding: 15px;

	}



	.our-blog{

		padding: 25px 0 20px;

	}



	.our-blog::before{

        top: -65px;

        right: -40px;

        height: 180px;

        width: 220px;

    }



	.post-item{

		border-radius: 20px;

		padding: 20px;

	}



	.post-featured-image,

	.post-item-content{

		margin-bottom: 15px;

	}



	.post-featured-image a{

		border-radius: 20px;

	}



	.footer-main{

        padding: 40px 0 0 0;

    }



	.footer-main::before{

        left: -75px;

        height: 310px;

        width: 320px;

    }



    .footer-header{

        padding-bottom: 30px;

        margin-bottom: 30px;

    }



    .footer-about{

        width: calc(70% - 10px);

    }



    .footer-logo{

        margin-right: 20px;

        padding-right: 20px;

    }



    .about-footer-content{

        width: calc(100% - 222px);

    }



    .footer-social-links{

        width: calc(30% - 10px);

    }



    .footer-social-links ul li{

        margin-right: 10px;

    }

    

    .footer-links{

        margin-bottom: 30px;

    }



    .footer-links h3{

        margin-bottom: 20px;

    }



    .footer-links ul li{

        margin-bottom: 10px;

    }


	.footer-nav-menu li.footer-submenu > ul{

		display: none;

		position: static;

		width: auto;

		visibility: visible;

		opacity: 1;

		transform: none;

		background: transparent;

		border-radius: 0;

		margin-top: 8px;

		padding: 0 0 0 12px;

	}


	.footer-nav-menu li.footer-submenu.open > ul{

		display: block;

		padding: 0 0 0 12px;

	}


	.footer-nav-menu li.footer-submenu > ul li a{

		padding: 6px 0;

	}


	.footer-nav-menu li.footer-submenu > ul li a:hover,
	.footer-nav-menu li.footer-submenu > ul li a:focus{

		padding-left: 3px;

    }



    .footer-contact-links{

        margin-right: 0;

    }



	.footer-newsletter-box{

		margin-bottom: 30px;

	}



	.footer-newsletter-box .section-title{

		margin-bottom: 20px;

	}



    .newsletter-form .form-group .form-control{

        width: calc(100% - 48px);

        padding: 11px 20px;

    }



    .newsletter-form .form-group .newsletter-btn{

        width: 48px;

        height: 48px;

    }



    .newsletter-form .form-group .newsletter-btn i{

        font-size: 20px;

    }



    .footer-copyright{

        margin-top: 0px;

        padding: 30px 0;

    }



    .footer-privacy-policy ul li{

        margin-right: 3px;

        padding-right: 12px;

    }



	.page-header{

		padding: 170px 0 80px;

	}

	

	.page-header-box h1{

		font-size: 45px;

		margin-bottom: 5px;

	}



	.our-approach{

		padding: 25px 0;

	}



	.our-approach-content{

		margin-bottom: 30px;

	}



	.our-approach-body{

		padding: 30px;

	}



	.mission-vision-item{

		padding-bottom: 20px;

		margin-bottom: 20px;

	}



	.mission-vision-item h3{

		margin-bottom: 10px;

	}



	.our-approach-image{

		max-width: 80%;

		margin: 0 auto;

		padding-right: 180px;

	}



	.our-approach-img-1 img{

		aspect-ratio: 1 / 1.65;

	}



	.approach-explore-more-circle img{

		max-width: 140px;

	}



	.who-we-are{

		padding: 25px 0;

	}



	.who-we-are-image{

		max-width: 75%;

		margin: 0 auto;

		margin-bottom: 30px;

	}



	.who-we-are-image:before{

		width: 330px;

		height: 330px;

	}



	.who-we-are-body{

		margin-bottom: 30px;

	}



	.we-are-item .icon-box{

		margin-right: 10px;

	}



	.we-are-item .icon-box img{

		max-width: 50px;

	}



	.we-are-item-content{

		width: calc(100% - 60px);

	}



	.our-expertise{

		padding: 25px 0;

	}



	.our-expertise-content{

		margin-bottom: 30px;

	}



	.our-expertise-body ul{

		margin-bottom: 30px;

	}



	.skills-progress-bar{

		margin-bottom: 20px;

	}



	.skills-progress-bar .skill-data{

		margin-bottom: 10px;

	}



	.expertise-image{

		margin-left: 0;

	}



	.expertise-image-list{

		max-width: 190px;

	}



	.expertise-explore-more-circle{

		right: 90px;

	}



	.expertise-explore-more-circle img{

		max-width: 110px;

	}



	.team-image img{

		aspect-ratio: 1 / 0.95;

	}



	.team-body{

		padding: 30px;

	}



	.team-content{

		margin-bottom: 10px;

	}



	.team-body-content{

		margin-bottom: 20px;

		padding-bottom: 20px;

	}



	.our-testimonials.about-our-testimonials::before{

        right: -40px;

        height: 180px;

        width: 220px;

    }



	.our-appointment{

		padding: 25px 0;

	}



	.our-appointment-box{

        padding: 50px;

		gap: 30px;

    }



	.our-appointment-content,

	.appointment-form{

		width: 100%;

	}



	.appointment-form form .form-control{

		padding: 12px 15px;

	}



	.appointment-form form .form-group select{

		padding: 10px 30px 10px 15px;

	}



	.appointment-item{

		margin-bottom: 30px;

		padding-bottom: 30px;

	}



	.appointment-item .icon-box{

		margin-right: 10px;

	}



	.appointment-item .icon-box img{

		max-width: 50px;

	}



	.appointment-item-content{

		width: calc(100% - 60px);

	}



	.our-faqs.about-faqs{

		padding: 25px 0 50px;

	}



	.page-services{

		padding: 50px 0 25px;

	}



	.page-services::before{

        bottom: -15px;

        height: 260px;

        width: 180px;

    }



	.page-service-single{

        padding: 50px 0;

    }



	.page-service-single::before{

        height: 260px;

        width: 180px;

    }



    .page-service-single::after{

        bottom: -40px;

        height: 170px;

        width: 208px;

    }



    .page-single-sidebar{

        position: initial;

        margin: 0 0 30px 0;

    }



    .page-catagery-list{

        border-radius: 20px;

        margin-bottom: 30px;

    }



    .page-catagery-list h3,

    .page-catagery-list ul{

        padding: 20px;

    }



    .page-catagery-list ul li a{

        border-radius: 10px;

        padding: 13px 35px 13px 15px;

        overflow: hidden;

        transition: all 0.4s ease-in-out;

        z-index: 1;

    }



    .page-catagery-list ul li a::before{

        right: 15px;

        width: 12px;

        height: 12px;

    }



    .sidebar-cta-box{

        border-radius: 20px;

        padding: 20px;

    }



    .sidebar-cta-image figure{

        border-radius: 20px;

    }

    

    .sidebar-cta-image img{

        aspect-ratio: 1 / 0.5;

        border-radius: 20px;

    }



    .sidebar-cta-content h3{

        margin-bottom: 15px;

    }



    .service-featured-image{

        margin-bottom: 30px;

    }



    .service-featured-image figure{

        border-radius: 20px;

    }



    .service-featured-image img{

        aspect-ratio: 1 / 0.51;

        border-radius: 20px;

    }



    .service-entry{

        margin-bottom: 40px;

    }



    .service-entry p{

        margin-bottom: 15px;

    }



    .service-entry h2{

        font-size: 36px;

        margin-bottom: 15px;

    }



    .service-entry ul{

        gap: 15px 40px;

    }



    .service-entry ul li{

        font-size: 14px;

    }



    .discover-peace-box,

    .service-benefits-box,

    .service-process-box{

        margin-top: 40px;

    }



    .discover-peace-item-list{

        gap: 20px;

        margin-top: 30px;

    }



    .discover-peace-item{

        width: calc(50% - 10px);

        padding: 20px 15px;

    }



    .discover-peace-item .icon-box{

        margin-right: 10px;

    }



    .discover-peace-item .icon-box img{

        max-width: 50px;

    }



    .discover-peace-item-content{

        width: calc(100% - 60px);

    }



    .discover-peace-info-box{

        margin: 20px 0 30px;

    }



    .discover-peace-info-box .icon-box{

        margin-right: 20px;

        padding-right: 20px;

    }



    .discover-peace-info-box .icon-box img{

        max-width: 60px;

    }



    .discover-peace-info-content{

        width: calc(100% - 100px);

    }



    .service-benefits-image{

        margin-top: 30px;

    }



    .service-benefits-image figure,

    .service-benefits-image img{

        border-radius: 20px;

    }



    .service-process-steps{

        margin-top: 30px;

    }



    .service-process-steps .how-work-step .how-work-step-no h2{

        font-size: 34px;

    }



	.page-blog{

		padding: 50px 0;

	}



	.page-pagination{

		margin-top: 10px;

	}



	.page-single-post{

		padding: 50px 0;

	}



	.page-single-post::before{

        left: -80px;

        height: 260px;

        width: 180px;

    }



    .page-single-post::after{

        bottom: -40px;

        height: 170px;

        width: 208px;

    }



	.post-single-meta ol li,

	.post-single-meta ol li i{

		font-size: 16px;

	}

	

	.post-image{

		margin-bottom: 20px;

	}



	.post-image figure,

	.post-image img{

		border-radius: 20px;

	}

		

	.post-entry h1,

	.post-entry h2,

	.post-entry h3,

	.post-entry h4,

	.post-entry h5,

	.post-entry h6{

		margin: 0 0 0.417em;

	}



	.post-entry h2{

		font-size: 36px;

	}



	.post-entry p{

		margin-bottom: 15px;

	}



	.post-entry ol li,

	.post-entry ul li{

		font-size: 16px;

		margin-bottom: 10px;

	}



	.post-entry blockquote{

		background-position: 20px 20px;

		background-size: 40px;

		padding: 20px 20px 20px 70px;

		margin-bottom: 20px;

	}



	.post-entry blockquote p{

		font-size: 18px;

	}



	.post-tags{

		margin-bottom: 20px;

	}



	.post-tags .tag-links a{

		padding: 12px 15px;

	}



	.post-social-sharing ul{

		text-align: left;

	}



	.page-team{

		padding: 50px 0 20px;

	}



	.team-item .team-image{

		margin-bottom: 15px;

	}



	.team-item .team-image img{

		aspect-ratio: 1 / 0.98;

	}



	.team-social-icon{

		left: 20px;

		right: 20px;

	}



	.team-item:hover .team-social-icon{

		bottom: 20px;

	}



	.page-team-single{

		padding: 50px 0;

	}



	.page-team-single::before{

        height: 260px;

        width: 180px;

    }



    .page-team-single::after{

        bottom: -40px;

        height: 170px;

        width: 208px;

    }



	.page-team-single-box{

		gap: 50px 0;

	}



	.team-member-image,

	.team-member-content{

		width: 100%;

	}



	.team-member-image img{

		aspect-ratio: 1 / 0.7;

	}



	.member-social-list{

		padding: 20px;

	}



	.member-info-list ul{

		gap: 40px 30px;

		margin-bottom: 30px;

	}



	.member-info-list ul li:before{

		bottom: -20px;

	}



	.member-about-list{

		padding: 20px;

	}



	.member-about-list ul{

		gap: 10px 40px;

	}



	.team-member-Skill-feature,

	.team-contact-form{

		width: 100%;

	}



	.member-feature-content{

		margin-bottom: 30px;

		padding-bottom: 30px;

	}



	.page-pricing{

		padding: 50px 0 0px;

	}



	.page-pricing::before{

        height: 260px;

        width: 180px;

    }



	.page-testimonials{

		padding: 50px 0 25px;

	}



	.page-testimonials::before{

        height: 260px;

        width: 180px;

    }



	.page-gallery{

		padding: 50px 0 20px;

	}



	.page-video-gallery{

		padding: 50px 0 20px;

	}



	.page-faqs{

		padding: 50px 0;

	}



	.page-faqs::before{

        height: 260px;

        width: 180px;

    }

    

    .page-faqs::after{

        bottom: -40px;

        height: 170px;

        width: 208px;

    }

	

	.page-faqs-catagery .page-faq-accordion{

		margin-bottom: 40px;

	}



	.page-contact-us{

		padding: 50px 0;

	}



	.contact-us-content{

		margin-right: 0;

		margin-bottom: 30px;

	}



	.contact-info-list{

		margin-bottom: 30px;

	}



	.contact-info-item .icon-box{

		margin-right: 10px;

	}



	.contact-item-content{

		width: calc(100% - 60px);

	}



	.contact-us-form{

		border-radius: 20px;

		padding: 30px;

	}



	.contact-form .form-control{

		padding: 12px 15px;

	}



	.google-map-iframe,

	.google-map-iframe iframe{

		height: 450px;

	}



	.page-book-appointment{

		padding: 50px 0 25px;

	}



	.page-book-appointment::before{

        height: 260px;

        width: 180px;

    }



	.error-page{

		padding: 50px 0;

	}



	.error-page-image{

		margin-bottom: 20px;

	}



	.error-page-image img{

		max-width: 80%;

	}



	.error-page-content .section-title,

	.error-page-content-body p{

		margin-bottom: 15px;

	}

}



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



	body{

		font-size: 16px;

	}

	x

	.readmore-btn{

		padding: 2px 32px 2px 0;

	}



	.readmore-btn:after{

		width: 24px;

		height: 24px;

	}



	.section-row{

		margin-bottom: 30px;

	}



	.section-title h1{

		font-size: 30px;

	}



	.section-title h2{

		font-size: 26px;

	}



	.section-title p{

        margin-top: 10px;

    }



	.section-title-content{

        margin-top: 10px;

    }



	.hero-body{

		gap: 20px;

	}



	.video-play-button a{

		height: 45px;

		width: 45px;

	}



	.video-play-button a i{

		font-size: 16px;

	}



	.hero-body .video-play-button p{

		font-size: 14px;

	}



	.down-arrow-circle{

		right: 0;

		left: 0;

	}



	.down-arrow-circle a img{

        max-width: 80px;

    }



	.down-arrow-circle a i{

        font-size: 24px;

    }



	.about-us::before{

        height: 135px;

        width: 166px;

    }



	.about-images{

		max-width: 100%;

		margin: 0 0 50px 0;

	}



	.about-images::after{

		top: 0;

		background-size: contain;

		max-width: 60%;

	}



	.about-image img{

		max-width: 100%;

		aspect-ratio: 1 / 1.3;

		object-fit: contain;

	}



	.about-image-title{

		right: 20px;

	}



	.about-image-title h2{

        font-size: 58px;

    }



	.about-benefit-item-content h3{

		font-size: 18px;

	}



	.service-header{

        margin-bottom: 30px;

    }



	.service-content h3{

		font-size: 18px;

	}



	.what-we-do::before{

        left: -30px;

        height: 200px;

        width: 138px;

    }



	.what-we-body ul{

        gap: 10px;

    }



	.what-we-body ul li{

		width: 100%;

	}



	.what-we-image{

		background-size: 80% auto;

        max-width: 100%;

    }



	.what-we-benefits-list{

        padding: 30px 20px;

    }



	.what-we-item{

		width: 100%;

	}



	.what-we-item-content h3{

		font-size: 18px;

	}



	.what-we-benefit-image img{

        aspect-ratio: 1 / 0.682;

    }



	.why-choose-content{

		gap: 20px;

	}



	.why-choose-item{

        width: 100%;

    }



	.why-choose-item .icon-box img{

        max-width: 50px;

    }



	.why-choose-item-content h3{

		font-size: 18px;

	}



	.why-choose-counter-item{

        width: calc(50% - 15px);

    }



	.why-choose-counter-item .icon-box img{

		max-width: 30px;

	}



	.why-choose-counter-content h3{

        font-size: 22px;

    }



	.our-benefits::before{

        height: 190px;

        width: 198px;

    }



	.benefit-item{

        margin-bottom: 20px;

        padding-bottom: 20px;

    }



	.benefit-item .icon-box img{

        max-width: 50px;

    }



	.benefit-item-content h3{

		font-size: 18px;

		margin-bottom: 10px;

	}



	.our-benefits-image{

        max-width: 100%;

        margin: 30px 0;

    }



	.our-benefits-image::before{

		width: 100%;

		height: 350px;

	}



	.our-benefits-image figure{

		background-size: 90%;

	}



	.our-benefits-image img{

		max-width: 100%;

	}



	.intro-video-box{

		height: 350px;

	}



	.intro-video-box .video-play-button a{

        width: 70px;

        height: 70px;

        font-size: 16px;

    }



	.how-work-step-no h2{

        font-size: 28px;

    }



	.how-work-step-content h3{

		font-size: 18px;

	}



	.how-work-image{

        max-width: 100%;

    }



	.how-work-image::after{

		top: 20px;

		bottom: 20px;

		left: 15px;

		height: calc(100% - 40px);

	}



	.how-work-image figure{

		background-size: 38% auto;

	}



	.features-item{

		margin-bottom: 20px;

	}



	.our-features-boxes{

		gap: 20px;

	}



	.features-box{

		width: 100%;

	}



	.features-box.box-2 .features-box-image img,

	.features-box-image img{

		aspect-ratio: 1 / 0.7;

	}



	.features-box.box-3 .features-item-image img{

		aspect-ratio: 1 / 1.1;

	}



	.features-box-content h3,

	.features-item-content h3{

		font-size: 18px;

	}



	.our-pricing::before{

        top: 0;

        left: -50px;

        height: 163px;

        width: 180px;

    }



    .our-pricing::after{

        right: -30px;

        height: 75px;

        width: 208px;

    }



	.pricing-content h2{

        font-size: 26px;

    }



	.scrolling-ticker-box{

		--gap: 20px;

		padding: 40px 0;

		margin: 25px 0;

	}



	.scrolling-ticker-box .scrolling-content span{

		font-size: 30px;

	}



	.scrolling-ticker-box .scrolling-content span img{

		max-width: 18px;

		margin-right: 20px;

	}



	.scrolling-ticker-image img{

		max-width: 50px;

	}



	.scrolling-ticker-image{

		transform: translateY(25px);

	}

	

	.scrolling-ticker-images .scrolling-ticker-image:nth-child(even){

		transform: translateY(-25px);

	}



	.testimonial-review-box{

        padding: 20px;

    }



	.testimonial-review-header{

		margin-bottom: 30px;

	}



	.testimonial-review-counter p{

		max-width: 100%;

	}



	.testimonial-review-content{

		width: 100%;

	}



	.testimonial-review-btn a{

		width: 46px;

		height: 46px;

	}



	.testimonial-review-btn a img{

		max-width: 12px;

	}



	.testimonial-item{

        padding: 20px;

    }



	.testimonial-author .author-image{

		margin-right: 10px;

	}



	.testimonial-author .author-image img{

		max-width: 50px;

	}



	.testimonial-author .author-content h3{

		font-size: 18px;

	}



	.testimonial-author .author-content p{

		font-size: 14px;

	}



	.testimonial-item-content p{

		font-size: 14px;

	}



	.testimonial-author .author-content{

		width: calc(100% - 60px);

	}



	.faq-accordion .accordion-header .accordion-button{

		font-size: 18px;

		padding: 12px 40px 12px 15px;

	}



	.faq-accordion .accordion-item .accordion-body{

        padding: 12px 15px;

    }



	.faq-accordion .accordion-item .accordion-body p{

		font-size: 14px;

	}



	.faq-accordion .accordion-item .accordion-body ul li,
	.faq-accordion .accordion-item .accordion-body ol li{

		font-size: 14px;

		padding-left: 18px;

		margin-bottom: 8px;

	}



	.faq-accordion .accordion-item .accordion-body ul > li::before,
	.faq-accordion .accordion-item .accordion-body ol > li::before{

		width: 6px;

		height: 6px;

		top: 0.62em;

	}



	.faqs-image{

        padding: 15px 15px 30px 25px;

    }



	.faqs-image::before{

		width: 210px;

		height: 210px;

	}



	.faqs-contact-box{

        padding: 10px 15px;

    }



	.faqs-contact-box .icon-box{

		width: 40px;

		height: 40px;

		margin-right: 10px;

	}



	.faqs-contact-box-content{

		width: calc(100% - 50px);

	}



	.faqs-contact-box-content h3{

		font-size: 18px;

	}



	.our-blog::before{

        height: 135px;

        width: 166px;

    }



	.post-item-content h2{

		font-size: 18px;

	}



	.footer-main::before{

        height: 210px;

        width: 219px;

    }



	.footer-header{

        gap: 15px;

        padding-bottom: 20px;

        margin-bottom: 20px;

    }



    .footer-about,

    .footer-social-links,

    .footer-logo,

    .about-footer-content{

        width: 100%;

    }



    .footer-logo{

        margin: 0 0 15px 0;

		padding-right: 0;

        border-right: none;

    }



    .footer-social-links{

        text-align: left;

    }



    .footer-links h3{

        font-size: 18px;

        margin-bottom: 15px;

    }



	.footer-links ul li{

        margin-bottom: 8px;

    }



    .footer-copyright{

        flex-direction: column;

        gap: 15px;

        padding: 20px 0;

    }



	.page-header-box h1{

		font-size: 30px;

	}



	.page-header-box ol li.breadcrumb-item{

		font-size: 14px;

	}



	.our-approach-body{

        padding: 20px;

    }



	.mission-vision-item h3{

		font-size: 18px;

	}



	.our-approach-image{

		max-width: 100%;

		padding-right: 120px;

	}



	.our-approach-img-2{

		max-width: 190px;

		border-width: 5px;

	}



	.approach-explore-more-circle{

		position: absolute;

		top: 15px;

		right: 10px;

	}



	.approach-explore-more-circle img{

        max-width: 100px;

    }



	.who-we-are-image{

		max-width: 100%;

	}



	.who-we-are-image:before{

		width: 220px;

		height: 220px;

	}



	.who-we-are-body{

		gap: 20px;

	}



	.we-are-item{

		width: 100%;

	}



	.we-are-item-content h3{

		font-size: 18px;

		margin-bottom: 5px;

	}



	.our-expertise-body ul{

		gap: 10px 40px;

	}



	.our-expertise-body ul li{

		width: 100%;

	}



	.skills-progress-bar .skillbar .skill-progress{

		height: 12px;

	}



	.expertise-image{

		padding: 0 0 40px 40px;

	}



	.expertise-img figure,

	.expertise-img img{

		border-radius: 20px;

	}



    .expertise-image-list{

        max-width: 120px;

    }



	.expertise-list-img{

		border-width: 3px;

		border-radius: 12px;

	}



	.expertise-explore-more-circle{

		right: 40px;

		border-width: 3px;

	}



	.expertise-explore-more-circle img{

        max-width: 80px;

    }



	.our-features.about-our-features::before{

		right: -40px;

        height: 190px;

        width: 198px;

    }



	.team-member-item .team-image,

	.team-member-item .team-body{

		width: 100%;

	}

	

	.team-image a,

	.team-image figure,

	.team-image img{

		height: auto;

	}



	.team-body{

        padding: 20px;

    }



	.team-content h2{

		font-size: 18px;

	}



	.our-testimonials.about-our-testimonials::before{

        height: 135px;

        width: 166px;

    }



	.our-appointment-box{

		border-radius: 20px;

        padding: 20px;

    }



	.appointment-item{

        margin-bottom: 20px;

        padding-bottom: 20px;

    }



	.appointment-item-content h3{

		font-size: 18px;

	}



	.page-services::before{

        left: -50px;

        height: 200px;

        width: 138px;

    }    

    

    .page-service-single::before{

        left: -50px;

        height: 200px;

        width: 138px;

    }

    

    .page-service-single::after{

        top: 50%;

        height: 135px;

        width: 166px;

    }



	.page-catagery-list h3{

        font-size: 18px;

        padding: 15px 20px;

    }



    .sidebar-cta-image img{

        aspect-ratio: 1 / 0.64;

    }



    .sidebar-cta-content h3{

        font-size: 18px;

    }



    .service-featured-image{

        margin-bottom: 20px;

    }



    .service-featured-image img{

        aspect-ratio: 1 / 0.65;

    }



    .service-entry h2{

        font-size: 26px;

    }



    .service-entry ul{

        gap: 10px;

    }



    .service-entry ul li{

        width: 100%;

    }



	.discover-peace-box,

	.service-benefits-box,

	.service-process-box{

        margin-top: 30px;

    }



    .discover-peace-item{

        width: 100%;

    }



    .discover-peace-item-content h3{

        font-size: 18px;

        margin-bottom: 10px;

    }



    .discover-peace-item-content p{

        font-size: 14px;

    }



    .discover-peace-info-box{

		display: block;

        margin: 20px 0;

    }



    .discover-peace-info-box .icon-box{

		border-right: none;

        margin-right: 0px;

        padding-right: 0px;

		margin-bottom: 10px;

    }



    .discover-peace-info-content{

        width: 100%;

    }



    .discover-peace-info-content h3{

        font-size: 18px;

    }



    .service-benefits-image img{

        aspect-ratio: 1 / 0.58;

    }



    .service-process-steps .how-work-step{

        margin-bottom: 20px;

    }



    .service-process-steps .how-work-step .how-work-step-no h2{

        font-size: 28px;

    }



	.page-single-post::before{

        left: -50px;

        height: 200px;

        width: 138px;

    }

    

    .page-single-post::after{

        top: 50%;

        height: 135px;

        width: 166px;

    }



	.post-image img{

        aspect-ratio: 1 / 0.7;

    }

    

    .post-entry blockquote{

        background-position: 15px 15px;

        padding: 60px 15px 15px 15px;

    }

    

    .post-entry blockquote p{

        font-size: 16px;

    }

    

    .post-entry h2{

        font-size: 26px;

    }

    

    .tag-links{

        font-size: 18px;

    }



	.page-team-single::before{

        left: -50px;

        height: 200px;

        width: 138px;

    }

    

    .page-team-single::after{

        top: 50%;

        height: 135px;

        width: 166px;

    }



	.team-member-image img{

        aspect-ratio: 1 / 0.9;

    }



	.member-social-list h3{

		font-size: 18px;

	}



	.member-info-list ul{

		gap: 30px;

	}



	.member-info-list ul li{

		width: 100%;

		font-size: 18px;

	}



	.member-info-list ul li:before{

        bottom: -15px;

    }



	.member-info-list ul li:nth-last-child(-n + 2):before{

		display: block;

	}



	.member-info-list ul li:last-child::before{

		display: none;

	}



	.member-info-list ul li span{

		width: 65%;

	}



	.member-about-list ul li{

		width: 100%;

	}



	.page-pricing::before{

        left: -50px;

        height: 200px;

        width: 138px;

    }

    

    .page-testimonials::before{

        left: -50px;

        height: 200px;

        width: 138px;

    }



	.page-testimonials .our-testimonial-box .testimonial-item{

		width: 100%;

	}



	.page-faqs::before{

        left: -50px;

        height: 200px;

        width: 138px;

    }

    

    .page-faqs::after{

        top: 50%;

        height: 135px;

        width: 166px;

    }



	.contact-info-list{

		gap: 20px;

	}

	

	.contact-info-item{

		width: 100%;

	}



	.contact-item-content h3{

		font-size: 18px;

	}



	.contact-social-list{

		display: block;

	}



	.contact-social-list h3{

		font-size: 18px;

		margin-bottom: 10px;

	}



	.contact-social-list ul li a i{

		font-size: 16px;

	}



	.contact-us-form{

		padding: 20px;

	}



	.google-map-iframe,

	.google-map-iframe iframe{

		height: 350px;

	}



	.page-book-appointment::before{

        left: -50px;

        height: 200px;

        width: 138px;

    }
	
	
	/* ===== PREMIUM ARROWS ===== */

	.product-slider-wrapper .swiper-button-next,
	.product-slider-wrapper .swiper-button-prev {
		width: 45px;
		height: 45px;
		background: #f25832;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: 0.3s ease;
		box-shadow: 0 8px 20px rgba(242, 88, 50, 0.3);
	}

	/* Arrow icons color */
	.product-slider-wrapper .swiper-button-next:after,
	.product-slider-wrapper .swiper-button-prev:after {
		font-size: 14px;
		color: #fff;
		font-weight: bold;
	}

	/* Hover effect */
	.product-slider-wrapper .swiper-button-next:hover,
	.product-slider-wrapper .swiper-button-prev:hover {
		transform: scale(1.1);
		box-shadow: 0 12px 25px rgba(242, 88, 50, 0.45);
	}

	/* Position outside slider track */
	.product-slider-wrapper .swiper-button-next {
		right: 0;
	}

	.product-slider-wrapper .swiper-button-prev {
		left: 0;
	}
	
	
	
	
	
	
	/* ===== PAGE SERVICES FIX (5 columns + centered icons) ===== */

/* Ensure proper 5-column layout (Bootstrap fix safety) */
@media (min-width: 992px) {
    .page-services .row > * {
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}

/* Reset header layout (THIS is the main fix) */
.page-services .service-header {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 15px;
}

/* Center icon container */
.page-services .icon-box {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    float: none !important;
}

/* Center SVG image */
.page-services .icon-box img {
    display: inline-block !important;
    margin: 0 auto !important;
    max-width: 100%;
    height: auto;
}

/* Optional: center text content */
.page-services .service-content {
    text-align: center;
}

/* Remove any weird spacing or alignment issues */
.page-services .service-item {
    text-align: center;
}

}

/* Centralized product and therapeutic page styles */
.product-slider-wrapper{padding:40px 0}.product-slider-wrapper .swiper-button-next,.product-slider-wrapper .swiper-button-prev{color:#000}
.products-overview{padding:100px 0 70px}.products-intro-panel{height:100%;background:var(--white-color);border:1px solid var(--divider-color);border-radius:30px;padding:34px;box-shadow:0 14px 40px rgba(30,30,30,.06)}.products-intro-panel h3{font-size:24px;margin-bottom:14px}.products-intro-panel p{margin-bottom:0}.products-intro-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.products-intro-item{background:var(--secondary-color);border:1px solid var(--divider-color);border-radius:22px;padding:24px;height:100%}.products-intro-item .icon-box,.product-detail-benefit .icon-box,.product-detail-stat .icon-box{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;background:rgba(242,88,50,.1);border-radius:16px;color:var(--accent-color);font-size:24px;margin-bottom:18px}.products-intro-item h3{font-size:20px;margin-bottom:10px}.products-intro-item p{margin-bottom:0}
.products-portfolio{padding:100px 0;background:var(--secondary-color)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.product-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--white-color);border:1px solid var(--divider-color);border-radius:30px;overflow:hidden;box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-card:hover{transform:translateY(-8px);border-color:rgba(242,88,50,.28);box-shadow:0 22px 50px rgba(30,30,30,.12)}.product-card-image{display:flex;align-items:center;justify-content:center;min-height:260px;padding:28px;background:linear-gradient(180deg,#fff 0%,#faf9fa 100%);border-bottom:1px solid var(--divider-color)}.product-card-image img{width:100%;max-height:280px;object-fit:contain;transition:transform .35s ease}.product-card:hover .product-card-image img{transform:scale(1.04)}.product-card-content{display:flex;flex-direction:column;flex:1;padding:26px}.product-card-eyebrow{display:inline-flex;width:fit-content;color:var(--accent-color);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.product-card h3{font-size:26px;margin-bottom:10px}.product-strength{display:inline-flex;align-items:center;width:fit-content;background:rgba(242,88,50,.1);border-radius:100px;color:var(--accent-color);font-size:14px;font-weight:600;padding:7px 14px;margin-bottom:16px}.product-card p{margin-bottom:22px}.product-card-action{margin-top:auto}.product-card-action .btn-default{width:100%;text-align:center;justify-content:center}.products-note{margin-top:35px;background:var(--white-color);border:1px solid var(--divider-color);border-left:4px solid var(--accent-color);box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08);border-radius:22px;padding:24px 28px}.products-note p{margin-bottom:0}
.product-detail-hero,.product-detail-overview,.product-detail-benefits,.product-detail-specs,.product-detail-cta{padding:100px 0}.product-detail-overview,.product-detail-specs{background:var(--secondary-color)}.product-detail-image-panel{position:relative;background:var(--white-color);border:1px solid var(--divider-color);border-radius:34px;padding:40px;box-shadow:0 18px 50px rgba(30,30,30,.08)}.product-detail-image-panel img{width:100%;max-height:380px;object-fit:contain}.product-detail-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.product-detail-image-grid img{background:#fff;border:1px solid var(--divider-color);border-radius:24px;padding:22px}.product-detail-summary{background:var(--white-color);border:1px solid var(--divider-color);border-radius:30px;padding:34px;box-shadow:0 14px 40px rgba(30,30,30,.06)}.product-detail-summary h2,.product-detail-copy h2{margin-bottom:20px}.product-detail-summary h2 span,.product-detail-copy h2 span{color:var(--accent-color)}.product-detail-badges{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.product-detail-badges span{display:inline-flex;align-items:center;gap:8px;background:rgba(242,88,50,.1);border-radius:100px;color:var(--accent-color);font-size:14px;font-weight:600;padding:8px 14px}.product-detail-benefit-grid,.product-detail-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-detail-benefit,.product-detail-stat{height:100%;background:var(--white-color);border:1px solid var(--divider-color);border-radius:24px;padding:28px;box-shadow:0 12px 35px rgba(30,30,30,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.product-detail-benefit:hover,.product-detail-stat:hover{transform:translateY(-8px);border-color:rgba(242,88,50,.25);box-shadow:0 20px 45px rgba(30,30,30,.1)}.product-detail-benefit h3,.product-detail-stat h3{font-size:21px;margin-bottom:10px}.product-detail-benefit p,.product-detail-stat p{margin-bottom:0}.product-spec-table{background:var(--white-color);border:1px solid var(--divider-color);border-radius:30px;overflow:hidden;box-shadow: 0px 3px 10px 0px rgba(31, 31, 31, 0.08)}.product-spec-row{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:22px 28px;border-bottom:1px solid var(--divider-color)}.product-spec-row:last-child{border-bottom:0}.product-spec-label{color:var(--primary-color);font-weight:700}.product-spec-value{color:var(--text-color)}.product-detail-cta-box{position:relative;overflow:hidden;background:var(--primary-color);border-radius:34px;padding:50px}.product-detail-cta-box:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(242,88,50,.35),transparent 40%)}.product-detail-cta-content{position:relative;z-index:1}.product-detail-cta-content h2,.product-detail-cta-content p{color:var(--white-color)}.product-detail-cta-content p{max-width:760px;margin-bottom:28px}
.therapy-service-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;color:var(--accent-color);font-size:46px;line-height:1;transition:all .4s ease-in-out}.discover-peace-item:hover .therapy-service-icon{color:var(--white-color)}.therapy-info-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;color:var(--white-color);font-size:52px;line-height:1}.therapy-split-section{margin-bottom:50px}.therapy-split-content h2{margin-bottom:20px}.therapy-split-content h2 span{color:var(--accent-color)}.therapy-split-content ul{display:block!important}.therapy-split-content ul li{width:100%!important;margin-bottom:10px}.therapy-benefit-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.therapy-benefit-card{height:100%;background:var(--white-color);border:1px solid var(--divider-color);border-radius:22px;padding:24px;box-shadow:0 12px 35px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.therapy-benefit-card:hover{transform:translateY(-8px) scale(1.01);border-color:rgba(242,88,50,.25);box-shadow:0 20px 45px rgba(0,0,0,.1)}.therapy-benefit-card .icon-box{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;background:rgba(242,88,50,.1);border-radius:16px;color:var(--accent-color);font-size:24px;margin-bottom:18px}.therapy-benefit-card h3{font-size:20px;margin-bottom:10px;text-transform:capitalize}.therapy-benefit-card p{margin:0}.therapy-featured-image,.therapy-benefits-image{width:100%;max-width:520px;margin-left:auto;margin-right:0}.therapy-featured-image{margin-bottom:0}.therapy-benefits-image{margin-top:0}.therapy-featured-image img,.therapy-benefits-image img{aspect-ratio:4/3;object-fit:cover}
.therapy-products-portfolio{padding:100px 0;background:var(--secondary-color)}.therapy-products-portfolio .therapy-portfolio-intro{max-width:100%;margin-bottom:50px}.therapy-products-portfolio .therapy-portfolio-intro h2{margin-bottom:22px}.therapy-products-portfolio .therapy-portfolio-intro h2 span{color:var(--accent-color)}.therapy-products-portfolio .therapy-portfolio-intro p{margin-bottom:0;font-size:18px;line-height:1.8em;}.therapy-products-portfolio .products-grid{margin-top:10px}.therapy-products-portfolio .products-note{margin-top:35px}.therapy-products-portfolio .product-card-image{display:flex;align-items:center;justify-content:center;min-height:320px;height:320px;padding:10px}.therapy-products-portfolio .product-card-image img{width:100%;height:100%;max-height:300px;object-fit:contain;object-position:center center}.product-card-image-link{display:block;text-decoration:none}.product-card h3 a{color:inherit;text-decoration:none;transition:color .3s ease}.product-card:hover h3 a{color:var(--accent-color)}
.road-ahead-messages-section{padding:100px 0;background:linear-gradient(180deg,#faf8f6 0%,var(--white-color) 100%)}.road-ahead-messages-heading{margin-bottom:50px}.road-ahead-messages-heading p{margin-top:16px;margin-bottom:0;font-size:16px;line-height:1.75em;color:#424242}.road-ahead-messages-heading h2 span{color:var(--accent-color)}.road-ahead-message-list{display:flex;flex-direction:column;gap:50px}.road-ahead-message-row.row{align-items:center}.road-ahead-message-row>.col-lg-7{display:flex;align-items:center}.road-ahead-message-visual{height:100%}.road-ahead-message-visual figure{display:block;height:100%;min-height:320px;margin:0;border-radius:28px;overflow:hidden;border:1px solid var(--divider-color);box-shadow:0 18px 50px rgba(30,30,30,.08)}.road-ahead-message-visual img{width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center top}.road-ahead-message-block{width:100%;height:auto;display:flex;flex-direction:column;background:var(--white-color);border:1px solid var(--divider-color);border-left:4px solid var(--accent-color);border-radius:22px;padding:26px 28px;box-shadow:0 12px 35px rgba(30,30,30,.06);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.road-ahead-message-block:hover{transform:translateY(-6px);border-color:rgba(242,88,50,.3);box-shadow:0 20px 45px rgba(242,88,50,.12)}.road-ahead-message-block h3{font-family:var(--accent-font);font-size:24px;font-weight:400;color:var(--primary-color);margin-bottom:12px}.road-ahead-message-block p{flex:1;margin-bottom:18px;font-size:15px;line-height:1.8em;color:#424242}.road-ahead-message-quote{margin:0 0 18px;padding:16px 20px;border-left:3px solid var(--accent-color);background:rgba(242,88,50,.06);font-size:15px;line-height:1.8em;color:var(--primary-color);font-style:italic}.road-ahead-message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:16px;border-top:1px solid var(--divider-color);margin-top:auto}.road-ahead-message-name{font-size:16px;font-weight:700;color:var(--primary-color)}.road-ahead-message-role{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-color)}
@media(max-width:1199px){.products-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:991px){.products-overview,.products-portfolio,.therapy-products-portfolio,.product-detail-hero,.product-detail-overview,.product-detail-benefits,.product-detail-specs,.product-detail-cta{padding:70px 0}.products-intro-panel{margin-top:24px}.products-grid,.products-intro-list,.product-detail-benefit-grid,.product-detail-stat-grid,.therapy-benefit-card-grid{grid-template-columns:repeat(2,1fr)}.product-detail-image-panel{margin-top:30px}.therapy-featured-image,.therapy-benefits-image{max-width:100%;margin:30px auto 0}}@media(max-width:767px){.products-overview,.products-portfolio,.therapy-products-portfolio,.product-detail-hero,.product-detail-overview,.product-detail-benefits,.product-detail-specs,.product-detail-cta{padding:50px 0}.products-intro-panel,.product-card-content,.product-detail-summary,.product-detail-image-panel,.product-detail-cta-box{padding:24px}.products-grid,.products-intro-list,.product-detail-image-grid,.product-detail-benefit-grid,.product-detail-stat-grid{grid-template-columns:1fr}.product-card-image{min-height:230px}.therapy-products-portfolio .product-card-image{min-height:280px;height:280px;padding:10px}.therapy-products-portfolio .product-card-image img{max-height:260px}.product-spec-row{grid-template-columns:1fr;gap:6px;padding:20px}}@media(max-width:575px){.therapy-benefit-card-grid{grid-template-columns:1fr}.therapy-product-list ul{grid-template-columns:1fr}}

.quote-modal:not(.is-open){visibility:hidden!important;opacity:0!important;pointer-events:none!important}

.product-detail-single-image{min-height:520px;display:flex;align-items:center;justify-content:center;padding:46px;background:linear-gradient(180deg,#fff 0%,#faf9fa 100%)}.product-detail-single-image img{width:min(100%,430px);max-height:560px;aspect-ratio:4/5;object-fit:contain;border:1px solid rgba(242,88,50,.35);border-radius:28px;padding:34px;background:#fff;box-shadow:0 18px 45px rgba(30,30,30,.08)}@media(max-width:991px){.product-detail-single-image{min-height:460px;margin-top:30px}.product-detail-single-image img{max-height:500px}}@media(max-width:767px){.product-detail-single-image{min-height:390px;padding:24px}.product-detail-single-image img{width:min(100%,330px);max-height:420px;padding:24px}}

.product-detail-single-image img{width:min(100%,460px);max-height:580px;aspect-ratio:auto;border:0;padding:0;background:transparent;box-shadow:0 18px 45px rgba(30,30,30,.1)}

.product-detail-single-image{padding:28px}.product-detail-single-image img{width:min(100%,480px)}@media(max-width:767px){.product-detail-single-image{padding:20px}.product-detail-single-image img{width:min(100%,360px)}}

.product-detail-image-panel.product-detail-single-image{min-height:auto;padding:0;background:transparent;border:0;box-shadow:none}.product-detail-image-panel.product-detail-single-image img{display:block;width:min(100%,520px);max-width:100%;max-height:none;margin:0 auto;border-radius:34px;box-shadow:0 20px 55px rgba(30,30,30,.12)}

.product-spec-row{transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease}.product-spec-row:hover{background:rgba(242,88,50,.06);box-shadow:inset 4px 0 0 var(--accent-color);transform:translateX(4px)}.product-spec-row:hover .product-spec-label{color:var(--accent-color)}

.product-spec-action{margin-top:30px;text-align:center}

/* Product carousel — continuous marquee */
.product-slider-wrapper {
	position: relative;
	padding: 40px 60px 20px;
}

.product-slider-wrapper .myProductSlider,
.product-slider-wrapper .product-marquee-viewport {
	position: relative;
	padding: 0 0 18px;
	overflow: hidden;
	cursor: grab;
	touch-action: pan-y;
}

.product-slider-wrapper .myProductSlider:active,
.product-slider-wrapper .product-marquee-viewport:active {
	cursor: grabbing;
}

.product-slider-wrapper .swiper-wrapper,
.product-slider-wrapper .product-marquee-track {
	display: flex;
	align-items: stretch;
	gap: 20px;
	width: max-content !important;
	will-change: transform;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
}

.product-slider-wrapper .swiper-slide {
	width: calc((100vw - 180px) / 4.5) !important;
	max-width: 280px !important;
	min-width: 210px !important;
	flex: 0 0 auto !important;
	height: auto !important;
	margin: 0 !important;
}

.product-slider-wrapper .product-slide-card {
	visibility: visible !important;
	opacity: 1 !important;
	animation: none !important;
	height: 100%;
}

.product-slider-wrapper .swiper-button-next,
.product-slider-wrapper .swiper-button-prev {
	top: 42%;
	width: 48px;
	height: 48px;
	margin-top: 0;
	background: var(--accent-color);
	border: 0;
	border-radius: 50%;
	color: var(--white-color);
	box-shadow: 0 10px 26px rgba(242, 88, 50, 0.28);
	z-index: 5;
	transform: translateY(-50%);
	transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
	cursor: pointer;
}

.product-slider-wrapper .swiper-button-prev {
	left: 0;
}

.product-slider-wrapper .swiper-button-next {
	right: 0;
}

.product-slider-wrapper .swiper-button-next:after,
.product-slider-wrapper .swiper-button-prev:after {
	font-size: 16px;
	font-weight: 700;
	color: var(--white-color);
}

.product-slider-wrapper .swiper-button-next:hover,
.product-slider-wrapper .swiper-button-prev:hover {
	background: var(--primary-color);
	transform: translateY(-50%) scale(1.06);
	box-shadow: 0 14px 32px rgba(30, 30, 30, 0.18);
}

@media (max-width: 1199px) {
	.product-slider-wrapper .swiper-slide {
		width: calc((100vw - 160px) / 3.5) !important;
	}
}

@media (max-width: 991px) {
	.product-slider-wrapper {
		padding-left: 52px;
		padding-right: 52px;
	}

	.product-slider-wrapper .swiper-slide {
		width: calc((100vw - 140px) / 2.5) !important;
		min-width: 190px !important;
	}

	.product-slider-wrapper .swiper-button-next,
	.product-slider-wrapper .swiper-button-prev {
		top: 40%;
		width: 42px;
		height: 42px;
	}

	.product-slider-wrapper .swiper-button-next:after,
	.product-slider-wrapper .swiper-button-prev:after {
		font-size: 14px;
	}
}

@media (max-width: 767px) {
	.product-slider-wrapper {
		padding: 28px 44px 12px;
	}

	.product-slider-wrapper .swiper-slide {
		width: calc((100vw - 100px) / 1.5) !important;
		min-width: 180px !important;
		max-width: 240px !important;
	}

	.product-slider-wrapper .swiper-button-next,
	.product-slider-wrapper .swiper-button-prev {
		width: 38px;
		height: 38px;
	}
}

@media (max-width: 575px) {
	.product-slider-wrapper {
		padding-top: 25px;
		padding-left: 44px;
		padding-right: 44px;
	}

	.product-slider-wrapper .myProductSlider {
		padding-bottom: 14px;
	}

	.product-slider-wrapper .swiper-button-next,
	.product-slider-wrapper .swiper-button-prev {
		top: 38%;
		width: 36px;
		height: 36px;
	}

	.product-slider-wrapper .swiper-button-next:after,
	.product-slider-wrapper .swiper-button-prev:after {
		font-size: 12px;
	}
}


.top-header {
    background: #0b0b0b;
    color: #fff;
    font-size: 14px;
    padding: 8px 0;
}

.top-header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-left a {
    color: #ddd;
    margin-right: 10px;
    text-decoration: none;
}

.top-left span {
    margin: 0 8px;
    color: #555;
}

.top-right a {
    color: #ddd;
    margin-left: 12px;
    font-size: 14px;
    transition: 0.3s;
}

.top-right a:hover {
    color: #ffffff;
}



}

/* Pakistan flag theme — target-therapies.php & chemotherapies.php only */
.page-therapy-pk {
	--therapy-pk-green: #0b5c34;
	--therapy-pk-green-dark: #084428;
	--therapy-pk-green-highlight: #7ee0a8;
	--therapy-pk-green-soft: rgba(11, 92, 52, 0.1);
	--therapy-pk-surface: #f6fbf8;
}

.page-therapy-pk .page-header::before {
	background: linear-gradient(135deg, rgba(11, 92, 52, 0.92) 0%, rgba(8, 68, 40, 0.88) 100%);
}

.page-therapy-pk .therapy-intro-split {
	padding: 90px 0 50px;
	background: var(--white-color);
}

.page-therapy-pk .therapy-intro-content .section-title {
	margin-bottom: 0;
}

.page-therapy-pk .therapy-intro-content h2 {
	margin-bottom: 22px;
	color: var(--primary-color);
}

.page-therapy-pk .therapy-intro-content .section-title h2 div {
	color: var(--primary-color);
}

.page-therapy-pk .therapy-intro-content .section-title h2 span,
.page-therapy-pk .therapy-intro-content .section-title h2 span div {
	color: var(--therapy-pk-green) !important;
}

.page-therapy-pk .therapy-intro-content p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.8em;
	color: var(--text-color);
}

.page-therapy-pk .therapy-intro-media {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page-therapy-pk .therapy-intro-image-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 360px;
	margin: 0;
	padding: 0;
	border-radius: 28px;
	border: 2px dashed rgba(11, 92, 52, 0.28);
	background: linear-gradient(145deg, var(--therapy-pk-surface) 0%, var(--white-color) 100%);
	box-shadow: 0 16px 40px rgba(11, 92, 52, 0.08);
	overflow: hidden;
}

.page-therapy-pk .therapy-intro-image-placeholder img {
	width: 100%;
	height: 100%;
	min-height: 360px;
	object-fit: cover;
	object-position: center;
	border-radius: 26px;
}

.page-therapy-pk .therapy-products-portfolio {
	background: var(--therapy-pk-surface);
}

.page-therapy-pk .therapy-products-portfolio .product-card-eyebrow,
.page-therapy-pk .therapy-products-portfolio .product-card:hover h3 a {
	color: var(--therapy-pk-green);
}

.page-target-therapies .therapy-products-portfolio .product-strength-badges,
.page-chemotherapies .therapy-products-portfolio .product-strength-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 18px;
}

body.page-target-therapies,
body.page-chemotherapies {
	--therapy-pk-green: #0b5c34;
	--therapy-pk-green-dark: #084428;
	--therapy-pk-green-highlight: #7ee0a8;
	--therapy-pk-green-soft: rgba(11, 92, 52, 0.1);
	--therapy-pk-surface: #f6fbf8;
}

.page-target-therapies .therapy-products-portfolio .product-strength-badge,
.page-chemotherapies .therapy-products-portfolio .product-strength-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #0b5c34 !important;
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	padding: 8px 10px;
	border-radius: 100px;
	border: 1px solid #0b5c34 !important;
	box-shadow: 0 4px 12px rgba(11, 92, 52, 0.15);
	transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.page-target-therapies .therapy-products-portfolio .product-strength-badge:hover,
.page-chemotherapies .therapy-products-portfolio .product-strength-badge:hover {
	background-color: #084428 !important;
	border-color: #084428 !important;
	color: #ffffff !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(11, 92, 52, 0.28);
}

.page-therapy-pk .therapy-products-portfolio .product-card:hover {
	border-color: rgba(11, 92, 52, 0.32);
	box-shadow: 0 22px 50px rgba(11, 92, 52, 0.12);
}

.page-therapy-pk .therapy-products-portfolio .product-card-action .btn-default {
	background-color: var(--therapy-pk-green);
}

.page-therapy-pk .therapy-products-portfolio .product-card-action .btn-default:hover {
	background-color: var(--therapy-pk-green-dark);
}

.page-therapy-pk .therapy-products-portfolio .products-note {
	border-left-color: var(--therapy-pk-green);
}

/* Temporarily hidden product actions — remove class to restore Explore More buttons */
.product-card-action.is-temporarily-hidden {
	display: none !important;
}

/* Pipeline — temporarily hide bottom card area until images/strengths are ready */
.page-pipeline .product-card-content.is-temporarily-hidden {
	display: none !important;
}

.page-pipeline .therapy-products-portfolio .products-grid {
	align-items: stretch;
}

.page-pipeline .therapy-products-portfolio .product-card {
	height: 100%;
	border: 1px solid rgba(11, 92, 52, 0.12);
	border-radius: 22px;
	background: #ffffff;
	box-shadow:
		0 4px 14px rgba(17, 41, 28, 0.06),
		0 1px 2px rgba(17, 41, 28, 0.04);
	overflow: hidden;
	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.35s ease;
}

.page-pipeline .therapy-products-portfolio .product-card::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	box-shadow: inset 0 0 0 0 rgba(11, 92, 52, 0);
	transition: box-shadow 0.35s ease;
	z-index: 2;
}

.page-pipeline .therapy-products-portfolio .product-card:hover {
	transform: translateY(-10px);
	border-color: rgba(11, 92, 52, 0.38);
	box-shadow:
		0 18px 40px rgba(11, 92, 52, 0.16),
		0 6px 14px rgba(17, 41, 28, 0.08);
}

.page-pipeline .therapy-products-portfolio .product-card:hover::before {
	box-shadow: inset 0 0 0 1px rgba(11, 92, 52, 0.22);
}

.page-pipeline .therapy-products-portfolio .product-card-image-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}

.page-pipeline .therapy-products-portfolio .product-card-image {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	min-height: 280px;
	height: 100%;
	padding: 18px;
	border-bottom: none;
	background:
		radial-gradient(circle at 50% 0%, rgba(126, 224, 168, 0.12), transparent 58%),
		linear-gradient(180deg, #ffffff 0%, #f7fbf8 100%);
	transition: background 0.35s ease;
}

.page-pipeline .therapy-products-portfolio .product-card:hover .product-card-image {
	background:
		radial-gradient(circle at 50% 0%, rgba(126, 224, 168, 0.2), transparent 60%),
		linear-gradient(180deg, #ffffff 0%, #f2f9f5 100%);
}

.page-pipeline .therapy-products-portfolio .product-card-image img {
	display: block;
	width: 100%;
	height: auto;
	max-height: 320px;
	object-fit: contain;
	object-position: center;
	border-radius: 12px;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
	filter: drop-shadow(0 6px 14px rgba(17, 41, 28, 0.08));
}

.page-pipeline .therapy-products-portfolio .product-card:hover .product-card-image img {
	transform: scale(1.035) translateY(-2px);
	filter: drop-shadow(0 12px 22px rgba(11, 92, 52, 0.16));
}

@media only screen and (max-width: 991px) {
	.page-pipeline .therapy-products-portfolio .product-card-image {
		min-height: 240px;
		padding: 16px;
	}

	.page-pipeline .therapy-products-portfolio .product-card-image img {
		max-height: 280px;
	}
}

@media only screen and (max-width: 767px) {
	.page-pipeline .therapy-products-portfolio .product-card {
		border-radius: 18px;
	}

	.page-pipeline .therapy-products-portfolio .product-card:hover {
		transform: translateY(-6px);
	}

	.page-pipeline .therapy-products-portfolio .product-card-image {
		min-height: 220px;
		padding: 14px;
	}

	.page-pipeline .therapy-products-portfolio .product-card-image img {
		max-height: 250px;
	}
}

.contact-info-item .icon-box i {
	color: var(--white-color);
	font-size: 22px;
}

/* Event gallery lightbox (Magnific Popup) */
.page-event-gallery .event-gallery-image {
	cursor: pointer;
}

.page-event-gallery .event-gallery-image a.event-gallery-lightbox {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
}

.mfp-fade.mfp-bg {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.88;
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	transition: opacity 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}

.mfp-event-gallery.mfp-bg {
	background: #0b0b0b;
	--event-lightbox-max-width: 500px;
	--event-lightbox-max-height: 500px;
	--event-lightbox-viewport-width: 92vw;
	--event-lightbox-viewport-height: 85vh;
}

.mfp-event-gallery .mfp-close {
	position: fixed;
	top: 20px;
	right: 20px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	font-size: 36px;
	font-weight: 300;
	color: #fff;
	opacity: 0.92;
	text-align: center;
	padding: 0;
	z-index: 1046;
}

.mfp-event-gallery .mfp-close:hover,
.mfp-event-gallery .mfp-close:focus {
	opacity: 1;
}

.mfp-event-gallery .mfp-container {
	padding: 0 16px;
}

.mfp-event-gallery .mfp-content {
	max-width: min(var(--event-lightbox-max-width), var(--event-lightbox-viewport-width));
	max-height: min(var(--event-lightbox-max-height), var(--event-lightbox-viewport-height));
}

.mfp-event-gallery .mfp-figure {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	line-height: 0;
}

.mfp-event-gallery img.mfp-img {
	width: auto !important;
	height: auto !important;
	max-width: min(var(--event-lightbox-max-width), var(--event-lightbox-viewport-width)) !important;
	max-height: min(var(--event-lightbox-max-height), var(--event-lightbox-viewport-height)) !important;
	object-fit: contain;
	object-position: center center;
	padding: 0 !important;
	margin: 0 auto;
	box-shadow: 0 0 24px rgba(0, 0, 0, 0.45);
}

.mfp-event-gallery .mfp-figure img {
	max-width: min(var(--event-lightbox-max-width), var(--event-lightbox-viewport-width)) !important;
	max-height: min(var(--event-lightbox-max-height), var(--event-lightbox-viewport-height)) !important;
}

.mfp-event-gallery .mfp-figure:after {
	display: none;
}

@media only screen and (max-width: 767px) {
	.mfp-event-gallery .mfp-close {
		top: 12px;
		right: 12px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 30px;
	}

	.mfp-event-gallery .mfp-container {
		padding: 0 12px;
	}
}

@media only screen and (max-width: 991px) {
	.page-therapy-pk .therapy-intro-split {
		padding: 70px 0 35px;
	}

	.page-therapy-pk .therapy-intro-media {
		margin-top: 32px;
	}

	.page-therapy-pk .therapy-intro-image-placeholder {
		min-height: 300px;
	}

	.page-therapy-pk .therapy-intro-image-placeholder img {
		min-height: 300px;
	}
}

@media only screen and (max-width: 767px) {
	.page-therapy-pk .therapy-intro-split {
		padding: 50px 0 25px;
	}

	.page-therapy-pk .therapy-intro-content h2 {
		font-size: 34px;
	}

	.page-therapy-pk .therapy-intro-content p {
		font-size: 16px;
		line-height: 1.75em;
	}

	.page-therapy-pk .therapy-intro-image-placeholder {
		min-height: 260px;
		border-radius: 20px;
	}

	.page-therapy-pk .therapy-intro-image-placeholder img {
		min-height: 260px;
		border-radius: 18px;
	}

	.page-target-therapies .therapy-products-portfolio .product-strength-badges,
	.page-chemotherapies .therapy-products-portfolio .product-strength-badges {
		gap: 6px;
		margin-bottom: 16px;
	}

	.page-target-therapies .therapy-products-portfolio .product-strength-badge,
	.page-chemotherapies .therapy-products-portfolio .product-strength-badge {
		font-size: 12px;
		padding: 7px 12px;
	}
}

.careers-heading {
	white-space: nowrap;
}

.page-career .career-intro-row {
	margin-bottom: 0;
}

.page-career .career-intro-content .section-title {
	margin-bottom: 0;
}

.page-career .career-intro-content .section-title p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.75;
	max-width: 560px;
}

.page-career .career-intro-image {
	margin-left: 10px;
}

.page-career .career-intro-image figure {
	margin: 0;
	border-radius: 20px;
	overflow: hidden;
}

.page-career .career-intro-image img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.page-career .career-intro-divider {
	width: 100%;
	height: 1px;
	background: rgba(0, 0, 0, 0.08);
	margin: 40px 0 36px;
}

.page-career.page-contact-us {
	padding-top: 70px;
	padding-bottom: 70px;
}

.page-career .career-apply-row {
	align-items: center;
}

.page-career .career-apply-row .contact-us-content {
	margin-right: 16px;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.page-career .career-apply-row .contact-info-list {
	gap: 14px;
	margin-bottom: 18px;
}

.page-career .career-apply-row .contact-info-item {
	padding: 14px 16px;
	border-radius: 16px;
}

.page-career .career-apply-row .contact-info-item .icon-box {
	width: 44px;
	height: 44px;
	margin-right: 14px;
	flex-shrink: 0;
}

.page-career .career-apply-row .contact-item-content {
	width: calc(100% - 58px);
}

.page-career .career-apply-row .contact-item-content h3 {
	font-size: 18px;
	margin-bottom: 2px;
}

.page-career .career-apply-row .contact-item-content p {
	font-size: 14px;
	line-height: 1.45;
}

.page-career .career-apply-row .contact-social-list {
	margin-top: 0;
	padding-top: 16px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	gap: 12px 16px;
}

.page-career .career-apply-row .contact-us-form {
	padding: 28px 30px;
	border-radius: 24px;
}

.page-career .career-apply-row .contact-us-form .section-title {
	margin-bottom: 20px;
}

.page-career .career-apply-row .contact-us-form .section-title h2 {
	margin-bottom: 8px;
}

.page-career .career-apply-row .contact-us-form .section-title p {
	margin-bottom: 0;
	font-size: 15px;
}

.page-career .career-apply-row .contact-form .form-control {
	padding: 12px 16px;
	font-size: 15px;
}

.page-career .career-apply-row .contact-form .form-group {
	margin-bottom: 0;
}

.page-career .career-apply-row .contact-form .help-block {
	margin-bottom: 0;
	min-height: 0;
}

.page-career .career-apply-row .contact-form textarea.form-control {
	min-height: 90px;
	resize: vertical;
}

.page-career .career-why-section {
	margin-top: 40px;
	padding-top: 32px;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.page-career .career-why-section h3 {
	font-size: 32px;
	margin-bottom: 28px;
	text-align: center;
	text-transform: capitalize;
}

.page-career .career-benefits-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
}

.page-career .career-benefit-card {
	background: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 14px;
	padding: 20px 18px 18px;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.page-career .career-benefit-card:hover {
	border-color: rgba(242, 88, 50, 0.35);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.page-career .career-benefit-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #f25832;
	color: #fff;
	font-size: 18px;
	margin-bottom: 12px;
}

.page-career .career-benefit-card h4 {
	font-size: 20px;
	margin-bottom: 6px;
}

.page-career .career-benefit-card p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #555;
}

.page-career .contact-social-list {
	margin-top: 0;
}

@media only screen and (min-width: 768px) {
	.page-career .career-benefits-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.page-career .career-file-input {
	padding: 10px 12px;
}

.page-career .career-file-hint {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}

/* Career success toast */
.career-toast {
	position: fixed;
	top: 24px;
	left: 24px;
	z-index: 99999;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	width: min(380px, calc(100vw - 32px));
	padding: 14px 16px;
	border-radius: 14px;
	background: #ffffff;
	border: 1px solid rgba(30, 30, 30, 0.08);
	box-shadow: 0 12px 32px rgba(30, 30, 30, 0.14), 0 2px 8px rgba(30, 30, 30, 0.06);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(-16px, -8px, 0);
	transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
}

.career-toast.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
}

.career-toast.is-hiding {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(-12px, -6px, 0);
}

.career-toast-icon {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(25, 135, 84, 0.12);
	color: #198754;
	font-size: 18px;
	line-height: 1;
}

.career-toast-content {
	flex: 1;
	min-width: 0;
	padding-top: 1px;
}

.career-toast-title {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--primary-color);
}

.career-toast-message {
	margin: 4px 0 0;
	font-size: 13px;
	line-height: 1.45;
	color: #5f6368;
}

.career-toast-close {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	margin: -4px -6px 0 0;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #8a8f98;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.career-toast-close:hover,
.career-toast-close:focus-visible {
	background: rgba(30, 30, 30, 0.06);
	color: var(--primary-color);
	outline: none;
}

@media only screen and (max-width: 575px) {
	.career-toast {
		top: 12px;
		left: 12px;
		right: 12px;
		width: auto;
		padding: 12px 12px 12px 14px;
	}
}

/* Shared form submit loading + success toast */
.btn-default.is-loading {
	opacity: 0.88;
	cursor: not-allowed;
}

.form-btn-spinner {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 2px;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: #ffffff;
	border-radius: 50%;
	vertical-align: -2px;
	animation: formBtnSpin 0.7s linear infinite;
}

@keyframes formBtnSpin {
	to {
		transform: rotate(360deg);
	}
}

.form-success-toast,
.career-toast {
	position: fixed;
	top: 24px;
	left: 24px;
	z-index: 99999;
	display: flex;
	align-items: flex-start;
	gap: 12px;
	width: min(380px, calc(100vw - 32px));
	padding: 14px 16px;
	border-radius: 14px;
	background: #ffffff;
	border: 1px solid rgba(30, 30, 30, 0.08);
	box-shadow: 0 12px 32px rgba(30, 30, 30, 0.14), 0 2px 8px rgba(30, 30, 30, 0.06);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(-16px, -8px, 0);
	transition: opacity 0.28s ease, transform 0.28s ease, visibility 0.28s ease;
}

.form-success-toast.is-visible,
.career-toast.is-visible {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
}

.form-success-toast.is-hiding,
.career-toast.is-hiding {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translate3d(-12px, -6px, 0);
}

.form-success-toast-icon,
.career-toast-icon {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(242, 88, 50, 0.12);
	color: #f25832;
	font-size: 18px;
}

.form-success-toast-content,
.career-toast-content {
	flex: 1;
	min-width: 0;
}

.form-success-toast-title,
.career-toast-title {
	display: block;
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: 700;
	color: #1e1e1e;
}

.form-success-toast-message,
.career-toast-message {
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
	color: #666;
}

.form-success-toast-close,
.career-toast-close {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: #888;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

.form-success-toast-close:hover,
.form-success-toast-close:focus-visible,
.career-toast-close:hover,
.career-toast-close:focus-visible {
	background: rgba(30, 30, 30, 0.06);
	color: var(--primary-color);
	outline: none;
}

@media only screen and (max-width: 575px) {
	.form-success-toast,
	.career-toast {
		top: 12px;
		left: 12px;
		right: 12px;
		width: auto;
		padding: 12px 12px 12px 14px;
	}
}

@media only screen and (max-width: 991px) {
	.page-career .career-intro-row {
		margin-bottom: 0;
	}

	.page-career .career-intro-content .section-title p {
		max-width: none;
	}

	.page-career .career-intro-image {
		margin-left: 0;
		margin-top: 24px;
	}

	.page-career .career-intro-divider {
		margin: 32px 0 28px;
	}

	.page-career .career-apply-row {
		align-items: stretch;
	}

	.page-career .career-apply-row .contact-us-content {
		margin-right: 0;
		margin-bottom: 24px;
	}

	.page-career .career-apply-row .contact-us-form {
		padding: 24px;
	}
}

@media only screen and (max-width: 767px) {
	.careers-heading {
		white-space: normal;
	}

	.page-career.page-contact-us {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.page-career .career-intro-row {
		margin-bottom: 0;
	}

	.page-career .career-intro-divider {
		margin: 28px 0 24px;
	}

	.page-career .career-apply-row .contact-info-list {
		gap: 12px;
		margin-bottom: 16px;
	}

	.page-career .career-apply-row .contact-us-form {
		padding: 22px 18px;
		border-radius: 20px;
	}

	.page-career .career-why-section {
		margin-top: 28px;
		padding-top: 24px;
	}
}

/* Product strength selector */
.product-strength-selector {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	margin-bottom: 4px;
}

.product-strength-option {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(242, 88, 50, 0.08);
	border: 1px solid rgba(242, 88, 50, 0.2);
	border-radius: 100px;
	color: var(--accent-color);
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	padding: 8px 14px;
	cursor: pointer;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.product-strength-option:hover,
.product-strength-option.is-active {
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--white-color);
}

.product-strength-option:focus-visible {
	outline: 2px solid var(--accent-color);
	outline-offset: 2px;
}

.product-slide-card .product-strength-selector {
	justify-content: center;
}

.product-slide-card .team-content h2 {
	margin-bottom: 8px;
}

.product-slide-card .team-content p {
	display: none;
}

.product-card-grouped .product-strength-selector {
	margin-bottom: 16px;
}

.product-detail-strength-wrap {
	margin: 24px 0;
}

.product-detail-strength-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--accent-color);
	margin-bottom: 10px;
}

.product-detail-selected-strength {
	margin-top: 12px;
	margin-bottom: 0;
	font-size: 15px;
	color: var(--text-color);
}

.product-detail-tagline {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 0;
}

.product-strength-selector--detail .product-strength-option {
	font-size: 14px;
	padding: 10px 18px;
}

/* Oncolib product detail sections */
.product-detail-dosing,
.product-detail-side-effects,
.product-detail-before-start,
.product-detail-faq,
.product-detail-pi {
	padding: 100px 0;
}

.product-detail-dosing,
.product-detail-before-start,
.product-detail-pi {
	background: var(--secondary-color);
}

.product-dosing-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
	margin-top: 35px;
}

.product-dosing-card {
	height: 100%;
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 24px;
	padding: 28px;
	box-shadow: 0 12px 35px rgba(30, 30, 30, 0.06);
	transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.product-dosing-card:hover {
	transform: translateY(-8px);
	border-color: rgba(242, 88, 50, 0.25);
	box-shadow: 0 20px 45px rgba(30, 30, 30, 0.1);
}

.product-dosing-card .icon-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	background: rgba(242, 88, 50, 0.1);
	border-radius: 16px;
	color: var(--accent-color);
	font-size: 24px;
	margin-bottom: 18px;
}

.product-dosing-card h3 {
	font-size: 21px;
	margin-bottom: 10px;
}

.product-dosing-card p {
	margin-bottom: 0;
}

.product-guidance-list {
	margin-top: 35px;
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-left: 4px solid var(--accent-color);
	border-radius: 22px;
	padding: 28px 32px;
	box-shadow: 0 12px 35px rgba(30, 30, 30, 0.06);
}

.product-guidance-list h3 {
	font-size: 22px;
	margin-bottom: 16px;
}

.product-guidance-list ul {
	margin-bottom: 0;
	padding-left: 20px;
}

.product-guidance-list li {
	margin-bottom: 15px;
	line-height: initial;
}

.product-guidance-list li:last-child {
	margin-bottom: 0;
}

.product-side-effects-subheading {
	font-size: 22px;
	margin: 35px 0 20px;
}

.product-side-effects-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.product-side-effect-card {
	display: flex;
	align-items: center;
	gap: 16px;
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 20px;
	padding: 22px 24px;
	box-shadow: 0 10px 30px rgba(30, 30, 30, 0.05);
}

.product-side-effect-card .icon-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	min-width: 48px;
	background: rgba(242, 88, 50, 0.1);
	border-radius: 14px;
	color: var(--accent-color);
	font-size: 20px;
}

.product-side-effect-card h4 {
	margin-bottom: 0;
	font-size: 18px;
}

.product-alert-box {
	margin-top: 30px;
	background: rgba(242, 88, 50, 0.08);
	border: 1px solid rgba(242, 88, 50, 0.25);
	border-radius: 22px;
	padding: 26px 30px;
}

.product-alert-box h3 {
	font-size: 20px;
	margin-bottom: 14px;
	color: var(--primary-color);
}

.product-alert-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px 20px;
	margin-bottom: 0;
	padding-left: 20px;
}

.product-side-effects-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.product-side-effects-tags span {
	display: inline-flex;
	align-items: center;
	background: var(--secondary-color);
	border: 1px solid var(--divider-color);
	border-radius: 100px;
	padding: 8px 16px;
	font-size: 14px;
	font-weight: 500;
	color: var(--text-color);
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.product-side-effects-tags span:hover {
	border-color: rgba(242, 88, 50, 0.35);
	background: rgba(242, 88, 50, 0.12);
	color: var(--accent-color);
}

.page-oncolib .product-side-effects-tags span:hover,
.page-oncolib .product-side-effects-tags span:focus-visible {
	background: var(--accent-color);
	border-color: var(--accent-color);
	color: var(--white-color);
}

.product-serious-effects-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin-top: 35px;
}

.product-serious-effect-card {
	background: var(--primary-color);
	border-radius: 22px;
	padding: 28px;
	color: var(--white-color);
	box-shadow: 0 16px 40px rgba(30, 30, 30, 0.15);
}

.product-serious-effect-card .icon-box {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.12);
	border-radius: 14px;
	color: var(--white-color);
	font-size: 22px;
	margin-bottom: 16px;
}

.product-serious-effect-card h4 {
	color: var(--white-color);
	font-size: 22px;
	margin-bottom: 6px;
}

.product-serious-effect-card p {
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.85);
}

.product-checklist {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.product-checklist li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 18px;
	padding: 20px 22px;
	box-shadow: 0 10px 30px rgba(30, 30, 30, 0.05);
}

.product-checklist li i {
	color: var(--accent-color);
	font-size: 18px;
	margin-top: 2px;
}

.product-faq-accordion {
	margin-top: 35px;
}

.product-detail-pi-box {
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 34px;
	padding: 50px;
	text-align: center;
	box-shadow: 0 18px 50px rgba(30, 30, 30, 0.08);
}

.product-detail-pi-content h2 {
	margin-bottom: 14px;
}

.product-detail-pi-content p {
	max-width: 640px;
	margin: 0 auto 28px;
}

@media (max-width: 991px) {
	.product-dosing-grid,
	.product-serious-effects-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.product-detail-dosing,
	.product-detail-side-effects,
	.product-detail-before-start,
	.product-detail-faq,
	.product-detail-pi {
		padding: 70px 0;
	}
}

@media (max-width: 767px) {
	.product-dosing-grid,
	.product-side-effects-grid,
	.product-serious-effects-grid,
	.product-checklist,
	.product-alert-list {
		grid-template-columns: 1fr;
	}

	.product-detail-dosing,
	.product-detail-side-effects,
	.product-detail-before-start,
	.product-detail-faq,
	.product-detail-pi {
		padding: 50px 0;
	}

	.product-detail-pi-box {
		padding: 32px 24px;
	}

	.product-guidance-list {
		padding: 22px;
	}
}

/* Oncolib page banner — trim bottom, reveal full hands/sky at top */
.oncolib-page-banner {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	height: 0;
	/* ~682px at 1920px width — crops rocky foreground below disclaimer */
	padding-bottom: 35.5%;
}

.oncolib-page-banner img {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 103%;
	height: auto;
	max-width: none;
	transform: translateX(-50%) scale(0.98);
	transform-origin: top center;
}

/* 1366×768 — add breathing room between header and raised hands */
@media (max-width: 1366px) and (max-height: 768px) {
	.page-oncolib .oncolib-page-banner {
	
		padding-bottom: 39.25%;
	}

	.page-oncolib .oncolib-page-banner img {
		top: 40px;
		width: 106%;
		transform: translateX(-50%) scale(0.955);
		transform-origin: top center;
	}
}

/* Oncolib hero — minimal additions */
.product-detail-selected-role {
	color: var(--accent-color);
	font-weight: 600;
}

.oncolib-strength-legend {
	margin: 12px 0 0;
	padding-left: 18px;
	font-size: 14px;
	line-height: 1.7;
	color: #555;
}

.oncolib-strength-legend li {
	margin-bottom: 4px;
}

.oncolib-prescribing-note {
	margin: 22px 0 26px;
	background: rgba(242, 88, 50, 0.06);
	border: 1px solid rgba(242, 88, 50, 0.18);
	border-left: 4px solid var(--accent-color);
	border-radius: 18px;
	padding: 16px 18px;
}

.oncolib-prescribing-note p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
}

/* Oncolib hero product visual */
.page-oncolib .product-detail-hero {
	background: linear-gradient(180deg, #ffffff 0%, #faf9fa 100%);
}

.page-oncolib .oncolib-hero-row {
	--oncolib-hero-image-max: 640px;
}

.page-oncolib .oncolib-hero-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 520px;
	padding: 10px 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.page-oncolib .oncolib-hero-visual-orbit {
	position: absolute;
	inset: 8% 4%;
	pointer-events: none;
}

.page-oncolib .oncolib-hero-visual-orbit-ring,
.page-oncolib .oncolib-hero-visual-orbit-glow {
	position: absolute;
	inset: 0;
	border-radius: 50%;
}

.page-oncolib .oncolib-hero-visual-orbit-ring {
	border: 1px solid rgba(242, 88, 50, 0.14);
	animation: oncolibOrbitSpin 18s linear infinite;
}

.page-oncolib .oncolib-hero-visual-orbit-glow {
	background: radial-gradient(circle at center, rgba(242, 88, 50, 0.14) 0%, rgba(11, 92, 52, 0.08) 42%, transparent 72%);
	filter: blur(18px);
	animation: oncolibGlowPulse 4.5s ease-in-out infinite;
}

.page-oncolib .oncolib-hero-product-image {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: var(--oncolib-hero-image-max);
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	object-fit: contain;
	transform-origin: center center;
	animation: oncolibProductFloat 5.5s ease-in-out infinite;
}

@keyframes oncolibProductFloat {
	0%, 100% {
		transform: translateY(0) scale(1);
	}

	50% {
		transform: translateY(-16px) scale(1.02);
	}
}

@keyframes oncolibGlowPulse {
	0%, 100% {
		opacity: 0.55;
		transform: scale(0.96);
	}

	50% {
		opacity: 1;
		transform: scale(1.04);
	}
}

@keyframes oncolibOrbitSpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-oncolib .oncolib-hero-product-image,
	.page-oncolib .oncolib-hero-visual-orbit-ring,
	.page-oncolib .oncolib-hero-visual-orbit-glow {
		animation: none;
	}
}

@media (max-width: 1199px) {
	.page-oncolib .oncolib-hero-row {
		--oncolib-hero-image-max: 560px;
	}

	.page-oncolib .oncolib-hero-visual {
		min-height: 460px;
	}
}

@media (max-width: 991px) {
	.page-oncolib .oncolib-hero-visual {
		min-height: 0;
		margin-top: 28px;
		padding: 0;
	}

	.page-oncolib .oncolib-hero-row {
		--oncolib-hero-image-max: 500px;
	}
}

@media (max-width: 767px) {
	.page-oncolib .product-detail-hero {
		padding-bottom: 35px;
	}

	.page-oncolib .oncolib-hero-row {
		--oncolib-hero-image-max: 100%;
	}

	.page-oncolib .oncolib-hero-visual {
		min-height: 0;
		margin-top: 16px;
	}

	.page-oncolib .oncolib-hero-product-image {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.page-oncolib .oncolib-hero-visual-orbit {
		inset: 12% 0;
	}
}

/* Jaklitinib product page — packaging colors: red #961A22 (15mg), blue #1E73B3 (5mg) */
.page-jaklitinib {
	--accent-color: #961A22;
	--jaklitinib-red: #961A22;
	--jaklitinib-red-dark: #7E1519;
	--jaklitinib-red-rgb: 150, 26, 34;
	--jaklitinib-blue: #1E73B3;
	--jaklitinib-blue-dark: #155A8F;
	--jaklitinib-blue-rgb: 30, 115, 179;
}

/* Headings, labels, links, eyebrow */
.page-jaklitinib .section-title h3,
.page-jaklitinib .product-card-eyebrow,
.page-jaklitinib .product-detail-strength-label {
	color: var(--jaklitinib-red);
}

.page-jaklitinib .product-detail-summary h2 span,
.page-jaklitinib .product-detail-copy h2 span,
.page-jaklitinib .section-title h2 span {
	color: var(--jaklitinib-red);
}

.page-jaklitinib .jaklitinib-strength-legend strong[data-strength="15mg"],
.page-jaklitinib .jaklitinib-strength-legend li:first-child strong {
	color: var(--jaklitinib-red);
}

.page-jaklitinib .jaklitinib-strength-legend li:last-child strong {
	color: var(--jaklitinib-blue);
}

/* Buttons — hero only; CTA uses standard site styling */
.page-jaklitinib .product-detail-summary .btn-default {
	background: var(--jaklitinib-red);
	border-color: var(--jaklitinib-red);
}

.page-jaklitinib .product-detail-summary .btn-default:hover {
	background: var(--jaklitinib-blue);
	border-color: var(--jaklitinib-blue);
}

/* Strength selector — 15mg red, 5mg blue */
.page-jaklitinib .product-strength-option[data-strength="15mg"] {
	background: rgba(var(--jaklitinib-red-rgb), 0.08);
	border-color: rgba(var(--jaklitinib-red-rgb), 0.22);
	color: var(--jaklitinib-red);
}

.page-jaklitinib .product-strength-option[data-strength="5mg"] {
	background: rgba(var(--jaklitinib-blue-rgb), 0.08);
	border-color: rgba(var(--jaklitinib-blue-rgb), 0.22);
	color: var(--jaklitinib-blue);
}

.page-jaklitinib .product-strength-option[data-strength="15mg"]:hover,
.page-jaklitinib .product-strength-option[data-strength="15mg"].is-active {
	background: rgba(var(--jaklitinib-red-rgb), 0.18);
	border-color: rgba(var(--jaklitinib-red-rgb), 0.45);
	color: var(--jaklitinib-red-dark);
}

.page-jaklitinib .product-strength-option[data-strength="5mg"]:hover,
.page-jaklitinib .product-strength-option[data-strength="5mg"].is-active {
	background: rgba(var(--jaklitinib-blue-rgb), 0.16);
	border-color: rgba(var(--jaklitinib-blue-rgb), 0.45);
	color: var(--jaklitinib-blue-dark);
}

/* Selected-strength indicator — follows active strength color */
.page-jaklitinib .product-detail-selected-strength {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 14px;
	padding: 7px 16px;
	border-radius: 100px;
	background: rgba(var(--jaklitinib-red-rgb), 0.1);
	border: 1px solid rgba(var(--jaklitinib-red-rgb), 0.28);
	color: var(--jaklitinib-red-dark);
	font-weight: 500;
}

.page-jaklitinib .product-detail-selected-strength strong {
	color: var(--jaklitinib-red-dark);
}

.page-jaklitinib .product-detail-selected-role {
	color: var(--jaklitinib-red);
	font-weight: 600;
}

.page-jaklitinib .product-strength-selector:has([data-strength="5mg"].is-active) ~ .product-detail-selected-strength {
	background: rgba(var(--jaklitinib-blue-rgb), 0.1);
	border-color: rgba(var(--jaklitinib-blue-rgb), 0.28);
	color: var(--jaklitinib-blue-dark);
}

.page-jaklitinib .product-strength-selector:has([data-strength="5mg"].is-active) ~ .product-detail-selected-strength strong {
	color: var(--jaklitinib-blue-dark);
}

.page-jaklitinib .product-strength-selector:has([data-strength="5mg"].is-active) ~ .product-detail-selected-strength .product-detail-selected-role {
	color: var(--jaklitinib-blue);
}

/* Cards, icons, borders */
.page-jaklitinib .product-dosing-card:hover {
	border-color: rgba(var(--jaklitinib-red-rgb), 0.28);
}

.page-jaklitinib .product-dosing-card .icon-box {
	background: rgba(var(--jaklitinib-blue-rgb), 0.1);
	color: var(--jaklitinib-blue);
}

.page-jaklitinib .product-dosing-card:nth-child(2) .icon-box {
	background: rgba(var(--jaklitinib-red-rgb), 0.1);
	color: var(--jaklitinib-red);
}

.page-jaklitinib .product-dosing-card:nth-child(3) .icon-box {
	background: rgba(var(--jaklitinib-blue-rgb), 0.1);
	color: var(--jaklitinib-blue);
}

.page-jaklitinib .product-side-effect-card .icon-box {
	background: rgba(var(--jaklitinib-red-rgb), 0.1);
	color: var(--jaklitinib-red);
}

.page-jaklitinib .product-guidance-list {
	border-left-color: var(--jaklitinib-red);
}

.page-jaklitinib .product-alert-box {
	background: rgba(var(--jaklitinib-red-rgb), 0.07);
	border-color: rgba(var(--jaklitinib-red-rgb), 0.28);
}

.page-jaklitinib .product-alert-box h3::before {
	color: var(--jaklitinib-red);
}

.page-jaklitinib .jaklitinib-prescribing-note {
	background: rgba(var(--jaklitinib-red-rgb), 0.05);
	border-color: rgba(var(--jaklitinib-red-rgb), 0.2);
	border-left-color: var(--jaklitinib-red);
}

.page-jaklitinib .product-checklist li i {
	color: var(--jaklitinib-red);
}

.page-jaklitinib .product-side-effects-tags span {
	border-color: rgba(var(--jaklitinib-blue-rgb), 0.2);
	background: rgba(var(--jaklitinib-blue-rgb), 0.06);
}

.page-jaklitinib .product-side-effects-tags span:hover {
	border-color: rgba(var(--jaklitinib-blue-rgb), 0.35);
	background: rgba(var(--jaklitinib-blue-rgb), 0.12);
	color: var(--jaklitinib-blue-dark);
}

.page-jaklitinib .product-detail-hero {
	background: linear-gradient(180deg, #ffffff 0%, #faf9fa 100%);
	padding-bottom: 50px;
}

.page-jaklitinib .faq-accordion .accordion-header .accordion-button.collapsed:hover {
	color: var(--jaklitinib-red);
}

.page-jaklitinib .product-side-effects-subheading {
	color: var(--jaklitinib-red-dark);
}

/* Overview "What is Jaklitinib?" checklist — single column, tidy alignment */
.product-checklist--stacked {
	grid-template-columns: 1fr;
	margin-top: 18px;
	gap: 12px;
}

.product-checklist--stacked li {
	padding: 16px 20px;
	line-height: 1.6;
}

/* Enhanced precaution / alert box — shared across product detail pages */
.product-alert-box {
	position: relative;
	border-width: 2px;
	border-radius: 24px;
	padding: 30px 34px;
	box-shadow: 0 14px 40px rgba(30, 30, 30, 0.06);
}

.product-alert-box h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 21px;
	margin-bottom: 18px;
}

.product-alert-box h3::before {
	content: "\f071";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 18px;
	color: var(--accent-color);
}

.product-alert-list li {
	line-height: 1.65;
	padding: 2px 0;
}

/* Do-not-take / warnings list spacing */
.page-jaklitinib .product-alert-list {
	gap: 12px 28px;
}

.page-jaklitinib .product-checklist li {
	line-height: 1.6;
}

@media (max-width: 767px) {
	.product-alert-box {
		padding: 24px 22px;
	}
}

/* Jaklitinib page banner */
.jaklitinib-page-banner {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 35.5%;
}

.jaklitinib-page-banner img {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 103%;
	height: auto;
	max-width: none;
	transform: translateX(-50%) scale(0.98);
	transform-origin: top center;
	object-fit: cover;
}

@media (max-width: 1366px) and (max-height: 768px) {
	.page-jaklitinib .jaklitinib-page-banner {
		padding-bottom: 39.25%;
	}

	.page-jaklitinib .jaklitinib-page-banner img {
		top: 40px;
		width: 106%;
		transform: translateX(-50%) scale(0.955);
		transform-origin: top center;
	}
}

.jaklitinib-strength-legend {
	margin: 12px 0 0;
	padding-left: 18px;
	font-size: 14px;
	line-height: 1.7;
	color: #555;
}

.jaklitinib-strength-legend li {
	margin-bottom: 4px;
}

.jaklitinib-prescribing-note {
	margin: 22px 0 26px;
	border: 1px solid rgba(var(--jaklitinib-red-rgb), 0.2);
	border-left: 4px solid var(--jaklitinib-red);
	border-radius: 18px;
	padding: 16px 18px;
}

.jaklitinib-prescribing-note p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
}


.page-jaklitinib .jaklitinib-hero-row {
	--jaklitinib-hero-image-max: 640px;
}

.page-jaklitinib .jaklitinib-hero-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 520px;
	padding: 10px 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.page-jaklitinib .jaklitinib-hero-visual .jaklitinib-hero-product-frame {
	display: block;
	position: relative;
	z-index: 1;
}

.page-jaklitinib .jaklitinib-hero-visual-orbit {
	position: absolute;
	inset: 8% 4%;
	pointer-events: none;
}

.page-jaklitinib .jaklitinib-hero-visual-orbit-ring,
.page-jaklitinib .jaklitinib-hero-visual-orbit-glow {
	position: absolute;
	inset: 0;
	border-radius: 50%;
}

.page-jaklitinib .jaklitinib-hero-visual-orbit-ring {
	border: 1px solid rgba(var(--jaklitinib-red-rgb), 0.18);
	animation: jaklitinibOrbitSpin 18s linear infinite;
}

.page-jaklitinib .jaklitinib-hero-visual-orbit-glow {
	background: radial-gradient(circle at center, rgba(var(--jaklitinib-red-rgb), 0.12) 0%, rgba(var(--jaklitinib-blue-rgb), 0.14) 45%, transparent 72%);
	filter: blur(18px);
	animation: jaklitinibGlowPulse 4.5s ease-in-out infinite;
}

.page-jaklitinib .jaklitinib-hero-product-image {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: var(--jaklitinib-hero-image-max);
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	object-fit: contain;
	transform-origin: center center;
	animation: jaklitinibProductFloat 5.5s ease-in-out infinite;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.page-jaklitinib .jaklitinib-hero-visual .jaklitinib-hero-product-frame:hover .jaklitinib-hero-product-image {
	filter: brightness(1.02);
}

@keyframes jaklitinibProductFloat {
	0%, 100% {
		transform: translateY(0) scale(1);
	}

	50% {
		transform: translateY(-16px) scale(1.02);
	}
}

@keyframes jaklitinibGlowPulse {
	0%, 100% {
		opacity: 0.55;
		transform: scale(0.96);
	}

	50% {
		opacity: 1;
		transform: scale(1.04);
	}
}

@keyframes jaklitinibOrbitSpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-jaklitinib .jaklitinib-hero-product-image,
	.page-jaklitinib .jaklitinib-hero-visual-orbit-ring,
	.page-jaklitinib .jaklitinib-hero-visual-orbit-glow {
		animation: none;
	}
}

@media (max-width: 1199px) {
	.page-jaklitinib .jaklitinib-hero-row {
		--jaklitinib-hero-image-max: 560px;
	}

	.page-jaklitinib .jaklitinib-hero-visual {
		min-height: 460px;
	}
}

@media (max-width: 991px) {
	.page-jaklitinib .product-detail-hero {
		padding-bottom: 40px;
	}

	.page-jaklitinib .jaklitinib-hero-visual {
		min-height: 0;
		margin-top: 28px;
		padding: 0;
	}

	.page-jaklitinib .jaklitinib-hero-row {
		--jaklitinib-hero-image-max: 500px;
	}
}

@media (max-width: 767px) {
	.page-jaklitinib .product-detail-hero {
		padding-bottom: 35px;
	}

	.page-jaklitinib .jaklitinib-hero-row {
		--jaklitinib-hero-image-max: 100%;
	}

	.page-jaklitinib .jaklitinib-hero-visual {
		min-height: 0;
		margin-top: 16px;
	}

	.page-jaklitinib .jaklitinib-hero-product-image {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.page-jaklitinib .jaklitinib-hero-visual-orbit {
		inset: 12% 0;
	}
}

/* Product detail CTA — standard across all product pages */
.product-detail-cta-box {
	position: relative;
	overflow: hidden;
	background: #1E1E1E;
	border-radius: 34px;
	padding: 50px;
}

.product-detail-cta-box::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(circle at top right, rgba(242, 88, 50, 0.35), transparent 40%);
	pointer-events: none;
}

.product-detail-cta-content {
	position: relative;
	z-index: 1;
}

.product-detail-cta-content h2,
.product-detail-cta-content p {
	color: #ffffff;
}

.product-detail-cta-content p {
	max-width: 760px;
	margin-bottom: 28px;
}

.product-detail-cta-box .btn-default {
	background: #f25832;
	border-color: #f25832;
	color: #ffffff;
}

.product-detail-cta-box .btn-default:hover {
	background: #1E1E1E;
	border-color: #ffffff;
	color: #ffffff;
}

@media (max-width: 767px) {
	.product-detail-cta-box {
		padding: 32px 24px;
	}
}

/* Hero video — black loading screen with smooth fade-in */
.hero.hero-video {
	background: #000;
}

/* Leadership messages — premium corporate layout (homepage unit cards) */
body:not(.page-road-ahead) .road-ahead-messages-section {
	padding: 60px 0;
	background-color: #f6f5f3;
	background-image:
		radial-gradient(ellipse 70% 55% at 15% 20%, rgba(242, 88, 50, 0.05) 0%, transparent 65%),
		radial-gradient(ellipse 60% 50% at 85% 75%, rgba(30, 30, 30, 0.03) 0%, transparent 60%),
		linear-gradient(180deg, #faf9f7 0%, #f6f5f3 50%, #ffffff 100%);
	position: relative;
	overflow: hidden;
	contain: layout style;
}

body:not(.page-road-ahead) .road-ahead-messages-section::before {
	content: '';
	position: absolute;
	top: 8%;
	right: -6%;
	width: 420px;
	height: 420px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(242, 88, 50, 0.06) 0%, transparent 68%);
	pointer-events: none;
}

body:not(.page-road-ahead) .road-ahead-messages-section::after {
	content: '';
	position: absolute;
	bottom: 5%;
	left: -8%;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(30, 30, 30, 0.04) 0%, transparent 70%);
	pointer-events: none;
}

body:not(.page-road-ahead) .road-ahead-messages-heading {
	max-width: 720px;
	margin-bottom: 72px;
	position: relative;
	z-index: 1;
}

body:not(.page-road-ahead) .road-ahead-messages-heading p {
	margin-top: 20px;
	font-size: 17px;
	line-height: 1.8;
	color: #5a5a5a;
}

body:not(.page-road-ahead) .road-ahead-messages-heading h2 span {
	color: var(--primary-color);
}

body:not(.page-road-ahead) .road-ahead-message-list {
	display: flex;
	flex-direction: column;
	gap: 80px;
	position: relative;
	z-index: 1;
}

.road-ahead-message-row {
	position: relative;
	content-visibility: auto;
	contain-intrinsic-size: auto 520px;
}

/* Unified glass card + image unit */
.road-ahead-message-unit {
	border-radius: 28px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid rgba(30, 30, 30, 0.08);
	box-shadow: 0 8px 32px rgba(30, 30, 30, 0.06);
	transition:
		transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		box-shadow 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94),
		border-color 0.4s ease;
	contain: layout style paint;
}

@media (hover: hover) {
	.road-ahead-message-row:hover .road-ahead-message-unit {
		transform: translateY(-10px);
		border-color: rgba(242, 88, 50, 0.18);
		box-shadow: 0 16px 48px rgba(30, 30, 30, 0.09);
	}
}

/* Message text panel — unit layout only */
.road-ahead-message-unit .road-ahead-message-block {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 52px 48px 44px 56px;
	background: transparent;
	border: none;
	border-left: 3px solid rgba(242, 88, 50, 0.55);
	border-radius: 0;
	box-shadow: none;
	overflow: hidden;
	transition: border-color 0.4s ease;
}

@media (hover: hover) {
	.road-ahead-message-row:hover .road-ahead-message-unit .road-ahead-message-block {
		border-left-color: var(--accent-color);
	}
}

.road-ahead-message-unit .road-ahead-message-block::before,
.road-ahead-message-unit .road-ahead-message-block::after {
	display: none;
}

.road-ahead-message-block h3 {
	display: none;
}

.road-ahead-message-mark {
	display: block;
	font-family: var(--accent-font);
	font-size: 5.5rem;
	line-height: 0.75;
	color: var(--accent-color);
	margin: 0 0 -2.5rem;
	user-select: none;
	pointer-events: none;
}

/* Body copy — unit layout */
.road-ahead-message-unit .road-ahead-message-block > p,
.road-ahead-message-unit .road-ahead-message-block .road-ahead-message-quote {
	position: relative;
	z-index: 1;
	flex: 0 0 auto;
	margin: 0 0 22px;
	font-size: 17px;
	line-height: 1.9;
	color: #2e2e2e;
	font-style: normal;
	letter-spacing: 0.01em;
}

.road-ahead-message-unit .road-ahead-message-quote {
	font-size: 18px;
	line-height: 1.85;
	color: #1e1e1e;
	margin-bottom: 26px;
	padding: 0;
	border: none;
	background: none;
}

.road-ahead-message-unit .road-ahead-message-block > p:last-of-type {
	margin-bottom: 0;
}

.road-ahead-message-unit .road-ahead-message-block > p + .road-ahead-message-meta,
.road-ahead-message-unit .road-ahead-message-block .road-ahead-message-quote + p + .road-ahead-message-meta,
.road-ahead-message-unit .road-ahead-message-block .road-ahead-message-quote + .road-ahead-message-meta {
	margin-top: 8px;
}

/* Attribution — unit layout */
.road-ahead-message-unit .road-ahead-message-meta {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: auto;
	padding-top: 28px;
	border-top: 1px solid rgba(30, 30, 30, 0.08);
	position: relative;
	z-index: 1;
}

.road-ahead-message-unit .road-ahead-message-name {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--primary-color);
}

.road-ahead-message-unit .road-ahead-message-role {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #7a7a7a;
}

.road-ahead-message-unit .road-ahead-message-read-more {
	align-self: center;
	margin-top: 22px;
	position: relative;
	z-index: 1;
}

/* Executive portrait */
.road-ahead-message-unit .road-ahead-message-visual {
	display: flex;
	align-items: center;
	justify-content: center;
	height: auto;
	min-height: 0;
	padding: 28px 28px;
}

.road-ahead-message-row--reverse .road-ahead-message-visual {
	padding: 28px 28px;
}

.road-ahead-message-unit .road-ahead-message-visual figure {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	max-width: 340px;
	aspect-ratio: 3 / 4;
	max-height: 420px;
	height: 100%;
	min-height: 0;
	margin: 0 auto;
	overflow: hidden;
	border: none;
	border-radius: 18px;
	box-shadow: 0 12px 36px rgba(30, 30, 30, 0.1);
	background: linear-gradient(180deg, #f6f4f1 0%, #ebe8e4 100%);
}

.road-ahead-message-unit .road-ahead-message-visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center 18%;
	transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (hover: hover) {
	.road-ahead-message-row:hover .road-ahead-message-unit .road-ahead-message-visual img {
		transform: scale(1.04);
	}
}

/* Reversed layout — accent border on outer edge */
.road-ahead-message-row--reverse .road-ahead-message-unit .road-ahead-message-block {
	border-left: none;
	border-right: 3px solid rgba(242, 88, 50, 0.55);
}

@media (hover: hover) {
	.road-ahead-message-row--reverse:hover .road-ahead-message-unit .road-ahead-message-block {
		border-right-color: var(--accent-color);
	}
}

/* Tablet — homepage unit layout */
@media (max-width: 991px) {
	body:not(.page-road-ahead) .road-ahead-messages-section {
		padding: 80px 0;
	}

	body:not(.page-road-ahead) .road-ahead-messages-heading {
		margin-bottom: 52px;
	}

	body:not(.page-road-ahead) .road-ahead-message-list {
		gap: 56px;
	}

	.road-ahead-message-unit .road-ahead-message-block {
		padding: 40px 36px 36px 44px;
	}

	.road-ahead-message-unit .road-ahead-message-visual {
		padding: 24px 28px 28px;
	}

	.road-ahead-message-unit .road-ahead-message-visual figure {
		max-width: 300px;
		max-height: 380px;
	}

	.road-ahead-message-unit .road-ahead-message-mark {
		font-size: 60px;
		margin-bottom: 18px;
	}
}

/* Mobile — homepage unit layout */
@media (max-width: 767px) {
	body:not(.page-road-ahead) .road-ahead-messages-section {
		padding: 64px 0;
	}

	body:not(.page-road-ahead) .road-ahead-messages-heading {
		margin-bottom: 40px;
	}

	body:not(.page-road-ahead) .road-ahead-messages-heading p {
		font-size: 16px;
	}

	body:not(.page-road-ahead) .road-ahead-message-list {
		gap: 40px;
	}

	.road-ahead-message-unit {
		border-radius: 20px;
	}

	.road-ahead-message-unit .road-ahead-message-block {
		padding: 32px 28px 28px 32px;
		border-left-width: 3px;
	}

	.road-ahead-message-row--reverse .road-ahead-message-unit .road-ahead-message-block {
		border-left: 3px solid rgba(242, 88, 50, 0.55);
		border-right: none;
	}

	.road-ahead-message-unit .road-ahead-message-mark {
		font-size: 52px;
		margin-bottom: 16px;
	}

	.road-ahead-message-unit .road-ahead-message-block > p,
	.road-ahead-message-unit .road-ahead-message-block .road-ahead-message-quote {
		font-size: 16px;
		line-height: 1.85;
	}

	.road-ahead-message-unit .road-ahead-message-quote {
		font-size: 17px;
	}

	.road-ahead-message-unit .road-ahead-message-visual {
		padding: 24px 24px 8px;
	}

	.road-ahead-message-unit .road-ahead-message-visual figure {
		max-width: 280px;
		max-height: 360px;
		border-radius: 16px;
	}

	.road-ahead-message-unit .road-ahead-message-meta {
		padding-top: 22px;
	}

	@media (hover: hover) {
		.road-ahead-message-row:hover .road-ahead-message-unit {
			transform: translateY(-6px);
		}
	}
}

/* Desktop — unit layout separator */
@media (min-width: 992px) {
	.road-ahead-message-row:not(.road-ahead-message-row--reverse) .road-ahead-message-unit .road-ahead-message-visual {
		border-left: 1px solid rgba(30, 30, 30, 0.06);
	}

	.road-ahead-message-row--reverse .road-ahead-message-unit .road-ahead-message-visual {
		border-right: 1px solid rgba(30, 30, 30, 0.06);
	}
}

/* The Road Ahead — original compact message layout */
.page-road-ahead .road-ahead-messages-section {
	padding: 100px 0;
	background: linear-gradient(180deg, #faf8f6 0%, var(--white-color) 100%);
	overflow: visible;
}

.page-road-ahead .road-ahead-messages-section::before,
.page-road-ahead .road-ahead-messages-section::after {
	display: none;
}

.page-road-ahead .road-ahead-messages-heading {
	margin-bottom: 50px;
}

.page-road-ahead .road-ahead-messages-heading h2 span {
	color: var(--accent-color);
}

.page-road-ahead .road-ahead-messages-heading p {
	margin-top: 16px;
	font-size: 16px;
	line-height: 1.75;
	color: #424242;
}

.page-road-ahead .road-ahead-message-list {
	gap: 50px;
}

.page-road-ahead .road-ahead-message-row > .col-lg-7,
.page-road-ahead .road-ahead-message-row > .col-lg-5 {
	display: flex;
}

.page-road-ahead .road-ahead-message-row > .col-lg-7 {
	align-items: flex-start;
}

.page-road-ahead .road-ahead-message-block {
	width: 100%;
	height: auto !important;
	align-self: flex-start;
	display: flex;
	flex-direction: column;
	padding: 20px 26px 14px 28px;
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-left: 3px solid var(--accent-color);
	border-radius: 20px;
	box-shadow: 0 10px 30px rgba(30, 30, 30, 0.06);
	transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}

.page-road-ahead .road-ahead-message-block:hover {
	transform: translateY(-4px);
	border-color: rgba(242, 88, 50, 0.25);
	box-shadow: 0 16px 40px rgba(30, 30, 30, 0.08);
}

.page-road-ahead .road-ahead-message-mark {
	font-size: 8rem;
	line-height: 0.6;
	margin-bottom: -2rem;
}

.page-road-ahead .road-ahead-message-block > p,
.page-road-ahead .road-ahead-message-block .road-ahead-message-quote {
	flex: 0 0 auto !important;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
	margin-bottom: 12px;
}

.page-road-ahead .road-ahead-message-quote {
	margin: 0 0 12px;
	padding: 0;
	border: none;
	background: none;
	font-style: normal;
	color: var(--primary-color);
}

.page-road-ahead .road-ahead-message-block > p:last-of-type {
	margin-bottom: 0;
}

.page-road-ahead .road-ahead-message-meta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 14px;
	padding-top: 12px;
	margin-top: 12px !important;
	border-top: 1px solid var(--divider-color);
}

.page-road-ahead .road-ahead-message-name {
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
	color: var(--primary-color);
}

.page-road-ahead .road-ahead-message-role {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #6a6a6a;
}

.page-road-ahead .road-ahead-message-visual {
	display: flex;
	align-items: flex-end;
	justify-content: stretch;
	width: 100%;
	min-height: 0;
}

.page-road-ahead .road-ahead-message-visual figure {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0 !important;
	margin: 0;
	padding: 0;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid var(--divider-color);
	background: #ffffff;
	box-shadow: 0 12px 32px rgba(30, 30, 30, 0.08);
	line-height: 0;
}

.page-road-ahead .road-ahead-message-visual img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0 !important;
	object-fit: cover;
	object-position: center 12%;
	transition: transform 0.4s ease;
}

@media (min-width: 992px) {
	.page-road-ahead .road-ahead-message-row {
		align-items: stretch;
	}

	/* Image column height follows text card — portrait fills that space */
	.page-road-ahead .road-ahead-message-row > .col-lg-5 {
		position: relative;
		align-self: stretch;
		min-height: 0;
	}

	.page-road-ahead .road-ahead-message-visual {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.page-road-ahead .road-ahead-message-visual figure,
	.page-road-ahead .road-ahead-message-visual img {
		min-height: 0 !important;
	}
}

@media (hover: hover) {
	.page-road-ahead .road-ahead-message-row:hover .road-ahead-message-visual img {
		transform: scale(1.03);
	}
}

@media (max-width: 991px) {
	.page-road-ahead .road-ahead-messages-section {
		padding: 50px 0;
	}

	.page-road-ahead .road-ahead-message-list {
		gap: 40px;
	}

	.page-road-ahead .road-ahead-message-row > .col-lg-5 {
		position: static;
	}

	.page-road-ahead .road-ahead-message-visual {
		position: static;
		height: auto;
	}

	.page-road-ahead .road-ahead-message-visual figure {
		width: 100%;
		aspect-ratio: 4 / 5;
		max-height: 420px;
		height: auto;
		margin: 0;
	}

	.page-road-ahead .road-ahead-message-visual img {
		width: 100%;
		height: 100%;
		max-height: none;
		object-fit: cover;
		object-position: center 12%;
	}
}

@media (max-width: 767px) {
	.page-road-ahead .road-ahead-message-block {
		padding: 18px 20px 16px 22px;
	}

	.page-road-ahead .road-ahead-message-mark {
		font-size: 36px;
		margin-bottom: 4px;
	}

	.page-road-ahead .road-ahead-message-meta {
		padding-top: 10px;
		margin-top: 10px;
	}

	.page-road-ahead .road-ahead-message-visual figure {
		width: 100%;
		max-height: 360px;
	}

	.page-road-ahead .road-ahead-message-visual img {
		height: 100%;
	}
}

/* Media cards — title-only layout */
.media-event-overlay-content h3 {
	margin-bottom: 16px;
}

@media (prefers-reduced-motion: reduce) {
	.road-ahead-message-unit,
	.road-ahead-message-visual img,
	.road-ahead-message-block,
	.road-ahead-message-mark {
		transition: none;
	}

	.road-ahead-message-row {
		content-visibility: visible;
	}

	.road-ahead-message-row:hover .road-ahead-message-unit,
	.road-ahead-message-row:hover .road-ahead-message-visual img {
		transform: none;
	}
}

/* Lemiryl product page — packaging colors: teal #007896 (25mg), purple #5C4B8A (10mg), bronze #B35F26 (5mg) */
.page-lemiryl {
	--accent-color: #007896;
	--lemiryl-teal: #007896;
	--lemiryl-teal-dark: #005F73;
	--lemiryl-teal-rgb: 0, 120, 150;
	--lemiryl-purple: #5C4B8A;
	--lemiryl-purple-dark: #46396B;
	--lemiryl-purple-rgb: 92, 75, 138;
	--lemiryl-bronze: #B35F26;
	--lemiryl-bronze-dark: #8F4A1C;
	--lemiryl-bronze-rgb: 179, 95, 38;
	--lemiryl-orange: #E35205;
	--lemiryl-orange-rgb: 227, 82, 5;
}

.page-lemiryl .section-title h3,
.page-lemiryl .product-card-eyebrow,
.page-lemiryl .product-detail-strength-label {
	color: var(--lemiryl-teal);
}

.page-lemiryl .product-detail-summary h2 span,
.page-lemiryl .product-detail-copy h2 span,
.page-lemiryl .section-title h2 span {
	color: var(--lemiryl-teal);
}

.page-lemiryl .lemiryl-strength-legend strong[data-strength="25mg"],
.page-lemiryl .lemiryl-strength-legend li:nth-child(1) strong {
	color: var(--lemiryl-teal);
}

.page-lemiryl .lemiryl-strength-legend strong[data-strength="10mg"],
.page-lemiryl .lemiryl-strength-legend li:nth-child(2) strong {
	color: var(--lemiryl-purple);
}

.page-lemiryl .lemiryl-strength-legend strong[data-strength="5mg"],
.page-lemiryl .lemiryl-strength-legend li:nth-child(3) strong {
	color: var(--lemiryl-bronze);
}

.page-lemiryl .product-detail-summary .btn-default {
	background: var(--lemiryl-teal);
	border-color: var(--lemiryl-teal);
}

.page-lemiryl .product-detail-summary .btn-default:hover {
	background: var(--lemiryl-orange);
	border-color: var(--lemiryl-orange);
}

.page-lemiryl .product-strength-option[data-strength="25mg"] {
	background: rgba(var(--lemiryl-teal-rgb), 0.08);
	border-color: rgba(var(--lemiryl-teal-rgb), 0.22);
	color: var(--lemiryl-teal);
}

.page-lemiryl .product-strength-option[data-strength="10mg"] {
	background: rgba(var(--lemiryl-purple-rgb), 0.08);
	border-color: rgba(var(--lemiryl-purple-rgb), 0.22);
	color: var(--lemiryl-purple);
}

.page-lemiryl .product-strength-option[data-strength="5mg"] {
	background: rgba(var(--lemiryl-bronze-rgb), 0.08);
	border-color: rgba(var(--lemiryl-bronze-rgb), 0.22);
	color: var(--lemiryl-bronze);
}

.page-lemiryl .product-strength-option[data-strength="25mg"]:hover,
.page-lemiryl .product-strength-option[data-strength="25mg"].is-active {
	background: rgba(var(--lemiryl-teal-rgb), 0.18);
	border-color: rgba(var(--lemiryl-teal-rgb), 0.45);
	color: var(--lemiryl-teal-dark);
}

.page-lemiryl .product-strength-option[data-strength="10mg"]:hover,
.page-lemiryl .product-strength-option[data-strength="10mg"].is-active {
	background: rgba(var(--lemiryl-purple-rgb), 0.16);
	border-color: rgba(var(--lemiryl-purple-rgb), 0.45);
	color: var(--lemiryl-purple-dark);
}

.page-lemiryl .product-strength-option[data-strength="5mg"]:hover,
.page-lemiryl .product-strength-option[data-strength="5mg"].is-active {
	background: rgba(var(--lemiryl-bronze-rgb), 0.16);
	border-color: rgba(var(--lemiryl-bronze-rgb), 0.45);
	color: var(--lemiryl-bronze-dark);
}

.page-lemiryl .product-detail-selected-strength {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 14px;
	padding: 7px 16px;
	border-radius: 100px;
	background: rgba(var(--lemiryl-teal-rgb), 0.1);
	border: 1px solid rgba(var(--lemiryl-teal-rgb), 0.28);
	color: var(--lemiryl-teal-dark);
	font-weight: 500;
}

.page-lemiryl .product-detail-selected-strength strong {
	color: var(--lemiryl-teal-dark);
}

.page-lemiryl .product-detail-selected-role {
	color: var(--lemiryl-teal);
	font-weight: 600;
}

.page-lemiryl .product-strength-selector:has([data-strength="10mg"].is-active) ~ .product-detail-selected-strength {
	background: rgba(var(--lemiryl-purple-rgb), 0.1);
	border-color: rgba(var(--lemiryl-purple-rgb), 0.28);
	color: var(--lemiryl-purple-dark);
}

.page-lemiryl .product-strength-selector:has([data-strength="10mg"].is-active) ~ .product-detail-selected-strength strong {
	color: var(--lemiryl-purple-dark);
}

.page-lemiryl .product-strength-selector:has([data-strength="10mg"].is-active) ~ .product-detail-selected-strength .product-detail-selected-role {
	color: var(--lemiryl-purple);
}

.page-lemiryl .product-strength-selector:has([data-strength="5mg"].is-active) ~ .product-detail-selected-strength {
	background: rgba(var(--lemiryl-bronze-rgb), 0.1);
	border-color: rgba(var(--lemiryl-bronze-rgb), 0.28);
	color: var(--lemiryl-bronze-dark);
}

.page-lemiryl .product-strength-selector:has([data-strength="5mg"].is-active) ~ .product-detail-selected-strength strong {
	color: var(--lemiryl-bronze-dark);
}

.page-lemiryl .product-strength-selector:has([data-strength="5mg"].is-active) ~ .product-detail-selected-strength .product-detail-selected-role {
	color: var(--lemiryl-bronze);
}

.page-lemiryl .product-dosing-card:hover {
	border-color: rgba(var(--lemiryl-teal-rgb), 0.28);
}

.page-lemiryl .product-dosing-card .icon-box {
	background: rgba(var(--lemiryl-teal-rgb), 0.1);
	color: var(--lemiryl-teal);
}

.page-lemiryl .product-dosing-card:nth-child(2) .icon-box {
	background: rgba(var(--lemiryl-purple-rgb), 0.1);
	color: var(--lemiryl-purple);
}

.page-lemiryl .product-dosing-card:nth-child(3) .icon-box {
	background: rgba(var(--lemiryl-bronze-rgb), 0.1);
	color: var(--lemiryl-bronze);
}

.page-lemiryl .product-guidance-list {
	border-left-color: var(--lemiryl-teal);
}

.page-lemiryl .product-alert-box {
	background: rgba(var(--lemiryl-teal-rgb), 0.07);
	border-color: rgba(var(--lemiryl-teal-rgb), 0.28);
}

.page-lemiryl .product-alert-box h3::before {
	color: var(--lemiryl-teal);
}

.page-lemiryl .lemiryl-prescribing-note {
	background: rgba(var(--lemiryl-teal-rgb), 0.05);
	border: 1px solid rgba(var(--lemiryl-teal-rgb), 0.2);
	border-left: 4px solid var(--lemiryl-teal);
	border-radius: 18px;
	padding: 16px 18px;
	margin: 22px 0 26px;
}

.page-lemiryl .lemiryl-prescribing-note p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
}

.page-lemiryl .product-checklist li i {
	color: var(--lemiryl-teal);
}

.page-lemiryl .product-side-effects-tags {
	margin-bottom: 32px;
}

.page-lemiryl .product-side-effects-tags span {
	border-color: rgba(var(--lemiryl-purple-rgb), 0.38);
	background: rgba(var(--lemiryl-purple-rgb), 0.14);
	color: var(--lemiryl-purple-dark);
	font-weight: 600;
}

.page-lemiryl .product-side-effects-tags span:nth-child(3n + 1) {
	border-color: rgba(var(--lemiryl-teal-rgb), 0.38);
	background: rgba(var(--lemiryl-teal-rgb), 0.14);
	color: var(--lemiryl-teal-dark);
}

.page-lemiryl .product-side-effects-tags span:nth-child(3n) {
	border-color: rgba(var(--lemiryl-bronze-rgb), 0.38);
	background: rgba(var(--lemiryl-bronze-rgb), 0.14);
	color: var(--lemiryl-bronze-dark);
}

.page-lemiryl .product-side-effects-tags span:hover,
.page-lemiryl .product-side-effects-tags span:focus-visible {
	color: var(--white-color);
}

.page-lemiryl .product-side-effects-tags span:nth-child(3n + 1):hover,
.page-lemiryl .product-side-effects-tags span:nth-child(3n + 1):focus-visible {
	background: var(--lemiryl-teal);
	border-color: var(--lemiryl-teal);
}

.page-lemiryl .product-side-effects-tags span:nth-child(3n + 2):hover,
.page-lemiryl .product-side-effects-tags span:nth-child(3n + 2):focus-visible {
	background: var(--lemiryl-purple);
	border-color: var(--lemiryl-purple);
}

.page-lemiryl .product-side-effects-tags span:nth-child(3n):hover,
.page-lemiryl .product-side-effects-tags span:nth-child(3n):focus-visible {
	background: var(--lemiryl-bronze);
	border-color: var(--lemiryl-bronze);
}

.page-lemiryl .product-detail-side-effects .product-side-effects-tags + p {
	margin-top: 0;
	margin-bottom: 28px;
}

.page-lemiryl .product-detail-hero {
	background: linear-gradient(180deg, #ffffff 0%, #faf9fa 100%);
	padding-bottom: 50px;
}

.page-lemiryl .faq-accordion .accordion-header .accordion-button.collapsed:hover {
	color: var(--lemiryl-teal);
}

.page-lemiryl .product-side-effects-subheading {
	color: var(--lemiryl-teal-dark);
}

.page-lemiryl .product-side-effects-intro {
	margin-top: 8px;
	margin-bottom: -45px;
}

.page-lemiryl .product-side-effects-intro p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.6;
	color: #424242;
}

.page-lemiryl .product-detail-side-effects .product-side-effects-subheading:first-of-type {
	margin-top: 28px;
}

.page-lemiryl .product-alert-list {
	gap: 12px 28px;
}

.page-lemiryl .product-alert-list--single {
	grid-template-columns: 1fr;
}

.page-lemiryl .product-checklist li {
	line-height: 1.6;
}

.page-lemiryl .lemiryl-disclaimer-box {
	margin-top: 30px;
	background: rgba(var(--lemiryl-orange-rgb), 0.06);
	border: 1px solid rgba(var(--lemiryl-orange-rgb), 0.2);
	border-left: 4px solid var(--lemiryl-orange);
	border-radius: 18px;
	padding: 20px 24px;
}

.page-lemiryl .lemiryl-disclaimer-box p {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
}

.page-lemiryl .lemiryl-disclaimer-box p:last-child {
	margin-bottom: 0;
}

.page-lemiryl .lemiryl-disclaimer-box a {
	color: var(--lemiryl-teal-dark);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.page-lemiryl .lemiryl-disclaimer-box a:hover {
	color: var(--lemiryl-orange);
}

.lemiryl-page-banner {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 35.5%;
}

.lemiryl-page-banner img {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 103%;
	height: auto;
	max-width: none;
	transform: translateX(-50%) scale(0.98);
	transform-origin: top center;
	object-fit: cover;
}

@media (max-width: 1366px) and (max-height: 768px) {
	.page-lemiryl .lemiryl-page-banner {
		padding-bottom: 39.25%;
	}

	.page-lemiryl .lemiryl-page-banner img {
		top: 40px;
		width: 106%;
		transform: translateX(-50%) scale(0.955);
		transform-origin: top center;
	}
}

.lemiryl-strength-legend {
	margin: 12px 0 0;
	padding-left: 18px;
	font-size: 14px;
	line-height: 1.7;
	color: #555;
	list-style: disc;
}

.lemiryl-strength-legend li {
	margin-bottom: 4px;
}

.page-lemiryl .lemiryl-hero-row {
	--lemiryl-hero-image-max: 640px;
}

.page-lemiryl .lemiryl-hero-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 520px;
	padding: 10px 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.page-lemiryl .lemiryl-hero-visual .lemiryl-hero-product-frame {
	display: block;
	position: relative;
	z-index: 1;
}

.page-lemiryl .lemiryl-hero-visual-orbit {
	position: absolute;
	inset: 8% 4%;
	pointer-events: none;
}

.page-lemiryl .lemiryl-hero-visual-orbit-ring,
.page-lemiryl .lemiryl-hero-visual-orbit-glow {
	position: absolute;
	inset: 0;
	border-radius: 50%;
}

.page-lemiryl .lemiryl-hero-visual-orbit-ring {
	border: 1px solid rgba(var(--lemiryl-teal-rgb), 0.18);
	animation: lemirylOrbitSpin 18s linear infinite;
}

.page-lemiryl .lemiryl-hero-visual-orbit-glow {
	background: radial-gradient(circle at center, rgba(var(--lemiryl-teal-rgb), 0.12) 0%, rgba(var(--lemiryl-purple-rgb), 0.1) 42%, rgba(var(--lemiryl-bronze-rgb), 0.08) 68%, transparent 78%);
	filter: blur(18px);
	animation: lemirylGlowPulse 4.5s ease-in-out infinite;
}

.page-lemiryl .lemiryl-hero-product-image {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: var(--lemiryl-hero-image-max);
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	object-fit: contain;
	transform-origin: center center;
	animation: lemirylProductFloat 5.5s ease-in-out infinite;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.page-lemiryl .lemiryl-hero-visual .lemiryl-hero-product-frame:hover .lemiryl-hero-product-image {
	filter: brightness(1.02);
}

@keyframes lemirylProductFloat {
	0%, 100% {
		transform: translateY(0) scale(1);
	}

	50% {
		transform: translateY(-16px) scale(1.02);
	}
}

@keyframes lemirylGlowPulse {
	0%, 100% {
		opacity: 0.55;
		transform: scale(0.96);
	}

	50% {
		opacity: 1;
		transform: scale(1.04);
	}
}

@keyframes lemirylOrbitSpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-lemiryl .lemiryl-hero-product-image,
	.page-lemiryl .lemiryl-hero-visual-orbit-ring,
	.page-lemiryl .lemiryl-hero-visual-orbit-glow {
		animation: none;
	}
}

@media (max-width: 1199px) {
	.page-lemiryl .lemiryl-hero-row {
		--lemiryl-hero-image-max: 560px;
	}

	.page-lemiryl .lemiryl-hero-visual {
		min-height: 460px;
	}
}

@media (max-width: 991px) {
	.page-lemiryl .product-detail-hero {
		padding-bottom: 40px;
	}

	.page-lemiryl .lemiryl-hero-visual {
		min-height: 0;
		margin-top: 28px;
		padding: 0;
	}

	.page-lemiryl .lemiryl-hero-row {
		--lemiryl-hero-image-max: 500px;
	}
}

@media (max-width: 767px) {
	.page-lemiryl .product-detail-hero {
		padding-bottom: 35px;
	}

	.page-lemiryl .lemiryl-hero-row {
		--lemiryl-hero-image-max: 100%;
	}

	.page-lemiryl .lemiryl-hero-visual {
		min-height: 0;
		margin-top: 16px;
	}

	.page-lemiryl .lemiryl-hero-product-image {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.page-lemiryl .lemiryl-hero-visual-orbit {
		inset: 12% 0;
	}
}

/* Osivant product page — packaging colors: purple #3E3B94, orange #E08236 */
.page-osivant {
	--accent-color: #3E3B94;
	--osivant-purple: #3E3B94;
	--osivant-purple-dark: #2F2D72;
	--osivant-purple-rgb: 62, 59, 148;
	--osivant-orange: #E08236;
	--osivant-orange-dark: #C66A24;
	--osivant-orange-rgb: 224, 130, 54;
}

.page-osivant .section-title h3,
.page-osivant .product-card-eyebrow,
.page-osivant .product-detail-strength-label {
	color: var(--osivant-purple);
}

.page-osivant .product-detail-summary h2 span,
.page-osivant .product-detail-copy h2 span,
.page-osivant .section-title h2 span {
	color: var(--osivant-purple);
}

.page-osivant .osivant-strength-legend strong[data-strength="80mg"] {
	color: var(--osivant-orange);
}

.page-osivant .product-detail-summary .btn-default {
	background: var(--osivant-purple);
	border-color: var(--osivant-purple);
}

.page-osivant .product-detail-summary .btn-default:hover {
	background: var(--osivant-orange);
	border-color: var(--osivant-orange);
}

.page-osivant .product-strength-option[data-strength="80mg"] {
	background: rgba(var(--osivant-orange-rgb), 0.1);
	border-color: rgba(var(--osivant-orange-rgb), 0.32);
	color: var(--osivant-orange-dark);
}

.page-osivant .product-strength-option[data-strength="80mg"]:hover,
.page-osivant .product-strength-option[data-strength="80mg"].is-active {
	background: rgba(var(--osivant-orange-rgb), 0.2);
	border-color: rgba(var(--osivant-orange-rgb), 0.5);
	color: var(--osivant-orange-dark);
}

.page-osivant .product-detail-selected-strength {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 14px;
	padding: 7px 16px;
	border-radius: 100px;
	background: rgba(var(--osivant-orange-rgb), 0.12);
	border: 1px solid rgba(var(--osivant-orange-rgb), 0.32);
	color: var(--osivant-orange-dark);
	font-weight: 500;
}

.page-osivant .product-detail-selected-strength strong {
	color: var(--osivant-orange-dark);
}

.page-osivant .product-detail-selected-role {
	color: var(--osivant-orange);
	font-weight: 600;
}

.page-osivant .product-dosing-card:hover {
	border-color: rgba(var(--osivant-purple-rgb), 0.28);
}

.page-osivant .product-dosing-card .icon-box {
	background: rgba(var(--osivant-purple-rgb), 0.1);
	color: var(--osivant-purple);
}

.page-osivant .product-dosing-card:nth-child(2) .icon-box {
	background: rgba(var(--osivant-orange-rgb), 0.12);
	color: var(--osivant-orange);
}

.page-osivant .product-dosing-card:nth-child(3) .icon-box {
	background: rgba(var(--osivant-purple-rgb), 0.1);
	color: var(--osivant-purple);
}

.page-osivant .product-guidance-list {
	border-left-color: var(--osivant-purple);
}

.page-osivant .product-alert-box {
	background: rgba(var(--osivant-purple-rgb), 0.07);
	border-color: rgba(var(--osivant-purple-rgb), 0.28);
}

.page-osivant .product-alert-box h3::before {
	color: var(--osivant-purple);
}

.page-osivant .osivant-prescribing-note {
	background: rgba(var(--osivant-purple-rgb), 0.05);
	border: 1px solid rgba(var(--osivant-purple-rgb), 0.2);
	border-left: 4px solid var(--osivant-purple);
	border-radius: 18px;
	padding: 16px 18px;
	margin: 22px 0 26px;
}

.page-osivant .osivant-prescribing-note p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
}

.page-osivant .product-checklist li i {
	color: var(--osivant-purple);
}

.page-osivant .product-side-effects-tags {
	margin-bottom: 28px;
}

.page-osivant .product-side-effects-tags span {
	border-color: rgba(var(--osivant-purple-rgb), 0.38);
	background: rgba(var(--osivant-purple-rgb), 0.12);
	color: var(--osivant-purple-dark);
	font-weight: 600;
}

.page-osivant .product-side-effects-tags span:nth-child(even) {
	border-color: rgba(var(--osivant-orange-rgb), 0.38);
	background: rgba(var(--osivant-orange-rgb), 0.12);
	color: var(--osivant-orange-dark);
}

.page-osivant .product-side-effects-tags span:hover,
.page-osivant .product-side-effects-tags span:focus-visible {
	color: var(--white-color);
}

.page-osivant .product-side-effects-tags span:nth-child(odd):hover,
.page-osivant .product-side-effects-tags span:nth-child(odd):focus-visible {
	background: var(--osivant-purple);
	border-color: var(--osivant-purple);
}

.page-osivant .product-side-effects-tags span:nth-child(even):hover,
.page-osivant .product-side-effects-tags span:nth-child(even):focus-visible {
	background: var(--osivant-orange);
	border-color: var(--osivant-orange);
}

.page-osivant .product-detail-hero {
	background: linear-gradient(180deg, #ffffff 0%, #faf9fa 100%);
	padding-bottom: 50px;
}

.page-osivant .faq-accordion .accordion-header .accordion-button.collapsed:hover {
	color: var(--osivant-purple);
}

.page-osivant .product-side-effects-subheading {
	color: var(--osivant-purple-dark);
	font-size: 20px;
	line-height: 1.45;
}

.page-osivant .product-side-effects-intro {
	margin-top: 8px;
	margin-bottom: 10px;
}

.page-osivant .product-side-effects-intro p {
	margin-bottom: -45px;
	font-size: 18px;
	line-height: 1.6;
	color: #424242;
}

.page-osivant .product-detail-side-effects .product-side-effects-subheading:first-of-type {
	margin-top: 28px;
}

.page-osivant .product-side-effects-outro {
	margin-top: 8px;
	margin-bottom: 28px;
}

.page-osivant .product-alert-list {
	gap: 12px 28px;
}

.page-osivant .product-alert-list--single {
	grid-template-columns: 1fr;
}

.page-osivant .product-checklist li {
	line-height: 1.6;
}

.page-osivant #about-osivant {
	padding-top: 70px;
	padding-bottom: 70px;
}

.page-osivant #about-osivant .osivant-about-header {
	margin-bottom: 0;
}

.page-osivant #about-osivant .osivant-about-intro {
	margin-top: 16px;
	max-width: 920px;
}

.page-osivant #about-osivant .osivant-about-intro p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.7;
	color: #424242;
}

.page-osivant #about-osivant .osivant-about-list-top {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 22px;
	margin-bottom: 0;
}

.page-osivant #about-osivant .osivant-about-list-top li {
	padding: 14px 18px;
}

.page-osivant #about-osivant .osivant-about-list-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 22px;
	margin-bottom: 0;
}

.page-osivant #about-osivant .osivant-about-list-row li {
	padding: 16px 18px;
	font-size: 15px;
	line-height: 1.55;
}

.page-osivant #about-osivant .osivant-about-closing {
	margin-top: 22px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.7;
	color: #424242;
}

@media (max-width: 991px) {
	.page-osivant #about-osivant .osivant-about-list-top,
	.page-osivant #about-osivant .osivant-about-list-row {
		grid-template-columns: 1fr;
	}
}

.page-osivant .osivant-disclaimer-box {
	margin-top: 10px;
	background: rgba(var(--osivant-orange-rgb), 0.06);
	border: 1px solid rgba(var(--osivant-orange-rgb), 0.2);
	border-left: 4px solid var(--osivant-orange);
	border-radius: 18px;
	padding: 20px 24px;
}

.page-osivant .osivant-disclaimer-box p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
}

.osivant-page-banner {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
	background: #ffffff;
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 35.5%;
}

.osivant-page-banner img {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 103%;
	height: auto;
	max-width: none;
	transform: translateX(-50%) scale(0.98);
	transform-origin: top center;
	object-fit: cover;
}

@media (max-width: 1366px) and (max-height: 768px) {
	.page-osivant .osivant-page-banner {
		padding-bottom: 39.25%;
	}

	.page-osivant .osivant-page-banner img {
		top: 40px;
		width: 106%;
		transform: translateX(-50%) scale(0.955);
		transform-origin: top center;
	}
}

.osivant-strength-legend {
	margin: 12px 0 0;
	padding-left: 18px;
	font-size: 14px;
	line-height: 1.7;
	color: #555;
	list-style: disc;
}

.osivant-strength-legend li {
	margin-bottom: 4px;
}

.page-osivant .osivant-hero-row {
	--osivant-hero-image-max: 640px;
}

.page-osivant .osivant-hero-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 520px;
	padding: 10px 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.page-osivant .osivant-hero-visual .osivant-hero-product-frame {
	display: block;
	position: relative;
	z-index: 1;
	cursor: zoom-in;
}

.page-osivant .osivant-hero-visual-orbit {
	position: absolute;
	inset: 8% 4%;
	pointer-events: none;
}

.page-osivant .osivant-hero-visual-orbit-ring,
.page-osivant .osivant-hero-visual-orbit-glow {
	position: absolute;
	inset: 0;
	border-radius: 50%;
}

.page-osivant .osivant-hero-visual-orbit-ring {
	border: 1px solid rgba(var(--osivant-purple-rgb), 0.18);
	animation: osivantOrbitSpin 18s linear infinite;
}

.page-osivant .osivant-hero-visual-orbit-glow {
	background: radial-gradient(circle at center, rgba(var(--osivant-purple-rgb), 0.14) 0%, rgba(var(--osivant-orange-rgb), 0.12) 45%, transparent 72%);
	filter: blur(18px);
	animation: osivantGlowPulse 4.5s ease-in-out infinite;
}

.page-osivant .osivant-hero-product-image {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: var(--osivant-hero-image-max);
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	object-fit: contain;
	transform-origin: center center;
	animation: osivantProductFloat 5.5s ease-in-out infinite;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.page-osivant .osivant-hero-visual .osivant-hero-product-frame:hover .osivant-hero-product-image {
	filter: brightness(1.02);
}

@keyframes osivantProductFloat {
	0%, 100% {
		transform: translateY(0) scale(1);
	}

	50% {
		transform: translateY(-16px) scale(1.02);
	}
}

@keyframes osivantGlowPulse {
	0%, 100% {
		opacity: 0.55;
		transform: scale(0.96);
	}

	50% {
		opacity: 1;
		transform: scale(1.04);
	}
}

@keyframes osivantOrbitSpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-osivant .osivant-hero-product-image,
	.page-osivant .osivant-hero-visual-orbit-ring,
	.page-osivant .osivant-hero-visual-orbit-glow {
		animation: none;
	}
}

@media (max-width: 1199px) {
	.page-osivant .osivant-hero-row {
		--osivant-hero-image-max: 560px;
	}

	.page-osivant .osivant-hero-visual {
		min-height: 460px;
	}
}

@media (max-width: 991px) {
	.page-osivant .product-detail-hero {
		padding-bottom: 40px;
	}

	.page-osivant .osivant-hero-visual {
		min-height: 0;
		margin-top: 28px;
		padding: 0;
	}

	.page-osivant .osivant-hero-row {
		--osivant-hero-image-max: 500px;
	}
}

@media (max-width: 767px) {
	.page-osivant .product-detail-hero {
		padding-bottom: 35px;
	}

	.page-osivant .osivant-hero-row {
		--osivant-hero-image-max: 100%;
	}

	.page-osivant .osivant-hero-visual {
		min-height: 0;
		margin-top: 16px;
	}

	.page-osivant .osivant-hero-product-image {
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	.page-osivant .osivant-hero-visual-orbit {
		inset: 12% 0;
	}
}

/* Doxiant product page — packaging colors: teal #3BA99C (80 mg/4 mL), purple #8B7EC8 (20 mg/mL) */
.page-doxiant {
	--accent-color: #3BA99C;
	--doxiant-teal: #3BA99C;
	--doxiant-teal-dark: #278F83;
	--doxiant-teal-rgb: 59, 169, 156;
	--doxiant-purple: #8B7EC8;
	--doxiant-purple-dark: #6E5FA8;
	--doxiant-purple-rgb: 139, 126, 200;
	--doxiant-yellow: #E8B923;
	--doxiant-yellow-rgb: 232, 185, 35;
}

.page-doxiant .section-title h3,
.page-doxiant .product-card-eyebrow,
.page-doxiant .product-detail-strength-label {
	color: var(--doxiant-teal-dark);
}

.page-doxiant .product-detail-summary h2 span,
.page-doxiant .product-detail-copy h2 span,
.page-doxiant .section-title h2 span {
	color: var(--doxiant-teal);
}

.page-doxiant .doxiant-strength-legend strong[data-strength="80 mg/4 mL"] {
	color: var(--doxiant-teal);
}

.page-doxiant .doxiant-strength-legend strong[data-strength="20 mg/mL"] {
	color: var(--doxiant-purple);
}

.page-doxiant .product-detail-summary .btn-default {
	background: var(--doxiant-teal);
	border-color: var(--doxiant-teal);
}

.page-doxiant .product-detail-summary .btn-default:hover {
	background: var(--doxiant-purple);
	border-color: var(--doxiant-purple);
}

.page-doxiant .product-strength-option[data-strength="80 mg/4 mL"] {
	background: rgba(var(--doxiant-teal-rgb), 0.1);
	border-color: rgba(var(--doxiant-teal-rgb), 0.32);
	color: var(--doxiant-teal-dark);
}

.page-doxiant .product-strength-option[data-strength="20 mg/mL"] {
	background: rgba(var(--doxiant-purple-rgb), 0.1);
	border-color: rgba(var(--doxiant-purple-rgb), 0.32);
	color: var(--doxiant-purple-dark);
}

.page-doxiant .product-strength-option[data-strength="80 mg/4 mL"]:hover,
.page-doxiant .product-strength-option[data-strength="80 mg/4 mL"].is-active {
	background: rgba(var(--doxiant-teal-rgb), 0.2);
	border-color: rgba(var(--doxiant-teal-rgb), 0.5);
	color: var(--doxiant-teal-dark);
}

.page-doxiant .product-strength-option[data-strength="20 mg/mL"]:hover,
.page-doxiant .product-strength-option[data-strength="20 mg/mL"].is-active {
	background: rgba(var(--doxiant-purple-rgb), 0.18);
	border-color: rgba(var(--doxiant-purple-rgb), 0.5);
	color: var(--doxiant-purple-dark);
}

.page-doxiant .product-strength-selector--detail .product-strength-option {
	font-size: 13px;
	padding: 8px 14px;
}

.page-doxiant .product-detail-selected-strength {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 14px;
	padding: 7px 16px;
	border-radius: 100px;
	background: rgba(var(--doxiant-teal-rgb), 0.12);
	border: 1px solid rgba(var(--doxiant-teal-rgb), 0.32);
	color: var(--doxiant-teal-dark);
	font-weight: 500;
}

.page-doxiant .product-detail-selected-strength strong {
	color: var(--doxiant-teal-dark);
}

.page-doxiant .product-detail-selected-role {
	color: var(--doxiant-teal);
	font-weight: 600;
}

.page-doxiant .product-strength-selector:has([data-strength="20 mg/mL"].is-active) ~ .product-detail-selected-strength {
	background: rgba(var(--doxiant-purple-rgb), 0.12);
	border-color: rgba(var(--doxiant-purple-rgb), 0.32);
	color: var(--doxiant-purple-dark);
}

.page-doxiant .product-strength-selector:has([data-strength="20 mg/mL"].is-active) ~ .product-detail-selected-strength strong {
	color: var(--doxiant-purple-dark);
}

.page-doxiant .product-strength-selector:has([data-strength="20 mg/mL"].is-active) ~ .product-detail-selected-strength .product-detail-selected-role {
	color: var(--doxiant-purple);
}

.page-doxiant .product-dosing-card:hover {
	border-color: rgba(var(--doxiant-teal-rgb), 0.28);
}

.page-doxiant .product-dosing-card .icon-box {
	background: rgba(var(--doxiant-teal-rgb), 0.1);
	color: var(--doxiant-teal);
}

.page-doxiant .product-dosing-card:nth-child(2) .icon-box {
	background: rgba(var(--doxiant-yellow-rgb), 0.18);
	color: #B8890F;
}

.page-doxiant .product-dosing-card:nth-child(3) .icon-box {
	background: rgba(var(--doxiant-purple-rgb), 0.12);
	color: var(--doxiant-purple);
}

.page-doxiant .product-guidance-list {
	border-left-color: var(--doxiant-teal);
}

.page-doxiant .product-alert-box {
	background: rgba(var(--doxiant-teal-rgb), 0.07);
	border-color: rgba(var(--doxiant-teal-rgb), 0.28);
}

.page-doxiant .product-alert-box h3::before {
	color: var(--doxiant-teal);
}

.page-doxiant .doxiant-prescribing-note {
	background: rgba(var(--doxiant-teal-rgb), 0.05);
	border: 1px solid rgba(var(--doxiant-teal-rgb), 0.2);
	border-left: 4px solid var(--doxiant-teal);
	border-radius: 18px;
	padding: 16px 18px;
	margin: 22px 0 26px;
}

.page-doxiant .doxiant-prescribing-note p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
}

.page-doxiant .product-checklist li i {
	color: var(--doxiant-teal);
}

.page-doxiant .product-side-effects-tags {
	margin-bottom: 28px;
}

.page-doxiant .product-side-effects-tags span {
	border-color: rgba(var(--doxiant-teal-rgb), 0.38);
	background: rgba(var(--doxiant-teal-rgb), 0.12);
	color: var(--doxiant-teal-dark);
	font-weight: 600;
}

.page-doxiant .product-side-effects-tags span:nth-child(even) {
	border-color: rgba(var(--doxiant-purple-rgb), 0.38);
	background: rgba(var(--doxiant-purple-rgb), 0.12);
	color: var(--doxiant-purple-dark);
}

.page-doxiant .product-side-effects-tags span:hover,
.page-doxiant .product-side-effects-tags span:focus-visible {
	color: var(--white-color);
}

.page-doxiant .product-side-effects-tags span:nth-child(odd):hover,
.page-doxiant .product-side-effects-tags span:nth-child(odd):focus-visible {
	background: var(--doxiant-teal);
	border-color: var(--doxiant-teal);
}

.page-doxiant .product-side-effects-tags span:nth-child(even):hover,
.page-doxiant .product-side-effects-tags span:nth-child(even):focus-visible {
	background: var(--doxiant-purple);
	border-color: var(--doxiant-purple);
}

.page-doxiant .product-detail-hero {
	background: linear-gradient(180deg, #ffffff 0%, #faf9fa 100%);
	padding-bottom: 50px;
}

.page-doxiant .faq-accordion .accordion-header .accordion-button.collapsed:hover {
	color: var(--doxiant-teal);
}

.page-doxiant .product-side-effects-subheading {
	color: var(--doxiant-teal-dark);
}

.page-doxiant .product-side-effects-intro {
	margin-top: 8px;
	margin-bottom: 10px;
}

.page-doxiant .product-side-effects-intro p {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.6;
	color: #424242;
}

.page-doxiant .product-detail-side-effects .product-side-effects-subheading:first-of-type {
	margin-top: 28px;
}

.page-doxiant .product-side-effects-outro {
	margin-top: 8px;
	margin-bottom: 28px;
}

.page-doxiant .product-alert-list {
	gap: 12px 28px;
}

.page-doxiant .product-alert-list--single {
	grid-template-columns: 1fr;
}

.page-doxiant .product-checklist li {
	line-height: 1.6;
}

.page-doxiant .doxiant-before-start-note {
	margin-top: 22px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.7;
	color: #424242;
}

.page-doxiant .doxiant-disclaimer-box {
	margin-top: 10px;
	background: rgba(var(--doxiant-yellow-rgb), 0.08);
	border: 1px solid rgba(var(--doxiant-yellow-rgb), 0.28);
	border-left: 4px solid var(--doxiant-yellow);
	border-radius: 18px;
	padding: 20px 24px;
}

.page-doxiant .doxiant-disclaimer-box p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.7;
	color: #424242;
}

.page-doxiant #about-doxiant {
	padding-top: 70px;
	padding-bottom: 70px;
}

.page-doxiant #about-doxiant .doxiant-about-header {
	margin-bottom: 0;
}

.page-doxiant #about-doxiant .doxiant-about-intro {
	margin-top: 16px;
	max-width: 920px;
}

.page-doxiant #about-doxiant .doxiant-about-intro p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.7;
	color: #424242;
}

.page-doxiant #about-doxiant .doxiant-about-list-top {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-top: 22px;
	margin-bottom: 0;
}

.page-doxiant #about-doxiant .doxiant-about-list-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	margin-top: 16px;
	margin-bottom: 0;
}

.page-doxiant #about-doxiant .doxiant-about-list-top li,
.page-doxiant #about-doxiant .doxiant-about-list-row li {
	padding: 14px 18px;
}

.page-doxiant #about-doxiant .doxiant-about-closing {
	margin-top: 22px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.7;
	color: #424242;
}

.doxiant-page-banner {
	width: 100%;
	margin: 0;
	padding: 140px 0 0;
	line-height: 0;
	background: #ffffff;
}

.doxiant-page-banner img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
}

@media (max-width: 991px) {
	.doxiant-page-banner {
		padding-top: 115px;
	}
}

@media (max-width: 767px) {
	.doxiant-page-banner {
		padding-top: 100px;
	}
}

.doxiant-strength-legend {
	margin: 12px 0 0;
	padding-left: 18px;
	font-size: 14px;
	line-height: 1.7;
	color: #555;
	list-style: disc;
}

.doxiant-strength-legend li {
	margin-bottom: 4px;
}

.page-doxiant .doxiant-hero-row {
	--doxiant-hero-image-max: 640px;
}

.page-doxiant .doxiant-hero-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 520px;
	padding: 10px 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.page-doxiant .doxiant-hero-visual .doxiant-hero-product-frame {
	display: block;
	position: relative;
	z-index: 1;
	cursor: zoom-in;
}

.page-doxiant .doxiant-hero-visual-orbit {
	position: absolute;
	inset: 8% 4%;
	pointer-events: none;
}

.page-doxiant .doxiant-hero-visual-orbit-ring,
.page-doxiant .doxiant-hero-visual-orbit-glow {
	position: absolute;
	inset: 0;
	border-radius: 50%;
}

.page-doxiant .doxiant-hero-visual-orbit-ring {
	border: 1px solid rgba(var(--doxiant-teal-rgb), 0.18);
	animation: doxiantOrbitSpin 18s linear infinite;
}

.page-doxiant .doxiant-hero-visual-orbit-glow {
	background: radial-gradient(circle at center, rgba(var(--doxiant-teal-rgb), 0.14) 0%, rgba(var(--doxiant-purple-rgb), 0.12) 45%, rgba(var(--doxiant-yellow-rgb), 0.08) 68%, transparent 78%);
	filter: blur(18px);
	animation: doxiantGlowPulse 4.5s ease-in-out infinite;
}

.page-doxiant .doxiant-hero-product-image {
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	max-width: var(--doxiant-hero-image-max);
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	object-fit: contain;
	transform-origin: center center;
	animation: doxiantProductFloat 5.5s ease-in-out infinite;
	transition: transform 0.3s ease, filter 0.3s ease;
}

.page-doxiant .doxiant-hero-visual .doxiant-hero-product-frame:hover .doxiant-hero-product-image {
	filter: brightness(1.02);
}

@keyframes doxiantProductFloat {
	0%, 100% {
		transform: translateY(0) scale(1);
	}

	50% {
		transform: translateY(-16px) scale(1.02);
	}
}

@keyframes doxiantGlowPulse {
	0%, 100% {
		opacity: 0.55;
		transform: scale(0.96);
	}

	50% {
		opacity: 1;
		transform: scale(1.04);
	}
}

@keyframes doxiantOrbitSpin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.page-doxiant .doxiant-hero-product-image,
	.page-doxiant .doxiant-hero-visual-orbit-ring,
	.page-doxiant .doxiant-hero-visual-orbit-glow {
		animation: none;
	}
}

@media (max-width: 1199px) {
	.page-doxiant .doxiant-hero-row {
		--doxiant-hero-image-max: 560px;
	}

	.page-doxiant .doxiant-hero-visual {
		min-height: 460px;
	}
}

@media (max-width: 991px) {
	.page-doxiant .product-detail-hero {
		padding-bottom: 40px;
	}

	.page-doxiant .doxiant-hero-visual {
		min-height: 0;
		margin-top: 28px;
		padding: 0;
	}

	.page-doxiant .doxiant-hero-row {
		--doxiant-hero-image-max: 500px;
	}

	.page-doxiant #about-doxiant .doxiant-about-list-top,
	.page-doxiant #about-doxiant .doxiant-about-list-row {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.page-doxiant .product-detail-hero {
		padding-bottom: 35px;
	}

	.page-doxiant .doxiant-hero-row {
		--doxiant-hero-image-max: 100%;
	}

	.page-doxiant .doxiant-hero-visual {
		min-height: 0;
		margin-top: 16px;
	}

	.page-doxiant .doxiant-hero-product-image {
		max-width: 100%;
	}

	.page-doxiant .product-strength-selector--detail .product-strength-option {
		font-size: 12px;
		padding: 8px 10px;
	}
}

@media (max-width: 575px) {
	.page-doxiant .doxiant-hero-visual-orbit {
		inset: 12% 0;
	}
}

/************************************/
/***   Terms & Conditions Page    ***/
/************************************/

.page-terms-hero-meta {
	margin: 12px 0 0;
	font-size: 14px;
	line-height: 1.5em;
	color: rgba(255, 255, 255, 0.78);
}

.page-terms-content {
	position: relative;
	padding: 90px 0 100px;
}

.page-terms-content::before {
	content: '';
	position: absolute;
	top: 12%;
	left: -70px;
	background-image: url('../images/section-bg-img-2.svg');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
	height: 379px;
	width: 262px;
	z-index: 0;
}

.page-terms-content::after {
	content: '';
	position: absolute;
	top: 48%;
	right: -95px;
	background-image: url('../images/section-bg-img-1.svg');
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	height: 251px;
	width: 308px;
	z-index: 0;
}

.page-terms .page-terms-sidebar {
	top: 120px;
}

.page-terms .page-terms-toc {
	margin-bottom: 30px;
}

.page-terms .page-terms-toc h3 {
	padding: 22px 24px;
	font-size: 18px;
}

.page-terms .page-terms-toc ul {
	padding: 8px 18px 20px;
	max-height: calc(100vh - 280px);
	overflow-y: auto;
}

.page-terms .page-terms-toc ul li {
	margin-bottom: 8px;
}

.page-terms .page-terms-toc ul li a {
	padding: 11px 38px 11px 16px;
	font-size: 13px;
	line-height: 1.4em;
	text-transform: none;
}

.page-terms .page-terms-toc ul li a.is-active {
	color: var(--white-color);
	background: var(--accent-color);
}

.page-terms .page-terms-toc ul li a.is-active::before {
	filter: brightness(0) invert(1);
}

.page-terms .page-terms-toc ul li a.is-active::after {
	display: none;
}

.page-terms-main {
	max-width: 760px;
}

.page-terms-notice {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	background: rgba(242, 88, 50, 0.06);
	border: 1px solid rgba(242, 88, 50, 0.16);
	border-left: 4px solid var(--accent-color);
	border-radius: 20px;
	padding: 22px 24px;
	margin-bottom: 28px;
}

.page-terms-notice-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex-shrink: 0;
	border-radius: 12px;
	background: rgba(242, 88, 50, 0.12);
	color: var(--accent-color);
	font-size: 18px;
}

.page-terms-notice-copy h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

.page-terms-notice-copy p {
	margin-bottom: 0;
	color: #555555;
	line-height: 1.7em;
}

.page-terms-card {
	scroll-margin-top: 140px;
	background: var(--white-color);
	border: 1px solid var(--divider-color);
	border-radius: 24px;
	box-shadow: 0 12px 35px rgba(30, 30, 30, 0.05);
	padding: 28px 30px 26px;
	margin-bottom: 22px;
}

.page-terms-card:last-child {
	margin-bottom: 0;
}

.page-terms-card-head {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-bottom: 16px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--divider-color);
}

.page-terms-card-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	flex-shrink: 0;
	border-radius: 14px;
	background: rgba(242, 88, 50, 0.1);
	color: var(--accent-color);
	font-size: 18px;
}

.page-terms-card h2 {
	font-size: 26px;
	line-height: 1.25em;
}

.page-terms-card p,
.page-terms-card li {
	color: #555555;
	font-size: 15px;
	line-height: 1.75em;
}

.page-terms-card p:last-child {
	margin-bottom: 0;
}

.page-terms-card ul {
	margin: 0 0 1.4em;
	padding-left: 20px;
}

.page-terms-card ul li {
	margin-bottom: 8px;
}

.page-terms-card ul li:last-child {
	margin-bottom: 0;
}

.page-terms-contact-list {
	list-style: none;
	padding: 0;
	margin: 0 0 24px;
}

.page-terms-contact-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 12px;
}

.page-terms-contact-list i {
	margin-top: 4px;
	color: var(--accent-color);
}

.page-terms-contact-list a {
	color: #555555;
	transition: color 0.3s ease;
}

.page-terms-contact-list a:hover {
	color: var(--accent-color);
}

@media only screen and (max-width: 991px) {
	.page-terms-content {
		padding: 60px 0 70px;
	}

	.page-terms-content::before,
	.page-terms-content::after {
		display: none;
	}

	.page-terms .page-terms-sidebar {
		top: auto;
	}

	.page-terms .page-terms-toc ul {
		max-height: none;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
		padding: 0 16px 16px;
	}

	.page-terms .page-terms-toc ul li {
		margin-bottom: 0;
	}

	.page-terms-main {
		max-width: none;
	}

	.page-terms-card {
		scroll-margin-top: 110px;
		padding: 24px 22px 22px;
		border-radius: 20px;
	}

	.page-terms-card h2 {
		font-size: 22px;
	}
}

@media only screen and (max-width: 767px) {
	.page-terms .page-terms-toc ul {
		grid-template-columns: 1fr;
	}

	.page-terms-notice {
		padding: 18px;
		border-radius: 16px;
	}

	.page-terms-card-head {
		align-items: flex-start;
	}

	.page-terms-card h2 {
		font-size: 20px;
	}
}