/*

Theme Name: LiteSite Five

Author: JE Consulting

Author URI: https://www.je-consulting.co.uk/

Version: 1.0.0

*/



.wp-admin .notice {
	display: none!important;
}

/* Header Styles */



.header {

  width: 100%;

  height: 740px;
background-color: #ebfbec;

}



.navbar {

  position: sticky;

  top: 0;

  width: 100%;

  z-index: 1000;



 


background-color: #ebfbec;
}

.navbar .contentWrapper {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
	 padding: 20px 50px;
}

.navbar .menu-main-menu-container {

  width: 65%;

}
.navbar .sitelogo {
	width: 35%;
}


.navbar .menu-main-menu-container .menu {

justify-content: flex-end;

}



.navbar .menu-main-menu-container .menu li {

  padding: 10px 25px;

  border-radius: 35px;



  text-align: center;

}
.navbar .menu-main-menu-container .menu li.button {
	font-weight: 400;
}
.navbar .menu-main-menu-container .menu li.button:hover a {
	color: #fff;
}

.navbar .menu-main-menu-container .menu li.menu-item-has-children {



}



.navbar .menu-main-menu-container .menu li:hover {



}



.navbar .menu-main-menu-container .menu li a {

  color: var(--black);

}



.navbar .menu-main-menu-container .menu li:hover a {

color: #2ca981;

}



.navbar .menu-main-menu-container .menu li ul.sub-menu {

  left: 0;

  top: 42px;

  background-color: transparent;

}



.navbar .menu-main-menu-container .menu li ul.sub-menu li {

  border-radius: 0;

  background-color: #1e3777;

  border-top: 1px solid var(--white);

  max-width: 100%;
	
	padding: 5px 15px;
    font-size: 16px;
    text-align: left;

}



.navbar .menu-main-menu-container .menu li ul.sub-menu li:hover {

  background-color: #2ca981;



}



.hamburger,

.closeMenu,

.overlay {

  display: none;

}

.navbar .menu-main-menu-container .menu li ul.sub-menu li a {
font-size: 16px;
	color: #fff
}
.navbar .menu-main-menu-container .menu li ul.sub-menu li:hover a {
font-weight: 400;
	color: #fff
}




/* Main Header Content Styles */

.headerContentWrapper {

  height: 100%;

display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
padding: 0px 50px;
gap: 60px;
}



.mainHeaderContent {

  display: flex;

  flex-direction: column;

  gap: 25px;

  width: 40%;

}

.mainHeaderContent h1 {
	margin-bottom: 0;
    letter-spacing: 0.7px;
	font-size: 58px;
}

.mainHeaderContent p {

  font-size: 24px;
line-height: 30px;
    font-weight: 600;
	color: #febb84;
	margin-bottom: 5px;
}



.mainHeaderContactBtns {

  width: fit-content;

  display: flex;

  gap: 20px;

}



/* Logos Slider */

.marquee {

  display: flex;

  align-items: center;

  block-size: var(--marquee-item-height);

  position: relative;

  overflow-x: hidden;

  mask-image: linear-gradient(

    to right,

    hsl(0 0% 0% / 0.5),

    hsl(0 0% 0% / 1) 20%,

    hsl(0 0% 0% / 1) 80%,

    hsl(0 0% 0% / 0.5)

  );

  background-color: var(--background);

}



.marquee--8 {

  --marquee-item-width: 100px;

  --marquee-item-height: 100px;

  --marquee-duration: 36s;

  --marquee-items: 8;

}



.marquee--3 {

  --marquee-item-width: 150px;

  --marquee-item-height: 150px;

  --marquee-duration: 24s;

  --marquee-items: 3;

}



.marquee--6 {

  --marquee-item-width: 166px;

  --marquee-item-height: 100px;

  --marquee-duration: 32s;

  --marquee-items: 6;

}



.marquee--5 {

  --marquee-item-width: 166px;

  --marquee-item-height: 100px;

  --marquee-duration: 30s;

  --marquee-items: 5;

}



