header{z-index:3!important;position:fixed!important;width:100%!important}body.case-study-template-default div.fishgate_menu_container{padding:0!important}@media (max-width:580px){header{min-height:120px!important}}#main-content{padding-top:120px!important}#main-content .et_pb_row{max-width:1440px;width:90%}#main-content .et_pb_row.dynamic{max-width:1360px;padding:18px 0 30px 0}.cta-button{background:linear-gradient(to left,transparent 50%,white 50%);background-size:210% 100%;background-position:right bottom;transition:background-position 0.35s ease-in-out;color:black;border:2px solid black;display:block;text-transform:uppercase;font-size:21px!important;font-weight:500!important;font-family:'Poppins';width:fit-content;height:66px!important;border-radius:50px;padding:19px 29px!important;letter-spacing:6px;display:flex}.cta-button:hover{background-position:left bottom}body.darkmode .cta-button{background:linear-gradient(to left,transparent 50%,#ffffff35 50%);background-size:210% 100%;background-position:right bottom;transition:background-position 0.35s ease-in-out}body.darkmode .cta-button:hover{background-position:left bottom}html[data-wp-dark-mode-active] body *,html[data-wp-dark-mode-loading] body *{transition:none}html body[data-darkmoder-inline-bgcolor]{background-color:var(initial)!important}body.darkmode .et_pb_menu_0_tb_header.et_pb_menu.mobile-menu .et_mobile_menu{background:#032126!important}body.darkmode .dark-mode-toggle ._thumb.wp-dark-mode-ignore{background-color:white!important}body.darkmode h1,body.darkmode h2,body.darkmode h3,body.darkmode h4,body.darkmode h5,body.darkmode p,body.darkmode span,body.darkmode strong,body.darkmode a,body.darkmode li,body.darkmode input,body.darkmode textarea,body.darkmode #main-content .our-services .et_pb_toggle_title,body.darkmode .et_pb_accordion_item.et_pb_toggle:before,body.darkmode .contact-us form input,body.darkmode .contact-us form textarea,body.darkmode .contact-us form input::placeholder,body.darkmode .contact-us form textarea::placeholder,body.darkmode .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before,body.darkmode .dark-mode-toggle ._track.wp-dark-mode-ignore,body.darkmode button.custom-accordion,body.darkmode .services-accordions .panel p,body.darkmode .contact-us .dynamic-input label,body.darkmode .et_pb_menu_0_tb_header.et_pb_menu.mobile-menu .et_mobile_menu li a,body.darkmode #portfolio-header-row .hero-heading .et_pb_text_inner{color:hsl(0deg 0% 100% / 60%)!important}body.darkmode .outer-block .animate-block{background-color:#ffffffcc!important;opacity:0.15!important}body.darkmode .mobile_nav .mobile_menu_bar,body.darkmode .cta-button img,body.darkmode .ni-accordions h5::before,body.darkmode #main-content .our-services .et_pb_toggle_title::before,body.darkmode #main-content .our-services .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::after,body.darkmode .our-services .custom-accordion::before,body.darkmode .contact-us form .right .submit-icon img,body.darkmode .visit-us .phone-number img,body.darkmode .social-links a img{filter:invert(100%)!important}body.darkmode .ni-accordions img.icon{filter:invert(65%)!important}body.darkmode .ni-accordions .rotate-container,body.darkmode .ni-accordions h5::before,body.darkmode .our-services .custom-accordion::before,body.darkmode #main-content .our-services .et_pb_toggle_title::before,body.darkmode .social-links a img,body.darkmode .cta-button img,body.darkmode .ni-accordions .animate-bulb,body.darkmode .ni-accordions .animate-gears-top-circle,body.darkmode .ni-accordions .animate-gears-bottom-circle,body.darkmode #main-content .our-services .et_pb_toggle .et_pb_toggle_title::after,body.darkmode .contact-us form .right .submit-button img{opacity:0.60!important}body.darkmode .cta-button,body.darkmode .hero .video video,body.darkmode .et_pb_row.top-row,body.darkmode .ni-accordions h5,body.darkmode .ni-cases article img,body.darkmode .our-services .client-image img,body.darkmode .location .map-overlay,body.darkmode #main-content .et_pb_row.our-work-row,body.darkmode .ni-accordions .et_pb_toggle_content,body.darkmode .our-services .et_pb_toggle,body.darkmode .our-services .custom-accordion,body.darkmode .contact-us .dynamic-input,body.darkmode .location .visit-us,body.darkmode .et_pb_row_0_tb_footer,body.darkmode .portfolio-row,body.darkmode #portfolio-header-row,body.darkmode #category-container .cat-item{border-color:hsl(0deg 0% 100% / 60%)!important}body.darkmode .video-frame{border-color:hsl(0deg 0% 100% / 0%)!important}body.darkmode .dark-mode-toggle ._track.wp-dark-mode-ignore,body.darkmode .color-picker #hueSlider{border-color:hsl(0deg 0% 100% / 80%)!important}#et-fb-app *{cursor:auto!important}.page-template-default *{cursor:none!important}@media (max-width:980px){body.page-template-default *{cursor:auto!important}#custom-cursor{display:none!important}}#custom-cursor{position:fixed;z-index:9999999999;width:1.5em;height:1.5em;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;transition:transform 0.27s ease,width 0.27s ease,height 0.27s ease;margin-left:-10px;margin-top:-15px}#custom-cursor.hover{width:3em;height:3em}body.darkmode #custom-cursor{background:#fff!important}.color-change{background-color:rgb(247,215,2);transition:background-color 0.5s ease}.darkmode.color-change{background-color:black;transition:background-color 0.5s ease}.single-portfolios_fishgate.postid-5637 .featured-image,.single-portfolios_fishgate.postid-5860 .featured-image,.single-portfolios_fishgate.postid-5852 .featured-image,.postid-11655 .featured-image,.postid-11661 .featured-image,.postid-5845 .featured-image,.postid-11734 .featured-image{display:none!important}.grecaptcha-badge{opacity:0!important}.slide-right-element{opacity:0!important;transition:opacity 0.9s ease,transform 0.9s ease!important;transform:translateX(-200px)!important}.slide-right-element.effected{opacity:1!important;transform:translateX(0px)!important}.slide-up-element{opacity:0!important;transition:opacity 0.7s ease,transform 0.7s ease!important;transform:translateY(200px)!important}.slide-up-element.effected{opacity:1!important;transform:translateY(0)!important}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes zoomInOutCareers{0%{transform:scale(1)}50%{transform:scale(1.22)}100%{transform:scale(1)}}.single-case-study #main-content{background:transparent!important}.fullwidth-acc-item{overflow:hidden;height:100%;max-height:102px;transition:max-height 0.8s ease-in-out;padding:0!important;max-width:1360px!important;width:90%!important;margin:auto!important}.fullwidth-acc-item.open{max-height:2000px!important}.fullwidth-acc-item:last-child{margin:0 auto 100px!important;border-bottom:2px solid black}.fullwidth-acc-item .toggle-title-row{max-width:1360px!important;width:100%!important;margin:auto!important;padding:26px 0;transition-delay:0.7s!important}.fullwidth-acc-item .toggle-title h2{position:relative;padding-bottom:0!important;padding-right:55px}.fullwidth-acc-item .toggle-title h2 span{position:relative;z-index:1;display:inline;background:linear-gradient(to bottom,transparent 25%,white 20%);background-size:0% 85%;background-repeat:no-repeat;background-position:left;transition:background-size 1s ease-out;padding-bottom:10px}.fullwidth-acc-item .toggle-title h2:hover span,.fullwidth-acc-item.open .toggle-title h2 span{background-size:100% 85%}.fullwidth-acc-item .toggle-title h2:after{content:'';background-image:url(https://staging2.fishgate.co.za/fishgate_2024/wp-content/uploads/2024/06/arrow_skew_black.png);background-size:contain;background-repeat:no-repeat;background-position:center;width:34.1px;height:100%;display:block;position:absolute;right:5px;top:0px;transform:rotate(-45deg);transition:transform 0.25s ease-in-out}.fullwidth-acc-item.open .toggle-title h2:after{transform:rotate(0deg)}.fullwidth-acc-item .toggle-content{max-width:1360px!important;width:100%!important;margin:auto!important;padding:10px 0 50px 0;transition-delay:0.8s!important}body.et-db #et-boc .et-l .fullwidth-acc-item .toggle-content.et_pb_row{width:100%!important}.fullwidth-acc-item .toggle-content .left-image{max-width:472px}.fullwidth-acc-item .toggle-content .toggle-content-text{margin-bottom:0!important}.fullwidth-acc-item a.cta-button{margin-top:75px!important;float:right!important}.fullwidth-acc-item a.cta-button img{transform:rotate(-45deg)}.fullwidth-acc-item a.cta-button:hover img{transform:rotate(-90deg)}body .fullwidth-acc-item .mobile-button a.cta-button{font-size:21px!important;height:63px!important;padding:17px 31px!important;font-weight:500!important;align-items:center!important}body .fullwidth-acc-item .mobile-button a.cta-button img{height:21px!important;margin-top:0px!important}@media (max-width:1235px){body .fullwidth-acc-item .desktop-button{display:none!important}}@media (min-width:1236px){body .fullwidth-acc-item .mobile-button{display:none!important}}@media (max-width:767px){.fullwidth-acc-item{max-height:88px}.fullwidth-acc-item .toggle-title-row{padding:23px 0}.fullwidth-acc-item .toggle-title h2{font-size:30px!important;line-height:40px!important}.fullwidth-acc-item .toggle-title h2 span,body.darkmode .fullwidth-acc-item .toggle-title h2 span{background-size:0% 75%!important}.fullwidth-acc-item .toggle-title h2:hover span,.fullwidth-acc-item.open .toggle-title h2 span,body.darkdmode .fullwidth-acc-item .toggle-title h2:hover span,body.darkmode .fullwidth-acc-item.open .toggle-title h2 span{background-size:100% 75%!important}.fullwidth-acc-item .toggle-content{padding:10px 0 70px 0}}body.darkmode .fullwidth-acc-item .toggle-title-row,body.darkmode .fullwidth-acc-item:last-child{border-color:hsl(0deg 0% 100% / 60%)!important}body.darkmode .fullwidth-acc-item .toggle-title h2 span{position:relative;z-index:1;display:inline;background:linear-gradient(to bottom,transparent 25%,#ffffff15 20%);background-size:0% 100%;background-repeat:no-repeat;background-position:left;transition:background-size 1s ease-out;padding-bottom:10px}body.darkmode .fullwidth-acc-item .toggle-title h2:hover span,body.darkmode .fullwidth-acc-item.open .toggle-title h2 span{background-size:100% 100%}body.darkmode .fullwidth-acc-item .toggle-title h2:after{filter:invert(1);opacity:0.6}