/* BA components. Based on Bootstrap 5.3. Jan 2023. */
/*	
	1.	main navigation
	2.	aside nav
	6.	modals
	7.	pagination
	9.	tabs
	10.	accordion
	12.	tables
	13.	main search
	14.	aside CTA banner
	15.	items listing
	16. separators
	23. gallery-internal-listing
	33.	image-50-text
	34.	testimonials-listing
	35.	icons-listing
	36.	video-slider
*/



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

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

#header .navbar{ position: fixed; top:0px; left:0; width:100vw; padding:0; background:#fff; z-index: 1030; transition:box-shadow 0.8s ease, top 0.8s ease;}
.navbar-brand{width:11.87rem; 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:3rem; width:9rem;}

/*navigation */
#navigation{justify-content: flex-end;}
#navigation > .inner-wrap{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:0; border-radius:var(--radius-normal); box-shadow: 0 0.25rem 1.25rem rgba(0,0,0,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{margin-top:0.62rem; font-size:1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04rem; gap:3rem; padding-left:5rem; height:3.75rem;}
#main-nav:before{content: ''; background: var(--color-blue);  border-top-left-radius: 3.75rem; position: absolute; top:0; right:calc(-1*var(--page-side-gap)); bottom:0; left:0;}
#main-nav > li > a{padding:1.25rem 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-blue);}

#main-nav .dropdown-menu{font-size:1rem; font-weight: 400; text-transform: none; padding:0;}
#main-nav .dropdown-menu > li > a{padding:1rem 3rem 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{color:var(--color-dark-grey); padding-left:0.5rem; padding-right:0.94rem; flex:none;} 
#main-nav .dropdown-menu > .dropdown > .dropdown-toggle:after{font-size: 0.62rem; 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-hover);}
#main-nav .dropdown-menu > .active > a{color:var(--color-blue);}
#main-nav .dropdown-menu > li:hover{background: var(--color-light-grey);}

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

@media (max-width: 1199.98px) {
	#main-nav{gap:2rem; padding-left:3rem;}
	#top-nav{gap:2rem;}
}
@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.affix{transition: none; top:0; box-shadow:none;}
	.affix .navbar-brand{margin-top:0.25rem; transition: none;}

	#navigation{position:absolute; top:100%; width:100%; left:0; 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: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{gap:0; padding:0.75rem; height:auto; margin:0;}
	#main-nav:before{display:none;}
	#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 > .active > a,
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover,
	#main-nav .dropdown-menu > .active > a{color:var(--color-hover);}

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

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



/* ************************* */
/* 2. ASIDE NAV   			 */
/* ************************* */
.side-nav-wrap{border-top:1px solid var(--color-grey); padding:0; font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04rem;}
.side-nav-wrap .sublevel{padding-left:1.5rem;}
.side-nav-wrap a{display:block; padding:1.13rem 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; color:var(--color-dark-grey); 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 var(--color-grey);}
.side-nav-wrap a{color:inherit;}
.side-nav-wrap .active a{color:var(--color-blue);}
.side-nav-wrap a:hover, .side-nav-wrap a:focus{color:var(--color-hover);}



/* ************************* */
/* 6. MODALS	   			 */
/* ************************* */
.modal-content{padding:3.5rem; border-radius:var(--radius-normal); border:0; gap:var(--margin-normal); box-shadow: 0 1rem 5rem rgba(0,0,0,0.5);}
.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-link); background-color:transparent; border:0; 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:var(--color-light-grey); color:var(--color-link);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{color:var(--color-hover); background-color:transparent; font-weight:bold; border-color:transparent;}
.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;}



