/* BA components. Based on Bootstrap 5.3. Jan 2023. */
/*	
	1.	main navigation
	2.	aside nav
	4.	side-content-menu
	5.	section-header
	6.	modals
	7.	pagination
	8.	pills
	9.	tabs
	10.	accordion
	11.	breadcrumbs
	12.	tables
	13.	main search
	14.	aside CTA banner
	17. listing-showing-info
	21. tags-listing
	22. listing nav
	23. post-card
	24. megamenu
	25. three-column-listing
	26. two-column-listing
	27. view-mode-switch
	28. project-card
	29. timeline-slider
*/



/* ************************* */
/* 1. MAIN NAVIGATION		 */
/* ************************* */

/* navbar */
#header{height:0;}

#header .navbar{ position: fixed; top:0px; left:0; width:100vw; padding:0; background:transparent; z-index: 1030; transition:box-shadow 0.8s ease, top 0.8s ease, background 0.8s ease;}
#header .navbar > .container{justify-content: center;}
.navbar-brand{z-index: 999; position: absolute; top:2.25rem; width:8.56rem; padding:0; flex:none; margin:0.25rem 0; transition:margin-top 0.8s ease, width 0.8s ease; }
.navbar-brand:focus{outline:0;}
.navbar-brand img{width:100%;}

#header .navbar.affix{backdrop-filter: blur(1rem); background: var(--color-black65); box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.5); top:calc(var(--header-height-sticky) - var(--header-height));}
.affix .navbar-brand{margin-top:2.8rem; width:4.5rem;}

/*navigation */
#navigation{justify-content: flex-end;}
#navigation > .inner-wrap{height:var(--header-height); width:100%; top:0; flex:none; display: flex; flex-direction: column-reverse; align-items: center; }

.navbar-nav .placeholder-item {cursor: default;}
.navbar-nav li{display: flex; align-items: center;}
.navbar-nav > li > a:not(.btn){line-height:1.2; display: block; text-decoration: none;}
.navbar-nav .dropdown-toggle{z-index: 2; text-align: right;}
.navbar-nav .dropdown-toggle:after{content: '\f078'; font: var(--font-icon); transition:transform 0.4s ease; border:0;}
.navbar-nav .dropdown-toggle.show:after{ transform:rotate(-180deg);}

.navbar-nav .dropdown-menu{ddisplay: block!important; top:100%; background: #fff; min-width:14rem; max-width: 15rem; padding:0; margin:0; border:0; border-radius:0; box-shadow: 0 0.25rem 2rem var(--color-primary25);}
.navbar-nav .dropdown-menu > li{align-items: flex-start;}
.navbar-nav .dropdown-menu > li > a{line-height: 1.2; display: block; text-decoration: none; flex-grow:1;}
.navbar-nav .dropdown-menu.open-left {left:auto; right:-1px;}
.navbar-nav .dropdown-menu .dropdown-menu{left:100%;}
.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:auto; right:100%;}
.navbar-nav .dropdown-menu .dropdown-toggle:after{transform:rotate(-90deg);}
.navbar-nav .dropdown-menu .dropdown-toggle.show:after{ transform:rotate(90deg);}

/* main-nav */
#main-nav{margin-bottom:1.05rem; padding-right:5.12rem; gap:3.75rem; width:100%; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; transition:margin 0.8s ease;}
.affix #main-nav{margin-bottom:0;}
#main-nav > li.right{margin-left:auto;}
#main-nav > li.right + li.right{margin-left:0;}
#main-nav > li > a{padding:1.2rem 0 1.37rem 0; }
#main-nav > .dropdown > a:not(.dropdown-toggle){padding-right:0;}
#main-nav > .dropdown > .dropdown-toggle{padding-left:0.31rem;}
#main-nav > .dropdown > .dropdown-toggle:after{font-size: 0.81rem; vertical-align: 10%;}

#main-nav > li > a{color:#fff;}
#main-nav > li > a:hover, #main-nav > li > a:focus, #main-nav > .active > a, #main-nav > .show > a{color:var(--color-light-yellow);}

#main-nav .dropdown-menu{font-size:1rem; font-weight: 400; text-transform: none; letter-spacing: 0; padding:0;}
#main-nav .dropdown-menu > li > a{padding:1.1rem 2.5rem 1.1rem 1.25rem;}
#main-nav .dropdown-menu .dropdown-menu{top:0;}
#main-nav .dropdown-menu .dropdown-menu > li > a{padding-right:1.25rem;}
#main-nav .dropdown-menu > .dropdown > a{padding-right:0.5rem;}
#main-nav .dropdown-menu > .dropdown > .dropdown-toggle{ padding-left:0.5rem; padding-right:0.62rem; flex:none;} 
#main-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 0.75rem; vertical-align: 10%;}

#main-nav .dropdown-menu > li > a{color:var(--color-black);}
#main-nav .dropdown-menu > li > a:hover, #main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > .show > a{color:var(--color-black);}
#main-nav .dropdown-menu > li.active > a{color:var(--color-primary);}
#main-nav .dropdown-menu > li:hover{background: var(--color-light-grey);}

#main-nav .item-hamburger .dropdown-toggle{display: none;}
#main-nav .item-hamburger a [class*='fa']{margin-right:0.5rem;}
#main-nav > li > a [class*='fa']{ font-size: 1.12rem; vertical-align: -5%;}
#main-nav > .show > a [class*='fa']:before{content: '\f00d';}

#main-nav:before{content: ''; opacity: 0.25; background: linear-gradient(90deg, #fff 0%, #fff 100%) no-repeat right center / 100% 1px, url("../../img/bg-main-nav.svg") no-repeat right center / contain; position: absolute; bottom:-0.25rem; height:0.3125rem; left:calc(-1*var(--page-side-gap)); width:calc(50vw - 10.56rem); }
#main-nav:after{content: ''; opacity: 0.25; background: linear-gradient(90deg, #fff 0%, #fff 100%) no-repeat left center / 100% 1px, url("../../img/bg-main-nav.svg") no-repeat left center / contain; position: absolute; bottom:-0.25rem; height:0.3125rem; right:calc(-1*var(--page-side-gap)); width:calc(50vw - 10.56rem); }

/* top-nav */
#top-nav{width:100%; gap:3.5rem;}
#top-nav > li.right{margin-left:auto;}
#top-nav > li.right + li.right{margin-left:0;}
#top-nav > li > a:not(.btn){padding:0.5rem 0; font-size: 1rem;}
#top-nav > .dropdown > a:not(.dropdown-toggle){padding-right:0;}
#top-nav > .dropdown > .dropdown-toggle{padding-left:0.31rem;}
#top-nav > .dropdown > .dropdown-toggle:after{font-size: 0.81rem; vertical-align: 0%;}

