/* Homepage Banner */



.homepage-banner {overflow:hidden;background: var(--primary-6) url(/images/homepage-banner-pattern.png) top left no-repeat;height: 950px;}



.homepage-banner h1,.homepage-banner h2, .homepage-banner h3, .homepage-banner h4, .homepage-banner h5, .homepage-banner h6, .homepage-banner p {color:var(--third-1);}



.homepage-banner p {max-width:80%}



.homepage-banner .homepage-banner-btns {display:flex; gap:15px;}



.homepage-banner .row {align-items:center;height: 950px;}







.homepage-banner .homepage-banner-right {



    height: 950px;



    display: flex;



    justify-content: right;



    gap: 30px;



}



.homepage-banner:before {content:" ";width:100%;height:100px;background: linear-gradient(0deg, rgba(0,32,62,0) 0%, rgba(0,32,62,1) 90%);position:absolute;display:block;z-index: 8;}

@media (max-width:1199px) {
    .homepage-banner:before  {display:none;}
}

.homepage-banner .homepage-banner-right:after {content:" ";width:100%;height:100px;background: linear-gradient(0deg, rgba(0,32,62,1) 30%, rgba(0,32,62,0) 100%);position:absolute;display:block;z-index: 8;bottom:0;left: 0;}



.homepage-banner .image-marquee-left, .homepage-banner .image-marquee-right {display:flex; flex-direction: column;}



.homepage-banner .image-marquee-item {margin:0 0 30px;height:400px;width:300px;border-radius:10px;min-width: 300px;}



.homepage-banner .image-marquee-item img {border-radius:12px;height:400px; width:300px; object-fit:cover;}



.homepage-banner .image-marquee-left-wrap {display: flex;animation: slideup 50s infinite linear;/* animation-play-state: paused; */flex-direction: column;}



.homepage-banner .image-marquee-right-wrap {display: flex;animation: slidedown 50s infinite linear;/* animation-play-state: paused; */flex-direction: column-reverse;}



.homepage-banner .image-marquee-left, .homepage-banner .image-marquee-right {display:flex;flex-wrap: wrap;height: 1720px;flex: 0 0 1720px;width: 300px;max-width: 300px;min-width: 300px;flex-direction: column;}



    @keyframes slideup {



      100% {transform: translateY(-1720px);}



    }



@keyframes slidedown {



      100% {transform: translateY(1720px);}



    }



@media (max-width:1199px) {







  .homepage-banner {padding:30px 0}



.homepage-banner p {max-width:100%}



  .homepage-banner, .homepage-banner .row, .homepage-banner .homepage-banner-right {height:auto;}



    .homepage-banner .homepage-banner-right {flex-direction:column;}



.homepage-banner .image-marquee-item {height:200px;width:300px;border-radius:10px;min-width: 300px;margin-bottom: 0;margin-right: 30px;}



  .homepage-banner .image-marquee-item img {border-radius:12px;height:200px;width:300px;object-fit:cover;margin-bottom: 0;margin-right: 30px;}



.homepage-banner .image-marquee-left, .homepage-banner .image-marquee-right {display:flex;flex-wrap: wrap;width: 1320px;flex: 0 0 1320px;flex-direction:row;height: 200px;max-width: 1320px;min-width: 1320px;}







.homepage-banner .image-marquee-left-wrap {display: flex;animation: slideleft 50s infinite linear;/* animation-play-state: paused; */height: 200px;flex-direction: row;}



.homepage-banner .image-marquee-right-wrap {display: flex;animation: slideright 50s infinite linear;/* animation-play-state: paused; */flex-direction: row-reverse;height: 200px;}



  



    @keyframes slideleft {



      100% {transform: translateX(-1720px);}



    }



	 @keyframes slideright {



      100% {transform: translateX(1720px);}



    }



}







/* Heading With Icon */







.heading-with-icon .heading-inner {display:flex; align-items:center; gap:30px}







@media (max-width:991px) {



.heading-with-icon .heading-inner {gap:15px}  



}







/* Button - Text Underline */







.text-underline a, .text-underline span {background:none;border:none;color:var(--primary-7);font-size: 18px!important;font-weight:400;padding: 0!important;text-align: left;}



.text-underline a:hover, .text-underline span:hover {background:none;border:none;color:var(--primary-7);}



.text-underline a:after, .text-underline span:after {content:" ";height:1px;width: 100%;display: block;background:var(--primary-7);padding: 0;position: relative;/* bottom: 15px; */transition:0.3s ease;}



.text-underline a:hover:after, .text-underline span:hover:after {width:0}







/* Post List Homepage News */







