/** * @file * Custom style for Benin theme. */



@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*  Set default values  */
:root {
	--lif-red-900: #990000;
	--lif-red-800: #CC0000;
	--lif-red-600: #FF0000;
	--lif-red-300: #FF5959;
	--lif-red-200: #FFB7B7;
	--lif-red-100: #FFE1E1;
	
	
	--lif-blue-900: #000066;
	--lif-blue-800: #000099;
	--lif-blue-600: #0000CC;
	--lif-blue-300: #0000FF;
	--lif-blue-200: #0066FF;
	--lif-blue-100: #0099FF;
	--lif-blue-50: #A6DBFF;
	
	--lif-gray-900: #666666;
	--lif-gray-800: #858585;
	--lif-gray-600: #999999;
	--lif-gray-300: #BCBCBC;
	--lif-gray-200: #CCCCCC;
	--lif-gray-100: #DFDFDF;
	--lif-gray-50: #EAEAEA;
}

/* Set page widths */
@media (min-width: 1200px) {

	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 1140px;
	}

	/* .not-front .container-xxl,
	.not-front .container-xl,
	.not-front .container-lg,
	.not-front .container-md,
	.not-front .container-sm,
	.not-front .container {
		max-width: 1140px;
	} */
}

@media (min-width: 1400px) {

	.container-xxl,
	.container-xl,
	.container-lg,
	.container-md,
	.container-sm,
	.container {
		max-width: 1320px;
	}

	/* .not-front .container-xxl,
	.not-front .container-xl,
	.not-front .container-lg,
	.not-front .container-md,
	.not-front .container-sm,
	.not-front .container {
		max-width: 1140px;
	} */
}


body {
	color: #333;
	background: #FFF;
	font-family: 'Inter', serif;
}

/* .no-js {  display:none;} */
img {
	max-width: 100%;
	height: auto !important;
}

/*  Links  */
a,
.link,
.alert .alert-link,
.alert a {
	color: var(--lif-red-600);
	text-decoration: none;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
	color: #666;
}

.nav-link {
	color: #333;
}

.nav-link:hover,
.nav-link:focus {
	color: #666;
}

a:active,
.link:active {
	color: #666;
}

/*  Buttons  */

.btn{
	font-family: 'Inter', serif;
	font-size: 0.9em;
	font-weight: 600;
	border: 1px solid;
	border-color: var(--lif-red-800);
	border-radius: 8px;
	padding: 8px 25px;
	
}

.btn:hover,
.btn:focus,
.btn:active {
	background-color: var(--lif-red-800) !important;
	border-color: var(--lif-red-800) !important;
	color: #FFFFFF;
}


.btn-primary {
	border: 2px solid;
	background-color: var(--lif-red-800);
	border-color: var(--lif-red-800);
	color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	background-color: var(--lif-red-600) !important;
	border-color: var(--lif-red-600) !important;
	color: #FFFFFF;
}


.btn-secondary {
	border: 2px solid;
	background-color:  var(--lif-red-600);
	border-color: #FFF;
	color: #FFFFFF;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	background-color: #FFF !important;
	border-color: #FFF !important;
	color: var(--lif-red-800);
}


.btn-inverted{
	background-color: #FFFFFF !important;
	border-color: #FFFFFF !important;
	color: var(--lif-red-800);
}

.btn-inverted:hover,
.btn-inverted:focus,
.btn-inverted:active {
	background-color: var(--lif-red-300) !important;
	border-color: var(--lif-red-300) !important;
	color: #FFFFFF;
}



.btn,
.node-preview-container .node-preview-backlink,
button.link,
.button,
a.button {
	margin: 0;
	padding: 10px 30px;
}

.btn:focus,
.btn:active,
a:focus,
a:active {
	outline: none !important;
	box-shadow: none !important;
}

/** * @file * CSS animations. */
.custom-fadeUp25 {
	display: inline-block;
	position: relative;
	animation-name: fadeUp25;
	animation-duration: 0.75s;
}

@keyframes fadeUp25 {
	0% {
		left: 0px;
		top: 25px;
		opacity: 0;
	}

	100% {
		left: 0px;
		top: 0px;
		opacity: 1;
	}
}

.custom-fadeUp50 {
	display: inline-block;
	position: relative;
	animation-name: fadeUp50;
	animation-duration: 1s;
}

@keyframes fadeUp50 {
	0% {
		left: 0px;
		top: 50px;
		opacity: 0;
	}

	100% {
		left: 0px;
		top: 0px;
		opacity: 1;
	}
}

.custom-fadeUp100 {
	display: inline-block;
	position: relative;
	animation-name: fadeUp100;
	animation-duration: 1.2s;
}

@keyframes fadeUp100 {
	0% {
		left: 0px;
		top: 100px;
		opacity: 0;
	}

	100% {
		left: 0px;
		top: 0px;
		opacity: 1;
	}
}

/** * @file * Subtheme specific CSS. */
h1,
h1 a {
	font-family: "Inter", sans-serif;
	font-weight: 800;
}

h2,
h3,
h4,
h5,
h6,
h2 a,
h3 a {
	font-family: 'Inter', sans-serif;
	font-weight: 800;
}

body,
p,
a,
li {
	font-family: 'Inter', sans-serif;
	font-size: 0.98em;
}


/*  Page titles  */

.title-holder .container{
	padding: 0;
}

.block-page-title-block h1 {
	font-size: 2.3em;
	margin-bottom: 15px;
}

.path-frontpage .block-page-title-block{
	display: none;
}




img {
	max-width: 100%;
	height: auto;
}

/*  Tables  */
table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
	color: #000;
	font-weight: bold;
}

.all-table-holder {
	overflow-x: auto;
	width: 100%;
}

table {
	border: 0;
	border-spacing: 0;
	font-size: 0.857em;
	margin: 10px 0;
	min-width: 100%;
}

tr {
	border-bottom: 1px solid #ccc;
	padding: 0.1em 0.6em;
	background: #f1f1f1;
	background: rgba(0, 0, 0, 0.063);
}

thead>tr {
	border-bottom: 1px solid #000;
}

tr.odd {
	background: #e4e4e4;
	background: rgba(0, 0, 0, 0.105);
}

table tr th {
	background: #757575;
	background: rgba(0, 0, 0, 0.51);
	border-bottom-style: none;
}

table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
	color: #fff;
	font-weight: bold;
}

table tbody tr th {
	vertical-align: top;
}

tr td,
tr th {
	padding: 4px 9px;
	border: 1px solid #fff;
	text-align: left;
	/* LTR */
}

[dir="rtl"] tr td,
[dir="rtl"] tr th {
	text-align: right;
}

/** * Responsive tables. */
@media screen and (max-width: 37.5em) {

	/* 600px */
	th.priority-low,
	td.priority-low,
	th.priority-medium,
	td.priority-medium {
		display: none;
	}
}

@media screen and (max-width: 60em) {

	/* 920px */
	th.priority-low,
	td.priority-low {
		display: none;
	}
}

/*  Forms  */
.form-control,
.ui-widget.ui-selectmenu-button {
	font-size: 0.9em;
	border: 2px solid var(--lif-gray-600);
	background-color: #FFFFFF;
	border-radius: 8px;
	padding: 8px 10px;
}

.form-control:hover,
.form-control:focus,
.ui-widget.ui-selectmenu-button:hover,
.ui-widget.ui-selectmenu-button:focus {
	background-color: #FFF;
}

.form-managed-file {
  font-size: 0.85em;
}

.form-managed-file .form-wrapper {
  font-weight: 500;
}

label {
	display: inline-block;
	font-size: 0.85em;
	font-weight: 500;
}

.fieldset-legend{
	font-size: 0.85em;
	font-weight: 500;
}

.form-composite>.fieldset-wrapper>.description,
.form-item .description {
	font-size: 0.82em;
	line-height: 1.2em;
	color: #909090;
}

.views-exposed-form .js-form-item {
	margin-right: 15px;
}

.form-item {
	margin-bottom: 15px;
}

.form-item--error-message {
	color: #EA191F;
	font-size: 0.8em;
	font-weight: 500;
	padding-top: 2px;
}

.form-item--error-message:before {
	margin-right: 5px;
}

.form--inline .form-actions {
	clear: none;
	display: inline-block;
}

.ui-selectmenu-menu .ui-menu-item {
	padding-left: 32px;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ui-selectmenu-menu .ui-menu-item span {
	top: 12px;
	left: 10px;
}

/* Telephone field  */
.form-type-tel>label {
	width: 100%;
}

div.form-type-tel .iti{
	width: 100%;
}

.form-textarea-wrapper{
	width: 100%;
}

/*  Field prefix and suffix  */

.field-contents{
	display: flex;
    align-items: center;
}

.form-type-checkbox .field-contents{
    display: block;
    float: left;
    margin-right: 10px;
}

.field-contents .field-prefix{
	margin-right: 10px;
}

.field-contents .field-suffix{
	margin-left: 10px;
}



/*  Fields  */
.field--label-inline .field__label,
.field--label-inline>.field__item,
.field--label-inline .field__items {
	padding-right: 0.2em;
	display: inline-block;
	float: none;
}

/*  Messages  */
.alert {
	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
}

.alert-heading {
	font-size: 1.3rem;
}

/*  Content  */
.node__content {
	font-size: 0.98em;
}

.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  /* padding: 0 0.5rem 0 0; */
}

.inline__links {
	width: 100%;
	float: left;
}

/*  Node Links  */
.node__links {
	margin: 40px 0;
}

/*  Pager  */
.pager {
	width: 100%;
	display: inline-block;
}

.page-item.active .page-link {
	background-color: var(--lif-red-800);
	border-color: var(--lif-red-800);
}