#top-nav > li > a:not(.btn){color:var(--color-mint);}
#top-nav > li > a:not(.btn):hover, #top-nav > li > a:not(.btn):focus, #top-nav > .active > a:not(.btn), #top-nav > .show > a:not(.btn){color:var(--color-light-yellow);}

#top-nav .dropdown-menu{font-size:1rem; padding:0;}
#top-nav .dropdown-menu > li > a{padding:1rem 2.5rem 1rem 1.25rem;}
#top-nav .dropdown-menu .dropdown-menu{top:0;}
#top-nav .dropdown-menu .dropdown-menu > li > a{padding-right:1.25rem;}
#top-nav .dropdown-menu > .dropdown > a{padding-right:0.5rem;}
#top-nav .dropdown-menu > .dropdown > .dropdown-toggle{ padding-left:0.5rem; padding-right:0.62rem; flex:none;} 
#top-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 0.75rem; vertical-align: 5%;}

#top-nav .dropdown-menu > li > a{color:var(--color-black);}
#top-nav .dropdown-menu > li > a:hover, #top-nav .dropdown-menu > li > a:focus, #top-nav .dropdown-menu > .show > a{color:var(--color-black);}
#top-nav .dropdown-menu > li.active > a{color:var(--color-primary);}
#top-nav .dropdown-menu > li:hover{background: var(--color-light-grey);}

#top-nav > li > a [class*='fa']{ font-size: 1rem; vertical-align: -5%; margin-right:0.5rem;}


@media (max-width: 1399.98px) {
	#main-nav{gap:2.5rem; padding-right:4rem;}
	#main-nav:before{width:calc(50vw - 8rem); }
	#main-nav:after{width:calc(50vw - 8rem); }
	
	#top-nav{gap:2rem;}
}

@media (max-width: 1199.98px) {
	#main-nav{gap:1.5rem; padding-right:3.5rem;}
	#main-nav:before{width:calc(50vw - 6rem); }
	#main-nav:after{width:calc(50vw - 6rem); }
	
	#top-nav{gap:1.5rem;}
	
	#top-nav > li > .btn-sm{padding-left:1.4rem; padding-right:1.4rem;}
	#top-nav > li > .btn-sm.btn-decor:hover, #top-nav > li > .btn-sm.btn-decor:focus, #top-nav > li > .focus.btn-sm.btn-decor, #top-nav > li > .btn-sm.btn-decor:active, #top-nav > li > .active.btn-sm.btn-decor, #top-nav > li > .btn-sm.btn-decor:active:focus, #top-nav > li > .btn-sm.btn-decor:active:hover, #top-nav > li > .btn-sm.btn-decor.active:hover, #top-nav > li > .btn-sm.btn-decor.active:focus, #top-nav > li > .btn-sm.btn-decor:active.focus, #top-nav > li > .btn-sm.btn-decor.active.focus{
		padding-left:0.8rem; padding-right:2rem; }
	#top-nav > li > .btn-sm.btn-decor:after{right:0.5rem;}
}
@media (max-width: 991.98px) {
	#header, #navigation > .inner-wrap{height:auto;}
	
	.navbar-toggler {padding:0.7rem 1rem; color:#fff; margin:0.25rem 0; height:3.5rem; width:3.5rem; line-height:1; border:0; border-radius:var(--radius-normal); box-shadow:none!important; transition:color 0.2s ease, background-color 0.2s ease; }
	[aria-expanded='true'].navbar-toggler [class*='fa']:before{ content:'\f00d';}
	.navbar-toggler:hover, [aria-expanded='true'].navbar-toggler{ background-color:var(--color-light-yellow); color:var(--color-black);}
	.navbar-toggler:focus{ background-color:transparent; color:#fff;}
	[aria-expanded='true'].navbar-toggler:focus{ background-color:var(--color-light-yellow); color:var(--color-black);}

	#header .navbar{ position:absolute; width:auto; padding:0;}
	#header .navbar > .container{display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; padding-left:calc(var(--bs-gutter-x)*0.5); padding-right:calc(var(--bs-gutter-x)*0.5);}
	
	.navbar-brand{position: relative; top:0; margin:0.5rem 0; height:4rem; width:auto; transition:none;}
	.navbar-brand img{width:auto; height:100%;}
	#header .navbar.affix{transition: none; top:0; box-shadow:none; background: transparent;}
	.affix .navbar-brand{margin-top:0.5rem; transition: none; top:0; height:4rem; width:auto;}

	#navigation{border-radius:var(--radius-normal); position:absolute; top:100%; width:auto; left:0.75rem; right:0.75rem; padding-left:0; padding-right:0; box-shadow:0 1rem 1rem rgba(0,0,0,0.3); background-color: #fff;}
	#navigation > .inner-wrap{display: block;}
	#navigation.has-search > .inner-wrap{padding-right:0;}
	.navbar-nav{margin:0;}
	.navbar-nav li{display:block;}
	.navbar-nav li a:not(.dropdown-toggle){margin-right:3rem;}
	.navbar-nav .dropdown-toggle{margin-left:auto; position: absolute; top:0;}
	.navbar-nav .dropdown-menu{width:100%; position:relative; padding:0; float:none; box-shadow:none; min-width:auto; max-width: none; background-color:transparent; margin-top:1px;}
	.navbar-nav .dropdown-menu .dropdown-toggle:after{transform:rotate(0);}
	.navbar-nav .dropdown-menu .dropdown-toggle.show:after{ transform:rotate(180deg);}
	.navbar-nav .dropdown-menu .dropdown-menu{left:0;}
	.navbar-nav .dropdown-menu.open-left {left:0; right:0;}
	.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}

	/* main-nav */
	#main-nav{padding:1rem 0.75rem; margin:0; gap:0;}
	#main-nav > li > a{padding:1rem; font-size: 1.2rem;}	
	#main-nav > .dropdown > a:not(.dropdown-toggle){padding-right:1rem;}
	#main-nav > .dropdown > .dropdown-toggle{ width:3.5rem; padding-left:1rem; right:0; text-align: center;}
	#main-nav > .dropdown > .dropdown-toggle::after{font-size: 1rem;}
	
	#main-nav .dropdown-menu{ font-size: 1rem; background-color: transparent; padding:0 0 0 2rem;}
	#main-nav .dropdown-menu > li:hover{background: transparent;}
	#main-nav .dropdown-menu > li > a{padding:1rem; flex:none;}
	#main-nav .dropdown-menu > .dropdown > a{padding-right:1rem;}
	#main-nav .dropdown-menu > .dropdown > .dropdown-toggle{ width:3.5rem; right:0; padding-left:1rem; padding-right:1rem; text-align: center;}
	#main-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 1rem;}
	#main-nav .dropdown-menu .dropdown-menu{top:0;}
	
	#main-nav > li > a,
	#main-nav .dropdown-menu > li > a{color:var(--color-black);}
	
	#main-nav > .show > a, #main-nav .dropdown-menu > .show > a{color:inherit;}

	#main-nav > li > a:hover, 
	#main-nav > li > a:focus,
	#main-nav > li.active > a,
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover,
	#main-nav .dropdown-menu > li.active > a{color:var(--color-hover);}
	
	#main-nav .item-hamburger [class^='fa']{display:none;}
	#main-nav .item-hamburger .dropdown-toggle{display: block;}
	
	#main-nav > li.right{margin-left:0;}

	/* top-nav */
	#top-nav{background-color: var(--color-primary); padding:1rem 0.75rem; gap:0;}
	#top-nav > li > a:not(.btn){padding:1rem; font-size: 1.2rem;}	
	#top-nav > li > .btn{margin:1rem;}
	#top-nav > .dropdown > a:not(.dropdown-toggle){padding-right:1rem;}
	#top-nav > .dropdown > .dropdown-toggle{right:0; width:3.5rem; padding-left:1rem; text-align: center;}
	#top-nav > .dropdown > .dropdown-toggle::after{font-size: 1rem;}
	
	#top-nav .dropdown-menu{font-size: 1rem; background-color: transparent; padding:0 0 0 2rem;}
	#top-nav .dropdown-menu > li:hover{background: transparent;}
	#top-nav .dropdown-menu > li > a{padding:1rem; flex:none;}
	#top-nav .dropdown-menu > .dropdown > a{padding-right:1rem;}
	#top-nav .dropdown-menu > .dropdown > .dropdown-toggle{right:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align: center;}
	#top-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 1rem;}
	#top-nav .dropdown-menu .dropdown-menu{top:0;}

	#top-nav > li > a:not(.btn),
	#top-nav .dropdown-menu > li > a{color:#fff}
	#top-nav .dropdown-menu > li.active > a{color:var(--color-mint);}
	
	#top-nav > .show > a:not(.btn), #top-nav .dropdown-menu > .show > a:not(.btn){color:#fff;}

	#top-nav > li > a:not(.btn):hover, 
	#top-nav > li > a:not(.btn):focus,
	#top-nav > .active > a:not(.btn),
	#top-nav .dropdown-menu > li > a:focus,
	#top-nav .dropdown-menu > li > a:hover,
	#top-nav .dropdown-menu > .active > a{color:var(--color-light-yellow);}
	
	#top-nav > li.right{margin-left:0;}
	
	#top-nav > li > a [class*="fa"]{vertical-align: 0%;}
	
}



/* ************************* */
/* 2. ASIDE NAV   			 */
/* ************************* */
.side-nav-wrap{padding:1rem 1.5rem; background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%); border-radius: var(--radius-normal);}
.side-nav-wrap .sublevel{padding-left:1.5rem;}
.side-nav-wrap a{font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; display:block; padding:0.63rem 0; text-decoration: none; flex-grow:1;}
.side-nav-wrap .sublevel-toggle{margin-top:0.25rem; padding-left:0.5rem; padding-right:0.5rem; flex:none; }
.side-nav-wrap .sublevel-toggle:focus{outline: 0;}
.side-nav-wrap .sublevel-toggle:after{ content: '\f078'; display: block; font:var(--font-icon); font-size: 0.81rem; transition: transform 0.4s ease; }
.side-nav-wrap .sublevel-toggle[aria-expanded='true']:after{transform:rotate(180deg);}

