.et_pb_row.top-row {
border-top: 2px solid black;
} .hero h1 {
font-size: 100px;
font-weight: 900;
line-height: 118px;
position: relative;
z-index: 2;
}
.hero .outer-block {
height: 61px;
max-width: 1166px;
width: 100%;
position: relative;
margin-top: -63px;
z-index: 1;
}
.hero .animate-block {
width: 0;
height: 61px;
background-color: white;
position: absolute;
left: 0;
transition: width 0.7s cubic-bezier(0.4, 0, 0.6, 1);
transform-origin: left;
margin-left: 380px;
}
.hero .animate-block.reveal {
width: 785px !important;
}
.hero h2 {
font-family: 'Poppins';
font-size: 45px;
line-height: 50px;
font-weight: 500;
max-width: 713px;
margin-top: 20px;
}
.cta-button {
display: flex;
gap: 10px;
margin-top: 50px;
}
.cta-button img {
transition: 0.3s !important;
}
.cta-button:hover img {
transform: rotate(-45deg);
}
.hero .video {
margin-top: 0px;
}
.hero .video video {
border: 25px solid white;
border-radius: 60px;
width: 100%;
height: auto;
} .our-nature h3.our-nature-heading {
font-size: 30px;
font-weight: 900;
margin-bottom: 40px;
}
.our-nature h3.sub-heading {
font-size: 30px;
font-weight: 700;
font-family: 'Poppins';
}
.our-nature h2 {
font-size: 100px;
font-weight: 900;
line-height: 102px;
display: flex;
position: relative;
z-index: 2;
}
.our-nature h2 span {
font-family: 'Poppins';
font-weight: 200;
font-size: 60px;
line-height: 60px;
}
.our-nature .outer-block {
height: 61px;
max-width: 1130px;
width: 100%;
position: relative;
margin-top: -53px;
z-index: 1;
}
.our-nature .animate-block {
width: 0;
height: 61px;
background-color: white;
position: absolute;
left: 0;
transition: width 0.7s cubic-bezier(0.4, 0, 0.6, 1);
;
transform-origin: left;
}
.our-nature .animate-block.reveal {
width: 100% !important;
}
.our-nature p.main-paragraph {
font-size: 30px;
line-height: 40px;
font-weight: 500;
margin-top: 50px;
}
.ni-accordions .et_pb_module {
border: none;
background-color: transparent;
padding: 10px 0;
}
.ni-accordions .white-block-behind.et_pb_toggle_open::before {
width: 0 !important;
}
.ni-accordions .white-block-behind::before {
content: '';
display: block;
height: 45px;
width: 0;
background-color: white;
position: absolute;
top: 32px;
z-index: 1;
transition-duration: 0.35s;
}
body.darkmode .ni-accordions .white-block-behind::before {
opacity: 0.15;
}
.ni-accordions .white-block-behind:hover::before {
width: 100%;
}
.ni-accordions h5 {
font-size: 50px;
color: black !important;
font-weight: 700;
line-height: 68px;
font-family: 'Poppins';
border-bottom: 1px solid black;
padding-bottom: 10px !important;
z-index: 2;
}
body .ni-accordions h5::before {
content: "" !important;
background-image: url(//fishgate.co.za/wp-content/uploads/2024/06/arrow_skew_black.png);
height: 40px;
width: 40px;
background-repeat: no-repeat;
margin-top: -22px;
margin-right: 20px;
transition-duration: 0.2s;
transform: rotateZ(315deg);
}
.ni-accordions .et_pb_toggle_open .et_pb_toggle_title:before,
.ni-accordions .et_pb_toggle:hover .et_pb_toggle_title:before {
transform: rotateZ(360deg);
}
.ni-accordions .et_pb_toggle_content {
border-bottom: 1px solid black;
padding: 40px 0;
font-size: 20px;
line-height: 30px;
font-weight: 500;
text-wrap: pretty;
}
.ni-accordions img.icon {
height: 119px;
margin: auto;
width: 100%;
object-fit: contain;
margin-bottom: 5px;
z-index: 2;
position: relative;
}
.ni-accordions .rotate-container {
width: 100px;
height: 110px;
display: flex;
align-items: flex-end;
margin: auto;
margin-top: -160px;
position: absolute;
left: 0;
right: 0;
animation: rotate 3s infinite linear;
}
.ni-accordions .rotate-container img {
height: 43px;
margin-left: -3px;
}
.ni-accordions .animate-bulb {
width: 80px;
height: 80px;
position: absolute;
top: 23px;
object-fit: contain;
margin-left: -45px;
z-index: 1;
animation: zoomInOut 3s infinite;
}
.ni-accordions .animate-gears-top-circle {
width: 50px;
height: 50px;
position: absolute;
top: 48px;
object-fit: contain;
margin-left: -70px;
z-index: 1;
animation: zoomInOut 3s 1s infinite;
}
.ni-accordions .animate-gears-bottom-circle {
width: 25px;
height: 25px;
position: absolute;
top: 108px;
object-fit: contain;
margin-left: -14px;
z-index: 1;
animation: zoomInOut 3s 2s infinite;
transition-delay: 1s;
}
.ni-accordions .et_pb_toggle_content strong {
font-weight: 900 !important;
}
.ni-accordions .et_pb_toggle_content span {
padding-right: 10px;
display: block;
} .case-studies h3.case-studies-heading {
font-size: 30px;
font-weight: 900;
margin-bottom: 10px;
}
.ni-cases article {
height: 400px;
width: 400px;
border-radius: 200px;
}
.ni-cases .column:nth-child(1) {
transition-delay: 0.3s !important;
}
.ni-cases .column:nth-child(2) {
transition-delay: 0.6s !important;
}
.ni-cases .column:nth-child(3) {
transition-delay: 0.9s !important;
}
.ni-cases article img {
height: 400px !important;
border: 25px solid white;
width: auto;
object-fit: cover;
border-radius: 200px;
transition: 0.3s !important;
}
.ni-cases article h2 {
margin-top: -200px;
z-index: 2;
position: relative;
padding-left: 40px;
padding-right: 30px;
font-size: 24px;
line-height: 30px;
font-weight: 900;
background: #ffffffbd;
height: 150px;
border-bottom-left-radius: 70px;
border-bottom-right-radius: 70px;
padding-top: 25px;
opacity: 0;
transition-duration: 0.3s;
text-transform: capitalize;
}
.ni-cases article:hover h2 {
opacity: 1;
}
.ni-cases article h2 a {
width: 100% !important;
display: block !important;
height: 100% !important;
}
.ni-cases article:hover img {
border-radius: 75px;
} .our-services h3.our-services-heading {
font-size: 30px;
font-weight: 900;
margin-bottom: 40px;
}
.our-services h2 {
font-size: 100px;
line-height: 108px;
font-weight: 900;
max-width: 1109px;
position: relative;
z-index: 2;
}
.our-services .outer-block {
height: 61px;
max-width: 540px;
width: 100%;
position: relative;
margin-top: -63px;
z-index: 1;
}
.our-services .animate-block {
width: 0;
height: 61px;
background-color: white;
position: absolute;
left: 0;
transition: width 1s cubic-bezier(0.4, 0, 0.6, 1);
transform-origin: left;
margin-left: 0px;
}
.our-services .animate-block.reveal {
width: 540px !important;
}   .contact-us h3.contact-us-heading {
font-size: 30px;
font-weight: 900;
margin-bottom: 40px;
color: black;
}
.contact-us h2 {
font-size: 100px;
line-height: 108px;
font-weight: 900;
z-index: 2;
position: relative;
}
.contact-us .outer-block {
height: 61px;
max-width: 600px;
width: 100%;
position: relative;
margin-top: -63px;
z-index: 1;
}
.contact-us .animate-block {
width: 0;
height: 61px;
background-color: white;
position: absolute;
left: 0;
transition: width 0.7s cubic-bezier(0.4, 0, 0.6, 1);
transform-origin: left;
margin-left: 0px;
}
.contact-us .animate-block.reveal {
width: 600px !important;
}  .location {
display: flex;
gap: 40px;
align-items: center;
}
.location .map,
.location .visit-us {
flex-basis: 50%;
}
.location .map-overlay {
width: 490px;
height: 490px;
border-radius: 250px;
border: 25px solid white;
transition: 0.3s !important;
}
.location a:hover .map-overlay {
border-radius: 120px;
}
.location .visit-us {
border-top: 1px solid black;
padding-top: 13px;
}
.location .visit-us h3 {
font-size: 30px;
font-weight: 900;
padding-bottom: 35px;
}
.location .visit-us p {
font-size: 20px;
line-height: 30px;
font-weight: 600;
padding-bottom: 35px;
}
.location .visit-us .phone-number {
display: flex;
gap: 15px;
align-items: center;
}
.location .visit-us .phone-number a {
font-size: 25px;
color: black;
font-weight: 900;
} .safari-browser .mobile_nav .mobile_menu_bar {
background-size: contain !important;
}
.safari-browser .mobile_nav .mobile_menu_bar.safari-fix {
background-size: 0 !important;
}