.page-link,
.page-link:hover {
	color: #333;
}

.page-item.active .page-link:hover {
	color: #FFF;
}



/* .row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}
 */

/*  Accordions  */

.accordion-button:focus{
	box-shadow: none;
}

/*  iframes  */
iframe{
	max-width: 100% !important;
}


/* Layout  */
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
	padding: 0 0 0.5rem 0;
}

.region-content {
	padding-top: 10px;
}

.page-node-type-page .region-content{
	padding-right: 40px;
}

/* .region-content .row>* {
	padding-right: 0;
	padding-left: 0;
} */


/*  Contextual links */
.contextual-links,
.block-local-tasks-block {
	font-size: 0.75em;
}




/*  Hide some items  */
.path-frontpage .region-content{
	display: none;
}


/*  Nav Bars  */
/*  Scrolled Navbar  */
.navbar {
	margin: 0;
	padding: 0;
	z-index: 300;
	background-color: #FFF !important;
/* 	box-shadow: 1px 1px 6px 0px rgba(139, 132, 132, 0.75);
	-webkit-box-shadow: 1px 1px 6px 0px rgba(139, 132, 132, 0.75);
	-moz-box-shadow: 1px 1px 6px 0px rgba(139, 132, 132, 0.75); */
}

/* .not-top.scrolled-up .navbar-navigation {
	position: fixed;
	width: 100%;
	z-index: 900;
    top: 0;
}
 */




/*  Nav bar regions  */

.path-frontpage .page-search{
	width: 30%;
}

.path-frontpage .page-branding{
	width: 60%;
}

.path-frontpage .page-nav-additional{
	width: 30%;
}

/*  Front Search  */

.path-frontpage .page-search .search-block-form #edit-actions{
	display: none;
}

.path-frontpage .page-search .search-block-form .form-type-search{
	width: 100%;
}

.path-frontpage .page-search .search-block-form .form-search{
	border-radius: 20px;
    border: 3px solid var(--lif-red-300);
    padding-left: 40px;
    background: url(../images/search-icon-red.svg) no-repeat left;
    background-position-x: 10px;
	background-size: 25px;
	
}

/*  Branding  */

.path-frontpage .region-nav-branding .navbar-brand{
	justify-content: center;
}

.path-frontpage .site-logo img{
	max-width: 240px;
	padding-top: 10px;
	padding-bottom: 10px;
}




/* .page-branding.no-js ,.page-nav-main.no-js ,.page-nav-additional.no-js {	display: none;} */
.page-nav-main {
	z-index: 3;
	
}

.path-frontpage .page-nav-main{
	width: 100%;
}

.page-nav-additional {
	flex-grow: 1;
}

.navbar-collapse{
	justify-content: flex-start;
}




/*  Top Contact  */

.top-contacts{
	display: flex;
	flex-wrap: nowrap;
	padding: 15px 0;
}

.top-contacts .contact-phone p{
	margin-bottom: 0;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: 700;
	color: var(--lif-red-800);
	text-align: right;
}

.top-contacts .contact-phone p a{
	color: var(--lif-red-800);
}

.top-contacts .contact-whatsapp{
    width: 45px;
    height: 45px;
    margin-left: 10px;
}


/*  WhatsApp Popup  */

h4#whatsapp_popup_label{
	font-size: 1.1em;
}

#whatsapp_popup_desc div{
	
}

#whatsapp_popup_desc div a{
	font-weight: 600;
    display: block;
    padding: 20px 20px 20px 60px;
    background-image: url('https://lchnigeria.com/sites/default/files/whatsapp_icon.png');
    background-size: 40px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
}


/*  Menu  */


.path-frontpage .site-navigation{
	width: 100%;
}

.path-frontpage .region-nav-main{
	display: flex;
    flex-wrap: nowrap;
}

.path-frontpage .navbar-navigation{
	background: rgba(255, 255, 255, 0.85) !important;
}


.path-frontpage .navbar-navigation .d-flex {
	padding-top: 8px;
	padding-bottom: 8px;
}

.region-nav-main .navbar-nav {
	justify-content: flex-start !important;
}

.region-nav-main .menu--main{
	padding: 0;
	font-size: 1em;
	font-weight: 800;
	/* display: inline; */
}

.path-frontpage .region-nav-main .menu--main{
	margin-right: auto;
    margin-left: auto;
}

.region-nav-main .menu--main .nav-link{
    color: var(--lif-red-800) !important;
    padding: 10px 0px 7px 0px !important;
    position: relative;
    margin-right: 30px;
    font-size: 0.98em;
    font-weight: 600;
}



.region-nav-main .menu--main .nav-link::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0; /* Start with no width */
	height: 2px;
	background-color: var(--lif-red-600);
	transition: width 0.1s ease-in-out;
}

.region-nav-main .menu--main .nav-link:hover::before/* ,
.region-nav-main .menu--main .nav-link.is-active::before */ {
  width: 100%; /* Grow to full width */
}

/* .region-nav-main .menu--main .nav-link.is-active, */
.region-nav-main .menu--main .nav-link:hover{
	color: var(--lif-red-900) !important;
}

.region-nav-main .menu--main .last .nav-link{
	margin-right: 0;
    padding: 8px 15px !important;
    background: rgb(204, 0, 0);
    background: linear-gradient(180deg, rgba(204, 0, 0, 1) 0%, rgba(153, 0, 0, 1) 100%);
    color: #FFF !important;
    border-radius: 7px;
}

.region-nav-main .menu--main .last .nav-link::before{
	background-color: none;
	transition: none;
	height: 0;
}

.region-nav-main .menu--main .last .nav-link:hover{
	color: #FFF !important;
}


.navbar .dropdown:hover > .dropdown-menu {
  display: block;
}


.region-nav-main .menu--main .navbar-nav .dropdown-menu {
	border-radius: 0;
	font-size: 0.95em;
	padding: 10px;
	background: rgba(255, 255, 255, 0.85) !important;
}

.region-nav-main .menu--main .navbar-nav .dropdown-menu .nav-item a.dropdown-item {
	padding: 8px 10px;
	font-weight: 600;
	color: var(--lif-red-800) !important;
}

.region-nav-main .menu--main .navbar-nav .dropdown-menu .nav-item a.dropdown-item:hover {
	background: #F1F1F1;
	color: var(--lif-red-900) !important;
}

.region-nav-main .dropdown-item.active,
.media-library-view--widget .view-header a.dropdown-item.is-active,
.dropdown-item:active {
	background-color: #FFFFFF;
}


.dropdown-toggle::after{
	margin-left: 0.5em;
}

.dropdown-item.active{
	background-color: #F1F1F1;
}

/* .dropdown:hover .dropdown-menu {
	display: block;
} */


/* Inner pages header and menu  */

.not-front .navbar .container.d-flex{
	padding: 15px 0;
}

.not-front .site-logo img{
	max-width: 180px;
}

.not-front .region-nav-main{
	display: flex;
}

.not-front .region-nav-main .menu--main{
	margin-right: 30px;
}

.not-front .region-nav-main .menu--main .nav-link{
    margin-right: 20px;
    font-size: 0.9em;	
}

.not-front .page-nav-additional{
	display: flex;
    justify-content: flex-end;
}

.not-front .top-contacts .contact-phone{
	display: none;
}


/*  Cart  */

#block-benin-tempcart{
    width: 30px;
    display: block;
    float: right;
}

/*  Mobile Menu  */
.navbar-toggler {
	width: 40px;
	border-radius: 0;
	padding: 7px;
	background-color: var(--lif-red-900);
	border: 0;
}

.navbar-toggler:focus {
	box-shadow: none;
}

.navbar-toggler .navbar-toggler-icon {
	background-image: url(../images/hamburger_icon_close_white.svg);
	background-size: 20px 20px;
	height: 1.3em;
	width: 1.3em;
}

.navbar-toggler.collapsed .navbar-toggler-icon {
	background-image: url(../images/hamburger_icon_white.svg);
}


.region-nav-additional {
	display: flex;
	justify-content: flex-end;
}



/*  Frontpage banner  */

.path-frontpage .region-slider{
	margin-top: -56px;
}





/*  Breadcrumbs  */
.breadcrumb {
    background: none;
    padding: 0 0 20px 0;
    border-radius: 0;
    margin: 0;
    font-size: 0.8em;
}

/*  Accordions  */
.accordion-item .accordion-button {
	font-weight: 700;
}


/*  Block Titles  */

.block-title{
	font-family: "Inter", sans-serif;
    font-weight: 800;
    font-size: 2.6em;
    margin-bottom: 20px;
}

.path-frontpage .block-title{
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	font-size: 2em;
	text-align: center;
	margin-bottom: 30px;
	color: var(--lif-red-900);
}

/*  Pages  */
.animate-fade-up {
	transition: transform 0.5s, opacity 0.5s, top 0.5s;
	transform: translate(0, 0);
	opacity: 0;
	position: relative;
	top: 0;
	margin-top: 60px;
	margin-bottom: 0;
}

.path-frontpage .animate-fade-up {
	margin-bottom: -60px;
}




/*  Two cols  */

.two-cols{
	padding: 40px 0;
}

#block-frontwelcome .two-cols{
	padding: 80px 0;
}

#block-identityverificationwithidme .two-cols{
	padding: 10px 0;
}

.two-cols .col-text{
	height: max-content;
	margin: auto 0;
	padding: 0 60px;
}