.marquee__item {

  --marquee-item-offset: max(

    calc(var(--marquee-item-width) * var(--marquee-items)),

    calc(100% + var(--marquee-item-width))

  );

  --marquee-delay: calc(

    var(--marquee-duration) / var(--marquee-items) *

      (var(--marquee-items) - var(--marquee-item-index)) * -1

  );

  position: absolute;

  inset-inline-start: var(--marquee-item-offset);

  transform: translateX(-50%);

  animation: go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite;

}



.marquee__item:nth-child(4n) {

  border-top-right-radius: 1rem;

}



.marquee__item:nth-child(4n + 1) {

  border-bottom-right-radius: 1rem;

}



.marquee__item:nth-child(4n + 2) {

  border-bottom-left-radius: 1rem;

}



.marquee__item:nth-child(4n + 3) {

  border-top-left-radius: 1rem;

}



.marquee--5 .marquee__item:nth-of-type(1) {

  --marquee-item-index: 1;

}



.marquee--5 .marquee__item:nth-of-type(2) {

  --marquee-item-index: 2;

}



.marquee--5 .marquee__item:nth-of-type(3) {

  --marquee-item-index: 3;

}



.marquee--5 .marquee__item:nth-of-type(4) {

  --marquee-item-index: 4;

}



.marquee--5 .marquee__item:nth-of-type(5) {

  --marquee-item-index: 5;

}



@keyframes go {

  to {

    inset-inline-start: calc(var(--marquee-item-width) * -1);

  }

}



