/** Theme Name: Astra Child Author: Brainstorm Force Author URI: http://wpastra.com/about/ Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme! Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: astra-child Template: astra */ /* @font-face { font-family: "neue-haas-unica",sans-serif; src: url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.eot"); src: url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.woff")format("woff"), url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/31267e36af6f8dac65a56e78345e945e.svg#Neue Haas Unica W1G")format("svg"); } font-family:"calluna"; font-family: "Calluna-Bold"; font-family: "neue-haas-unica",sans-serif; font-family: "neue-haas-unica",sans-serif; font-weight: 600; font-family: "Neue Haas Unica W1G Black"; font-family: "Neue Haas Unica W1G Medium"; */ /* @font-face{ font-family:"calluna"; src: url("21b2809e6e69b9e96ed194863cd472a5.eot"); src: url("21b2809e6e69b9e96ed194863cd472a5.eot?#iefix")format("embedded-opentype"), url("21b2809e6e69b9e96ed194863cd472a5.woff")format("woff"), url("21b2809e6e69b9e96ed194863cd472a5.woff2")format("woff2"), url("21b2809e6e69b9e96ed194863cd472a5.ttf")format("truetype"), url("21b2809e6e69b9e96ed194863cd472a5.svg#Calluna")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "Calluna-Bold"; src: url("5f994de4cd0fb5f3f2cc53ea21cfcae3.eot"); src: url("5f994de4cd0fb5f3f2cc53ea21cfcae3.eot?#iefix")format("embedded-opentype"), url("5f994de4cd0fb5f3f2cc53ea21cfcae3.woff")format("woff"), url("5f994de4cd0fb5f3f2cc53ea21cfcae3.woff2")format("woff2"), url("5f994de4cd0fb5f3f2cc53ea21cfcae3.ttf")format("truetype"), url("5f994de4cd0fb5f3f2cc53ea21cfcae3.svg#Calluna-Bold")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "Calluna-It"; src: url("c178e57b97aba6d971a58384f479f2a5.eot"); src: url("c178e57b97aba6d971a58384f479f2a5.eot?#iefix")format("embedded-opentype"), url("c178e57b97aba6d971a58384f479f2a5.woff")format("woff"), url("c178e57b97aba6d971a58384f479f2a5.woff2")format("woff2"), url("c178e57b97aba6d971a58384f479f2a5.ttf")format("truetype"), url("c178e57b97aba6d971a58384f479f2a5.svg#Calluna-It")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "Calluna-BoldIt"; src: url("c3eaf877f6e126e8d8d45d528ece5849.eot"); src: url("c3eaf877f6e126e8d8d45d528ece5849.eot?#iefix")format("embedded-opentype"), url("c3eaf877f6e126e8d8d45d528ece5849.woff")format("woff"), url("c3eaf877f6e126e8d8d45d528ece5849.woff2")format("woff2"), url("c3eaf877f6e126e8d8d45d528ece5849.ttf")format("truetype"), url("c3eaf877f6e126e8d8d45d528ece5849.svg#Calluna-BoldIt")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "neue-haas-unica",sans-serif; src: url("31267e36af6f8dac65a56e78345e945e.eot"); src: url("31267e36af6f8dac65a56e78345e945e.eot?#iefix")format("embedded-opentype"), url("31267e36af6f8dac65a56e78345e945e.woff")format("woff"), url("31267e36af6f8dac65a56e78345e945e.woff2")format("woff2"), url("31267e36af6f8dac65a56e78345e945e.ttf")format("truetype"), url("31267e36af6f8dac65a56e78345e945e.svg#Neue Haas Unica W1G")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "Neue Haas Unica W1G Thin"; src: url("4e47c36ade89eee875ea3862898f3068.eot"); src: url("4e47c36ade89eee875ea3862898f3068.eot?#iefix")format("embedded-opentype"), url("4e47c36ade89eee875ea3862898f3068.woff")format("woff"), url("4e47c36ade89eee875ea3862898f3068.woff2")format("woff2"), url("4e47c36ade89eee875ea3862898f3068.ttf")format("truetype"), url("4e47c36ade89eee875ea3862898f3068.svg#Neue Haas Unica W1G Thin")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "Neue Haas Unica W1G Light"; src: url("b3e7ec92be019ae762384c96eeea3073.eot"); src: url("b3e7ec92be019ae762384c96eeea3073.eot?#iefix")format("embedded-opentype"), url("b3e7ec92be019ae762384c96eeea3073.woff")format("woff"), url("b3e7ec92be019ae762384c96eeea3073.woff2")format("woff2"), url("b3e7ec92be019ae762384c96eeea3073.ttf")format("truetype"), url("b3e7ec92be019ae762384c96eeea3073.svg#Neue Haas Unica W1G Light")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "neue-haas-unica",sans-serif; font-weight: 600; src: url("891dfb9f7efd4cfd84e600c45ccb771b.eot"); src: url("891dfb9f7efd4cfd84e600c45ccb771b.eot?#iefix")format("embedded-opentype"), url("891dfb9f7efd4cfd84e600c45ccb771b.woff")format("woff"), url("891dfb9f7efd4cfd84e600c45ccb771b.woff2")format("woff2"), url("891dfb9f7efd4cfd84e600c45ccb771b.ttf")format("truetype"), url("891dfb9f7efd4cfd84e600c45ccb771b.svg#Neue Haas Unica W1G Heavy")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "Neue Haas Unica W1G Black"; src: url("a35e317af3d0caf146f51a36c2706fed.eot"); src: url("a35e317af3d0caf146f51a36c2706fed.eot?#iefix")format("embedded-opentype"), url("a35e317af3d0caf146f51a36c2706fed.woff")format("woff"), url("a35e317af3d0caf146f51a36c2706fed.woff2")format("woff2"), url("a35e317af3d0caf146f51a36c2706fed.ttf")format("truetype"), url("a35e317af3d0caf146f51a36c2706fed.svg#Neue Haas Unica W1G Black")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } @font-face{ font-family: "Neue Haas Unica W1G Medium"; src: url("7d349f3b93cd47712cf75443b05965bf.eot"); src: url("7d349f3b93cd47712cf75443b05965bf.eot?#iefix")format("embedded-opentype"), url("7d349f3b93cd47712cf75443b05965bf.woff")format("woff"), url("7d349f3b93cd47712cf75443b05965bf.woff2")format("woff2"), url("7d349f3b93cd47712cf75443b05965bf.ttf")format("truetype"), url("7d349f3b93cd47712cf75443b05965bf.svg#Neue Haas Unica W1G Medium")format("svg"); font-weight:normal; font-style:normal; font-display:swap; } */ @import url("https://p.typekit.net/p.css?s=1&k=hbl4oyn&ht=tk&f=1997.1998.39512.39513.39518.39521.39522.39523&a=82924858&app=typekit&e=css"); #ast-scroll-top { display: none !important; } body { /* font-family: "neue-haas-unica",sans-serif; */ font-family: "neue-haas-unica",sans-serif; font-weight: 400; color: #003631; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; } img { display: block; max-width: 100%; } :focus { outline: 0px solid #000000 !important; outline-offset: 0px !important; } a:hover, a:focus { color: #358636; text-decoration: none; } .wpb_wrapper a:hover { color: #358636; text-decoration: none; } a:focus-visible, button:focus-visible { outline: .5px solid #000000 !important; outline-offset: 1px !important; } .site-logo-img .custom-logo-link:focus-visible img{ outline: .5px solid #000000 !important; outline-offset: 1px !important; } a { color: #003631; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; } address, blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul{ font-weight: 400; } .d-none { display: none !important; } h1, h2, h3, h4, h5, h6 { font-family:"calluna"; font-weight: 400; } .font-50 { font-family:"calluna"; font-size: 50px !important; line-height: 55px !important; font-weight: 400 !important; color: #003631 !important; } .font-70 { font-family:"calluna"; font-size: 70px !important; line-height: 77px !important; font-weight: 400 !important; color: #003631 !important; } .pr-0 { padding-right: 0 !important; } p { font-size: 20px; } h1, .entry-content h1, h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 { color: #003631; } button, .button { border-radius: 0; } /* button:hover, .button:hover, a:hover { cursor: url('../../uploads/2024/03/hovercursor.svg'), auto !important; } */ .vc_general.vc_btn3 { padding-bottom: 16px; } /* .vc_general.vc_btn3 { padding-top: 0; padding-bottom: 1px; } */ .menu-item-description { display: none; } .customSubmenu .menu-item-description { display: block; } .site-header { min-height: 80px; } .ast-container { max-width: 100% !important; } .site-header .ast-container { padding: 0 80px; } .vc_btn3-color-default {} .single-post .content-area a:hover { text-decoration: none; color: #358636 !important; } .vc_general.vc_btn3 { border: 1px solid #003631; background: #B5EE0D; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; padding-right: 55px !important; position: relative; color: #003631; min-height: 50px; line-height: 50px; border-radius: 0; text-decoration: none !important; padding-top: 0; padding-bottom: 3px; } .vc_general.vc_btn3 i { transition: all .2s; } .vc_general.vc_btn3:hover{ border: 1px solid #003631; background: #F0FCCF; color: #003631; } .vc_general.vc_btn3:hover i { right: 14px !important; transition: all .2s; } .vc_general.vc_btn3 .vc_btn3-icon::before { content: ''; background: url(../../uploads/2024/03/btnarrow.svg); background-repeat: no-repeat; width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; } .vc_general.vc_btn3.vc_btn3-style-flat { border: 1px solid #003631; background: #CAB7FF; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; padding-right: 55px !important; position: relative; color: #003631; min-height: 50px; line-height: 50px; padding-top: 0; padding-bottom: 3px; border-radius: 0; text-decoration: none !important; } .vc_general.vc_btn3.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-primary:focus, .vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat:focus{ border: 1px solid #003631; background: #F4F1FF; color: #003631; } .vc_general.vc_btn3.vc_btn3-style-flat .vc_btn3-icon::before { content: ''; background: url(../../uploads/2024/03/btnarrow.svg); background-repeat: no-repeat; width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; } .site-header { width: 100%; } body { background: #ffffff; } body:not(.logged-in) { background: #ffffff; } .ast-primary-header-bar { border: 0 !important; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover .menu-link { position: relative; color: #003631; transition: font-family .4s ease-in-out; font-family: "neue-haas-unica",sans-serif; font-weight: 600; transition: all .5s; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item::after { content: ''; position: absolute; top: 68px; left: 10px; height: 12px; width: calc(100% - 20px); background: #B5EE0D; transition: all .5s; opacity: 0; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover::after { content: ''; position: absolute; top: 70px; left: 10px; height: 10px; width: calc(100% - 20px); background: #B5EE0D; transition: all .5s; opacity: 1; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item.current-menu-item .menu-link { font-family: "neue-haas-unica",sans-serif; font-weight: 600; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item.current-menu-item .customSubmenu ul .menu-link { font-family: "neue-haas-unica",sans-serif; font-weight: 500; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover .customSubmenu ul .menu-link { font-family: "neue-haas-unica",sans-serif; font-weight: 500; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover .customSubmenu ul .menu-link:hover{ font-family: "neue-haas-unica",sans-serif; font-weight: 600; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:hover .customSubmenu ul .menu-link::after { display: none !important; } .customSubmenu{ display: none; position: fixed; top: 80px; left: 0; width: 100%; background: #EAE2FF; padding: 70px 90px; } /* .customSubmenu{ display: none; opacity: 0; position: fixed; top: 80px; left: 0; transition: opacity .5s; width: 100%; background: #EAE2FF; padding: 70px 90px; height: 0; overflow: hidden; pointer-events: none; } */ /* .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu.showHeader { display: flex; position: fixed; opacity: 1; transition: opacity .5s ; width: 100%; background: #EAE2FF; z-index: 5; top: 80px; left: 0; padding: 70px 90px; overflow: visible; height: auto; pointer-events: initial; } */ .mobileScroll { display: flex; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description, .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul { width: 100%; padding: 0 100px 0 0; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description { line-height: 30px; font-size: 20px; font-weight: 400; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description h2, .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description h1 { font-size: 46px; line-height: 48px; font-family:"calluna"; font-weight: 400; margin-bottom: 14px; } .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link{ color: #003631; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .closeSubmenuItem { width: 50px; height: 50px; cursor: pointer; background-image: url(../../uploads/2024/03/close.svg); background-repeat: no-repeat; background-position: center; position: absolute; right: 70px; border-radius: 50%; border: 1px solid #003631; top: 20px; font-size: 0; background-color: #ffffff; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .closeSubmenuItem:hover { background-color: #CAB7FF; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li .ast-icon.icon-arrow { display: none;} .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a { border-bottom: 1px solid #003631; font-family: "neue-haas-unica",sans-serif; font-weight: 500; font-size: 18px; color: #003631; position: relative; line-height: normal; padding: 12px 10px; padding-left: 0; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a b { display: block; font-weight: 400; font-size: 14px; line-height: normal; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a:hover{ background: #CAB7FF ; font-family: "neue-haas-unica",sans-serif; font-weight: 600; color: #003631; padding-left: 10px; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a::before{ content: ''; background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; opacity: 0; transition: all .5s; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a:hover::before{ right: 11px; opacity: 1;} .main-header-menu > .menu-item > .menu-link { font-size: 18px; color: #003631; transition: font-weight .2s ease-in-out; min-width: 110px; align-items: center; justify-content: center; } .main-header-menu > .menu-item.current_page_parent { font-family: "neue-haas-unica", sans-serif; font-weight: 600; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2) { min-width: 218px; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(3) { min-width: 234px; } .main-header-menu > .menu-item > .menu-link:hover { font-weight: 600; color: #003631; transition: font-weight .2s ease-in-out; } .main-header-menu > .menu-item > .menu-link .ast-header-navigation-arrow:focus-visible { } .ast-icon.icon-arrow svg { width: 13px; } .arrowActice .ast-icon.icon-arrow svg { transform: rotate(180deg); } .astm-search-menu { margin-left: 25px; } .header-main-layout-1{ position: sticky; transition: background-color .3s ease-in-out, color .3s ease-in; } .header-main-layout-1.active{ top: var(--_top); } body.home .ast-header-breadcrumb { display: none; } .ast-header-breadcrumb { padding: 40px 60px 30px 65px; border: 0 !important; } .ast-header-breadcrumb ul li { color: #358636; font-size: 14px; text-transform: uppercase; font-family: "neue-haas-unica",sans-serif; font-weight: 500; } .ast-header-breadcrumb ul li a { color: #358636; text-decoration: underline; line-height: 26px; } .ast-header-breadcrumb ul li a:hover { color: #003631; line-height: 26px; } footer { background: #ffffff; margin-top: 100px; padding-top: 20px; } footer .centerWrap { margin: 0 auto; padding-left: 80px; padding-right: 80px; } footer .footLogo { display: inline-block; width: 22%; vertical-align: top; } footer .footMenu { display: inline-flex; width: calc(100% - 23%); vertical-align: top; justify-content: end; padding-top: 21px; } footer .footMenu .footLink { width: 33%; display: inline-block; vertical-align: top; } footer .footMenu .footLink h3 { font-size: 18px; font-family: "neue-haas-unica",sans-serif; font-weight: 600; margin-bottom: 9px; color: #003631; } footer .footMenu .footLink p { font-size: 14px !important; line-height: 24px !important; } footer .footMenu .footLink a { color: #003631; display: block; line-height: 36px; font-size: 18px; text-decoration: underline; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; } footer .footMenu .footLink a:hover { text-decoration: none; color: #358636; } footer .footMenu .footLink form { } footer .footMenu .footLink form .fieldset, footer .footMenu .footLink form .wpforms-field{ padding: 0; border: 0; margin-bottom: 9px;} footer .footMenu .footLink form .fieldset input, footer .footMenu .footLink form .wpforms-field input{ border: 0.5px solid rgba(0, 54, 49, 0.50); background: #ffffff; border-radius: 0; padding: 10px 20px; line-height: 54px; height: 54px; color: #003631; font-weight: 350; max-width: none; } footer .footMenu .footLink form .fieldset input::placeholder, footer .footMenu .footLink form .wpforms-field input::placeholder{ color: #dddddd; } footer .footMenu .footLink button, footer .footMenu .footLink button.wpforms-submit{ border: 1px solid #003631 !important; background: #CAB7FF !important; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; padding-right: 55px !important; position: relative; color: #003631 !important; min-height: 54px !important; padding-bottom: 16px !important; line-height: 25px; padding-left: 20px; border-radius: 0 !important; padding-top: 12px; } footer .footMenu .footLink button:hover, footer .footMenu .footLink button.wpforms-submit:hovre{ border: 1px solid #003631; background: #F4F1FF; color: #003631; } footer .footMenu .footLink button::before, footer .footMenu .footLink button.wpforms-submit:before{ content: ''; background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: all .2s; } footer .footMenu .footLink button:hover::before, footer .footMenu .footLink button.wpforms-submit:hover::before{ right: 14px; transition: all .2s; } footer .footMenu .footLink form .fieldset input::placeholder, footer .footMenu .footLink form .wpforms-field input::placeholder{ color: #003631 !important; font-family: "neue-haas-unica",sans-serif; } footer .footMenu .footLink form .fieldset input:focus::placeholder, footer .footMenu .footLink form .wpforms-field input:focus::placeholder { color: #dddddd !important; } footer .footTest { background: #CDEAF7; padding: 60px 80px; margin-top: 60px; } footer .footTest .centerWrap { text-align: right; padding-right: 0; } footer .footTest .footTestWrap { text-align: left; width: 81.8%; display: inline-block; } footer .footTest p { font-family: "calluna"; font-style: italic; font-size: 24px; line-height: 36px; } footer .footTest a { color: #003631; text-decoration: underline; font-size: 18px; line-height: 36px; } footer .footTest a:hover { text-decoration: none; color: #358636; } footer .footBottom { padding: 30px 0; display: flex; flex-wrap: wrap; } footer .footBottom .centerWrap { width: calc(100% - 170px); margin: 0 auto; padding: 0; } footer .footBottom p { margin-bottom: 0; } footer .footBottom .copyright { display: inline-block; font-size: 14px; } footer .footBottom .footBottomCerti { display: inline-block; margin-left: 8.5%; width: 50%; } footer .footBottom .footBottomCerti p { display: inline-block; font-family: "neue-haas-unica",sans-serif; font-size: 14px; margin-right: 4%; } footer .footBottom .footBottomCerti p img { vertical-align: bottom; display: inline-block; position: relative; top: -4px; } footer .footBottom .footBottomCerti a { display: inline-block; vertical-align: middle; color: #003631; text-decoration: underline; font-size: 14px; } footer .footBottom .footBottomCerti a:hover { text-decoration: none; color: #358636; } footer .footBottom .socialLink { display: inline-block; } footer .footBottom .socialLink a { display: inline-block; text-decoration: underline; margin: 0 8px; } footer .footBottom .socialLink a img { opacity: 0; } footer .footBottom .socialLink a.fb_ws:hover{ background-image: url(../../uploads/2024/03/fb_ws_gn.svg) !important; } footer .footBottom .socialLink a.twit_ws:hover{ background-image: url(../../uploads/2024/03/twit_ws_gn.svg) !important; } footer .footBottom .socialLink a.link_ws:hover{ background-image: url(../../uploads/2024/03/link_ws_gn.svg) !important; } footer .footBottom .socialLink a.you_ws:hover{ background-image: url(../../uploads/2024/03/you_ws_gn.svg) !important; } .subscribeWrap form { padding: 0 !important; margin-top: 0 !important; } .subscribeWrap form ._form-title { font-size: 18px !important; font-family: "neue-haas-unica", sans-serif !important; font-weight: 600 !important; margin-bottom: 9px !important; color: #003631 !important; display: none; } .subscribeWrap form ._field-wrapper { margin-bottom:10px; } .subscribeWrap form ._field-wrapper input { border: 0.5px solid rgba(0, 54, 49, 0.50) !important; background: #ffffff; border-radius: 0 !important; padding: 10px 20px !important; line-height: 54px !important; height: 54px !important; color: #003631; font-weight: 350; max-width: none;} .subscribeWrap form ._field-wrapper input::placeholder { color: #003631 !important; } .subscribeWrap form ._field-wrapper input:focus::placeholder { color: #dddddd !important; } .subscribeWrap form ._button-wrapper ._submit{ border: 1px solid #003631; background: #CAB7FF; font-size: 16px; font-family: "neue-haas-unica", sans-serif; font-weight: 500; padding-right: 55px !important; position: relative; color: #003631; min-height: 54px; padding-bottom: 16px; line-height: 25px; padding-left: 20px; border-radius: 0 !important; padding-top: 12px; } .subscribeWrap form ._button-wrapper ._submit:hover { border: 1px solid #003631; background: #F4F1FF !important; color: #003631;} ._error-inner { font-size: 12px; color: #df0909; } .ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle { top: 11px; box-shadow: none; width: 100%; text-align: right; right: 0; height: 52px; } .home article .entry-header { display: none; } .heroWrap { overflow: hidden; padding: 0; margin-left: -20px !important; width: calc(100% + 40px); /* min-height: 86vh; */ } .checkScrollBox .vc_column-inner, .checkScrollBox .vc_column-inner .wpb_wrapper { height: 100%; } .heroWrap .vc_column-inner { padding: 0; } .herorightPanel { position: relative; height: 710px; } /* .herorightPanel::after { background: url(../../uploads/2024/05/Img-11_Homepage.jpg); background-position: center; background-size: cover; transition: all 1s; width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; } */ /* .herorightPanel::after{ display: none; } */ .herorightPanel { background-size: cover; background-position: center; transition: all 4.5s; } .herorightPanel.animationStart { background-size: 150%; transition: all 4.5s; animation: imageAnimation 4.5s alternate; } @keyframes imageAnimation { 0% { background-size: 100%; } 100% { background-size: 150%; } } .herorightPanel .vc_figure { width: 100%; opacity: 0; margin-bottom: 0;} .herorightPanel .topRightImage { margin-bottom: 0; } .herorightPanel .vc_figure .vc_single_image-wrapper, .herorightPanel .vc_figure .vc_single_image-wrapper img { width: 100%; } .herorightPanel + .e-con.e-child { width: calc(100% - 570px) !important;} .heroWrap .elementor-element { padding: 0; } .heroWrap .elementor-widget-image img { width: 100%; } .heroWrap .heroLeftTop { background: url(../../uploads/2024/03/heroLefttop.png); background-repeat: no-repeat; background-size: cover; display: inline-flex; justify-content: center; padding: 0 80px; width: 100%; height: 40%; align-items: center; background-position: bottom right; } .heroWrap .heroLeftTop h2, .heroWrap .heroLeftTop h1 { font-family:"calluna"; font-weight: 400; color: #ffffff; font-size: 70px; line-height:77px; max-width: 620px; } .heroWrap .heroLeftbottom { background: #3BD1B6; padding: 0 120px 0 80px; height: 60%; display: flex; align-items: center;} .heroWrap .heroLeftbottom .wpb_wrapper { max-width: 750px; } .heroWrap .heroLeftbottom p { font-size: 24px; line-height: 36px;} .panelAnimation { position: absolute; margin-bottom: 0; height: 80px; cursor: pointer; width: 70px; background: url(../../uploads/2024/04/downArrow.svg); background-repeat: no-repeat; bottom: 20px; right: 20px; } .bounce2{ animation: bounce2 2s ease infinite; } .panelAnimation a { font-size: 0; width: 55px; display: inline-block; height: 80px; } @keyframes bounce2 { 0%, 20%, 50%, 80%, 100% { transform: translateY(0);} 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .latestBlogHome .wpb_wrapper { display: flex; align-items: center; justify-content: space-between; padding-right: 5px; } .latestBlogHome .wpb_wrapper h2 { font-size: 70px; font-family:"calluna"; font-weight: 400; } .ctaWrap1 { padding: 0; display: flex; overflow: hidden;} .ctaWrap1 .vc_column-inner { padding: 0; } .ctaWrap1 .wpb_single_image { margin-bottom: 0; } .ctaWrap1 .ctaContent.redcontent { background: #EF5D48; border-bottom: 27px solid #CAB7FF; } .ctaWrap1 .ctaContent.purpleContent { background: #CAB7FF; border-bottom: 27px solid #81CBEB; } .ctaWrap1 .ctaContent { background:#81CBEB; border-bottom: 27px solid #4CB748; justify-content: center; display: inline-flex; padding:0 53px ; position: relative;} .ctaWrap1 .ctaContent.greenContent { background: #3BD1B6; border-bottom: 27px solid #CAB7FF; } .ctaWrap1 .ctaContent.greenContent p { max-width: 430px; } .ctaWrap1 .ctaContent.greenContent .mw-auto p { max-width: 750px; } .ctaWrap1 .ctaContent.greenContent.max-widthBox p { max-width: 520px; } .ctaWrap1 .ctaContent p { font-size: 50px; line-height: 72px; font-family:"calluna"; font-weight: 400; } .ctaWrap1 .ctaContent p.ctaSubText { font-size: 18px; line-height: 36px; font-family:"calluna"; font-weight: 400; } .ctaWrap1 .ctaContent h2 { font-size: 70px; line-height: 72px; font-family:"calluna"; font-weight: 400; } .ctaWrap1 .ctaBg { background: url(../../uploads/2024/03/cta01.svg); background-size: cover; background-position: left bottom; } .ctaWrap1 .ctaBg .vc_figure { opacity: 0; } .ctaWrap1 .vc_column-inner .vc_figure, .ctaWrap1 .vc_column-inner .vc_figure .vc_single_image-wrapper, .ctaWrap1 .vc_column-inner .vc_figure .vc_single_image-wrapper img { width: 100%; } .centerWrap { padding-left: 60px; padding-right: 60px; } .topContentBox { margin: 150px 0 20px 0; opacity:0; transition: all .5s; } .topContentBox h2 { font-size: 50px; line-height: 55px; font-family:"calluna"; font-weight: 400; color: #003631; } .topContentBox .vc_general { text-align: left; } .mr-30 { margin-right: 30px !important; } /* .topContentBox.firstContent { margin-top: 350px;} */ .topAnimationWrap { margin: 0 0 150px 0; } .topAnimationWrap .topAnimationLeft { position: sticky; top: 80px; width: 46%; } .topAnimationWrap .topAnimationLeft .wpb_content_element { margin-bottom: 0; } .topAnimationWrap .rightBoxAni { width: 54%;} .topAnimationWrap .topAnimationLeft .wrapper{ padding-top: 100px; } .menu-item-has-children { position: relative; } /* .menu-item-has-children::before{ content: ''; position: absolute; left: 0; top: 0; width: calc(100% - 15px ); height: 100%; background: transparent; z-index: 1; } */ .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description .closeSubmenuItem { display: none; } .blogPageWrap .blImage{ } .blogPageWrap .blogBox { } .blogPageWrap .blogBox .blogDet { font-size: 12px; font-weight: 500; line-height: 26px; } .blogPageWrap .blogBox .blogDet .byAuthor { } .blogPageWrap .blogBox .blogDet .byDate { } .blogPageWrap .blogBox h1 { } .blogPageWrap .blogBox .blContent{ } .ast-site-title-wrap { display: none; } .homePageBlog { margin-bottom: 80px; } .homePageBlog .vc_custom_heading { margin-bottom: 0;} .homePageBlog .vc_custom_heading h4 { font-size: 30px; font-family:"calluna"; font-weight: 400; line-height: 36px; margin-bottom: 0; text-decoration: underline; min-height: 72px; } .homePageBlog .vc_gitem-zone { background-color: #ffffff; } .homePageBlog .vc_grid-item:hover .vc_custom_heading h4 { text-decoration: none; } .homePageBlog .vc_gitem_row { background-color: #ffffff; } .homePageBlog .vc_gitem_row .vc_gitem-animated-block { } .homePageBlog .vc_gitem-zone .vc-zone-link { position: relative; } .homePageBlog .vc_gitem-zone .vc-zone-link::before{ content: ''; height: 80px; width: 100%; background: #CAB7FF url(../../uploads/2024/03/btnarrow.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; position: absolute; bottom: -60px; transition: all .2s; } .homePageBlog .vc_gitem-zone .vc-zone-link::after{ content: 'View Article'; height: 10px; position: absolute; bottom: -60px; right: 60px; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; transition: all .2s; color: #003631; } .homePageBlog .vc_gitem-zone:hover .vc-zone-link::before { bottom: 0; } .homePageBlog .vc_gitem-zone:hover .vc-zone-link::after { bottom: 47px; color: #003631; } .homePageBlog .continue { display: none; } .homePageBlog .vc_gitem-post-data p { margin-bottom: 10px; font-size: 18px; } .homePageBlog .vc_btn3-left { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .homePageBlog .vc_btn3-left .vc_general { width: 100%; height: 100%; } .latestBlogBox { margin: 0 auto;} .latestBlogBox .sp-pcp-title { order: 2; } .latestBlogBox .pcp-post-thumb-wrapper{ display: none; } .pcp-wrapper-298 .sp-pcp-title a { color: #003631; } /* .latestBlogBox .sp-pcp-title a { font-size: 30px; font-family:"calluna"; font-weight: 400; line-height: 36px; margin-bottom: 0; text-decoration: underline; min-height: 72px; color: #003631; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; } */ .latestBlogBox .sp-pcp-title a { font-size: 30px; font-family:"calluna"; font-weight: 400; line-height: 40px; margin-bottom: 0; text-decoration: underline; color: #003631; text-overflow: ellipsis; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; display: inline; } .latestBlogBox .sp-pcp-title a:hover { text-decoration: underline; color: #003631 !important; background: #CAB7FF; } .latestBlogBox .sp-pcp-post { } .latestBlogBox .sp-pcp-thumb { display: block; position: relative; } .latestBlogBox .sp-pcp-thumb::before{ content: ''; height: 105px; width: 100%; background: #CAB7FF url(../../uploads/2024/03/btnarrow.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; position: absolute; bottom: -95px; transition: all .2s ease-in; z-index: 2; } .latestBlogBox .sp-pcp-thumb::after{ content: 'View Article'; height: 26px; position: absolute; bottom: -80px; right: 60px; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; transition: all .2s ease-in; color: #003631; z-index: 3; } .latestBlogBox .sp-pcp-thumb img { width: 100%; transition: all .8s; } .latestBlogBox .sp-pcp-post .sp-pcp-post-meta { margin: 7px 0 10px 0; } .latestBlogBox .sp-pcp-post:hover .sp-pcp-thumb img { transform: scale(1.1); transition: all .8s; } .latestBlogBox .sp-pcp-post:hover .sp-pcp-title a { } .latestBlogBox .sp-pcp-post:hover .sp-pcp-thumb::before { bottom: 0; } .latestBlogBox .sp-pcp-post:hover .sp-pcp-thumb::after { bottom: 42px; color: #003631; } .latestBlogBox .sp-pcp-post-content .sp-pcp-readmore { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .latestBlogBox .sp-pcp-post-content .sp-pcp-readmore .pcp-readmore-link { height: 100%; width: 100%; opacity: 0; } .latestBlogBox .sp-pcp-post-content p { font-size: 18px; line-height: 27px; color: #0D0D0D; } .latestBlogBox .sp-pcp-post-content .continue { display: none; } .latestBlogBox .sp-pcp-title a:hover {color: #003631; } .latestBlogBox .sp-pcp-post-content { order: 2; position: relative; } .latestBlogBox .sp-pcp-post-meta i { display: none; } .latestBlogBox .sp-pcp-post-meta ul li { color: #003631; position: relative; pointer-events: none; font-family: "neue-haas-unica",sans-serif; font-weight: 500; font-size: 12px; line-height: 26px; letter-spacing: 0.24px; color: #003631; } .latestBlogBox .sp-pcp-post-meta ul li:first-child { padding-right: 27px; } .latestBlogBox .sp-pcp-post-meta ul li:first-child::before { content: ''; position: absolute; right: 2px; top: 13px; width: 14px; height: 1.2px; background: #003631; } .latestBlogBox .sp-pcp-post-meta ul li a { text-transform: capitalize; color: #003631; font-family: "neue-haas-unica",sans-serif; font-weight: 500; } .latestBlogBox .sp-pcp-post-meta ul li:last-child { display: none; } .homePageBlogMain .vc_column-inner { padding: 0; } /* .ast-builder-menu .main-navigation > ul > li:last-child a { pointer-events: none; } */ .aniMobileShow{ display: none; } .videoBoxMobile { display: none; } .ctaTopSpace { margin-top: 70px; } /* MEET WATSON PAGE */ .meetpageBanner { width: calc(100% + 40px); margin-left: -20px !important; display: inline-flex; flex-wrap: wrap; overflow: hidden; } .meetpageBanner .vc_column-inner { padding: 0; height: 100%; } .meetpageBanner .meetpageImg { width: 43% ; transition: all .5s; overflow: hidden; position: relative; background-size: cover; background-position: center; } .meetpageBanner .meetpageImg.fadeAni .vc_column-inner { opacity:0; transition: 2s all .5s; background-size: cover; background-position: center; } .meetpageBanner .meetpageImg.fadeAni.pageAni .vc_column-inner { opacity:1; transition: 2s all .5s; } .meetpageBanner .meetpageImg::before { content: ''; background: url(../../uploads/2024/04/borderppage.png); background-size: cover; overflow: hidden; background-position: left bottom; height: 100%; width: 88px; position: absolute; top: 0; right: 0; z-index: 1; transition: all .5s; } .meetpageBanner .meetpageImg:hover .vc_column-inner { transition: all .5s; } .meetpageBanner .meetpageImg .wpb_wrapper { height: 100%; transition: all .5s; } .meetpageBanner .meetpageImg .wpb_single_image { margin-bottom: 0; height: 100%; transition: all .5s; } .meetpageBanner .meetpageImg .vc_figure, .meetpageBanner .meetpageImg .vc_single_image-wrapper, .meetpageBanner .meetpageImg .vc_single_image-wrapper img { width: 100%; height: 100%; transition: all .5s; opacity:0; } .meetpageContent { background: #81CBEB; width: 57%; padding: 60px 90px; } .meetpageContent.areapageContent { background: #CAB7FF; } .meetpageContent h2, .meetpageContent h1 { font-family:"calluna"; font-size: 70px; font-weight: 400; line-height: 74px; } .meetpageContent p { font-size: 24px; font-weight: 400; line-height: 36px; margin-top: 60px; } .weetWatsonBox { margin-top: 120px; } .setTopMargin.weetWatsonBox { margin-top: 70px; } .weetWatsonBox h2, .weetWatsonBox h1{ font-family:"calluna"; font-size: 50px; line-height: 55px; font-weight: 400; text-align: left; } .weetWatsonBox .titleMax{max-width: 710px;} .weetWatsonBox h3 { font-family:"calluna"; font-size: 24px; line-height: 28px; font-weight: 400; text-align: left; } .weetWatsonBox p { font-size: 18px; line-height: 27px; margin-top: 30px; text-align: left; } .weetWatsonBox .vc_column-inner { overflow: hidden; } .weetWatsonBox .meetContentRight .vc_column-inner { padding-left: 107px ; } .weetWatsonBox .meetContentLeft .vc_column-inner { padding-right: 107px ; } .weetWatsonBox .meetContentRight .vc_btn3, .weetWatsonBox .meetContentLeft .vc_btn3 { margin-top: 40px; } .weetWatsonBox .wpb_content_element { margin-bottom: 0; overflow: hidden;} .weetWatsonBox .wpb_content_element .vc_figure, .weetWatsonBox .wpb_content_element .vc_single_image-wrapper, .weetWatsonBox .wpb_content_element .vc_single_image-wrapper img { width: 100%; transition: all .5s; overflow: hidden;} .weetWatsonBox .wpb_content_element .vc_figure:hover img { transition: all .5s; } .weetWatsonBox .wpb_content_element.doucWrap .vc_figure:hover img { transition: all .5s; } .pdfLink p { max-width: 346px; } .pdfLink a { color: #003631;} .pdfLink a:hover { color: #358636;} .ctaMargin { margin-top: 120px; } .areaBoard h2 { max-width: 742px; } .areaBoard p { max-width: 960px; } /* @media only screen and (min-width: 1921px) and (max-width: 4000px) { .ast-builder-grid-row {background: red;} .heroWrap .heroLeftTop { padding: 12vh 80px; } .heroWrap .heroLeftbottom { padding: 16vh 120px 26vh 80px; } .panelAnimation { bottom: 290px; } } @media only screen and (min-width: 1600px) and (max-width: 1920px) { .heroWrap .heroLeftbottom { padding: 13vh 120px 20vh 80px ;} .panelAnimation { bottom: 190px; } .ast-builder-grid-row {background: green;} } */ .teamHeader { display: block; } .teamHeader .teamTop{ width: calc(100% + 20px); } .teamHeader .teamTop h2, .teamHeader .teamTop h1 { font-size: 70px; line-height: 77px; max-width: 710px; position: relative; z-index: 2; } .teamHeader .teamTop p { max-width: 520px; } .teamHeader .teamTop .teamTopContent { display: flex; justify-content: space-between; align-items: center; } .teamHeader .teamTop .teamTopContent .teamTopContentText p {line-height: 30px; position: relative; z-index: 1; } .teamHeader .teamTop .teamTopContent .teamTopImg { max-width: 64%; width:100%; position:relative; z-index: 0; } .notesWrap { background: #3BD1B6; overflow: hidden; display: flex; margin-top: 105px; } .notesWrap .notesImage{ width: 428px; display: inline-block; vertical-align: middle; border-right: 20px solid #EF5D48; background-size: cover !important; } .notesWrap .notesImage img { width: 100%; opacity: 0;} .notesWrap .notesContent{ width: calc(100% - 432px); display: inline-block; vertical-align: middle; padding: 30px 50px; } .notesWrap .notesContent h2 { font-size: 30px; line-height: 36px; margin-bottom: 23px; } .notesWrap .notesContent p { margin-bottom: 0; font-weight: 350; } .meetpartners { margin-top: 60px; } .meetpartners:first-child { margin-top: 90px; } .meetpartnersHead h2 { font-size: 50px; line-height: 55px; color: #003631; } .meetpartnerList { margin-top: 60px; } .meetpartnerList .meetRow { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .meetpartnerList .meetRow .meetListBox { width: calc(25% - 20px); margin: 0 10px 60px 10px; } .meetpartnerList .meetRow .meetListBox:hover .meetListImg .meetListUrl { bottom: 0; transition: all .2s ease-in; } .meetpartnerList .meetRow .meetListBox:hover .meetListImg .meetListImgWrap { transform: scale(1.1); transition: all .8s; } .meetpartnerList .meetRow .meetListBox .meetListImg { background-color: #e6e5d8; background-position: bottom center; background-repeat: no-repeat; display: block; overflow: hidden; position: relative; /* height: 350px; */ background-size: contain; } .meetpartnerList .meetRow .meetListBox .meetListImg .meetListImgWrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: bottom center; background-size: contain; background-repeat: no-repeat; transition: all .8s; } .meetpartnerList .meetRow .meetListBox .meetListImg .meetListImgWrap.defualtUserBio { background-position: left -10px !important; } .meetpartnerList .meetRow .meetListBox .meetListImg img { opacity: 0 ; width: 100%; } .meetpartnerList .meetRow .meetListBox .meetListImg .meetListUrl{ background: #B5EE0D ; height: 105px; position: relative; width: 100%; display: inline-block; text-align: right; padding: 0 20px; line-height: 101px; padding-right: 55px; position: absolute; bottom: -95px; transition: all .2s ease-in; color: #003631; font-family: "neue-haas-unica",sans-serif; font-weight: 500; } .meetpartnerList .meetRow .meetListBox .meetListImg .meetListUrl::before{ content: ''; background: url(../../uploads/2024/03/btnarrow.svg); right: 20px; top: 50%; width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); opacity: 1; transition: all .5s; } .meetpartnerList .meetRow .meetListBox .meetListContent { padding-top: 20px; padding-bottom: 0px;} .meetpartnerList .meetRow .meetListBox .meetListContent h2 a { font-family:"calluna"; font-size: 30px; line-height: 36px; text-transform: capitalize; text-decoration: underline; color: #003631; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; } .meetpartnerList .meetRow .meetListBox:hover .meetListContent h2 a { text-decoration: none; color: #003631;} .meetpartnerList .meetRow .meetListBox .meetListContent span { color: #358636; font-size: 16px; line-height: 24px;} .meetpartnerList .meetRow .meetListBox .meetListContent p {color: #0D0D0D; font-size: 16px; line-height: 24px; margin-bottom: 0;} .ctaOurTeam { display: flex; } .ctaOurTeam .ctaContent { background: #EF5D48; border-bottom: 27px solid #3BD1B6; padding: 0 53px; position: relative; width: 68%; } .ctaOurTeam .ctaContent.greenContent{ background: #3BD1B6; border-bottom: 27px solid #EF5D48; } .ctaOurTeam .ctaContent.purpleContent{ background: #CAB7FF; border-bottom: 27px solid #81CBEB; } .ctaOurTeam .ctaContent p { font-family:"calluna"; font-size: 70px; margin-bottom: 0; line-height: 72px; font-weight: 400; padding-top: 60px; } .ctaOurTeam .ctaImg { width: 32%; background: url(../../uploads/2024/03/cta01.svg); background-size: cover; background-position: left bottom; } .ctaOurTeam .ctaImg img { opacity: 0; } .customBtn { background: #B5EE0D; font-size: 16px; color: #003631; font-family: "neue-haas-unica",sans-serif; font-weight: 500; padding-right: 55px; position: relative; color: #003631; line-height: 53px; border-radius: 0; text-decoration: none !important; display: inline-block; padding-left: 20px; margin-top: 30px; border: 1px solid #003631; margin-bottom: 60px; } .customBtn:hover {color: #003631 !important; background: #F0FCCF; } .customBtn:hover i { right: 16px; transition: all .2s; } .customBtn i { background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: all .2s; } .customBtn2 { background: #CAB7FF; font-size: 16px; color: #003631; font-family: "neue-haas-unica",sans-serif; font-weight: 500; padding-right: 55px; position: relative; color: #003631; line-height: 53px; border-radius: 0; text-decoration: none !important; display: inline-block; padding-left: 20px; margin-top: 30px; border: 1px solid #003631; margin-bottom: 60px; } .customBtn2:hover {color: #003631 !important; background: #F4F1FF; } .site-content .customBtn2:hover, .site-content .customBtn:hover{color: #003631 !important } .customBtn2:hover i { right: 16px; transition: all .2s; } .customBtn2 i { background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: all .2s; } .page-template-single-team-bio .ast-container { display: block; } .bioHero { overflow: hidden; width: calc(100% + 40px); margin-left: -20px; } .bioHero .bioHeroRow { display: flex; flex-wrap: wrap; min-height: 505px; background: #E6E5D8; } .bioHero .bioContent { width: 57%; background: #E6E5D8; padding: 64px 90px; } .bioHero .bioContent h2, .bioHero .bioContent h1 { font-family:"calluna"; font-size: 70px; line-height: 72px; font-weight: 400; margin-bottom: 18px; } .bioHero .bioContent b { font-size: 20px; line-height: 30px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; margin-bottom: 40px; display: block; } .bioHero .bioContent p { line-height: 36px; max-width: 642px; } .bioHero .bioImg { width: 43%; position: relative; background-color: #e6e5d8; background-size: cover; background-repeat: no-repeat; background-position: center; } .bioHero .bioImg::before { content: ''; background: #EF5D48; position: absolute; right: 0; top: 0; width: 88px; right: 0; top: 0; height: 100%;} .bioHero .bioImg img { opacity: 0; } .tabsUserInput { display: flex; justify-content: space-evenly; margin: 90px 0 0px 0; } .tabsUserInput .tabsUserDetail { width: 100%; text-align: center; position: relative; } .tabsUserInput .tabsUserDetail::before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 144px; background: #81CBEB; transform: translateY(-50%); } .tabsUserInput .tabsUserDetail:first-child:before{ display: none;} .tabsUserInput .tabsUserDetail span { color: #358636; font-size: 16px; line-height: 24px; font-weight: 400; } .tabsUserInput .tabsUserDetail p { color: #003631; font-size: 24px; line-height: 36px; font-style: italic; font-family:"calluna"; font-weight: 400; max-width: 312px; margin: 0 auto; } .expMainWrap { display: flex; flex-wrap: wrap; margin-top: 90px; } .expMainWrap .expAndCredentials { width: calc(100% - 525px); padding-right: 40px; } .expMainWrap .expAndCredentials h2 { font-family:"calluna"; line-height: 55px; font-weight: 400; font-size: 50px; } .expMainWrap .expAndCredentials .credentialsBox { font-size: 18px; line-height: 27px; margin: 30px 0; padding-right: 50px; } .expMainWrap .expAndCredentials .credentialsBox ul, .expMainWrap .expAndCredentials .credentialsBox ol {margin-left: 20px; } .expMainWrap .expAndCredentials .credentialsBox li, .expMainWrap .expAndCredentials .credentialsBox li p { padding: 4px 0; } .expMainWrap .focusUrlWrap { width: 520px;} .expMainWrap .focusUrlWrap h2 { font-size: 30px; line-height: 36px; margin-bottom: 20px; margin-top: 15px; } .expMainWrap .focusUrlWrap .focusUrl { } .expMainWrap .focusUrlWrap .focusUrl a { position: relative; font-size: 18px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; display: block; border-bottom: 1px solid #003631; padding: 9px 0; color: #003631; } .expMainWrap .focusUrlWrap .focusUrl a:hover{ background: #CAB7FF; font-family: "neue-haas-unica",sans-serif; font-weight: 600; transition: all .5s; color: #003631 !important; padding-left: 16px; } .expMainWrap .focusUrlWrap .focusUrl a:hover::before { opacity: 1; right: 16px; transition: all .5s; } .expMainWrap .focusUrlWrap .focusUrl a::before { content: ''; background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 26px; transition: all .5s; opacity: 0; } .postsDetails { margin-top: 130px; } .postsDetails .postsDetailsHead { display: flex; justify-content: space-between; align-items: center; } .postsDetails .postsDetailsHead h2 { margin-bottom: 30px; font-family:"calluna"; font-size: 70px; line-height: 72px; } .postsDetails .postsDetailsHead .vc_general { padding: 14px 54px 10px 16px; line-height: 28px;} .postsDetails .postsDetailsHead .vc_general.vc_btn3 .vc_btn3-icon::before { right: 17px; top: 55%; } .contactsUser { margin-top: 90px; } .contactListWrap { display: flex; flex-wrap: wrap; } .contactListWrap .contactList { width: calc(100% - 205px); } .contactListWrap .contactList .contactBox { display: flex; flex-wrap: wrap; align-items:baseline; } .contactListWrap .contactList .contactBox .countryName { width: 120px; color: #358636; font-size: 16px; line-height: 32px; } .contactListWrap .contactList .contactBox .countryName:hover{ color: #358636; } .contactListWrap .contactList .contactBox .phoneNum { width: calc(100% - 130px); color: #003631; } .contactListWrap .contactList .contactBox .phoneNum:hover { color: #003631; } .contactListWrap .emaillinkdln { width: 200px; } .contactListWrap .emaillinkdln a { display: block; text-decoration: underline; color: #003631; margin-bottom: 10px; } .contactListWrap .emaillinkdln a:hover { text-decoration: none; color: #358636; } .homePageBlogMain { margin-left: -20px !important; margin-bottom: 120px; z-index:2; position: relative; } .postsBoxColor .relatedHead { margin-top: 0; } .postsBoxColor, .homePageBlogMain { background: #E6E5D8; width: calc(100% + 40px); margin-left: -20px; padding: 80px 20px 120px 20px; margin-top: 90px; } .postsBoxColor .postsDetails { margin-top:0 } .postsContainer { padding: 0 12px; } .page-template-page-insight .postsWrap { margin: 0 10px 40px 10px; padding-top: 20px; border-top: 1px solid #002F2B80; } .postsContainer .pagination { margin-bottom: 30px; margin-top: 30px; } .postsContBox {display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin-left: -20px; } .postsWrap { width: calc(33.3% - 20px); margin: 0 10px; } .postsWrap:hover .postContent a { } .postsWrap:hover .postsImg b { bottom: 0; transition: all .5s; } .postsWrap span img { transition: all .5s; } .postsWrap:hover span img {transform: scale(1.1); transition: all .2s; } .postsWrap .postsImg b{ background: #CAB7FF; position: absolute; bottom: -95px; left: 0; width: 100%; height: 105px; font-weight: 500; display: inline-flex; align-items: center; justify-content: end; padding-right: 70px; transition: all .2s ease-in-out; } .postsWrap .postsImg b::before { content: ''; background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: all .2s ease-in-out; } .postsWrap .postsImg { position: relative; display: none; width: 100%; overflow: hidden; } .postsWrap .postsImg span { position: relative; width: 100%; height: 100%; left: 0; top: 0; } .postsWrap .postsImg img { width: 100%; } .postsWrap .postContent { margin-top: 20px; } .postsWrap .postContent h1 { line-height:24px; } .postsWrap .postContent p { margin-top: 10px; font-size: 18px; } .postsWrap .postContent .postsAuthor { margin-bottom: 10px; } .postsWrap .postContent .postsAuthor span { color: #003631; position: relative; pointer-events: none; font-family: "neue-haas-unica",sans-serif; font-weight: 500; } .postsWrap .postContent a {font-size: 30px; font-family:"calluna"; font-weight: 400; line-height: 40px; text-decoration: underline; display: initial; color: #003631; overflow: hidden; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; } .postsWrap .postContent a:hover { color: #003631 !important; background: #CAB7FF; text-decoration: underline !important; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; } .doucWrap .vc_single_image-wrapper { width: auto !important; box-shadow: 3px 3px 12px 2px rgba(0, 0, 0, 0.10); margin: 14px 14px 14px 8px; border: 0.5px solid rgba(0, 0, 0, 0.30); } .doucWrap .attachment-full{ width: 164px !important; } .commanHero { width: calc(100% + 20px); padding-left: 60px; overflow: hidden; } .commanHero .commanCantent { padding-right: 40px; } .commanHero .commanCantent h2, .commanHero .commanCantent h1 { color: #003631; font-family:"calluna"; font-weight: 400; font-size: 70px; line-height: 77px; max-width: 600px; } .commanHero .commanCantent h3 { font-size: 24px; font-family: "neue-haas-unica",sans-serif; line-height: 36px; font-weight: 400; margin-top: 40px; margin-bottom: 40px; max-width: 515px; } .commanHero .commanCantent p { max-width: 600px; font-size: 24px; line-height:36px; } .commanHero .commanCantent .subPera p { max-width: 600px; font-size: 18px; line-height:27px; } .commanHero .commanCantent .font-18 p { font-size: 18px; line-height: 27px; } .commanHero .commanHeroImage { position: relative; overflow: hidden; } .commanHero .commanHeroImage .wpb_single_image { margin-bottom: 0; } .commanHero .commanHeroImage::before {content: ''; background: url(../../uploads/2024/04/borderppage.png); background-size: cover; overflow: hidden; background-position: bottom left; height: 100%; width: 88px; position: absolute; top: 0; right: 0; z-index: 1; transition: all .5s; } .commanHero .vc_column-inner { padding: 0; } .commanHero .commanHeroImage .vc_figure, .commanHero .commanHeroImage .vc_figure .vc_single_image-wrapper, .commanHero .commanHeroImage .vc_figure .vc_single_image-wrapper img { width: 100%; transition: all .5s; } .commanHero .commanHeroImage .vc_figure:hover img { transition: all .5s; } .boardWrapBox { margin-top: 120px; } .boardWrapBox .boardContent { } .boardWrapBox .boardContent h2 { font-family:"calluna"; font-size: 50px; line-height: 55px; margin-bottom: 30px; font-weight: 400; } .boardWrapBox .boardContent p { font-size: 18px; line-height: 27px; margin-bottom: 0; } .boardWrapBox .boardContent a:hover { color: #358636; text-decoration: none; } .boardWrapBox h6, .boardWrapBox .bioAsking { color: #358636; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 400; margin-bottom: 0; } .boardWrapBox .boardListing { color: #003631; font-family:"calluna"; font-size: 24px; line-height: 36px; font-weight: 400;} .boardWrapBox .boardListing ul { list-style-type: none; padding-left: 0; } .boardWrapBox .boardListing ul li { border-bottom: 1px solid #81CBEB; padding: 12px 0; font-style: italic; } .boardContent p { padding-right: 90px; } .servicesWrap .wpb_wrapper { position: relative; } .serviceTitle { margin-top: 90px; margin-bottom: 30px;} .servicesWrap h2 { font-family:"calluna"; font-weight: 400; font-size: 30px; line-height: 36px; padding: 10px 8px; } .servicesWrap h2 a::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; } .servicesWrap h2 a:hover { color: #003631; } .servicesWrap .wpb_single_image { margin-bottom: 0; } .serviceView { margin-bottom: 0; position: absolute; bottom: -95px; width: 100%; font-family: "neue-haas-unica",sans-serif; font-weight: 500; background: #3BD1B6; text-align: right; padding: 38px 55px; transition: all .2s ease-in; height: 105px; } .serviceView::before { content: ''; background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; } .serviceMain .wpb_wrapper { overflow: hidden; } .serviceMain:hover .serviceView { bottom: 0; transition: all .5s; } .serviceMain:hover h2 a { color: #003631; text-decoration: none; opacity: 1; } .serviceMain .vc_figure, .serviceMain .vc_single_image-wrapper, .serviceMain img { width: 100%;} .ast-header-break-point .main-header-bar.ast-header-breadcrumb { border-bottom: 0; } /* Accordion */ .accoudionWrap { display: block; margin-bottom: 90px; } .accoudionWrap .accoudionList {} .accoudionWrap .accoudionList h2 a { padding: 30px 0; font-size: 24px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; color: #003631; border-top: 1px solid #003631; display: block; transition: all .5s; position: relative; } .accoudionWrap .accoudionList h2 a:hover { background: #CAB7FF; font-family: "neue-haas-unica",sans-serif; font-weight: 600; padding-left: 30px; transition: all .5s; } .accoudionWrap .accoudionList h2 a b { position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; } .accoudionWrap .accoudionList h2 a b::before, .accoudionWrap .accoudionList h2 a b::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 24px; height: 2px; background: #003631; transition: all .5s; } .accoudionWrap .accoudionList h2 a b::before {transform: translate(-50%, -50%) rotate(90deg); transition: all .2s; } .accoudionWrap .accoudionList h2.active a b::before {transform: translate(-50%, -50%) rotate(0deg); transition: all .2s; } .accoudionWrap .accoudionList h2.active a { background: #CAB7FF; font-family: "neue-haas-unica",sans-serif; font-weight: 600; padding-left: 30px; padding-right: 30px; transition: all .5s; } .accoudionWrap .accoudionList .accoudionContent { display: none; padding: 30px 80px 40px 30px; } .accoudionWrap .accoudionList .accoudionContent p { font-size: 18px; font-family: "neue-haas-unica",sans-serif; font-weight: 400; } .accoudionWrap .accoudionList .accoudionContent .customButton {border: 1px solid #003631; background-color: #CAB7FF; color: #003631; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; border-radius: 0; padding: 10px 45px 13px 20px; position: relative; background-image: url(../../uploads/2024/03/btnarrow.svg); background-repeat: no-repeat; background-position: calc(100% - 12px) center; } .accoudionWrap .accoudionList .accoudionContent .customButton:hover { background-color: #F4F1FF; } .userSearchBox { padding: 0 0 0 60px; margin-bottom: 30px; margin-top: 90px; max-width: 1107px; width: 100%;} .userSearchBox .userSearchLest { box-shadow: none; border-bottom: 1px solid #81CBEB; padding-top: 30px; padding-left: 0; padding-bottom: 60px; } .userSearchBox h2, .userSearchBox h1 { margin-bottom: 0.6em; line-height: 1.3; font-size: 1.25rem; } .userSearchBox h2 a, .userSearchBox h1 a { font-size: 24px; font-family: "neue-haas-unica",sans-serif; font-weight: 600; color: #003631; text-decoration: underline; } .userSearchBox p {margin-bottom: 0; } .userSearchBox p, .userSearchBox p span, .userSearchBox p a { font-size: 16px; } .pagination { text-align: center; margin-bottom: 120px; } .pagination .wp-pagenavi { } .pagination .wp-pagenavi .pages, .pagination .wp-pagenavi span, .pagination .wp-pagenavi a { border: 1px solid #0D0D0D; font-size: 16px; font-style: normal; font-weight: 400; } .pagination .wp-pagenavi .last{ border:0 !important; width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; } .pagination .pages + .extend:before { display: none; } .pagination .extend { border: 0 !important; position: relative; padding: 0; margin-right: 13px; } .pagination .extend:before { content: '...'; position: absolute; top: 0px; letter-spacing: 1px; } .pagination .wp-pagenavi .current { font-family: "neue-haas-unica",sans-serif; font-weight: 500; } .pagination .wp-pagenavi .page { border: 1px solid transparent; } .pagination .wp-pagenavi .page, .pagination .wp-pagenavi .current {width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center;} .pagination .wp-pagenavi .nextpostslink, .pagination .wp-pagenavi .previouspostslink { border: 0; text-decoration: underline;} .pagination .wp-pagenavi .pages { border: 0; } .customAccordion .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::after, .customAccordion .vc_tta-color-grey.vc_tta-style-classic .vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before { border-color: #003631; } .customAccordion .vc_tta-panel-title{ background: #ffffff; } .customAccordion .vc_tta-panel-heading { border-top: 1px solid #003631 !important; border-bottom: 1px solid #003631 !important; border-left: 0 !important; border-right: 0 !important; border-radius: 0 !important; } .customAccordion .vc_tta.vc_general .vc_tta-panel-title>a { padding-top: 24px; padding-bottom: 24px;} .customAccordion .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a { color: #003631; } .customAccordion .vc_tta-panel-heading .vc_tta-panel-title, .customAccordion .vc_tta-panel-heading .vc_tta-panel-title a, .customAccordion .vc_tta-panel-heading .vc_tta-panel-title a span { color: #003631; font-size: 24px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; font-weight: 500; } .customAccordion .vc_tta .vc_tta-controls-icon { height: 24px; width: 24px; } .searchIcon, .searchIcon:focus { width: 30px; height: 30px; display: inline-block; background-image: url(../../uploads/2024/04/search.svg); background-repeat: no-repeat; background-position: center; cursor: pointer; border-radius: 50%; background-color: transparent; box-shadow: none; } .searchIcon.active, .searchIcon.active:focus { background-image: url(../../uploads/2024/03/close.svg); background-size: 14px; border: 1.5px solid #003631; background-color: transparent; } .searchIcon:hover { border: 1.5px solid #003631; background-color: #EAE2FF; } .globalSearch.active{ display: block; } .globalSearch { display: none; background: rgba(0, 0, 0, 0.05); padding: 36px 90px; } .globalSearch label { margin-right: 30px; display: inline-block; width: calc(100% - 168px); } .globalSearch label .search-submit{ display: none; } .globalSearch .search-field, .globalSearch .search-field:focus, .globalSearch .search-field:hover { border: 0; box-shadow: none; padding: 0; border-radius: 0; background: transparent; font-size: 30px; border-bottom: 1px solid #000; font-family: "neue-haas-unica",sans-serif; font-weight: 350; color: #003631; height: 50px; } .globalSearch .search-field::placeholder { font-style: italic; color: #0D0D0D; } .globalSearch .search-field:focus-visible{ outline: .5px solid #000000; outline-offset: 1px;} .globalSearch .search-submit, .globalSearch .search-submit:hover, .globalSearch .search-submit:focus { background-color: transparent; color: #003631; font-size: 20px; box-shadow: none; pointer-events: none; border-radius: 0; padding: 12px 44px 12px 16px; position: relative; top: -8px; } .globalSearch .search-submit:focus-visible{ outline: .5px solid #000000 !important; outline-offset: 1px !important;} .globalSearch .search-submit.active { pointer-events: all; position: relative; background-image: url(../../uploads/2024/03/btnarrow.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; border: 1px solid transparent; border-radius: 0; padding: 12px 44px 12px 16px; position: relative; top: -8px; } .globalSearch .search-submit.active:hover { border: 1px solid #003631; } /* SEARCH RESULT PAGE */ body.search .content-area, body.search .ast-archive-description, body.search .page-content, body.search .widget, body.search .search-form { text-align: left; margin-left: 0; } body.search .site-main { text-align: left; margin-left: 60px; max-width: 1050px; } body.search.search-results .ast-blog-layout-4-grid .ast-article-post { width: 100%; } body.search.search-results .ast-blog-layout-4-grid .ast-article-inner{ box-shadow: none; border-bottom: 1px solid #81CBEB; padding-top: 30px; padding-left: 0; padding-bottom: 60px; } body.search.search-results .entry-title a, body.search.search-results .entry-title a:hover { font-size: 24px; font-family: "neue-haas-unica",sans-serif; font-weight: 600; color: #003631; text-decoration: underline; } body.search .ast-archive-description .ast-breadcrumbs-wrapper { display: none; } body.search .page-title { font-size: 24px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; color: #003631; } body.search .page-title span { font-family: "neue-haas-unica",sans-serif; font-weight: 700; font-size: 24px; } body.search .post-thumb-img-content { display: none; } body.search .ast-blog-meta-container { display: none; } body.search .no-results.not-found {padding: 0; margin-top: 60px; } body.search .no-results.not-found .widget.widget_search { display: none; } body.search .ast-archive-description { padding-left: 60px; } body.search .searchPageTitle { padding-left: 60px; } body.search .continue, body.search .ast-taxonomy-container, body.search .ast-blog-featured-section { display: none; } body.search p { font-size: 16px; } body.search span { font-size: 16px; } body.search .search-breadcrumbs .trail-items { display: flex; padding-left: 0; margin-left: 0; list-style-type: none; margin-top: 12px; } body.search .search-breadcrumbs .trail-items li { } body.search .search-breadcrumbs .trail-items li a, body.search .search-breadcrumbs .trail-items li a span { color: #003631; font-family: "neue-haas-unica",sans-serif; font-size: 16px; font-weight: 400;} body.search .search-breadcrumbs .trail-items li span { color: #003631; font-family: "neue-haas-unica",sans-serif; font-size: 16px;} body.search .search-breadcrumbs .trail-items li::after { font-size: 16px; } .searchOnpage { margin-left: 60px; } .searchOnpage span { font-size: 18px; font-family: "neue-haas-unica",sans-serif; font-weight: 400; color: #0D0D0D; display: block; margin-bottom: 22px; } .searchOnpage .searchOnForm .search-form { display: flex; } .searchOnpage .searchOnForm .search-form label { width: 689px; margin-right: 20px;} .searchOnpage .searchOnForm .search-form label .search-field { width: 100%; border: 1px solid #E6E5D8; border-radius: 0; box-shadow: none; line-height: 54px; height: 54px; font-size: 16px; color: #0D0D0D; font-family: "neue-haas-unica",sans-serif; } .searchOnpage .searchOnForm .search-form label .search-submit { display: none; } .searchOnpage .searchOnForm .search-form .search-submit {border: 1px solid #003631; background-color: #CAB7FF; color: #003631; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 500; border-radius: 0; padding: 10px 45px 13px 20px; position: relative; background-image: url(../../uploads/2024/03/btnarrow.svg); background-repeat: no-repeat; background-position: calc(100% - 12px) center; } .searchOnpage .searchOnForm .search-form .search-submit:hover { background-color: #F4F1FF; } .ast-pagination { } .ast-pagination .prev.page-numbers, .ast-pagination .next.page-numbers { float: none; color: #003631; font-family: "neue-haas-unica",sans-serif; cursor: pointer; text-decoration: underline; padding: 0 10px; } .ast-pagination .prev.page-numbers:hover, .ast-pagination .next.page-numbers:hover {text-decoration: none; } .ast-pagination .prev.page-numbers span, .ast-pagination .next.page-numbers span { display: none; } .post-page-numbers.current .page-link, .ast-pagination .page-numbers.current { background: transparent; border: 1px solid #003631; color: #003631; } .directorHero { padding-bottom: 95px; margin-bottom: 95px; border-bottom: 1px solid #81CBEB; } .directorContent {display: block; margin-top: 60px; } .directorContent .directorContentLeft { display: inline-block; width: calc(100% - 440px); padding-right: 100px; vertical-align: top;} .directorContent .directorContentLeft p { font-size: 24px; line-height: 36px; } .directorContent .directorContentLeft ul { margin-left: 15px; } .directorContent .directorContentLeft li { font-size: 18px; line-height: 27px; color: #003631; } .directorContent .ourSearches { display: inline-block; width: 436px; padding: 40px; border: 1px solid #358636; vertical-align: top; } .directorContent .ourSearches p { font-size: 18px; margin-bottom: 0;} .directorContent .ourSearches p a { text-decoration: underline; } .directorContent .ourSearches p a:hover { text-decoration: none; color: #358636; } .currentOpport .font-50 { margin-bottom: 90px; display: block; } .insightWrap{ background: #E6E5D8; padding: 70px 0; width: calc(100% + 40px); margin-left: -20px; } .paginationWrap { display: flex; align-items: center; justify-content: center; } .paginationWrap .pagination { align-items: center; } .filterWrap { padding: 0; display: inline-flex; margin-bottom: 90px; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; } .filterWrap .customSelect { width: 194px; margin: 10px;} .filterWrap .customSelect .btn-group { width: 100%; border-radius: 0; } .filterWrap .customSelect .btn-group button { border: 1px solid #0D0D0D; border-radius: 0; color: #003631; font-size: 16px; font-family: "neue-haas-unica",sans-serif; background: transparent; } .filterWrap .customSelect .btn-group:hover button, .filterWrap .customSelect .btn-group button:focus, .filterWrap .customSelect .btn-group:hover button:focus { background-color: #CAB7FF; border-radius: 0; color: #003631; } .filterWrap .filterInput { position: relative; width: 408px; margin: 10px; } .filterWrap .filterInput input { border: .5px solid rgba(0, 47, 43, 0.50); background: #ffffff; border-radius: 0; padding-right: 55px; width: 100%; height: 52px; color: #000000; } .filterWrap .filterInput input:focus{ border: 1px solid #003631;} .filterWrap .filterInput button { position: absolute; border: 0; background: transparent; top: 50%; transform: translateY(-50%); right: 20px; padding: 0; width: 30px; height: 30px; display: inline-block; background-image: url(../../uploads/2024/04/search.svg); background-repeat: no-repeat; background-position: center; cursor: pointer; border-radius: 50%; box-shadow: none; } .filterWrap .filterInput button.resetBtn{ right:0; bottom: 0px; background-image: none; width: auto; height: 28px; transform: translateY(25px); color: #003631; font-size: 16px; text-decoration: underline; font-weight: 400; text-decoration-thickness: 1px !important; margin-top: 10px; } .customSelect .btn-group button .caret{ background-image: url(../../uploads/2024/04/select.svg); width: 14px; height: 8px; display: inline-block; position: absolute; right: 20px; background-repeat: no-repeat; top: 50%; transform: translateY(-50%); } .customSelect .btn-group.show button .caret { transform: translateY(-50%) rotate(180deg); } .customSelect .btn-group button { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 40px; padding-left: 20px; } .customSelect .btn-group button span { width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .customSelect .btn-group button::after { display: none; } .customSelect.singleSelect li label input, .customSelect.singleSelect .multiselect-container > li.active > a > label:before { display: none;} .customSelect.singleSelect li label::before { display: none;} .customSelect.singleSelect li label { padding: 20px; } .customSelect li a { color: #003631; font-size: 16px; font-family: "neue-haas-unica",sans-serif; } .customSelect li a label { position: relative; padding-left: 40px; height: 54px; display: flex; align-items: center; color: #003631; font-size: 16px; font-family: "neue-haas-unica",sans-serif; font-weight: 400; } .customSelect li:hover a, .customSelect li.active a { background-color: #CAB7FF; } .customSelect li a label::before{ position: absolute; border-radius:0; border:1px solid rgba(0,47,43,0.5); left: 8px; top: 50%; transform: translateY(-50%); margin-right: 0; content: '' !important; } .multiselect-container > li.active > a > label:before { background-color: #003631; background-image: url(../../uploads/2024/05/tick.svg); background-repeat: no-repeat; background-position: center; } .customSelect .multiselect-container { margin: 0; padding: 0; border-radius: 0; border: 1px solid #0D0D0D; border-top: 0; max-height: 320px; overflow: auto;} .customSelect .btn-group button { border: 1px solid #0D0D0D; border-radius: 0; color: #003631; font-size: 16px; font-family: "neue-haas-unica",sans-serif; } .customSelect .btn-group.show button { border-bottom: 0} .insightsCommonHeaders { } .ourInsightsTop { display: flex; width: calc(100% + 40px); margin-left: -20px; } .ourInsightsTop .ourInsightsContent { width: 57%; background: #B5EE0D; padding: 64px 90px; } .ourInsightsTop .ourInsightsContent.ourConnectContent{ background: #3BD1B6; } .ourInsightsTop .ourInsightsContent.ourStudiesContent{ background: #EF5D48; } .ourInsightsTop .ourInsightsContent h1 { margin-bottom: 60px; } .ourInsightsTop .ourInsightsContent p { margin-bottom: 0px; font-size: 24px !important; color: #003631; line-height: 36px !important; } .ourInsightsTop .ourInsightsImg { width: 43%; background-repeat: no-repeat; background-position: center; position: relative; background-size: cover !important; } .ourInsightsTop .ourInsightsImg::before{ content: ''; background-image: url(../../uploads/2024/04/borderppage.png); height: 100%; width: 88px; position: absolute; bottom: 0; right: 0; background-position: bottom left; background-repeat: no-repeat; background-size: cover; z-index:2; } .ourInsightsTop .ourInsightsImg img { width: 100%; opacity:0; } .ourInsightsTop .ourInsightsImg .imgShowBox { width: 100%; height: 100%; background-size: cover !important; background-position: center !important; } .spotlightBox { padding: 90px 60px;} .spotlight { display: flex; align-items: center; justify-content: center; } .spotlight .spotlightImg { padding: 60px; width: 760px; } .spotlight .spotlightImg span { width: 100%; display: inline-block; background-size: cover !important; background-position: left bottom !important; } .spotlight .spotlightImg span img { width: 100%; opacity: 0; } .spotlight .spotlightContent { max-width: 410px; width: 100%; padding-left: 50px; } .spotlight .spotlightContent .spotPublice { } .spotlight .spotlightContent .spotPublice span { font-size: 12px; line-height: 26px; letter-spacing: 0.24px; color: #003631; position: relative; pointer-events: none; font-family: "neue-haas-unica", sans-serif; font-weight: 500; padding-right: 27px; margin-right: 5px; } .spotlight .spotlightContent .spotPublice span:first-child:before { content: ''; position: absolute; right: 2px; top: 8px; width: 14px; height: 1.2px; background: #003631; z-index:3; } .spotlight .spotlightContent h2 { font-size: 30px; line-height: 36px; margin: 5px 0 10px 0; } .spotlight .spotlightContent h2 a { text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; text-decoration: underline; line-height: 40px; } .spotlight .spotlightContent h2:hover a { color: #003631; background: #CAB7FF; } .spotlight .spotlightContent h2 a:hover { color: #003631; } .spotlight .spotlightContent p { font-size: 18px; font-weight: 400; line-height: 27px; color: #0D0D0D; } .postsAuthor { } .postsAuthor span { font-size: 12px; line-height: 26px; letter-spacing: 0.24px; color: #003631; position: relative; pointer-events: none; font-family: "neue-haas-unica", sans-serif; font-weight: 500; padding-right: 27px; margin-right: 5px; } .postsAuthor span:first-child:before { content: ''; position: absolute; right: 2px; top: 10px; width: 14px; height: 1.2px; background: #003631; } .shareTitleBox { margin-top: 120px; } .shareHeading { width: 70%; } .shareTitleBox .shareTitleImg{ width: 30%; } .weShareWrap .vc_column-inner, .shareHeading .vc_column-inner { padding: 0; } .weShareWrap p { color: #003631; font-size: 24px; line-height: 36px; font-family: "calluna",serif; font-weight: 400; border-bottom: 1px solid #81CBEB; padding-bottom: 12px; margin-bottom: 12px; } .carerNotesWrap { max-width: 835px; margin-left: 0 !important; margin-top: 50px; } .carerNotesWrap p { font-size: 18px; } .openPositions h2 { border-top: 1px solid #81CBEB; padding-top: 90px; margin-top: 90px; margin-bottom: 80px; } .openPositions .BambooHR-ATS-board h2 { border: 0; padding-top: 0; margin-top: 0; margin-bottom: 0; } .inqueryWrap { display: flex; padding: 135px 80px; } .inqueryWrap .inqueryAddress { width: 100%; } .inqueryWrap .inqueryAddress .inqueryAddressList { margin-bottom: 20px; } .inqueryWrap .inqueryAddress .inqueryAddressList b { display: block; letter-spacing: 0.32px; font-weight: 400; font-size: 16px; line-height: 26px; color: #358636; } .inqueryWrap .inqueryAddress .inqueryAddressList a { font-size: 30px; line-height: 36px; color: #003631; text-decoration: underline; font-family: "calluna",serif; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; } .inqueryWrap .inqueryAddress .inqueryAddressList a.numLink{ text-decoration: none;} .inqueryWrap .inqueryAddress .inqueryAddressList a:hover{ color: #358636; text-decoration: none; } .inqueryWrap .inqueryForm { width: 100%; padding-left: 7.5%; } .inqueryForm form p:nth-child(4){ margin-bottom: 0; } .inqueryForm { } .inqueryForm strong { font-size: 24px; font-weight: 500; margin-bottom: 30px; display: block; } .inqueryForm .wpcf7-form-control { border-radius: 0; border: 1px solid rgba(0, 54, 49, 0.50); background:#FFF; min-height: 54px; margin-top: 9px; appearance: none; -webkit-appearance: none; position: relative; } .inqueryForm select.wpcf7-form-control{ background:url(../../uploads/2024/05/formeselect.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; height: 54px; padding-left: 15px; } .inqueryForm .wpcf7-form-control:focus { border: 1px solid #003631 !important; color: #000000 !important; } .inqueryForm .wpcf7-form-control::placeholder { color: #003631; font-size: 18px; font-weight: 350; } .inqueryForm label br { display: none; } .inqueryForm label { font-size: 18px; font-weight: 350; } textarea.wpcf7-form-control { height: 179px; resize: none; } .wpcf7-submit { } .inqueryForm .wpcf7-submit{ background-color: #B5EE0D; background-image: url(../../uploads/2024/03/btnarrow.svg); background-position: calc(100% - 20px) center; background-repeat: no-repeat; font-size: 16px; color: #003631; font-family: "neue-haas-unica",sans-serif; font-weight: 500; padding-right: 55px; position: relative; color: #003631; line-height: 54px; border-radius: 0; text-decoration: none !important; display: inline-block; padding-left: 20px; border: 1px solid #003631; transition: all .2s; padding-top: 0; padding-bottom: 0;} .inqueryForm .wpcf7-submit:hover, .inqueryForm .wpcf7-submit:focus {color: #003631; background-color: #F0FCCF; background-position: calc(100% - 12px) center; transition: all .2s; } .landMentWrap h2 { margin-bottom: 30px;} .landContent { margin-bottom: 20px; width: 100%; display: inline-block; } .landContent p{ font-family: "calluna",serif; font-size: 24px; line-height: 36px; font-style: italic; margin-bottom: 20px; } .landContentShift { display: flex; justify-content: space-between; } .landContentShift p { font-size: 18px; font-weight: 400; line-height: 27px; padding-right: 60px;} .ContentShiftLeft { width: 100%; padding-right: 64px; } .ContentShiftRight{ width: 100%; padding-left: 5%; } .ContentShiftRight p { padding-left: 0px; } .mapWrap { margin-bottom: 90px; } .mapWrap h2 { margin-bottom: 40px;} .mapWrap .mapArea { display: flex; justify-content: space-between; } .mapWrap .mapArea img { width: 100%; } .mapWrap .mapArea .mapLeft { width: 45%; } .mapWrap .mapArea .mapLeft iframe, .mapWrap .mapArea .mapRight iframe { width:100%; height: 330px; } .mapWrap .mapArea .mapRight { width: 45%; } .mapWrap .mapArea .mapAddress { margin-top: 34px; } .mapWrap .mapArea .mapAddress span { font-family:"calluna"; font-weight: 400; font-size: 30px; line-height: 36px; margin-bottom: 30px; display: block; } .mapWrap .mapArea .mapAddress p { font-size: 18px; line-height: 27px; margin-bottom: 30px; display: block; } .blogHero { display: flex; width: calc(100% + 20px); align-items: self-start; } .blogHero .blogCantent{ width: 100%; } .blogHero .blogCantent h1 { max-width: 1084px; padding-right: 110px; } .blogHero .blogHeroImage { width: 100%; position: relative; } .blogHero .blogHeroImage::before { content: ''; width: 82px; height: 100%; display: inline-block; position: absolute; right: 0; top: 0; background-position: bottom left; background: url(../../uploads/2024/04/borderppage.png); background-size: 82px 100%; background-repeat: no-repeat; } .blogHero .blogHeroImage img { width: 100%; } .publicePost { font-size: 24px; color: #003631; line-height: 36px; font-weight: 400; margin-top: 40px; } .publicePost a { color: #003631; text-decoration: underline; } .customUiPost { margin-top: 120px; width: 68%; } .customUiPost p, .customUiPost ul li, .customUiPost li { font-size: 18px; line-height: 27px; color: #0D0D0D; } .customUiPost i { font-size: 24px; color: #003631; line-height: 36px; } .customUiPost h2 { color: #003631; font-family:"calluna"; font-size: 50px; font-style: normal; font-weight: 400; line-height: 55px; } .shareWrap { display: flex; align-items: center; margin-top: 40px; } .shareWrap b { color: #003631; font-size: 24px; line-height: 36px; display: inline-block; vertical-align: middle; font-weight: 400; margin-right: 15px; } .shareWrap .socialLink { display: inline-block; vertical-align: middle; } .shareWrap .socialLink a { display: inline-block; text-decoration: underline; margin: 0 8px !important; vertical-align: middle !important; } .shareWrap .socialLink a img { opacity: 0; } /* .shareWrap .socialLink a.fb_ws:hover{ background-image: url(../../uploads/2024/03/fb_ws_gn.svg) !important; } .shareWrap .socialLink a.twit_ws:hover{ background-image: url(../../uploads/2024/03/twit_ws_gn.svg) !important; } .shareWrap .socialLink a.link_ws:hover{ background-image: url(../../uploads/2024/03/link_ws_gn.svg) !important; } .shareWrap .socialLink a.you_ws:hover{ background-image: url(../../uploads/2024/03/you_ws_gn.svg) !important; } */ .shareWrap .socialLink a span { opacity: 0!important; } .shareWrap .socialLink a.heateor_sss_facebook{ background-image: url(../../uploads/2024/03/fb_ws.svg) !important; background-position: center !important; background-repeat: no-repeat !important; } .shareWrap .socialLink a.heateor_sss_button_x{ background-image: url(../../uploads/2024/03/twit_ws.svg) !important; background-position: center !important; background-repeat: no-repeat !important;} .shareWrap .socialLink a.heateor_sss_button_linkedin{ background-image: url(../../uploads/2024/03/link_ws.svg) !important;background-position: center !important; background-repeat: no-repeat !important; } .shareWrap .socialLink a.heateor_sss_facebook:hover{ background-image: url(../../uploads/2024/03/fb_ws_gn.svg) !important; background-position: center !important; background-repeat: no-repeat !important; } .shareWrap .socialLink a.heateor_sss_button_x:hover{ background-image: url(../../uploads/2024/03/twit_ws_gn.svg) !important;background-position: center !important; background-repeat: no-repeat !important; } .shareWrap .socialLink a.heateor_sss_button_linkedin:hover{ background-image: url(../../uploads/2024/03/link_ws_gn.svg) !important;background-position: center !important; background-repeat: no-repeat !important; } .shareWrap .socialLink a.you_ws:hover{ background-image: url(../../uploads/2024/03/you_ws_gn.svg) !important; } .BambooHRWrap .BambooHR-ATS-board h2 { color: #adadad; font-size: 30px; line-height: 36px; font-weight: 400; } .BambooHRWrap .BambooHR-ATS-board strong { font-weight: 400; } .BambooHRWrap .BambooHR-ATS-board p { font-size:18px !important; font-weight: 400; } .workedWithWrap { padding: 80px 0; } .workedWithWrap .workedWithHead { margin-bottom: 60px; } .workedWithWrap .workedWithHead h2 { margin-bottom: 30px; } .workedWithWrap .workedWithHead span { font-size: 18px; line-height: 27px; color: #0D0D0D; } .workedWithWrap .workedWithHead .worked_with_notesMidd { display: flex; flex-wrap:wrap; justify-content: space-between; max-width: 750px; margin-top:15px; margin-bottom:40px; } .clientsLogoWrap { filter: grayscale(1); text-align: center; } .clientsLogoWrap figure { width: calc(16% - 20px); display: inline-block; background: #ffffff; margin: 15px 12px; } .clientsTestimonialsWrap { display: block; align-items: self-start; justify-content: space-between; padding: 90px 0 90px 0; } .clientsTestimonialsWrap .clientsTestimonialsList { padding: 58px 0; text-align: center; position: relative; } .clientsTestimonialsWrap .clientsTestimonialsList:last-child{ padding-bottom: 0; } .clientsTestimonialsWrap .clientsTestimonialsList::before { content: ''; width: 260px; height: 1px; position: absolute; left: 50%; top: 0; transform:translateX(-50%); background: #81CBEB; } .clientsTestimonialsWrap .clientsTestimonialsList:first-child::before{ display: none;} .clientsTestimonialsWrap .clientsTestimonialsList span { display: block; text-align: center; color: #358636; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 12px; } .clientsTestimonialsWrap .clientsTestimonialsList .testiContent { display: block;} .clientsTestimonialsWrap .clientsTestimonialsList .testiContent p { font-family:"calluna"; font-size: 24px; font-style: italic; font-weight: 400; line-height: 36px; margin-bottom:0; } .studiesInsightHead { padding: 0 20px; margin-bottom: 50px; } .studiesInsightHead h2 { margin-bottom: 30px; } .studiesInsightHead .studiesInsighNotes { font-size: 18px; line-height: 27px; } .studiesPostWrap { padding: 0 10px; display: flex; flex-wrap: wrap; } .studiesPost { width: calc(25% - 20px); margin: 25px 10px; } .studiesPost:hover .studiesContent a { } .studiesPost:hover .studiesImg b { bottom: 0; transition: all .5s; } .studiesPost span img { transition: all .5s; } .studiesPost:hover span img {transform: scale(1.1); transition: all .2s; } .studiesPost:hover .studiesImg b { color: #003631; } .studiesPost .studiesImg b{ background: #3BD1B6; position: absolute; bottom: -95px; left: 0; width: 100%; height: 105px; font-weight: 500; display: inline-flex; align-items: center; justify-content: end; padding-right: 70px; transition: all .2s ease-in-out; } .studiesPost .studiesImg b::before { content: ''; background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: all .2s ease-in-out; } .studiesPost .studiesImg { position: relative; display: inline-block; width: 100%; overflow: hidden; } .studiesPost .studiesImg span { position: relative; width: 100%; height: 100%; left: 0; top: 0; } .studiesPost .studiesImg img { width: 100%; } .studiesPost .studiesImg figure { width:100%; background-size: cover !important; background-position: left bottom !important; } .studiesPost .studiesImg figure img { opacity: 0; } .studiesPost .studiesContent { margin-top: 20px; } .studiesPost .studiesContent p { } .studiesPost .studiesContent .postsAuthor { margin-bottom: 10px; } /* .studiesPost .studiesContent .postsAuthor span { color: #003631; position: relative; pointer-events: none; font-family: "neue-haas-unica",sans-serif; font-weight: 500; } */ .studiesPost .studiesContent a {font-size: 30px; font-family:"calluna"; font-weight: 400; line-height: 40px; text-decoration: underline; display: inline ; color: #003631; text-underline-offset: .05em; text-underline-position: from-font; text-rendering: optimizeLegibility; text-decoration-thickness: 1.25px !important; } .studiesPost .studiesAllContent { margin-top: 10px; } .studiesPost .studiesContent a:hover { color: #003631; background: #3BD1B6; text-decoration: underline; } .studiesTags { margin-top: 18px; } .studiesTags span { color: #0D0D0D; font-size: 12px; font-weight: 500; line-height: 26px; letter-spacing: 0.24px; position: relative; padding-left: 5px; float: left; } .studiesTags span::before { content: ','; position: absolute; bottom: 0; left: 0; color: inherit; height: 100%; } .studiesTags span:first-child { padding-left: 0; } .studiesTags span:first-child:before { display: none;} .relatedHead { margin-bottom:54px; display: flex; justify-content: space-between; margin-top: 120px; padding: 0 10px; } .relatedHead .customBtn { margin:0; } .relatedPost{ display:flex; } .heateor_sss_horizontal_sharing { display: none !important; } .socialLink .heateor_sss_horizontal_sharing { display: block !important; } .careTitleBox .wpb_wrapper p:first-child { margin-bottom: 10px; } .connectSocial { margin-top: 10px; } .connectSocial .socialLink { display: flex; } .connectSocial .socialLink { display: inline-block; } .connectSocial .socialLink a { display: inline-block; text-decoration: underline; margin: 0 16px 0 0px; } .connectSocial .socialLink a img { opacity: 0; } .connectSocial .socialLink a.fb_ws:hover{ background-image: url(../../uploads/2024/03/fb_ws_gn.svg) !important; } .connectSocial .socialLink a.twit_ws:hover{ background-image: url(../../uploads/2024/03/twit_ws_gn.svg) !important; } .connectSocial .socialLink a.link_ws:hover{ background-image: url(../../uploads/2024/03/link_ws_gn.svg) !important; } .connectSocial .socialLink a.you_ws:hover{ background-image: url(../../uploads/2024/03/you_ws_gn.svg) !important; } /* ANIMATION STYLE START */ .graphAni { position: relative; margin-top: 80px; background-color: #ffffff; } .graphAni p { margin-bottom: 0; } .graphAni .purposeFont {font-weight: 700; font-size:15px; font-family: "neue-haas-unica", sans-serif;} .graphAni .boldFont { font-weight: 600; font-family: "neue-haas-unica", sans-serif; font-size: 16px; } .graphAni .normalFont { font-family: "neue-haas-unica", sans-serif; } .baseColore1 { position: absolute; background-color: #ffffff; z-index: 7; width: 200px; height: 100px; transform: rotate(45deg); left: -2px; bottom: -36px; } .baseColore2 { position: absolute; background-color: #ffffff; z-index: 6; width: 524px; height: 100px; transform: rotate(-45deg); left: 65px; bottom: 57px; } figure { } .graphBox { width: 515px; height: 431px; display: inline-block; } .gwd-svg-1x7d { position: absolute; top: 0px; width: 515px; height: 431px; left: 0px; } .gwd-div-dvew { position: absolute; width: 12.8px; height: 1.6px; background-image: none; left: 175px; top: 400px; transform: translate3d(-10px, 16px, 0px) rotateZ(-44.8793deg) scale3d(1, 1, 1); background-color: rgba(0, 54, 49, 0.53); z-index:8; opacity:0; transition: all .2s; } .gwd-div-dvew.active { animation: 0.6s linear 0s 1 normal forwards running gwd-gen-9j55gwdanimation_gwd-keyframes; transition: all .2s; } @keyframes gwd-gen-9j55gwdanimation_gwd-keyframes { 0% { transform: translate3d(-10px, 16px, 0px) rotateZ(-44.8793deg) scale3d(1, 1, 1); animation-timing-function: ease-out; opacity:0; } 43.3333% { transform: translate3d(91.3573px, -85.9809px, 0px) rotateZ(-45.0163deg) scale3d(23.4699, 1, 1); animation-timing-function: ease-out; opacity:.4; } 100% { transform: translate3d(156.11px, -151.132px, 0px) rotateZ(-45.1038deg) scale3d(37.825, 1, 1); animation-timing-function: linear; opacity:1; } } .gwd-div-1nbf { position: absolute; background-image: url(../../uploads/2024/04/arrowani.png); width: 14px; height: 14px; top: 405px; left: 168px; transform: translate3d(-1px, -1px, 0px); background-size: cover; z-index:8; opacity:0; } .gwd-div-1nbf.active{ animation: 0.6s linear 0s 1 normal forwards running gwd-gen-10bsgwdanimation_gwd-keyframes; } @keyframes gwd-gen-10bsgwdanimation_gwd-keyframes { 0% { transform: translate3d(-1px, -1px, 0px); animation-timing-function: ease-out; opacity:0; } 43.3333% { transform: translate3d(207px, -208px, 0px); animation-timing-function: ease-out; opacity:.5; } 100% { transform: translate3d(338px, -338px, 0px); animation-timing-function: linear; opacity:1; } } .gwd-div-30mk { position: absolute; left: 107px; top: 371px; width: 1.6px; height: 3.6px; transform-origin: 0.999674px 3.25105px 0px; transform: translate3d(59px, 47px, 0px) rotateZ(-44.7439deg) scale3d(1, 1, 1); border-image-source: none; border-image-width: 0; border-image-outset: 0; border-image-repeat: stretch; border-color: transparent; background-image: none; opacity: 1; visibility: inherit; background: linear-gradient(142deg, transparent 0%, #003631 80%); opacity:0;} .gwd-div-30mk.active{ animation: 0.42s linear 1.1s 1 normal forwards running gwd-gen-b5afgwdanimation_gwd-keyframes; } @keyframes gwd-gen-b5afgwdanimation_gwd-keyframes { 0% { transform: translate3d(59px, 47px, 0px) rotateZ(-44.7439deg) scale3d(1, 1, 1); width: 1.6px; height: 3.6px; background: linear-gradient(142deg, transparent 0%, #003631 80%); animation-timing-function: linear; --gwd-visibility-range: 1100, ; opacity:0; } 100% { transform: translate3d(57.0424px, 45.0247px, 0px) rotateZ(-44.7439deg) scale3d(1, 41.5067, 1); width: 1.6px; height: 3.6px; animation-timing-function: linear; background: #003631; opacity:1; } } .gwd-image-12cz { position: absolute; left: 0px; top: 0px; width: 515px; height: 432px; } .gwd-path-3dmy { position: absolute; stroke: none; stroke-width: 1px; height: 137.821px; width: 193.843px; left: 69px; transform-origin: 97.2102px 136.622px 0px; top: 424px; transform: translate3d(0px, 0px, 0px); fill: rgba(0, 54, 49, 0.7); opacity: 0; visibility: inherit; z-index:5; } .gwd-path-3dmy.active { /* animation: 1.4s linear 2.8s 1 normal forwards running gwd-gen-137cgwdanimation_gwd-keyframes; */ animation: 1s linear 1.8s 1 normal forwards running gwd-gen-137cgwdanimation_gwd-keyframes; } @keyframes gwd-gen-137cgwdanimation_gwd-keyframes { 0% { transform: translate3d(0px, 0px, 0px); fill: rgba(0, 54, 49, 0.7); opacity: 0; animation-timing-function: linear; --gwd-visibility-range: 2800, ; } 50% { transform: translate3d(0px, -131px, 0px); fill: rgba(0, 54, 49, 0.7); opacity: 0.5; animation-timing-function: linear; } 53.5714% { transform: translate3d(0px, -140px, 0px); fill: rgba(0, 54, 49, 0.7); opacity: 0.5; animation-timing-function: linear; } 64.2857% { transform: translate3d(0px, -140px, 0px); fill: rgba(0, 54, 49, 0.7); opacity: 0.64; animation-timing-function: linear; } 100% { transform: translate3d(0px, -140px, 0px); fill: rgb(0, 54, 49); opacity: 1; animation-timing-function: linear; } } .gwd-path-1qx8 { position: absolute; stroke: none; stroke-width: 1px; width: 289.812px; transform-origin: 104.8px 153.601px 0px; height: 153.61px; left: 63.4608px; top: 154.696px; fill: rgba(39, 34, 93, 0); transform: translate3d(-4.3287px, 76.1572px, 0px) rotateZ(86.2827deg) scale3d(0.179, 1, 1); visibility: inherit; opacity: 0.5; z-index:4; } .gwd-path-1qx8.active { animation: 1.4s linear 1.2s 1 normal forwards running gwd-gen-1dt4gwdanimation_gwd-keyframes; } /* .gwd-path-1qx8.active { animation: 0.9s linear 5.8s 1 normal forwards running gwd-gen-1dt4gwdanimation_gwd-keyframes; } */ @keyframes gwd-gen-1dt4gwdanimation_gwd-keyframes { 0% { transform: translate3d(-4.3287px, 76.1572px, 0px) rotateZ(86.2827deg) scale3d(0.179, 1, 1); fill: rgba(39, 34, 93, 0); opacity: 0.5; animation-timing-function: linear; /* --gwd-visibility-range: 5800, ; */ } 22.2222% { transform: translate3d(-18.4155px, 86.0847px, 0px) rotateZ(57.7139deg) scale3d(0.3815, 1.2439, 1); fill: rgb(76, 183, 72); opacity: 0.5; animation-timing-function: ease-in; } 72.2222% { transform: translate3d(-1px, 114px, 0px) rotateZ(0.5762deg) scale3d(1, 1.7317, 1); fill: rgb(76, 183, 72); opacity: 0.5; animation-timing-function: linear; } 100% { transform: translate3d(-1px, 114px, 0px) rotateZ(0.5762deg) scale3d(1, 1.7317, 1); fill: rgb(76, 183, 72); opacity: 1; animation-timing-function: linear; } } .gwd-path-w8nr { position: absolute; stroke: none; stroke-width: 1px; transform-origin: 0px 393.984px 0px; width: 284.294px; height: 394.001px; left: 163.893px; top: 26.9245px; transform: rotateZ(48.0627deg) scale3d(0.2203, 0.7469, 1); visibility: inherit; fill: rgba(129, 203, 235, 0); } .gwd-path-w8nr.active { animation: 1.8s linear 2.5s 1 normal forwards running gwd-gen-2x4pgwdanimation_gwd-keyframes; } /* .gwd-path-w8nr.active { animation: 2.9s linear 9.1s 1 normal forwards running gwd-gen-2x4pgwdanimation_gwd-keyframes; } */ @keyframes gwd-gen-2x4pgwdanimation_gwd-keyframes { 0% { transform: rotateZ(48.0627deg) scale3d(0.2203, 0.7469, 1); fill: rgba(129, 203, 235, 0); animation-timing-function: ease-in-out; --gwd-visibility-range: 9100, 36850; } 10.3448% { transform: rotateZ(36.858deg) scale3d(0.2114, 0.8053, 1); fill: rgba(129, 203, 235, 0.3); animation-timing-function: ease-in; } 34.4828% { transform: rotateZ(-0.4908deg) scale3d(1, 1, 1); fill: rgba(129, 203, 235, 0.3); animation-timing-function: linear; } 100% { transform: rotateZ(-0.4908deg) scale3d(1, 1, 1); fill: rgb(129, 203, 235); animation-timing-function: linear; } } .gwd-div-1cz2 { position: absolute; background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%); width: 1px; top: 176px; left: 165px; height: 6.10155px; transform-origin: 0.815147px 6.08419px 0px; transform: translate3d(0.0661276px, 239.885px, 0px) rotateZ(-22.6698deg) scale3d(1, 1, 1); visibility: inherit; z-index:6; opacity:0; } .gwd-div-1cz2.active { animation: 1.4s linear 7.1s 1 normal forwards running gwd-gen-1dp2gwdanimation_gwd-keyframes; } @keyframes gwd-gen-1dp2gwdanimation_gwd-keyframes { 0% { transform: translate3d(0.0661276px, 239.885px, 0px) rotateZ(-22.6698deg) scale3d(1, 1, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%); animation-timing-function: linear; opacity:0; --gwd-visibility-range: 7100, 36850; } 35.7143% { transform: translate3d(-0.0904px, 239.51px, 0px) rotateZ(-22.6698deg) scale3d(1, 43.4893, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%); animation-timing-function: linear; opacity:1; } 64.2857% { transform: translate3d(-0.0904px, 239.51px, 0px) rotateZ(-22.6698deg) scale3d(1, 43.4893, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%); animation-timing-function: linear; opacity:1; } 100% { transform: translate3d(-0.0904px, 239.51px, 0px) rotateZ(-22.6698deg) scale3d(1, 43.4893, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(243, 245, 246) 100%); animation-timing-function: linear; opacity:1; } } .gwd-div-11z8 { position: absolute; background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%); width: 1px; top: 176px; left: 165px; height: 6.10155px; transform-origin: 0.815147px 6.08419px 0px; transform: translate3d(0.0661276px, 239.885px, 0px) rotateZ(-1.3632deg) scale3d(1, 1, 1); visibility: inherit; z-index:6; opacity:0; } .gwd-div-11z8.active { animation: 3.5s linear 1.8s 1 normal forwards running gwd-gen-xsdkgwdanimation_gwd-keyframes; } @keyframes gwd-gen-xsdkgwdanimation_gwd-keyframes { 0% { transform: translate3d(0.0661276px, 239.885px, 0px) rotateZ(-1.3632deg) scale3d(1, 1, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%); animation-timing-function: linear; --gwd-visibility-range: 11000, 36850; opacity:0; } 20% { transform: translate3d(-0.093px, 239.307px, 0px) rotateZ(-0.7252deg) scale3d(1, 64.7545, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 54, 49) 100%); animation-timing-function: linear; opacity:1; } 60% { transform: translate3d(-0.093px, 239.307px, 0px) rotateZ(-0.7252deg) scale3d(1, 64.7545, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 54, 49) 100%); animation-timing-function: linear; opacity:1; } 100% { transform: translate3d(-0.093px, 239.307px, 0px) rotateZ(-0.7252deg) scale3d(1, 64.7545, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%); animation-timing-function: linear; opacity:1; } } .gwd-div-rrnk { position: absolute; background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%); width: 1px; top: 176px; left: 165px; height: 6.10155px; transform-origin: 0.815147px 6.08419px 0px; transform: translate3d(0.0661276px, 239.885px, 0px) rotateZ(23.7546deg) scale3d(1, 1, 1); visibility: inherit; opacity:0; z-index:6; } .gwd-div-rrnk.active{ animation: 3.5s linear 1.8s 1 normal forwards running gwd-gen-1ksngwdanimation_gwd-keyframes; } @keyframes gwd-gen-1ksngwdanimation_gwd-keyframes { 0% { transform: translate3d(0.0661276px, 239.885px, 0px) rotateZ(23.7546deg) scale3d(1, 1, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 100%); opacity:0; animation-timing-function: linear; --gwd-visibility-range: 11000, 38600; } 20% { transform: translate3d(-0.093px, 239.307px, 0px) rotateZ(24.1164deg) scale3d(1, 64.7545, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(0, 54, 49) 100%); animation-timing-function: linear; opacity:1; } 60% { transform: translate3d(-0.093px, 239.307px, 0px) rotateZ(24.1164deg) scale3d(1, 64.7545, 1); background-image: -webkit-linear-gradient(left, rgb(0, 54, 49) 0%, rgb(243, 245, 246) 100%); animation-timing-function: linear; opacity:1; } 100% { transform: translate3d(-0.093px, 239.307px, 0px) rotateZ(24.1164deg) scale3d(1, 64.7545, 1); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(243, 245, 246) 100%); animation-timing-function: linear; opacity:1; } } .gwd-p-1u12 {position: absolute;left: 310px; top: 154px; color: rgb(0, 54, 49); visibility: inherit; transform-origin: 32.4px 12.2667px 0px; transform: translate3d(84px, -26px, 0px) rotateZ(-44.6838deg); opacity:0; } .gwd-p-1u12.active { animation: 0.3s linear 0.4s 1 normal forwards running gwd-gen-bc3ggwdanimation_gwd-keyframes; } @keyframes gwd-gen-bc3ggwdanimation_gwd-keyframes { 0% { transform: translate3d(84px, -26px, 0px) rotateZ(-44.6838deg); animation-timing-function: linear; --gwd-visibility-range: 400, ; opacity:0; } 100% { transform: translate3d(120px, -65px, 0px) rotateZ(-44.6838deg); animation-timing-function: linear; opacity:1; } } .gwd-p-gs5l { position: absolute; left: 16px; top: 340px; color: rgb(0, 54, 49); font-size: 14px; transform: translate3d(-17px, -36px, 0px); visibility: inherit; z-index:6; opacity:0; } .gwd-p-gs5l.active { animation: 0.3s linear 1.9s 1 normal forwards running gwd-gen-1y2lgwdanimation_gwd-keyframes; } @keyframes gwd-gen-1y2lgwdanimation_gwd-keyframes { 0% { transform: translate3d(-17px, -36px, 0px); animation-timing-function: linear; --gwd-visibility-range: 1900, ; opacity:0; } 100% { transform: translate3d(-17px, -47px, 0px); animation-timing-function: linear; opacity:1; } } .gwd-p-13mt { position: absolute; color: rgb(0, 54, 49); left: 225px; top: 408px; opacity: 0; transform: translate3d(0px, 0px, 0px); visibility: inherit; z-index:6; } .gwd-p-13mt.active{ animation: 1s linear 3.7s 1 normal forwards running gwd-gen-gzk0gwdanimation_gwd-keyframes; } @keyframes gwd-gen-gzk0gwdanimation_gwd-keyframes { 0% { opacity: 0; transform: translate3d(0px, 0px, 0px); animation-timing-function: linear; --gwd-visibility-range: 3700, ; } 100% { opacity: 1; transform: translate3d(0px, -15px, 0px); animation-timing-function: linear; } } .gwd-p-5kpa { position: absolute; color: rgb(0, 54, 49); left: 225px; top: 387px; opacity: 0; transform: translate3d(0px, 0px, 0px); visibility: inherit; z-index:6; } .gwd-p-5kpa.active { animation: 0.5s linear 3.7s 1 normal forwards running gwd-gen-plk5gwdanimation_gwd-keyframes; } @keyframes gwd-gen-plk5gwdanimation_gwd-keyframes { 0% { opacity: 0; transform: translate3d(0px, 0px, 0px); animation-timing-function: linear; --gwd-visibility-range: 3700, ; } 100% { opacity: 1; transform: translate3d(0px, -12px, 0px); animation-timing-function: linear; } } .gwd-span-ulpp { position: absolute; color: rgb(0, 54, 49); height: 25px; transform-origin: 50% 50% 0px; width: 63px; left: 320px; visibility: inherit; top: 292px; transform: translate3d(0px, 0px, 0px); opacity: 0; z-index:6; } .gwd-span-ulpp.active { animation: 0.8s linear 6.3s 1 normal forwards running gwd-gen-1aargwdanimation_gwd-keyframes; } @keyframes gwd-gen-1aargwdanimation_gwd-keyframes { 0% { transform: translate3d(0px, 0px, 0px); opacity: 0; animation-timing-function: ease-in-out; --gwd-visibility-range: 6300, ; } 100% { transform: translate3d(0px, -11px, 0px); opacity: 1; animation-timing-function: linear; } } .gwd-span-8yky { position: absolute; color: rgb(0, 54, 49); left: 320px; visibility: inherit; top: 321px; transform: translate3d(0px, 0px, 0px); opacity: 0; z-index:6; } .gwd-span-8yky.active { animation: 0.8s linear 6.3s 1 normal forwards running gwd-gen-v9ubgwdanimation_gwd-keyframes; } @keyframes gwd-gen-v9ubgwdanimation_gwd-keyframes { 0% { transform: translate3d(0px, 0px, 0px); opacity: 0; animation-timing-function: ease-in-out; --gwd-visibility-range: 6300, ; } 100% { transform: translate3d(0px, -21px, 0px); opacity: 1; animation-timing-function: linear; } } .gwd-span-g2p3 { position: absolute; color: rgb(0, 54, 49); left: 320px; visibility: inherit; top: 349px; transform: translate3d(0px, 0px, 0px); opacity: 0; z-index:6; } .gwd-span-g2p3.active { animation: 0.802s linear 6.3s 1 normal forwards running gwd-gen-12jlgwdanimation_gwd-keyframes; } @keyframes gwd-gen-12jlgwdanimation_gwd-keyframes { 0% { transform: translate3d(0px, 0px, 0px); opacity: 0; animation-timing-function: ease-in-out; --gwd-visibility-range: 6300, ; } 99.7506% { transform: translate3d(0px, -28px, 0px); opacity: 1; animation-timing-function: linear; } 100% { transform: translate3d(0px, -28px, 0px); opacity: 1; animation-timing-function: linear; } } .gwd-span-z3v9 { position: absolute; left: 22px;top: 135px; color: rgb(0, 54, 49); font-size: 14px; opacity: 0; visibility: inherit; transform: translate3d(2px, 20px, 0px); z-index:6; } .gwd-span-z3v9.active { animation: 0.4s linear 7.8s 1 normal forwards running gwd-gen-d76cgwdanimation_gwd-keyframes; } @keyframes gwd-gen-d76cgwdanimation_gwd-keyframes { 0% { opacity: 0; transform: translate3d(2px, 20px, 0px); animation-timing-function: ease-out; --gwd-visibility-range: 7800, ; } 100% { opacity: 1; transform: translate3d(3px, 2px, 0px); animation-timing-function: linear; } } .gwd-span-wucq { position: absolute; color: rgb(0, 54, 49); left: 414px; visibility: inherit; top: 197px; opacity: 0; transform: translate3d(0px, 4px, 0px); z-index:6; } .gwd-span-wucq.active { animation: 0.2s linear 3.55s 1 normal forwards running gwd-gen-184agwdanimation_gwd-keyframes; } @keyframes gwd-gen-184agwdanimation_gwd-keyframes { 0% { transform: translate3d(0px, 4px, 0px); opacity: 0; animation-timing-function: ease-in-out; --gwd-visibility-range: 9550, ; } 100% { transform: translate3d(0px, -10px, 0px); opacity: 1; animation-timing-function: linear; } } .gwd-span-919e { position: absolute; color: rgb(0, 54, 49); left: 413px; visibility: inherit; top: 226px; transform: translate3d(0px, 0px, 0px); opacity: 0; z-index:6; } .gwd-span-919e.active { animation: 0.35s linear 3.55s 1 normal forwards running gwd-gen-1kj3gwdanimation_gwd-keyframes; } @keyframes gwd-gen-1kj3gwdanimation_gwd-keyframes { 0% { transform: translate3d(0px, 0px, 0px); opacity: 0; animation-timing-function: ease-in-out; --gwd-visibility-range: 9550, ; } 100% { transform: translate3d(0px, -20px, 0px); opacity: 1; animation-timing-function: linear; } } .gwd-span-1an0 { position: absolute; left: 137px; top: 27px; width: 56px; height: 16px; color: rgb(0, 54, 49); font-size: 14px; opacity: 0; transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); visibility: inherit; z-index:6; } .gwd-span-1an0.active { animation: 1.4s linear 4.6s 1 normal forwards running gwd-gen-1kbngwdanimation_gwd-keyframes; } @keyframes gwd-gen-1kbngwdanimation_gwd-keyframes { 0% { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1); opacity: 0; animation-timing-function: ease-in-out; --gwd-visibility-range: 12600, ; } 100% { transform: translate3d(0px, -30px, 0px) scale3d(1.0028, 1, 1); opacity: 1; animation-timing-function: linear; } } .gwd-span-1ny3 { position: absolute; left: 320px; font-size: 14px; color: rgb(0, 54, 49); visibility: inherit; top: 48px; transform: translate3d(0px, 0px, 0px); opacity: 0; z-index:6; } .gwd-span-1ny3.active { animation: 1s linear 5.6s 1 normal forwards running gwd-gen-v0n9gwdanimation_gwd-keyframes; } @keyframes gwd-gen-v0n9gwdanimation_gwd-keyframes { 0% { transform: translate3d(0px, 0px, 0px); opacity: 0; animation-timing-function: ease-in-out; --gwd-visibility-range: 13600, ; } 100% { transform: translate3d(0px, -10px, 0px); opacity: 1; animation-timing-function: linear; } } /* ANIMATION STYLE END */ .opacity0 { opacity: 0; } .opacity06 { opacity:.6 !important; transition: all .5s; } .opacity1{ opacity:1 !important; transition: all .5s; } .differenceWrap { margin: 60px 0 30px 0;} .differenceWrap .differenceContent { padding-right: 120px;} .differenceWrap .differenceContent p, .differenceWrap .differenceContent h3{ font-size: 18px; font-weight: 400; color: #0D0D0D; line-height: 27px; } .differenceWrap .differenceNotes p, .differenceWrap .differenceNotes h3 { text-align: center; font-family: "calluna"; font-style: italic; font-weight: 400; } .QuotationWrap .customUiPost { display: inline-block; vertical-align: top; } .QuotationWrap .caseQuotation { width: 30%; display: inline-block; text-align: center; font-style: italic; font-family: "calluna"; font-weight:400; vertical-align: top; font-size: 24px; line-height: 36px; padding-left: 40px; margin-top: 114px; } .privicyBox { } .privicyBox h2 { font-weight:400; font-size: 30px; line-height: 34px; } .privicyBox p { font-size: 20px; line-height: 28px; } .opacityContent { transition: all .5s; opacity:1; } .custom404 { max-width: 710px; font-size: 24px; line-height: 36px; padding-left:63px; } .custom404 h2 { margin-bottom: 60px; } .custom404 a { text-decoration: underline; } .custom404 p { font-size: 24px; line-height: 36px; } .custom404 ul { margin-left: 50px; } .postPageUi h2 { font-size: 50px; line-height: 55px; margin-bottom: 18px;} .postPageUi h3 { font-size: 30px; line-height: 33px; margin-bottom: 18px; } .postPageUi h4 { font-size: 20px; line-height: 22px; margin-bottom: 18px; } .popupAreaBox { display: none; align-items: center; justify-content: center; position:fixed; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.20); z-index: 999; } .home .popupAreaBox.showpopup { display: flex; } .popupAreaBox .popupArea { background: #ffffff; padding: 80px 90px; max-width: 805px; width: 100%; position: relative; } .popupAreaBox .popupArea a { width: 50px;height: 50px; cursor: pointer; background-image: url(../../uploads/2024/03/close.svg); background-repeat: no-repeat; background-position: center; position: absolute; right: 20px; border-radius: 50%; border: 1px solid #003631; top: 20px; font-size: 0; background-color: #ffffff; } .popupAreaBox .popupArea h2 { font-size: 50px; line-height: 55px; margin-bottom: 40px; } @media (min-width: 922px) { header .ast-container { padding-left: 80px; padding-right: 80px; } .ast-container { max-width: 100% !important; } } @media (max-width: 1340px) { header .ast-container, footer .centerWrap { padding-left: 40px; padding-right: 40px; } .main-header-menu > .menu-item > .menu-link { padding: 0 7px; } .weetWatsonBox h2 { font-size: 40px; line-height: 44px; } .weetWatsonBox p { font-size: 18px; line-height: 27px; } .weetWatsonBox .meetContentRight .vc_column-inner { padding-left: 90px; } .weetWatsonBox .meetContentLeft .vc_column-inner { padding-right: 90px; } .meetpageContent { padding: 60px 40px; } .meetpageContent p { font-size: 20px; line-height: 30px; margin-top: 40px; } .graphAni { transform: scale(.9); } } @media (max-width: 1280px) { .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item { padding: 0 10px; } .main-header-menu > .menu-item > .menu-link { font-size: 17px; } .main-header-menu > .menu-item > .menu-link { min-width: 70px; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(3) { min-width: 190px; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item:nth-child(2) { min-width: 175px; } .main-header-menu > .menu-item > .menu-link { padding: 0px; font-size: 16px; } .graphAni { transform: scale(.8); left: -50px; } .graphAni .boldFont { width: 160px } } @media (max-width: 1160px) { .ctaWrap1 .ctaContent p, .ctaWrap1 .ctaContent h2 { font-size: 48px; line-height: 54px; } .vc_general.vc_btn3 { font-size: 14px; min-height: 46px; } .heroWrap .heroLeftTop h2, .heroWrap .heroLeftTop h1 { font-size: 48px; line-height: 52px; } /* .heroWrap .heroLeftTop { padding: 3vh 60px; } .heroWrap .heroLeftbottom { padding: 5vh 60px; } */ .ctaWrap1 .ctaContent {padding: 40px;} .latestBlogHome .wpb_wrapper h2 { font-size: 54px; line-height: 72px; } .ast-logo-title-inline .site-logo-img { width: 165px; } .main-header-menu > .menu-item > .menu-link { padding: 0px; font-size: 16px; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item { padding: 0 6px; } .astm-search-menu { margin-left: 10px; } .heroWrap .heroLeftbottom p { font-size: 20px; line-height: 30px; } .topContentBox .wpb_wrapper p { font-size: 18px; line-height: 27px; } footer .footMenu .footLink a { font-size: 16px; } .meetpageContent { width: 58%; } .meetpageBanner .meetpageImg { width: 42%; } .meetpageContent h2, .meetpageContent h1 { font-size: 40px; line-height: 44px;} .site-header .ast-container { padding: 0 60px; } .teamHeader .teamTop h2, .teamHeader .teamTop h1 { font-size: 40px; line-height: 44px; } .notesWrap .notesContent p { line-height: 26px; } .meetpartnersHead h2 { font-size: 40px; line-height: 28px;} .meetpartnerList .meetRow .meetListBox .meetListContent h2 a { font-size: 24px; line-height: 28px; } .meetpartnerList .meetRow .meetListBox .meetListContent span, .meetpartnerList .meetRow .meetListBox .meetListContent p { font-size: 14px; line-height: 21px; margin-bottom: 0; } .ctaOurTeam .ctaContent p { font-size: 48px; line-height: 54px; } .bioHero .bioContent h2, .bioHero .bioContent h1 .expMainWrap .expAndCredentials h2 { font-size: 40px; line-height: 44px; } .bioHero .bioContent p { line-height: 36px; } .tabsUserInput .tabsUserDetail span { font-size: 14px; line-height: 21px; } .tabsUserInput .tabsUserDetail p { font-size: 20px; line-height: 30px; } .expMainWrap .expAndCredentials .credentialsBox { font-size: 16px; line-height: 24px; } .expMainWrap .focusUrlWrap h2 {font-size: 24px; line-height: 28px; } .expMainWrap .focusUrlWrap .focusUrl a { font-size: 16px; } .contactListWrap .contactList { width: 100%; } .expMainWrap .focusUrlWrap { width: 320px; } .expMainWrap .expAndCredentials { width: calc(100% - 325px); } .bioHero .bioContent { padding-left: 60px; padding-right: 60px; } .bioHero .bioContent { width: 62%; } .bioHero .bioImg { width: 38%; } .bioHero .bioHeroRow { min-height: 320px; } .commanHero { padding-left: 40px; } .commanHero .commanCantent h2, .commanHero .commanCantent h1 { font-size: 40px; line-height: 44px; } .commanHero .commanCantent h3 { font-size: 24px; line-height: 36px; margin-top: 20px; margin-bottom: 40px; } .commanHero .commanCantent p{ font-size: 20px; line-height: 30px; margin-top: 40px; } .boardWrapBox .boardContent h2 { font-size: 40px; line-height: 44px; } .boardWrapBox .boardListing { font-size: 20px; line-height: 27px; } .ast-header-breadcrumb { padding: 30px 41px 20px 41px; } .font-50 { font-size: 40px !important; line-height: 44px !important; } .font-70 { font-size: 40px !important; line-height: 44px !important; font-weight: 400 !important; color: #003631 !important; } .servicesWrap h2 { font-size: 24px; line-height: 28px; } .postsDetails .postsDetailsHead { display: block; } .postsDetails .postsDetailsHead h2 { font-size: 50px; line-height: 54px; } body.search .searchPageTitle, body.search .ast-archive-description { padding-left: 40px; } .searchOnpage, body.search .site-main { margin-left: 0; padding-left: 40px; } .filterWrap { flex-wrap: wrap; } .filterWrap .customSelect { margin-bottom: 20px; } .filterWrap { padding: 0 60px; } .ourInsightsTop .ourInsightsContent { padding-left: 60px; padding-right: 60px; } .spotlightBox { padding: 60px 40px; } .spotlight .spotlightImg { width: 50%; padding: 60px 0; } .postsContBox { width: 100%; margin: 0; padding: 0 20px; } .inqueryWrap .inqueryAddress .inqueryAddressList a { font-size: 24px; } .graphAni { transform: scale(.8); left: -70px; } } @media only screen and (max-width: 1025px) { footer .centerWrap, footer .footBottom .centerWrap { width: 100%; padding-left: 20px; padding-right: 20px; } /* .ast-header-break-point #ast-mobile-header .ast-mobile-header-content { display: none; } */ /* #ast-desktop-header .site-header-section { display: none; } #ast-mobile-header { display: block; } */ .centerWrap { padding-left: 0; padding-right: 0; } /* .ast-main-header-nav-open .main-header-menu .menu-item.menu-item-has-children::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; } */ .ast-icon.icon-arrow svg { transform: rotate(-90deg); top: -3px; } .ast-main-header-nav-open .main-header-menu .menu-item.menu-item-has-children .menu-link { pointer-events: none; color: #003631; } .ast-main-header-nav-open .main-header-menu .menu-item.menu-item-has-children .customSubmenu .menu-link { pointer-events: visible; } .ast-main-header-nav-open #ast-desktop-header { display: block; position: fixed; top: 80px; left: 0; width: 100%; z-index: 1;} .ast-main-header-nav-open #ast-desktop-header .site-header-section { display: block; width: 100%; padding: 0 22px; } .ast-main-header-nav-open #ast-desktop-header .site-header-primary-section-left { display: none; } .customSubmenu { padding: 20px 0px 40px 0px; height: auto; overflow: visible; z-index: 10; display:block !important; left: auto; right: -110%; transition: all .2s ease-in; } #ast-mobile-header .ast-mobile-header-content{ display: none; } .ast-main-header-nav-open .ast-primary-header-bar .site-primary-header-wrap { width: 100%; padding: 0; } .astm-search-menu { display: none !important; } #ast-desktop-header .ast-builder-grid-row { display: block; } .mobileScroll { flex-wrap: wrap; } .customSubmenu.showHeader { display: block !important; position: fixed; opacity: 1; height: auto; width: 100%; background: #EAE2FF; z-index: 5; top: 80px; left: auto; right:0; padding: 20px 0px 40px 0px; pointer-events: visible; transition: all .2s ease-out; } .main-header-menu > .menu-item > .menu-link { min-width: 57px; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description, .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul { width: 100%; padding: 0 20px; margin-top: 30px; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description { margin-top: 0; font-size: 18px; line-height: 27px; font-weight: 400; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description h2, .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description h1 { font-size: 30px; line-height: 38px; font-family:"calluna"; font-weight: 400; margin-bottom: 14px; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description .closeSubmenuItem { position: relative; right: auto; top: auto; display: block; font-weight: 600; background-image: none ; width: auto; height: auto; background-repeat: no-repeat; padding-left: 15px; font-size: 18px; color: #003631; margin-bottom: 40px; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .menu-item-description .closeSubmenuItem::before{ content: ''; background: url(../../uploads/2024/03/backarrow.svg); background-repeat: no-repeat; top: 50%; left: 0; transform: translateY(-50%); position: absolute; display: inline-block; width: 10px; height: 11px; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .closeSubmenuItem { font-size: 18px; background-image: url(../../uploads/2024/03/backarrow.svg); right: auto; left: 21px; top: 0; position: relative; background-position: left center; padding-left: 13px; background-repeat: no-repeat; font-weight: 600; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .closeSubmenuItem:hover { color: #003631; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul + .closeSubmenuItem {background-image: none; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li { background: transparent; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li .ast-icon.icon-arrow { display: none;} .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a { border-bottom: 1px solid #003631; font-family: "neue-haas-unica",sans-serif; font-weight: 500; font-size: 18px; color: #003631; position: relative; line-height: normal; padding: 12px 0px; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a b { display: block; font-weight: 400; font-size: 14px; line-height: normal; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a:hover{ background: #EAE2FF; font-family: "neue-haas-unica",sans-serif; font-weight: 500; color: #003631; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a::before{ content: ''; background: url(../../uploads/2024/03/btnarrow.svg); width: 21px; height: 16px; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 11px; opacity: 1; transition: all .5s; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a:hover::before{ right: 11px; opacity: 1;} .ast-main-header-nav-open .ast-header-break-point .main-navigation ul .menu-item .menu-link { background: #ffffff; } .ast-header-break-point .main-navigation .stack-on-mobile li { background: #ffffff; padding: 8px 0;} .ast-header-break-point .main-navigation .stack-on-mobile li:hover .menu-link, .ast-header-break-point .main-navigation .stack-on-mobile li:hover .ast-icon{ color: #003631; } .ast-header-break-point .main-navigation ul .menu-item .menu-link { border-bottom: 0; padding: 0; } .ast-header-break-point .main-navigation ul .menu-item .menu-link:focus { color: #003631; } .site-header-section .ast-main-header-bar-alignment { padding: 0; display: block; } .ast-main-header-nav-open .site-header-section .ast-main-header-bar-alignment { padding: 40px 0; display: block; } .ast-main-header-nav-open .site-header-section .ast-main-header-bar-alignment { display: block; } #ast-desktop-header { position:fixed; width: 100%; height: 0; display: block !important; } .site-header .ast-container { padding: 0 20px; width:100%; min-height:0; } #ast-desktop-header .site-header-primary-section-left, #ast-desktop-header .searchIcon { display: none; } .ast-header-break-point #ast-mobile-header { position: absolute; top: 0; width: 100%; } .ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu { border-top: 0; } .ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle { top: 11px; box-shadow: none; width: 100%; text-align: right; right: 0; height: 52px; } .main-header-bar-navigation { display: none; } .ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .closeSubmenuItem { font-size: 18px; } .ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar { padding-right: 5px; } [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg { width: 35px; height: 35px; border: 1px solid #003631; border-radius: 50%; padding: 6px; fill: #003631; } [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg:hover { background-color: #EAE2FF; } .searchIcon, .searchIcon:focus { position: absolute; right: 74px; width: 35px; height: 35px; border: 1px solid #003631; } .graphAni { transform: scale(.7); left: -50px; } .postsBoxColor, .homePageBlogMain { padding: 80px 10px 120px 10px; } .herorightPanel.animationStart { background-size: 260%; } } @media only screen and (max-width: 1020px) { } @media (max-width: 991px) { .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{ margin-bottom: 30px; } .ast-header-break-point #ast-mobile-header { position: relative; top: auto; } .vc_general.vc_btn3 { font-family: "neue-haas-unica",sans-serif; font-weight: 500; } .aniMobileShow{ display: block; margin-top: 80px; } .topContentBox.firstContent { margin-top: 60px; } .customSubmenu .mobileScroll { max-height: 80vh; overflow: auto; display: block; } .videoBoxMobile .videoLoopControll { width: 100%; } video::-webkit-media-controls { display: none; } /* Could Use thise as well for Individual Controls */ video::-webkit-media-controls-play-button { display: none !important;} video::-webkit-media-controls-volume-slider { display: none !important;} video::-webkit-media-controls-mute-button { display: none !important;} video::-webkit-media-controls-timeline { display: none !important;} video::-webkit-media-controls-current-time-display { display: none !important;} video::-webkit-media-controls { display: none !important; opacity: 0; } video::-webkit-media-controls-start-playback-button { display: none !important; } video::-webkit-media-controls { display: none !important; opacity: 0; } video::-webkit-media-controls-start-playback-button { display: none !important; } .weetWatsonBox .meetContentRight .vc_column-inner { padding-left: 30px;} .weetWatsonBox .meetContentLeft .vc_column-inner { padding-right: 30px;} .meetpartnerList .meetRow .meetListBox { width: calc(33% - 20px); } .teamHeader .teamTop h2, .teamHeader .teamTop h1 { top: auto; } .notesWrap .notesImage { width: 50%; } .notesWrap .notesContent { padding-left: 20px; padding-right: 10px; } .commanHero { padding-left: 0; } .boardContent p { padding-right: 0; } .boardWrapBox { margin-top: 80px; } .site-header-section>div:first-child { padding-right: 0; } .directorContent .directorContentLeft { width: 100%; padding-right: 0; } .directorContent .ourSearches { width: 100%; } .directorContent .ourSearches p { margin-bottom: 0; } .accoudionWrap .accoudionList .accoudionContent { padding-right: 0; } .directorContent .directorContentLeft p { font-size: 18px; line-height: 27px; } .ast-header-breadcrumb { padding: 30px 20px 20px 0; } body.search .page-title { word-break: break-word; } .inqueryWrap { padding: 90px 40px; } .inqueryWrap .inqueryForm { width: 70%; padding-left: 0; } .graphAni { transform: scale(.55); left: -70px; } .ContentShiftLeft { padding-right:0; } .ContentShiftRight { padding-left:0; } .clientsLogoWrap figure { margin: 0 10px; } .serviceView { height: 74px; padding: 22px 50px 22px 8px; bottom: -95px;} .serviceView::before{ right: 16px; } .serviceMain:hover .serviceView { margin-bottom: 0; } .boardWrapBox .vc_column-inner, .serviceTitle .vc_column-inner, .servicesWrap .vc_column-inner { padding:0; } } @media only screen and (max-width: 767px) { .ast-header-break-point .main-navigation ul .menu-item:hover .menu-link { font-weight: 600; } footer .footLogo { width: 100%; } footer .footMenu { width: 100%; display: block; } footer .footMenu .footLink { width: 100%; margin-top: 40px; } footer .footTest { padding-left: 0; padding-right: 0; } footer .footTest .footTestWrap { width: 100%; } footer .footTest p { font-size: 20px; line-height: 30px; padding-right: 20px;} footer .footBottom .footBottomCerti { width: 100%; margin-left: 0; margin-top: 20px; margin-bottom: 40px; } .ast-header-break-point #ast-mobile-header { position: fixed; top:0; } .clr #ast-desktop-header { display: none; } .heroWrap .heroLeftTop h2, .heroWrap .heroLeftTop h1 { font-size: 40px; line-height: 44px; } .heroWrap .heroLeftTop, .heroWrap .heroLeftbottom { padding: 60px 20px; height: auto; } .topAnimationWrap .rightBoxAni, .topAnimationWrap .topAnimationLeft { width: 100%; } .topAnimationWrap .topAnimationLeft { top: auto; } .searchIcon, .searchIcon:focus { right: 62px; } .topContentBox.firstContent { margin-top: 60px; } /* .meetpartnerList .meetRow .meetListBox .meetListImg { height: 180px; } */ .topContentBox { margin-top: 60px; opacity:1; } .topAnimationWrap .vc_column_container>.vc_column-inner { padding: 0; } .ctaWrap1 .ctaContent { padding: 40px 30px; } .ctaWrap1 .ctaContent p, .ctaWrap1 .ctaContent h2 { font-size: 48px; line-height: 56px; } .vc_general.vc_btn3.vc_btn3-style-flat { font-size: 14px; min-height: 48px; } .topContentBox h2 { font-size: 40px; line-height: 44px;} .latestBlogHome .wpb_wrapper { display: block; } .heroWrap .heroLeftTop { background-position: right bottom; height: auto; padding-inline-end: 60px 20px; } .latestBlogBox .sp-pcp-row .sp-pcp-col-sm-2 { flex: 0 0 100%; max-width: 100%; margin-bottom: 40px; } .latestBlogBox .sp-pcp-thumb img { width: 100%; } .ctaWrap1 .ctaBg { height: 140px; } .latestBlogBox .sp-pcp-post:hover .sp-pcp-thumb::before { bottom: -60px; } .latestBlogBox .sp-pcp-post:hover .sp-pcp-thumb::after { bottom: 47px; color: #003631; display: none; } .herorightPanel { min-height: 300px; height: auto; } .topRightImage .attachment-full{ display: none; } .topAnimationLeft{ position: relative; z-index: 2; } .topAnimationWrap .topAnimationLeft .wrapper { margin-top: 0; } .meetpartnerList .meetRow .meetListBox .meetListImg .meetListUrl { height: 60px; line-height: 40px; } .meetpartnerList .meetRow .meetListBox .meetListImg .meetListUrl { padding: 10px; padding-right: 35px; bottom:-50px; transition: all .2s ease-out; } .meetpartnerList .meetRow .meetListBox:hover meetListImg .meetListUrl { bottom:-80px; } .meetpartnerList .meetRow .meetListBox .meetListImg .meetListUrl::before { background-size: contain; right: 10px; background-repeat: no-repeat; width: 16px; top: 34px; } .weetWatsonBox { margin-top: 90px; } .weetWatsonBox .meetContentRight .vc_column-inner { padding-left: 0; } .weetWatsonBox .meetContentLeft .vc_column-inner { padding-right: 0; } .weetWatsonBox .vc_column-inner { padding: 0; } .meetContentRight { margin-top: 40px; } .reverseColumn {display: flex; flex-direction: column-reverse; } .meetpageBanner { flex-wrap: wrap; } .meetpageContent, .meetpageBanner .meetpageImg { width: 100%; } .meetpageBanner .meetpageImg { height: 320px; } .weetWatsonBox .vc_figure, .weetWatsonBox .vc_single_image-wrapper, .weetWatsonBox .vc_single_image-wrapper img { width: 100%; } .reverseColumn .meetContentLeft { margin-top: 40px;} .meetpartnerList .meetRow .meetListBox { width: calc(50% - 20px); margin-bottom: 0; margin-top: 40px; } .ctaTopSpace { margin-top: 90px; } .ast-header-breadcrumb { margin-bottom: 10px; } .teamHeader .teamTop .teamTopContent { display: block; } .notesWrap { display: block; margin-top: 50px; } .notesWrap .notesImage { width: 100%; min-height: 253px; } .notesWrap .notesContent { width: 100%; padding: 30px 40px; } .ctaOurTeam { flex-wrap: wrap; } .ctaOurTeam .ctaContent { width: 100%; } .ctaOurTeam .ctaImg { width: 100%; height: 140px; } .ctaOurTeam .ctaContent { padding: 0 30px; } .bioHero .bioContent { width: 100%; padding-left: 20px; padding-right: 20px; } .bioHero .bioImg { width: 100%; } .bioHero .bioHeroRow { min-height: 320px; } .tabsUserInput { flex-wrap: wrap; } .tabsUserInput .tabsUserDetail { padding: 20px; } .tabsUserInput .tabsUserDetail::before { width: 100%; height: 1px; transform: translateY(0); top: 0; } .expMainWrap .expAndCredentials { padding-right: 0; } .expMainWrap .expAndCredentials, .expMainWrap .focusUrlWrap { width: 100%; } .postsWrap { width: 100%; margin: 0; } .postsWrap .postContent { margin-top: 10px; } .tabsUserInput { margin-top: 60px; } .contactsUser { margin-bottom: 0px; margin-top: 60px; } .boardWrapBox { margin-top: 60px; } .serviceView { padding: 20px 60px; } .meetpartnerList { margin-top: 0px; } .meetpartnerList .meetRow .meetListBox .meetListContent { padding-bottom: 0; } .ast-header-breadcrumb { padding: 20px 30px 20px 2px; } .postsDetails .postsDetailsHead { margin-bottom: 40px; } .teamHeader .teamTop h2, .teamHeader .teamTop h1 { padding-right: 20px; } .teamHeader .teamTop .teamTopContent .teamTopContentText { padding-right: 20px; } .bioHero .bioImg::before { width: 20px; } .globalSearch { padding: 23px 20px; position: absolute; top:70px; left:0; width:100%; z-index: 999; background:#f1f1f1; } .globalSearch .search-field, .globalSearch .search-field:focus, .globalSearch .search-field:hover { font-size: 20px; } .globalSearch label { margin-right: 10px; width: calc(100% - 128px); } .globalSearch .search-submit, .globalSearch .search-submit:hover, .globalSearch .search-submit:focus { font-size: 16px; padding-right: 34px; } .globalSearch .search-submit.active { background-size: 16px; } body.search .ast-archive-description, body.search .searchPageTitle { padding-left: 10px; padding-right: 10px; } .searchOnpage { margin-left: 0; padding: 0 10px; } body.search .site-main { margin-left: 0; padding: 0 10px; margin-top: 50px; } body.search .no-results.not-found { margin-top: 30px; } body.search.search-results .ast-blog-layout-4-grid .ast-article-post { padding: 0; } body.search.search-results .ast-blog-layout-4-grid .ast-article-inner { padding-right: 0; padding-top: 0; padding-bottom: 30px; } body.search .ast-header-breadcrumb { margin-bottom: 10px; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .closeSubmenuItem { font-family: "neue-haas-unica",sans-serif; font-weight: 600; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu .closeSubmenuItem:hover { font-weight: 600; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a { font-size: 16px; padding-right: 38px; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li { padding: 0; } .filterWrap { padding: 0 20px; width: 100%; } .filterWrap .customSelect { width: 100%; margin: 10px 0 0 0; } .filterWrap .filterInput { margin:10px 0; width: 100%; } .insightWrap { padding: 60px 0; } .ourInsightsTop { flex-wrap: wrap; } .ourInsightsTop .ourInsightsContent, .ourInsightsTop .ourInsightsImg { width: 100%; } .ourInsightsTop .ourInsightsContent { padding-left: 20px; padding-right: 20px; } .spotlight { flex-wrap: wrap; } .spotlight .spotlightImg { width: 100%; } .spotlight .spotlightContent { padding-left: 0; } .inqueryWrap { flex-wrap: wrap; padding: 60px 0;} .inqueryWrap .inqueryForm { width: 100%; } .ourInsightsTop .ourInsightsContent h1 { margin-bottom: 40px; } .ourInsightsTop .ourInsightsContent p { font-size: 20px; line-height: 30px; } .mapWrap .mapArea { flex-wrap: wrap; } .mapWrap .mapArea .mapLeft { margin-bottom: 40px; } .mapWrap .mapArea .mapLeft, .mapWrap .mapArea .mapRight { width: 100%; } .shareHeading { width: 100%; } .shareTitleBox .shareTitleImg{ width: 100%; } .blogHero .blogCantent h1 { padding-right:0; } .blogHero { flex-wrap: wrap; width: 100%; padding: 0 20px; } .blogHeroImage { margin-top: 40px; } .customUiPost { margin-top: 90px; padding-left: 20px; padding-right: 20px; max-width: 100%; width: 100%; } .customUiPost p, .customUiPost li, .customUiPost span, .customUiPost li ul li, .customUiPost li ul li p { font-size: 16px; line-height: 27px; } .blogHero .blogHeroImage::before { width: 47px; right: -4px; } .meetpartnersHead h2 { line-height: 38px; } .landContentShift { flex-wrap: wrap; } .ContentShiftLeft, .ContentShiftLeft p{ padding-right:0; } .ContentShiftRight, .ContentShiftRight p{ padding-left:0; } .font-50 { font-size: 40px !important; line-height: 44px !important; } .shareTitleImg .wpb_single_image.vc_align_center { text-align: left; } .careTitleBox .wpb_wrapper p:first-child { margin-top:0 } .careTitleBox .wpb_wrapper p:last-child { margin-top: 0 !important; } .postsWrap .postContent a { min-height: 15px; } body.search .search-breadcrumbs .trail-items { flex-wrap: wrap; } .ast-pagination .prev.page-numbers, .ast-pagination .next.page-numbers { width:auto; } .animation03.opacity0, .animation05.opacity0{ display:none;} .graphAni { margin-top: 0; left: -50px; } .gwd-div-dvew.active { animation: 0.6s linear 0s 1 normal forwards running gwd-gen-9j55gwdanimation_gwd-keyframes; } .gwd-div-1nbf.active { animation: 0.6s linear 0s 1 normal forwards running gwd-gen-10bsgwdanimation_gwd-keyframes; } .gwd-p-1u12.active { animation: 0.3s linear 0.4s 1 normal forwards running gwd-gen-bc3ggwdanimation_gwd-keyframes;} .gwd-div-30mk.active {animation: 0.42s linear 1.1s 1 normal forwards running gwd-gen-b5afgwdanimation_gwd-keyframes;} .gwd-p-gs5l.active { animation: 0.3s linear 1.5s 1 normal forwards running gwd-gen-1y2lgwdanimation_gwd-keyframes; } .gwd-path-3dmy.active {animation: 1.4s linear 2s 1 normal forwards running gwd-gen-137cgwdanimation_gwd-keyframes;} .gwd-p-13mt.active {animation: 1s linear 2.5s 1 normal forwards running gwd-gen-gzk0gwdanimation_gwd-keyframes;} .gwd-p-5kpa.active { animation: 0.5s linear 2.5s 1 normal forwards running gwd-gen-plk5gwdanimation_gwd-keyframes;} .gwd-path-1qx8.active {animation: 0.9s linear 3s 1 normal forwards running gwd-gen-1dt4gwdanimation_gwd-keyframes;} .gwd-span-g2p3.active { animation: 0.802s linear 4s 1 normal forwards running gwd-gen-12jlgwdanimation_gwd-keyframes;} .gwd-span-8yky.active {animation: 0.8s linear 4s 1 normal forwards running gwd-gen-v9ubgwdanimation_gwd-keyframes;} .gwd-span-ulpp.active { animation: 0.8s linear 4s 1 normal forwards running gwd-gen-1aargwdanimation_gwd-keyframes;} .gwd-div-1cz2.active {animation: 1.4s linear 4.5s 1 normal forwards running gwd-gen-1dp2gwdanimation_gwd-keyframes;} .gwd-span-z3v9.active { animation: 0.4s linear 4.8s 1 normal forwards running gwd-gen-d76cgwdanimation_gwd-keyframes;} .gwd-path-w8nr.active {animation: 2.9s linear 5.1s 1 normal forwards running gwd-gen-2x4pgwdanimation_gwd-keyframes;} .gwd-span-wucq.active { animation: 0.2s linear 5.55s 1 normal forwards running gwd-gen-184agwdanimation_gwd-keyframes; } .gwd-span-919e.active { animation: 0.35s linear 5.55s 1 normal forwards running gwd-gen-1kj3gwdanimation_gwd-keyframes; } .gwd-div-11z8.active { animation: 3.5s linear 6s 1 normal forwards running gwd-gen-xsdkgwdanimation_gwd-keyframes; } .gwd-div-rrnk.active { animation: 3.5s linear 6s 1 normal forwards running gwd-gen-1ksngwdanimation_gwd-keyframes; } .gwd-span-1an0.active { animation: 1.4s linear 6.6s 1 normal forwards running gwd-gen-1kbngwdanimation_gwd-keyframes; } .gwd-span-1ny3.active { animation: 1s linear 7.6s 1 normal forwards running gwd-gen-v0n9gwdanimation_gwd-keyframes; } .postsBoxColor, .homePageBlogMain { padding: 60px 20px 80px 20px; width: calc(100% + 18px); margin-left: -10px; } .homePageBlogMain { margin-left: -20px !important; width: calc(100% + 40px); } .studiesPost { width: 100%; } .clientsTestimonialsWrap { flex-wrap: wrap; } .clientsTestimonialsWrap .clientsTestimonialsList { padding: 30px 10px; } .clientsTestimonialsWrap .clientsTestimonialsList::before { width: 100%; height: 1px; } .clientsTestimonialsWrap { padding-bottom: 0; } .clientsLogoWrap figure { max-width: calc(49% - 10px); margin: 5px; width: 100%;} .workedWithWrap { padding: 60px 0 50px 0; } .topAnimationLeft .DeskView {display: none; } .videoBoxMobile { display: block; margin-top: 50px; } .differenceWrap .differenceContent { padding-right: 0; } .accoudionWrap .accoudionList .accoudionContent { padding: 30px 0px 40px 0px; } .accoudionWrap .accoudionList .accoudionContent .customButton { display: inline-block; } .accoudionWrap .accoudionList h2.active a { padding-left: 20px; padding-right: 20px; } .accoudionWrap .accoudionList h2 a { padding-right: 43px; } .accoudionWrap .accoudionList h2 a b { right: 8px; } .relatedPost { flex-wrap: wrap; } .relatedHead { flex-wrap: wrap; } .relatedHead h2 { margin-bottom: 40px; } .ctaOurTeam .ctaContent p br { display: none; } .QuotationWrap .caseQuotation { width: 100%; padding:0 20px; line-height: 33px; } .QuotationWrap { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .QuotationWrap .customUiPost { margin-top: 40px; } .landContentShift p{ padding-right: 0; } .expMainWrap .expAndCredentials .credentialsBox { padding-right:0; } .customSubmenu .menu-item-description { display: block; } .postsContBox { padding: 0 10px; } .postsContainer { padding: 0; } .teamHeader .teamTop .teamTopContent .teamTopImg { max-width: 100%; } .teamHeader .teamTop p { max-width: 100%; } .spotlightBox { padding: 60px 0;} .commanHero { overflow: visible; } .commanHero .commanHeroImage { margin-left: -20px; width: calc(100% + 20px); } .ourInsightsTop .ourInsightsImg { height: 320px; } .herorightPanel.animationStart { background-size: 150%; } .ast-main-header-nav-open .ast-primary-header-bar .main-header-menu > .menu-item .customSubmenu ul li a b { padding-right: 45px; } } /* Case Studies Pages General */ .page-template-page-clients-case-studies-type #page p, .page-template-page-clients-case-studies #page p { color: #0D0D0D !important; font-size: 18px !important; line-height: 27px !important; } .marginTop { margin-top: 60px; } @media only screen and (min-width: 960px) { .page-template-page-clients-case-studies .workedWithHead { max-width: 65%; } } .page-template-page-clients-case-studies .studiesPost .studiesImg figure { min-height: 275px; } .page-template-page-clients-case-studies-type .ast-container .vc_flexbox_container_item, .page-template-page-clients-case-studies-type .ast-container .vc_flexbox_container_item-inner, .page-template-page-clients-case-studies-type .ast-container .wpb_wrapper { height: auto !important; } .page-template-page-clients-case-studies .two-column-list { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; list-style: none; padding: 0; margin: 20px 0; } .page-template-page-clients-case-studies .two-column-list li { color: #003631 !important; padding-left: 20px; position: relative; } .page-template-page-clients-case-studies .two-column-list li:before { content: "•"; position: absolute; left: 0; color: #003631; font-size: 20px !important; } @media (min-width: 922px) { .site-content .ast-container { display: block; } } /* Responsive: Stack on mobile */ @media (max-width: 767px) { .page-template-page-clients-case-studies-type .postsBoxColor { width: calc(100% + 40px); margin-left: -20px; } .page-template-page-clients-case-studies .two-column-list { grid-template-columns: 1fr; } .page-template-page-clients-case-studies .main-header-bar.ast-header-breadcrumb { display: none !important; } } /* Client Logos */ .boardWrapBox .clientsLogoWrap { margin-top: 50px; } /* Issues */ @media only screen and (min-width: 960px) { .issuesTop { max-width: 65%; } } @media (min-width: 768px) { .issuesWrap .vc_col-sm-6 { width: 48%; } } .issuesContent { margin-top: 20px; } .issue-text { min-height: 90px; } .issuesChallengesTitle { font-family: calluna; font-weight: 400; font-size: 30px !important; line-height: 36px !important; } .issuesChallengesSubtitle { font-size: 24px !important; font-family: neue-haas-unica, sans-serif; line-height: 36px !important; font-weight: 500; margin-top: 25px; margin-bottom: 20px; } /* How We Help */ @media only screen and (min-width: 960px) { .helpHead, .helpIntro { max-width: 75%; } .help-text, .issue-text { padding-right: 10px; } } .helpIntro { margin-top: 30px; } .help-title { font-family: calluna; font-weight: 400; font-size: 20px !important; font-weight: 500 !important; line-height: 36px !important; margin-top: 0; margin-bottom: 20px; text-decoration: underline; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: 2px; text-underline-offset: auto; text-underline-position: from-font; } .help-text p { margin-bottom: 1em !important; } .help-text p, p.case-study-excerpt { font-size: 18px !important; line-height: 27px !important; } .help-content { margin-top: 20px; } .helpContent .vc_column_container>.vc_column-inner { display: flex !important; } .helpContent .vc_row > .wpb_column.vc_col-sm-6:nth-child(odd) { clear: left; } /* Featured Case Study */ .caseWrap { margin-top: 50px; padding-left: 20px; padding-right: 20px; } .featured-case-study-text h2 { text-decoration: underline; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: 3px; text-underline-offset: auto; text-underline-position: from-font; } @media only screen and (min-width: 1200px) { .caseWrap { margin-top: 80px; padding-left: 20px; padding-right: 20px; } .featured-case-study-text.vc_column-inner { padding-left: 70px !important; } } .featured-case-study-image { border-left: 20px solid #E24949; } .case-study-excerpt { margin-top: 30px; } .case-study-subtitle { font-size: 20px !important; font-family: neue-haas-unica, sans-serif; line-height: 30px !important; font-weight: 500; margin-bottom: 15px; } /* Related Posts */ .relatedHead { padding: 0 0 !important; } /* CTA */ .ctaWrap { margin-top: 95px; } .ctaCaseStudies { display: flex; } .ctaWrap .ctaCaseStudies .ctaContent.greenContent { background: #3bd1b6; border-bottom: 27px solid #CAB7FF; } .ctaWrap .ctaCaseStudies .ctaContent.purpleContent { background: #cab7ff; border-bottom: 27px solid #EF5D48; } .ctaWrap .ctaCaseStudies .ctaContent.redContent { background: #EF5D48; border-bottom: 27px solid #cab7ff; } .ctaWrap .ctaCaseStudies .ctaContent.blueContent { background: #81CBEB; border-bottom: 27px solid #ef5d48; } .page-template-page-clients-case-studies #page .ctaWrap .ctaCaseStudies .ctaContent p, .page-template-page-clients-case-studies #page .ctaWrap .ctaCaseStudies .ctaContent h2 { color: #003631 !important; font-size: 70px !important; line-height: 72px !important; font-family: calluna; font-weight: 400; padding-top: 60px; margin-bottom: 0; } .page-template-page-clients-case-studies-type #page .ctaWrap .ctaCaseStudies .ctaContent h4.ctaText { color: #003631 !important; font-size: 60px !important; line-height: 70px !important; font-family: calluna; font-weight: 400; padding-top: 40px; margin-bottom: 15px; } .page-template-page-clients-case-studies-type #page .ctaWrap .ctaCaseStudies .ctaContent p.ctaSubText { color: #003631 !important; font-size: 24px !important; line-height: 40px !important; font-family: calluna; font-weight: 400; padding-top: 20px; margin-bottom: 0; } .ctaWrap .ctaCaseStudies .ctaContent { background: #ef5d48; border-bottom: 27px solid #3bd1b6; padding: 0 53px; position: relative; width: 68%; } .page-template-page-clients-case-studies #page .ctaWrap .ctaCaseStudies .ctaContent p.ctaText { font-family: neue-haas-unica, sans-serif; font-size: 24px !important; line-height: 36px !important; padding-top: 30px !important; } .ctaWrap .ctaCaseStudies .ctaImg { width: 32%; background: url(../../uploads/2024/03/cta01.svg); background-size: cover; background-position: 0 100%; } .ctaWrap .ctaCaseStudies .ctaImg img { opacity: 0; } @media (max-width:960px) { .ctaWrap { margin-top: 55px; padding-left: 0; padding-right: 0; } .page-template-page-clients-case-studies .ctaWrap { padding-left: 0; padding-right: 0; margin-left: -20px; margin-right: -20px; } } @media only screen and (max-width: 767px) { .caseWrap { padding-left: 0; padding-right: 0; } .ctaCaseStudies { flex-wrap: wrap; } .ctaTopSpace { margin-top: 90px !important; } .ctaCaseStudies .ctaContent { width: 100% !important; padding: 30px !important; } .page-template-page-clients-case-studies #page .ctaWrap .ctaCaseStudies .ctaContent p, .page-template-page-clients-case-studies #page .ctaWrap .ctaCaseStudies .ctaContent h2, .page-template-page-clients-case-studies-type #page .ctaWrap .ctaCaseStudies .ctaContent p, .page-template-page-clients-case-studies-type #page .ctaWrap .ctaCaseStudies .ctaContent h2 { font-size: 48px !important; line-height: 54px !important; } .ctaCaseStudies .ctaImg { width: 100% !important; height: 140px !important; } } /* Testimonials Slider */ .testimonialWrap { padding: 90px 0; width: calc(100% + 40px); margin-left: -20px; } @media (max-width: 1600px) { .testimonialWrap { max-width: 1200px; } } @media (max-width: 1200px) { .testimonialWrap { max-width: 960px; } } .testimonialWrap .swiper { margin-left: 10px; } .testimonial-section { margin: 0 auto 40px auto; padding: 0 16px; } .testimonial-swiper { position: relative; width: 1440px; max-width: 100% !important; /* max-height: 350px; */ } .swiper-wrapper { margin-top: 50px; align-items: center; /* Vertically center slides if they are shorter */ } .testimonial-slide { display: flex; flex-direction: column; justify-content: center; min-height: 200px; /* Adjust as needed */ height: auto; } .testimonial-slide blockquote { margin: 0; padding: 50px 32px 0 32px; min-height: 150px; background: #fff; border-left: 20px solid #e15b40; border-radius: 0; font-family: calluna; font-size: 24px !important; line-height: 36px !important; font-style: italic; color: #23423b; } .page-template-page-clients-case-studies #page .testimonial-slide blockquote p { font-size: 24px !important; line-height: 36px !important; margin-bottom: 0; } .swiper-nav-container { position: absolute; top: 85px; left: 50px; width: 100px; } .swiper-button-next, .swiper-button-prev { color: #23423b; transform: translateY(-50%); } .swiper-button-prev:after, .swiper-button-next:after { font-size: 20px !important; } .swiper-pagination { position: relative; margin-top: -20px; margin-left: 100px; } .swiper-pagination-bullet, .swiper-pagination-bullet-active { background: #003631 !important; } .testimonial-section footer { margin-top: 30px; padding-top: 0; } /* Hide default Swiper arrows */ .testimonial-section .swiper-button-next:after, .testimonial-section .swiper-button-prev:after { display: none; } /* Add your custom SVG icons */ .testimonial-section .swiper-button-next { background-image: url('/wp-content/uploads/2025/07/icon-slide-right.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } .testimonial-section .swiper-button-prev { background-image: url('/wp-content/uploads/2025/07/icon-slide-left.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; } @media (max-width: 767px) { .testimonial-slide blockquote { font-size: 1.1rem !important; padding: 40px 20px 20px 20px !important; } }