.two-cols .col-pic{
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.two-cols .col-pic.small-pic img{
	max-width: 220px;
}

.two-cols .col-text h2{
	font-family: "Inter", sans-serif;
	font-weight: 800;
	font-size: 3.1em;
	line-height: 1.1em;
	color: var(--lif-red-900);
	margin-bottom: 30px;
	background: #0099CC;
	background: linear-gradient(to bottom right, #0099CC 0%, #003399 67%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.two-cols .col-text p{
	font-size: 1.1em;
	margin-bottom: 30px;
}

.two-cols .col-text a.btn{
	font-size: 1em;
	padding: 10px 25px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.two-cols .col-text a.btn:hover{
	box-shadow: 0 0.5rem 1rem 1px #569aff6b;
}





/*  Front Banners  */

.block-views-blockfront-banner-block-1 .views_slideshow_cycle_teaser_section,
.block-views-blockfront-banner-block-1 .views_slideshow_cycle_slide ,
.block-views-blockfront-banner-block-1 .views-field-field-banner-image img{
	width: 100% !important;
}

.block-views-blockfront-banner-block-1 .views_slideshow_cycle_teaser_section,
.block-views-blockfront-banner-block-1 .views_slideshow_cycle_slide,
.block-views-blockfront-banner-block-1 .views-field-field-banner-image{
	height: 600px !important;
	max-height: 600px !important;
	overflow: hidden;
}

.block-views-blockfront-banner-block-1 .views-row{
	position: relative;
}

.block-views-blockfront-banner-block-1 .views-field-nothing{
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0);
	background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 200;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 60px;
	
}



.banner-container .row{
	flex-wrap: nowrap;
}



.banner-container .banner-text{
	width: 50%;
    padding-right: 40px;
	color: #FFF;
}

.banner-container .banner-text .banner-title {
	font-size: 2em;
    font-family: "Montserrat";
    font-weight: 700;
    color: #FFF;
    margin-bottom: 5px;
    float: left;
    padding-right: 34px;
    background: url(../images/white-arrow-right.png) right no-repeat;
    background-size: 28px;
}

.banner-subtitle{
	font-size: 1.1em;
	width: 100%;
    float: left;
}

.banner-container .banner-link{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.banner-container .banner-link a{
	font-size: 0.9em;
    padding: 8px 45px 8px 15px;
    background: rgb(204, 0, 0) url(../images/white-long-arrow-right.png) right no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 25px;
    color: #FFF !important;
    border-radius: 7px;
}



.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span{
	position: absolute;
	width: 30px;
	height: 30px;
	margin-top: -330px;
	z-index: 333;
}

.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span a{
	display: block;
	text-indent: -3000px;
	width: 30px;
	height: 30px;
}

.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span.views_slideshow_controls_text_pause,
.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span.views_slideshow_controls_text_play{
	display: none;
}

.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span.views_slideshow_controls_text_previous,
.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span.views_slideshow_controls_text_next{
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.7;
}

.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span.views_slideshow_controls_text_previous:hover,
.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span.views_slideshow_controls_text_next:hover{
	opacity: 1;
}

.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span.views_slideshow_controls_text_previous{
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%23FFFFFF' class='bi bi-arrow-left-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.5 7.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5z'/%3E%3C/svg%3E");
	margin-left: 40px;
	
}

.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text span.views_slideshow_controls_text_next{
	right: 0;
	background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%23FFFFFF' class='bi bi-arrow-right-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z'/%3E%3C/svg%3E");
	margin-right: 40px;
}


.block-views-blockfront-banner-block-1 .widget_pager_bottom{
	position: relative;
    margin-top: -110px;
    margin-right: 250px;
    z-index: 500;
    display: block;
    float: right;
}

.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li{
	background: #FFF;
}

.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active,
.block-views-blockfront-banner-block-1 .views-slideshow-controls-bottom .views-slideshow-pager-bullets li.hover{
	background: var(--lif-red-800);
}




/*  Three Decades of Excellence  */

.path-frontpage .content-header{
	padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(../images/front-journey-bg.jpg);
    background-size: cover;
}

.path-frontpage .three-decade-holder{
	align-items: center;
}

.path-frontpage .three-decade-pic{
	text-align: center;
}

.three-decade-wreath{
	margin-bottom: 10px;
}

.three-decade-title{
    font-family: "Montserrat", sans-serif;
    font-size: 3.2em;
    font-weight: 600;
}

.three-decade-title-1{
    color: var(--bs-gray-700);
}

.three-decade-title-2{
	font-size: 1.3em;
    line-height: 50px;
    color: var(--lif-red-900);
}

.three-decade-text{
	padding: 20px 40px;
    font-size: 1.2em;
    font-weight: 500;
    color: var(--bs-gray-800);
}

.three-decade-link{
	margin-top: 30px;
}




/*  Our Partners  */

.path-frontpage .region-scope-first{
	padding: 30px 0;
}


.path-frontpage h2#block-benin-ourpartners{
	font-family: 'Inter';
    font-size: 1.1em;
    color: var(--bs-gray-600);
    font-weight: 600;
    text-transform: uppercase;
}

.client-logos-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.client-logos {
  display: flex;
  align-items: center;
  animation: scroll 50s linear infinite;
  width: max-content;
  animation-play-state: running; 
}

.client-logo {
/*   width: 70px;
  height: 70px; */
  margin-right: 60px;
}



@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* Adjust to match the exact width of half the content */
  }
}




/*  Programs and Services block  */

.path-frontpage .region-scope-second{
    padding: 30px 0;
}

.services-programs-tab .nav-tabs{
	border-bottom: 2px solid var(--lif-red-100);
}

.services-programs-tab .nav-tabs .nav-item{
	--bs-nav-tabs-border-width: 2px;
	--bs-nav-tabs-border-color: var(--lif-red-200);
}