/* Text Section */
.textSectionWrapper {
	  background: 
    linear-gradient(to right, #1f387a 0%, #1f387a 100%) left,
    linear-gradient(to right, #2ca981 0%, #2ca981 100%) right;
  background-size: 50% 100%;
  background-repeat: no-repeat;
}
.textSection {

display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    align-content: stretch;
    padding: 20px 50px;
}

.featuredText {
width: 50%;
 
	    padding: 30px 30px 30px 0;
}
.featuredText h2 {
	 color: var(--white);
	font-size: 26px;
    margin-bottom: 10px;
}
.featuredText p {
	 color: var(--white);
}
.featuredUSPWrapper {
      padding: 30px 0 30px 30px;
  width: 50%;
	display: flex
;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.featuredUSPInner {
	width: 50%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	gap: 25px;
}
.counternum {
	color: var(--white);
	font-weight: bold;
	font-size: 46px;
}
.counter-txt {
	color: var(--white);
	font-size: 20px;
}





/* Card Styles */

.cardContainer {

  display: flex;

  flex-direction: column;

  padding: 20px 50px;
	
	margin: 90px auto;

}



.offScreenContainer {

  position: absolute;

  left: -9999px;

}



.cardHeader {
margin-bottom: 25px;


}


.cardHeaderText {
	text-align: center;
}



.cardSection {

  display: flex;

  overflow-x: auto;

  gap: 30px;

  -ms-overflow-style: none;

  scrollbar-width: none;

  scroll-snap-type: x mandatory;

  scroll-behavior: smooth;

  overflow: hidden;

  box-sizing: content-box;

  position: relative;

  user-select: none;

}



.cardSection::-webkit-scrollbar {

  display: none;

}



.card {

  display: flex;

  flex-direction: column;



width: 32.333%;
    min-width: 32.333%;

  gap: 10px;

  padding: 25px;

  border-radius: 15px;

  box-sizing: border-box;

  scroll-snap-align: start;
text-align: center;
}



.cardImgDiv {

  margin-bottom: 20px;

}

.cardImgDiv a img {
  display: block;
  width: 100%;


}

/* Run the animation only once on hover */
.cardImgDiv a img {
  transform: rotateY(0deg);
  transition: transform 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transform-style: preserve-3d;
}
.cardImgDiv a:hover img {
	transform: rotateY(180deg);
}

.card h3 {
	    color: var(--blue);
    font-size: 24px;
    margin-bottom: 10px;
}


.card p {

  font-size: 17px;
	text-align: center;

}



.cardCTA {

  display: flex;

  align-items: center;

  gap: 15px;

  margin: 20px 0;

  color: var(--white);

}



.cardCTA > span:hover,

.cardCTA > img:hover,

.cardCTA:hover {

  font-weight: 700;

  cursor: pointer;

  color: var(--white);

}



.cardCTA > img {

  width: 20px;

  cursor: pointer;

}


.dotsContainer {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 20px;
}

.dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
  background-color: #ccc;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.dot.active {
  background-color: #333; /* or your brand color */
}

.dot:hover {
  background-color: #999;
}

/* end Card Styles */




.home h2.focusedHeading {
	font-size: 24px;
	margin-bottom: 5px;
}

.introTxt {
	font-size: 34px;
	line-height: 40px;
	font-weight: bold;

}



/* event Styles */
.eventSection {
	    padding: 60px 50px;
	
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    width: 100%;
    gap: 100px;
	
	
}
.eventSection introTxt {
	
}
.counter-wrapper {
	width: 40%;
}

.countdown {
            display: flex;
            gap: 15px;
            justify-content: flex-end;
}

.time-unit {
            background: white;
            border-radius: 12px;
            padding: 20px 25px;
            text-align: center;
            min-width: 100px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.time-value {
            font-size: 45px;
            font-weight: bold;
            color: #1e3777;
            display: block;
            line-height: 1;
}

.time-label {
            font-size: 14px;
            color: #1e3777;
            margin-top: 8px;
            text-transform: capitalize;
            font-weight: 500;
}


/* end event Styles */




/* Blog Styles */

.blogSection {

  padding: 90px 50px;
margin-bottom: 325px;
}



.blogHeading {

display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;

  gap: 20px;
    width: 100%;
}
.blogHeadingtxt {
	width: 80%;
}
.blogHeadingbtn {
	    width: 20%;
    text-align: right;
}

.blogHeading > p {

  max-width: 50%;

  text-align: center;

}



.blogDate {

color: var(--blue);
    font-size: 17px;
    font-weight: 500;
    font-style: italic;
    margin-bottom: 10px;
}



.blogTitle {
    font-size: 22px;
  margin-bottom: 10px;
    color: #1f387a;
}



.blogTitle a {

  color: var(--black);

}
.blogTitle a:hover {

  color: #2ca981;

}
.latestnews-wrapper .blogTitle a:hover {

  color: #febb84;

}



.blogDesc {

  font-size: 17px;

  margin-bottom: 20px;



}



.archiveItem .btnContainer {

  margin-top: auto;

}
.archive .button {
	padding: 13px 30px;
 font-size: 16px;
    font-weight: 400;

}


/* Featured Blogs */



.blogsContainer {

  display: flex;

  gap: 30px;

  margin-top: 50px;

}



.featuredBlog {

  display: flex;

  flex-direction: column;
background-color: #ebfbec;
}
.featuredBlog-inner {
	    padding: 30px;
}

.blogsContainer.container {
	padding: 0;
}
.featuredBlog .button {
	margin-top: 20px;
	    padding: 15px 40px;
	    display: block;
    width: fit-content;
}
.featuredBlog .imgContainer {

  width: 100%;

  margin-bottom: 30px;

}



.featuredBlog .featuredImg {
margin-bottom: 15px;
    min-height: 265px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;

}
.featuredBlog .featuredImg img {
	display: block;

}


.featuredImg a img {
transform: rotateY(0deg);
  transition: transform 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955);
  transform-style: preserve-3d;
}
.featuredImg a:hover img {
  transform: rotateY(180deg);
}



.featuredBlogBtn {

  margin-top: 25px;

}

.error404 .PageTitle {
	text-align: center;
	margin-top: 50px;
}
.ErrorWrap {
	margin-bottom: 400px;
	    text-align: center;
}


/* Footer Styles */

.footer {

  background-color: var(--background);

  padding: 100px 50px;

}



.footerContact {

  background-color: var(--green-background);

  border-radius: 35px;

      padding: 60px 5% 70px;

color: var(--white);
	font-size: 16px;
	margin-top: -300px;
}
.footerContact a {

	font-size: 16px;
}
.footerContact a:hover {
	color: var(--white);
}
.footerContact .gform_fields {
  grid-row-gap: 12px !important;
}

.footerContact .gfield input.large, .footerContact .gfield textarea{
    font-size: 16px;
	border-radius: 5px;
    border: 2px solid #c1c9c6;
}

.footerContact .gform-body {
	position: relative;
}
.footerContact .gfield--type-text, .footerContact .gfield--type-email, .footerContact .gfield--type-phone {
    width: 35%;
}
.footerContact .gfield--type-textarea {
   right: 0;
    position: absolute;
    width: 62%;
}

.footerContact .gform-theme--foundation .gfield textarea.small {
    height: 138px;
}

.footerContact .gfield_checkbox label {
    font-size: 16px;
	color: #fff;
}
.footerContact .gfield_checkbox input[type="checkbox"] {
  border: 2px solid #c1c9c6;
}
.footerContact .gform-footer input[type="submit"]#gform_submit_button_1.gform_button {
 padding: 13px 35px;
    border-radius: 35px;
    font-weight: bold;
    font-size: 18px;
    background-color: var(--blue);
}
.footerContact .gform-footer input[type="submit"]#gform_submit_button_1.gform_button:hover {
    -webkit-animation: shadow-pop-br 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
    animation: shadow-pop-br 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	border: 2px solid #d5f3d7;
}


