@font-face {
  font-family: 'StoneSansMedium';
  src: url('/fonts/StoneSansMedium.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BerkeleyStd-Medium';
  src: url('/fonts/BerkeleyStd-Medium.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BerkeleyStd-Book';
  src: url('/fonts/BerkeleyStd-Book.otf');
  font-weight: normal;
  font-style: normal;
}


.trans { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }


/***  Header ***/
.mega-menu .mega-menu-panel li { border-bottom:1px solid #D8D8D8;}
.header-kampus .google-translate,.header-kampus .header-utility-bar-menu ul li {border-right:1px solid #fff;margin-right:15px;padding-right:15px;line-height: 12px;}
.header-kampus .google-translate,.header-kampus .header-utility-bar-menu ul li:first-of-type { border-left:1px solid #fff; padding-left:15px; }
.header-kampus .header-utility-bar-sns a:hover { color: var(--white); background:var(--primary) }
.header-kampus .header-btn-1 { margin-right:15px; }
.header-kampus .search-text {color:var(--white);/* font-size: 14px; *//* line-height: 16px; */padding-right: 0px;margin-right:0;}


/**  Menu Hover Colors  ***/
.mega-menu-default .mega-menu-items>li:nth-child(1)>a:before { background:#FF8550; }
.mega-menu-default .mega-menu-items>li:nth-child(2)>a:before { background:#3B96DC; }
.mega-menu-default .mega-menu-items>li:nth-child(3)>a:before { background:#EF5483; }
.mega-menu-default .mega-menu-items>li:nth-child(4)>a:before { background:#9F6198; }
.mega-menu-default .mega-menu-items>li:nth-child(5)>a:before { background:#8781D3; }
.mega-menu-default .mega-menu-items>li:nth-child(6)>a:before { background:#24B09B; }
.mega-menu-default .mega-menu-items>li:nth-child(7)>a:before { background:#FF8550; }


/***  Logo ***/
.logo-normal {}
.logo-stuck { display:none; }


@media (max-width: 968px) {
.header-kampus .header-logo {position:relative;}
.header-kampus .header-logo img {    width: 146px;    height: auto;    max-width: 100%; }
}


@media (max-width: 768px) {
.header-kampus .header-logo {position:relative;top: 26px;}
.header-kampus .header-logo img {    width: 146px;    height: auto;    max-width: 100%; }
}

.header-wrap.this-is-stuck .logo-normal {display:none;}
.header-wrap.this-is-stuck .header-logo {position:relative;top: -25px;}
.header-wrap.this-is-stuck .logo-stuck {display:block;width: 200px;margin-left: 80px;}



@media (max-width: 1500px) {

.header-wrap.this-is-stuck .logo-stuck {display:block;width: 200px;margin-left: 20px;}

}


@media (max-width: 968px) {
.header-wrap.this-is-stuck .logo-stuck {width: 136px;margin-left: 20px;}
.header-wrap.this-is-stuck .header-logo {position:relative;top: 0px;}

}



/***  Footer ***/
.footer-row { display:flex; justify-content: space-between;  }
.footerSns a { background:var(--primary) !important; color:var(--white); font-size:12px !important}
.footerOne .footerMain h6 {/* font-family:var(--font-family-sans-serif); */font-size: 22px;color: #2E2922;font-weight: 400;}
.footerOne .footerMain p {font-size: 17px;}
.footerOne .footerMain li {font-size: 17px;}
.footerOne .Dialog th:empty {display:none}
.footerOne .Dialog td {padding:0 0 8px}
.footerOne .mwInput { height: auto; padding: 0;    margin: 0;    font-size: var(--form-font-size);    font-family: var(--form-font-family); color: var(--form-text-color);    border: 1px solid var(--primary);    border-radius: 0;    background-color: var(--form-bg);    box-shadow: var(--form-inner-shadow),var(--form-outer-shadow);    transition: var(--transition-200);  }
.footerOne .mwInput.button { border-radius:30px; margin-top:5px;}
.footerOne table {    width: 100%;    border-collapse: collapse;    margin-bottom: 0px }

.footerCol1 { width:20%; }
.footerCol2 {width: 31%;}
.footerCol3 {width: 23%;}
.footerCol4 {width:25%; }


@media (max-width: 991px) {
  .footer-row { display:block  }
  .footerCol1,
  .footerCol2,
  .footerCol3,
  .footerCol4 {    width: 100%;    margin-bottom: 20px;   }
}








/* Page Banner Default */
.img-page-banner-wrap {display:flex;justify-content: space-between;align-items: center;background: #EFEFEF;}
.img-page-banner-overlay {height:600px;background-size: cover !important;width: 50%;}
.img-page-banner-overlay img { height:600px; position:relative; left:0;}
.img-page-banner-content-holder { display:flex; justify-content:flex-end; width:50%;}
.img-page-banner-content {max-width: 580px;padding-right: 80px;}
.img-page-banner-content h1 {font-size:56px;}
.img-page-banner-content p {font-size: 20px;color: #77736D;}
.img-page-banner-svg-a {position:absolute;top:-100px;left:-100px;transform: rotate(90deg);opacity: 0.6;}
.home-intro .img-page-banner-svg-a {top:-200px;}


@media (max-width: 1280px) {

.img-page-banner-content {max-width: 580px;padding-left: 80px;}
.img-page-banner-content h1 {font-size:44px;}

}


@media (max-width: 1080px) {



}





@media (max-width: 968px) {

 .home-intro .img-page-banner-svg-a { display:block; left:-240px  }
 .home-intro .img-page-banner-svg-a svg { transform:scale(.5)}
 .home-intro .img-page-banner-svg-b {display:block;bottom: -160px;right: -140px;transform: scale(0.5);}
 .home-intro .img-page-banner-svg-b svg {transform:scale(.5);}


  .default-banner .img-page-banner-svg-a { display:block; left:-240px  }
  .default-banner .img-page-banner-svg-a svg { transform:scale(.5)}
  .default-banner .img-page-banner-svg-b {display:block;bottom: -160px;right: -140px;transform: scale(0.5);}
 .default-banner .home-intro .img-page-banner-svg-b svg {transform:scale(.5);}

 
}



@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg); /* Rotate by 50% (180 degrees) */
  }
 
}

/* Apply the animation to your SVG element */
.img-page-banner-svg-a {animation: rotateAnimation 3s linear 1;animation-fill-mode: forwards;}
.img-page-banner-svg-b {position:absolute;bottom: -160px;right: 0;transform: rotate(0deg);overflow: hidden;width: 360px;}



.inner_svg {animation: rotateAnimation 3s linear 1;}
.inner_svg {position:absolute;left: calc(278px - 50%);top: calc(316px - 50%);opacity: .5;height: 260px;width: 260px;}
.outer_svg {animation: rotateAnimationReverse 3s linear 1; /* Adjust the duration and timing function as needed */height: 449px;width: 449px;opacity: .8;}

@keyframes rotateAnimationReverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg); /* Rotate by 50% (180 degrees) */
  }
 
}

._bg-blue {background:#3b96dc !important; }
._bg-pink {background:#ef5483 !important;  }
._bg-white {background:#fff !important; }
._bg-green {background:#24b09b !important; }
._bg-purple {background:#9f6198 !important; }
._bg-purple2 {background:#8781d3 !important; }
._bg-orange {background:#ff8550 !important; }



.img-page-banner-sub {  display: flex;  align-items: center; }
.img-page-banner-sub-more { border-radius: 5px; display: flex;align-items: end; border-radius: 70px 0 190px 290px; height: 90px;  padding-right: 30px;  line-height: 90px; }
.img-page-banner-sub-description  {    margin-left: 50px;    font-size: 18px; }
.img-page-banner-sub-description p{color:#77736D}
.img-page-banner-sub-description p a{color:#77736D}
.img-page-banner-sub-description p a:hover {color:var(--primary)}
.img-page-banner-sub-image {height: 140px;width: 140px;border:2px solid #fff;border-radius:50%;overflow:hidden;}
.img-page-banner-sub-image img { max-width: 100%; }
.img-page-banner-sub-more p {color: white;margin-left: 20px;font-size: 34px;font-style:italic;font-family: var(--heading-font-family);}

.img-page-banner-after {border-bottom:1px solid #77736D; max-width:1170px; margin:0 auto; padding-top:50px}

.img-page-banner-sub-more.fff {background:var(--primary) !important}






@media (max-width: 1280px) {


 
}



/* Mobile Styles */
@media (max-width: 968px) {
  .img-page-banner-wrap {flex-direction: column;height: auto;}
  .img-page-banner-overlay {height: 400px;width: 100%;}
  .img-page-banner-overlay img {display:none;}
  .img-page-banner-content-holder {    width: 100%;     justify-content: center;     align-items: center;     padding: 20px;   }
  .img-page-banner-content {max-width: 100%;text-align: center;padding: 80px 0 50px;}
  .img-page-banner-content h1 {  font-size: 36px;   }
 
  .img-page-banner-content p {  font-size: 18px;  }
  .img-page-banner-sub {    flex-direction: column;     align-items: center;   }
  .img-page-banner-sub-more {width: 100%;/* border-radius: 0; *//* height: auto; *//* padding: 0; *//* text-align: center; */margin-bottom: 25px;}
  .img-page-banner-sub-image {/* height: 80px; *//* width: 80px; *//* border: 2px solid #fff; */}
  .img-page-banner-sub-more p {font-size: 24px;/* margin: 10px 0; *//* font-style: italic; */}

  

 .img-page-banner-sub-description {margin: 0; text-align:center}
 
  .default-banner .img-page-banner-svg-a {}
  .default-banner .img-page-banner-svg-b,
  .default-banner .inner_svg,
  .default-banner .outer_svg {display: none;}
}








/* Cta Styles */
.cta-wrap {display: flex;justify-content: space-between;align-items:center;height: 550px;overflow: hidden;}
.cta-left {height: 550px;width: 800px;background-size: cover !important;}
.cta-left svg {width: 800px;height: 550px;}
.cta-middle {display: flex;justify-content: space-between;align-items:center;padding-left: 50px;}
.cta-copy {width: 570px;}
.cta-copy h2 {font-size:36px;}
.cta-right {height: 550px;width: 800px;}
.cta-right svg {width: 800px;height: 550px;}


@media (max-width: 1500px) {
.cta-right {display:none; }
.cta-middle {padding-left: 0px;}
 .cta-copy {width: 100%;}

}




@media (max-width: 1024px) {
  .cta-wrap {    flex-direction: column;    height: auto;  }
  .cta-left {width: 100%;height: 300px;background-size: cover !important;}
	.cta-right {display: none;}
  .cta-left svg,
  .cta-right svg {width: 100%;height: auto;display: none;}
  .cta-middle {flex-direction: column;align-items: center;max-width: calc(100% - 50px);margin-top: 20px;padding: 25px 25px;}
  .cta-copy {max-width: 100%;/* margin-top: 20px; */ /* Adjust as needed *//* padding: 50px; */}
 .cta-copy h2 {font-size:22px}
}











/* Sidebar Menu */
.sidebar-inner {}
.sidebar-inner h5 {   font-size: 24px; }
.sidebar-inner  ul {    list-style: none;    padding: 0; }
.sidebar-inner .Menu ul li {padding:0;}

.sidebar-inner .Menu ul ul {padding:0 !important;margin: 0 0 5px !important;}

.sidebar-inner .Menu ul li a {color: #2E2922;display: block;padding: 7px 0 7px 0; border-bottom: 1px solid #B3B8B7;}
.sidebar-inner .Menu ul li.has-children a {color:var(--primary); }
.sidebar-inner .Menu ul li.has-children a {cursor: text;}
.sidebar-inner .Menu ul li.no-children a {color:#2E2922; cursor:pointer; }

.sidebar-inner .Menu ul ul {    list-style: none;  }
.sidebar-inner .Menu ul li li {font-size:15px;padding-left:10px;margin: 0 !important;}
.sidebar-inner .Menu ul li a:hover { color: var(--primary); }

sup {font-size:50%}









/* Style the leaf icons */
.sidebar-main-wrap li::before {content: "";display: inline-block;width: 13px; /* Set the width of the image */height: 17px; /* Set the height of the image */background-image: url('/images/leaf.png'); /* Replace 'leaf.png' with your image file */background-size: contain;margin-right: 0px;top: 10px;position: relative;background-repeat: no-repeat;position: absolute;left: 0;}
.sidebar-main-wrap li {font-size: 17px;margin-bottom: 18px !important;position: relative;padding-left: 25px;}



.icon-text p {display: flex;align-items:center;border-bottom: 1px solid #B3B8B7;width:100%;padding-bottom: 12px;margin-bottom: 12px;}
.icon-text img {  width: 70px;  height: 70px;  margin-right: 10px; }
















/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery One - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.teamGalleryOne .teamItem {  margin-bottom: 15px;}
.teamGalleryOne .teamItemWrap {  display: block;}
.teamGalleryOne .teamItemWrap:hover .teamItemImg {  -webkit-transform: scale(1.05);          transform: scale(1.05);  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.12);}
.teamGalleryOne .teamItemWrap:hover .teamItemToggle {  color: var(--gray-8);}
.teamGalleryOne .teamItemWrap:hover .teamItemToggle span:after {  width: 90%;}
.teamGalleryOne .teamItemImgHolder {  margin-bottom: 30px;}
.teamGalleryOne .teamItemImg {  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;}
.teamGalleryOne .teamItemName {line-height: 1;color: var(--primary);/* text-align: center; */margin-bottom: 10px;}
.teamGalleryOne .teamItemToggle {font-size: 12px;color: var(--gray-6);/* text-align: center; */letter-spacing: 1px;/* text-transform: uppercase; *//* font-weight: 700; */transition: color cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;font-style: italic;}
.teamGalleryOne .teamItemToggle span {  position: relative;  display: inline-block;}
.teamGalleryOne .teamItemToggle span:after {  content: "";  position: absolute;  left: 50%;  bottom: -3px;  width: 0;  height: 2px;  background: var(--gray-8);  -webkit-transform: translateX(-50%);          transform: translateX(-50%);  transition: width cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;}

.teamGalleryOne .teamPanel {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 510;  overflow-x: hidden;  overflow-y: auto;  background-color: var(--gray-2);}
.teamGalleryOne .teamPanel .container {  padding-left: 30px;  padding-right: 30px;}
.teamGalleryOne .teamPanel .row {  align-items: center;}
.teamGalleryOne .teamPanelWrap {  display: flex;  align-items: center;  width: 100%;  height: 100%;}
.teamGalleryOne .teamPanelImgHolder {  margin-bottom: 30px;}
.teamGalleryOne .teamPanelName {  margin-bottom: 10px;}
.teamItemContent { height:600px; overflow-y:scroll; }


.teamGalleryOne .teamPanelClose {  position: absolute;  top: 40px;  right: 50px;}
.teamGalleryOne .teamPanelClose .burger:hover .burgerLine,
.teamGalleryOne .teamPanelClose .burger:hover .burgerSlash {  background-color: var(--primary);}
.teamGalleryOne .teamPanelClose .burger:hover .burgerText {  color: var(--primary);}
.teamGalleryOne .teamPanelClose .burgerLine,
.teamGalleryOne .teamPanelClose .burgerSlash {  background-color: var(--gray-8);}
.teamGalleryOne .teamPanelClose .burgerText {  font-size: 16px;  color: var(--gray-8);  font-weight: 700;}

@media (max-width: 767px) {  .teamGalleryOne .teamPanel .row {    align-items: flex-start;  }  .teamGalleryOne .teamPanelWrap {    display: block;    align-items: initial;    height: auto;    padding: 80px 0 50px;  }  .teamGalleryOne .teamPanelClose {    top: 24px;    right: 36px;  }
}
@media (max-width: 575px) {  .teamGalleryOne .teamPanelClose {    right: 28px;  }
}
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery One - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Two - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.teamGalleryTwo .teamItem {  margin-bottom: 30px;}
.teamGalleryTwo .teamItem:hover .teamItemImg {  -webkit-transform: scale(1.05);          transform: scale(1.05);}
.teamGalleryTwo .teamItemWrap {  display: block;  overflow: hidden;  border-radius: 4px;  background-color: var(--white);}
.teamGalleryTwo .teamItemImgHolder {  overflow: hidden;}
.teamGalleryTwo .teamItemImg {  display: block;  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;}
.teamGalleryTwo .teamItemBody {  padding: 25px;}
@media (max-width: 575px) {  .teamGalleryTwo .teamItemBody {    padding: 15px;  }
}
.teamGalleryTwo .teamItemBody p {  margin-bottom: 20px;}
.teamGalleryTwo .teamItemName {  margin-bottom: 5px;}
.teamGalleryTwo .teamItemMetas {  margin-bottom: 20px;}
.teamGalleryTwo .teamItemMeta {  margin-bottom: 5px;}
.teamGalleryTwo .teamItemMeta i {  color: var(--primary);  margin-right: 5px;}
.teamGalleryTwo .teamItemDescription {  font-size: 14px;}
.teamGalleryTwo .teamItemDescription a {  font-weight: 700;}
.teamGalleryTwo .teamItemLink {  margin-top: 20px;  margin-bottom: 0;}
.teamGalleryTwo p.teamItemLink {  margin-bottom: 0;}

.teamGalleryTwo .teamPanel {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 510;  overflow-x: hidden;  overflow-y: auto;  background-color: var(--gray-2);}
.teamGalleryTwo .teamPanel .container {  padding-left: 30px;  padding-right: 30px;}
.teamGalleryTwo .teamPanel .row {  align-items: center;}
@media (max-width: 767px) {  .teamGalleryTwo .teamPanel .row {    align-items: flex-start;  }
}
.teamGalleryTwo .teamPanelWrap {  display: flex;  align-items: center;  width: 100%;  height: 100%;}
@media (max-width: 767px) {  .teamGalleryTwo .teamPanelWrap {    display: block;    align-items: initial;    height: auto;    padding: 80px 0 50px;  }
}
.teamGalleryTwo .teamPanelImgHolder {  margin-bottom: 30px;}
.teamGalleryTwo .teamPanelName {  margin-bottom: 10px;}
.teamGalleryTwo .teamPanelClose {  position: absolute;  top: 40px;  right: 50px;}
@media (max-width: 767px) {  .teamGalleryTwo .teamPanelClose {    top: 24px;    right: 36px;  }
}
@media (max-width: 575px) {  .teamGalleryTwo .teamPanelClose {    right: 28px;  }
}
.teamGalleryTwo .teamPanelClose .burger:hover .burgerLine,
.teamGalleryTwo .teamPanelClose .burger:hover .burgerSlash {  background-color: var(--primary);}
.teamGalleryTwo .teamPanelClose .burger:hover .burgerText {  color: var(--primary);}
.teamGalleryTwo .teamPanelClose .burgerLine,
.teamGalleryTwo .teamPanelClose .burgerSlash {  background-color: var(--gray-8);}
.teamGalleryTwo .teamPanelClose .burgerText {  font-size: 16px;  color: var(--gray-8);  font-weight: 700;}

/*



 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Two - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Three - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.teamGalleryThree .teamItem {  margin-bottom: 30px;}
.teamGalleryThree .teamItemWrap {  display: block;  overflow: hidden;  border-radius: 4px;  background-color: var(--white);  border-top: 5px solid var(--primary);}









.teamGalleryThree .teamItemBody {  padding: 25px;}
@media (max-width: 575px) {  .teamGalleryThree .teamItemBody {    padding: 15px;  }
}
.teamGalleryThree .teamItemBody p {  margin-bottom: 20px;}
.teamGalleryThree .teamItemName {  margin-bottom: 15px;}
.teamGalleryThree .teamItemMetas {  margin-bottom: 20px;}
.teamGalleryThree .teamItemMeta {  margin-bottom: 5px;}
.teamGalleryThree .teamItemMeta i {  color: var(--primary);  margin-right: 5px;}
.teamGalleryThree .teamItemDescription {  font-size: 14px;}
.teamGalleryThree .teamItemDescription a {  font-weight: 700;}
.teamGalleryThree .teamItemLink {  margin-top: 20px;  margin-bottom: 0;}
.teamGalleryThree p.teamItemLink {  margin-bottom: 0;}

.teamGalleryThree .teamPanel {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 510;  overflow-x: hidden;  overflow-y: auto;  background-color: var(--gray-2);}
.teamGalleryThree .teamPanel .container {  padding-left: 30px;  padding-right: 30px;}
.teamGalleryThree .teamPanel .row {  align-items: center;}
@media (max-width: 767px) {  .teamGalleryThree .teamPanel .row {    align-items: flex-start;  }
}
.teamGalleryThree .teamPanelWrap {  display: flex;  align-items: center;  width: 100%;  height: 100%;}
@media (max-width: 767px) {  .teamGalleryThree .teamPanelWrap {    display: block;    align-items: initial;    height: auto;    padding: 80px 0 50px;  }
}
.teamGalleryThree .teamPanelName {  margin-bottom: 10px;}
.teamGalleryThree .teamPanelClose {  position: absolute;  top: 40px;  right: 50px;}
@media (max-width: 767px) {  .teamGalleryThree .teamPanelClose {    top: 24px;    right: 36px;  }
}
@media (max-width: 575px) {  .teamGalleryThree .teamPanelClose {    right: 28px;  }
}
.teamGalleryThree .teamPanelClose .burger:hover .burgerLine,
.teamGalleryThree .teamPanelClose .burger:hover .burgerSlash {  background-color: var(--primary);}
.teamGalleryThree .teamPanelClose .burger:hover .burgerText {  color: var(--primary);}
.teamGalleryThree .teamPanelClose .burgerLine,
.teamGalleryThree .teamPanelClose .burgerSlash {  background-color: var(--gray-8);}
.teamGalleryThree .teamPanelClose .burgerText {  font-size: 16px;  color: var(--gray-8);  font-weight: 700;}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Three - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/
/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Four - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.teamGalleryFour .teamItem {  margin-bottom: 30px;}
.teamGalleryFour .teamItemWrap {  overflow: hidden;  padding: 15px;  border-radius: 4px;  background-color: var(--white);}
.teamGalleryFour .teamItemWrap:hover .teamItemImg {  -webkit-transform: scale(1.05);          transform: scale(1.05);}
@media (max-width: 575px) {  .teamGalleryFour .teamItemHeader {    margin-bottom: 15px;  }
}
.teamGalleryFour .teamItemImgHolder {  overflow: hidden;  height: 100%;}
.teamGalleryFour .teamItemImg {  display: block;  height: 100%;  border-radius: 3px;  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;}
.teamGalleryFour .teamItemBody {  display: flex;  flex-wrap: wrap;  flex-direction: column;  justify-content: center;  padding-left: 20px;}
@media (max-width: 575px) {  .teamGalleryFour .teamItemBody {    padding-left: 0;  }
}
.teamGalleryFour .teamItemBody p {  margin-bottom: 20px;}
.teamGalleryFour .teamItemName {  margin-bottom: 15px;}
.teamGalleryFour .teamItemDivider {  margin-bottom: 15px;  width: 30px;  height: 2px;  background-color: var(--primary);}
.teamGalleryFour .teamItemMetas {  margin-bottom: 20px;}
.teamGalleryFour .teamItemMeta {  color: var(--gray-8);}
.teamGalleryFour .teamItemMeta i {  color: var(--primary);  margin-right: 5px;}
.teamGalleryFour .teamItemLink {  margin-bottom: 0;}
.teamGalleryFour p.teamItemLink {  margin-bottom: 0;}

.teamGalleryFour .teamItemWrap {  display: flex;  flex-wrap: wrap;}
.teamGalleryFour .teamItemHeader {  width: 100%;  max-width: 40%;  flex: 0 0 40%;}
@media (max-width: 575px) {  .teamGalleryFour .teamItemHeader {    flex: 0 0 auto;    width: 100%;    max-width: none;  }
}
.teamGalleryFour .teamItemHeader + .teamItemBody {  width: 100%;  flex: 0 0 60%;  max-width: 60%;}
@media (max-width: 575px) {  .teamGalleryFour .teamItemHeader + .teamItemBody {    flex: 0 0 auto;    width: 100%;    max-width: none;  }
}

.teamGalleryFour .teamPanel {  display: none;  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 510;  overflow-x: hidden;  overflow-y: auto;  background-color: var(--gray-2);}
.teamGalleryFour .teamPanel .container {  padding-left: 30px;  padding-right: 30px;}
.teamGalleryFour .teamPanel .row {  align-items: center;}
@media (max-width: 767px) {  .teamGalleryFour .teamPanel .row {    align-items: flex-start;  }
}
.teamGalleryFour .teamPanelWrap {  display: flex;  align-items: center;  width: 100%;  height: 100%;}
@media (max-width: 767px) {  .teamGalleryFour .teamPanelWrap {    display: block;    align-items: initial;    height: auto;    padding: 80px 0 50px;  }
}
.teamGalleryFour .teamPanelImgHolder {  margin-bottom: 30px;}
.teamGalleryFour .teamPanelName {  margin-bottom: 10px;}
.teamGalleryFour .teamPanelClose {  position: absolute;  top: 40px;  right: 50px;}
@media (max-width: 767px) {  .teamGalleryFour .teamPanelClose {    top: 24px;    right: 36px;  }
}
@media (max-width: 575px) {  .teamGalleryFour .teamPanelClose {    right: 28px;  }
}

.teamGalleryFour .teamPanelClose .burger:hover .burgerLine,
.teamGalleryFour .teamPanelClose .burger:hover .burgerSlash {  background-color: var(--primary);}
.teamGalleryFour .teamPanelClose .burger:hover .burgerText {  color: var(--primary);}
.teamGalleryFour .teamPanelClose .burgerLine,
.teamGalleryFour .teamPanelClose .burgerSlash {  background-color: var(--gray-8);}
.teamGalleryFour .teamPanelClose .burgerText {  font-size: 16px;  color: var(--gray-8);  font-weight: 700;}

/*
 |-----------------------------------------------------------------------------------------
 |
 |
 | Team Gallery Four - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/











/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger - Start
 |
 |
 |-----------------------------------------------------------------------------------------
*/
.burger {/* display: table; */position: relative;min-width: 20px;height: 20px;cursor: pointer;}
.burger .burgerLines {  display: block;  position: absolute;  top: 2px;  left: 0;  overflow: hidden;  width: 20px;  height: 16px;}
.burger .burgerLine {  display: block;  position: absolute;  top: 7px;  height: 2px;  border-radius: 0;  background-color: var(--color-primary);}
.burger .burgerSlashes {  display: inline-block;  position: absolute;  overflow: hidden;  top: 0;  left: 0;  width: 20px;  height: 20px;}
.burger .burgerSlash {  opacity: 0;  display: block;  position: absolute;  top: 9px;  left: -3px;  width: 26px;  height: 2px;  border-radius: 0;  background-color: var(--color-primary);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;}
.burger .burgerText {  display: block;  position: relative;  overflow: hidden;  margin-left: 26px;  color: var(--color-primary);  text-transform: uppercase;  font-size: 12px;  line-height: 20px;}
.burger .burgerText .textOpen {  display: block;  position: absolute;  top: 0;  left: 0;  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;  -webkit-transform: translateX(0%);          transform: translateX(0%);}
.burger .burgerText .textClose {  display: block;  opacity: 0;  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;  -webkit-transform: translateX(-100%);          transform: translateX(-100%);}
.burger.burgerHover:hover .burgerLine {  background-color: var(--color-primary-dark);}
.burger.burgerHover:hover .burgerSlash {  background-color: var(--color-primary-dark);}
.burger.burgerHover:hover .burgerText {  color: var(--color-primary-dark);}
.burger.open .burgerText .textOpen {  opacity: 0;  -webkit-transform: translateX(100%);          transform: translateX(100%);}
.burger.open .burgerText .textClose {  opacity: 1;  -webkit-transform: translateX(0%);          transform: translateX(0%);}

.burgerOne .burgerLine {  width: 20px;}
.burgerOne .burgerLine:nth-of-type(1) {  -webkit-transform: translate(0px, -7px);          transform: translate(0px, -7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;}
.burgerOne .burgerLine:nth-of-type(2) {  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;}
.burgerOne .burgerLine:nth-of-type(3) {  -webkit-transform: translate(0px, 7px);          transform: translate(0px, 7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;}
.burgerOne .burgerLine:nth-of-type(4) {  opacity: 0;  -webkit-transform: translate(-20px, -7px);          transform: translate(-20px, -7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;}
.burgerOne .burgerLine:nth-of-type(5) {  opacity: 0;  -webkit-transform: translate(-20px, 0px);          transform: translate(-20px, 0px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;}
.burgerOne .burgerLine:nth-of-type(6) {  opacity: 0;  -webkit-transform: translate(-20px, 7px);          transform: translate(-20px, 7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;}
.burgerOne .burgerSlash:nth-of-type(1) {  -webkit-transform: rotate(45deg) translate(-40px, 0);          transform: rotate(45deg) translate(-40px, 0);}
.burgerOne .burgerSlash:nth-of-type(2) {  -webkit-transform: rotate(-45deg) translate(40px, 0);          transform: rotate(-45deg) translate(40px, 0);}
.burgerOne .burgerSlash:nth-of-type(3) {  -webkit-transform: rotate(45deg) translate(-40px, 0);          transform: rotate(45deg) translate(-40px, 0);}
.burgerOne .burgerSlash:nth-of-type(4) {  -webkit-transform: rotate(-45deg) translate(40px, 0);          transform: rotate(-45deg) translate(40px, 0);}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {  opacity: 0;  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {  opacity: 0;  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {  opacity: 0;  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {  opacity: 1;  -webkit-transform: translate(0px, -7px);          transform: translate(0px, -7px);}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {  opacity: 1;  -webkit-transform: translate(0px, 0);          transform: translate(0px, 0);}
.burgerOne.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {  opacity: 1;  -webkit-transform: translate(0px, 7px);          transform: translate(0px, 7px);}
.burgerOne.open .burgerLine:nth-of-type(1) {  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerOne.open .burgerLine:nth-of-type(2) {  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerOne.open .burgerLine:nth-of-type(3) {  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerOne.open .burgerLine:nth-of-type(4) {  opacity: 0;  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerOne.open .burgerLine:nth-of-type(5) {  opacity: 0;  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerOne.open .burgerLine:nth-of-type(6) {  opacity: 0;  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerOne.open .burgerSlash:nth-of-type(1) {  -webkit-transform: translate(0, 0) rotate(45deg);          transform: translate(0, 0) rotate(45deg);  opacity: 1;}
.burgerOne.open .burgerSlash:nth-of-type(2) {  -webkit-transform: translate(0, 0) rotate(-45deg);          transform: translate(0, 0) rotate(-45deg);  opacity: 1;}
.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(1) {  -webkit-transform: translate(45px, 45px) rotate(45deg);          transform: translate(45px, 45px) rotate(45deg);  opacity: 0;}
.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(2) {  -webkit-transform: translate(-45px, 45px) rotate(-45deg);          transform: translate(-45px, 45px) rotate(-45deg);  opacity: 0;}
.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(3) {  -webkit-transform: translate(0, 0) rotate(45deg);          transform: translate(0, 0) rotate(45deg);  opacity: 1;}
.burgerOne.open.burgerHover:hover .burgerSlash:nth-of-type(4) {  -webkit-transform: translate(0, 0) rotate(-45deg);          transform: translate(0, 0) rotate(-45deg);  opacity: 1;}

.burgerTwo .burgerLine:nth-of-type(1) {  width: 18px;  -webkit-transform: translate(0px, -7px);          transform: translate(0px, -7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;}
.burgerTwo .burgerLine:nth-of-type(2) {  width: 20px;  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;}
.burgerTwo .burgerLine:nth-of-type(3) {  width: 14px;  -webkit-transform: translate(0px, 7px);          transform: translate(0px, 7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;}
.burgerTwo .burgerLine:nth-of-type(4) {  opacity: 0;  width: 19px;  -webkit-transform: translate(-20px, -7px);          transform: translate(-20px, -7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;}
.burgerTwo .burgerLine:nth-of-type(5) {  opacity: 0;  width: 20px;  -webkit-transform: translate(-20px, 0px);          transform: translate(-20px, 0px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;}
.burgerTwo .burgerLine:nth-of-type(6) {  opacity: 0;  width: 14px;  -webkit-transform: translate(-20px, 7px);          transform: translate(-20px, 7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;}
.burgerTwo .burgerSlash:nth-of-type(1) {  -webkit-transform: rotate(45deg) translate(-40px, 0);          transform: rotate(45deg) translate(-40px, 0);}
.burgerTwo .burgerSlash:nth-of-type(2) {  -webkit-transform: rotate(-45deg) translate(40px, 0);          transform: rotate(-45deg) translate(40px, 0);}
.burgerTwo .burgerSlash:nth-of-type(3) {  -webkit-transform: rotate(45deg) translate(-40px, 0);          transform: rotate(45deg) translate(-40px, 0);}
.burgerTwo .burgerSlash:nth-of-type(4) {  -webkit-transform: rotate(-45deg) translate(40px, 0);          transform: rotate(-45deg) translate(40px, 0);}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {  opacity: 0;  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {  opacity: 0;  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}

.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {  opacity: 0;  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {  opacity: 1;  -webkit-transform: translate(0px, -7px);          transform: translate(0px, -7px);}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {  opacity: 1;  -webkit-transform: translate(0px, 0);          transform: translate(0px, 0);}
.burgerTwo.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {  opacity: 1;  -webkit-transform: translate(0px, 7px);          transform: translate(0px, 7px);}
.burgerTwo.open .burgerLine:nth-of-type(1) {  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerTwo.open .burgerLine:nth-of-type(2) {  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerTwo.open .burgerLine:nth-of-type(3) {  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerTwo.open .burgerLine:nth-of-type(4) {  opacity: 0;  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerTwo.open .burgerLine:nth-of-type(5) {  opacity: 0;  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerTwo.open .burgerLine:nth-of-type(6) {  opacity: 0;  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerTwo.open .burgerSlash:nth-of-type(1) {  -webkit-transform: translate(0, 0) rotate(45deg);          transform: translate(0, 0) rotate(45deg);  opacity: 1;}
.burgerTwo.open .burgerSlash:nth-of-type(2) {  -webkit-transform: translate(0, 0) rotate(-45deg);          transform: translate(0, 0) rotate(-45deg);  opacity: 1;}
.burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(1) {  -webkit-transform: translate(45px, 45px) rotate(45deg);          transform: translate(45px, 45px) rotate(45deg);  opacity: 0;}
.burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(2) {  -webkit-transform: translate(-45px, 45px) rotate(-45deg);          transform: translate(-45px, 45px) rotate(-45deg);  opacity: 0;}
.burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(3) {  -webkit-transform: translate(0, 0) rotate(45deg);          transform: translate(0, 0) rotate(45deg);  opacity: 1;}
.burgerTwo.open.burgerHover:hover .burgerSlash:nth-of-type(4) {  -webkit-transform: translate(0, 0) rotate(-45deg);          transform: translate(0, 0) rotate(-45deg);  opacity: 1;}

.burgerThree .burgerLine:nth-of-type(1) {  width: 20px;  -webkit-transform: translate(0px, -7px);          transform: translate(0px, -7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;}
.burgerThree .burgerLine:nth-of-type(2) {  width: 20px;  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;}
.burgerThree .burgerLine:nth-of-type(3) {  width: 14px;  -webkit-transform: translate(0px, 7px);          transform: translate(0px, 7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;}
.burgerThree .burgerLine:nth-of-type(4) {  opacity: 0;  width: 20px;  -webkit-transform: translate(-20px, -7px);          transform: translate(-20px, -7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;}
.burgerThree .burgerLine:nth-of-type(5) {  opacity: 0;  width: 20px;  -webkit-transform: translate(-20px, 0px);          transform: translate(-20px, 0px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;}
.burgerThree .burgerLine:nth-of-type(6) {  opacity: 0;  width: 14px;  -webkit-transform: translate(-20px, 7px);          transform: translate(-20px, 7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;}
.burgerThree .burgerSlash:nth-of-type(1) {  -webkit-transform: rotate(45deg) translate(-40px, 0);          transform: rotate(45deg) translate(-40px, 0);}
.burgerThree .burgerSlash:nth-of-type(2) {  -webkit-transform: rotate(-45deg) translate(40px, 0);          transform: rotate(-45deg) translate(40px, 0);}
.burgerThree .burgerSlash:nth-of-type(3) {  -webkit-transform: rotate(45deg) translate(-40px, 0);          transform: rotate(45deg) translate(-40px, 0);}
.burgerThree .burgerSlash:nth-of-type(4) {  -webkit-transform: rotate(-45deg) translate(40px, 0);          transform: rotate(-45deg) translate(40px, 0);}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(1) {  opacity: 0;  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(2) {  opacity: 0;  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(3) {  opacity: 0;  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(4) {  opacity: 1;  -webkit-transform: translate(0px, -7px);          transform: translate(0px, -7px);}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(5) {  opacity: 1;  -webkit-transform: translate(0px, 0);          transform: translate(0px, 0);}
.burgerThree.burgerHover:not(.open):hover .burgerLine:nth-of-type(6) {  opacity: 1;  -webkit-transform: translate(0px, 7px);          transform: translate(0px, 7px);}
.burgerThree.open .burgerLine:nth-of-type(1) {  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerThree.open .burgerLine:nth-of-type(2) {  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerThree.open .burgerLine:nth-of-type(3) {  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerThree.open .burgerLine:nth-of-type(4) {  opacity: 0;  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerThree.open .burgerLine:nth-of-type(5) {  opacity: 0;  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerThree.open .burgerLine:nth-of-type(6) {  opacity: 0;  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}

.burgerThree.open .burgerSlash:nth-of-type(1) {  -webkit-transform: translate(0, 0) rotate(45deg);          transform: translate(0, 0) rotate(45deg);  opacity: 1;}
.burgerThree.open .burgerSlash:nth-of-type(2) {  -webkit-transform: translate(0, 0) rotate(-45deg);          transform: translate(0, 0) rotate(-45deg);  opacity: 1;}
.burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(1) {  -webkit-transform: translate(45px, 45px) rotate(45deg);          transform: translate(45px, 45px) rotate(45deg);  opacity: 0;}
.burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(2) {  -webkit-transform: translate(-45px, 45px) rotate(-45deg);          transform: translate(-45px, 45px) rotate(-45deg);  opacity: 0;}
.burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(3) {  -webkit-transform: translate(0, 0) rotate(45deg);          transform: translate(0, 0) rotate(45deg);  opacity: 1;}
.burgerThree.open.burgerHover:hover .burgerSlash:nth-of-type(4) {  -webkit-transform: translate(0, 0) rotate(-45deg);          transform: translate(0, 0) rotate(-45deg);  opacity: 1;}

.burgerFour .burgerLines {  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms;}
.burgerFour .burgerLine {  width: 20px;}
.burgerFour .burgerLine:nth-of-type(1) {  -webkit-transform: translate(0px, -7px);          transform: translate(0px, -7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 0ms;}
.burgerFour .burgerLine:nth-of-type(2) {  -webkit-transform: translate(0px, 0px);          transform: translate(0px, 0px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 100ms;}
.burgerFour .burgerLine:nth-of-type(3) {  -webkit-transform: translate(0px, 7px);          transform: translate(0px, 7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 200ms;}
.burgerFour .burgerLine:nth-of-type(4) {  opacity: 0;  -webkit-transform: translate(-20px, -7px);          transform: translate(-20px, -7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 50ms;}
.burgerFour .burgerLine:nth-of-type(5) {  opacity: 0;  -webkit-transform: translate(-20px, 0px);          transform: translate(-20px, 0px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 150ms;}
.burgerFour .burgerLine:nth-of-type(6) {  opacity: 0;  -webkit-transform: translate(-20px, 7px);          transform: translate(-20px, 7px);  transition: cubic-bezier(0.25, 0.46, 0.45, 0.94) 360ms 250ms;}
.burgerFour .burgerSlashes {  display: none;}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(1) {  opacity: 0;  -webkit-transform: translate(20px, -7px);          transform: translate(20px, -7px);}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(2) {  opacity: 0;  -webkit-transform: translate(20px, 0);          transform: translate(20px, 0);}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(3) {  opacity: 0;  -webkit-transform: translate(20px, 7px);          transform: translate(20px, 7px);}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(4) {  opacity: 1;  -webkit-transform: translate(0px, -7px);          transform: translate(0px, -7px);}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(5) {  opacity: 1;  -webkit-transform: translate(0px, 0);          transform: translate(0px, 0);}
.burgerFour.burgerHover:hover .burgerLine:nth-of-type(6) {  opacity: 1;  -webkit-transform: translate(0px, 7px);          transform: translate(0px, 7px);}
.burgerFour.open .burgerLines {  -webkit-transform: rotate(90deg);          transform: rotate(90deg);}

/*!
 |-----------------------------------------------------------------------------------------
 |
 |
 | Burger - End
 |
 |
 |-----------------------------------------------------------------------------------------
*/














/* Add styles to the outer div with class "image-card-style-1" */
.image-card-style-1 {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);max-width: 100%;margin-bottom:30px;overflow: hidden;}
.image-card-style-1-img {background-size: cover !important;height: 300px;display: flex; /* Use flexbox for centering */justify-content: center; /* Center horizontally */align-items: center; /* Center vertically */}

.image-card-style-1-img:hover {transform:scale(1.1)}

.image-card-style-1-img:before { content:""; width:100%; height:300px; background:rgba(0,0,0,.3); display:block; position:absolute; opacity:0; }
.image-card-style-1:hover .image-card-style-1-img:before {opacity:1; }
.image-card-style-1-img a {height: 80px;width: 80px;background:var(--primary);border-radius:50%;display:block;text-align:center;line-height: 80px;color:var(--white); opacity:0; z-index:9; }
.image-card-style-1:hover a {opacity:1; }
.image-card-style-1-title {background:#EFEFEF;padding:30px 30px 0;min-height: 180px;}
.image-card-style-1-title p {font-family:"BerkeleyStd-Book"}
.image-card-style-1-title p a {font-size: 28px;line-height: 1.1;color:#77736D;}
.image-card-style-1-title p a:hover { text-decoration:underline; }


@media (max-width: 768px) {
.image-card-style-1-title p a {  font-size: 22px; color:#77736D;  }
.image-card-style-1-title {  padding:30px 30px 5px; min-height:unset }

}
	

@media (max-width: 768px) {

.testimonials-slider-minimal .testimonials-slider-quot-left {
    top: -20px;
    left: -40px;
    transform:scale(.25)
}

.testimonials-slider-minimal .testimonials-slider-quot-right {
    bottom: -20px;
    right: -40px;
    transform:scale(.25)
}

}


/*** Parallax Banner ***/
.parallax-content { text-align: center; padding: 240px 0; background-color: rgba(0, 0, 0, 0.3); }
.parallax-content-inner {max-width:700px;margin: 0 auto;}



/*** home-intro ***/
.home-intro {padding-top:100px;overflow:hidden;position: relative;}
.home-intro:before {content:"";width:1px;height: 120px;background:#00937F;position:absolute;left:50%;top:0;}


/*** home-subfooter ***/
.home-subfooter {padding-top: 120px;}
.home-subfooter:before {content:""; width:1px; height:100px; background:#00937F; position:absolute; left:50%; top:0; }
.home-subfooterSns a {background:var(--primary) !important}




/*** home-subfooter ***/
.image-card-icon {text-align: center;background-color: #fff;width: 100%;}
.image-card-icon-img {   background-size: cover !important; background-position: center; width: 100%; height: 240px; }
.image-card-icon-holder img {  width: 50px;  height: 50px; }
.image-card-icon-title p {margin: 10px 0;/* font-weight: bold; */font-size: 18px;}
.image-card-icon-holder {width: 120px;left: calc(50% - 60px);position:relative;top: -60px;height: 60px;border-radius: 100px 100px 0 0;display: flex;justify-content: center; /* Center horizontally *//* align-items: center; */}
.image-card-icon-icon {background: #fff;border-radius:50%;width:100px;height: 100px;display: flex;justify-content: center; /* Center horizontally */align-items: center;top: 10px;position: relative;}
.image-card-icon-title { height:70px; }
.image-card-icon-title p {font-size:26px;color:#77736D;font-weight: 100;font-family: "BerkeleyStd-Book";}

.image-card-icon-hover {position:absolute;width:100%;height:100%;z-index: 8;display: flex;justify-content: center;align-items: center;padding: 0 15%; opacity:0;}
.image-card-icon:hover .image-card-icon-hover {opacity:1} 
.image-card-icon-hover p.h5-title {color:#fff; font-size:26px; font-family:var(--h5-font-family); }
.image-card-icon-hover p {color:#fff; }


@media (max-width: 768px) {
.image-card-icon:hover .image-card-icon-hover {opacity:0} 

}
	

/*** learn-more ***/
.learn-more {display: flex;flex-direction: column;align-items: center;color:#fff;position:absolute;bottom:5%;left: calc(50% - 50px);text-transform: uppercase;}
.learn-more p { }
.learn-more .arrow {/* animation: bounce 1.5s infinite; */ /* Add a bounce animation */margin-bottom:15px;}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* Adjust the bounce height */
    }
 
    100% {
        transform: translateY(0px); /* Adjust the bounce height */
    }
}










/*** top_line ***/
.top_line {width:1px;height: 90px;background:#00937F;margin: 0 auto;}




/*** footer ***/
.footerCopyrightInner {display:flex;justify-content: space-between;align-items: center;}

.footerCopyrightLeft { width:50%;}
.footerCopyrightLeft a:hover { color:#efefef !important; }
.footerCopyrightRight { width:40%;}

.footerCopyrightRight {display:flex;justify-content: end;align-items: center;}
.footerCopyrightRight p {margin: 0 0 0 10px;}
.footerCopyrightRight img {opacity:.7}

/* Mobile styles */
@media (max-width: 768px) {
  .footerCopyrightInner {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footerCopyrightLeft {
    margin-bottom: 10px;
    width: 100%;
  }

  .footerCopyrightRight {
    margin-top: 10px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
  }
}








/*** mega menu text ***/
.mega-menu-panel-col h6 {font-weight: 500;color: #2E2922;}
.mega-menu-panel-col ul {  list-style: none; }
.mega-menu-panel-col ul li { border-bottom:1px solid #D8D8D8;  }
.mega-menu-panel-col ul li a {padding: 6px 0;display:block;color:#2E2922; font-size:16px;}
.mega-menu-panel-col ul li a:hover {  color:var(--primary); }

.mega-menu-panel-col p a:hover {  color:var(--secondary); }




/*** featured post list ***/
.featured h1 {}
.featured-post .img-page-banner-content h1 { font-size:40px; }
p.featured-preview-text {font-size:16px; }
p.featured-sub-text { font-size:20px;}




@media (max-width: 768px) {

.featured-post .img-page-banner-content h1 { font-size:30px; }
 .featured-post .img-page-banner-svg-a {display:none;}
 .featured-post .img-page-banner-svg-b {display:none;}
}








.heading-minimal.has-inline-btn .heading-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}


.has-inline-btn {border-bottom:1px solid #B3B8B7; margin-bottom:30px;}




/*** post-simple-no-image ***/
.post-simple-no-image {}
.post-simple-no-image  h6 { font-size:26px;}
.post-simple-no-image .posts-list-item-wrap .posts-list-item-body { background:#fff !important; padding:0 0 1px}
.post-simple-category  span {font-size:14px;background: #77736D;padding:3px 6px;border-radius:5px;color:#fff;display:unset}






/*** sidebar-signup-holder ***/
.sidebar-signup-holder { background:url(/images/sidebar-signup-holder.png) bottom right no-repeat; background-size: cover; padding:45px 35px 15px; }
.sidebar-signup-holder h2,
.sidebar-signup-holder h3,
.sidebar-signup-holder h4,
.sidebar-signup-holder h5,
.sidebar-signup-holder h6,
.sidebar-signup-holder p { color:#fff; }






/*** post-imgleft-titleright ***/
.post-imgleft-titleright .posts-list-item {margin-bottom: 35px;}
.post-imgleft-titleright .posts-list-item .posts-list-item-wrap {display: flex;align-items: center;border-bottom: 1px solid #B3B8B7;}
.post-imgleft-titleright .posts-list-item-header .posts-list-item-img {width: 270px;height: 250px;overflow: hidden;background: #efefef url(/images/logo-2.png) center center no-repeat;background-size: 75%;}
.post-imgleft-titleright  .posts-list-item-body {margin-left:40px;}
.post-imgleft-titleright  .posts-list-item-body h6 {margin:0;font-size: 26px;}
.post-imgleft-titleright .posts-list-item:hover h6 { text-decoration:underline}
.post-imgleft-titleright .posts-list-item-img {  width: 100%;  height: 100%; }
.post-imgleft-titleright  .posts-list-item-img img {    width: 100%;    height: 100%;    object-fit: cover; }



@media (max-width: 968px) {
.post-imgleft-titleright .posts-list-item .posts-list-item-wrap {display: block; }
.post-imgleft-titleright .posts-list-item-header .posts-list-item-img {width: 100%; }
.post-imgleft-titleright  .posts-list-item-body {margin:25px 0;}
.post-imgleft-titleright  .posts-list-item-body h6 {margin:0;font-size: 22px;}
}


/*** Dayton General post ***/
.dayton-post {position:relative;}
.dayton-post h1 { font-size:46px }
.dayton-post-category { font-size: 20px;}
.dayton-post-category span:last-of-type { display:none; }

@media (max-width: 768px) {
.dayton-post h1 { font-size:36px }

}
	














/*** Staff Post List and Post Styles ***/

.posts-list-staff {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap to the next row */
  /* justify-content: space-between; */
  margin-left: -15px;
  margin-right: -15px;
}

.posts-list-item {
  /* flex-basis: calc(33.33% - 10px); */ /* Adjust this value as needed with a margin */
  margin-bottom: 10px; /* Add some spacing between rows */
  box-sizing: border-box; /* Ensure padding and border are included in the width */
}

.posts-list-image { position: relative; height:350px;}
.posts-list-staff .img-ratio-portrait {position: absolute;top: 0;width: 100%;height: 350px;} 
.posts-list-staff .posts-list-overlay {position: absolute;top: 0;background: var(--primary); height: 350px; width: 100%; padding:25px; color:#fff; opacity: 0;}

.posts-list-wrapper:hover .posts-list-overlay {opacity:1; }

.posts-list-staff .posts-list-overlay a {color:#fff; text-decoration: underline;}
.posts-list-staff .posts-list-content {    padding: 15px 0; }
.posts-list-staff .posts-list-content p.title {margin:0 0 10px;font-size:22px;color:var(--primary);font-family: var(--h4-font-family);}
.posts-list-staff .posts-list-content p { font-size:16px; font-weight:100;  }



/* Responsive adjustments */
@media (max-width: 1000px) {
  .posts-list-item {
    flex-basis: calc(50% - 10px); /* Two columns on screens <= 768px */
  }
}

@media (max-width: 580px) {
  .posts-list-item {
    flex-basis: 100%; /* Single column on screens <= 480px */
  }
}












/*** Home Page Where to Start  Section ***/

.wts .container {max-width:1400px }


.wts-wrap h3 { font-size:56px; color:var(--primary)}
.wts-wrap {display:flex;justify-content: space-between;align-items:center;padding-top: 80px;}
.wts-select { margin-bottom:25px;}
.wts-left {width: 48%;}
.wts-right {width: 46%;}

.wts-img img {width:100%;}


	
.wts-options { display: none; position: absolute; background-color: #fff; border: 1px solid #ccc; max-height: 250px; overflow-y: auto; z-index: 9 }
.wts-selected-option { cursor: pointer; padding: 15px; border: 1px solid #ccc; font-size: 20px;	background:#fff; position:relative; }

 .wts-selected-option::after {
    content: "\25BC"; /* Unicode for a down-pointing triangle */
    position: absolute;
    top: 54%;
    right: 30px;
    transform: translateY(-50%);
  color:vaR(--primary)
  }

.wts-select:hover .wts-options { display: block; }
.wts-btn-wrap p { font-size:16px; }	
.wts-option-1,
.wts-option-2,
.wts-option-3,
.wts-option-4,
.wts-option-5 { padding: 10px; cursor: pointer; }

.wts-option-1:hover,
.wts-option-2:hover,
.wts-option-3:hover,
.wts-option-4:hover,
.wts-option-5:hover { background-color: #f0f0f0; }

@media (max-width: 768px) {
.wts-wrap h3 { font-size:40px; }
.wts-wrap { display:block;	}
.wts-left { width:100%}
.wts-right { width:100%; }
 .wts-selected-option {   font-size: 15px;	  }

}



.justify-content-md-between {justify-content:space-between; align-items:center}
.post--staff-bio img { width:100%;}

.post--staff-bio .justify-content-md-between {justify-content:space-between;align-items: normal;}










/**** timeline styles ****/
.timelineWrap .timelineItem {max-width:50%;position:relative;padding-bottom:50px;width: 100%;}
.timelineWrap .timelineItem.fade-right:after {content:" ";width:1px; height:100%; background:var(--gray-4); position:absolute; right:0;top:0;}
.timelineWrap .timelineItem.fade-right:before {content:" ";width:15px; height:15px; background:#9f6198; position:absolute; right:-7px;top:0;border-radius:100%;z-index:8}
.timelineWrap .timelineItem.fade-left {float:right;}
.timelineWrap .timelineItem.fade-left:after {content:" ";width:1px; height:100%; background:var(--gray-4); position:absolute; left:0;top:0;}
.timelineWrap .timelineItem.fade-left:before {content:" ";width:15px; height:15px; background:#9f6198; position:absolute; left:-7px;top:0;border-radius:100%;z-index:8}
.timelineWrap .timelineText {padding:0 30px}









/* Define the table container */
.table-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px 0;
    width: 100%;
    margin-bottom: 10px;
}

/* Define the table cell style */
.table-cell {
    padding: 15px;
    background: #EFEFEF;
}

/* Style the first cell in each column */
.table-container .table-cell:nth-child(4n - 3) {
    background-color: #24B09B;
    color: #fff;
}

.table-container .table-cell:nth-child(1),
.table-container .table-cell:nth-child(2),
.table-container .table-cell:nth-child(3),
.table-container .table-cell:nth-child(4) {
    background: none; /* Remove background for the first row */
}

.table-container .table-cell:nth-child(4n - 3) p {
    font-size: 20px;
}

@media (max-width: 768px) {
    .table-container {
    overflow-x:scroll;
     font-size:13px;
    }

    .table-cell h3 {font-size:15px;}

.footerColInner .mwBtnLeft {text-align: center}

 .table-container .table-cell:nth-child(4n - 3) p {
    font-size: 15px;
}


.single-row .table-cell:nth-child(4n - 3) {
  width:120px
}

 
}




.single-row .table-cell {
    padding: 15px;
    background: #EFEFEF !important;
 margin-bottom:15px;
}

/* Style the first cell in each column */
.single-row .table-cell:nth-child(4n - 3) {
    background-color: #24B09B  !important;
    color: #fff;
}







/*** Video Pause Button  ***/
#pauseButton {color:#fff;position: absolute;right:50px;bottom:50px;border: 1px solid #fff;padding: 10px 20px;font-size: 14px;}
@media (max-width: 768px) {
 #pauseButton {display:none;}
}



/*** Header Extras  ***/
.header-kampus .header-btns .btn a {line-height: normal; /* Add this line to reset line-height */}
@media (max-width: 1440px) {
.mega-menu-default .mega-menu-items>li>a {    padding: 0 10px; font-size:16px; }
}





.post--staff-bio h1 { color:var(--primary)}





.timeline-banner {margin-bottom: 35px;height:300px;position:relative;}
.timeline-banner-item { color:#fff; position:absolute; bottom:0; width:100%; }
.timeline-banner .timeline-year {width:100%;padding: 10px 20px;font-family: var(--heading-font-family);font-size: 42px;font-weight: 500;}


.timeline-wrap {/* border-bottom: 1px solid #B3B8B7 !important; *//* padding: 0 0 30px; *//* margin: 0 0 30px; */}
.timeline-image img {border-radius:15px;width: 172px;}
.timeline-wrap .timeline-item { display: flex; align-items: top; justify-content:space-between; }
.timeline-wrap .timeline-year {font-size: 36px;color:#fff;height: 106px;width: 106px;line-height: 106px;border-radius:50%;padding:0;text-align: center;font-family: var(--heading-font-family);}
.timeline-wrap .timeline-year-holder {margin-right:10px;}
.timeline-wrap .timeline-middle {margin:0 20px;}
.timeline-wrap .timeline-middle p {margin-bottom:0}
.timeline-wrap .timeline-middle p strong {font-size:20px;}


@media (max-width: 960px) {
.timeline-wrap .timeline-item { display: block;  }
.timeline-wrap .timeline-year { margin:0 auto 25px; }
.timeline-wrap .timeline-middle {margin:0 0 25px; width: 100%;}
.timeline-image {border-radius:15px;max-width: 300px;margin:0 auto;}
.timeline-image  img  {width:100%;}
 
}










/* Style the main container */
.posts-list.post-external {  }
.posts-list.post-external .posts-list-wrap {   }
.posts-list.post-external .posts-list-item {  padding:0 0 25px;  border-bottom: 1px solid #ddd; }
.posts-list.post-external .posts-list-item p {margin:0;}
.posts-list.post-external .posts-list-item p span {color: var(--text-color);}
.posts-list.post-external .posts-list-item p strong {font-weight:500; text-decoration:underline; }
.posts-list.post-external .posts-list-item:hover p strong {font-weight:500; text-decoration:none; }












@keyframes swing {
  0%,
  100% {
    transform: rotate(0deg);
  }
  20%,
  60% {
    transform: rotate(15deg);
  }
  40%,
  80% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(5deg);
  }
}

.alert-icon:before {
  transform-origin: top center;
  animation-name: swing;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}







.eshop-events-minimal {padding:0 50px;}

.events-item.event-list {width:100% !important;display:block  !important;/* border-bottom:1px solid #ccc; *//* padding:20px; */}
.events-item.event-list .events-item-title {font-size: 29px;}
.events-item.event-list .events-item-body {  }
.events-item.event-list .events-item-body a { padding:0; border:none;}
.events-item.event-list .events-item-release-date {margin:0 0 25px;background: #efefef;padding:10px;color: vaR(--primary);}
.events-item.event-list .events-item-body-list {padding: 0px 20px 0px;}
.eshop-events-minimal .events-item-wrap {margin-bottom:50px;border: 1px solid #efefef;}



.img-content-content ul li {position:relative;}
.img-content-content ul li::before {content: "";display: inline-block;width: 13px; /* Set the width of the image */height: 17px; /* Set the height of the image */background-image: url('/images/leaf.png'); /* Replace 'leaf.png' with your image file */background-size: contain;margin-right: 0px;top: 9px;position: relative;background-repeat: no-repeat;position: absolute;left: -20px;}



._bg-third ul li {position:relative;}
._bg-third ul li::before {content: "";display: inline-block;width: 13px; /* Set the width of the image */height: 17px; /* Set the height of the image */background-image: url('/images/leaf-white.png'); /* Replace 'leaf.png' with your image file */background-size: contain;margin-right: 0px;top: 3px;position: relative;background-repeat: no-repeat;position: absolute;left: -20px;}


.posts-list-item-date {color:#000}