.services-programs-tab .nav-tabs .nav-item a{
	font-family: 'Montserrat', sans-serif;
    font-size: 1.3em;
    font-weight: 600;
    color: var(--lif-red-800);
    padding-top: 20px;
    padding-bottom: 20px;
	background: none;
	border: var(--lif-gray-50) solid transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.services-programs-tab .nav-tabs .nav-item a.active,
.services-programs-tab .nav-tabs .nav-item a:hover{
	background: var(--lif-gray-50);
	border-color: var(--lif-gray-50);
}


.services-programs-tab .tab-content{
	background: var(--lif-gray-50);
    padding: 40px;
}

.main-menu-block-link{
	background: var(--lif-red-100);
	border-radius: 20px;
	padding: 40px 40px 10px;
}

.services-programs-tab .tab-content ul.navbar-nav,
.main-menu-block-link ul.navbar-nav{
    flex-wrap: wrap !important;
    flex-direction: row;
    justify-content: flex-start !important;
}

.services-programs-tab .tab-content ul.navbar-nav li.nav-item,
.main-menu-block-link ul.navbar-nav li.nav-item{
    width: 45%;
    margin: 0 2.5% 40px;
    background: rgba(255, 255, 255, 0.4) !important;
    border-radius: 10px;
}

.services-programs-tab .tab-content ul.navbar-nav li.nav-item:hover,
.main-menu-block-link ul.navbar-nav li.nav-item:hover{
	background: rgba(255, 255, 255, 0.6) !important;
}

.services-programs-tab .tab-content ul.navbar-nav li.nav-item a,
.main-menu-block-link ul.navbar-nav li.nav-item a{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: var(--lif-red-800);
    padding: 0;
	background-image: url(../images/menu-arrow-right-red.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px);
    background-size: 30px;
    padding-right: 55px;
}

.main-menu-block-link ul.navbar-nav li.nav-item a{
	font-size: 1.05em;
}


.services-programs-tab .tab-content ul.navbar-nav li.nav-item a::before,
.main-menu-block-link ul.navbar-nav li.nav-item a::before {
	content: "";
    width: 90px;
    height: 90px;
	min-width: 90px;
    margin-right: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	background-color: rgba(255, 255, 255, 0.6) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

/* Our clinics */

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-1 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-1 a::before{
	background-image: url(../images/serv-icon-immunization.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-2 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-2 a::before{
	background-image: url(../images/serv-icon-cardiology.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-3 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-3 a::before{
	background-image: url(../images/serv-icon-dermatology.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-4 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-4 a::before{
	background-image: url(../images/serv-icon-ent.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-5 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-5 a::before{
	background-image: url(../images/serv-icon-endocrine.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-6 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-6 a::before{
	background-image: url(../images/serv-icon-epilepsy.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-7 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-7 a::before{
	background-image: url(../images/serv-icon-nephrology.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-8 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-8 a::before{
	background-image: url(../images/serv-icon-neonatology.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-9 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-9 a::before{
	background-image: url(../images/serv-icon-respiratory.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-10 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-10 a::before{
	background-image: url(../images/serv-icon-sicklecell.png);
}

.services-programs-tab #block-tab-menus-our-clinics li.menu-position-11 a::before,
.main-menu-block-link #block-tab-menus-our-clinics li.menu-position-11 a::before{
	background-image: url(../images/serv-icon-jaundice.png);
}


/* Our Services */

.services-programs-tab #block-tab-menus-our-services li.menu-position-1 a::before,
.main-menu-block-link #block-tab-menus-our-services li.menu-position-1 a::before{
	background-image: url(../images/serv-icon-outpatient-1.png);
}

.services-programs-tab #block-tab-menus-our-services li.menu-position-2 a::before,
.main-menu-block-link #block-tab-menus-our-services li.menu-position-2 a::before{
	background-image: url(../images/serv-icon-outpatient.png);
}

.services-programs-tab #block-tab-menus-our-services li.menu-position-3 a::before,
.main-menu-block-link #block-tab-menus-our-services li.menu-position-3 a::before{
	background-image: url(../images/serv-icon-hospitality.png);
}

.services-programs-tab #block-tab-menus-our-services li.menu-position-4 a::before,
.main-menu-block-link #block-tab-menus-our-services li.menu-position-4 a::before{
	background-image: url(../images/serv-icon-chronic.png);
}

.services-programs-tab #block-tab-menus-our-services li.menu-position-5 a::before,
.main-menu-block-link #block-tab-menus-our-services li.menu-position-5 a::before{
	background-image: url(../images/serv-icon-surgical.png);
}

.services-programs-tab #block-tab-menus-our-services li.menu-position-6 a::before,
.main-menu-block-link #block-tab-menus-our-services li.menu-position-6 a::before{
	background-image: url(../images/serv-icon-carer.png);
}

/* Our facilities */

.services-programs-tab #block-tab-menus-our-facilities li.menu-position-1 a::before,
.main-menu-block-link #block-tab-menus-our-facilities li.menu-position-1 a::before{
	background-image: url(../images/serv-icon-surgical-1.png);
}

.services-programs-tab #block-tab-menus-our-facilities li.menu-position-2 a::before,
.main-menu-block-link #block-tab-menus-our-facilities li.menu-position-2 a::before{
	background-image: url(../images/serv-icon-ambulance.png);
}

.services-programs-tab #block-tab-menus-our-facilities li.menu-position-3 a::before,
.main-menu-block-link #block-tab-menus-our-facilities li.menu-position-3 a::before{
	background-image: url(../images/serv-icon-pharmacy.png);
}

.services-programs-tab #block-tab-menus-our-facilities li.menu-position-4 a::before,
.main-menu-block-link #block-tab-menus-our-facilities li.menu-position-4 a::before{
	background-image: url(../images/serv-icon-laboratory.png);
}

/* Our programs */

.services-programs-tab #block-tab-menus-our-programs li.menu-position-1 a::before,
.main-menu-block-link #block-tab-menus-our-programs li.menu-position-1 a::before{
	background-image: url(../images/serv-icon-school.png);
}



/*  Front Lifeline Experience  */

.path-frontpage .spotlight{
	padding-top: 40px;
    padding-bottom: 40px;
    background: #F8F8F8;
	margin-bottom: 40px;
}

.front-experience-wrapper{
	align-items: center;
}

.front-experience-wrapper .front-experience-image img{
	width: 100%;
}

.front-experience-wrapper .front-experience-text{
    padding-left: 30px;
    font-size: 1.1em;
	font-weight: 500;
	color: var(--bs-gray-700);
}

.front-experience-title{
	text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 5px;
}

.front-experience-sub-title{
	margin-bottom: 5px;
    font-size: 1.8em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: var(--lif-red-900);
}

.front-experience-story{
	margin-bottom: 20px;
}


/*  Numbers  */

.front-numbers-wrapper {
	margin-top: 40px;
    margin-bottom: 80px;
}

.front-numbers-wrapper .col{
	display: flex;
    align-items: center;
}

.front-numbers-wrapper .counter-wrapper{
    width: 100px;
    height: 100px;
    position: relative;
    text-align: center;
	margin: 0 auto;
}

.front-numbers-wrapper .counter-number,
.front-numbers-wrapper .counter-text{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.front-numbers-wrapper .counter-number{
    font-family: 'Montserrat', sans-serif;
    font-size: 9em;
    color: var(--lif-red-100);
    font-weight: 600;
    line-height: 1em;
}

.front-numbers-wrapper .counter-text{
    font-size: 1.2em;
    line-height: 1.3em;
    font-weight: 600;
    color: var(--lif-red-800);
}




/*  Front Care Team  */

.path-frontpage .front-care-team-wrapper{
    margin-bottom: 40px;
    text-align: center;
    color: var(--bs-gray-800);
}

.front-care-title{
	text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 5px;
}

.front-care-subtitle{
	margin-bottom: 15px;
    font-size: 2.4em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.front-care-image img{
	width: 100%;
}


/*  Articles Block  */

#block-block-resources-block-1 {
	margin-bottom: 60px;
}

#block-block-resources-block-1 .view-header{
	text-align: center;
    margin-bottom: 20px;
}

#block-block-resources-block-1 .view-header .front-resources-title{
	text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 5px;
}

#block-block-resources-block-1 .view-header .front-resources-subtitle{
	margin-bottom: 15px;
    font-size: 2.4em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: var(--lif-red-900);
}

#block-block-resources-block-1 .view-content{
	margin-bottom: 30px;
	display: flex;
    justify-content: space-between;
}

#block-block-resources-block-1 .view-content .views-row{
	width: 48%;
}

#block-block-resources-block-1 .views-field{
	margin-bottom: 10px;
}

#block-block-resources-block-1 .views-field-title{
	font-size: 1.2em;
	line-height: 1.2em;
    font-weight: 700;
}

#block-block-resources-block-1 .views-field-title a{
	color: var(--lif-red-800);
}

#block-block-resources-block-1 .views-field-view-node-1 a{
	border-bottom: 2px solid var(--lif-red-800);
    padding-bottom: 5px;
    font-weight: 600;
    color: var(--lif-red-800);
}

#block-block-resources-block-1 .view-footer{
	text-align: center;
}




/*  Articles Page  */
	
.path-resources .view-resources .view-content{
	display: flex;
    flex-wrap: wrap;
}

.path-resources .view-resources .views-row{
	width: 30%;
    margin: 0 1.66% 40px;
}

.path-resources .view-resources .views-field-field-media-image{
	margin-bottom: 10px;
}

.path-resources .view-resources .views-field-title{
	font-size: 1.2em;
    line-height: 1.2em;
    font-weight: 700;
	margin-bottom: 5px;
}

.path-resources .view-resources .views-field-title a{
	color: var(--lif-red-800);
}

.path-resources .view-resources .views-field-title a:hover{
	color: var(--lif-red-600);
}

.path-resources .view-resources .views-field-body{
	margin-bottom: 5px;
}

.path-resources .view-resources .views-field-body p{
	font-size: 0.9em;
}

.path-resources .view-resources .views-field-view-node-1 a{
	font-size: 0.9em;
    border-bottom: 2px solid var(--lif-red-800);
    padding-bottom: 5px;
    font-weight: 600;
    color: var(--lif-red-800);
}


/* Inner pages  */

h2#block-benin-mainpagecontent{
    font-family: "Inter", serif;
    font-size: 2.6em;
    margin-bottom: 20px;
}


/*  Available job postions  */

#block-available-jobs-block-1 h2.block-title{
	font-family: "Inter", sans-serif;
	font-size: 1.4rem;
    margin-bottom: 10px;
}

#block-available-jobs-block-1 .views-field-title{
	padding-left: 20px;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 8px;
    background-image: url(../images/round-bullet-red-10.png);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position-x: 2px;
    background-position-y: 9px;
}



/*  Front Approach  */

#block-benin-frontapproach{
	
}

.front-approach{
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 80px;
    margin-bottom: 80px;
    background: url(../images/newborn-care.jpg) no-repeat center;
    background-size: 80%;	
}

.front-approach .col{
	width: 30%;
    padding: 60px 40px;
}

.front-approach .col-approach-1{
	background: var(--bs-gray-300);
}

.front-approach .col-approach-2{
	color: #FFF;
    background: var(--lif-red-600);
}


.front-approach .col h3{
	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
}

.front-approach .approach-links a.btn{
	padding: 8px 18px;
}


/*  Testimonials  */

#block-testimonials-block-1{
	margin-bottom: 40px;
}

#block-testimonials-block-1 .block-title{
	text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 25px;
    font-family: 'Inter', sans-serif;
    color: var(--bs-gray-800);
}

#block-testimonials-block-1 .views_slideshow_cycle_main{
	width: 75% !important;
    margin: 0 auto;
}

#block-testimonials-block-1 .views_slideshow_cycle_teaser_section{
	width: 100% !important;
}

#block-testimonials-block-1 .views-field-field-image{
	width: 150px;
    display: block;
    float: left;
    margin-right: 30px;
    border-radius: 50%;
    border: 3px solid var(--lif-red-200);
}

#block-testimonials-block-1 .views-field-field-image img{
	border-radius: 50%;
}

#block-testimonials-block-1 .views-field-body{
	font-size: 1.3em;
}

#block-testimonials-block-1 .views-field-field-relationship{
    font-weight: 700;
    font-size: 1.3em;
}

#block-testimonials-block-1 .views-slideshow-controls-bottom{
	display: table;
    margin: 40px auto 0;
}

#block-testimonials-block-1 .views_slideshow_controls_text_previous, 
#block-testimonials-block-1 .views_slideshow_controls_text_pause, 
#block-testimonials-block-1 .views_slideshow_controls_text_next{
	display: inline-block;
    width: 40px;
    height: 40px;
}

#block-testimonials-block-1 .views_slideshow_controls_text_previous a, 
#block-testimonials-block-1 .views_slideshow_controls_text_pause a, 
#block-testimonials-block-1 .views_slideshow_controls_text_next a{
	display: inline-block;
    border: 1px solid #666;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-indent: -2000px;
    background: #fbfbfb;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

#block-testimonials-block-1 .views_slideshow_controls_text_previous{
	margin-right: 20px;
}

#block-testimonials-block-1 .views_slideshow_controls_text_next{
	margin-left: 20px;
}

#block-testimonials-block-1 .views_slideshow_controls_text_previous a{
	background-image: url(../images/arrow-previous.png);
}

#block-testimonials-block-1 .views_slideshow_controls_text_next a{
	background-image: url(../images/arrow-next.png);
}

#block-testimonials-block-1 .views-slideshow-controls-text-status-play a{
	background-image: url(../images/pause.png);
}

#block-testimonials-block-1 .views-slideshow-controls-text-status-pause a{
	background-image: url(../images/play.png);
}