.footerContact .gform-theme--framework #gform_1_validation_container.gform_validation_errors {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;

    margin-block: 0;
    padding-block: 0;
    padding-inline: 0;
}


.contactText h2 {

  margin-bottom: 30px;

}



.contactCTA {

  padding-top: 10px;

}



.footerSocials {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin: 50px 0;

}



.socialIcons {

  display: flex;

  justify-content: space-evenly;

  gap: 20px;

  cursor: pointer;

}



.footerLinks {

  display: flex;

  justify-content: space-between;

  margin-bottom: 50px;

  margin-right: 50px;

}



.footerLinks h5 {

  font-style: normal;

}



.footerLinks ul {

  list-style-type: none;

  padding-left: 0px;

}



.footerLinks li a {

  color: var(--white);

  line-height: 1.6em;

}



.footerLinks li a:hover {

  text-decoration: underline;

}



.contactPods {

  display: flex;

  flex-direction: column;

  gap: 20px;

}



#email,

#phoneNo,

#location {

  display: flex;

  align-items: center;

  gap: 15px;

}



#email p,

#phoneNo p,

#location p {

  color: var(--white);

  line-height: 1em;

}



.termsContainer {

  display: flex;

  justify-content: space-between;

  margin-top: 30px;

}



.termsContainer a,

.termsContainer p,

.termsLinks {

  color: var(--white);

}



.termsContainer a {

  padding: 0 5px;

}



.termsLinks a:hover {

  text-decoration: underline;

}








/** reveal animation **/

.heroimage-overlap {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.heroimage-overlap > * {
  grid-column: 1;
  grid-row: 1;
}

.heroimage-overlap img {
  width: 100%;
  height: auto;
  display: block;
}

/* Bring specific images to the top */
.heroimage-overlap img:nth-child(6),
.heroimage-overlap img:nth-child(7) {
  z-index: 10;
}






.image-overlap {
	min-height: 263px;
	position: relative;
	margin-top: -220px;
}
.image-overlap img {
  position: absolute; 
  top: 0;
  right: 0;
  width:628px;
  height: auto;
}

.image-overlap img:nth-child(1) {
  z-index: 1;
}

.image-overlap img:nth-child(2) {
  z-index: 2; 
}

.image-overlap img:nth-child(3) {
  z-index: 3;
}




.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}

.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-in {
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}
.active.fade-in-top {
	-webkit-animation: fade-in-top 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
	        animation: fade-in-top 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.4s both;
}
.active.fade-in-top2 {
	-webkit-animation: fade-in-top 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.7s both;
	        animation: fade-in-top 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.7s both;
}
.active.fade-in-top3 {
	-webkit-animation: fade-in-top 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	        animation: fade-in-top 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}

.active.fade-in-left {
	-webkit-animation: fade-in-left 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;
	        animation: fade-in-left 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;
}
.active.fade-in-right {
	-webkit-animation: fade-in-right 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;
	        animation: fade-in-right 1.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) 0.2s both;
}