.side-nav-wrap .item{display: flex; align-items: flex-start; border-bottom:1px solid rgba(255,255,255,0.25);}
.side-nav-wrap > .item:first-child{border-top:0;}
.side-nav-wrap a{color:#fff;}
.side-nav-wrap .active a{color:var(--color-mint);}
.side-nav-wrap a:hover, .side-nav-wrap a:focus{color:var(--color-light-yellow);}



/* ************************* */
/* 4. SIDE CONTENT MENU	 */
/* ************************* */
#side-content-menu .nav{display: flex; flex-direction: column; gap:1rem; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing:0.01em; }
#side-content-menu .nav li a{text-decoration: none;}
#side-content-menu .nav li .active:not(:hover):not(:focus){color:var(--color-hover);}



/* ************************* */
/* 5. SECTION HEADER 		 */
/* ************************* */
.section-header{display: flex; align-items:baseline ; justify-content: space-between; gap:3.5rem;}
.section-header h2{margin-bottom:0; margin-right:3rem;}
.section-header .options{display: flex; align-items: center; gap:1rem;}
.section-header [class*='-controls']{ display: flex; align-items: center; gap:0.5rem;}
.section-header .slick-arrow{position: relative;}
.section-header .slick-prev{order:10;}
.section-header .slick-next{order:11;}
@media (max-width: 991.98px) {
	.section-header [class*='-controls']{display: none;}
	.section-header .options:empty{display: none;}
}
@media (max-width: 767.98px) {
	.section-header{flex-direction: column; gap:var(--margin-small);}
	.section-header h2{margin-right:0;}
}



/* ************************* */
/* 6. MODALS	   			 */
/* ************************* */
.modal-content{padding:3.5rem; border-radius:var(--radius-normal); border:0; gap:var(--margin-normal); box-shadow: 0 0 5rem rgba(0,0,0,0.3);}
.modal-content > form{display: flex; width:100%; flex-direction: column; gap:var(--margin-normal);}
.modal-header{ border:0; padding:0; }
.modal .close{border:0; width:1.5rem; height:1.5rem; font-weight:300; color:var(--color-dark-grey); font-size: 1rem; line-height: 0.5; right:0.5rem; top:0.5rem; float:none; position:absolute; z-index:2; opacity:1; filter:alpha(opacity=100); text-shadow:none; transition:color 0.2s ease; background:transparent;}
.modal .close:hover, .modal .close:focus{color:var(--color-hover);}
.modal-body{padding:0;}
.modal-footer{border:0; padding:0.35rem 0; gap:2rem;}
.modal-footer .btn{margin:0;}

@media (max-width: 767.98px) {
	.modal-content{padding:2rem;}
	.modal-footer{gap:1.5rem;}
	.modal .close{right:0.25rem; top:0.25rem;}
}
@media (max-width: 575.98px) {
	.modal-content{padding:1.5rem;}
	.modal-footer{flex-direction: column; gap:var(--margin-normal);}
	.modal-footer .btn:not(.btn-link){width:100%;}
}



/* ************************* */
/* 7. PAGINATION			 */
/* ************************* */
.pagination-wrap{ text-align:center; display:flex; justify-content:center;}
.pagination > li > a, .pagination > li > span{color:var(--color-base); background-color:transparent; border:1px solid transparent; border-radius:var(--radius-normal); width:3rem; height:3rem; padding:0.5rem; display:flex; align-items: center; justify-content: center; line-height: 1; text-decoration: none; transition:border 0.2s ease;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{background-color:transparent; color:var(--color-hover); border-color:var(--color-hover);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{color:inherit; background-color:var(--color-light-grey); font-weight:bold; border:1px solid var(--color-light-grey);}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color:var(--color-disabled); background-color:transparent; border-color:transparent;}



/* ************************* */
/* 8. PILLS		   			 */
/* ************************* */
.nav-pills{display: flex; align-items: stretch; gap:0.5rem;}
.nav-pills > li{display: flex; align-items: stretch;}
.nav-pills > li > a{border:1px solid var(--color-light-grey); border-radius:1.75rem; color:inherit; padding:0.75rem 3.62rem 0.75rem 2rem; text-decoration: none; font-size: var(--text-lead); font-weight: 300; line-height: 1.2; display: flex; align-items: center;}
.nav-pills > li > a:hover, .nav-pills > li > a:focus{background: var(--color-light-yellow); border-color:var(--color-light-yellow);}
.nav-pills > li > a.active{cursor: default; color:#fff; background: var(--color-secondary); border-color:var(--color-secondary);}
.nav-pills > li > a:after{content: '\f061'; font: var(--font-icon); font-size: 0.87rem; color:transparent; background: transparent; position: absolute; right:0.5rem; width:2.5rem; height:2.5rem; display: flex; justify-content: center; align-items:center; border-radius:50%; transition:color 0.2s ease, background 0.2s ease;}
.nav-pills > li > a:hover:after, .nav-pills > li > a:focus:after{color:var(--color-base);}
.nav-pills > li > a.active:after{content:'\f105'; color:#fff; background: var(--color-primary30);}

@media (max-width: 1199.98px) {
	.nav-pills > li > a{padding-left:1.5rem;}
}



/* ************************* */
/* 9. TABS		   			 */
/* ************************* */
.tabs-wrap .tab-content{padding:var(--margin-big) 0 0 0; border:0; }
.tabs-wrap .nav-tabs{gap:0.75rem 3rem; display: flex; border-bottom:1px solid var(--color-secondary); align-items: stretch; flex-wrap:nowrap;}
.tabs-wrap .nav-tabs > li{margin-bottom:-1px; display: flex; align-items: stretch;}
.tabs-wrap .nav-tabs > li+li{margin-left:0;}
.tabs-wrap .nav-tabs > li > a{color:var(--color-secondary); padding:1rem 0; width:100%; border:0; border-bottom:3px solid transparent; transition:background 0.2s ease, border 0.2s ease, color 0.2s ease; display:flex; align-items:center; justify-content:center; text-align:center; margin-right:0; line-height: 1.2; text-decoration: none;}
.tabs-wrap .nav-tabs > li > a:hover, .tabs-wrap .nav-tabs > li > a:focus{ color:var(--color-hover);}
.tabs-wrap .nav-tabs > li > .active, .tabs-wrap .nav-tabs > li > .active:hover, .tabs-wrap .nav-tabs > li > .active:focus{ border-color:var(--color-primary); color:var(--color-primary); cursor: default;}
@media (max-width: 1399.98px) {
	.tabs-wrap .nav-tabs{gap:0.75rem 2.5rem;}	
}
@media (max-width: 1199.98px) {
	.tabs-wrap .nav-tabs{gap:0.75rem 1.5rem;}	
	.tabs-wrap .nav-tabs > li > a{padding:0 0 0.25rem 0;}
}
@media (max-width: 991.98px) {
	.tabs-wrap .tab-content{padding:var(--margin-normal) 0 0 0;}
	.tabs-wrap .nav-tabs{flex-wrap:wrap;}
}
@media (max-width: 767.98px) {
	.tabs-wrap .nav-tabs > li > a{display: block; text-align: center; }
}



/* ************************* */
/* 10. ACCORDION	   			 */
/* ************************* */
.accordion .accordion-item{border:0;}
.accordion .accordion-item + .accordion-item{margin-top:0.31rem;}
.accordion .accordion-header {margin:0;}
.accordion .accordion-button{border-radius:2rem!important; background: var(--color-primary); color:#fff; box-shadow: none; font-size: inherit; font-weight: inherit; padding:1rem 1.5rem;}
.accordion .accordion-button::after {content: '\f078'; font:var(--font-icon); font-size: 0.81rem; background: none; width:auto; height:auto; transition-duration:0.4s;}
.accordion .accordion-button[aria-expanded='true']{background-color: var(--color-primary); color:#fff;}
.accordion .accordion-button:focus, .accordion .accordion-button:hover{color:var(--color-black); background-color: var(--color-light-yellow); box-shadow: none;}
.accordion .accordion-body {padding:1.5rem; position:static;}



/* ************************* */
/* 11. BREABCRUMBS			 */
/* ************************* */
.breadcrumbs-section{font-size: var(--text-small); padding:1rem 0; background:#fff; border-top:1px solid var(--color-light-grey); border-bottom:1px solid var(--color-light-grey)}
.breadcrumbs-section ol{padding:0; list-style-type: none; display: flex; align-items: center; flex-wrap:wrap;}
.breadcrumbs-section ol li+li:before{content: '\f054'; font:var(--font-icon); font-size: 0.62rem; margin:0 1rem; }
.breadcrumbs-section ol li a:not(:hover):not(:focus){color:var(--color-base);}
.breadcrumbs-section .placeholder-item{cursor: default;}

@media (max-width: 991.98px) {
	.breadcrumbs-section{padding:0.5rem 0;}
	.breadcrumbs-section ol li+li:before{margin:0 0.5rem;}
}



/* ************************* */
/* 12. TABLES				 */
/* ************************* */
.textbox table{font-size: inherit; width: 100%; max-width:100%; margin-bottom:0; border-bottom:1px solid var(--color-grey);}
.textbox table td, .textbox table th{padding:1rem 1rem;}
.textbox table thead th{ vertical-align:bottom; background-color: var(--color-primary); color:#fff; }
.textbox table td{ vertical-align:top;}
.textbox table tr:nth-child(even){background-color:var(--color-mint);}
.textbox table tr{transition:background 0.2s ease;}
.textbox table tr:hover{background-color:var(--color-light-yellow);} 
.textbox table th{position: sticky; top:var(--header-height-sticky); z-index: 2;}
@media (max-width: 991.98px) {
	.textbox table th{top:0;}
}
@media (max-width: 767.98px) {
	.textbox table{border-top:1px solid var(--color-grey);}
	.textbox table, .textbox table tbody, .textbox table tfoot, .textbox table tr, .textbox table caption{ display: block;}
	.textbox table tr{ padding-top:0.5rem; padding-bottom:0.5rem;}
	.textbox table thead {display: none;}
	.textbox table td {display: flex; padding:0.5rem; text-align: left; border:0;}
	.textbox table td:before{ content: attr(data-th); display: block; font-weight: bold; padding-right:1rem; width:40%; flex:none;}
}



/* ************************* */
/* 13. MAIN SEARCH			 */
/* ************************* */
#main-search{ width:2.43rem; height:2.43rem; border-radius:1.88rem; position:absolute; top:4.31rem; right:0; order:3; margin:0; float:none; padding:0; background-color:transparent; transition:width 0.2s ease, background-color 0.2s ease 0.2s, top 0.8s ease; z-index: 3;}
.affix #main-search{top:5.4rem;}
#main-search button{color:#fff; height:2.43rem; width:2.43rem; top:0; right:0; padding-left:0.5rem; padding-right:0.5rem; position:absolute; background:transparent; border:0; border-radius:50%; transition:color 0.2s ease, background-color 0.2s ease;}
#main-search button:before{content: '\f002'; font:var(--font-icon); font-size: 1.12rem;}
#main-search.expanded button{color:var(--color-light-green);}
#main-search.expanded button:before{content: '\f00d';}
#main-search button:hover, #main-search button:focus{color:var(--color-black); background-color:var(--color-light-yellow);}
#main-search input{border:0; height:2.43rem; width:calc(100% - 5rem); margin-top:0; margin-left:1.5rem; margin-right:4rem; background-color:transparent; padding-left:0; padding-right:0; transition:width 0.7s ease;}
#main-search input:focus{outline:0; box-shadow:none;}
#main-search input::-ms-clear {display: none;}
#main-search.expanded{width:calc(var(--container)/3.15); background-color:#fff; transition:width 0.7s ease 0.2s, background-color 0.2s ease, top 0.8s ease;}

.results-listing .item a{ display:inline-block; word-break:break-all;}

@media (max-width: 991.98px) {
	#main-search, #main-search.expanded{ position:relative; top:0; margin:1rem; width:auto; background-color:var(--color-light-grey)}
	#main-search button{color:var(--color-black);}
	#main-search button:before, #main-search.expanded button:before{content: '\f002';}
	.affix #main-search{top:0;}
}



/* ************************* */
/* 14. ASIDE CTA BANNER		 */
/* ************************* */
.cta-box{overflow: hidden; border-radius:var(--radius-normal);}
.cta-box .bg{position:absolute; top:0; right:0; bottom:0; left:0;}
.cta-box .bg:after{content: ''; background: var(--color-black65); position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.cta-box:hover .bg:after{content: ''; background: var(--color-black85);}
.cta-box .content{padding:var(--padding-normal) 2rem;}
.cta-box .cta-link{ z-index:3;}
.cta-box .area-link{ border-radius:inherit;}



/* ************************* */
/* 17. LISTING-SHOWING-INFO  */
/* ************************* */
.listing-showing-info{font-weight: 700; color:var(--color-dark-grey);}



/* ************************* */
/* 21. TAGS LISTING 		 */
/* ************************* */
.tags-listing{display: flex; flex-wrap:wrap; gap:0.5rem; line-height: 1.2;}
.tags-listing a{z-index: 3;border:1px solid var(--color-secondary); color:var(--color-secondary); font-size:0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 2%; /*height:1.31rem;*/ display: flex; align-items: center; padding:0.15rem 0.75rem 0.15rem 0.75rem; background:transparent; text-decoration: none; border-radius:0.65rem;}
.tags-listing a:hover, .tags-listing a:focus{color:var(--color-base); background: var(--color-light-yellow); border-color: var(--color-light-yellow);}
.text-center .tags-listing, .tags-listing.text-center{justify-content:center;}
.color-white .tags-listing a:not(.btn){color:var(--color-mint); border-color:var(--color-mint);}
.color-white .tags-listing a:not(.btn):hover, .color-white .tags-listing a:not(.btn):focus{color:var(--color-black); border-color:var(--color-light-yellow); background:var(--color-light-yellow);}



/* ************************* */
/* 22. LISTING NAV 			 */
/* ************************* */
.listing-nav-section .listing-nav-inner{display: flex; align-items: center; gap:3rem; padding-top:var(--margin-big); padding-bottom:var(--margin-big); border-top:1px solid var(--color-light-grey); border-bottom:1px solid var(--color-light-grey);} 
.listing-nav-section .listing-item-link.prev:before, .listing-nav-section .listing-item-link.next:after{content: ''; font:var(--font-icon); font-size: 1.5rem; margin-top:1.31rem;}
.listing-nav-section .listing-item-link{max-width: 50%; text-decoration: none; display: flex; align-items:center; gap:1rem;}
.listing-nav-section .listing-item-link:not(:hover):not(:focus){color:var(--color-base);}
.listing-nav-section .listing-item-link.prev:not(:hover):not(:focus):before,
.listing-nav-section .listing-item-link.next:not(:hover):not(:focus):after{color:var(--color-dark-grey);}
.listing-nav-section .listing-item-link .inner{display: flex; flex-direction: column;}
.listing-nav-section .listing-item-link .nav-label{font-size: var(--text-small); color:var(--color-dark-grey);}
.listing-nav-section .listing-item-link .nav-title{font-size: 1.31rem; font-weight: 700;}
.listing-nav-section .listing-item-link.next{margin-left:auto;}
.listing-nav-section .listing-item-link.next .inner{align-items: flex-end; text-align: right;}
.listing-nav-section .listing-item-link.prev:before{content: '\f053';}
.listing-nav-section .listing-item-link.next:after{content: '\f054';}
@media (max-width: 767.98px) {
	.listing-nav-section .listing-item-link .nav-title{font-size: 1.18rem;}
}
@media (max-width: 575.98px){
	.listing-nav-section .listing-item-link.prev::before, .listing-nav-section .listing-item-link.next::after {display: none;}
	.listing-nav-section .listing-nav-inner{flex-direction: column-reverse; gap:var(--margin-normal);}
	.listing-nav-section .listing-item-link .inner{align-items: center;}
	.listing-nav-section .listing-item-link.next .inner{text-align: center; align-items: center;}
	.listing-nav-section .listing-item-link.next{margin-left:0;}
}



/* ************************* */
/* 23. POST CARD 			 */
/* ************************* */
.post-card{border-radius: var(--radius-normal); box-shadow:0 0.25rem 1.88rem var(--color-primary15); display: flex; flex-direction: column; transition: box-shadow 0.2s ease;}
.post-card:not(.no-hover):hover{box-shadow:0 0.25rem 1.88rem var(--color-primary25);}
.post-card .image{width:100%; aspect-ratio:1.35/1; flex:none; overflow: hidden; border-radius:var(--radius-normal); transform: scaleZ(1);}
.post-card .image img{transition:transform 2s ease; }
.post-card:not(.no-hover):hover .image img, .post-card .area-link:focus ~ .image img{transform: scale(1.2);}
.post-card .tags-listing{margin-bottom:var(--margin-small);}
.post-card .title{font-size:1.31rem ; transition:color 0.2s ease;}
.post-card .title:not(:last-child){margin-bottom: var(--margin-small);}
.post-card:not(.no-hover):hover .title:not(.unclickable), .post-card .area-link:focus ~ .content .title:not(.unclickable){color:var(--color-hover);}
.post-card .textbox{margin-bottom:var(--margin-small);}
.post-card a:not(.area-link){z-index: 5;}
.post-card .content{padding:1.5rem;}

/* post-info */
.post-info{flex-wrap:wrap; display: flex; align-items: center; gap:0.25rem 0.5rem; color:var(--color-dark-grey);}
.post-info > div:not(:last-child):after{content: '•'; margin-left:0.5rem;}
.post-info a:not(:hover):not(:focus){color:inherit;}

@media (max-width: 767.98px) {
	.post-card .title{font-size:1.18rem;}
}



/* ************************* */
/* 24. MEGAMENU 			 */
/* ************************* */
#main-nav .has-megamenu{position:static;}
#main-nav .has-megamenu > a:not(.dropdown-toggle):after{content: ''; visibility: hidden; clip-path: inset(100% 0 0 0); background: url('data:image/svg+xml,<svg viewBox="0 0 77 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.5 0L0 17H77L38.5 0Z" fill="%2319191A"/></svg>') no-repeat center bottom / contain; left:-2.04rem; top:calc(100% + 0.62rem); position: absolute; width:4.81rem; height:1.06rem; transition:clip-path 0.4s ease;}
#main-nav .has-megamenu.show > a:not(.dropdown-toggle):after{visibility: visible; clip-path: inset(0 0 0 0);}

#main-nav .megamenu{z-index: 998; color:white; background: transparent; max-width: none; left:calc(-1*var(--page-side-gap)); right:calc(-1*var(--page-side-gap)); }
.megamenu .mega-main-wrap{margin-top:1.68rem; padding:var(--padding-normal) 0; background: var(--color-black); transition:margin 0.8s ease;}
.affix #main-nav .megamenu .mega-main-wrap{margin-top:0;}
.megamenu .mega-inner-wrap{max-height: calc(100vh - var(--header-height) - var(--padding-normal)*2 - 5rem); overflow: auto; width:var(--container); margin:0 auto; padding:0 0.75rem;}
/*
.megamenu .mega-inner-wrap .row [class*='col-']:first-child{flex-grow:1;}
*/
.megamenu a:not(.btn){text-decoration: none; color:#fff;}
.megamenu a:not(.btn):hover, .megamenu a:not(.btn):focus{color:var(--color-light-yellow);}

.megamenu .row{flex-wrap:nowrap; gap:calc(var(--padding-large) - 1.5rem); }/*justify-content: space-between; */
.megamenu .row > [class*='col-']{flex-shrink:1;}
.megamenu .links-group .title{border-bottom:1px solid rgba(255,255,255,0.12); padding-bottom:var(--margin-small); color:var(--color-light-brown);}
.megamenu .links-group .links-wrap{padding:0; font-size: var(--text-lead); font-weight: 300; display:flex; flex-direction: column; align-items: flex-start; gap:var(--margin-small);}
.megamenu .links-group .links-wrap li{display: block;}
.megamenu .links-group .links-wrap a:not(.btn):after{content: '\f061'; clip-path: inset(0 100% 0 0); font: var(--font-icon); font-size: 0.87rem; margin-left:0.5rem; transition:clip-path 0.2s ease;}
.megamenu .links-group .links-wrap a:not(.btn):hover:after, .megamenu .links-group .links-wrap a:not(.btn):focus:after{clip-path: inset(0 0 0 0);}
.megamenu .links-group .links-wrap [class*='fa']{font-size: 1rem; margin-right:0.25rem;}
.megamenu .links-group .links-wrap .btn{margin-top:var(--margin-small); margin-bottom:var(--margin-small);}

.megamenu .links-group .categories-listing{padding:0; display: flex; flex-direction: column; gap:var(--margin-normal);}
.megamenu .links-group .categories-listing li{display: flex; align-items: flex-start; gap:1.5rem;}
.megamenu .links-group .categories-listing .category{width:42%; flex:none; font-size:var(--text-lead); font-weight: 700;}
.megamenu .links-group .categories-listing .category-label{margin:0; color:var(--color-light-brown); width:31%; flex:none; font-size:var(--text-lead); font-weight: 300; text-transform: uppercase;}
.megamenu .links-group .categories-listing .category a:after{content: '\f061'; clip-path: inset(0 100% 0 0); font: var(--font-icon); font-size: 0.87rem; margin-left:0.5rem; transition:clip-path 0.2s ease;}
.megamenu .links-group .categories-listing .category a:hover:after, .megamenu .links-group .categories-listing .category a:focus:after{clip-path: inset(0 0 0 0);}

.megamenu .subsections-listing{display: flex; flex-direction: column; gap:var(--margin-normal);}
.megamenu .subsections-listing .item{ border-bottom:1px solid rgba(255,255,255,0.12); padding-bottom:var(--margin-normal);}
.megamenu .subsections-listing .title{margin:0;}
.megamenu .subsections-listing a{display: flex; flex-direction: column; padding-right:5.62rem;}
.megamenu .subsections-listing a:after{content: '\f105'; position: absolute; right:0; bottom:calc(50% - 0.25rem); font:var(--font-icon);}

.megamenu .mega-inner-wrap {scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.12) rgba(255,255,255,0.12);}
.megamenu .mega-inner-wrap::-webkit-scrollbar-track {background: rgba(255,255,255,0.12);}
.megamenu .mega-inner-wrap::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.12);}
.megamenu .mega-inner-wrap::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,0.12);}

@media (max-width: 1399.98px) {
	.megamenu .row{gap:calc(var(--padding-normal) - 1.5rem);}
}
@media (max-width: 1199.98px) {
	.megamenu .row{gap:0;}
}
@media (max-width: 991.98px) {
	#main-nav .has-megamenu{position:relative;}
	#main-nav .has-megamenu > a:not(.dropdown-toggle):after{display: none;}
	#main-nav .dropdown-menu{padding-top:0;}
	.megamenu .mega-main-wrap{padding:0; background: #fff; margin-top:0;}
	.megamenu .mega-inner-wrap{width:auto; max-height: none; overflow: visible;}
	#main-nav .megamenu{left:0; right:0; top:0; color:var(--color-base); padding-top:1rem; padding-bottom:1rem;}
	.affix #main-nav .megamenu{padding-top:1rem;}
	.megamenu a:not(.btn){color:var(--color-base);}
	.megamenu .links-group .title{border-color:var(--color-black30);}
	.megamenu .row{flex-direction: column;}
	.megamenu .links-group .title{margin-bottom:1rem;}
	.megamenu .links-group .categories-listing{gap:var(--margin-small);}
	.megamenu .links-group .categories-listing .category{width:50%;}
	
	.megamenu a:not(.btn):hover, .megamenu a:not(.btn):focus{color:var(--color-hover);}
	
	.megamenu .subsections-listing{margin-right:3rem; gap:var(--margin-small);}
	.megamenu .subsections-listing .item{border-color:var(--color-black30); padding-bottom:var(--margin-small);}
	.megamenu .subsections-listing a{margin-right:0!important; padding-right:1.5rem;}
}
@media (max-width: 767.98px) {
	.megamenu .links-group .categories-listing li{flex-direction: column; gap:var(--margin-small);}
	.megamenu .links-group .categories-listing .category{width:auto;}
	.megamenu .links-group .categories-listing .links-wrap{padding-left:2rem;}
}



/* ************************* */
/* 25. THREE-COLUMN-LISTING	 */
/* ************************* */
.three-column-listing{display: flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-big) var(--padding-normal);}
.three-column-listing .item{background:#fff; color:var(--color-base); text-align: center; padding:var(--margin-normal); border-radius:var(--radius-normal); width:calc((100% - var(--padding-normal)*2)/3); transition:box-shadow 0.2s ease;}
.three-column-listing .item:hover{box-shadow:0 0.25rem 1.88rem var(--color-primary25);}
.three-column-listing .image{margin-bottom:var(--margin-normal); border-radius:var(--radius-normal); overflow: hidden; transform: scaleZ(1);}
.three-column-listing .image img{width:100%; max-width: 100%;}
.three-column-listing .title{margin-bottom:var(--margin-small);}

.three-column-listing.three-grid .item:hover{box-shadow:0 0.25rem 3.12rem var(--color-black);}

@media (max-width: 1399.98px) {
	.three-column-listing{gap:var(--margin-big);}
	.three-column-listing .item{width:calc((100% - var(--margin-big)*2)/3);}
}
@media (max-width: 1199.98px) {
	.three-column-listing{gap:var(--margin-normal);}
	.three-column-listing .item{width:calc((100% - var(--margin-normal)*2)/3);}
}
@media (max-width: 991.98px) {
	.three-column-listing{gap:0.75rem;}
	.three-column-listing .item{width:calc((100% - 0.75rem*2)/3);}
}
@media (max-width: 767.98px) {
	.three-column-listing .item{width:calc((100% - 0.75rem)/2);}
}
@media (max-width: 575.98px) {
	.three-column-listing .item{width:100%;}
}



/* ************************* */
/* 26. TWO-COLUMN-LISTING	 */
/* ************************* */
.two-column-listing{display: flex; flex-wrap:wrap; align-items: flex-start; gap:var(--margin-big) 6rem;}
.two-column-listing .item{background:#fff; padding:2rem; border-radius:var(--radius-normal); width:calc((100% - 6rem)/2); transition:box-shadow 0.2s ease;}
.two-column-listing .item:hover{box-shadow:0 0.25rem 1.88rem var(--color-primary25);}
.two-column-listing .image{margin-bottom:var(--margin-normal); border-radius:var(--radius-normal); overflow: hidden; transform: scaleZ(1);}
.two-column-listing .image img{width:100%; max-width: 100%;}
.two-column-listing .title{margin-bottom:var(--margin-small);}
.two-column-listing .title + .lead{margin-top:calc(-1*var(--margin-small));}
.two-column-listing .lead{margin-bottom:var(--margin-small); color:var(--color-secondary);}
.two-column-listing .buttons-group{display:flex; align-items: center; flex-wrap:wrap; gap:var(--margin-small) var(--margin-normal);}
.two-column-listing a:not(.area-link){z-index: 5;}
.two-column-listing .tags-listing{margin-bottom:var(--margin-normal);}
.two-column-listing.two-grid .item:hover{box-shadow:0 0.25rem 3.12rem var(--color-black);}

@media (max-width: 1399.98px) {
	.two-column-listing{gap:var(--margin-big);}
	.two-column-listing .item{width:calc((100% - var(--margin-big))/2);}
}
@media (max-width: 991.98px) {
	.two-column-listing{gap:0.75rem;}
	.two-column-listing .item{width:calc((100% - 0.75rem)/2); padding:var(--margin-normal);}
}
@media (max-width: 575.98px) {
	.two-column-listing .item{width:100%;}
}



/* ************************* */
/* 27. VIEW MODE SWITCH 	 */
/* ************************* */
.view-mode-switch{display: flex; align-items: stretch;}
.view-mode-switch a{border-radius:1.5rem 0 0 1.5rem; border:1px solid var(--color-primary); padding:0.75rem 1rem; font-size: 1rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none;}
.view-mode-switch a+a{border-radius:0 1.5rem 1.5rem 0;}
.view-mode-switch a [class*='fa']{font-size:0.87rem; margin-right:0.5rem;}
.view-mode-switch a:hover, .view-mode-switch a:focus{color:var(--color-black); border-color:var(--color-light-yellow); background-color:var(--color-light-yellow);}
.view-mode-switch a.active{cursor: default; color:#fff; background-color: var(--color-primary); border-color:var(--color-primary);}



/* ************************* */
/* 28. PROJECT CARD 	 	 */
/* ************************* */
.project-card{background: #fff; box-shadow: 0 0.25rem 1.88rem var(--color-primary15); border-radius:var(--radius-normal); min-height: 24.5rem; display: flex; align-items: flex-end; transition:box-shadow 0.2s ease;}
.project-card:hover{box-shadow: 0 0.25rem 1.88rem var(--color-primary25);}
.project-card .image{position: absolute; top:0; right:0; left:0; bottom:6.37rem; border-radius:var(--radius-normal); overflow: hidden; transform: scaleZ(1);}
.project-card .image img{object-fit:cover; width:100%; height:100%;}
.project-card .content{width:100%; background: #fff; padding:1.5rem; border-radius:var(--radius-normal);}
.project-card .title{margin-bottom:var(--margin-small);}
.project-card .textbox{margin-top:var(--margin-small);}
.project-card a:not(.area-link){z-index: 5;}
@media (max-width: 991.98px) {
	.project-card{display: block;}
	.project-card .collapse{display: block;}
	.project-card .image{position: relative; bottom:0; aspect-ratio:1.777/1;}
}



/* ************************* */
/* 29. TIMELINE-SLIDER 	 	 */
/* ************************* */
.timeline-slider{margin-right:calc(-1*var(--page-side-gap)); margin-left:calc(-1*var(--page-side-gap)); }
.timeline-slider .item{display: flex; align-items: stretch; margin-bottom:9px; border-bottom:1px solid var(--color-light-brown);}
.timeline-slider .inner-wrap{pointer-events: none; display: flex; align-items: stretch; flex-grow:1; width:100%; opacity: 0.25; padding-top:1.38rem; padding-bottom:var(--padding-normal); transition:opacity 0.4s ease; }
.timeline-slider .inner-wrap > .row{flex-basis:100%;}
.timeline-slider .slick-list{padding-right:var(--page-side-gap); padding-left:var(--page-side-gap);}
.timeline-slider .inner-wrap:before{content: ''; position: absolute; top:1.94rem; left:7px; background: var(--color-light-brown); width:5px; height:5px; border-radius:50%;}
.timeline-slider .inner-wrap:after{content: ''; position: absolute; top:1.94rem; bottom:0; left:9px; width:1px; background: var(--color-light-brown);}
.timeline-slider .item:after{content: ''; position: absolute; bottom:-9px; left:0; border-radius:50%; background: #fff; width:18px; height:18px; border:2px solid var(--color-light-brown);}
.timeline-slider .item.slick-current .inner-wrap{opacity:1; pointer-events: auto;}

.time-heading-col{display: flex; flex-direction: column; padding-left:1.81rem; padding-right:1.81rem;}
.time-content-col{padding-left:1.81rem;}
.time-year{color:var(--time-color); line-height: 0.8; margin-top:auto; font-size: 6.25rem; font-weight: 700;}
.timeline-slider .sep{height:1px;}

.timeline-slider .res-card{display: flex; align-items: flex-start; gap:var(--margin-normal);}
.timeline-slider .res-card .image{width:33.33%; flex:none;}
.timeline-slider .res-card .image img{width:100%; max-width: 100%; border-radius:var(--radius-normal);}
.timeline-slider .res-card .content{flex-grow:1;}
.timeline-slider .res-card .icons-listing{display: flex; flex-wrap:wrap; gap:var(--margin-normal) 2.75rem;}
.timeline-slider .res-card .icons-listing .icon{color:var(--color-dark-grey); letter-spacing: 0.015rem; font-size: 0.75rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; display: flex; flex-direction: column; align-items: center; gap:var(--margin-small);}
.timeline-slider .res-card .icons-listing .icon .icon-image{mask-repeat:no-repeat; mask-position:center; mask-size:contain; background: var(--time-color); width:4.87rem; height:3rem;}
.timeline-slider .res-card .icons-listing .icon .icon-image img{object-fit:contain; width:100%; height:100%; background: transparent;}
/*.timeline-slider .res-card .icons-listing .icon path{fill:var(--time-color);}
*/.timeline-slider .res-card .tagline{white-space: nowrap; background: var(--time-color); font-size: 0.75rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.015rem; text-transform: uppercase; border-radius:1rem 0 1rem 0; color:#fff; height:1.37rem; display: inline-flex; align-items: center; padding:0.25rem 1.25rem; margin-bottom:1rem;}
.timeline-slider .res-card .tagline .left{fill:var(--time-color); position: absolute; width:8px; height:8px; left:0; bottom:-8px;}
.timeline-slider .res-card .tagline .right{fill:var(--time-color); position: absolute; width:8px; height:8px; top:0; right:-8px;}

.time-color-black{--time-color:var(--color-black);}
.time-color-grey{--time-color:var(--color-grey);}
.time-color-dark-grey{--time-color:var(--color-dark-grey);}
.time-color-green{--time-color:var(--color-green);}
.time-color-light-green{--time-color:var(--color-light-green);}
.time-color-mint{--time-color:var(--color-mint);}
.time-color-dark-yellow{--time-color:var(--color-dark-yellow);}
.time-color-light-yellow{--time-color:var(--color-light-yellow);}
.time-color-light-brown{--time-color:var(--color-light-brown);}
.time-color-iqt-blue{--time-color:var(--color-iqt-blue);}
.timeline-slider .subheader{color:var(--time-color);}

.timeline-slider .res-card .icons-listing .icon .icon01{mask-image: url("../../img/icon-people.svg");}
.timeline-slider .res-card .icons-listing .icon .icon02{mask-image: url("../../img/icon-bag.svg");}
.timeline-slider .res-card .icons-listing .icon .icon03{mask-image: url("../../img/icon-podium.svg");}
.timeline-slider .res-card .icons-listing .icon .icon04{mask-image: url("../../img/icon-stars.svg");}


@media (max-width: 1399.98px) {
	.timeline-slider .res-card .icons-listing{gap:var(--margin-normal);}
}
@media (max-width: 1199.98px) {
	.time-heading-col{padding-right:1.25rem;}
	.time-content-col{padding-left:1.25rem;}

}
@media (max-width: 991.98px) {
	.timeline-slider{margin-right:-0.75rem; margin-left:-0.75rem; }
	.timeline-slider .slick-list{padding-right:10vw; padding-left:0.75rem;}
	.time-year{font-size: 5rem;}
}
@media (max-width: 767.98px) {
	.time-heading-col{flex-direction: column-reverse; gap:var(--margin-normal);}
	.time-content-col{padding-left:1.81rem;}
	
	.timeline-slider .inner-wrap{display: block;}
	
	
}
@media (max-width: 575.98px) {
	.timeline-slider .res-card{flex-direction: column;}
	.timeline-slider .res-card .image{width:auto; max-width: 100%;}
	.timeline-slider .res-card .content{width:100%;}
}