/*  Newsletter Subscription  */

.path-frontpage .ex-panel{
	padding-top: 40px;
    padding-bottom: 40px;
    background: #F8F8F8;
}

.path-frontpage .ex-panel .block-title{
	font-weight: 600;
    color: var(--bs-gray-700);
    text-align: left;
    font-size: 1.8em;
}

.path-frontpage .block-simplenews-subscription-block form{
	display: flex;
    align-items: center;
}

.path-frontpage .block-simplenews-subscription-block form #edit-message{
	width: 50%;
    margin-right: 20px;
}

.path-frontpage .block-simplenews-subscription-block form .layout--onecol{
	margin-right: 20px;
}


/* Page Links  */

.page-links .col{
    width: 45%;
    background: rgb(251 172 172 / 40%);
    border-radius: 10px;
    margin: 0 20px 20px 0;
	padding: 0;
}

.page-links .col:hover{
	background: rgb(246 104 104 / 40%) !important;
}

.page-links a{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 1.2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: var(--lif-red-800);
    padding: 0;
	background-image: url(../images/menu-arrow-right-red.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px);
    background-size: 30px;
    padding-right: 55px;
}


.page-links a::before{
	content: "";
    width: 90px;
    height: 90px;
	min-width: 90px;
    margin-right: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	background-color: rgba(255, 255, 255, 0.6) !important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
}

.page-links a.patients-portal::before{
	background-image: url('data:image/svg+xml,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M17.75 2C18.9926 2 20 3.00736 20 4.25V19.7546C20 20.9972 18.9926 22.0046 17.75 22.0046H6.25C5.00736 22.0046 4 20.9972 4 19.7546V4.25C4 3.05914 4.92516 2.08436 6.09595 2.00519L6.25 2H17.75ZM18.5 16H5.5V19.7546C5.5 20.1688 5.83579 20.5046 6.25 20.5046H17.75C18.1642 20.5046 18.5 20.1688 18.5 19.7546V16ZM7.75129 17.5H16.25C16.6642 17.5 17 17.8358 17 18.25C17 18.6297 16.7178 18.9435 16.3518 18.9932L16.25 19H7.75129C7.33707 19 7.00129 18.6642 7.00129 18.25C7.00129 17.8703 7.28344 17.5565 7.64952 17.5068L7.75129 17.5H16.25H7.75129ZM17.75 3.5H6.25L6.14823 3.50685C5.78215 3.55651 5.5 3.8703 5.5 4.25V14.5H8V12.2455C8 11.5983 8.49187 11.066 9.12219 11.002L9.25 10.9955H14.75C15.3972 10.9955 15.9295 11.4874 15.9935 12.1177L16 12.2455V14.5H18.5V4.25C18.5 3.83579 18.1642 3.5 17.75 3.5ZM14.5 12.4955H9.5V14.5H14.5V12.4955ZM12 4.99552C13.3807 4.99552 14.5 6.11481 14.5 7.49552C14.5 8.87624 13.3807 9.99552 12 9.99552C10.6193 9.99552 9.5 8.87624 9.5 7.49552C9.5 6.11481 10.6193 4.99552 12 4.99552ZM12 6.49552C11.4477 6.49552 11 6.94324 11 7.49552C11 8.04781 11.4477 8.49552 12 8.49552C12.5523 8.49552 13 8.04781 13 7.49552C13 6.94324 12.5523 6.49552 12 6.49552Z" fill="%23CC0000"/></svg>');
}

.page-links a.shop::before{
	background-image: url('data:image/svg+xml,<svg id="Layer_1" style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path class="st0" d="M20.9,6H17V5c0-2.8-2.2-5-5-5S7,2.2,7,5v5h2V8h4V6H9V5c0-1.7,1.3-3,3-3c1.7,0,3,1.3,3,3v5h2V8h2.1l0.9,14H4.1  L4.9,8H5V6H3.1L1.9,24h20.1L20.9,6z" fill="%23CC0000"/></svg>');
}


.page-links a.pay-your-bills::before{
	background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title/><g id="invoice"><path d="M22,9H19V2a1,1,0,0,0-1.6-.8L15.33,2.75C12.21.42,13.1.42,10,2.75,6.89.42,7.77.42,4.66,2.75L2.6,1.2A1,1,0,0,0,1,2V20a3,3,0,0,0,3,3H20a3,3,0,0,0,3-3V10A1,1,0,0,0,22,9ZM4,21a1,1,0,0,1-1-1V4c2,1.47,1.41,1.44,4.33-.75,3.1,2.33,2.22,2.33,5.33,0,3,2.24,2.42,2.19,4.34.75,0,16.75-.08,16.3.17,17Zm17-1a1,1,0,0,1-2,0V11h2Z" fill="%23CC0000"/><path d="M6,10H9A1,1,0,0,0,9,8H6A1,1,0,0,0,6,10Z" fill="%23CC0000"/><path d="M14,12H6a1,1,0,0,0,0,2h8A1,1,0,0,0,14,12Z" fill="%23CC0000"/><path d="M14,16H6a1,1,0,0,0,0,2h8A1,1,0,0,0,14,16Z" fill="%23CC0000"/></g></svg>');
}

.page-links a.retainership::before{
	background-image: url('data:image/svg+xml,<svg id="Layer_1" style="enable-background:new 0 0 66 66;" version="1.1" viewBox="0 0 66 66" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M64.5,51c-0.8-1.5-2.5-2.5-4.2-2.3c0,0-0.1,0-0.1,0l-16.1,3c0.1-0.3,0.2-0.5,0.2-0.8c0.3-2-0.9-3.8-2.9-4.4   c-9.6-2.3-21.3-2.7-30.1-1c-0.2-0.4-0.6-0.6-1.1-0.5l-8.4,1.8c-0.3,0.1-0.5,0.2-0.6,0.4C1,47.3,1,47.6,1,47.8l3.5,15.5   c0.1,0.5,0.5,0.8,1,0.8c0.1,0,0.1,0,0.2,0l8.4-1.7c0.2-0.1,0.5-0.2,0.6-0.4l8.7,1.2c3.1,0.4,6.3,0.6,9.4,0.6   c10.2,0,20.4-2.3,29.7-6.7c1.1-0.5,1.9-1.4,2.3-2.6C65.2,53.3,65.1,52.1,64.5,51z M6.2,61.9l-3-13.6L9.6,47l3,13.6L6.2,61.9z" fill="%23CC0000"/><path d="M19.5,18.8c-0.8,4.2,3.5,10,12.9,17.5c0,0,0.1,0.1,0.1,0.1c0.1,0,0.1,0.1,0.2,0.1c0.1,0,0.2,0.1,0.3,0.1   c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0,0h0c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1-0.1c5.6-4.5,9.4-8.3,11.4-11.6H47c0.6,0,1-0.4,1-1   c0-0.6-0.4-1-1-1h-0.9c0.6-1.4,0.8-2.7,0.5-3.9c0-0.1,0-0.1-0.1-0.2c-0.6-3.7-3.7-6.4-7.5-6.4c-2.4,0-4.6,1.1-6,3   c-1.4-1.8-3.6-3-6-3c-3.7,0-6.9,2.7-7.5,6.4C19.5,18.7,19.5,18.8,19.5,18.8z M21.5,19.4c0-0.1,0.1-0.2,0.1-0.3   c0.3-2.8,2.7-4.9,5.5-4.9c2.2,0,4.2,1.3,5.1,3.3c0.2,0.4,0.5,0.6,0.9,0.6c0.4,0,0.8-0.2,0.9-0.6c0.9-2,2.9-3.3,5.1-3.3   c2.8,0,5.2,2.1,5.5,4.9c0,0.1,0,0.2,0.1,0.3c0.1,0.8-0.1,1.9-0.8,3.3h-8.6l-1.2-2.4c-0.1-0.3-0.4-0.5-0.7-0.5   c-0.3-0.1-0.6,0.1-0.9,0.3l-2.2,2.2l-0.7-1.6c-0.1-0.3-0.4-0.6-0.8-0.6c-0.4,0-0.7,0.1-0.9,0.4l-2.4,3.2c-0.3,0.4-0.3,1.1,0.2,1.4   c0.2,0.1,0.4,0.2,0.6,0.2c0.3,0,0.6-0.1,0.8-0.4l1.4-1.8l0.6,1.3c0.1,0.3,0.4,0.5,0.7,0.6c0.3,0.1,0.7,0,0.9-0.3l2.3-2.3l0.9,1.7   c0.2,0.3,0.5,0.6,0.9,0.6h8c-1.7,2.4-4.7,5.5-9.6,9.5C23.1,26.2,21.2,21.8,21.5,19.4z" fill="%23CC0000"/><path d="M33,42.6c2.5,0,5-0.5,7.4-1.4c0.5-0.2,0.8-0.8,0.6-1.3c-0.2-0.5-0.8-0.8-1.3-0.6c-2.1,0.8-4.4,1.2-6.7,1.2   c-10.1,0-18.3-8.2-18.3-18.3c0-4.3,1.5-8.3,4.1-11.6v2.1c0,0.6,0.4,1,1,1c0.6,0,1-0.4,1-1V8.3c0-0.6-0.4-1-1-1h-4.4   c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h1.9c-3,3.6-4.6,8.1-4.6,12.9C12.6,33.5,21.8,42.6,33,42.6z" fill="%23CC0000"/><path d="M24.2,6.1c2.7-1.5,5.7-2.2,8.8-2.2c10.1,0,18.3,8.2,18.3,18.3c0,4.9-1.9,9.4-5.2,12.8V33c0-0.6-0.4-1-1-1c-0.6,0-1,0.4-1,1   v4.2c-0.1,0.3,0,0.6,0.2,0.9c0.2,0.2,0.5,0.4,0.8,0.4c0,0,0,0,0,0c0,0,0,0,0,0h4.4c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1h-1.9   c3.6-3.8,5.7-8.8,5.7-14.1C53.3,11,44.2,1.9,33,1.9c-3.4,0-6.8,0.9-9.7,2.5c-0.5,0.3-0.7,0.9-0.4,1.4C23.1,6.2,23.8,6.4,24.2,6.1z" fill="%23CC0000"/></g></svg>');
}