.active.text-animate {
	-webkit-animation: text-animate 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: text-animate 1.2s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

.active.scale-in-ver-bottom {
	-webkit-animation: scale-in-ver-bottom 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-ver-bottom 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


.active.scale-in-ver-bottom-days {
	-webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
	        animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s both;
}
.active.scale-in-ver-bottom-hours {
	-webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
	        animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
}
.active.scale-in-ver-bottom-mins {
	-webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
	        animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s both;
}
.active.scale-in-ver-bottom-secs {
	-webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}



@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}



@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}



@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes text-animate {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes text-animate {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes shadow-pop-br {
    0% {
        -webkit-box-shadow: 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe;
        box-shadow: 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe, 0 0 #beddbe;
        -webkit-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0);
    }
    100% {
        -webkit-box-shadow: 1px 1px #beddbe, 2px 2px #beddbe, 3px 3px #beddbe, 4px 4px #beddbe, 5px 5px #beddbe, 6px 6px #beddbe, 7px 7px #beddbe, 8px 8px #beddbe;
        box-shadow: 1px 1px #beddbe, 2px 2px #beddbe, 3px 3px #beddbe, 4px 4px #beddbe, 5px 5px #beddbe, 6px 6px #beddbe, 7px 7px #beddbe, 8px 8px #beddbe;
        -webkit-transform: translateX(-8px) translateY(-8px);
        transform: translateX(-8px) translateY(-8px);
    }
}


@-webkit-keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}




/** end reveal animation **/




.pageheading {
	background-color: #ebfbec;
    margin-bottom: 40px;
      padding: 50px 0;
	clip-path: polygon(0 0, 100% 0, 100% 72%, 98% 74%, 95% 77%, 91% 80%, 86% 83%, 80% 85%, 74% 87%, 68% 88%, 62% 88%, 56% 86%, 51% 83%, 47% 81%, 43% 80%, 39% 81%, 35% 83%, 30% 86%, 24% 88%, 18% 88%, 12% 86%, 7% 83%, 3% 80%, 0 76%);
}
.pageheadinginner {
    padding: 20px 50px;
	
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	    gap: 30px;
}
.pageheadinginner-header {
	width: 45%;
}
.pageheadinginner-img {
	    width: 55%;
    text-align: right;
}
.pageheadinginner-img .single-thumbnail img  {
	    min-width:   480px;
}
.page-introtxt h6 {
	    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: rgb(254, 187, 132);
    margin-bottom: 5px;
}

.pageheading h1, .teamMemberBanner h1 {
    font-size: 65px;
    color: var(--green);
	    margin-bottom: 10px;
}
.teamMemberBanner h1 {
margin-bottom: 5px;	
}
.page-introtxt h5, .teamMemberBanner h2 {
font-size: 23px;
    line-height: 28px;
    font-weight: 600;
    color: rgb(254, 187, 132);
    margin-bottom: 5px;
}
.breadcrumbs {
font-size: 16px;
    color: #333;
}

.breadcrumbs a {
  font-size: 16px;
}

.breadcrumbs a:hover {
  
}


.innerContentWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;

    gap: 60px;
}

.page-template-page-team .innerContentWrapper {
	display: block;
}

.team-content-wapper {
	margin-bottom: 80px;
}
.pagecontent-wrapper {
	width: 70%;
	    padding-top: 22px;
}


.pagecontent-wrapper h4, .pagecontent-wrapper h3, .pagecontent-wrapper h2, .pagecontent-wrapper h5, .pagecontent-wrapper h6 {
	color: #1e3777;
}


.pagecontent-wrapper ul {
  list-style: none;
	
}

.pagecontent-wrapper li::before {
  content: "";
padding-left: 20px;
  background-image: url('/wp-content/uploads/2025/10/bullet-img.png');
  background-repeat: no-repeat;
    background-position: 0 7px;
  background-size: 8px 8px;
}



.latestnews-wrapper {
	width: 30%;
}


.latestnews-wrapper .blogTitle {
color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
	margin-bottom: 5px;
}

.latestnews-wrapper .featuredBlog-inner {
        padding: 25px 35px;
    border-bottom: 1px solid #91deaa;
}
.latestnews-wrapper .featuredBlog {

    background-color: #2ca981;
}
.latestnews-wrapper .blogDate {
	font-size: 16px;
}
.latestnews-header {
	    background-color: #1e3777;
    padding: 20px 30px;
    color: #fff;
    font-weight: bold;
    font-size: 23px;
    border-radius: 0 35px 0 0;
}