/* ************************* */
/* 9. TABS		   			 */
/* ************************* */
.tabs-wrap .tab-content{padding:0; border:0;}
.tabs-wrap .nav-tabs{display: inline-flex; border-bottom:1px solid var(--color-grey); align-items: stretch; flex-wrap:nowrap;}
.tabs-wrap .nav-tabs > li{margin-bottom:-4px; display: flex; align-items: stretch;}
.tabs-wrap .nav-tabs > li+li{margin-left:0;}
.tabs-wrap .nav-tabs > li > a{padding:0 2rem 1rem 2rem; font-family: 'century-gothic'; width:100%; background-color:transparent; color:var(--color-base); border:0; border-bottom:4px 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{ background-color:inherit; color:var(--color-hover);}
.tabs-wrap .nav-tabs > li > .active, .tabs-wrap .nav-tabs > li > .active:hover, .tabs-wrap .nav-tabs > li > .active:focus{ background-color: #fff; border-color:var(--color-blue); color:var(--color-base); cursor: default;}

.tabs-wrap .nav-tabs.big{font-size:var(--h4);}

@media (max-width: 767.98px) {
	.tabs-wrap .tab-content{padding:0;}
	.tabs-wrap .nav-tabs{flex-wrap:wrap; gap:0.25rem; padding:0; border:0;}
	.tabs-wrap .nav-tabs > li{float:none; display: block; margin:0;}
	.tabs-wrap .nav-tabs > li+li{margin-left:0;}
	.tabs-wrap .nav-tabs > li > a{border:1px solid var(--color-grey); display: block; text-align: center; padding:0.5rem 1rem; border-radius:0;}
	.tabs-wrap .nav-tabs > li > .active, .tabs-wrap .nav-tabs > li > .active:hover, .tabs-wrap .nav-tabs > li > .active:focus{border-color:var(--color-grey); background: var(--color-light-grey);}
}



/* ************************* */
/* 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; font-size: var(--h4); background: var(--color-light-grey); color:var(--color-black); box-shadow: none; font-weight: 400; padding:1rem 1.5rem 1rem 2rem;}
.accordion .accordion-button::after {content: '\f078'; font:var(--font-icon); font-size: 0.81rem; color:var(--color-dark-grey); background: none; width:auto; height:auto; transition-duration:0.4s;}
.accordion .accordion-button[aria-expanded='true']{background-color: var(--color-light-grey); color:var(--color-black);}
.accordion .accordion-button:focus, .accordion .accordion-button:hover{color:#fff; background-color: var(--color-dark-blue); box-shadow: none;}
.accordion .accordion-button:focus:after, .accordion .accordion-button:hover:after{color:#fff;}
.accordion .accordion-body {padding:1.5rem 2rem; position:static;}



/* ************************* */
/* 12. TABLES				 */
/* ************************* */
.textbox table{font-size: inherit; width: 100%; max-width:100%; margin-bottom:0; border-bottom:1px solid var(--color-blue);}
.textbox table td, .textbox table th{padding:1rem 1rem;}
.textbox table thead th{ vertical-align:bottom; background-color: var(--color-blue); color:#fff; }
.textbox table td{ vertical-align:top;}
.textbox table tr:nth-child(even){background-color:var(--color-light-grey);}
.textbox table tr{transition:background 0.2s ease;}
.textbox table tr:hover{background-color:var(--color-light-blue);} 
.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-blue);}
	.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-nav > li > .main-search-toggle{width:4rem;}
#main-nav > li > .main-search-toggle:before{content: '\f00d'; font:var(--font-icon);}
#main-nav > li > .main-search-toggle.collapsed:before{content: '\f002'; }

#main-search{box-shadow: 0 0.75rem 0.75rem rgba(0,0,0,0.2); background: var(--color-light-grey); position: fixed; top:var(--header-height); left:0; width:100%; transition:top 0.8s ease, height 0.4s ease;}
#main-search .container{height:calc(var(--input-height) + 2rem); border:1px solid transparent;}
.affix #main-search{top:var(--header-height-sticky);}
#main-search .control-wrap{margin:1rem 0;  display: flex; align-items: stretch; gap:0.5rem;}
#main-search .control-wrap .buttons-wrap{display: flex; align-items: stretch; gap:0.5rem;}
#main-search input:focus{outline:0; box-shadow:none;}
#main-search input::-ms-clear {display: none;}

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

@media (max-width: 991.98px) {
	#main-nav > li > a[href='#main-search']{display: none;}
	#main-search{display:block; position: relative; padding:1rem 0; background: #fff;}
	#main-search .container{height:auto;}
	#main-search, .affix #main-search{top:0;}
	#main-search .control-wrap{margin:0;}
}



/* ************************* */
/* 14. ASIDE CTA BANNER		 */
/* ************************* */
.cta-box{overflow: hidden; padding:var(--padding-large) 2rem; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.cta-box .bg-image{position: absolute; top:0; right:0; bottom:0; left:0;}
.cta-box .bg-image:after{content: ''; background:rgba(0,0,0,0.56);  position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.cta-box:hover .bg-image:after{content: ''; background:rgba(69,111,133,0.8);}
.cta-box .cta-link{ z-index:4;}
.cta-box .area-link{z-index: 3;}



/* ************************* */
/* 15. ITEMS LISTING		 */
/* ************************* */
.items-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:var(--margin-normal) 1.5rem;}
.items-listing .item{background-color: #fff; border-radius:var(--radius-normal); display: flex; flex-direction: column; transition:background 0.2s ease; }
.items-listing .item .image{flex:none;}
.items-listing .item .image img{border-radius: var(--radius-normal); width:100%; max-width: 100%;}
.items-listing .item .content{padding:var(--margin-normal) 1.5rem 1.5rem 1.5rem; flex-grow:1;}
.items-listing .item .title{margin-bottom:var(--margin-small);}
.items-listing .item .textbox{margin-bottom:var(--margin-small);}
.items-listing .item .sp-link{z-index: 3;}
.items-listing .item:hover{background: var(--color-light-grey);}

.items-listing.two-cols .item{width:calc((100% - 1.5rem)/2);}
.items-listing.three-cols .item{width:calc((100% - 1.5rem*2)/3);}
.items-listing.four-cols .item{width:calc((100% - 1.5rem*3)/4);}

@media (max-width: 991.98px) {
	.items-listing{gap:0.75rem;}
	.items-listing .item .content{padding:1rem;}
	.items-listing.two-cols .item{width:calc((100% - 0.75rem)/2);}
	.items-listing.three-cols .item{width:calc((100% - 0.75rem*2)/3);}
	.items-listing.four-cols .item{width:calc((100% - 0.75rem*3)/4);}
}
@media (max-width: 767.98px) {
	.items-listing.two-cols .item{width:100%;}
	.items-listing.three-cols .item{width:calc((100% - 0.75rem)/2);}
	.items-listing.four-cols .item{width:calc((100% - 0.75rem)/2);}
}
@media (max-width: 575.98px) {
	.items-listing.three-cols .item{width:100%;}
	.items-listing.four-cols .item{width:100%;}
}



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



/* ************************* */
/* 23. GALLERY INTERNAL LISTING */
/* ************************* */
.gallery-internal-listing{display: flex; flex-wrap:wrap; align-items: stretch; gap:1.5rem;}
.gallery-internal-listing .item{width:calc((100% - 1.5rem*2)/3); border-radius:var(--radius-normal); overflow: hidden; transform: scaleZ(1);}
.gallery-internal-listing .image{aspect-ratio:1.618/1; }
.gallery-internal-listing .image img{object-fit: cover; width:100%; height:100%; transition:transform 0.4s ease; transform-origin: center;}
.gallery-internal-listing .image:after{content: ''; background: url("../../img/i-album-hover.svg") no-repeat var(--color-black65) center / 6rem ; opacity:0; position: absolute; top:0; right:0; bottom:0; left:0; transition:opacity 0.4s ease, background 0.4s ease;}
.gallery-internal-listing .item:hover .image:after{opacity:1; background-size: 3.5rem;}
.gallery-internal-listing .item:hover .image img{transform:scale(1.2);}
@media (max-width: 991.98px) {
	.gallery-internal-listing{gap:0.75rem;}
	.gallery-internal-listing .item{width:calc((100% - 0.75rem*2)/3);}
}
@media (max-width: 767.98px) {
	.gallery-internal-listing .item{width:calc((100% - 0.75rem)/2);}
}



/* ************************* */
/* 33. IMAGE-50-TEXT		 */
/* ************************* */
.image-50-text-block{display: flex; align-items: center; gap:var(--padding-large); }
.image-50-text-block .image-wrap{width:calc(50% - 0.75rem); flex:none;}
.image-50-text-block .image-wrap img{width:100%; max-width: 100%; border-radius:var(--radius-normal);}
.image-50-text-block .text-wrap{flex-grow:1;}

.image-50-text-block.reverse{flex-direction: row-reverse;}

@media (max-width: 1399.98px) {
	.image-50-text-block{gap:var(--padding-normal);}
}
@media (max-width: 1199.98px) {
	.image-50-text-block{gap:var(--margin-big);}
}
@media (max-width: 991.98px) {
	.image-50-text-block{gap:var(--margin-normal);}
}
@media (max-width: 767.98px) {
	.image-50-text-block, .image-50-text-block.reverse{flex-direction: column;}
	.image-50-text-block .image-wrap{width:100%;}
	.image-50-text-block .text-wrap{width:100%;}
}



/* ************************* */
/* 34. TESTIMONIALS LISTING	 */
/* ************************* */
.testi-listing{display: flex; align-items: flex-start; gap:5rem;}
.testi-listing .item{width:calc((100% - 5rem*2)/3); display: flex; flex-direction: column; align-items: center; gap:var(--margin-normal);}
.testi-listing .image{width:12.6rem; aspect-ratio:1/1; flex:none;}
.testi-listing .image img{object-fit:cover; width:100%; height:100%; border-radius:50%;}
.testi-listing .textbox blockquote{font:var(--font-base); background-position:0.25rem 0.4rem; background-size: 1.63rem auto;}
.testi-listing .textbox blockquote, .testi-listing .textbox figure blockquote + figcaption{padding-left:2.87rem;}
@media (max-width: 1399.98px) {
	.testi-listing{gap:3.5rem;}
	.testi-listing .item{width:calc((100% - 3.5rem*2)/3);}
}
@media (max-width: 1199.98px) {
	.testi-listing{gap:1.5rem;}
	.testi-listing .item{width:calc((100% - 1.5rem*2)/3);}
}
@media (max-width: 767.98px) {
	.testi-listing{flex-direction: column; gap:var(--margin-big);}
	.testi-listing .item{width:100%; flex-direction: row; align-items: flex-start;}
	.testi-listing .image{margin-left:var(--margin-normal); width:20vw;}
	.testi-listing .textbox{flex-grow:1;}
}
@media (max-width: 575.98px) {
	.testi-listing .image{margin-left:0;}
	.testi-listing .item{gap:0.5rem;}
}



/* ************************* */
/* 35. ICONS LISTING	 */
/* ************************* */
.icons-listing{display: flex; align-items: flex-start; flex-wrap:wrap; gap:var(--margin-big) 5rem;}
.icons-listing .item{width:calc((100% - 5rem*3)/4); display: flex; flex-direction: column; gap:var(--margin-normal);}
.icons-listing .icon{height:3.94rem;}
.icons-listing .icon img{height:100%; max-height: 100%;}
.icons-listing .title{font-size: var(--h6); color:var(--color-blue); margin-bottom:var(--margin-small);}
.icons-listing .content{width:100%;}
@media (max-width: 1399.98px) {
	.icons-listing{gap:var(--margin-big) 3.5rem;}
	.icons-listing .item{width:calc((100% - 3.5rem*3)/4);}
}
@media (max-width: 1199.98px) {
	.icons-listing{gap:var(--margin-big) 1.5rem;}
	.icons-listing .item{width:calc((100% - 1.5rem*3)/4);}
}
@media (max-width: 767.98px) {
	.icons-listing .item{width:calc((100% - 1.5rem)/2);}
}
@media (max-width: 575.98px) {
	.icons-listing .item{width:100%;}
}



/* ************************* */
/* 36. FULL-WIDTH-BG	 */
/* ************************* */
.content-section .section-bg{position: absolute; top:0; right:0; bottom:0; left:0;}
.content-section .section-bg:after{content: ''; background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.64) 100%); position: absolute; top:0; right:0; bottom:0; left:0;}
@media (max-width: 767.98px) {
	.content-section .section-bg:after{background: linear-gradient(270deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.64) 100%);}	
}