.page-links a.funding-strategies::before{
	background-image: url('data:image/svg+xml,<svg id="Layer_1" style="enable-background:new 0 0 66 66;" version="1.1" viewBox="0 0 66 66" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><path d="M36.4,1.3c-5.9,0-10.7,4.8-10.7,10.7s4.8,10.7,10.7,10.7c5.9,0,10.7-4.8,10.7-10.7S42.3,1.3,36.4,1.3z M36.4,11   c1.8,0,3.2,1.5,3.2,3.2c0,1.4-0.9,2.6-2.2,3.1v1c0,0.6-0.4,1-1,1c-0.5,0-1-0.4-1-1v-0.9c-1.3-0.4-2.3-1.6-2.3-3.1c0-0.6,0.4-1,1-1   c0.6,0,1,0.4,1,1c0,0.7,0.6,1.3,1.2,1.3s1.3-0.6,1.3-1.3c0-0.7-0.6-1.2-1.2-1.2c-1.8,0-3.2-1.5-3.2-3.3c0-1.4,1-2.7,2.2-3.1v-1   c0-0.6,0.5-1,1-1c0.6,0,1,0.4,1,1v1c1.3,0.4,2.3,1.6,2.3,3.1c0,0.6-0.4,1-1,1c-0.6,0-1-0.4-1-1c0-0.7-0.6-1.2-1.3-1.2   c-0.7,0-1.2,0.6-1.2,1.2C35.1,10.4,35.7,11,36.4,11z" fill="%23CC0000"/><path d="M62.9,35.6c-0.4-0.6-1.1-1.2-2.2-1.8c0.1-0.3,0.2-0.6,0.2-1v-5.6c0-1.7-1.5-3-3.8-3.9C54.9,22.4,51.9,22,49,22   c-6,0-12,1.8-12,5.2v5.6c0,1.4,1,2.6,2.7,3.4c-0.1,0.3-0.2,0.7-0.2,1v5.6c0,3.4,6,5.2,12,5.2c6,0,12-1.8,12-5.2v-5.6   C63.4,36.7,63.3,36.1,62.9,35.6z M39,27.2c0-1.3,3.9-3.2,10-3.2c6.1,0,10,1.9,10,3.2s-3.9,3.2-10,3.2C42.9,30.4,39,28.5,39,27.2z    M51.5,40.4c-6.1,0-10-1.9-10-3.2c0-0.1,0-0.1,0-0.2c2.1,0.7,4.8,1,7.4,1c4.2,0,8.4-0.9,10.6-2.6c1.2,0.6,1.9,1.2,1.9,1.8   C61.4,38.5,57.6,40.4,51.5,40.4z" fill="%23CC0000"/><path d="M27.5,29.1c0-0.5-0.1-1.1-0.5-1.6c-0.4-0.6-1.1-1.2-2.2-1.8c0.1-0.3,0.2-0.6,0.2-1l0-5.6c0-1.7-1.5-3-3.8-3.9   C19,14.3,16,13.9,13,13.9c-6,0-12,1.8-12,5.2v5.6c0,1.4,1,2.6,2.7,3.4c-0.1,0.3-0.2,0.6-0.2,1v5.6c0,3.4,6,5.2,12,5.2   c6,0,12-1.8,12-5.2L27.5,29.1z M3,19.1c0-1.3,3.9-3.2,10-3.2c6.1,0,10,1.9,10,3.2c0,1.3-3.9,3.2-10,3.2C6.9,22.3,3,20.4,3,19.1z    M15.5,32.3c-6.1,0-10-1.9-10-3.2c0-0.1,0-0.1,0.1-0.2c2.1,0.7,4.8,1.1,7.4,1.1c4.2,0,8.4-0.9,10.6-2.6c1.2,0.6,1.9,1.2,1.9,1.8   C25.5,30.4,21.6,32.3,15.5,32.3z" fill="%23CC0000"/><path d="M64.8,55.2c-0.4,1.2-1.3,2.1-2.4,2.7l-0.4,0.2c-9.5,4.4-19.7,6.7-30.1,6.7c-3.3,0-6.7-0.2-10-0.7L14.3,63l-8.8,1.5   c-0.1,0-0.1,0-0.2,0c-0.5,0-0.9-0.3-1-0.8c-0.1-0.5,0.3-1.1,0.8-1.1l7.9-1.3l-2.8-12.9L2.5,50c-0.5,0.1-1.1-0.2-1.2-0.8   c-0.1-0.5,0.2-1.1,0.7-1.2l8.6-1.9l8.8-5c0,0,0.1,0,0.1,0c4-1.8,8.7-0.6,11.5,2.8l9.3,2.9c2,0.6,3.2,2.5,2.9,4.5   c-0.1,0.3-0.2,0.6-0.3,0.9l17-3c0,0,0.1,0,0.1,0c1.8-0.1,3.5,0.8,4.4,2.4C65.1,52.7,65.2,54,64.8,55.2z" fill="%23CC0000"/></g></svg>');
}




/*  Customer Suport Page  */

.contact-info{
	margin-bottom: 40px;
	text-align: center;
}

.contact-info p{
	margin-bottom: 10px;
}

.customer-support .col{
	display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 40px;
}

.customer-support .center-img{
	width: 40%;
}

.customer-support .center-text{
	width: 60%;
}

.customer-support h6{
	margin-bottom: 10px;
    font-size: 1.1em;
	margin-left: 10px;
}

.customer-support .center-text-address,
.customer-support .center-text-phone{
	padding: 10px 0 10px 30px;
    font-size: 0.85em;
    background-repeat: no-repeat;
    background-position-x: 6px;
    background-position-y: 12px;
	
}

.customer-support .center-text-address{
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" width="25px" height="25px" viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve"><path d="M8,0C4.687,0,2,2.687,2,6c0,3.854,4.321,8.663,5,9.398C7.281,15.703,7.516,16,8,16s0.719-0.297,1-0.602  C9.679,14.663,14,9.854,14,6C14,2.687,11.313,0,8,0z M8,10c-2.209,0-4-1.791-4-4s1.791-4,4-4s4,1.791,4,4S10.209,10,8,10z M8,4  C6.896,4,6,4.896,6,6s0.896,2,2,2s2-0.896,2-2S9.104,4,8,4z" fill="%23CC0000"/></svg>');
}

.customer-support .center-text-phone{
	background-image: url('data:image/svg+xml,<svg height="20px" viewBox="0 0 24 24" width="20px" xmlns="http://www.w3.org/2000/svg"><path d="M20 10.999h2C22 5.869 18.127 2 12.99 2v2C17.052 4 20 6.943 20 10.999z" fill="%23CC0000"/><path d="M13 8c2.103 0 3 .897 3 3h2c0-3.225-1.775-5-5-5v2zm3.422 5.443a1.001 1.001 0 0 0-1.391.043l-2.393 2.461c-.576-.11-1.734-.471-2.926-1.66-1.192-1.193-1.553-2.354-1.66-2.926l2.459-2.394a1 1 0 0 0 .043-1.391L6.859 3.513a1 1 0 0 0-1.391-.087l-2.17 1.861a1 1 0 0 0-.29.649c-.015.25-.301 6.172 4.291 10.766C11.305 20.707 16.323 21 17.705 21c.202 0 .326-.006.359-.008a.992.992 0 0 0 .648-.291l1.86-2.171a1 1 0 0 0-.086-1.391l-4.064-3.696z" fill="%23CC0000"/></svg>');
}

/*  Articles Page  */



.page-node-type-article .node__content .layout__region>.field {
	margin-bottom: 30px;
}

.page-node-type-article .field--name-field-media-image{
	margin-bottom: 40px;
}