footer .socialMediaIcon i::before {
    font-size: 18px;
}

#cmplz-document ul, .editor-styles-wrapper .cmplz-unlinked-mode ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}









@media only screen and (max-width: 1450px) {

  .navbar .menu-main-menu-container .menu li {

    width: 140px;

  }

}



@media only screen and (max-width: 1300px) {

  .menu {

    gap: 10px;

  }

}



@media only screen and (max-width: 1280px) {

.navbar .sitelogo {
    width: 25%;
}
	.navbar .menu-main-menu-container {
    width: 75%;
}
}



@media only screen and (max-width: 1200px) {

  body.no-scroll {

    overflow: hidden;

    position: fixed;

    width: 100%;

  }



  .navbar {

    position: relative;

  }



  .menu-main-menu-container {

    display: none;

    position: fixed;

    top: 0;

    right: 0;

    width: 100%;

    background: var(--white);

    z-index: 1001;

    height: auto;

    max-height: 80vh;

    overflow-y: auto;

    -ms-overflow-style: none;

    scrollbar-width: none;

  }



  .menu-main-menu-container::-webkit-scrollbar {

    display: none;

  }



  .menu-main-menu-container .menu {

    flex-direction: column;

    align-items: flex-start;

    padding-top: 80px;

    padding-bottom: 30px;

    gap: 0;
	   background: #d5f3d7;

  }



  .menu-main-menu-container .menu li {

    width: 100%;

    text-align: left;

    padding: 15px 30px;

    position: relative;

  }



  .navbar .menu-main-menu-container .menu > li {

    max-width: 80%;

    width: 80%;

    margin: auto;

    border-bottom: 1px solid var(--light-background);

    border-radius: 0 !important;

  }



  .navbar .menu-main-menu-container .menu li ul.sub-menu li {

    width: 100%;

  }



  .navbar .menu-main-menu-container.mobile .menu li.open {

    background-color: var(--background);

  }



  .navbar .menu-main-menu-container.mobile .menu li.open a {

    color: var(--white);

  }
  .navbar .menu-main-menu-container.mobile .menu li.open i {

    color: var(--white);

  }


  .navbar .menu-main-menu-container.mobile .menu li > a {

    padding: 15px 15px 20px;

  }



  .navbar .menu-main-menu-container .menu > li:last-child {

    border-bottom: none;

  }



  .navbar .menu-main-menu-container .menu li i {

    position: absolute;

    right: 20px;

    top: 20px;

    padding: 10px;

    background-color: var(--red);

    cursor: pointer;

  }



  .navbar .menu-main-menu-container .menu li ul.sub-menu {

    position: static;

  }



  .hamburger {

    display: block;

    position: absolute;

    top: 30px;

    right: 30px;

    z-index: 1002;

    cursor: pointer;

    font-size: 2rem;

  }



  .closeMenu {

    display: none;

    position: absolute;

    top: 30px;

    right: 30px;

    z-index: 1002;

    cursor: pointer;

    font-size: 2rem;

  }



  .overlay {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 1000;

  }


}



/* Device = Tablets, Ipads (portrait) */

