/* Theme Name: Divi Child Theme Description: Divi Child Theme Author: David Tierney Author URI: http://designsbytierney.com Template: Divi Version: 1.0.2 */ /* =Theme customizations ------------------------------------------------------- */ body, #page-container{overflow-x:hidden} .container, .et_pb_row, .et-db #et-boc .et-l .et_pb_row{width:88%;} a{transition:.3s;} .text-yellow{color:#F8D679 !important} .text-blue{color:#2D8ACB !important} .text-green{color:#B6C251 !important} .et_pb_widget_area_left{border-right:0;padding-right:0} .et_pb_section_video_bg .mejs-container{background:transparent !important} @media(min-width:768px){ .show-on-mobile{display:none !important} .et_pb_scroll_top{display:none !important} } @media(min-width:981px){ .three-column-row{gap:30px;} .three-column-row:after{display:none;} .three-column-row .et_pb_column{flex:1;margin:0 !important;width: auto !important;} .show-on-tab{display:none !important;} } @media(max-width:980px){ .container, .et_pb_row, .et-db #et-boc .et-l .et_pb_row{width:94%;} .reverse{display: flex;flex-direction: column-reverse;} .reverse .et_pb_column:first-child{margin-bottom: 0 !important} .show-on-desktop{display:none !important} } @media(max-width:767px){ .hide-on-mobile{display:none !important} } /** Button **/ .et_pb_button{font-weight:400;} .arrow-link{display: inline-block;font-size: 27px;font-weight: 700;color: #2F4858;position: relative;padding-right: 40px;transition: .3s;} .arrow-link:after{position: absolute;content:"$";top:0;right:0;font-family: ETmodules !important;font-weight: 400 !important;font-size: 35px;} .arrow-link:hover{text-decoration: underline;padding-right: 50px;} /** Header **/ #main-header{z-index:999} .logo_container{width: 20% !important;min-width: 275px;background: transparent linear-gradient(270deg, #2f4858 0%, #1B2631 100%) 0% 0% no-repeat padding-box;height: auto !important;border-radius: 0 0 60px 0;display: block;padding: 15px 75px !important;} .logo_container .logo_helper{display:none;} .logo_container a{display:inline-block} .et_fullwidth_nav #main-header .container{width: 100%;max-width: 100%;padding-right: 0 !important} .show-menu{position: relative;width: 37px;height: 37px;} .show-menu span{display: block;position: absolute;background-color: #2F4858;} .show-menu span:nth-child(1){width: 37px;height: 6px;top: 50%;transform: translateY(-50%);} .show-menu span:nth-child(2){width: 6px;height: 37px;left: 50%;transform: translateX(-50%);} .show-menu img{filter: drop-shadow(2px 0 0 #f2f2f2) drop-shadow(-2px 0 0 #f2f2f2) drop-shadow(0 2px 0 #f2f2f2) drop-shadow(0 -2px 0 #f2f2f2);} #top-menu{position: absolute;right: 0;top: 0;width: 278px;background: transparent linear-gradient(19deg, #2f4858 0%, #1B2631 100%) 0% 0% no-repeat padding-box;border-radius: 50px 0px;padding: 55px 50px 85px 82px;opacity: 0;visibility: hidden;transition: .3s;} #top-menu li{padding-right: 0} #top-menu li a {font-size: 23px;line-height: 1.2em;padding-bottom: 0 !important;margin-bottom: 22px;} #top-menu li:last-child a{margin-bottom: 0;} #top-menu-nav:hover #top-menu{opacity: 1;visibility: visible;padding-bottom: 55px} #top-menu-nav > ul > li > a:hover{color:#00ccba; opacity:1;} .mobile_menu_bar::before, .mobile_menu_bar::after, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a{color:#00ccba;} @media(min-width:981px){ #et-top-navigation{position: fixed;top: 0;right: 0;font-weight: 400;padding-top: 75px !important;padding-right: 75px;padding-left:30px !important;} } @media(max-width:980px){ .et_fullwidth_nav #main-header .container{padding-right:5% !important} .logo_container {padding: 20px 5% !important;width: 30% !important;text-align:center} .show-menu{display:none;} /* .mobile_menu_bar:before{content: "\4c";color: #2f4858 !important;background-color: #70c9b7;border-radius: 8px 0;} */ .mobile_menu_bar:before{ content: ""; display: inline-block; width: 24px; height: 24px; background: url("https://invokbrands.wpengine.com/wp-content/uploads/2026/04/plus_icon.png") no-repeat center center; background-size: contain; border-radius: 8px 0; filter: drop-shadow(2px 0 0 #f2f2f2) drop-shadow(-2px 0 0 #f2f2f2) drop-shadow(0 2px 0 #f2f2f2) drop-shadow(0 -2px 0 #f2f2f2); } #main-header .et_mobile_menu{background: transparent linear-gradient(19deg, #2f4858 0%, #1B2631 100%) 0% 0% no-repeat padding-box;border-radius: 50px 0px;width: 90%;right: 5%;left: auto;border: 0;padding:10%;margin-top: 10px;} .et_mobile_menu li a{font-size:18px;} .et_header_style_left #logo { max-width: 60%; } } @media(max-width:767px){ .et_header_style_left #et-top-navigation{padding-top:16px !important} .et_header_style_left #et-top-navigation .mobile_menu_bar{padding-bottom:16px !important} .logo_container {width: 40% !important;padding: 10px 5% !important; min-width: 175px;} } /** Footer **/ #main-footer{border-radius: 80px 0 0 0;} #main-footer .container{max-width:1760px;} #footer-widgets {padding: 72px 0 0;display:flex;flex-wrap:wrap;gap:0 105px;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget{margin:0;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(1){width: calc(40% - 70px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2){width: calc(44% - 70px);display: flex;flex-wrap: wrap;gap: 80px 100px;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(3){width: calc(16% - 70px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget{width:100%;margin-bottom:80px;} .f-about{font-size: 30px;font-weight: 700;margin-bottom:35px !important} .f-social{margin-bottom:60px !important} .f-social ul{display:flex;gap:20px} #footer-widgets .f-social ul li{padding-left:0;margin:0} .f-social ul li:before{display:none;} .f-social ul li a{display:block;line-height:1em} .f-social ul li a img{display:block} .f-social ul li a:hover{opacity:.8} .f-logo img{width:300px;} #main-footer .footer-widget h4{font-weight:700;letter-spacing:1px;padding-bottom:4px;} .f-contact{font-size:17px;font-weight:500;letter-spacing:0.85px;line-height:26px;} .f-button{line-height:26px;} .f-button a{display: inline-block;position: relative;font-size: 19px;font-weight: 700;letter-spacing: 1px;padding-right: 24px;} .f-button a:before{position:absolute;content:"&";right:0;top:0;font-family: ETmodules;font-weight: 400;transition:.3s;} .f-button a:hover:before{top: -6px;right: -4px;} .back-to-top{line-height:26px;} .back-top{display: inline-block;position: relative;font-size: 19px;font-weight: 700;letter-spacing: 1px;padding-top: 30px;margin-top: -32px;} .back-top:before{position:absolute;content:"\21";left:50%;top:0;font-family: ETmodules;font-weight: 400;transition:.3s;font-size: 34px;transform: translateX(-50%);} .back-top:hover:before{top:-12px} #footer-bottom{display:none;} @media(max-width:980px){ #footer-widgets{padding: 60px 0 0;} #footer-widgets .footer-widget:nth-child(n){margin-bottom:30px !important;width: 100% !important;margin-right: 0 !important;} #footer-widgets .footer-widget .fwidget{margin-bottom:30px !important;text-align: center;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2){gap:0} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2) .fwidget{width:100%} #main-footer .footer-widget h4{font-size:20px;} .f-about{font-size:24px;} .f-social ul{justify-content: center;} .f-logo img{width:200px;} .back-top{margin-top:0} } @media(max-width:767px){ #main-footer{border-radius:40px;} #main-footer .footer-widget h4{font-size:17px;} .f-contact{font-size:15px;} .f-button a{font-size:16px;} .back-top{font-size:16px;} .back-top::before{font-size:26px} } @media(min-width:981px){ #footer-widgets {gap:0 60px;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(1){width: calc(40% - 40px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2){width: calc(40% - 40px);gap: 0 40px;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(3){width: calc(20% - 40px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2) .fwidget{width:100%;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget{margin-bottom:20px} } @media(min-width:1200px){ .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(1){width: calc(33% - 40px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2){width: calc(51% - 40px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(3){width: calc(16% - 40px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2) .fwidget{width:calc(50% - 20px)} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget{margin-bottom:80px;} } @media(min-width:1600px){ #footer-widgets {gap:0 105px;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(1){width: calc(40% - 70px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2){width: calc(44% - 70px);gap: 60px 100px;} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(3){width: calc(16% - 70px);} .et_pb_gutters3.et_pb_footer_columns3 .footer-widget:nth-child(2) .fwidget{width:calc(50% - 50px)} } /** Home **/ .home-slider .item img, .home-slider .item video{width:100%;height:100%;display:block} .welcome-section div{position:static} /* body .welcome-section.et_pb_section{padding: clamp(50px, 12.5vw, 240px) 0;} */ body .welcome-section.et_pb_section h1{font-size: clamp(30px, 2.76vw, 53px);padding-bottom:0} .reveal-text .line {overflow: hidden;display: block;} .reveal-text .line-inner {display: block;transform: translateY(100%);opacity: 0;} .blurb-hover-expand .et_pb_blurb_content{display: flex;flex-wrap: wrap;position: relative;padding-right: 55%;} .blurb-hover-expand .et_pb_main_blurb_image{width: calc(55% - 30px);margin-bottom: 0;position: absolute;right: 0;top: 0;height: 100%;z-index:1;transition: 1s;} .blurb-hover-expand .et_pb_blurb_container{width:100%;background: transparent linear-gradient(303deg, #1B2631 0%, #2f4858 100%) 0% 0% no-repeat padding-box;display: flex;flex-direction: column;justify-content: flex-end;padding: 45px 75px;min-height: 540px;} .blurb-hover-expand .et_pb_image_wrap{position: absolute;width: 100%;height: 100%;overflow: hidden;} .blurb-hover-expand .et_pb_main_blurb_image img{width:100%;height: 100%;object-fit: cover;} .blurb-hover-expand .et_pb_module_header{position:relative;max-width:500px;padding-bottom:30px;} .blurb-hover-expand .et_pb_blurb_description strong{font-size:20px;} .blurb-hover-zoom .et_pb_blurb_content{display: flex;flex-wrap: wrap;position: relative;gap: 30px;} .blurb-hover-zoom .et_pb_main_blurb_image{width: calc(55% - 30px);margin-bottom: 0;transition: .5s;} .blurb-hover-zoom .et_pb_blurb_container{width:45%;background: #F2F2F2;display: flex;flex-direction: column;justify-content: flex-end;padding: 45px 75px;min-height: 540px;align-items: flex-end;} .blurb-hover-zoom .et_pb_image_wrap{width: 100%;height: 540px;overflow: hidden;} .blurb-hover-zoom .et_pb_main_blurb_image img{width:100%;height: 100%;object-fit: cover;transform: scale(1.06);transition:.3s;} .blurb-hover-zoom .et_pb_module_header{position:relative;max-width:530px;padding-bottom:30px;} .blurb-hover-zoom .et_pb_blurb_description strong{font-size:20px;} .blurb-hover-zoom .et_pb_main_blurb_image:hover img{transform: scale(1);} body .image-hover{width:100%;height:100%;overflow:hidden} body .image-hover .et_pb_image_wrap {width:100%;height:100%;} body .image-hover .et_pb_image_wrap img{width:100% !important;height:100%;object-fit:cover;transform: scale(1.06);transition: .3s;} body .image-hover:hover img{transform:scale(1);} body .cover-image{width:100%;height:100%;overflow:hidden} body .cover-image .et_pb_image_wrap {width:100%;height:100%;} body .cover-image .et_pb_image_wrap img{width:100% !important;height:100%;object-fit:cover;} .cs-feature-row{display:flex;flex-wrap:wrap;gap:30px} .cs-feature-img { display: flex; align-items: center; justify-content: center; flex: 1; height: 560px;overflow: hidden;} .cs-feature-img a{width:100%;height:100%;display:block} .cs-feature-img:hover { cursor: pointer; } .cs-feature-img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06);transition: .3s;} .cs-feature-img:hover img{transform:scale(1)} .cs-feature-info { background: transparent linear-gradient(122deg, #2f4858 0%, #1B2631 100%) 0% 0% no-repeat padding-box; color: #ffffff; text-align: center;display: flex; align-items: end; flex: 1; position: relative; } .cs-feature-info h3{position:relative;font-size: 40px; font-weight: 700; line-height: 1.3em;color: #F2F2F2;padding-bottom: 30px;} .cs-feature-info p{ font-size: 19px; font-weight: 500; line-height: 24px;color: #F2F2F2;} .cs-feature-info p strong { font-size: 20px; } .cs-feature-content {padding: 45px 60px;position: absolute;width: 100%;opacity: 0; transition: all 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .cs-feature-content.active { opacity: 1;} #left-quote { text-align: left;} #left-quote h3:before{position: absolute;content: "“";left: -22px;top: 0;} #right-quote { text-align: right;} #right-quote h3:after{position: absolute;content: "”";right: -22px;bottom: 32px;} .insight-links{padding-left:20%;} .insight-links ul{list-style:none;margin:0;padding:0} .insight-links ul li{margin-bottom:30px;} .insight-links ul li:last-child{margin-bottom:0;} .insight-links ul li a{font-size:32px;line-height:1.2em;color:#2F4858;letter-spacing:.8px;transition:.1s;} .insight-links ul li a:hover{font-weight:700;} .insight-links .more{display: inline-block;font-size: 27px;font-weight: 700;color: #2F4858;position: relative;padding-right: 40px;transition: .3s;margin-top: 30px;} .insight-links .more:after{position: absolute;content:"$";top:0;right:0;font-family: ETmodules !important;font-weight: 400 !important;font-size: 35px;} .insight-links .more:hover{text-decoration: underline;padding-right: 50px;} .tab-container {display: flex;gap: 80px;} .tab-menu {position: relative;padding-left: 12px;padding-top: 15px;padding-bottom: 15px;width:50%;display: flex;align-items: center;flex-wrap: wrap;align-content: center;} .tab-menu a {display: block;padding: 0 0 0 80px;line-height: 100px;color: #2F4858 !important;font-size: 32px;letter-spacing: .8px;transition:.1s;width: 100%;} .tab-menu a.active {font-weight: 700;} .tab-menu:before {content: "";position: absolute;left: 4px;top: 0;bottom: 0;width: 1px;background: #2F4858;height: 100%;} .tab-menu .indicator {position: absolute;left: -2px;width: 13px;height: 100px;background: transparent linear-gradient(180deg, #00ccba 0%, #00967F 100%) 0% 0% no-repeat padding-box;transition: top 0.3s ease;} .tab-pane {display: none;} .tab-pane.active {display: block;} .expertise-tab .video-con{position:relative;display:inline-block} .expertise-tab .video-con:after{position:absolute;content:"";width: 100%;height: 100%;border: 1px solid #f2f2f2;left: 0;top: 0;} .expertise-tab .tab-pane video{width:300px;height:300px;margin-bottom:20px;} .expertise-tab .tab-pane{text-align: center;} .at-tab { display: none; padding: 15px 25px;padding-bottom:40px;} .at-title { cursor: pointer; position: relative; transition: background-color 0.3s ease;} .at-title:after { content: "+"; position: absolute; top: 50%; transform: translateY(-50%) rotate(0deg); right: 10px; transition: all 0.2s ease; font-size: 40px; font-weight: 100;} .at-title.active:after { transform: translateY(-50%) rotate(45deg);} .at-item { border-bottom: 1px solid #1B2631; } .at-item:first-child{border-top: 1px solid #1B2631;} .at-title h2 { font-size: 32px !important; font-weight: 400 !important; padding: 10px 41px 10px 25px; margin: 0; letter-spacing: .8px;text-transform: lowercase;transition:all 0.1s ease;} .at-title:hover h2, .at-title.active h2{font-weight:700 !important;} .at-title:hover:after{transform: scale(1) translateY(-50%) rotate(0deg);font-weight: 300; animation: pulsate 1.3s infinite;} .at-title.active:after{transform: scale(.9) translateY(-50%) rotate(45deg);font-weight: 300;} .accordion-header { text-align: center; background-color: #222222; color: white; padding: 20px 0;} @keyframes pulsate { 0%, 38%, 100% { font-size: 40px; } 19% { font-size: 35px; } } @media(max-width:1500px){ .blurb-hover-expand .et_pb_blurb_container {padding: 110px 75px 45px;min-height: auto;} .tab-container{gap:30px;} .tab-menu a {padding: 0 0 0 30px;} } @media(max-width:1199px){ .blurb-hover-expand .et_pb_blurb_container {padding: 110px 60px 45px;} .tab-menu a{font-size:26px;} .expertise-tab .tab-pane p{font-size:20px;} .cs-feature-row{display:none;} .cs-feature-mobile{display:flex;flex-wrap:wrap;gap:30px} .cs-feature-mobile.even{margin-top:30px;} .cs-feature-mobile .img-con{width: calc(55% - 30px);} .cs-feature-mobile .content{width: 45%;background: transparent linear-gradient(122deg, #2f4858 0%, #1B2631 100%) 0% 0% no-repeat padding-box;color: #ffffff;padding: 45px 60px;display: flex;flex-direction: column;justify-content: end;} .cs-feature-mobile .img-con img{width:100%;height:100%;object-fit:cover} .cs-feature-mobile .content h3{position:relative;padding-bottom: 30px;font-weight: 700;line-height: 1.3em;color: #F2F2F2;} .cs-feature-mobile .content h3:before{position: absolute;content: "“";width:auto;right: 100%;top: 0;} .cs-feature-mobile .content p {font-size: 19px;font-weight: 500;line-height: 24px;color: #F2F2F2;} .cs-feature-mobile.even .content{text-align:right} .cs-feature-mobile.even h3:before{width:auto;left: 100%;top: auto;bottom:20px;} .expertise-section .expertise-title h2{font-size:40px;} } @media(max-width:980px){ .blurb-hover-expand .et_pb_blurb_container {padding: 70px 40px 40px;} .video-banner{height:500px;} .at-title h2{font-size:26px !important;} } @media(max-width:767px){ /* .home-slider .item{height:400px;background-color:#1b4d63;overflow:hidden} .home-slider .item img, .home-slider .item video{width:100%;height:100%;object-fit:cover} .home-slider .item video{object-fit:contain} */ body .welcome-section.et_pb_section h1{font-size:24px;} .video-banner{height:400px;} .blurb-hover-expand .et_pb_blurb_content{padding-right:0;} .blurb-hover-expand .et_pb_main_blurb_image{width:100%;position:static} .blurb-hover-expand .et_pb_image_wrap{position:static;height:300px;} .blurb-hover-expand .et_pb_blurb_container{min-height:auto;padding:30px;} .blurb-hover-expand .et_pb_module_header{max-width:100%;} .cs-feature-mobile{gap:0} .cs-feature-mobile.even{flex-direction:column-reverse} .cs-feature-mobile .content, .cs-feature-mobile .img-con{width: 100%;} .cs-feature-mobile .img-con{height:300px;} .cs-feature-mobile .content{padding:30px;} .cs-feature-mobile .content h3{font-size:26px;padding-bottom:20px;} .cs-feature-mobile .content p{font-size:18px;} .blurb-hover-zoom .et_pb_blurb_content{gap:0;} .blurb-hover-zoom .et_pb_main_blurb_image{width:100%;position:static} .blurb-hover-zoom .et_pb_image_wrap{position:static;height:300px;} .blurb-hover-zoom .et_pb_blurb_container{min-height:auto;padding:30px;width: 100%;} .blurb-hover-zoom .et_pb_module_header{max-width:100%;} body .image-hover .et_pb_image_wrap{height:300px;} .tab-menu .indicator{height:50px;} .tab-container{flex-wrap:wrap;} .tab-menu a {line-height: 50px;font-size: 24px;padding: 0 0 0 25px;width: 100%;} .expertise-tab .tab-pane video{height: 180px;margin-bottom: 0;} .at-title h2{font-size:24px !important;padding-left:15px;} .at-tab{padding: 5px 15px 20px;font-size: 18px;line-height: 1.7em;} .insight-links {padding-left: 10px;} .insight-links ul li {margin-bottom: 15px;} .insight-links ul li a {font-size: 22px;} .insight-links .more{font-size:20px;padding-right:30px;margin-top: 20px;} .insight-links .more:after{font-size:26px;} } @media(min-width:981px){ .expertise-tab .tab-pane{min-height:410px;} .blurb-hover-expand .et_pb_main_blurb_image:hover{width:100%} } @media(min-width:1200px){ .cs-feature-mobile{display:none;} } /** Newsletter popup **/ .open-newsletter-popup:hover{text-decoration:underline} .open-newsletter-popup:hover:after{margin-left:20px !important} .newsletter-popup { background: transparent linear-gradient(74deg, #0C4A63 0%, #020F14 100%); color: #ffffff; width: 90%; max-width: 1200px; padding: 50px 100px; border-radius: 0 90px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0.96); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35); z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; } .newsletter-popup.active { opacity: 1; visibility: visible; transform: translate(-50%, -50%) scale(1); } .newsletter-popup .close-btn { position: absolute; top: 22px; right: 26px; background: none; border: none; color: #ffffff; font-size: 28px; cursor: pointer; } .newsletter-popup h2 { font-size: 45px; margin-bottom: 10px; font-weight: 700; color: #F2F2F2;letter-spacing: 1px;} .newsletter-form { display: flex; align-items: center; gap: 24px; margin-bottom: 32px; } .newsletter-form input { flex: 1; background: transparent; border: none; border-bottom: 2px solid #F2F2F2; padding: 4px 10px; font-size: 32px; color: #00967F; outline: none; letter-spacing: 1px;} .newsletter-form input::placeholder { color: #00967F; } .newsletter-form button { background: none; border: none; color: #F2F2F2; font-size: 32px; font-weight: 600; cursor: pointer; white-space: nowrap; letter-spacing: 1px;transition:.3s;} .newsletter-form button:hover{color:#00CCBA} .newsletter-popup p { font-size: 25px;font-weight: 700;letter-spacing: .6px;max-width: 830px;} #peanut-container form{background-color:transparent !important;} .newsletter-popup #form-fields-container{max-width:100% !important;display: flex;flex-wrap: wrap;gap: 24px;} .newsletter-popup form label{display:none;} .newsletter-popup form #form-fields-container input[type="email"]{width:100%; flex: 1; background: transparent; border: none; border-bottom: 2px solid #F2F2F2; padding: 4px 10px; font-size: 32px; color: #00967F; outline: none; letter-spacing: 1px;} .newsletter-form form #form-fields-container input[type="email"]::placeholder { color: #00967F !important;opacity:1 !important} .newsletter-popup form #form-fields-container input[type="submit"]{background: none;border: none;color: #F2F2F2;font-size: 32px;font-weight: 600;cursor: pointer;white-space: nowrap;letter-spacing: 1px;transition: .3s;padding:0;line-height: 1.6em;} .newsletter-popup form #form-fields-container input[type="submit"]:hover{color: #00CCBA;background:transparent} .newsletter-popup form #form-fields-container input[type="submit"]:focus{outline:0} @media(min-width:768px){ .newsletter-popup .close-btn{display:none} } @media(max-width:980px){ .newsletter-popup #form-fields-container{display:block;margin-bottom:30px;} .newsletter-popup form #form-fields-container input[type="email"]{font-size:24px;} } @media (max-width: 767px) { .newsletter-popup { padding: 36px 28px; border-radius: 28px; } .newsletter-popup h2 { font-size: 32px; } .newsletter-form { flex-direction: column; align-items: stretch; gap: 16px; } .newsletter-popup .css-29pv05.css-29pv05 > :not(:last-child):not(.hidden-field){margin-bottom:1em !important} .newsletter-popup form #form-fields-container input[type="email"]{font-size:20px;} .newsletter-form input{font-size:18px;} .newsletter-popup form #form-fields-container input[type="submit"] { align-self: flex-end;font-size:20px;} .newsletter-popup p {font-size: 18px;font-weight: 600;line-height: 1.4em;} } /** Modal style **/ .modal-overlay{ position: fixed; inset: 0; background: rgba(27, 38, 49, 0.85); display: none; align-items: center; justify-content: flex-end; z-index: 1000; opacity: 0; transition: opacity 0.3s ease; } .modal-overlay.show { opacity: 1; } .modal{ background: #ffffff; width: 55%; height: 100vh; padding:80px 75px ;overflow-y: auto; position: relative; display: flex; flex-direction: column; transform: translateX(100%); transition: transform 0.3s ease; } .modal-overlay.show .modal { transform: translateX(0); } .modal-close {position: absolute;top: 12px;right: 16px;background: none;border: none;font-size: 2rem;cursor: pointer;color: #2f4754;} .stats { display: flex; gap: 125px;margin-top:60px;} .stats .stat{border-top: 2px solid #0C4A63;padding-top: 35px;} .stat .value {font-size: 90px;letter-spacing: 2px;display: block;line-height: 1em;} .stat .label {display: block;font-size: 27px;letter-spacing: .7px;line-height: 1.3em;} .modal .loading{position:absolute;width:100%;height:100vh;left:0;top:0;text-align:center;display:flex;justify-content:center;align-items:center} .insight-modal .modal-image{margin-bottom:30px;} .insight-modal .modal-image img{width:100%;display:block} .insight-modal .meta{font-size: 16px;letter-spacing: .6px;margin-bottom: 10px;} .insight-modal .meta a{color: #2F4858;} .insight-modal .modal-content h2{font-size:38px;font-weight:700;letter-spacing:1px;padding-bottom: 40px;} .insight-modal .modal-content p{font-size:30px;letter-spacing:.75px} .insight-modal .meta a:hover{text-decoration: underline;} .insight-modal .arrow-link{margin-top:40px;} @media(min-width:981px){ .modal-close{display:none;} } @media(max-width:767px){ .modal {width: 90%;padding: 50px 20px;} .insight-modal .meta {font-size: 18px;line-height: 1.4em;} .insight-modal .modal-content h2 {font-size: 26px;padding-bottom: 30px;} .insight-modal .modal-content p {font-size: 20px;line-height: 1.6em;} } /** Casestudy page **/ .et-db #et-boc .et-l .cs-subheading h4{font-size:36px;} .et-db #et-boc .et-l .cs-heading h1{font-size:50px;} .cs-number-count{display: flex;justify-content: end;align-items: start;} .cs-number-count .percent-value{font-size:212px !important;display:block;line-height:1em} .cs-number-count .title{padding-bottom: 0;margin-left: 10px;font-size: 82px !important;} .cs-number-count .percent{height: auto !important;} .deliverable-list ul{list-style: none;margin: 0;padding: 0 !important;display: flex;flex-wrap: wrap;} .deliverable-list ul li{padding-right: 6px;border-right: 1px solid #2f4858;margin-right: 6px;line-height: 16px;margin-top: 12px;font-size: 15px;} .deliverable-list ul li:last-child{padding-right: 0;border-right: 0;margin-right: 0;} .more-work-section .title{margin-bottom:20px;} .more-work-section .title h2{font-size: 32px !important;font-weight: 700 !important;position: relative;display: inline-block;padding-right: 40px;padding-bottom: 0;} .more-work-section .title h2:after{position:absolute;content: "\27";right: 0;bottom: 0;font-family: ETmodules;font-weight: 400;transition: .3s;} .more-work-section .title h2:hover:after{bottom: -6px;right: -4px;} .more-work-row{display:flex;flex-wrap:wrap;gap:25px;} .more-work-row .work-title{text-transform: capitalize;} .work-col{flex:1;} .work-col .img-con{width:100%;height:560px;overflow:hidden;margin-bottom:20px;} .work-col .img-con img{width:100%;height:100%;object-fit:cover;transform: scale(1.06);transition: .3s;} .work-col .img-con:hover img{transform: scale(1);} .work-col h4, .et-db #et-boc .et-l .work-col h4{font-size:32px;font-weight:700;} .more-work-row .work-col:nth-child(1) .img-con {border-top-left-radius: 80px;} .more-work-row .work-col:nth-child(2) .img-con {border-top-right-radius: 80px;} .comparison-slider { position: relative; width: 100%; height: 800px; overflow: hidden;user-select:none;} .comparison-slider img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;user-select: none;} .comparison-slider .after { clip-path: inset(0 50% 0 0); } .slider-handle { position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #2F4758; z-index: 10;transition: left 0.3s ease;} .slider-handle::before { content: ''; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; background-image: url(/wp-content/uploads/2026/01/slider_icon.png); border-radius: 50%;background-size:contain;} .slider-bar { position: absolute; bottom: 93px; left: 50%; transform: translateX(-50%); width: 80%; height: 4px; background: white; z-index: 5; } .comparison-slider.dragging { cursor: ew-resize !important; } .comparison-slider.show-default-cursor { cursor: ew-resize !important; } .sync-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;background-image: url(/wp-content/uploads/2026/03/gallery_bg_final.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .sync-background .img-con{position:absolute;width:100%;height:120%;left:0;top:-10%;opacity: 0; transition: transform 1.5s ease; transform: translateY(100%);background-size: 30%;background-position: center top;} .sync-background .img-con.active { opacity: 1; transform: translateY(0%);} .swiper-sync .swiper { width: 100%; } .swiper-sync .swiper-slide{padding:150px 0} .swiper .swiper-slide .img-con {text-align:center;user-select:none;} .swiper .swiper-scrollbar { width: 80% !important; left: 10% !important; position: absolute !important; bottom:80px;height:5px !important;background:#fff;} .swiper .swiper-scrollbar-drag{height: 70px;background-color: transparent;background-image: url(/wp-content/uploads/2026/01/slider_icon.png);top: -32px;background-position:center;background-size:contain} @media(max-width:767px){ .swiper-sync .swiper-slide{padding:60px 0 100px} .swiper .swiper-scrollbar{bottom:50px;} .swiper .swiper-scrollbar-drag{height:50px;top:-22px;} } .custom-cursor { position: absolute !important;left:0;top:0;display: flex;justify-content:center;align-items:center; width: 100px; height: 100px; border-radius: 50%; font-size: 16px;line-height:1.2em;text-align: center; font-weight: 700; letter-spacing: 0.1em; background: transparent linear-gradient(122deg, rgba(0,204,186,.75) 0%, rgba(0,150,127,.75) 100%) 0% 0% no-repeat padding-box; color: #F2F2F2; pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s;white-space: pre-line;} .custom-cursor-section .et_pb_text_inner{position:static} /* Default: slider uses custom cursor */ .comparison-slider {cursor: none;} /* When over handle, show system cursor ONLY here */ .comparison-slider.show-system-cursor {cursor: ew-resize;} /* Hide custom cursor when system cursor is active */ .comparison-slider.show-system-cursor ~ .custom-cursor, .comparison-slider.show-system-cursor .custom-cursor {opacity: 0 !important;} /* Hide system cursor inside swiper */ .swiper-sync {cursor: none;} /* Show cursor when explicitly enabled */ .swiper-sync.show-system-cursor {cursor: grab;} /* FORCE cursor on scrollbar */ .swiper-scrollbar, .swiper-scrollbar-drag {cursor: grab !important;} .swiper-scrollbar-drag:active {cursor: grabbing !important;} @keyframes floatY { 0% { transform: translateY(0); } 50% { transform: translateY(-30px); } 100% { transform: translateY(0); } } @media(max-width:767px){ .more-work-row .work-col:nth-child(1) .img-con {border-top-left-radius: 30px;} .more-work-row .work-col:nth-child(2) .img-con {border-top-right-radius: 30px;} } .row-height-560{max-height:560px;} body .single-img{width:100%;height:100%;} body .single-img .et_pb_image_wrap {width: 100%;height:100%;overflow: hidden;} body .single-img .et_pb_image_wrap img {transition: 0.2s ease;transform: scale(1.05);width: 100% !important;height: 100%;object-fit: cover;} body .single-img:hover img {transform: scale(1);} .quote-hang-left:after{position:absolute;content:"”";right:100%;top:0;} .quote-hang-right:after{position:absolute;content:"”";left:100%;bottom:0;} .video-build {position: relative;cursor: none;overflow:hidden} .video-build video {width: 100%;display: block;} .video-build .custom-cursor {position: absolute;} .hover-video{width:100%;height:100%;object-fit:cover;display:block} @media(max-width:1700px){ .et-db #et-boc .et-l .cs-subheading h4{font-size:32px;} .et-db #et-boc .et-l .cs-heading h1{font-size:40px;} body .image-hover.hol-img .et_pb_image_wrap {height: auto;} body .image-hover.shii-img .et_pb_image_wrap {height: 400px;} .cs-number-count .percent-value{font-size:180px !important;} .cs-number-count .title{font-size: 70px !important;} } @media(max-width:1500px){ .row-height-560{max-height:400px;} } @media(max-width:1400px){ .et-db #et-boc .et-l .cs-subheading h4{font-size:30px;} .et-db #et-boc .et-l .cs-heading h1{font-size:36px;} .cs-number-count .percent-value{font-size:150px !important;} .cs-number-count .title{font-size: 60px !important;} } @media(max-width:1199px){ .cs-number-count .percent-value{font-size:120px !important;} .cs-number-count .title{font-size: 50px !important;} } @media(max-width:980px){ .row-height-560{max-height:100%;} .cs-number-count{justify-content:flex-start} } @media(max-width: 767px){ .et-db #et-boc .et-l .cs-subheading h4{font-size:26px;} .et-db #et-boc .et-l .cs-heading h1{font-size:32px;} .more-work-section .title h2 {font-size: 28px !important;} .work-col{flex: auto;} .work-col .img-con{height: 320px;} .work-col h4, .et-db #et-boc .et-l .work-col h4{font-size: 24px;} .comparison-slider{height:420px;} .slider-handle::before{width:50px;height:50px;bottom:26px;} .slider-bar{bottom:50px;} .cs-number-count .percent-value{font-size:85px !important;} .cs-number-count .title{font-size: 30px !important;margin-left:5px} } @media (min-width: 981px) { .et_pb_gutters1.et_pb_row .et_pb_column, .et-db #et-boc .et-l .et_pb_gutters1.et_pb_row .et_pb_column, .et_pb_gutters1.et-db #et-boc .et-l .et_pb_column { margin-right: 25px; } } @media(min-width:1700px){ .font-53{font-size:53px !important;} .font-45{font-size:45px !important;} .font-43{font-size:43px !important;} .font-35{font-size:35px !important;} } @media(min-width:1900px){ .comparison-slider{height:41vw} } /** TTF Case Study **/ .cs-banner-image{height: 100vh;overflow: hidden;} .cs-banner-image .et_pb_image_wrap {width:100%;height:100%;} .cs-banner-image img{width: 100% !important;height: 100%;object-fit: cover;transition:.6s;} /* .cs-banner-image img:hover{transform:scale(1.05)} */ @media(max-width:767px){ .cs-banner-image{height: 400px;} } body .image-hover.auto .et_pb_image_wrap{height:auto} .imageSwiper .swiper-slide{padding-top: 60px;padding-bottom: 140px;} .imageSwiper .img-con{width: 100%;} .imageSwiper .img-con img{width: 100%;height: 100%;object-fit: contain;max-height: 600px;filter: drop-shadow(4px 4px 8px #666);} @media(min-width:1200px){ .imageSwiper .swiper-slide{padding-top: 100px;} } @media(min-width:1600px){ .imageSwiper .swiper-slide{padding-top: 160px;} } /* Hide default cursor ONLY inside section */ .custom-cursor-section{position:relative;overflow:hidden;} .custom-cursor.active {opacity: 1;} @media(min-width:981px){ .custom-cursor-section {cursor: none;} } /** ROC casestudy **/ .tab-container.roc-tab{align-items: center;} .roc-tab .tab-menu{width:30%} .roc-tab .tab-content{width: calc(70% - 80px);} .roc-tab-content{display: flex;align-items: center;gap: 50px;justify-content: space-between;width: 100%;} .roc-tab-content .img-con{max-width:280px;} .roc-tab-content .info{max-width:440px;} .vertical-zoom-slider { touch-action: none !important; } .vertical-zoom-slider .owl-stage-outer{padding:150px 0;overflow:visible} .vertical-zoom-slider{transform: rotate(90deg); overflow: visible;} .vertical-zoom-slider .item{transition: all .4s ease;transform: scale(.85) rotate(-90deg);opacity:.5;} .vertical-zoom-slider .owl-item.active.center .item{transform: scale(1) rotate(-90deg);opacity:1;} .vertical-zoom-slider .owl-item.active .item{transform: scale(.9) rotate(-90deg);} .slideOutUp {animation: slideOutUp 0.5s forwards;} .slideInDown {animation: slideInDown 0.5s forwards;} @keyframes slideOutUp {from {transform: translateY(0);}to {transform: translateY(-100%);}} @keyframes slideInDown {from {transform: translateY(100%);}to {transform: translateY(0);}} .vertical-zoom-slider.owl-theme .owl-dots{position: absolute;bottom: calc(100% - 125px);left: 50%;margin: 0;transform: translatex(-50%);white-space:nowrap} .vertical-zoom-slider.owl-theme .owl-dots .owl-dot span{margin: 5px;background: #fff;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);} .vertical-zoom-slider.owl-theme .owl-dots .owl-dot.active span, .vertical-zoom-slider.owl-theme .owl-dots .owl-dot:hover span{background:#00CCBA} .exp-accordion { display: flex;width: 100%; overflow: hidden; } .exp-panel {transition: all 0.3s ease; position: relative;background-color:#fff;} .exp-panel::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(211, 175, 77, .6); z-index: 1; transition: opacity 0.3s ease; } .exp-panel:nth-child(1)::before { background: rgba(211, 175, 77, .45); } .exp-panel:nth-child(2)::before { background: rgba(211, 175, 77, .6); } .exp-panel:nth-child(3)::before { background: rgba(211, 175, 77, .75); } .exp-panel.active { flex: 1;background-color: #f2f2f2;} .exp-panel.active::before { opacity: 0; } .exp-panel-content{transition:.3s;} .exp-panel-content .info{transition:.3s;} .exp-panel-content .info .title{font-size: 30px;font-weight: 700;margin-bottom: 20px;} .exp-panel-content .info p{line-height: 1.4em;opacity:0;visibility:hidden;transition:.3s;} .exp-panel-content .img-con{transition:.3s;} .active .exp-panel-content .info p{opacity:1;visibility:visible} @media (max-width: 980px) { .exp-accordion { flex-direction: column; height: auto; } .exp-panel {padding: 20px;height:75px} .exp-panel-content { top: 40px; left: 20px; right: 20px; color: #333; } .exp-panel-content .info{margin-bottom: 30px;} .exp-panel-content .info .title{margin-bottom:10px} .exp-panel-content .info p{font-size:18px;} } @media(max-width:767px){ .vertical-zoom-slider .owl-stage-outer{padding:50px 0} .vertical-zoom-slider.owl-theme .owl-dots{bottom: calc(100% - 50px);} } @media(min-width:981px){ .exp-accordion{height:700px;} .exp-panel {flex: 0 0 160px;} .exp-panel-content{ position: absolute; top: 0; left: 0; right: 0; width: 100%;height: 100%;padding:60px 20px 50px 20px} .exp-panel-content .info{position: absolute;top:60px;left:20px;} .exp-panel-content .info .title{font-size: 36px;} .exp-panel-content .info{width: 500px;} .exp-panel-content .img-con{width: calc(100vw - 350px);position: absolute;left:0;bottom: 40px;} .active .exp-panel-content{padding: 60px 20px} .active .exp-panel-content .info{left:80px;} .active .exp-panel-content .img-con{margin-left: 3%;} } @media(min-width:1200px){ .exp-panel {flex: 0 0 220px;} .exp-panel-content{padding: 120px 50px 50px 40px;} .exp-panel-content .info{top:120px;left:40px;} .exp-panel-content .info .title{font-size: 45px;} .exp-panel-content .info{width: 360px;} .exp-panel-content .img-con{width: calc(100vw - 630px);} .active .exp-panel-content{padding: 120px 50px 50px 120px;} .active .exp-panel-content .info{left:150px} .active .exp-panel-content .img-con{padding-left: 10%;left: 100px;margin-left: 2%;} } @media(min-width:1300px){ .exp-accordion{height:800px;} } .roc-van-slider.owl-theme .owl-dots{position: absolute;width: 100%;left: 0;bottom: 0;margin: 0;} .roc-van-slider.owl-theme .owl-dots .owl-dot span{margin: 5px;background: #fff;box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.16);} .roc-van-slider.owl-theme .owl-dots .owl-dot.active span, .roc-van-slider.owl-theme .owl-dots .owl-dot:hover span{background:#00CCBA} .exp-gallery { display: flex; width: 100%; height: 54vw; overflow: hidden; position: relative; } .exp-gallery-item { flex: 1; position: relative; cursor: none; transition: all .6s ease, opacity .6s ease, transform .6s ease; overflow: hidden; } .exp-gallery-item img { position: absolute; transition: all .6s ease;max-width: inherit;} .gallery-left img {top: 0; left: 0;width:95vw;} .gallery-right .exp-gallery-item:first-child img {top: 0; right: 0;width:95vw; } .gallery-right .exp-gallery-item:last-child img {bottom: 0; right: 0; width:95vw;} .gallery-left { width: 25%; flex: 3; transition: all .6s ease, opacity .6s ease, transform .6s ease; } .gallery-right { width: 75%; flex: 5; display: flex; flex-direction: column; transition: all .6s ease, opacity .6s ease, transform .6s ease; } .gallery-right .exp-gallery-item { flex: 1; } .exp-gallery.expand-left .gallery-left { flex: 18; } .exp-gallery.expand-left .gallery-right { flex: 1; opacity: 0.6; } .exp-gallery.expand-right-top .gallery-left { flex: 1; opacity: 0.6; } .exp-gallery.expand-right-top .gallery-right { flex: 18; } .exp-gallery.expand-right-top .gallery-right .exp-gallery-item:first-child { flex: 10; } .exp-gallery.expand-right-top .gallery-right .exp-gallery-item:last-child { flex: 1; opacity: 0.6; } .exp-gallery.expand-right-bottom .gallery-left { flex: 1; opacity: 0.6; } .exp-gallery.expand-right-bottom .gallery-right { flex: 23; } .exp-gallery.expand-right-bottom .gallery-right .exp-gallery-item:first-child { flex: 1; opacity: 0.6; } .exp-gallery.expand-right-bottom .gallery-right .exp-gallery-item:last-child { flex: 10; } .roc-horizon-marquee .owl-stage {transition-timing-function: linear !important;} @media(max-width:1500px){ .roc-tab .tab-content {width: calc(70% - 30px);} } @media(max-width:1199px){ .roc-tab-content{display:block;text-align:center} .roc-tab-content .img-con{max-width:100%;margin-bottom:20px;} .roc-tab-content .img-con img{max-height:200px;} .roc-tab-content .info{max-width:100%;} } @media(max-width:767px){ .roc-tab .tab-menu{width:100%;} .roc-tab .tab-content{width:100%;} .roc-horizon-marquee .owl-item img{max-height:400px;} } /** Stevens Point **/ .sp-gallery-wrapper{display:flex;gap:40px;} .sp-image-preview{width:45%;display:flex;align-items:center;justify-content:center;} .sp-image-preview img{max-width:280px;border-radius:10px;transition:opacity 0.3s ease;} .sp-masonary-scroll{width:55%;max-height:900px;position:relative;} .sp-scroll-content{max-height:900px;overflow-y:auto;padding-right:120px;scrollbar-width:none;-ms-overflow-style:none;cursor: none;} .sp-scroll-content::-webkit-scrollbar{width:0;height:0;} .sp-scroll-rail{position:absolute;right:60px;top:5%;width:6px;height:90%;background:#fff;} .sp-scroll-thumb{position:absolute;width:38px;height:38px;left:-16px;background-image:url(/wp-content/uploads/2026/03/slider_icon_small.png)} .sp-masonry-grid{width:100%;} .sp-grid-item{width:33.33%;padding:30px 10px;box-sizing:border-box;} .sp-grid-item .img-con{text-align:center} .sp-grid-item img{max-width:60%;max-height:580px;transition:.3s;user-select: none;} .sp-grid-item img:hover{-webkit-filter: drop-shadow(0 0 16px rgba(0,204,186,0.8));filter: drop-shadow(0 0 16px rgba(0,204,186,0.8));} .sp-grid-item img.sp-active{opacity:.5;} .main-slider .img-con{height:400px;} .main-slider .img-con img{width: 100%;height: 100%;object-fit: contain;padding: 5px;} .thumb-slider .img-con{height:120px;border-radius:4px;background-color:#fff;border: 1px solid #fff;} .thumb-slider .img-con img{width: 100%;height: 100%;object-fit: contain;padding: 5px;} .thumb-slider .current .img-con{border-color: #70c9b7;} .main-slider.owl-theme .owl-nav [class*="owl-"]{position: absolute;right: 0;top: 50%;width: 40px;height: 40px;background-image: url(/wp-content/uploads/2026/03/black_arrow.png);background-size: contain;background-repeat: no-repeat;background-position: center;font-size: 0;margin-top:-20px;} .main-slider.owl-theme .owl-nav button.owl-prev{left:0;right:auto;transform: scaleX(-1);} @media(max-width:767px){ /* #SR7_1_1 .hebe.sr7-arrows.sr7-leftarrow{transform:translate(10px, -10px) !important;} #SR7_1_1 .hebe.sr7-arrows.sr7-rightarrow{transform: translate(-10px, -10px) !important;} */ #SR7_1_1 .hesperiden.sr7-bullets {bottom: -25px !important;} #SR7_1_1 .hesperiden .sr7-bullet{width: 20px !important;height: 20px !important;} } @media(min-width:768px){ .sp-masonary-scroll, .sp-scroll-content{max-height:600px;} .sp-grid-item{width:50%;} .sp-image-preview img{max-height:500px} } @media(min-width:981px){ .sp-masonary-scroll, .sp-scroll-content{max-height:700px;} .sp-image-preview img{max-height:600px} } @media(min-width:1200px){ .sp-masonary-scroll, .sp-scroll-content{max-height:800px;} .sp-grid-item{width:50%;} .sp-image-preview img{max-height:700px} } @media(min-width:1600px){ .sp-masonary-scroll, .sp-scroll-content{max-height:900px;} .sp-grid-item{width:33.33%;} .sp-image-preview img{max-height:800px} .sp-masonry-grid .sp-grid-item:nth-child(1){margin-top:150px;} .sp-masonry-grid .sp-grid-item:nth-child(3){margin-top:250px;} } /** Healthy pet **/ @media (min-width: 1400px) and (max-width: 1540px) { .healthy-pet-page-title{max-width:500px} } .trusted-blurb .et_pb_blurb_container{display:flex;align-items:end} .trusted-blurb .et_pb_module_header{position:relative;padding-bottom: 25px;line-height: 1em !important;padding-left:45px;} .trusted-blurb .et_pb_module_header:before{position:absolute;content:"#";left:0;top:45px;font-size:50px;font-weight:700;line-height:1em;} .trusted-blurb .et_pb_blurb_description{line-height: 1.15em;} .trusted-blurb .et_pb_blurb_description strong{padding-top: 5px;display: block;} @media(max-width:767px){ .trusted-blurb .et_pb_module_header {line-height: .86em !important;} .trusted-blurb .et_pb_module_header:before{font-size:32px;left: 20px;top: 25px;} } .color-panel-accordion { display: flex; height: 560px; width: 100%; } .color-panel { flex: 0 0 72px; position: relative;overflow: hidden; display: flex; align-items: center; justify-content: flex-start; color: #fff; transition: flex 0.4s ease; } .color-panel.active { flex: 1; align-items: flex-end; } .color-panel-head { position: absolute; left: 0; top: 0; width: 72px; height: 100%; transition: opacity 0.3s ease; } .color-panel:not(.active) .color-panel-content { display: none; } .color-panel:nth-child(1) .color-panel-head{ background:#3498db; } .color-panel:nth-child(2) .color-panel-head{ background:#27ae60; } .color-panel:nth-child(3) .color-panel-head{ background:#f1c40f; } .color-panel-content { opacity: 0; transform: translateY(20px); display: flex; align-items: center;background-color: #f2f2f2; color: #333; margin-left: 72px; width: 100%; height: 100%; box-sizing: border-box; transition: opacity 0.4s ease, transform 0.4s ease; } .color-panel-content .img-con {flex: 1;display: flex;justify-content: center;padding: 50px;} .color-panel-content .dtls { flex: 1;padding: 50px;font-size: 37px;font-weight: 700;color: #2F4858;line-height: 1.3em;text-align: right;} .color-panel-content img {max-width:600px;max-height:400px;width: 100%;} .color-panel.active .color-panel-content { opacity: 1; transform: translateY(0); transition-delay: 0.2s; } @media(max-width:1199px){ .color-panel-accordion{height:400px} .color-panel-content{padding:50px;gap:50px;} .color-panel-content .img-con{padding:0} .color-panel-content img{max-width:400px;} .color-panel-content .dtls{flex:2;padding:0;font-size:32px;} } @media(max-width:980px){ .color-panel-accordion{flex-direction:column;height:auto;} .color-panel {flex: 0 0 50px;flex-direction:column;padding-top: 50px;} .color-panel-head{width:100%;height:50px;z-index:1;} .color-panel-content{margin-left:0;padding: 30px;} } @media(max-width:767px){ .color-panel-content{flex-direction:column;gap:30px;} .color-panel-content .dtls{font-size:26px;text-align:center} } .hp-slider-container { display: flex; width: 100%;background-color :#f2f2f2;} .hp-comparison-slider { position: relative; width: 100%; height: 900px; overflow: hidden; user-select: none; cursor: none;touch-action: pan-y;} .hp-image-container { position: relative; width: 100%; height: 100%;} .hp-comparison-slider img {user-select: none; max-height: 85%; transform: none; } .hp-before-container { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 80px); display: flex; justify-content: center; align-items: center; clip-path: inset(0 0 0 50%); z-index: 1; } .hp-after-container { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 80px); display: flex; justify-content: center; align-items: center; clip-path: inset(0 50% 0 0); z-index: 2; } .hp-slider-handle { position: absolute; top: 0; left: 50%; width: 2px; height: 100%; background: #2F4758; z-index: 10; transition: left 0.3s ease; cursor: default; } .hp-slider-handle::before { content: ''; position: absolute; bottom: 31px; left: 50%; transform: translateX(-50%); width: 70px; height: 70px; background-image: url(https://invokbrands.wpengine.com//wp-content/uploads/2026/01/slider_icon.png); background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 50%; } .hp-slider-bar { position: absolute; bottom: 65px; left: 50%; transform: translateX(-50%); width: 100%; height: 4px; background: white; cursor: pointer; } .hp-comparison-slider.hp-dragging { cursor: ew-resize !important; } .hp-comparison-slider.hp-show-default-cursor { cursor: default !important; } @media (max-width: 980px) { .hp-comparison-slider {height: 500px;} .custom-cursor {display: none;} .hp-slider-handle::before {width: 50px; height: 50px;bottom:42px;} } @media(max-width:767px){ .hp-slider-container { flex-direction: column; gap: 10px;} .hp-comparison-slider { height: 350px;} } .hp-image-slider-wrap{ margin: 0; display: flex; height: 970px; } .hp-image-slider { width: 50%; height: 100%; overflow: hidden; position: relative; } .hp-image-slider-content { animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; } .hp-image-slider:hover .hp-image-slider-content { animation-play-state: paused; } .right .hp-image-slider-content { animation-name: scrollDown; } .left .hp-image-slider-content { animation-name: scrollUp; } .hp-image-slider .item img { width: 100%;display:block} @keyframes scrollDown { from { transform: translateY(-50%); } to { transform: translateY(0%); } } @keyframes scrollUp { from { transform: translateY(0%); } to { transform: translateY(-50%); } } .hp-mobile-marquee .owl-stage {transition-timing-function: linear !important;} .hp-mobile-marquee .item img{max-height:300px} @media(min-width:768px){ .hp-mobile-marquee{display:none !important;} } @media(max-width:767px){ .hp-image-slider-wrap{display:none;} } .hp-expand-gallery{display:flex;height:720px;} .hp-expand-gallery .img-item{flex:1;overflow:hidden;transition:all 0.6s ease;position:relative;background-color:#f2f2f2} .hp-expand-gallery .img-item img{width:100%;height:100%;object-fit:cover;object-position: 9%;transition:transform 0.6s ease;} .hp-expand-gallery .img-item.active:hover img{transform:scale(1);} .hp-expand-gallery .img-item.active{flex:4;} .hp-expand-gallery.active .img-item{opacity:0.5;} .hp-expand-gallery.active .img-item img{filter: blur(3px);} .hp-expand-gallery .img-item.active{opacity:1;} .hp-expand-gallery .img-item.active img{filter: blur(0px);object-position:center} @media(min-width:981px){ .hp-expand-gallery-slider{display:none !important;} .hp-expand-gallery .img-item.active{flex:8;} .hp-expand-gallery .img-item.active img{object-fit:contain} } @media(min-width:1200px){ .hp-expand-gallery{height:540px} .hp-expand-gallery .img-item.active{flex:4;} } @media(min-width:1600px){ .hp-expand-gallery{height:600px} .hp-expand-gallery .img-item.active img{object-fit:cover} } @media(min-width:1700px){ .hp-expand-gallery{height:720px} } @media(max-width:980px){ .hp-expand-gallery{display:none;} } /** Expertise page **/ .split-text-banner{position: relative;width: 100%;height: 48vw;} #split-text-video {width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s ease;} .split-text-wrap {position: absolute; bottom: 0; left: 0; width: 100%; height: 21vw; background: white; transform: translateY(100%); opacity: 0; transition: transform 0.8s ease, opacity 0.8s ease; display: flex; align-items: center; justify-content: center;border-radius:0 120px 0 0} .split-text-wrap.show {transform: translateY(0); opacity: 1;} #split-text-video.move-up {transform: translateY(-10%);} .split-text-wrap .inner{width: 94%; max-width: 1555px;} .split-text-anim {font-size: 35px; line-height: 1.4em;font-weight:700;text-align: center;padding-bottom:0} .split-text-anim .line { display: block; overflow: hidden;} .split-text-anim .line-inner { display: block; opacity: 0; transform: translateY(100px);} .expertise-accordion{width:100%;margin:auto;} .expertise-item{position:relative;padding:0;cursor:pointer;width:100%;min-height:300px;margin-bottom:15px;} .expertise-accordion .expertise-item:nth-child(odd){border-radius:90px 0 90px 0;} .expertise-accordion .expertise-item:nth-child(even){border-radius:0 90px 0 90px;} .expertise-item-inner{max-width:1300px;margin:0 auto;padding:60px 10px 40px 220px;position:relative;} .expertise-icon{position:absolute;left:10px;top:74px;width:150px;height:150px;} .expertise-icon img{width:150px;height:150px;display:block;} .expertise-icon video{width:150px;height:150px;display:none;} .expertise-item:hover .expertise-icon img{display:none;} .expertise-item.active .expertise-icon img{display:none;} .expertise-item:hover .expertise-icon video{display:block;} .expertise-item.active .expertise-icon video{display:block;} .expertise-header{position:relative;} .expertise-header h3{font-size:45px;font-weight:700;color:#12303F;padding-bottom: 15px;} .expertise-header p{color:#2F4858;font-size:34px;font-weight: 500;line-height: 1.4em;} .expertise-plus{font-size:55px;color:#2c4b57;transition:.3s;font-weight: 200;line-height: 55px;margin: 6px 0;display: inline-block;} .expertise-content{display:none;/*! padding-top:25px; */color:#2F4858;font-size: 24px;line-height: 1.4em;} .expertise-item:hover, .expertise-item.active{background-color:#f1f1f0;} @media(max-width:1199px){ .split-text-banner{height:auto;} #split-text-video.move-up {transform: translateY(-10%);} .split-text-wrap {position: relative;margin-top: -150px;padding: 60px 0px;border-radius: 0 90px 0 0;height:auto} .split-text-anim{font-size:30px;} } @media(max-width:767px){ .split-text-wrap {transform: translateY(0) !important;opacity: 1 !important;transition: none !important;animation: none !important;margin-top: -45px;padding: 50px 0px;border-radius: 0 30px 0 0;} .split-text-wrap.show {transition: none !important;animation: none !important;} #split-text-video.move-up {transform: translateY(0);} .split-text-anim{font-size:24px;} .expertise-accordion .expertise-item:nth-child(odd){border-radius:30px 0 30px 0;} .expertise-accordion .expertise-item:nth-child(even){border-radius:0 30px 0 30px;} .expertise-item-inner{padding:30px 10px;} .expertise-icon{position:static;margin-bottom:10px;} .expertise-header h3{font-size:32px;} .expertise-header p{font-size:26px;} .expertise-plus{font-size: 40px;line-height: 40px;} .expertise-content{font-size:20px;line-height: 1.5em;} } @media(min-width:1500px){ .split-text-anim{font-size:45px;} } @media(min-width:1700px){ .split-text-anim{font-size:53px;} } /** Industry page **/ .industry-wrap{ display:flex; flex-direction:column; gap:30px; } .industry-row{ display:flex; gap:30px; overflow:hidden; } .industry-row:nth-child(odd){ border-radius:120px 0; } .industry-row:nth-child(even){ border-radius:0 120px; } .industry-col{ flex:3; overflow:hidden; position:relative; } .industry-col.image{ position:relative;flex: 5;} .industry-col.image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; } .industry-col.content{background: #2F4858;background: linear-gradient(90deg,rgba(47, 72, 88, 1) 0%, rgba(27, 38, 49, 1) 100%); color:#fff; padding:250px 60px 60px 75px; display:flex; align-items:flex-end; } .industry-col h2{ font-size:50px; font-weight:700; color: #F2F2F2;padding-bottom: 25px;} .industry-col p{ font-size:32px; font-weight:500; max-width:600px; color:#F2F2F2; line-height: 1.3em;} .industry-hidden-content{ max-height:0; overflow:hidden; transition:max-height 1s ease; margin-top:20px; } .industry-hidden-content.expanded{ max-height:1000px; } .industry-hidden-content p{ margin-top:15px; font-size:26px; opacity:.8; } .industry-hidden-content .btn-group{ display:flex; gap:50px; margin-top:40px; } .industry-hidden-content .btn-group a{ font-size:26px;color:#fff;display:inline-block; font-weight: 600;position: relative;padding-right: 40px;} .industry-hidden-content .btn-group a:after{position:absolute;content: attr(data-icon);font-family: ETmodules;font-weight: 400;line-height: 1.38em;right: 8px;transition:.3s;} .industry-hidden-content .btn-group a:hover{text-decoration:underline} .industry-hidden-content .btn-group a:hover:after{right:0;} @media(max-width:767px){ .industry-row:nth-child(odd){ border-radius:30px 0; } .industry-row:nth-child(even){ border-radius:0 30px; } .industry-row{flex-wrap: wrap;flex-direction:column;gap: 20px;} .industry-row:nth-child(2n+1){flex-direction: column-reverse;} .industry-col.content{padding: 40px 3%;} .industry-col h2{font-size: 30px;padding-bottom: 15px;} .industry-col p{font-size:22px;} .industry-hidden-content p{font-size:20px;} .industry-col.image{padding:150px 0} .industry-hidden-content .btn-group{margin-top:20px;} .industry-hidden-content .btn-group a{font-size:20px;line-height:1.4em} } @media(min-width:768px){ .industry-row:nth-child(odd){ border-radius:80px 0; } .industry-row:nth-child(even){ border-radius:0 80px; } .industry-col{flex:1} .industry-col.image{flex:1} .industry-col.content{padding:120px 30px 50px 30px} .industry-col h2 {font-size: 32px;} .industry-col p {font-size: 24px;} .industry-hidden-content p {font-size: 20px;} } @media(min-width:981px){ .industry-wrap.custom-cursor-section{cursor:default} .industry-wrap .custom-cursor{opacity:0 !important} .industry-wrap.active .custom-cursor{opacity:1 !important;} .industry-wrap.active{cursor:none} } @media(min-width:1024px){ .industry-col.content{padding:150px 30px 50px 30px} } @media(min-width:1200px){ .industry-col.content{padding:200px 60px 60px 75px} .industry-col h2 {font-size: 40px;} .industry-col p {font-size: 26px;} .industry-hidden-content p {font-size: 22px;} } @media(min-width:1400px){ .industry-col.content{padding:220px 60px 60px 75px} } @media(min-width:1600px){ .industry-row:nth-child(odd){ border-radius:120px 0; } .industry-row:nth-child(even){ border-radius:0 120px; } .industry-col{flex:3} .industry-col.image{flex:5} .industry-col.content{padding:250px 60px 60px 75px} .industry-col h2 {font-size: 50px;} .industry-col p {font-size: 32px;} .industry-hidden-content p {font-size: 26px;} } /** Insight page **/ .featured-insight-slide .img-con{width:100%;height:33vw;overflow:hidden} .featured-insight-slide .img-con img{width:100%;height:100%;object-fit:cover} .featured-insight-slide .dtls{background-color:#fff;text-align: center;padding: 60px 5%;border-radius: 0 120px 0 0;margin-top: -115px;position: relative;} .featured-insight-slide p{font-size: 34px;color: #0C4A63;font-weight: 300;letter-spacing: .6px;text-transform:lowercase;} .featured-insight-slide h2{font-size: 70px;font-weight: 700;color: #0C4A63;text-transform:none;max-width: 1000px;margin: 20px auto 30px;line-height: 1.15em;} .featured-insight-slide .more{display: inline-block;position: relative;font-size: 20px;line-height: .9em;color: #0C4A63;font-weight: 300;letter-spacing: .6px;} .featured-insight-slide .more:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#0C4A63;transition:.3s;} .featured-insight-slide .more:hover:after{width:0;} .featured-insight-slider.owl-theme .owl-nav{margin-top:0} .featured-insight-slider.owl-theme .owl-nav [class*="owl-"]{position: absolute;right: 13%;bottom: 180px;width: 66px;height: 66px;background-image: url(/wp-content/uploads/2026/04/green_arrow.png);background-size: auto;background-repeat: no-repeat;background-position: center;font-size: 0;border: 1px solid #0C4A63;border-radius: 50%;margin: 0;} .featured-insight-slider.owl-theme .owl-nav button.owl-prev{left:13%;right:auto;transform: scaleX(-1);} .featured-insight-slider.owl-theme .owl-nav [class*="owl-"]:hover{background-color: #0c4a633d;} .filter-dropdown {position: relative;display: inline-block;z-index:10;} .filter-head { display: flex; align-items: center; gap: 30px; cursor: pointer;font-size: 32px;letter-spacing: .8px;padding-bottom: 15px;border-bottom: 1px solid #2F4858;} .filter-head .label{width: 325px;font-weight: 700;} .filter-head .arrow{font-size: 47px;font-weight: 300;} .filter-head .value { color: #00b3a7; width: 325px;padding-left: 20px;font-size: 28px;text-transform:lowercase} .filter-list { position: absolute; top: 100%; right: 0; width: 325px; background: rgba(255,255,255,0.9); padding: 10px 0 !important; margin: 0 !important; list-style: none !important; display: none; box-shadow: 0 10px 20px rgba(0,0,0,0.08); border-radius: 0 0 30px 0;} .filter-list li { padding: 10px 20px; cursor: pointer; transition: 0.2s; font-size: 28px;text-transform: lowercase;} .filter-list li:hover { color: #00b3a7; } .filter-list li.active { color: #00b3a7; font-weight: 600; } .insight .filter-head .value, .insight .filter-list{width:345px} .insight-list{display: flex;flex-wrap: wrap;gap: 80px 30px;margin-top:75px} .insight-list .insight-blurb{width: calc(33.33% - 20px);} .insight-blurb .img-con{width: 100%;height: 520px;overflow: hidden;position: relative;} .insight-blurb .img-con:before{position: absolute;width: 100%;height: 100%;left: 0;top: 0;content:"";background-color:#2F4858;mix-blend-mode: multiply;opacity: 0;visibility: hidden;transition: .3s;} .insight-blurb .img-con img{width: 100%;height: 100%;object-fit: cover;} .insight-blurb .overlay-text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;flex-direction: column;gap: 30px;padding: 40px;font-size: 43px;font-weight: 300;line-height: 1.1em;color: #fff;justify-content: center;align-items: center;text-align:center;opacity: 0;visibility: hidden;transition: .3s;} .insight-blurb .dtls{padding: 30px 0;} .insight-blurb .dtls p{font-size: 21px;font-weight: 300;color: #0C4A63;letter-spacing: .5px;margin-bottom: 10px;} .insight-blurb .dtls h3{font-size: 53px;font-weight: 700;color: #0C4A63;padding-bottom:0} .insight-blurb:hover .img-con:before, .insight-blurb:hover .overlay-text{opacity:1;visibility:visible} .insight-list .insight-blurb:nth-child(3n+1) .img-con{border-radius:0 0 0 90px} .insight-list .insight-blurb:nth-child(3n) .img-con{border-radius:0 90px 0 0} .show-more-con{text-align: center;margin-top: 60px;} .show-more-post{display: inline-block;font-size: 43px;font-weight: 500;color: #2F4858;position: relative;padding-right: 50px;transition:.3s;} .show-more-post span{position:absolute;font-size:50px;font-weight:400;top:50%;right:0;transform:translatey(-50%)} .show-more-post:hover{color:#0C4A63} @media(max-width: 1600px){ .featured-insight-slide h2{max-width: calc(100% - 185px)} .featured-insight-slider.owl-theme .owl-nav button.owl-prev{left: 25px;} .featured-insight-slider.owl-theme .owl-nav [class*="owl-"]{right: 25px} .featured-insight-slide h2{font-size: 64px;} .featured-insight-slide p{font-size:30px} .insight-blurb .img-con{height:480px} .insight-blurb .dtls h3{font-size: 40px;} .insight-blurb .overlay-text{font-size: 32px;} } @media(max-width: 1400px){ .featured-insight-slide h2{font-size: 58px;} .featured-insight-slide p{font-size:28px} } @media(max-width: 1200px){ .featured-insight-slide h2{font-size: 50px;} .featured-insight-slide p{font-size:24px} .insight-blurb .img-con{height:400px} .insight-blurb .overlay-text{font-size: 28px;} .insight-blurb .dtls h3 {font-size: 36px;} } @media(max-width: 980px){ .featured-insight-slide h2{font-size: 40px;} .insight-blurb .overlay-text {font-size: 24px;} .filter-head{font-size: 28px;}.filter-list li{font-size: 25px;} .insight-blurb .dtls h3{font-size: 30px;} .show-more-post{font-size: 25px;} .featured-insight-slide .more{font-size: 20px;} } @media(max-width:767px){ .filter-dropdown{width:100%;max-width:395px} .filter-head{font-size:26px;padding-bottom:10px;gap:20px;} .filter-head.selected .label{display:none} .filter-head .value{padding-left:0;font-size:24px;} .filter-list li{font-size:24px;} .featured-insight-slide .img-con{height:300px;} .featured-insight-slide .dtls{padding: 40px 3%;border-radius: 0 30px 0 0;margin-top: -50px;} .featured-insight-slide p{font-size:20px;} .featured-insight-slide h2 {font-size: 32px;line-height:1.3em;margin:10px auto; max-width:100%;} .featured-insight-slide .more{font-size:18px;} .featured-insight-slider.owl-theme .owl-nav {display: flex;justify-content: center;gap: 30px;} .featured-insight-slider.owl-theme .owl-nav [class*="owl-"] {position: static;width: 50px;height: 50px;background-size: 21px;} .insight-list{margin-top:40px;gap:30px;} .insight-list .insight-blurb{width:100%;} .insight-blurb .img-con{height:320px;border-radius:0 !important} .insight-blurb .dtls {padding: 20px 0;} .insight-blurb .dtls p{font-size:18px;} .insight-blurb .dtls h3{font-size:30px;} .show-more-con{margin-top:30px;} .show-more-post{font-size:26px;padding-right:40px;} .show-more-post span{font-size:40px;} } /** Insight inside page **/ .single-post.et-db #et-boc .et-l .et_pb_row .et_builder_inner_content .et_pb_row{width:100%;} .article-img{width: 100%;overflow: hidden;} .article-img img{width:100%;height:100%;object-fit:cover} .related-insight-slider .insight-blurb .dtls{padding:30px 0 0} .related-insight-slider .owl-stage .owl-item:first-child .img-con{border-radius: 0 0 0 90px;overflow:hidden} .related-insight-slider .owl-stage .owl-item:last-child .img-con{border-radius: 0 90px 0 0;overflow:hidden} .single-post .et_builder_inner_content ul li{line-height: 1.5em;margin-bottom: 10px;} .single-post .et_builder_inner_content ul li:last-child{margin-bottom:0} #ins-thumb{margin-top:20px;} #ins-thumb.owl-carousel .owl-stage{margin:0 auto} #ins-main.owl-theme .owl-nav{margin-top:0} #ins-main.owl-theme .owl-nav [class*="owl-"]{position: absolute;right: -80px;top: 50%;width: 66px;height: 66px;background-image: url(/wp-content/uploads/2026/04/green_arrow.png);background-size: auto;background-repeat: no-repeat;background-position: center;font-size: 0;border: 1px solid #0C4A63;border-radius: 50%;margin: 0;transform: translateY(-50%);} #ins-main.owl-theme .owl-nav button.owl-prev{left:-80px;right:auto;transform: scaleX(-1);} #ins-main.owl-theme .owl-nav [class*="owl-"]:hover{background-color: #0c4a633d;} img.alignleft {margin-bottom: 40px; margin-right: 40px;} img.alignright {margin-bottom: 40px; margin-left: 40px;} .social-share{text-align:center} .social-share a{font-family: 'ETmodules';font-size: 40px;color:#d2d2d2;display: inline-block;margin-right: 40px;} .social-share a:last-child{margin-right:0} .social-share a:hover{color:#70c9b7} /* @media(min-width:1400px){ .single-post .article-title h1{font-size:70px !important} } @media(min-width:1600px){ .single-post .article-title h1{font-size:85px !important} } @media(min-width:1800px){ .single-post .article-title h1{font-size:95px !important;line-height:1em} } */ @media(max-width:1399px){ #ins-main.owl-theme .owl-nav{display: flex;justify-content: center;gap: 30px;margin-top: 20px;} #ins-main.owl-theme .owl-nav [class*="owl-"]{position:static !important;transform: none !important;} #ins-main.owl-theme .owl-nav button.owl-prev{transform: scaleX(-1) !important;} } @media(max-width:767px){ .article-img{height:300px;} img.alignleft, img.alignright{display:table;float:none;margin:15px auto} #ins-main.owl-theme .owl-nav [class*="owl-"]{width: 40px;height: 40px;background-size: 20px;} .social-share a{font-size: 30px;margin-right: 25px;} } /** Work page **/ .work-list { display: flex; flex-wrap: wrap; gap: 30px; margin-top:60px; } .work-each{position:relative;overflow:hidden} /* ===== 40% items (1st & 7th) ===== */ .work-each:nth-child(7n + 1), .work-each:nth-child(7n + 7) { flex: 0 0 calc((100% - 30px) * 0.4); } .work-each:nth-child(7n + 1){border-radius:80px 0 0 0} .work-each:nth-child(7n + 7){border-radius:0 0 80px 0} /* ===== 60% items (2nd & 6th) ===== */ .work-each:nth-child(7n + 2), .work-each:nth-child(7n + 6) { flex: 0 0 calc((100% - 30px) * 0.6); } .work-each:nth-child(7n + 2){border-radius:0 0 80px 0} .work-each:nth-child(7n + 6){border-radius:80px 0 0 0} /* ===== 3 column middle (3rd, 4th, 5th) ===== */ .work-each:nth-child(7n + 3), .work-each:nth-child(7n + 4), .work-each:nth-child(7n + 5) { flex: 0 0 calc((100% - 60px) / 3); } .work-each:nth-child(7n + 3){border-radius:0 0 0 80px} .work-each:nth-child(7n + 5){border-radius:0 80px 0 0} .work-each .img-con{width: 100%;height: 540px;overflow: hidden;} .work-each .img-con img{width: 100%;height: 100%;object-fit: cover;transform: scale(1.06);transition: .3s;} .work-each .img-con:hover img{transform: scale(1);} .work-each .title{position: absolute;left: 0;bottom: 0;background: transparent linear-gradient(70deg, #0C4A63 0%, #020F14 100%) 0% 0% no-repeat padding-box;padding: 20px 50px;opacity: 0;visibility: hidden;transition: .4s;pointer-events:none;border-radius: 0 30px 0 0;} .work-each:hover .title{opacity:1;visibility:visible} .work-each .title h4{font-size: 26px;font-weight: 500;color: rgb(242, 242, 242);padding-bottom:0} .filter-actions{display: flex;flex-wrap: wrap;margin-top: 40px;position: relative;} .filter-actions ul{width: 100%;display: flex;justify-content: space-between;list-style: none;margin: 0;padding: 0;} .filter-actions ul li a{font-size: 32px;position: relative;color: #2F4858;letter-spacing: 1px;} .filter-actions ul li a.disabled{opacity:.1;pointer-events:none;} .filter-actions .prev-link{padding-left:50px} .filter-actions .prev-link:before{position:absolute;content:"#";font-family: ETmodules !important;font-weight: 400 !important;left: 5px;font-size: 35px;top: 50%;transform: translateY(-50%);transition:.3s;} .filter-actions .prev-link:hover:before{left:0} .filter-actions .next-link{padding-right:50px;} .filter-actions .next-link:before{position:absolute;content:"$";font-family: ETmodules !important;font-weight: 400 !important;right: 5px;font-size: 35px;top: 50%;transform: translateY(-50%);transition:.3s;} .filter-actions .next-link:hover:before{right:0} .filter-actions .count{position: absolute;left: 50%;top: -4px;transform: translateX(-50%);font-size: 32px;} @media(max-width:1399px){ .work-each .title h4{font-size: 24px;} .work-each .title{padding:15px 40px;} } @media(max-width:980px){ .work-list{margin-top: 40px;} .work-list .work-each{flex:0 0 100%} .work-each:nth-child(7n+1) {border-radius: 30px 0;} .work-each:nth-child(7n+2) {border-radius: 0 30px;} .work-each:nth-child(7n+3) {border-radius: 30px 0;} .work-each:nth-child(7n+4), .work-each:nth-child(7n+6){border-radius: 0 30px;} .work-each:nth-child(7n+5), .work-each:nth-child(7n+7) {border-radius: 30px 0;} .work-each .img-con{height:500px;} .work-each .title{padding:15px 30px;text-align:center;opacity:1;visibility:visible} .work-each .title h4{font-size: 22px;} } @media(max-width:767px){ .work-each .img-con{height:320px;} .work-each .title{padding:10px 20px;} .work-each .title h4{font-size: 20px;} .filter-actions .count{font-size:24px} .filter-actions ul li a {font-size: 20px;} .filter-actions .prev-link {padding-left: 34px;} .filter-actions .next-link {padding-right: 34px;} .filter-actions .prev-link:before, .filter-actions .next-link:before{font-size:26px} } @media(min-width:981px){ .work-each .img-con{height:300px;} } @media(min-width:1200px){ .work-each .img-con{height:360px;} } @media(min-width:1600px){ .work-each .img-con{height:540px;} } /** Contact page **/ .nutshell-form .title{margin-bottom:30px;} .nutshell-form .title h2{font-size: 38px;font-weight: 700;} .zoomimg img{transform: scale(1.06);transition:.3s;} .zoomimg.zoomed img{transform: scale(1)} .nutshell-form #form-fields-container{max-width:100%;display: flex;flex-wrap: wrap;gap: 0 36px;} .nutshell-form #form-fields-container > :not(:last-child):not(.hidden-field){margin-bottom:36px;} .nutshell-form #form-fields-container label{display:none;} .nutshell-form #form-fields-container input[type]:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .nutshell-form #form-fields-container .css-1p8dlmv-control, .nutshell-form #form-fields-container .css-15p1t55.css-15p1t55{border: 1px solid #2F4858;height: 70px;padding: 10px 30px;font-size: 20px;color: #2F4858;background-color: transparent;} .nutshell-form #form-fields-container .css-15p1t55.css-15p1t55{height:420px;border-radius:0 44px 0 44px;padding:24px 30px} .nutshell-form #form-fields-container .css-1vvi1qu-control{padding:0 20px 0 0;border-radius:0 0 30px 0 !important} .nutshell-form #form-fields-container .css-1p8dlmv-control{padding:0 20px 0 0;border-radius:0 0 30px 0} .nutshell-form #form-fields-container .css-15pp9oa{padding:0 30px} .nutshell-form #form-fields-container .css-7f13su svg {height: 50px;color: #2f4858;} .nutshell-form #form-fields-container .css-508jeu-placeholder, .nutshell-form #form-fields-container .css-mc4zu4-singleValue{font-size: 20px;color: #2F4858;opacity:1} .nutshell-form #form-fields-container input[type]:focus, .nutshell-form .css-29pv05.css-29pv05 textarea:focus{outline:0} .nutshell-form #form-fields-container .css-1ub0j67{width:100%} .nutshell-form #form-fields-container .css-1ub0j67:first-child, .nutshell-form #form-fields-container .css-1ub0j67:nth-child(2), .nutshell-form #form-fields-container .css-1ub0j67:nth-child(3), .nutshell-form #form-fields-container .css-1ub0j67:nth-child(4){width:calc(50% - 18px)} .nutshell-form #form-fields-container .css-1ub0j67:first-child input{border-radius:0 0 0 32px} .nutshell-form #form-fields-container .css-1ub0j67:nth-child(2) input{border-radius:0 32px 0 0} .nutshell-form #form-fields-container .css-1ub0j67:nth-child(3) input{border-radius:32px 0 0 0} .nutshell-form #form-fields-container .css-1ub0j67:nth-child(4) input{border-radius:0 0 32px 0} .nutshell-form #form-fields-container > div:not([class]) {display:none;} .nutshell-form #form-fields-container .css-1ub0j67 input[type="submit"]{background: transparent linear-gradient(75deg, #0C4A63 0%, #12303F 100%) 0% 0% no-repeat padding-box;border: 1px solid #2F4858;border-radius: 28px 0px 25px 0px;font-size: 23px;font-weight: 500;color: #00CCBA;padding: 22px 88px;} .nutshell-form #form-fields-container .css-1ub0j67 input[type="submit"]:hover{background: transparent linear-gradient(75deg, #12303F 0%, #0C4A63 100%) 0% 0% no-repeat padding-box;} /* Modern browsers */ .nutshell-form #form-fields-container input::placeholder, .nutshell-form #form-fields-container textarea::placeholder { color: #2F4858; opacity: 1; } /* Chrome, Safari, Edge (older WebKit) */ .nutshell-form #form-fields-container input::-webkit-input-placeholder, .nutshell-form #form-fields-container textarea::-webkit-input-placeholder { color: #2F4858; opacity: 1; } /* Firefox 19+ */ .nutshell-form #form-fields-container input::-moz-placeholder, .nutshell-form #form-fields-container textarea::-moz-placeholder { color: #2F4858; opacity: 1; } /* Firefox 4–18 */ .nutshell-form #form-fields-container input:-moz-placeholder, .nutshell-form #form-fields-container textarea:-moz-placeholder { color: #2F4858; opacity: 1; } /* Internet Explorer 10–11 */ .nutshell-form #form-fields-container input:-ms-input-placeholder, .nutshell-form #form-fields-container textarea:-ms-input-placeholder { color: #2F4858; opacity: 1; } @media(max-width:767px){ .nutshell-form .title {margin-bottom: 10px;} .nutshell-form .title h2{font-size:26px;} } /** Holburne Mushroom **/ .mushroom-one, .mushroom-two { position: absolute; z-index: 2; } .mushroom-one { top: 5px; right: 34%; width: 7vw;} .mushroom-two { top: 40px; right: 24%; width: 7vw; } /** Connect band **/ .connect-band{width:100% !important;margin:0 !important;padding: 100px 10% 100px 0;} .connect-band a{display:flex;flex-wrap:wrap;align-items:center;cursor:none;} .connect-band h2{font-weight: 700;font-size: 45px;letter-spacing: 1px;position: relative;width: 32%;padding-right: 50px;} .connect-band h2:after{position: absolute;content: "";left: 0;bottom: -12px;width: 182px;height: 10px;background: transparent linear-gradient(90deg,#00CCBA 0%,#079D90 100%) 0% 0% no-repeat padding-box;} .connect-band p{font-size:28px;color:#2F4858;width: 68%;} @media(max-width:1023px){ .connect-band h2, .connect-band p{width: 100%;} .connect-band h2{padding-right: 0;margin-bottom: 15px;} .connect-band h2::after{bottom:0;height:5px} } @media(max-width:767px){ .connect-band{padding:50px 0} .connect-band h2{width: 100%;font-size: 32px;} .connect-band p {font-size: 22px;width: 100%;line-height: 1.4em;} } /** Popup form style **/ .white-popup {position: relative;background: #F2F2F2;padding: 50px 60px;width: auto;margin: 20px auto;max-width: 1300px;border-radius: 36px 0 36px 0;} .white-popup button.mfp-close{color:#000;opacity:1} .white-popup .title{text-align: center;margin-bottom: 30px;} .white-popup .title h2{font-size: 45px;font-weight: 700;letter-spacing: 1px;} .white-popup .title p{font-size: 24px;letter-spacing: 1px;max-width: 1000px;margin: 0 auto;} .white-popup .nutshell-form #form-fields-container .css-15p1t55.css-15p1t55{height:180px;} .nutshell-form form #form-fields-container .css-bh3upc.css-bh3upc{display:none;} .nutshell-form form #form-fields-container .css-170mo9y.css-170mo9y{font-size:24px;color:#2F4858;letter-spacing:1px} @media(max-width:767px){ .white-popup{padding:40px 20px} .white-popup .title h2 {font-size: 30px;} .white-popup .title p {font-size: 20px;line-height:1.4em} .nutshell-form #form-fields-container .css-1ub0j67:first-child, .nutshell-form #form-fields-container .css-1ub0j67:nth-child(2), .nutshell-form #form-fields-container .css-1ub0j67:nth-child(3), .nutshell-form #form-fields-container .css-1ub0j67:nth-child(4){width:100%} .nutshell-form #form-fields-container > :not(:last-child):not(.hidden-field){margin-bottom:20px;} .nutshell-form #form-fields-container input[type]:not([type="radio"]):not([type="checkbox"]):not([type="submit"]), .nutshell-form #form-fields-container .css-1p8dlmv-control, .nutshell-form #form-fields-container .css-15p1t55.css-15p1t55{height: 50px;padding: 10px 12px;font-size: 18px;} .nutshell-form #form-fields-container .css-15p1t55.css-15p1t55{height:120px} .nutshell-form #form-fields-container .css-1ub0j67:first-child input{border-radius:0 16px 0 16px;} .nutshell-form #form-fields-container .css-1ub0j67:nth-child(2) input{border-radius:16px 0;} .nutshell-form #form-fields-container .css-1ub0j67:nth-child(3) input{border-radius:0 16px;} .nutshell-form #form-fields-container .css-15p1t55.css-15p1t55{border-radius:0 16px} .nutshell-form #form-fields-container .css-15p1t55.css-15p1t55{padding:12px;} .nutshell-form #form-fields-container .css-1p8dlmv-control {padding: 0 20px 0 0;border-radius: 16px 0;} .nutshell-form #form-fields-container .css-15pp9oa {padding: 0 12px;} .nutshell-form form #form-fields-container .css-170mo9y.css-170mo9y{font-size:18px;} .nutshell-form #form-fields-container .css-1ub0j67 input[type="submit"]{font-size:20px;padding:12px 60px;} } /** About page **/ .seven-tenets{display: flex;flex-wrap: wrap;gap: 40px;align-items:center} .tenets-point{width: calc(35% - 20px);padding: 50px 0 50px 8%;} .tenets-grid{width: calc(65% - 20px);display: flex;flex-wrap: wrap;gap: 15px;} @media (max-width: 768px) { .seven-tenets{flex-direction: column;gap: 20px;} .tenets-point{width: 100%;padding: 20px;} .tenets-grid{width: 100%;} .tenets-grid .owl-carousel .owl-item{padding: 0 7px;} } .tenets-point ul {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 50px;} .tenets-point li {font-size: 25px;color: #093547;font-weight:500;display: flex;gap: 20px;line-height: 1.3em;align-items: center;max-width:385px;cursor:pointer;transition:.5s;} .tenets-point span {font-size: 61px;font-weight: 300;color: #093547;line-height:1em;transition:.5s} .tenets-card{position:relative;} .tenets-card .title{display: none;font-size: 20px;color: #093547;font-weight: 500;gap: 15px;line-height: 1.3em;align-items: center;max-width: 385px;cursor: pointer;padding: 15px;} .tenets-card .title span{font-size:30px;} .tenets-card .img-con{position:relative;height:100%;height:456px;overflow:hidden} .tenets-card .img-con img{width:100%;height:100%;object-fit:cover;transition:.4s;} .tenets-card .img-con .badge{position: absolute;right: 12px;top: 0;height: 48px;width: 48px;background-color: rgba(242, 242, 242, .53);text-align: center;font-size: 27px;font-weight: 700;color: #093547;line-height: 48px;z-index:1} .tenets-point li.active, .tenets-point li.active span{font-weight:700;} .tenets-card.active .img-con img{transform:scale(1.2)} .tenets-grid.owl-theme .owl-nav{display: flex;justify-content: center;gap: 30px;margin:10px 0} .tenets-grid.owl-theme .owl-nav [class*="owl-"]{width: 50px;height: 50px;background-image: url(/wp-content/uploads/2026/04/green_arrow.png);background-size: 21px;background-repeat: no-repeat;background-position: center;font-size: 0;border: 1px solid #0C4A63;border-radius: 50%;margin: 0;} .tenets-grid.owl-theme .owl-nav button.owl-prev{left:13%;right:auto;transform: scaleX(-1);} .tenets-grid.owl-theme .owl-nav [class*="owl-"]:hover{background-color: #0c4a633d;} @media(min-width:1200px){ .tenets-point {padding: 50px 0 50px 5%;} .tenets-point li{font-size:22px;} .tenets-card .img-con{height:340px} .c1, .c2, .c3 {flex: 0 0 calc(33.33% - 12px);} .c4, .c5, .c6, .c7{flex: 0 0 calc(50% - 12px);} } @media(min-width:1600px){ .tenets-point {padding: 50px 0 50px 8%;} .tenets-point li{font-size:24px;} .tenets-card .img-con{height:400px} .c1, .c2, .c3 {flex: 0 0 calc(20% - 12px);} .c4 {flex: 0 0 calc(40% - 12px);} .c5 {flex: 0 0 calc(30% - 10px);} .c6 {flex: 0 0 calc(30% - 10px);} .c7 {flex: 0 0 calc(40% - 10px);} } @media(min-width:1800px){ .tenets-card .img-con{height:456px} } @media (max-width: 1199px) { .seven-tenets{flex-direction: column;gap: 20px;} .tenets-point{display:none} .tenets-grid{width: 100%;} .tenets-grid .owl-carousel .owl-item{padding: 0 7px;} .tenets-card .title{display:flex;min-height:82px;} .tenets-card .img-con .badge{display:none} } .full-width-slide .img-con{width:100%;overflow:hidden} .full-width-slide .img-con img{width:100%;height:100%;object-fit:cover} .full-width-slide .dtls{background-color:#fff;text-align: center;padding: 60px 5%;border-radius: 0 120px 0 0;margin-top: -115px;position: relative;} .full-width-slide h3{font-size: 36px;font-weight: 700;color: #0C4A63;text-transform:none;max-width: 700px;margin: 0 auto 15px;line-height: 1.4em;} .full-width-slide .more{display: inline-block;position: relative;font-size: 34px;line-height: .9em;color: #0C4A63;font-weight: 300;letter-spacing: .6px;} .full-width-slide .more:after{position:absolute;content:"";left:0;bottom:0;width:100%;height:1px;background-color:#0C4A63;transition:.3s;} .full-width-slide .more:hover:after{width:0;} .full-width-slider.owl-theme .owl-nav{margin-top:0} .full-width-slider.owl-theme .owl-nav [class*="owl-"]{position: absolute;right: 15%;bottom: 120px;width: 66px;height: 66px;background-image: url(/wp-content/uploads/2026/04/green_arrow.png);background-size: auto;background-repeat: no-repeat;background-position: center;font-size: 0;border: 1px solid #0C4A63;border-radius: 50%;margin: 0;z-index: 2;} .full-width-slider.owl-theme .owl-nav button.owl-prev{left:15%;right:auto;transform: scaleX(-1);} .full-width-slider.owl-theme .owl-nav [class*="owl-"]:hover{background-color: #0c4a633d;} .about-images .owl-carousel .owl-stage{display:flex !important;height:100%} .about-images, .about-images .et_pb_code, .about-images .et_pb_code_inner, .about-images .full-image-slider, .about-images .owl-carousel .owl-stage-outer, .about-images .owl-item, .about-images .img-con{height:100%} .about-images .owl-carousel .owl-item img{width:100%;height:100%;object-fit:cover} .team-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content:center; } .member-each { width: calc(25% - 15px); box-sizing: border-box; cursor: pointer; position: relative; border-radius: 0 0 0 90px; overflow: hidden; } .member-each video { width: 100%; height: 100%; object-fit: cover; display: block; } .member-each .title{position: absolute;left: 0;bottom: 0;width: 100%;background: transparent linear-gradient(70deg, #0C4A63 0%, #020F14 100%) 0% 0% no-repeat padding-box;padding: 20px 15px 20px 55px;opacity: 0;visibility: hidden;transition: .4s;} .member-each h4{font-size: 20px;font-weight: 500;color: #F2F2F2;padding-bottom: 5px;} .member-each p{font-size: 14px;color: #F2F2F2;line-height: 1.4em;} .member-each:hover .title{opacity:1;visibility:visible} /* Responsive */ @media(max-width:1399px){ .member-each { width: calc(50% - 10px); } } @media (max-width: 1199px) { .member-each .title{opacity:1;visibility:visible} } @media(max-width:980px){ .full-width-slider.owl-theme .owl-nav {display: flex;justify-content: center;gap: 30px;} .full-width-slider.owl-theme .owl-nav [class*="owl-"] {position: static;width: 50px;height: 50px;background-size: 21px;} } @media(max-width:767px){ .member-each { border-radius: 0 0 0 30px;text-align: center;} .member-each .title{padding: 15px 15px 15px 30px;} .member-each h4{font-size:20px;} .full-width-slide h3{font-size:26px;} .full-width-slide .more{font-size:24px;} .full-width-slide .dtls {background-color: #fff;text-align: center;padding: 30px 3%;border-radius: 0 30px 0 0;margin-top: -30px;position: relative;} } @media (max-width: 600px) { .about-banner .img-con{height:200px;} .about-banner .img-con img{width:100%;height:100%;object-fit:cover} .member-each { width: 100%; } } @media(min-width:981px){ .full-width-slider.owl-theme .owl-nav [class*="owl-"]{right:6%;} .full-width-slider.owl-theme .owl-nav button.owl-prev{left: 6%;right: auto;} } @media(min-width:1300px){ .full-width-slider.owl-theme .owl-nav [class*="owl-"]{right:15%;} .full-width-slider.owl-theme .owl-nav button.owl-prev{left: 15%;} } @media(min-width:1600px){ .member-each h4{font-size:24px;} } /** Home page **/ .marquee-slider { display: flex !important; display: -webkit-flex !important; width: -webkit-max-content !important; width: max-content !important; align-items:flex-start; } .marquee-slider.loaded { animation: scroll 80s linear infinite; -webkit-animation: scroll 80s linear infinite; } .marquee-slider .banner-slide { display: flex; flex-wrap: wrap; } .marquee-slider .img-con { overflow: hidden; display: inline-block; vertical-align: top; width: 100%; height: 26.6vw; padding:.8vw; } .marquee-slider .img-con.f-height { height: 53.1vw; } .marquee-slider .img-con img, .marquee-slider .img-con video { width: 100%; height: 100%; object-fit: cover; display: block; } .top-right-rounded{border-top-right-radius:60px} .top-left-rounded{border-top-left-radius:60px;} .bottom-left-rounded{border-bottom-left-radius:60px;} .bottom-right-rounded{border-bottom-right-radius:60px;} /* 5. CSS Animation */ @keyframes scroll { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-50%, 0, 0); } } @-webkit-keyframes scroll { 0% { -webkit-transform: translate3d(0, 0, 0); } 100% { -webkit-transform: translate3d(-50%, 0, 0); } } .w-26{width: 26vw;} .w-48{width: 48vw;} .w-64{width: 64vw;} .w-92{width:92.4vw} .w-145{width: 145vw} .slide3 .img-con{width: 27%;} .slide3 .img-con:nth-child(2){width:46%;} .slide3 .img-con:nth-child(4), .slide3 .img-con:nth-child(5){width:50%;} .slide5 .img-con{width:27%;} .slide5 .img-con:nth-child(1){width:55%;} .slide5 .img-con:nth-child(2){width:45%;} .slide5 .img-con:nth-child(3){width:46%;} .slide7 .img-con{width:18%;} .slide7 .img-con:nth-child(1){width:34%;} .slide7 .img-con:nth-child(4){width:30%;} .slide7 .img-con:nth-child(5){width:26%;} .slide7 .img-con:nth-child(6){width:26%;} .slide7 .img-con:nth-child(8){width:30%;} .slide10 .img-con:nth-child(1){width: 100%;} .slide10 .img-con:nth-child(2){width:61%;} .slide10 .img-con:nth-child(3){width:39%;} @media (min-width: 981px) and (max-width: 1599px) { .expertise-section .et_pb_gutters2 .et_pb_column_1_4{width: 30.75%;} .expertise-section .et_pb_gutters2 .et_pb_column_3_4{width: 66.25%;} } @media (min-width: 981px) and (max-width: 1199px) { .insight-section .et_pb_gutters2 .et_pb_column_1_4{width: 30.75%;} .insight-section .et_pb_gutters2 .et_pb_column_3_4{width: 66.25%;} } @media(max-width:767px){ .marquee-slider .img-con {height: 53.2vw;} .marquee-slider .img-con.f-height {height: 106.2vw;} .w-26{width: 52vw;} .w-48{width: 96vw;} .w-64{width: 128vw;} .w-92{width:184.8vw} .w-145{width: 290vw} .top-right-rounded{border-top-right-radius:20px} .top-left-rounded{border-top-left-radius:20px;} .bottom-left-rounded{border-bottom-left-radius:20px;} .bottom-right-rounded{border-bottom-right-radius:20px;} }