.page-node-type-article .field--name-field-more-media{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
	

.field--name-field-tags .field__label{
	margin-bottom: 10px;
}

.field--name-field-tags .field__items{
	width: 100%;
    display: inline-block;
}

.field--name-field-tags .field__items .field__item{
	display: block;
    float: left;
    margin-right: 15px;
}


/*  Footer Menu  */
.site-footer {
	font-family: 'Inter', sans-serif;
	padding: 40px 0;
	font-size: 0.9em;
	background-color: var(--lif-red-800) !important;
	color: #FFF;
}


.not-front .site-footer{
	margin-top: 60px !important;
}


.site-footer .block-menu h5,
.site-footer .block-title{
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 15px;
	text-align: left;
}

.site-footer .navbar-nav{
	flex-direction: column;
	justify-content: center !important;
}

.site-footer .nav-item{
	width: max-content;
}

.site-footer .nav-link {
	font-weight: normal;
	color: #FFFFFF;
	padding: 6px 0;
	margin-bottom: 10px;
	float: left;
}

.site-footer a{
	color: #FFFFFF;
}

.site-footer a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.site-footer .last .nav-link{
	padding-right: 0;
}

.site-footer .nav-link.active{
	color: #FFFFFF;
	text-decoration: underline;
}

.site-footer .nav-link:hover{
  color: var(--lif-red-300);
}

.site-footer .nav-link.dropdown-toggle::after {
  display: none;
}

.site-footer .content {
  color: #FFFFFF;
}

.site-footer ul{
	padding-left: 0;
    list-style-type: none;
}

.site-footer ul li{
	
}

.footer-contact{
	padding-right: 20px;
}

.footer-contact .footer-logo{
	margin-bottom: 20px;
}

.footer-contact .footer-logo-text{
	font-size: 0.9em;
}


.footer-about, .footer-for, .footer-social{
	margin-top: 30px;
}

.footer-links-header{
	font-size: 1.3em;
    font-weight: 700;
}

.footer-links-header span{
	padding-right: 22px;
    background: url(../images/white-arrow-right.png) right no-repeat;
    background-size: 17px;
}

.footer-button-links ul li{
	margin-bottom: 15px;
}

.footer-button-links ul li a.btn-secondary{
	text-align: left;
    padding: 8px 40px 8px 15px;
    border: 1px solid #FFF;
    border-radius: 7px;
    width: 210px;
    background-color: transparent;
    background-image: url(../images/white-arrow-right.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position-y: center;
    background-position-x: calc(100% - 10px);
}

.footer-button-links ul li a.btn-secondary:hover{
    background-color: var(--lif-red-600) !important;
    text-decoration: none;
}

.footer-social-icons ul{
	margin-top: 10px;
    display: inline-block;
}

.footer-social-icons ul li{
	display: block;
    float: left;
    margin-right: 15px;
}

.footer-more-links{
	width: 100%;
    display: inline-block;
    margin-top: 20px;
}

.footer-copy{
	margin-top: 30px;
	text-align: center;
}



/*  Login/Register/Password Pages  */
.page-user-register,
.page-user-login,
.page-user-password {}

.page-user-register nav.tabs,
.page-user-login nav.tabs,
.page-user-password nav.tabs {
  display: none;
}

.page-user-register .main-page-content,
.page-user-login .main-page-content,
.page-user-password .main-page-content {
  margin: 40px auto;
  max-width: 500px;
}

.page-user-register .title-holder,
.page-user-login .title-holder,
.page-user-password .title-holder {
  padding-top: 0;
  padding-bottom: 0;
}

.page-user-register .block-page-title-block h1,
.page-user-login .block-page-title-block h1,
.page-user-password .block-page-title-block h1 {
  text-align: center;
}

.page-user-register .main-page-content .form-wrapper,
.page-user-login .main-page-content .form-wrapper,
.page-user-password .main-page-content .form-wrapper {
  margin-bottom: 5px !important;
}

.page-user-register .main-page-content .form-control,
.page-user-register .main-page-content .ui-widget.ui-selectmenu-button,
.page-user-login .main-page-content .form-control,
.page-user-login .main-page-content .ui-widget.ui-selectmenu-button,
.page-user-password .main-page-content .form-control,
.page-user-password .main-page-content .ui-widget.ui-selectmenu-button {
  border: 2px solid #6CB1FF;
}

.page-user-register #edit-field-first-name-wrapper,
.page-user-register #edit-field-last-name-wrapper {
  display: block;
  float: left;
  width: 47.5%;
}

.page-user-register #edit-field-first-name-wrapper {
  margin-right: 2.5%;
}

.page-user-register #edit-field-last-name-wrapper {
  margin-left: 2.5%;
}

/* Address field */
.page-user-register #edit-field-address-wrapper {
  display: inline-block;
}

.page-user-register #edit-field-address-wrapper #edit-field-address-0 {
  border: 0;
  margin-top: 0;
}

.page-user-register .field--name-field-address .details-wrapper {
  padding: 0;
  border: 0;
}

.page-user-register .form-item-field-address-0-address-address-line2 {
  display: none;
}

.page-user-register #edit-simplenews {
  margin-bottom: 20px !important;
}

.page-user-register #edit-simplenews .description {
  display: block;
}

.page-user-register #edit-simplenews .form-item-subscriptions-default {
  margin-bottom: 5px !important;
}

.page-user-register .captcha label,
.page-user-register .captcha .captcha__description {
  display: none;
}

.page-user-register #edit-actions,
.page-user-login #edit-actions,
.page-user-password #edit-actions {
  margin-top: 30px;
}

.page-user-register #edit-actions .button,
.page-user-login #edit-actions .button,
.page-user-password #edit-actions .button {
  width: 100%;
  border-radius: 5px;
  font-size: 16px;
}

.page-user-login .reset-password{
  display: flex;
  justify-content: center;
}

.page-user-login .reset-password a{
  display: inline-table;
  padding: 10px 15px;
  background-color: var(--lif-blue-100);
  color: #FFF;
  font-size: 0.85em;
  border-radius: 10px;
  margin: 20px auto 20px;
}

.page-user-login .reset-password a:hover{
	background-color: var(--lif-blue-200);
}




/*   INNER PAGES   */

.node__content .field--name-body{
	margin-bottom: 40px;
}


.content-header.page-image-exists{
    background: var(--bs-gray-200);
    padding-top: 30px;
    padding-bottom: 40px;
	margin-bottom: 40px;
}

.page-image-exists .title-holder{
	width: 450px;
    height: 180px;
    margin-top: -200px;
    position: absolute;
    margin-left: 80px;
    color: #FFF;
    text-shadow: 1px 1px 5px #000;
    background: rgba(0, 0, 0, 0.45) !important;
    padding: 20px 40px;
}

.page-image-exists .title-holder h1{
	font-size: 1.8em;
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-image-exists #block-benin-pagesummary{
    width: 450px;
    margin-top: -100px;
    position: absolute;
    margin-left: 80px;
    font-size: 1em;
    font-weight: 600;
    padding: 0 40px;
    color: #FFF;
    text-shadow: 1px 1px 2px #000;
}

/* One Column Block  */

.node__content .field--name-field-one-column-block > .field__item{
	padding: 40px 60px;
    border-top: 1px solid var(--bs-border-color);
}

.node__content .field--name-field-one-column-block .field__item.last{
	border-bottom: 1px solid var(--bs-border-color);
}

.node__content .field--name-field-one-column-block .field--name-title{
	font-size: 1.2em;
    font-weight: 700;
    color: var(--lif-red-800);
    margin-bottom: 10px;
}


.node__content .field--name-field-one-column-block .field--name-field-block-link a,
.node__content .field--name-field-one-column-block .field--name-field-block-link span{
	display: table;
    font-size: 0.9em;
    font-weight: 600;
    border-radius: 8px;
    padding: 6px 15px;
    border: 2px solid;
    background-color: var(--lif-red-800);
    border-color: var(--lif-red-800);
    color: #FFFFFF;
}

.node__content .field--name-field-one-column-block .field--name-field-block-link a:hover,
.node__content .field--name-field-one-column-block .field--name-field-block-link span:hover{
	background-color: var(--lif-red-600) !important;
	border-color: var(--lif-red-600) !important;
	color: #FFFFFF;
}





/*  Sidebar Menu  */

#block-benin-mainnavigation-2{
	margin-bottom: 40px;
}

#block-benin-mainnavigation-2 h5#block-benin-mainnavigation-2-menu{
	font-size: 1.1em;
    font-weight: 600;
    color: #666;
}

#block-benin-mainnavigation-2 .navbar-nav li a{
	font-size: 0.9em;
    padding: 7px 7px 7px 25px;
    font-weight: 600;
    color: #666;
    background-image: url(../images/grey-arrow-right-15.png);
    background-repeat: no-repeat;
    background-size: 7px;
    background-position-y: center;
}

#block-benin-mainnavigation-2 .navbar-nav li a:hover{
	color: var(--lif-red-800);
	background-image: url(../images/red-arrow-right-15.png);
}

#block-benin-mainnavigation-2 .navbar-nav li a.dropdown-toggle::after{
	display: none;
}




/*  Our Journey  */

.three-decades-wreath{
	margin-bottom: 40px;
    text-align: center;
}


.our-journey-tab{
	margin-top: 80px;
    margin-bottom: 40px;
}

.our-journey-header{
    text-align: center;
    margin-bottom: 30px;
}

.our-journey-header h5{
	font-size: 1.7em;
    margin-bottom: 15px;
}

.our-journey-header p{
	font-size: 1.1em;
}

.our-journey-tab .nav-tabs .nav-item {
    --bs-nav-tabs-border-width: 0;
    --bs-nav-tabs-border-color: none;
}