/* ************************* */
/* 37. VIDEO-SLIDER	 */
/* ************************* */
.video-slider .item .image{width:100%; aspect-ratio:1.7/1;}
.video-slider .item img{object-fit:cover; width:100%; height:100%;}
.video-slider .area-link{z-index: 2; display: flex; align-items: center; justify-content: center; color:#fff; text-decoration: none;}
.video-slider .item.video .area-link{background:rgba(0,0,0,0.24);}
.video-slider .item.video .area-link:before{content: '\f144'; font: var(--font-icon); font-weight: 400; font-size: 5rem;}
.video-slider .item.video .area-link:hover, .video-slider .item.video .area-link:focus{color:var(--color-red);}

.thumbs-slider{margin:0 2.5rem;}
.thumbs-slider .item{ margin:0 0.75rem; cursor: pointer;}
.thumbs-slider .item img{object-fit:cover; width:100%; height:100%;}
.thumbs-slider .item div{width:100%; aspect-ratio:1.757/1;}
.thumbs-slider .item div:after{content: ''; color:#fff; display: flex; align-items: center; justify-content: center; position: absolute; top:0; right:0; bottom:0; left:0; transition:background 0.2s ease;}
.thumbs-slider .item.video div:after{content: '\f144'; background:rgba(0,0,0,0.08); font: var(--font-icon); font-weight: 400; font-size: 3.12rem;}
.thumbs-slider .item:hover div:after{background:rgba(0,0,0,0.32);}
.thumbs-slider .item.slick-current div:after{background:var(--color-blue40);}

.thumbs-slider .slick-arrow{top:50%; margin-top:-1.37rem;}
.thumbs-slider .slick-next{right:-2.5rem;}
.thumbs-slider .slick-prev{left:-2.5rem;}
@media (max-width: 991.98px) {
	.thumbs-slider{margin:0 -0.75rem;}
}
@media (max-width: 767.98px) {
	.thumbs-slider{display: none;}
}