@media only screen and (max-width: 1024px) {

  .header {

    background-image: none;

    background-color: #fff;

    height: 600px;

    margin-top: 0px;

  }



  .mainHeaderContent {

    width: 70%;

    max-width: 70%;

  }

.mainHeaderContent h1 {
letter-spacing: 1px;
    font-size: 48px;
}

	.latestnews-header {

    padding: 20px 25px;

}
	.latestnews-wrapper .featuredBlog-inner {
    padding: 25px 25px;

}
	.pageheadinginner-header {
    width: 50%;
}
	.pageheadinginner-img {
    width: 50%;
  
}
  .logosSliderPrimary {

    gap: 20px;

  }

	.headerContentWrapper {
		background: #ebfbec;
	}

	.featuredUSPInner img {
		width: 80px;
	}
	.introTxt {
    font-size: 30px;
    line-height: 35px;
 
}
	.contactText h2 {

    margin-top: 25px;
}
	
  .card {

    min-width: 48%;

    width: 48%;

  }



  .footerContact {

    gap: 10%;

  }



  .footerLinks {

    display: grid;

    grid-template-columns: repeat(3, 3fr);

    grid-template-rows: 120px 260px;

    margin-right: 0px;

  }



  .contactPods {

    flex-direction: row;

    justify-content: start;

    gap: 40px;

  }



  #footerLinksOne {

    grid-column: 1 / 4;

    grid-row: 1 / 2;

  }



  #footerLinksTwo {

    grid-column: 1 / 2;

    grid-row: 2 / 3;

  }



  #footerLinksThree {

    grid-column: 2 / 3;

    grid-row: 2 / 3;

  }



  #footerLinksFour {

    grid-column: 3 / 4;

    grid-row: 2 / 3;

  }



  .termsContainer {

    flex-direction: column;

  }

}
@media only screen and (max-width: 900px) {
	.pageheadinginner {

    display: block;
 
}
	.pageheading {
    padding: 30px 0 100px;
   clip-path: polygon(0 0, 100% 0, 100% 75%, 98% 76%, 95% 78%, 91% 80%, 86% 82%, 80% 83%, 74% 84%, 68% 85%, 62% 85%, 56% 84%, 51% 82%, 47% 81%, 43% 80%, 39% 81%, 35% 82%, 30% 84%, 24% 85%, 18% 85%, 12% 84%, 7% 82%, 3% 80%, 0 78%);
		    margin-bottom: 30px;
}
	.pageheadinginner-header {
        width: 100%;
        margin-bottom: 30px;
    }
	.innerContentWrapper {
    display: block;
}
	.pagecontent-wrapper {
    width: 100%;
    margin-bottom: 50px;
		margin-top: -70px;
}
	.latestnews-wrapper {
    width: 100%;
}
	.copyright {
		padding-left: 5px;
	}
	.navbar .contentWrapper {
    display: block;
    padding: 40px 50px 20px;
}
	.header {
        height: auto;

    }
	.headerContentWrapper {

    display: block;
	}
	    .mainHeaderContent {
        width: 100%;
        max-width: 100%;
        padding-top: 50px;
    }
	.textSectionWrapper {
    background: none;
}
	.textSection {
    display: block;
    padding: 0;
}
	.featuredText {
    width: 100%;
		    padding: 30px 50px;
    background: #1f387a;
}
	.featuredUSPWrapper {
    padding: 30px 0 30px 30px;
    width: 100%;
  
    background: #2ca981;
}
	.eventSection {

    display: block;
}
	.counter-wrapper {
    width: 100%;
}
	.countdown {

    justify-content: flex-start;
    margin-top: 40px;
}
	.blogHeading {
    display: block;
	}
	.blogHeadingtxt {
    width: 100%;
}
	.blogHeadingbtn {
    width: 100%;
    text-align: left;
    margin-top: 20px;
}
	.blogsContainer {
    display: block;

}
	.featuredBlog {
    display: block;

}
	.footerContact .gfield--type-text, .footerContact .gfield--type-email, .footerContact .gfield--type-phone {
    width: 100%;
}
	.footerContact .gfield--type-textarea {

    position: relative;
    width: 100%;
}
.page-template-page-team .archiveLoop {
    grid-template-columns: repeat(2, 1fr);

}
	    .archiveLoop {
        grid-template-columns: repeat(1, 1fr);
    }
	    .webinarItem, .webinarItem:last-child {
   
        max-width: 100%;
    }
}


@media only screen and (max-width: 870px) {

  .contactPods {

    flex-direction: column;

    gap: 20px;

  }
	.pageheading {
		margin-bottom: 60px;
	}
	.pageheading.pageheadingimg {
		    margin-bottom: 10px;
	}

	.single-teams .teambio {
        margin-top: -95px;
    }
  .footerLinks {

    grid-template-rows: 250px 260px;

  }
.innerContentWrapper {
    display: block;
	}
	.pagecontent-wrapper {
    width: 100%;
		    margin-bottom: 60px;
 
}
	.latestnews-wrapper {
    width: 100%;
}
	.card {
        min-width: 100%;
        width: 100%;
    }
	    .page-template-page-team .archiveLoop {
        grid-template-columns: repeat(1, 1fr);
    }
	.teamMemberBanner .container {
    display: block;
}
	.single-teams .teambio {
    margin-top: -50px;
}
	.introTxt br {
		display: contents;
	}
	.container {

    padding: 0 40px;

}
	.footer {
    padding: 100px 40px;
}
	    .navbar .contentWrapper {
        padding: 40px 40px 20px;
    }
}