.posts-list-homepage-news .posts-list-item-wrap {background:#fff;}



.posts-list-homepage-news .posts-list-item-img {width:100%;height: 400px;padding:15px;overflow: hidden;}



.posts-list-homepage-news .posts-list-item-img img {width:100%; height: 400px;object-fit:cover;}



.posts-list-homepage-news .posts-list-item-body {padding: 30px 30px 15px;}



.posts-list-homepage-news .posts-list-item-title {font-size:30px;}



.posts-list-homepage-news .posts-list-item-title a {text-decoration:none;}



.posts-list-homepage-news .posts-list-item-title a:hover {color:var(--secondary)}







/* Eshop Events Homepage */







.eshop-events-homepage .events-item-wrap {display:flex;margin-bottom: 30px;gap:30px}



.eshop-events-homepage .events-item-left {min-width:180px; height:180px;background:#fff;}



.eshop-events-homepage .events-item-left img {width:180px;height:180px;object-fit:cover;border: 5px solid #fff;}



.eshop-events-homepage .events-item-right {border-bottom:1px solid var(--border-color-dark)}



.eshop-events-homepage .events-item-title {font-size:30px;margin-bottom:15px}



.eshop-events-homepage .events-item-title a {text-decoration:none}



.eshop-events-homepage .events-item-datetime {color:var(--primary-7)}



.eshop-events-homepage .events-item-datetime .fas {font-size:16px;color:var(--secondary);}







@media (max-width:575px) {



.eshop-events-homepage .events-item-wrap {display:flex;flex-direction:column;}  



  .eshop-events-homepage .events-item-left {min-width:100%; height:250px}



  .eshop-events-homepage .events-item-left img  {width:100%; height:250px}



}







.page-banner-inner-page {background:var(--primary-6) url(/images/banner-background.png) top left no-repeat;height: 570px;}



.page-banner-inner-page .page-banner-wrap .container {display:flex;justify-content:space-between;height: 570px;}



.page-banner-inner-page .page-banner-wrap .page-banner-inner {flex:0 0 50%;display:flex;align-items:center;justify-content:center;position:relative;min-width: 50%;}



.page-banner-inner-page .page-banner-wrap .page-banner-inner .container {max-width:500px;}



.page-banner-inner-page .page-banner-wrap .page-banner-inner .page-banner-title {color:#fff;}



.page-banner-inner-page .page-banner-wrap .page-banner-des {position:absolute; bottom:0; color:#fff; border-top:1px solid rgba(255,255,255,0.2); width:100%; font-size:14px;padding-top:10px}



.page-banner-inner-page .page-banner-wrap .page-banner-img {position:absolute;right:0;bottom:0;flex: 0 0 50%;max-width: 50%;height: 520px;}



.page-banner-inner-page .page-banner-wrap .page-banner-img img {border-radius:150px 0 0 0;object-fit: cover;max-width: 100%;height: 520px;}







@media (max-width:991px) {



 .page-banner-inner-page .page-banner-wrap .container {display:block;justify-content:space-between;height: auto;} 



  .page-banner-inner-page {height:auto;}



  .page-banner-inner-page .page-banner-wrap .page-banner-img {position:relative;right:0;bottom:0;flex: 0 0 100%;max-width: 100%;height: 300px;}



.page-banner-inner-page .page-banner-wrap .page-banner-img img {border-radius:50px 0 0 0;object-fit: cover;max-width: 100%;height: 300px;}



  .page-banner-inner-page .page-banner-wrap .page-banner-des {position:relative;}



  .page-banner-inner-page .page-banner-wrap .page-banner-inner {display:block;padding-top:30px}



}







.sidebar-menu-item .menu-item-inner {display:flex; gap:30px; align-items:center; background:#fff;margin-bottom:10px; padding:15px; text-decoration:none;}



.sidebar-menu-item .menu-item-inner p {margin-bottom:0; font-size:24px;}



.sidebar-menu-item .menu-item-inner:hover {background:var(--secondary-1)}











.img-card-style-3 {margin-bottom:30px;}



.img-card-style-3 a {text-decoration:none;}



.img-card-style-3 .img-card-wrap img {height:230px; width:100%; max-width:100%; object-fit:cover;}



.img-card-style-3 .img-card-wrap .img-card-body {background:#fff;padding: 30px 30px 1px;}



.img-card-style-3 .img-card-wrap .img-card-title {text-decoration:none; font-weight:400;}

.img-card-style-3 .img-card-wrap .img-card-title {text-decoration:none; font-weight:400;}



.files-list-style-3 .files-item-inner.is-primary {background:var(--primary)}

.files-list-style-3 .files-item-inner.is-secondary {background:var(--secondary)}

.files-list-style-3 .files-item-inner.is-third {background:var(--third)}

.files-list-style-3 .files-item-inner {padding:30px;text-align:center;height:100%}

.files-list-style-3 .files-item-inner h3 {color:#fff; font-size:24px}

.files-list-style-3 .files-list-item {margin-bottom:30px; min-height:200px}

@media (max-width:991px) {
.bg-with-img {background-image:none!important}
}