.our-journey-tab .nav-tabs .nav-item a{
    font-size: 1.1em;
    font-weight: 600;
    color: var(--lif-red-800);
    padding-top: 10px;
    padding-bottom: 10px;
    background: none;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.our-journey-tab .nav-tabs .nav-item a.active, 
.our-journey-tab .nav-tabs .nav-item a:hover{
	background: #f7f7f7;
    border-color: transparent;
	border-bottom: 2px solid var(--lif-red-900);
}

.our-journey-tab .tab-content{
	padding: 20px;
}

.our-journey-rev{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.our-journey-rev.even{
	flex-direction: row-reverse;
}

.our-journey-image{
	width: 45%;
}

.our-journey-rev.odd .our-journey-image{
	padding-right: 30px;
}

.our-journey-rev.even .our-journey-image{
	padding-left: 30px;
}

.our-journey-text{
	width: 55%;
}



/*  Social media sharing  */

.path-node div.block-extra-field-blocknodearticlesharing-buttons,
.path-node div.block-extra-field-blocknodejobssharing-buttons{
    margin: 20px 0 30px;
    display: inline-block;
    padding: 20px;
    background-color: var(--lif-red-100);
    border-radius: 8px;
}

.path-node div.block-extra-field-blocknodearticlesharing-buttons h2,
.path-node div.block-extra-field-blocknodejobssharing-buttons h2{
	font-size: 1em;
    font-weight: 600;
    margin-bottom: 10px;
}

.social-sharing-buttons{
	justify-content: flex-start;
    margin: 0;
}


/*  Team Members  */

.team-members{
	margin-top: 30px;
}

.team-members-row{
	justify-content: space-around;
}

.team-members-row .col{
    max-width: 270px;
    border: 1px solid var(--lif-red-200);
    border-radius: 8px;
    text-align: center;
	padding: 5px 5px 20px;
    margin-bottom: 60px;
}

.team-member-image{
	margin-bottom: 15px;
}

.team-member-image img{
	border-radius: 8px;
}

.team-member-name{
	font-size: 1.1em;
    font-weight: 600;
    color: var(--lif-red-800);
	margin-bottom: 10px;
}

.team-member-name a,
.team-member-name a:hover{
	color: var(--lif-red-800);
}


/*  Team Member Modal  */

.modal-title{
	font-size: 1.3em;
    color: var(--lif-red-800);
    font-weight: 700;
}

.modal-header button.close{
	font-size: 1em;
}

.team-member-modal{
	justify-content: space-between;
}

.team-member-modal-photo{
	max-width: 220px;
    margin-bottom: 30px;
}

.team-member-modal-text{
	max-height: 270px;
	overflow-y: scroll;
	font-size: 0.9em;
}

.team-member-modal-text::-webkit-scrollbar {
  width: 8px;
}

.team-member-modal-text::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
.team-member-modal-text::-webkit-scrollbar-thumb {
  background: #999; 
}

.team-member-modal-text::-webkit-scrollbar-thumb:hover {
  background: #666; 
}



/* Team Page  */





.page-view-team .view-header{
	margin-bottom: 30px;
    font-size: 0.95em;
    font-weight: 500;
}

.page-view-team .view-content{
	display: flex;
    flex-wrap: wrap;
}

.page-view-team .view-content .views-row{
    margin-right: 20px;
    margin-bottom: 30px;
    border: 1px solid var(--lif-red-300);
    padding: 15px;
}

.page-view-team .view-content .views-field-field-photo{
	margin-bottom: 15px;
}

.page-view-team .view-content .views-field-field-photo img{
	border-radius: 5px;
	width: 100%;
}

.page-view-team .view-content .views-field-title{
	font-size: 1.1em;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bs-border-color);
    margin-bottom: 10px;
}

.page-view-team .view-content .views-field-title a{
	color: var(--lif-red-800);
}

.page-view-team .view-content .views-field-field-designation{
	font-size: 0.9em;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bs-border-color);
    margin-bottom: 10px;
}

.page-view-team .view-content .views-field-field-practice{
	font-size: 0.85em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lif-red-800);
    padding-bottom: 10px;
    border-bottom: 1px solid var(--bs-border-color);
    margin-bottom: 10px;
}

.page-view-team .view-content .views-field-nothing a{
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 0.9em;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    background-color: var(--lif-red-800);
    color: #FFF;
    border-radius: 8px;
}


/*  Professional page  */

.hidden-element {
  display: none;
}

.displayed-element {
  display: block; /* Or your desired display value */
  opacity: 0; /* Start with opacity 0 */
  transition: opacity 0.5s ease-in-out; /* Add transition effect */
}

.displayed-element.visible {
  opacity: 1; /* Fade in */
}

.page-node-type-professional .teams-go-back{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.page-node-type-professional .teams-go-back a{
	font-weight: 500;
    color: var(--lif-red-800);
}

.page-node-type-professional .region-content{
/* 	border: 1px solid var(--lif-red-200);
    border-radius: 10px;
    padding: 20px; */
}


.page-node-type-professional #block-benin-pagetitle{
	display: none;
}

.page-node-type-professional .region-content .tabs-primary{
	margin-top: 0;
}

.page-node-type-professional .professional-three-cols{
	margin-bottom: 40px;
}

.page-node-type-professional .block-field-blocknodeprofessionalfield-photo .field--name-field-photo img{
	border-radius: 10px;
}

.page-node-type-professional .block-field-blocknodeprofessionaltitle{
	margin: 20px 0 10px;
    font-size: 1.4em;
    font-weight: 600;
    color: var(--lif-red-800);
}

.page-node-type-professional .field--name-field-designation{
	font-size: 0.9em;
    font-weight: 600;
    margin-bottom: 10px;
}

.page-node-type-professional .field--name-field-practice{
	font-size: 0.85em;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--lif-red-800);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.page-node-type-professional div.block-social-sharing-buttons-block{
    display: inline-block;
    background-color: var(--lif-red-100);
    padding: 15px;
    border-radius: 5px;
}

.page-node-type-professional .block-social-sharing-buttons-block h2.block-title{
	font-size: 0.95em;
    font-weight: 600;
    margin-bottom: 10px;
}

.page-node-type-professional .social-sharing-buttons{
	margin: 0;
    justify-content: flex-start;
}


.page-node-type-professional .field--name-field-days-available{
	margin-top: 30px;
    margin-bottom: 30px;
	font-size: 0.85em;
}

.page-node-type-professional .field--name-field-days-available .field__item{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-size: 10px;
	background-position-x: left;
	background-position-y: center;
	background-image: url( 'data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M335 175L224 286.1L176.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C211.7 341.7 217.8 344 224 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S344.4 165.7 335 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z"/></svg>');
}

.page-node-type-professional .book-appointment-buttons{
	display: flex;
    flex-wrap: wrap;
}

.page-node-type-professional .book-appointment-buttons .call-to-book a{
    display: block;
    font-size: 0.95em;
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 20px;
	margin-bottom: 20px;
    padding: 12px 20px 12px 40px;
    border: 1px solid var(--lif-red-300);
    border-radius: 8px;
    color: var(--lif-red-900);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position-x: 10px;
    background-position-y: center;
	background-image: url( 'data:image/svg+xml,<svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48H0z" fill="none"/><path d="M13.25 21.59c2.88 5.66 7.51 10.29 13.18 13.17l4.4-4.41c.55-.55 1.34-.71 2.03-.49C35.1 30.6 37.51 31 40 31c1.11 0 2 .89 2 2v7c0 1.11-.89 2-2 2C21.22 42 6 26.78 6 8c0-1.11.9-2 2-2h7c1.11 0 2 .89 2 2 0 2.49.4 4.9 1.14 7.14.22.69.06 1.48-.49 2.03l-4.4 4.42z" fill="%23CC0000"/></svg>');
}

.page-node-type-professional .book-appointment-buttons .call-to-book a:hover{
	background-color: var(--lif-red-100);
}

.page-node-type-professional .book-appointment-buttons .book-button button{
	display: block;
    font-size: 0.95em;
    font-weight: 600;
    text-transform: uppercase;
    padding: 12px 20px 12px 40px;
    border: 1px solid var(--lif-red-600);
    border-radius: 8px;
    color: #FFFFFF;
    background-color: var(--lif-red-600);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position-x: 10px;
    background-position-y: center;
	background-image: url( 'data:image/svg+xml,<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M1 4c0-1.1.9-2 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4zm2 2v12h14V6H3zm2-6h2v2H5V0zm8 0h2v2h-2V0zM5 9h2v2H5V9zm0 4h2v2H5v-2zm4-4h2v2H9V9zm0 4h2v2H9v-2zm4-4h2v2h-2V9zm0 4h2v2h-2v-2z" fill="%23FFFFFF"/></svg>');
}

.page-node-type-professional .book-appointment-buttons .book-button button:hover{
	background-color: var(--lif-red-800);
}


div#block-benin-bookappointment h2#block-benin-bookappointment{
    font-size: 1.9em;
    font-weight: 800;
    margin: 50px 0 30px;
}


.page-node-type-professional #block-benin-bookappointment .nav-pills{
    border: 1px solid var(--lif-red-600);
    padding: 8px 10px;
    border-radius: 8px;
    width: max-content;
}

.page-node-type-professional #block-benin-bookappointment .nav-item .nav-link{
    font-size: 0.9em;
    font-weight: 600;
    padding: 12px 40px;
    border-radius: 8px;
}

.page-node-type-professional #block-benin-bookappointment .nav-item .nav-link:hover{
	color: #333;
}

.page-node-type-professional #block-benin-bookappointment .nav-item .nav-link.active{
	background-color: var(--lif-red-800);
}

.page-node-type-professional #block-benin-bookappointment .nav-item .nav-link.active:hover{
	color: #FFF;
}


.page-node-type-professional #block-benin-bookappointment form .container{
	padding-left: 0;
    padding-right: 0;
}

.page-node-type-professional #block-benin-bookappointment .form-control, 
.page-node-type-professional #block-benin-bookappointment .ui-widget.ui-selectmenu-button{
	font-size: 0.9em;
    border: 1px solid var(--lif-red-800);
    background-color: #FFFFFF;
    border-radius: 6px;
    padding: 12px 10px;
}

.page-node-type-professional #block-benin-bookappointment form .button{
	padding: 15px 60px;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 6px;
}



/*  Recaptcha logo  */

.grecaptcha-badge{
	bottom: 145px;
}


/*  Testimonial form  */

.webform--testimonial_form .main-content-area .container{
	max-width: 800px;
}

.webform--testimonial_form .block-page-title-block h1{
	text-align: center;
	margin-top: 40px;
}

.webform--testimonial_form .main-label{
	margin-bottom: 0;
    font-size: 1em;
    font-weight: 600;
}

.webform--testimonial_form .field-label label{
	color: var(--lif-gray-800);
}

.webform--testimonial_form .form-actions{
	text-align: center;
    border-top: 1px solid var(--lif-gray-100);
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0;
}

.webform--testimonial_form .webform-submission-form container row{
	margin-bottom: 20px;
}