.zshero-left-column .zpelem-spacer:first-child { display: none; }

.zphero { background: transparent; }
.zphero .zsborder-text-box { padding: 15px; }

.overflow {
    overflow-wrap: normal;
}

@media all and (min-width: 992px) {
    .zphero .zsborder-text-box { padding: 30px; }
    .zphero .zsborder-box { padding: 30px; background: #0b0501; margin-left: -150px; position: relative; z-index: 1; }
    .zphero .zsoverlay-image-left { margin-left: -80px; margin-top: 410px; }
    .zphero .zsoverlay-image-right { margin-left: -100px; margin-bottom: 190px; }
    .zphero .zsoverlay-button { margin-bottom: -52px; }
    .zphero .zshero-left-column .zpelem-spacer:first-child { display: block; }
}

.zpdark-section .zpbutton.zpbutton-type-primary{
    background: linear-gradient(45deg, #37a3d9, #d9d9d9, #b3b3b3);
    background-size: 200% 200%;
}

.section-gradient{
    background: linear-gradient(180deg, #fff, #A1D0E8,#A1D0E8, #A1D0E8, #fff);
    background-size: 100% 100%;
}

.theme-header-fixed .zpdark-header-portion.theme-header-topbar{
    background: linear-gradient(45deg, #37a3d9, #d9d9d9, #b3b3b3);
    background-size: 200% 200%;
}
.zpimage-carousel-slide.zpcarousel-controller-overlap .zpcarousel-controller-container {
    display:none;
}

.zpcarousel-container .zpcarousel-arrows-container.zpcarousel-arrow-type-01 .zpcarousel-arrow-left, .zpcarousel-container .zpcarousel-arrows-container.zpcarousel-arrow-type-01 .zpcarousel-arrow-right {
    display:none;
}

.review-section {
    background: linear-gradient(180deg, #ffffff, #d9d9d9, #37a3d9, #37a3d9, #d9d9d9, #ffffff);
    background-size: 400% 400%;

    -webkit-animation: AnimationName 12s ease infinite;
    -moz-animation: AnimationName 12s ease infinite;
    animation: AnimationName 12s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.zpfilmstrip.zpcarousel-container .zpcarousel-arrows-container .zpcarousel-arrow-left {
    background-color: #ffffff; /* Base colour for the button */
    border: none; /* Optional, to remove border if needed */
    border-radius: 5px; /* Add rounded corners if desired */
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 
                0 0 20px rgba(173, 216, 230, 0.8); /* Glowing effect */
    transition: box-shadow 0.3s ease-in-out; /* Smooth animation for hover effect */
}

.zpfilmstrip.zpcarousel-container .zpcarousel-arrows-container .zpcarousel-arrow-right {
    background-color: #ffffff; /* Base colour for the button */
    border: none; /* Optional, to remove border if needed */
    border-radius: 5px; /* Add rounded corners if desired */
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 
                0 0 20px rgba(173, 216, 230, 0.8); /* Glowing effect */
    transition: box-shadow 0.3s ease-in-out; /* Smooth animation for hover effect */
}

.zpfilmstrip.zpcarousel-container .zpcarousel-arrows-container .zpcarousel-arrow-left:hover {
    box-shadow: 0 0 15px rgba(255, 255, 255, 1), 
                0 0 30px rgba(173, 216, 230, 1); /* Intense glow on hover */
}

.intro-section {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 80%, rgba( 255, 255, 255, 1) 100%);
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.intro-text {
    background: linear-gradient(0deg, #37a3d9, #90ccef, #90ccef, #37a3d9);
    border-radius: 10px;
    background-size: 200% 200%;
    animation: introgradient 12s linear infinite;
}

@keyframes introgradient {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 0% 200%;
  }
}

.review-section-gradient  {
    background: linear-gradient(90deg, #fff, #A1D0E8,#A1D0E8, #A1D0E8, #fff);
    background-size: 200% 200%;
    animation: reviewgradient 12s linear infinite;
}

.review-section-gradient2  {
    background: linear-gradient(90deg, #37a3d9, #90ccef, #90ccef, #37a3d9);
    background-size: 200% 200%;
    animation: reviewgradient 12s linear infinite;
}

@keyframes reviewgradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

.zpcarousel-controller-container.zpcarousel-controller-type-01 {
    display: none;
}

.zpelement.zptab:hover {
    transition: background 0.3s linear;
}

.form-background {
    background: linear-gradient(0deg, #37a3d9, #90ccef, #90ccef, #37a3d9);
    background-size: 200% 200%;
    animation: introgradient 12s linear infinite;
}

.zpbutton-wrapper.zpbutton.zpbutton-type-primary.zpbutton-size-md.zpbutton-style-roundcorner {
    background: linear-gradient(45deg, #A1D0E8 55%, #b3b3b3, #d9d9d9);
    background-size: 200% 200%;
    background-position: 100% 0%;
    transition: background 0.5s ease-in-out;
}

.zpbutton-wrapper.zpbutton.zpbutton-type-primary.zpbutton-size-md.zpbutton-style-roundcorner:hover {
    background-position: 0% 0%;
    transition: background 0.5s ease-in-out;
}

.form-section-links a {
    color: #ffffff;
    transition: 0.2s linear
}

/* Changes form email link text size on mobile */
@media (max-width: 768px) {
    .form-section-links a {
        font-size: 20px;
    }
}

.form-section-links a:hover {
    color: #ececec;
    transition: 0.2s linear
}

/* Menu Headings bold */
.theme-menu-name {
    font-weight: 600;
}

.footer-section-links a {
    color: #A1D0E8;
    transition: 0.2s linear
}

.footer-section-links a:hover {
    color: #ffffff;
    transition: 0.2s linear
}

/* Center text in carousel */
.zpcarousel-content-inner {
    display: grid;
  	align-items: center;
  	height: 80%;
}

/* Align the tabs text center */
@media (max-width: 768px) {
    .zpelement .zptab {
        text-align: center;
    }
}

/* Below CSS ensures that selected menu items are not white on mobile */
@media (max-width: 768px) {
.theme-navigation-and-icons .theme-menu-area .theme-menu ul li.theme-menu-selected>a {
    color: black;
    }
}

/* Below CSS Makes Tab Headings bold on mobile */
@media (max-width: 768px) {
.zptab-name {
    font-weight: bold;
    }
}

/* Below CSS Reduces padding within intro text box for mobile */
@media (max-width: 768px) {
.zpelement.zpelem-text.intro-text-inner {
    padding-left: 0px;
    padding-right: 0px;
    }
}

/* Below CSS reduces padding for intro text column for mobile */
@media (max-width: 768px) {
    .zphero .zpcontainer, .zphero .zprow {
        padding: 10px;
    }
}

/* Below CSS reduces line height for image captions within tabs element */
@media (max-width: 768px) {
.zpimage-caption.zpimage-caption-align-center {
    line-height: 20px;
}
 
.zpcarousel-content-inner {
    padding-inline-start: 0px !important;
	padding-inline-end: 0px !important;
}