/* BA components. Based on Bootstrap 5.3. Jan 2023. */
/*	
	1.	main navigation
	2.	aside nav
	3.	load-more-block
	4.	page-content-nav
	5.	section-header
	6.	modals
	9.	tabs
	10.	accordion
	11.	breadcrumbs
	12.	tables
	14.	aside CTA banner
	16. separators
	17. listing-showing-info
	18. blog-internal-slider
	20. post card
	21. tags-listing
	22. listing nav
	23. resource-card
	24. megamenu
	25. products
*/



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

/* navbar */
#header{height:var(--header-height);}

#header .navbar{ position: fixed; top:0px; left:var(--body-margin); width:calc(100vw - var(--body-margin)*2); padding:0; border-radius:0 0 var(--radius-big) var(--radius-big); background:#fff; z-index: 1030; transition:box-shadow 0.8s ease, top 0.8s ease;}
.navbar-brand{width:10.12rem; 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{box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.2); top:calc(var(--header-height-sticky) - var(--header-height));}
.affix .navbar-brand{margin-top:3.25rem; width:8rem;}

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

.navbar-nav .placeholder-item {cursor: default;}
.navbar-nav li{display: flex; align-items: center;}
.navbar-nav > li > a{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{top:100%; background: #fff; min-width:14rem; max-width: 15rem; padding:0; margin:0; border:1px solid var(--color-grey); border-radius:var(--radius-big); box-shadow: 0 0.25rem 1.5rem rgba(28,68,115,0.2);}
.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{position: static; margin-top:1.6rem; margin-bottom:0.6rem; font-size: 0.87rem; gap:2.6rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.0875rem;}
#main-nav > li{padding-bottom:0.9rem;}
#main-nav > li > a:not(.btn){padding:0; }
#main-nav > .dropdown > .dropdown-toggle{padding-left:0.31rem;}
#main-nav > .dropdown > .dropdown-toggle:after{font-size: 0.81rem; vertical-align: 5%;}

#main-nav > li > a:not(.btn){color:var(--color-black);}
#main-nav > li > a:not(.btn):hover, #main-nav > li > a:not(.btn):focus, #main-nav > .active > a:not(.btn), #main-nav > .show > a:not(.btn){color:var(--color-blue);}

#main-nav .dropdown-menu{font-size:1rem; font-weight: 400; text-transform: none; letter-spacing: normal; padding:0.5rem;}
#main-nav .dropdown-menu > li > a{padding:0.95rem 3rem 0.95rem 1.25rem;}
#main-nav .dropdown-menu .dropdown-menu{top:-0.5rem;}
#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{color:var(--color-dark-grey); padding-left:0.5rem; padding-right:1.25rem; flex:none;} 
#main-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 0.81rem; vertical-align: 10%;}

#main-nav .dropdown-menu > li{border-radius:var(--radius-normal);}
#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-hover);}
#main-nav .dropdown-menu > .active > a{color:var(--color-orange);}
#main-nav .dropdown-menu > li:hover{background:var(--color-light-grey);}

#main-nav > li > a.icon{color:var(--color-dark-blue); font-size: 1.5rem; margin-left:-0.75rem;}
#main-nav > li > a.icon:hover, #main-nav > li > a.icon:focus{color:var(--color-blue);}
#main-nav > li > a.icon .text{display: none;}

/* top-nav */
#top-nav{gap:2rem;}
#top-nav > li > a{color:var(--color-dark-grey); padding:0; font-size: 1rem;}

#top-nav > li > a:hover, #top-nav > li > a:focus{color:var(--color-link);}

@media (max-width: 1399.98px) {
	#main-nav{gap:1.5rem;}
	#top-nav{gap:1.5rem;}
}
@media (max-width: 1199.98px) {
	#main-nav{gap:0.75rem;}
	#top-nav{gap:1rem;}
	#main-nav > li > a.icon{margin-left:-0.25rem;}
	#main-nav > li > a.btn{padding-left:0.75rem; padding-right:0.75rem;}
	#main-nav > .dropdown > .dropdown-toggle{padding-left:0.1rem;}
	.navbar-brand{width:8.5rem;}
}
@media (max-width: 991.98px) {
	#header{height:var(--header-height-mobile);}
	#navigation > .inner-wrap{height:auto;}
	
	.navbar-toggler {padding:0.7rem 1rem; color:inherit; 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-hover); color:#fff;}
	.navbar-toggler:focus{ background-color:transparent; color:inherit;}
	[aria-expanded='true'].navbar-toggler:focus{ background-color:var(--color-hover); color:#fff;}

	#header .navbar{ position:relative; width:auto; padding:0;}
	#header .navbar > .container{display: flex; align-items: center; flex-wrap: nowrap; padding-left:calc(var(--bs-gutter-x)*0.5); padding-right:calc(var(--bs-gutter-x)*0.5);}
	
	#header .navbar{left:0;}
	#header .navbar.affix{transition: none; top:0; box-shadow:none;}
	.affix .navbar-brand, .navbar-brand{width:7rem; margin-top:0.25rem; transition: none;}

	#navigation{border-radius:var(--radius-big); border:1px solid var(--color-grey); position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 0.25rem 1.5rem rgba(28,68,115,0.2); background-color: #fff;}
	#navigation > .inner-wrap{display: block; position: relative; }
	.navbar-nav{margin:0;}
	.navbar-nav li{display: block;}
	.navbar-nav li > a:not(.dropdown-toggle){margin-right:3.5rem; display: inline-block;}
	.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:0 0.75rem; gap:0; position: relative;}
	#main-nav > li{padding:0;}
	#main-nav > li > a:not(.btn){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{border:0; 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:not(.btn),
	#main-nav .dropdown-menu > li > a{color:var(--color-black);}
	
	#main-nav > .show > a:not(.btn), #main-nav .dropdown-menu > .show > a{color:inherit;}

	#main-nav > li > a:not(.btn):hover, 
	#main-nav > li > a:not(.btn):focus,
	#main-nav > .active > a:not(.btn),
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover,
	#main-nav .dropdown-menu > .active > a{color:var(--color-link);}
	
	#main-nav > li > a.icon{margin-left:0;}
	#main-nav > li > a.icon .text{display:inline-block; margin-left:0.5rem;}
	#main-nav > li > a.btn{margin:1rem;}
	

	/* top-nav */
	#top-nav{gap:0; background-color: var(--color-light-grey); padding:1rem 0.75rem; border-radius:0 0 var(--radius-big) var(--radius-big);}
	#top-nav > li > a{color:var(--color-dark-grey); padding:1rem; font-size: 1.2rem;}	

	#top-nav > li > a:hover, #top-nav > li > a:focus{color:var(--color-link);}
}



/* ************************* */
/* 2. ASIDE NAV   			 */
/* ************************* */
.side-nav-wrap{font-size: 0.87rem; font-weight: 700; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.0875rem; padding:1rem 0.5rem; background: var(--color-light-grey); border-radius: var(--radius-big);}
.side-nav-wrap .sublevel{padding-left:1.5rem;}
.side-nav-wrap a{display:block; padding:0.88rem 1.5rem; 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-radius: var(--radius-normal); transition:background 0.2s ease;}
.side-nav-wrap .item:hover{background-color:var(--color-blue);}
.side-nav-wrap .item:hover a{color:#fff;}
.side-nav-wrap a{color:var(--color-base);}
.side-nav-wrap .active a{color:var(--color-orange);}
.side-nav-wrap a:hover, .side-nav-wrap a:focus{color:var(--color-hover);}
@media (max-width: 1199.98px) {
	.side-nav-wrap a{padding-left:1rem; padding-right:1rem;}
}



/* ************************* */
/* 3. LOAD MORE BLOCK		 */
/* ************************* */
.load-more-block{display: flex; flex-wrap:wrap; align-items: center; gap:var(--margin-small) 1.5rem; justify-content: center;}



/* ************************* */
/* 4. PAGE-CONTENT-NAV 		 */
/* ************************* */
.sticky-side-column{position: sticky; top:calc(var(--header-height-sticky) + var(--margin-big));}
#page-content-nav .content-nav-wrap{font-size:var(--text-lead); font-weight: 300;}
#page-content-nav .content-nav-wrap ol{padding:0; list-style-type: none; display: flex; flex-direction: column; gap:1rem;}
#page-content-nav .content-nav-wrap .item a{color:var(--color-link); display:inline-block; padding:0; line-height: 1.2;}
#page-content-nav .content-nav-wrap .active a{color:var(--color-orange);}
#page-content-nav .content-nav-wrap .item a:hover{color:var(--color-hover);}
#page-content-nav .content-nav-wrap ol ol{padding-left:1.5rem;}
@media (max-width: 991.98px) {
	.sticky-side-column{top:var(--margin-normal);}	
}



/* ************************* */
/* 5. SECTION HEADER 		 */
/* ************************* */
.section-header{display: flex; align-items:baseline ; justify-content: space-between; gap:3.5rem;}
.section-header > h2{margin-bottom:0;}
.section-header .options{display: flex; align-items: center; gap:1.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 .options [class*='-slider-controls']{display: none;}
}
@media (max-width: 767.98px) {
	.section-header{flex-direction: column; gap:0;}
	.section-header .options{margin-top:var(--margin-small);}
}



/* ************************* */
/* 6. MODALS	   			 */
/* ************************* */
.modal-content{padding:3.5rem; border-radius:var(--radius-big); border:0; gap:var(--margin-normal); box-shadow: 0 0 5rem rgba(28,68,115,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%;}
}



/* ************************* */
/* 9. TABS		   			 */
/* ************************* */
.tabs-wrap .tab-content{padding:0; border:0;}
.tabs-wrap .nav-tabs{margin-bottom:var(--margin-big); display: inline-flex; border-bottom:1px solid var(--color-grey); 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-dark-grey); font-size: var(--text-lead); padding:0 3.5rem 1.2rem 3.5rem; width:100%; background-color:transparent; border:0; border-bottom:1px solid transparent; transition: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{ background-color:transparent; color:var(--color-dark-blue); border-color:var(--color-dark-blue);}
.tabs-wrap .nav-tabs > li > .active, .tabs-wrap .nav-tabs > li > .active:hover, .tabs-wrap .nav-tabs > li > .active:focus{ background:linear-gradient(0deg, var(--color-orange) 0%, var(--color-orange) 100%) no-repeat left bottom / 100% 2px; border-color:var(--color-grey); border-bottom-color:var(--color-orange); color:var(--color-orange); cursor: default;}

.tabs-wrap.full-width .nav-tabs{display: flex; margin-bottom:var(--padding-normal);}
.tabs-wrap.full-width .nav-tabs > li{flex-grow:1;}
@media (max-width: 1399.98px) {
	.tabs-wrap .nav-tabs > li > a{padding:0 2.5rem 1.2rem 2.5rem;}
}
@media (max-width: 1199.98px) {
	.tabs-wrap .nav-tabs > li > a{padding:0 1rem 1.2rem 1rem;}
}
@media (max-width: 767.98px) {
	.tabs-wrap .tab-content{}
	.tabs-wrap .nav-tabs{flex-wrap:wrap; gap:0.25rem; padding:0.25rem; border:0;}
	.tabs-wrap .nav-tabs > li{float:none; display: block; margin:0;}
	.tabs-wrap .nav-tabs > li > a{color:var(--color-link); display: block; text-align: center; padding:0.5rem 1rem; border:1px solid var(--color-link); border-radius:var(--radius-normal);}
	.tabs-wrap .nav-tabs > li > a:hover, .tabs-wrap .nav-tabs > li > a:focus{color:var(--color-hover); border-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-orange); background: var(--color-orange); color:#fff;}
	
	.tabs-wrap.full-width .nav-tabs > li{flex-grow:0;}
}



/* ************************* */
/* 10. ACCORDION	 		 */
/* ************************* */
.accordion .accordion-item{border:0;}
.accordion .accordion-item + .accordion-item{margin-top:0.5rem;}
.accordion .accordion-header {margin:0;}
.accordion .accordion-button{border-radius:var(--radius-big); color:var(--color-base); background: var(--color-light-grey); box-shadow: none; font-family:'Base'; font-size: var(--text-lead); font-weight: 700; padding:1.25rem 1.5rem;}
.accordion-item:last-of-type .accordion-button.collapsed {border-bottom-right-radius: var(--radius-big); border-bottom-left-radius: var(--radius-big);}
.accordion-item:first-of-type .accordion-button.collapsed, .accordion-item:first-of-type .accordion-button{border-top-right-radius: var(--radius-big); border-top-left-radius: var(--radius-big);}
.accordion .accordion-button::after {content: '\2b'; font:var(--font-icon); color:var(--color-dark-grey); background: none; width:auto; height:auto; transition-duration:0.4s;}
.accordion .accordion-button[aria-expanded='true']{border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: var(--color-light-grey); color:var(--color-base);}
.accordion .accordion-button:not(.collapsed)::after {transform: rotate(-135deg);}
.accordion .accordion-button:focus, .accordion .accordion-button:hover{color:#fff; background-color: var(--color-link); box-shadow: none;}
.accordion .accordion-button:focus:after, .accordion .accordion-button:hover:after{color:#fff;}
.accordion .accordion-body {border-radius:0 0 var(--radius-big) var(--radius-big); border-top:1px solid var(--color-grey); padding:1.5rem; background: var(--color-light-grey); position:static;}



/* ************************* */
/* 11. BREABCRUMBS			 */
/* ************************* */
.breadcrumbs-section{font-size: var(--text-small); padding:1rem 0; color:var(--color-dark-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; color:var(--color-dark-grey);}
.breadcrumbs-section ol li a{color:var(--color-base);}
.breadcrumbs-section ol li a:hover, .breadcrumbs-section ol li a:focus{color:var(--color-link);}
.breadcrumbs-section .placeholder-item{cursor: default;}

#header + .breadcrumbs-section{border-top:1px solid var(--color-grey);}
.breadcrumbs-section + .content-section:not([class*='bg-']){border-top:1px solid var(--color-grey); border-top-left-radius: 0; border-top-right-radius: 0;}

@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;}
.textbox table td, .textbox table th{padding:1rem 1rem;}
.textbox table thead th{vertical-align:bottom; background-color: var(--color-dark-blue); color:#fff; }
.textbox table thead th:first-child{border-top-left-radius: var(--radius-normal);}
.textbox table thead th:last-child{border-top-right-radius: var(--radius-normal);}
.textbox table td{ vertical-align:top;}
.textbox table tr:nth-child(even) td{background-color:var(--color-light-grey);}
.textbox table tbody tr:last-child td:first-child{border-bottom-left-radius: var(--radius-normal);}
.textbox table tbody tr:last-child td:last-child{border-bottom-right-radius: var(--radius-normal);}
.textbox table tr td{transition:background 0.2s ease;}
.textbox table tr:hover td{background-color:var(--color-grey);} 
.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); border-bottom: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;}
}



/* ************************* */
/* 14. ASIDE CTA BANNER		 */
/* ************************* */
.cta-box{overflow: hidden; border-radius:var(--radius-big); transform: scaleZ(1);}
.cta-box .image img{width:100%; max-width: 100%;}
.cta-box .content{padding:1.5rem; background: var(--color-dark-blue); transition: background 0.2s ease; }
.cta-box:hover .content{background: var(--color-blue);}
.cta-box .cta-link{ z-index:3;}



/* ************************* */
/* 16. SEPARATORS 			 */
/* ************************* */
.sep{height:1px;}



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



/* ************************* */
/* 18. BLOG-INTERNAL-SLIDER */
/* ************************* */
.blog-internal-slider{margin-left:-0.75rem; margin-right:-0.75rem;}
.blog-internal-slider .item{margin:0 0.75rem;}
.blog-internal-slider .post-card .image{aspect-ratio:1.618/1;}

@media (max-width: 991.98px) {
	.blog-internal-slider{margin-left:-0.37rem; margin-right:-0.37rem;}
	.blog-internal-slider .item{margin:0 0.37rem;}
	.blog-internal-slider .post-card .content{padding-right:1.5rem;}
}
@media (max-width: 575.98px) {
	.blog-internal-slider .post-card .content{padding-right:0;}
}



/* ************************* */
/* 20. POST CARD 			 */
/* ************************* */
.post-card{display: flex; flex-direction: column; gap:var(--margin-normal);}
.post-card .image{width:100%; aspect-ratio:1.35/1; flex:none; overflow: hidden; border-radius:var(--radius-big); 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: var(--h5); transition:color 0.2s ease;}
.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-normal);}
.post-card a:not(.area-link){z-index: 5;}

/* post-info */
.post-info{/*font-size: var(--text-small);*/ 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;}



/* ************************* */
/* 21. TAGS LISTING 		 */
/* ************************* */
.tags-listing{display: flex; flex-wrap:wrap; gap:0.25rem; line-height: 1.2;}
.tags-listing a{color:var(--color-base); font-size: var(--text-small); min-height:1.37rem; display: flex; align-items: center; padding:0 0.38rem; background: var(--color-grey); text-decoration: none; border-radius:var(--radius-small); transition:border 0.2s ease, color 0.2s ease, background 0.2s ease;}
.tags-listing a:hover, .tags-listing a:focus{color:#fff; background: var(--color-link);}
.text-center .tags-listing, .tags-listing.text-center{justify-content:center;}
.color-white .tags-listing a:not(.btn):not(:hover):not(:focus){color:var(--color-link);}

.tags-listing.tags-lg{gap:var(--margin-normal);}
.tags-listing.tags-lg a{color:var(--color-dark-grey); border:2px solid var(--color-grey); border-radius:var(--radius-normal); background: transparent; font-size: var(--text-lead); min-height:2.75rem; padding:0.5rem 1rem;}
.tags-listing.tags-lg a:not([disabled]):hover, .tags-listing.tags-lg a:not([disabled]):focus{border-color:var(--color-link); color:#fff; background: var(--color-link);}
.tags-listing.tags-lg a[disabled] {cursor: default;}



/* ************************* */
/* 22. LISTING NAV 			 */
/* ************************* */
.listing-nav-section{border-top:1px solid var(--color-grey); border-bottom:1px solid var(--color-grey);}
.listing-nav-section .listing-nav-inner{display: flex; align-items: center; gap:3rem; padding-top:var(--margin-big); padding-bottom:var(--margin-big);  }
.listing-nav-section .listing-item-link.prev:before, .listing-nav-section .listing-item-link.next:after{content: ''; color:var(--color-dark-grey); font:var(--font-icon); font-size: 1.5rem; margin-top:-0.1rem;}
.listing-nav-section .listing-item-link:hover:before, .listing-nav-section .listing-item-link:focus:before, 
.listing-nav-section .listing-item-link:hover:after, .listing-nav-section .listing-item-link:focus:after{color:var(--color-hover);} 
.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 .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-family: 'Heading'; font-size:var(--h5); font-weight: 400;}
.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';}

.listing-nav-section + .content-section[class*='bg-']{margin-top:var(--padding-normal);}
@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. RESOURCE CARD		 */
/* ************************* */
.resource-card{display: flex; flex-direction: column; align-items: flex-start; padding:1.5rem; border:2px solid var(--color-grey); border-radius: var(--radius-big); width:100%;}
.resource-card .tags-listing{margin-bottom:var(--margin-normal);}
.resource-card .title{font-size: var(--h5); margin-bottom:var(--margin-small);}
.resource-card .textbox{margin-bottom:var(--margin-normal);}
.resource-card .sp-link{margin-top:auto;}



/* ************************* */
/* 24. MEGAMENU		 */
/* ************************* */
#main-nav .has-megamenu{position:static;}
#main-nav .megamenu{ddisplay: block!important; overflow: hidden; padding:0; left:calc(-1*var(--page-side-gap) + var(--body-margin) + 0.75rem); right:calc(-1*var(--page-side-gap) + var(--body-margin) + 0.75rem); top:calc(var(--header-height) - 0.6rem); max-width: none; transition:top 0.8s ease;}
.megamenu .mega-inner-wrap{max-height: calc(100vh - var(--header-height) - 2rem); overflow: auto;}
.megamenu .mega-inner-wrap .container{width:calc(var(--container) - var(--body-margin)); margin-left:auto;}

.megamenu .mega-top{padding:2rem 0;}
.megamenu .mega-top .row{flex-wrap:nowrap; gap:3.5rem;}
.megamenu .mega-top .row [class*='col-']{flex-grow: 1; width:0;}

.megamenu .mega-bottom{padding:1.5rem 0; background: var(--color-grey);}
.megamenu .mega-bottom .container{display:flex; align-items: center; gap:5rem;}
.megamenu .mega-bottom .mega-cta-link{flex:none;}

.megamenu .mega-links-block ul{display: flex; flex-direction: column; gap:var(--margin-small); padding:0; list-style-type: none;}
.megamenu .mega-links-block ul li{width:100%;}
.megamenu .mega-links-block a {color:var(--color-black); text-decoration: none; }
.megamenu .mega-links-block li a {width:100%; color:var(--color-black); text-decoration: none; display: flex; flex-direction: column; gap:0.19rem; padding:0.5rem 1rem; border-radius:var(--radius-normal);}
.megamenu .mega-links-block a:hover, .megamenu .mega-links-block a:focus {color:var(--color-hover);}
.megamenu .mega-links-block li a:hover, .megamenu .mega-links-block li a:focus {color:var(--color-hover); background: var(--color-light-grey);}
.megamenu .mega-links-block li a .name{font-weight: 700; color:var(--color-blue); transition:color 0.2s ease;}
.megamenu .mega-links-block li a:hover .name, .megamenu .mega-links-block li a:focus .name {color:var(--color-hover);}
.megamenu .mega-links-block li a .description{color:var(--color-dark-grey);}
@media (max-width: 1399.98px) {
	.megamenu .mega-top .row{gap:1.5rem;}
}
@media (max-width: 1199.98px) {
	.megamenu .mega-bottom .container{gap:3.5rem;}
	.megamenu .mega-top .row{gap:0;}
}
@media (max-width: 991.98px) {
	#main-nav .has-megamenu{position:relative;}
	#main-nav .megamenu{left:0; right:0; top:0; margin-bottom:1rem;}
	.megamenu .mega-inner-wrap{max-height:none ;}
	.megamenu .mega-inner-wrap .container{width:100%;}
	.megamenu .mega-top{padding:0 0.25rem 1.5rem 0.25rem;}
	.megamenu .mega-bottom{padding:var(--margin-normal) 0.75rem; border-radius:var(--radius-big);}
	.megamenu .mega-bottom .container{gap:1.5rem;}
	#main-nav .megamenu .mega-links-block li a {display: flex;}
}
@media (max-width: 767.98px) {
	.megamenu .mega-top .row{flex-wrap:wrap;}
	.megamenu .mega-top .row [class*='col-']{width:100%;}
	.megamenu .mega-bottom .container{flex-direction: column; align-items: flex-start; gap:var(--margin-normal);}
	.megamenu .mega-links-block ul{align-items: flex-start;}
	.megamenu .mega-links-block ul li{width:auto;}
	.megamenu .mega-links-block ul li > a {margin:0;}
}



/* ************************* */
/* 25. Products		 		 */
/* ************************* */
.product-tabs-wrap .accordion .accordion-item {border-radius: var(--radius-big); }
.product-tabs-wrap .accordion .accordion-button { background-color: white; scolor: white; padding: 0.75rem 1.5rem}
.product-tabs-wrap .accordion .accordion-button:focus, .product-tabs-wrap .accordion .accordion-button:hover { background-color: var(--color-link); }
.product-tabs-wrap .accordion .accordion-button::after { color: var(--color-dark-grey); }
.product-tabs-wrap .accordion .accordion-button:hover::after, .product-tabs-wrap .accordion .accordion-button:focus::after { color: white; }
.product-tabs-wrap .accordion .accordion-collapse { background-color: var(--color-light-grey); }
.product-tabs-wrap .accordion .accordion-body { background-color: white; padding: 1.0rem 1.5rem; }
.product-tabs-wrap .ba-resources-listing { gap: var(--margin-small); }
.product-tabs-wrap .ba-resources-listing .sp-link {white-space: break-spaces; flex: 1 0 calc(50% - 1rem)}