/* Device = Low Resolution Tablets, Mobiles (Landscape) */

@media only screen and (max-width: 767px) {

  .textSection .imgContainer {

    display: none;

  }



  .cardHeader {

    flex-direction: column;

    padding-right: 0;

    align-items: flex-start;

  }



.archiveImage {
    max-width: none;
    float: none;
    margin: 0 0 20px 0px;
    border-radius: 0;
}



  .blogsContainer {

    flex-direction: column;

  }



 



  .featuredImg {

    width: 70%;

    margin: auto;

  }



  .footerContact {

    flex-direction: column;

  }






  .featuredBlogBtn .button {

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    padding: 10px 40px;

  }

}



@media only screen and (max-width: 612px) {

  header {

    height: 650px;

  }

}

@media only screen and (max-width: 575px) {
	.time-value {
    font-size: 32px;

}
	.time-unit {
   
    padding: 20px 20px;
  
    min-width: 90px;

}
	.button, #searchsubmit {

    padding: 15px 35px;
   
}
	ul {

    padding-left: 0;
}
	.teamMemberBio {
    padding: 0px 0 50px;
    margin-top: -50px;
}
	.page-template-page-events .innerContentWrapper, .page-template-page-webinars .innerContentWrapper, .page-template-page-team .innerContentWrapper {
		margin-top: -50px;
	}
}

/* Device = Most of the Smartphones Mobiles (Portrait) */

@media only screen and (max-width: 480px) {

  h1 {

    font-size: 55px;

  }



  h2 {

    font-size: 50px;

  }



  .navbar img {

    max-width: 80%;

  }



















  .blogHeading > p {

    max-width: 70%;

  }






  .footerContact {

    padding: 40px 35px;

  }



  .footerSocials {

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;

  }



  .footerLinks {

    display: flex;

    flex-direction: column;

    gap: 20px;

  }
	    .featuredUSPInner img {
        width: 60px;
    }
	.counternum {

    font-size: 32px;
}
.counter-txt {

    font-size: 13px;
}
	
	.mainHeaderContent h1 {

        font-size: 38px;
    }
	.mainHeaderContent p {
    font-size: 20px;
    line-height: 24px;
   
}
    .introTxt {
        font-size: 28px;
        line-height: 32px;
    }
	
	    .time-unit {
        min-width: 60px;
    }
	
	    .time-value {
        font-size: 26px;
    }
	.featuredBlog .featuredImg {

    min-height: auto;
    
}
	.contactText h2 {
font-size: 32px;
}
	.image-overlap {

    margin-top: -128px;

    min-height: 135px;

}
	.blogSection {

    margin-bottom: 260px;
}
	.home h2.focusedHeading {
    font-size: 22px;

}
    .single-post .postTitle h1 {
        font-size: 28px;
        line-height: 32px;
    }
	.pageheadinginner-img .single-thumbnail img {
    min-width: 320px;
}
	.pageheading h1, .teamMemberBanner h1 {
    font-size: 48px;

}
	.page-introtxt h5, .teamMemberBanner h2 {
    font-size: 21px;
    line-height: 25px;

}
	.memberPhoto {
    width: 320px;
    height: 320px;
    min-width: 320px;
}
	.footerContact {
  
    margin-top: -380px;
}
	    .archiveLoop {
    
        margin-top: -70px;
    }
}
@media only screen and (max-width: 360px) {
	    .mainHeaderContent h1 {
        font-size: 32px;
    }
	.featuredUSPInner {
    width: 50%;
    display: block;
	}
	    .time-unit {
        min-width: 50px;
			padding: 15px 15px;
    }
    .time-value {
        font-size: 18px;
    }
	.time-label {
    font-size: 12px;
	}
	    .footerContact {
        margin-top: -330px;
    }
	    .image-overlap {
        margin-top: -90px;
	}
}