/* Theme Name: Veritas Data Research Theme URI: Author: Jose Salas Author URL: https://buenavista.design/ Version: 1.0 Description: Plantilla personalizada para Veritas Data Research License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: theme-private Text Domain: Veritas Data Research Domain Path: /languages/ */ @import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&display=swap'); /* @font-face {font-family:'Archivo Expanded'; font-style:normal; font-weight:300; src:url(fonts/Archivo_Expanded-Light.ttf)} */ @font-face {font-family:'Aptos'; font-style:normal; font-weight:300; src:url(fonts/Aptos-Light.woff)} @font-face {font-family:'Aptos'; font-style:normal; font-weight:400; src:url(fonts/Aptos.woff)} /* @font-face {font-family:'Archivo Expanded'; font-style:normal; font-weight:500; src:url(fonts/Archivo_Expanded_medium.ttf)} */ @font-face {font-family:'Aptos'; font-style:normal; font-weight:600; src:url(fonts/Aptos-SemiBold.woff)} @font-face {font-family:'Aptos'; font-style:normal; font-weight:700; src:url(fonts/Aptos-Bold.woff)} @font-face {font-family:'Aptos'; font-style:normal; font-weight:800; src:url(fonts/Aptos-ExtraBold.woff)} @keyframes fadeout{ 0%{ opacity: 1; } 100%{ opacity: 0; display: none; } } @keyframes fadein{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes expandir { from { transform: scale(1); } to { transform: scale(1.2); } } @keyframes clickme{ 0%{ transform: scale(0.8); } 100%{ transform: scale(1.2); } } @keyframes card_left{ 0%{ opacity: 0; transform: rotate(-18deg) translate(-40%); } 100%{ transform: rotate(0deg) translate(0%); opacity: 1; } } @keyframes card_right{ 0%{ opacity: 0; transform: rotate(18deg) translate(40%); } 100%{ transform: rotate(0deg) translate(0%); opacity: 1; } } @keyframes card_center{ 0%{ opacity: 0; transform: translateY(50%); } 100%{ transform: translateY(0%); opacity: 1; } } @keyframes bg_text{ 0%{ background-position: 101% 100%; } 100%{ background-position: 0% 100%; } } @keyframes entry_left{ 0%{ opacity: 0; transform: translateX(-100%); } 100%{ opacity: 1; transform: translateX(0%); } } @keyframes entry_right{ 0%{ opacity: 0; transform: translateX(100%); } 100%{ opacity: 1; transform: translateX(0%); } } @keyframes message{ 0%{ opacity: 0; transform: scale(0); } 50%{ opacity: 1; transform: scale(1.2); } 75%{ opacity: 1; transform: scale(0.8); } 100%{ opacity: 1; transform: scale(1); } } @keyframes color-change-2x{0%{background:#E5EC42}50%{background:#F1A884}100%{background: #32ade6;}} @media screen and (min-width:0px){ :root{ --main-color-primary:#2b5f9f; --main-color-secundary:#00b2ff; --main-color-yellow:#FFB400; --main-color-yellow2:#FFDA00; --video-ratio: calc(16 / 9); --video-container-max-width: 640px; --video-container-x-padding-sum: 2rem; --paragraph-font-size:1.6rem; --paragraph-line-height:3.15rem; /* --paragraph-text-align:center; */ --paragraph-color:#151515; --paragraph-letter-spacing: 0.32px; --paragraph-font-style: normal; --paragraph-font-weight: 400; --paragraph-font-family: 'Manrope',sans-serif; --title-font-size:4rem; --title-line-height:6.4rem; --title-letter-spacing: 0.4px; --font-paragraph: var(--paragraph-font-style) var(--paragraph-font-weight) var(--paragraph-font-size) var(--paragraph-line-height) var(--paragraph-font-family); } ::selection{background:rgba(0, 0, 0, 0.3);} /*=============== GENERAL ===============*/ .wcbtn.btn-blue{background:var(--main-color-secundary);} .wcbtn.btn-red{background:#FF0000;} .wcbtn.btn-grey{background:rgba(0, 0, 0, 0.5);} .flex-column-center{display: flex; flex-direction: column; align-items: center; justify-content: center;} table{display:block; min-width:100%; width:100%; margin:2rem 0; border-radius:1rem; overflow-x:auto;} table thead tr th{background:rgba(0, 0, 0, 0.15); padding:1rem 1.5rem; text-transform:uppercase; font-weight:bold;} table tbody tr td{padding:0.5rem 1.5rem;} table tbody tr:nth-child(odd) td{background:rgba(0, 0, 0, 0.015);} table tbody tr:nth-child(even) td{background:rgba(0, 0, 0, 0.03);} table tbody tr:hover td{background:rgba(0, 0, 0, 0.09);} table tbody tr td{color:rgba(0, 0, 0, 0.5);} .pro-paragraph-inner p{font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; letter-spacing:inherit;} .loading::after{display:none !important; width:0; height:0;} .tpgb-plus-button a{transition:all .3s;} #main__wrapper article{overflow: hidden;} #main__wrapper .slick-track, #main__wrapper .splide__list{transition:unset;} #main__wrapper .slick-list{width: 100%; order: 1;} #main__wrapper .slick-dots{ width: 100%; display: flex; justify-content: center; list-style: none; order: 2;} #main__wrapper .slick-track{display: flex;} #main__wrapper .tpgb-plus-button a > span{display: flex; align-items: center;} #main__wrapper .tpgb-section > .tpgb-section-wrap{max-width:160rem;} #main__wrapper .tpgb-section > .tpgb-section-wrap.tpgb-container-fluid{width:100%; max-width:100%;} #main__wrapper .tpgb-creative-img-wrap{line-height:0;} #main__wrapper .yoast-breadcrumbs span{display: flex; align-items: center; text-wrap: wrap;} #main__wrapper .yoast-breadcrumbs span a{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: #38393F;} #main__wrapper .yoast-breadcrumbs span.breadcrumb_last{font-family: "Lexend Deca", sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color: #38393F;} /*========== WHATSAPP ==========*/ #container__whatsapp {box-shadow: 0rem .4rem 6.2rem 0rem rgb(137, 125, 196, 47%); border-radius: 100rem;} #container__whatsapp *{margin:0; padding:0;} #container__whatsapp .texto{display:block;} /*========== SCROLL TOP ==========*/ #scrollto__top{bottom:7rem;} #scrollto__top a#scrolltop__btn{width: 4.5rem; height: 4.5rem; display: flex; align-items: center; justify-content: center; background: #C22628;} #scrollto__top a#scrolltop__btn path{fill: #FFF;} /*=============== TEXTOS GLOBALES ===============*/ #topbody h1, #topbody h2, #topbody h3, #topbody h4, #topbody p{font-family: 'Aptos', sans-serif;} /*========== GLOBAL STYLES ==========*/ .wp-block-outermost-icon-block .icon-container{width: fit-content !important;} .wp-block-outermost-icon-block .icon-container svg{width: auto; height: auto;} #topbody span.color_red{color: #D72C2E;} #topbody span.bg_heading{position: relative; display: inline-block;} #topbody span.bg_heading::before{content: ''; display: inline-block; width: 100%; height: .8rem; position: absolute; bottom: .8rem; left: 0rem; z-index: -1; background: #F1A884;} .fade-in{opacity: 0; transition: opacity 0.5s;} .fade-in.active-animation{animation-name: fadein; animation-duration: 1s; animation-fill-mode: forwards;} .card_left-animation{opacity: 0; transform: rotate(-18deg) translate(-40%); transition: opacity 0.5s, transform 0.5s;} .card_left-animation.active-animation{animation-name: card_left; animation-duration: 1s; animation-fill-mode: forwards;} .card_right-animation{opacity: 0; transform: rotate(18deg) translate(40%); transition: opacity 0.5s, transform 0.5s;} .card_right-animation.active-animation{animation-name: card_right; animation-duration: 1s; animation-fill-mode: forwards;} .card_center-animation{opacity: 0; transform: translateY(50%); transition: opacity 0.5s, transform 0.5s;} .card_center-animation.active-animation{animation-name: card_center; animation-duration: 1s; animation-fill-mode: forwards;} .entry_left-animation{opacity: 0;transition: opacity 0.5s, transform 0.5s;} .entry_left-animation.active-animation{animation-name: entry_left; animation-duration: 1s; animation-fill-mode: forwards;} .entry_right-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;} .entry_right-animation.active-animation{animation-name: entry_right; animation-duration: 1s; animation-fill-mode: forwards;} .message_entry-animation{opacity: 0; transition: opacity 0.5s, transform 0.5s;} .message_entry-animation.active-animation{animation-name: message; animation-duration: 1s; animation-fill-mode: forwards;} .scroll-down{ animation: expandir 1.5s infinite alternate ease;} /*========== OFFCANVAS ==========*/ #offcanvas{display: flex; flex-direction: column; justify-content: space-between; background:#FFF; position:fixed; width:100vw; height:100%; right:-200%; top:0; padding: 1.7rem 0rem 7.1rem; z-index:999999999; transition:all .4s ease; overflow:auto;} #offcanvas.active{right:0%;} #offcanvas *{color:#3A3B40; transition: all .5s;} #offcanvas .content-close{display:flex; position:absolute; top: 2.5rem; right: 2.7rem;} #offcanvas a{font-family: "Aptos", sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40;} #offcanvas #nav__offcanvas{display: flex; flex-direction: column;} #offcanvas #nav__offcanvas .content-logo{order: 0;} #offcanvas #nav__offcanvas > ul.menu{order: 2;} #offcanvas #nav__offcanvas > .politicies{order: 3;} #offcanvas #nav__offcanvas .content-logo{padding: 0rem 2.8rem 2.8rem; border-bottom: .1rem solid #DCDCE8;} #offcanvas #nav__offcanvas .content-logo img{max-width: 14.5rem;} #offcanvas #nav__offcanvas > ul.menu{display:flex; flex-direction: column; gap: 1.1rem; padding: 3.7rem 2.8rem 0rem; list-style: none;} #offcanvas #nav__offcanvas > ul.menu li a{width: fit-content; display:flex; align-items:center; column-gap: .4rem;} #offcanvas #nav__offcanvas > ul.menu li.current-menu-item > a{font-weight:700;} #offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children > a span{font-size: 2rem; transform: rotate(0); transition: all .5s ease;} #offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children > a.active span{transform: rotate(180deg);} #offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children ul.sub-menu{width: 100%; list-style: none;} #offcanvas #nav__offcanvas > ul.menu > li.menu-item-has-children ul.sub-menu li{padding: 0rem 0rem 0rem 2rem;} #offcanvas #nav_sign-in{padding: 0rem 2.8rem;} #offcanvas #nav_sign-in nav{display: flex; flex-direction: column; row-gap: 1.5rem;} #offcanvas #nav_sign-in nav a:has(svg){width: fit-content;} #offcanvas #nav_sign-in nav a:has(svg){position: relative; display: flex; align-items: center; column-gap: 2.35rem; padding: 1.2rem 2.8rem 1.2rem 1.85rem; border-radius: 5rem; background: #EDEDEE;} #offcanvas #nav_sign-in nav a:has(svg)::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} #offcanvas #nav_sign-in nav a:has(svg) > *{position: relative; z-index: 1;} #offcanvas #nav_sign-in nav a:has(svg) span{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; letter-spacing: -.1rem; color: #3A3B40; transition: color .3s ease;} #offcanvas #nav_sign-in nav a:has(svg):hover::before{width: 93%;} #offcanvas #nav_sign-in nav a:has(svg):hover span{color: #FFFFFF;} /*========== HEADER ==========*/ #header.hiden{padding: 1rem 1rem 2rem; opacity: 0; visibility: hidden;} #header.activeup{opacity: 1; visibility: visible;} #header{width:100%; position: sticky; top: 0rem; z-index: 1001; padding: 2.3rem 0rem 2.3rem; border-bottom: .1rem solid #F3F1EF; background: #FFF; transition:all .2s ease;} body.home #header{position: fixed; border: unset; background: transparent;} #header .container__row{display:flex; align-items: center; width: min(84.4%,119.6rem); justify-content:space-between;} #header .container__row #container__logo, #header .container__row #container__logo a, #header .container__row #nav__header #list__icons-header a{display: flex;} #header .container__row #nav__header #list__icons-header a svg path{fill: #4E4F55;} body.home #header .container__row #nav__header #list__icons-header a svg path{fill: #FFFFFF;} #header .container__row #container__logo a img{max-width:11.226rem;} #header .container__row #nav__header ul.menu, #header .container__row #nav_sign-in{display: none;} #header .container__row #nav__header #list__icons-header{list-style: none;} #header.fixed{padding: 1.5rem 0rem; background: #FFF;} body.home #header.fixed{background: #1A1A1A;} /*========== HOME ==========*/ #hero_home{background: url(images/bg-hero-home-1.webp) no-repeat top/100%; background-size: cover;} #hero_home::before{content: ''; width: 100%; height: 14.3rem; display: block; position: absolute; top: 0rem; left: 0rem; background: rgba(0, 0, 0, 0.8); filter: blur(5rem);} #hero_home .hero_info .tpgb-heading-title{width: 100%; max-width: 40.1rem;} #hero_home .hero_info .tpgb-pro-paragraph{width: 100%; max-width: 52.8rem;} #hero_home .hero_info .tpgb-heading-title .heading-title, #hero_home .hero_info .tpgb-pro-paragraph .pro-paragraph-inner p{color: #F4EFE7;} /* #hero_home .hero_info .tpgb-plus-button a{border: .1rem solid #FFFFFF; background: transparent;} #hero_home .hero_info .tpgb-plus-button a::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .5rem; transform: translateY(-50%); border: .1rem solid #FFFFFF; border-radius: 100rem; background: transparent; transition: all .3s ease;} #hero_home .hero_info .tpgb-plus-button a > *{position: relative; z-index: 1;} #hero_home .hero_info .tpgb-plus-button a span{font-family: "Aptos", sans-serif; color: #FFFFFF; transition: all .3s ease;} #hero_home .hero_info .tpgb-plus-button a:hover::before{width: 92%;} #hero_home .hero_info .tpgb-plus-button a:hover span{color: #FFFFFF;} */ #hero_home .hero_scroll .tpgb-plus-button a{width: 100%; max-width: 5.2rem; color: #FFFFFF;} #hero_home .hero_scroll .tpgb-plus-button a > span{font-family: "Aptos", sans-serif; display: flex; flex-direction: column; row-gap: 1rem;} #hero_home .hero_scroll .tpgb-plus-button a > span i{color: #FFFFFF;} body.home #serve{border-radius: 4rem 4rem 0rem 0rem; margin-top: -6.3rem;} #serve .serve_top .tpgb-pro-paragraph{width: 100%; max-width: 37rem;} #serve .serve_bottom .slick-list{overflow: hidden;} #serve .serve_bottom .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.324rem; margin-top: 2.4rem;} #serve .serve_bottom .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #serve .serve_bottom .slick-navigation .slick-next{display: flex; order: 2;} #serve .serve_bottom .slick-navigation .slick-dots{width: fit-content; order: 1; column-gap: 1.197rem;} #serve .serve_bottom .slick-navigation .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #DCDCE8; border-radius: 100rem; transition: all .3s ease;} #serve .serve_bottom .slick-navigation .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #CACADC;} #serve .serve_bottom .slick-track > .tpgb-container-col{width: 100%; min-height: 37rem; row-gap: 2.1rem; padding: 3.9rem 3.5rem 5.2rem 4.5rem; border: .1rem solid #CED1E0; border-radius: 3.2rem; background: #FFFFFF;} body:not(.home) #serve .serve_bottom{row-gap: 5.2rem;} body:not(.home) #serve .serve_bottom > .tpgb-container-col{width: 100%; min-height: 37rem; row-gap: 2.1rem; padding: 3.9rem 3.6rem 4.9rem; border: .1rem solid #CED1E0; border-radius: 3.2rem; background: #FFFFFF;} body:not(.home) #serve .serve_bottom > .tpgb-container-col .tpgb-pro-paragraph p{font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; letter-spacing: 0rem;} body:not(.home) #serve .serve_bottom > .tpgb-container-col .tpgb-plus-button a > span{font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; letter-spacing: 0rem;} #serve .serve_bottom .tpgb-container-col .tpgb-heading-title .heading-title{text-wrap: balance;} #serve .serve_bottom .tpgb-container-col .wp-block-outermost-icon-block{width: 8.5rem; height: 8.3rem; display: flex; align-items: center;} #serve .serve_bottom .tpgb-container-col .tpgb-plus-button a > span{font-family: "Aptos", sans-serif;} #serve .serve_bottom .target_img > .tpgb-container-row{height: 100%;} #serve .serve_bottom .target_img .tpgb-container-col:has(.tpgb-heading-title){height: 100%; row-gap: 2.4rem; padding: 0rem;} #serve .serve_bottom .target_img .tpgb-container-col:has(.tpgb-heading-title) .tpgb-container-row{height: 100%;} #serve .serve_bottom .target_img .tpgb-container-col:has(.tpgb-heading-title) > .tpgb-container-row > .tpgb-cont-in{row-gap: 1.1rem;} #serve .serve_bottom .target_img .tpgb-container-col:has(.tpgb-heading-title) > .tpgb-container-row > .tpgb-cont-in > .tpgb-container-row{row-gap: 1rem; justify-content: space-between;} #serve .serve_bottom .target_img .tpgb-container-col .tpgb-heading-title .heading-title{width: 100%; max-width: 23.3rem;} #serve .serve_bottom .slick-track > .tpgb-container-col:not(.target_img) .tpgb-container-row{height: 100%;} #serve .serve_bottom .slick-track > .tpgb-container-col:not(.target_img) > .tpgb-container-row > .tpgb-cont-in{row-gap: 1.1rem;} #serve .serve_bottom .slick-track > .tpgb-container-col:not(.target_img) > .tpgb-container-row > .tpgb-cont-in > .tpgb-container-row{row-gap: 1rem; justify-content: space-between;} body:not(.home) #serve .serve_bottom > .tpgb-container-col:not(.target_img) .tpgb-container-row{height: 100%;} body:not(.home) #serve .serve_bottom > .tpgb-container-col:not(.target_img) > .tpgb-container-row > .tpgb-cont-in{row-gap: 1.1rem;} body:not(.home) #serve .serve_bottom > .tpgb-container-col:not(.target_img) > .tpgb-container-row > .tpgb-cont-in > .tpgb-container-row{row-gap: 1rem; justify-content: space-between;} #offers_home{border-radius: 4rem 4rem 0rem 0rem;} #offers_home .offers_top .tpgb-heading-title{width: 100%; max-width: 50.4rem;} #offers_home .offers_bottom{row-gap: 4rem;} #offers_home .offers_bottom span{font-family: "Aptos", sans-serif;} #offers_home .offers_bottom .tpgb-container-col{column-gap: 1rem; padding: 4.5rem 1rem 3.7rem; border-radius: 3.2rem; background: #FFFFFF;} #offers_home .offers_bottom .tpgb-container-col > *{width: 100%; max-width: 19.9rem;} #compliance_home{border-radius: 4rem 4rem 0rem 0rem;} #compliance_home .compliance_top .tpgb-pro-paragraph{width: 100%; max-width: 38.8rem;} #compliance_home .compliance_top a{width: fit-content;} #compliance_home .compliance_top .tpgb-plus-button a::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} #compliance_home .compliance_top .tpgb-plus-button a > *{position: relative; z-index: 1;} #compliance_home .compliance_top .tpgb-plus-button a span{font-family: "Aptos", sans-serif; transition: all .3s ease;} #compliance_home .compliance_top .tpgb-plus-button a:hover::before{width: 93%;} #compliance_home .compliance_top .tpgb-plus-button a:hover span{color: #FFFFFF;} #compliance_home .compliance_bottom{column-gap: 1rem; row-gap: 4.8rem;} #compliance_home .compliance_bottom .tpgb-container-col{padding: 2.6rem 2.4rem 3.814rem 3.2rem; border: .2rem solid #DCDCE8; border-radius: 3.2rem; background: #FFFFFF;} #compliance_home .compliance_bottom .tpgb-container-col > *{width: 100%;} #compliance_home .compliance_bottom .tpgb-container-col .tpgb-creative-image{padding-bottom: 2.5rem;} #compliance_home .compliance_bottom .tpgb-container-col .tpgb-creative-img-wrap{height: 13.8rem; display: flex; justify-content: center; align-items: center;} #compliance_home .compliance_bottom .tpgb-container-col .tpgb-pro-paragraph{padding-top: 2.5rem; border-top: .1rem solid #DCDCE8;} #compliance_home .compliance_bottom .tpgb-container-col .tpgb-pro-paragraph p{text-wrap: pretty;} #compliance_home .compliance_bottom .tpgb-container-col:nth-child(1) img{width: 100%; max-width: 16rem;} #advantages_home{border-radius: 4rem 4rem 0rem 0rem;} #advantages_home .advantages_top .tpgb-heading-title{width: 100%; max-width: 59rem;} #advantages_home .advantages_bottom .advantages_img img{width: 100%; max-width: 54.4rem;} #advantages_home .advantages_bottom .advantages_info .tpgb-stylist-list .tpgb-icon-list-item{width: 100%; display: flex; flex-direction: column; row-gap: 1.6rem; padding: 2.3rem 0rem; border-bottom: .1rem solid #1C1C1D;} #advantages_home .advantages_bottom .advantages_info .tpgb-stylist-list .tpgb-icon-list-item:first-child{padding: 0rem 0rem 2.3rem;} #advantages_home .advantages_bottom .advantages_info .tpgb-stylist-list .tpgb-icon-list-item:last-child{padding-bottom: 0rem; border-bottom: unset;} #testimonials{border-radius: 3.2rem 3.2rem 0rem 0rem;} #testimonials .testimonials_bottom .slick-list{overflow: hidden;} #testimonials .testimonials_bottom .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.324rem; margin-top: 2.4rem;} #testimonials .testimonials_bottom .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #testimonials .testimonials_bottom .slick-navigation .slick-next{display: flex; order: 2;} #testimonials .testimonials_bottom .slick-navigation .slick-dots{width: fit-content; order: 1; column-gap: 1.197rem;} #testimonials .testimonials_bottom .slick-navigation .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #DCDCE8; border-radius: 100rem; transition: all .3s ease;} #testimonials .testimonials_bottom .slick-navigation .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #CACADC;} #testimonials .testimonials_bottom .testimonials_list{display: flex; justify-content: center; flex-wrap: wrap;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; row-gap: 2.5rem; padding: 3.3rem 3.1rem 3.6rem; border: .1rem solid #CED1E0; border-radius: 3.2rem; background: #FFFFFF;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container > *{width: 100%;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container .testimony_content p{font-size: 1.6rem; line-height: 2.4rem; color: #3A3B40;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container .testimony_info{display: flex; column-gap: 2rem;} /* #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container .testimony_info figure{display: flex;} */ /* #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container .testimony_info img{width: 5rem; height: 5rem; object-fit: cover; object-position: top; border-radius: 100rem;} */ #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container .testimony_info div{display: flex; flex-direction: column; justify-content: center; row-gap: .4rem;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container .testimony_info div h3{font-size: 1.6rem; font-weight: 700; line-height: 1.6rem; letter-spacing: 0rem; color: #3A3B40;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container .testimony_info div span{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 1.6rem; letter-spacing: 0rem; color: #ADABAB;} #leadership_home{border-radius: 4rem 4rem 0rem 0rem;} #leadership_home .leadership_top .tpgb-plus-button{width: 100%; max-width: 45.6rem;} #leadership_home .leadership_top .tpgb-plus-button a::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .5rem; transform: translateY(-50%); border-radius: 100rem; background: #F4EFE7; transition: all .3s ease;} #leadership_home .leadership_top .tpgb-plus-button a > *{position: relative; z-index: 1;} #leadership_home .leadership_top .tpgb-plus-button a span{font-family: "Aptos", sans-serif; color: #FFFFFF; transition: all .3s ease;} #leadership_home .leadership_top .tpgb-plus-button a:hover::before{width: 92%;} #leadership_home .leadership_top .tpgb-plus-button a:hover span{color: #3D3E43;} #leadership_home .leadership_bottom ul.blog_recently-list{width: 100%; display: flex; flex-wrap: wrap; row-gap: 4rem;} #leadership_home .leadership_bottom ul.blog_recently-list li:has(.blog_info-top){width: 100%; display: flex; flex-direction: column; row-gap: 1.3rem; padding: 1.7rem 1.8rem 3.5rem; border-radius: 2.4rem; background: #3D3E43;} #leadership_home .leadership_bottom ul li .blog_info-top picture{display: flex;} #leadership_home .leadership_bottom ul li .blog_info-top picture img{width: 100%; height: 24.6rem; object-fit: cover; border-radius: 2.1rem;} #leadership_home .leadership_bottom ul li .blog_info-bottom{height: 100%; display: flex; justify-content: space-between; flex-direction: column; row-gap: 2.5rem;} #leadership_home .leadership_bottom ul li .blog_info-bottom h3{font-size: 2rem; font-weight: 400; line-height: 3rem; text-wrap: pretty; color: #FFFFFF;} #leadership_home .leadership_bottom ul li .blog_info-bottom a{display: flex; column-gap: .6rem; align-items: center;} #leadership_home .leadership_bottom ul li .blog_info-bottom a span{font-family: 'Aptos', sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; letter-spacing: 0rem; color: #FFFFFF;} body.page-template-serve-page #contact{background: #F4F4F5;} #contact{border-radius: 4rem 4rem 0rem 0rem; background: #FFFFFF;} #contact .contact-img img{width: 100%; max-width: 59.8rem;} #contact .contact-info > *{width: 100%; height: fit-content;} #contact .contact-info a{width: fit-content;} #contact .contact-info .tpgb-plus-button a::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} body.page-template-serve-page #contact .contact-info .tpgb-plus-button a{background: #FFFFFF;} #contact .contact-info .tpgb-plus-button a > *{position: relative; z-index: 1;} #contact .contact-info .tpgb-plus-button a span{font-family: "Aptos", sans-serif; transition: all .3s ease;} #contact .contact-info .tpgb-plus-button a:hover::before{width: 93%;} #contact .contact-info .tpgb-plus-button a:hover span{color: #FFFFFF;} /*========== YOAST BREADCUMBS ==========*/ #breadcrumbs_yoast{width: 100%; padding: 3rem 2.8rem 0rem; background: #F4F4F5;} #breadcrumbs_yoast div.breadcrumbs{width: 100%; max-width: 119.6rem; margin: 0rem auto;} #breadcrumbs_yoast div.breadcrumbs > span{display: flex; align-items: center; column-gap: .8rem; font-size: 1.5rem;} #breadcrumbs_yoast div.breadcrumbs span a, #breadcrumbs_yoast div.breadcrumbs span.breadcrumb_last{font-family: 'Aptos', sans-serif; font-weight: 400; font-size: 1.4rem; color: #3A3B40;} #breadcrumbs_yoast div.breadcrumbs span.breadcrumb_last{font-weight: 700;} /*========== SERVE INTERN ==========*/ #hero_serve-intern .hero_top .tpgb-heading-title{width: 100%; max-width: 70.9rem;} #hero_serve-intern .hero_bottom{padding: 3.1rem 4.2rem 4.7rem; border: .1rem solid #DCDCE8; border-radius: 3.2rem;} #hero_serve-intern .hero_bottom .hero_info > *{width: 100%; max-width: 65rem;} #hero_serve-intern .hero_bottom .hero_info .tpgb-heading-title .heading-title{text-wrap: balance;} #hero_serve-intern .hero_bottom .hero_info .tpgb-pro-paragraph p{width: 100%;} #hero_serve-intern .hero_bottom .hero_img img{width: fit-content; height: 100%; max-height: 29.3rem;} /* #hero_serve-intern .hero_bottom .hero_img img{width: 100%; max-width: 46.7rem;} */ #value_serve-intern{border-radius: 3.2rem 3.2rem 0rem 0rem;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item:last-child{border-bottom: unset} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header{padding: 2.5rem 0rem 1.6rem; border-bottom: .1rem solid #DCDCE8; transition: all .5s ease;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-title{padding-right: 2.9rem;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item:first-child .tpgb-accordion-header{padding-top: 0rem;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{width: 2.5rem; height: 2.4rem; display: flex; justify-content: center; align-items: center; margin: 0rem; border-radius: .5rem; background: #D72C2E;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-container-row > *{width: 100%;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor > .tpgb-container-row{padding: 2.2rem 2.3rem 3.2rem; border-radius: 0rem 0rem 2.4rem 2.4rem; background: #F4F4F5;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-stylist-list .tpgb-icon-list-icon{padding-top: .6rem;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row .tpgb-cont-in{column-gap: 3.3rem; flex-wrap: wrap;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row .tpgb-plus-button a span{font-family: 'Aptos', sans-serif;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row a{width: fit-content;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row .tpgb-plus-button a::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row .tpgb-plus-button a > *{position: relative; z-index: 1;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row .tpgb-plus-button a span{font-family: "Aptos", sans-serif; transition: all .3s ease;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row .tpgb-plus-button a:hover::before{width: 93%;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row .tpgb-plus-button a:hover span{color: #FFFFFF;} #security{border-radius: 3.2rem 3.2rem 0rem 0rem;} #security .security_top .tpgb-heading-title{width: 100%; max-width: 50.7rem;} #security .security_bottom .security_img .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.324rem; margin-top: 3.5rem;} #security .security_bottom .security_img .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #security .security_bottom .security_img .slick-navigation .slick-next{display: flex; order: 2;} #security .security_bottom .security_img .slick-navigation .slick-dots{width: fit-content; order: 1; column-gap: 1.197rem;} #security .security_bottom .security_img .slick-navigation .slick-dots li button{width: .8rem; height: .8rem; padding: 0rem; background: #DCDCE8; border-radius: 100rem; transition: all .3s ease;} #security .security_bottom .security_img .slick-dots li.slick-active button{width: 3.2rem; background: #C7C7C7;} #security .security_bottom .security_img .slick-list{overflow: hidden;} #security .security_bottom .security_img .tpgb-creative-image img{width: 100%; max-width: 50rem;} #security .security_bottom .security_info > *{width: 100%;} #security .security_bottom .security_info .tpgb-stylist-list .tpgb-icon-list-item{width: 100%; display: flex; flex-direction: column; row-gap: 1.8rem; padding: 0rem 0rem 3.5rem;} #security .security_bottom .security_info .tpgb-stylist-list .tpgb-icon-list-item:last-child{padding-bottom: 0rem;} #security .security_bottom .security_info .tpgb-stylist-list .tpgb-icon-list-item .tpgb-icon-list-text{width: 100%;} #security .security_bottom .security_info .tpgb-plus-button a::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} #security .security_bottom .security_info .tpgb-plus-button a > *{position: relative; z-index: 1;} #security .security_bottom .security_info .tpgb-plus-button a span{font-family: "Aptos", sans-serif; transition: all .3s ease;} #security .security_bottom .security_info .tpgb-plus-button a:hover::before{width: 93%;} #security .security_bottom .security_info .tpgb-plus-button a:hover span{color: #FFFFFF;} /*========== PAGE MORTALITY ==========*/ #hero_mortality .hero_bottom{padding: 2.9rem 2.8rem 3.8rem; border: .1rem solid #DCDCE8; border-radius: 3.2rem;} #hero_mortality .hero_bottom .hero_img img{width: fit-content; height: 100%; max-height: 29.3rem;} /* #hero_mortality .hero_bottom .hero_img img{width: 100%; max-width: 42.3rem;} */ #fact_mortality{border-radius: 4rem 4rem 0rem 0rem;} #fact_mortality .fact_top .tpgb-heading-title{width: 100%;} #fact_mortality .fact_bottom{column-gap: 1rem;} #fact_mortality .fact_bottom .tpgb-container-col{padding: 6.3rem 1rem 6.8rem; border-radius: 3.2rem; background: #FFFFFF;} #fact_mortality .fact_bottom .tpgb-container-col .tpgb-pro-paragraph{width: 100%; max-width: 21.4rem;} #fact_mortality .fact_bottom .tpgb-container-col .nc-counter-number{margin: 0rem;} #fact_mortality .fact_bottom .slick-list{overflow: hidden;} #fact_mortality .fact_bottom .slick-dots{width: 100%; justify-content: center; align-items: center; order: 1; column-gap: 1.197rem; margin-top: 3.13rem;} #fact_mortality .fact_bottom .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #8E9ABB; border-radius: 100rem; transition: all .3s ease;} #fact_mortality .fact_bottom .slick-dots li.slick-active button{width: 3.8rem; height: .8rem;} #cause_mortality{border-radius: 4rem 4rem 0rem 0rem;} #cause_mortality .cause_heading .tpgb-pro-paragraph{width: 100%;} #cause_mortality .cause_info .tpgb-container-row{column-gap: 3.8rem; row-gap: 2.7rem;} #cause_mortality .cause_info .tpgb-container-row > *{width: fit-content;} #cause_mortality .cause_info .tpgb-container-row .tpgb-pro-paragraph{width: 100%;} #cause_mortality .cause_info .tpgb-container-row{padding: 3.3rem 0rem 3.6rem; border-bottom: .1rem solid #DCDCE8;} #cause_mortality .cause_info .tpgb-container-row:first-child{padding-top: 0rem;} #cause_mortality .cause_info .tpgb-container-row:last-child{padding-bottom: 0rem; border-bottom: unset;} #key_mortality{border-radius: 4rem 4rem 0rem 0rem;} #key_mortality .key_top .tpgb-heading-title{width: 100%;} #key_mortality .key_mid .slick-list{overflow: hidden;} #key_mortality .key_mid .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.324rem; margin-top: 2.4rem;} #key_mortality .key_mid .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #key_mortality .key_mid .slick-navigation .slick-next{display: flex; order: 2;} #key_mortality .key_mid .slick-navigation .slick-dots{width: fit-content; order: 1; column-gap: 1.197rem;} #key_mortality .key_mid .slick-navigation .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #DCDCE8; border-radius: 100rem; transition: all .3s ease;} #key_mortality .key_mid .slick-navigation .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #CACADC;} #key_mortality .key_mid .tpgb-container-col{width: 100%; min-height: 38.3rem; row-gap: 3.248rem; padding: 3.8rem 2.2rem 5rem 3.3rem; border: .1rem solid #CED1E0; border-radius: 3.2rem;} #key_mortality .key_mid .tpgb-container-col p{text-wrap: pretty;} #key_mortality .key_mid .tpgb-container-col > *{width: 100%; max-width: 40.9rem;} #key_mortality .key_mid .tpgb-container-col > .tpgb-container-row .tpgb-cont-in{row-gap: 1.3rem;} #key_mortality .key_bottom > .tpgb-container-col{width: 100%; grid-column: 1 / -1; justify-content: center; min-height: 18.2rem; padding: 4.9rem 3.15rem 4.329rem; border: .1rem solid #CED1E0; border-radius: 3.2rem;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-row{justify-content: center;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col{flex-direction: row; column-gap: 2.4rem; align-items: center; padding: 4rem 0rem; border-bottom: .2rem solid #DADAE0;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:first-child{padding-top: 0rem;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:last-child{padding-bottom: 0rem; border-bottom: unset;} #transparently_mortality{border-radius: 4rem 4rem 0rem 0rem;} #transparently_mortality .transparently_top .tpgb-heading-title{width: 100%;} #transparently_mortality .transparently_bottom .tpgb-pro-paragraph{width: 100%;} #transparently_mortality .transparently_bottom .tpgb-pro-paragraph span.color_red{font-size: 3.6rem; font-weight: 600;} #transparently_mortality .transparently_bottom .transparently_bottom-bottom{padding: 4.1rem 2.3rem 4.1rem 2.3rem; border-radius: 3.2rem; border: .1rem solid #DCDCE8;} #transparently_mortality .transparently_bottom .transparently_bottom-bottom .transparently_img img{width: 100%; max-width: 52.5rem;} #serve_mortality{border-radius: 4rem 4rem 0rem 0rem;} #serve_mortality .serve_top .tpgb-pro-paragraph{width: 100%; max-width: 36.8rem;} #serve_mortality .serve_bottom .slick-list{overflow: hidden;} #serve_mortality .serve_bottom .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.324rem; margin-top: 2.4rem;} #serve_mortality .serve_bottom .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #serve_mortality .serve_bottom .slick-navigation .slick-next{display: flex; order: 2;} #serve_mortality .serve_bottom .slick-navigation .slick-dots{width: fit-content; order: 1; column-gap: 1.197rem;} #serve_mortality .serve_bottom .slick-navigation .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #DCDCE8; border-radius: 100rem; transition: all .3s ease;} #serve_mortality .serve_bottom .slick-navigation .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #CACADC;} #serve_mortality .serve_bottom .tpgb-container-col{width: 100%; min-height: 26.2rem; row-gap: 2.487rem; padding: 3rem 1rem; border: .1rem solid #CED1E0; border-radius: 3.2rem; background: #FFFFFF;} #serve_mortality .serve_bottom .tpgb-container-col > *{width: 100%; max-width: 23.8rem;} #serve_mortality .serve_bottom .tpgb-container-col > .tpgb-container-row{height: 100%;} #serve_mortality .serve_bottom .tpgb-container-col > .tpgb-container-row .tpgb-cont-in{justify-content: space-between;} #advanced_mortality{border-radius: 4rem 4rem 0rem 0rem;} #advanced_mortality .advanced_top .tpgb-heading-title{width: 100%;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .slick-list{overflow: hidden;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.324rem; margin-top: 2.4rem;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .slick-navigation .slick-next{display: flex; order: 2;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .slick-navigation .slick-dots{width: fit-content; order: 1; column-gap: 1.197rem;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .slick-navigation .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #DCDCE8; border-radius: 100rem; transition: all .3s ease;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .slick-navigation .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #CACADC;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .tpgb-container-col{width: 100%; min-height: 24.2rem; row-gap: 1rem; padding: 2.499rem 1rem 4.3rem; border: .1rem solid #CED1E0; border-radius: 3.2rem; background: #FFFFFF;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .tpgb-container-col > *{width: 100%; max-width: 18.5rem;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .tpgb-container-col > .tpgb-container-row{height: 100%;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .tpgb-container-col > .tpgb-container-row .tpgb-cont-in{row-gap: 1rem;} #advanced_mortality .advanced_bottom .advanced_bottom-mid .tpgb-container-col > .tpgb-container-row p{text-wrap: pretty;} #advanced_mortality .advanced_bottom .advanced_bottom-bottom > .tpgb-container-row:first-child{border-bottom: .1rem solid #DCDCE8;} #advanced_mortality .advanced_bottom .advanced_bottom-bottom > .tpgb-container-row:last-child{column-gap: 2rem; row-gap: 1rem;} #advanced_mortality .advanced_bottom .advanced_bottom-bottom > .tpgb-container-row:last-child span{font-family: 'Aptos', sans-serif;} #methodology_mortality{border-radius: 4rem 4rem 0rem 0rem;} #methodology_mortality .methodology_info .tpgb-accordion{width: 100%;} #methodology_mortality .methodology_info .tpgb-accordion .tpgb-accordion-header{padding: 2.3rem 1rem 1.4rem 0rem; border-bottom: .1rem solid #969696;} #methodology_mortality .methodology_info .tpgb-accordion .tpgb-accordion-header strong{display: block; font-size: 1.8rem; line-height: 2.7rem;} #methodology_mortality .methodology_info .tpgb-accordion .tpgb-accordion-header .accordion-title{font-size: 1.6rem; line-height: 2.7rem;} #methodology_mortality .methodology_info .tpgb-accordion .tpgb-accordion-header .accordion-toggle-icon{width: 2.5rem; height: 2.4rem; display: flex; justify-content: center; align-items: center; margin: 0rem; border-radius: .5rem; background: #282828;} #methodology_mortality .methodology_info .tpgb-accordion .tpgb-accor-item:first-child .tpgb-accordion-header{padding-top: 0rem;} #methodology_mortality .methodology_info .tpgb-accordion .tpgb-accor-item .tpgb-content-editor{font-family: 'Aptos', sans-serif;} #accessing_mortality{border-radius: 4rem 4rem 0rem 0rem;} #accessing_mortality .tpgb-heading-title{width: 100%;} #accessing_mortality .accessing_bottom{display: grid; grid-template-columns: repeat(auto-fill, minmax(31.9rem, 1fr)); grid-template-rows: auto; column-gap: 3.1rem; row-gap: 3.2rem;} #accessing_mortality .accessing_bottom .tpgb-container-col{width: 100%; min-height: 32.6rem; position: relative; row-gap: 1.6rem; padding: 2rem 2.1rem; border-radius: 2.4rem;} #accessing_mortality .accessing_bottom .tpgb-container-col .tpgb-creative-image{background: #FFFFFF; border-radius: 2.4rem; overflow: hidden;} #accessing_mortality .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap{min-height: 24.7rem; display: flex; align-items: center;} #accessing_mortality .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap img{width: 100%; object-fit: cover;} /* #accessing_mortality .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap img{width: 100%; height: 21.505rem; object-fit: cover;} */ #accessing_mortality .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap{width: 100%;} #accessing_mortality .accessing_bottom .tpgb-container-col button{width: 3.709rem; height: 3.709rem; position: absolute; bottom: 7.5rem; right: 3.2rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: unset; border-radius: 100%; background: #3A3B40;} /*========== Popup Globales ==========*/ .sgpb-popup-dialog-main-div-theme-wrapper-1{top: 50% !important; left: 50% !important; width: 100%; max-width: 95.3rem!important; transform: translate(-50%, -50%); display: flex; justify-content: center; padding: 0rem 1rem; } .sgpb-popup-close-button-1{width: 4rem !important; height: 4rem !important; top: -13px !important; right: 2px !important;} #sgpb-popup-dialog-main-div .wp-block-image{margin: 0rem;} div.sgpb-popup-overlay{background: #000;} div.sgpb-content{box-shadow: unset !important; border: unset !important; background: #fff !important;} /*========== POPUPS MORTALITY ==========*/ .sgpb-content-1233{height: max-content !important; padding: 3rem 1.9rem 1.7rem!important; border-radius: 1.6rem; background: #FFFFFF;} .sgpb-content-1233 .tpgb-container-row{display: flex; flex-direction: column; row-gap: 4rem;} /* .sgpb-content-1233 .tpgb-container-row .tpgb-pro-paragraph{width: 100%; max-width: 42.2rem;} .sgpb-content-1233 .tpgb-container-row .tpgb-pro-paragraph p{font-family: 'Aptos', sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color:#3A3B40;} */ .sgpb-content-1233 .tpgb-container-row .tpgb-pro-paragraph{width: 100%; position: relative; padding-left: 1.7rem;} .sgpb-content-1233 .tpgb-container-row .tpgb-pro-paragraph::before{content: ''; width: .4rem; height: 100%; display: block; position: absolute; top: 0rem; left: 0rem; background: #D72C2E; border-radius: .635rem;} .sgpb-content-1233 .tpgb-container-row .tpgb-pro-paragraph p{font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color:#3A3B40;} .sgpb-content-1233 .tpgb-container-row .pc{display: none !important;} .sgpb-content-1233 .tpgb-container-row .mobile img{width: 100%; max-width: 30.3rem;} .sgpb-content-1238{height: max-content !important; padding: 5.1rem 2.65rem 3.6rem!important; border-radius: 1.6rem; background: #FFFFFF;} .sgpb-content-1238 .file_sharing{display: flex; flex-direction: column; row-gap: 4rem;} .sgpb-content-1238 .file_sharing > .tpgb-pro-paragraph{width: 100%; position: relative; padding-left: 1.7rem;} .sgpb-content-1238 .file_sharing > .tpgb-pro-paragraph::before{content: ''; width: .4rem; height: 100%; display: block; position: absolute; top: 0rem; left: 0rem; background: #D72C2E; border-radius: .635rem;} .sgpb-content-1238 .file_sharing > .tpgb-pro-paragraph p{font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color:#3A3B40;} /* .sgpb-content-1238 .file_sharing .tpgb-pro-paragraph{width: 100%; max-width: 48.6rem;} .sgpb-content-1238 .file_sharing .tpgb-pro-paragraph p{font-family: 'Aptos', sans-serif; font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color:#3A3B40;} */ .sgpb-content-1238 .file_sharing .tpgb-heading-title{text-align: start;} .sgpb-content-1238 .file_sharing .tpgb-heading-title .heading-title{font-family: 'Aptos', sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color:#3A3B40;} .sgpb-content-1238 .file_sharing > .tpgb-container-row{display: flex; flex-wrap: wrap; row-gap: 2.3rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col{width: 100%; display: flex; flex-direction: column; align-items: center; border: .1rem solid #DCDCE8; border-radius: 2.4rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col .head-title .heading-title{margin: 0rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col > .tpgb-container-row > .tpgb-cont-in{display: flex; flex-direction: column;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1){row-gap: 2rem; padding: 2.1rem 2rem 1.8rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(2){row-gap: 2.5rem; order: 3; padding: 3.7rem 2rem 3.4rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(3){padding: 2.7rem 1.8rem 2.7rem 2.1rem; row-gap: 1.3rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) > *{width: 100%; max-width: 55.4rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .head-title, .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-creative-img-wrap, .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button{text-align: center;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button a{padding: 1.2rem 2.8rem 1.2rem 1.85rem; border-radius: 10rem; border: unset; background: #f4f4f5;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button a::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button a > *{position: relative; z-index: 1;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button a span{font-family: "Aptos", sans-serif; font-weight: 600; transition: all .3s ease;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button a span img{width: 1.4rem; height: 1.4rem; margin-right: 2.35rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button a:hover::before{width: 93%;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button a:hover span{color: #FFFFFF;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-container-row{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; row-gap: 2rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(2) > *{width: 100%; max-width: 31.6rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(2) .heading-title{font-size: 2rem; line-height: 3rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(2) .wp-block-outermost-icon-block{width: 7.3rem !important; height: 7.3rem; display: flex !important; justify-content: center; align-items: center; border-radius: 100%; background: #F4F4F5;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(2) .tpgb-pro-paragraph p{font-size: 1.4rem; line-height: 2.4rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(3) > *{width: 100%; max-width: 55.4rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(3) img{width: 100%; max-width: 46.5rem;} .sgpb-content-1243{height: max-content !important; padding: 3rem 1.9rem 1.7rem!important; border-radius: 1.6rem; background: #FFFFFF;} .sgpb-content-1243 .tpgb-container-row{display: flex; flex-direction: column; row-gap: 4rem;} .sgpb-content-1243 .tpgb-container-row .tpgb-pro-paragraph{width: 100%; max-width: 63.8rem; position: relative; padding-left: 1.7rem;} .sgpb-content-1243 .tpgb-container-row .tpgb-pro-paragraph::before{content: ''; width: .4rem; height: 100%; display: block; position: absolute; top: 0rem; left: 0rem; background: #D72C2E; border-radius: .635rem;} .sgpb-content-1243 .tpgb-container-row .tpgb-pro-paragraph .pro-heading-inner{font-family: 'Aptos', sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.8rem; color:#3A3B40;} .sgpb-content-1243 .tpgb-container-row .tpgb-pro-paragraph p{font-family: 'Aptos', sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color:#3A3B40;} .sgpb-content-1243 .tpgb-container-row .pc{display: none !important;} .sgpb-content-1243 .tpgb-container-row .mobile img{width: 100%; max-width: 30.3rem;} .sgpb-content-1898{height: max-content !important; padding: 3rem 1.9rem 1.7rem!important; border-radius: 1.6rem; background: #FFFFFF;} .sgpb-content-1898 .web_portal{display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 2rem;} .sgpb-content-1898 .tpgb-container-row .tpgb-pro-paragraph{width: 100%; position: relative; padding-left: 1.7rem;} .sgpb-content-1898 .tpgb-container-row .tpgb-pro-paragraph::before{content: ''; width: .4rem; height: 100%; display: block; position: absolute; top: 0rem; left: 0rem; background: #D72C2E; border-radius: .635rem;} .sgpb-content-1898 .tpgb-container-row .tpgb-pro-paragraph p{font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color:#3A3B40;} .sgpb-content-2036{height: max-content !important; padding: 3rem 1.9rem 1.7rem!important; border-radius: 1.6rem; background: #FFFFFF;} .sgpb-content-2036 .tpgb-container-row{display: flex; flex-direction: column; row-gap: 4rem;} .sgpb-content-2036 .tpgb-container-row .tpgb-pro-paragraph{width: 100%; position: relative; padding-left: 1.7rem;} .sgpb-content-2036 .tpgb-container-row .tpgb-pro-paragraph::before{content: ''; width: .4rem; height: 100%; display: block; position: absolute; top: 0rem; left: 0rem; background: #D72C2E; border-radius: .635rem;} .sgpb-content-2036 .tpgb-container-row .tpgb-pro-paragraph p{font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; color:#3A3B40;} .sgpb-content-2036 .tpgb-container-row .pc{display: none !important;} .sgpb-content-2036 .tpgb-container-row .mobile img{width: 100%; max-width: 30.3rem;} /*========== PAGE PROVIDER ==========*/ #hero_provider .hero_bottom{padding: 2.9rem 2.8rem 3.8rem; border: .1rem solid #DCDCE8; border-radius: 3.2rem;} #hero_provider .hero_bottom .hero_img img{width: fit-content; height: 100%; max-height: 29.3rem;} /* #hero_provider .hero_bottom .hero_img img{width: 100%; max-width: 42.3rem;} */ #comprehensive_provider{border-radius: 3.2rem 3.2rem 0rem 0rem;} #comprehensive_provider .comprehensive_top .tpgb-heading-title{width: 100%;} #comprehensive_provider .comprehensive_bottom h5{margin: 0rem;} #comprehensive_provider .comprehensive_bottom .tpgb-container-col{padding: 5.2rem 1rem 5.6rem; border-radius: 3.2rem; background: #FFFFFF;} #comprehensive_provider .comprehensive_bottom .tpgb-container-col .tpgb-pro-paragraph span{font-family: 'Aptos', sans-serif;} #comprehensive_provider .comprehensive_bottom .tpgb-container-col .tpgb-pro-paragraph{width: 100%; max-width: 23.3rem;} #comprehensive_provider .comprehensive_bottom .slick-list{overflow: hidden;} #comprehensive_provider .comprehensive_bottom .slick-dots{width: 100%; justify-content: center; align-items: center; order: 1; column-gap: 1.197rem; margin-top: 3.13rem;} #comprehensive_provider .comprehensive_bottom .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #8E9ABB; border-radius: 100rem; transition: all .3s ease;} #comprehensive_provider .comprehensive_bottom .slick-dots li.slick-active button{width: 3.8rem; height: .8rem;} #key_provider{border-radius: 3.2rem 3.2rem 0rem 0rem; background: #FFFFFF;} #key_provider .key_top .tpgb-heading-title, #key_provider .key_top .tpgb-pro-paragraph{width: 100%;} #key_provider .key_bottom{border-radius: 3.2rem;} #transparently_provider{border-radius: 5.6rem 5.6rem 0rem 0rem;} #transparently_provider .transparently_top .tpgb-heading-title{width: 100%; max-width: 64.7rem;} #transparently_provider .transparently_bottom > .tpgb-creative-image{width: 100%;} #transparently_provider .transparently_bottom > .tpgb-pro-paragraph{width: 100%; max-width: 63.4rem;} #transparently_provider .transparently_bottom > .tpgb-container-row{row-gap: 3rem; column-gap: 2.9rem;} #transparently_provider .transparently_bottom > .tpgb-container-row .tpgb-container-col{width: 100%; row-gap: 2.7rem; padding: 4.4rem 1rem 5.7rem; border-radius: 3.2rem; border: .1rem solid #CED1E0;} #transparently_provider .transparently_bottom > .tpgb-container-row .tpgb-container-col > *{width: 100%;} #transparently_provider .transparently_bottom > .tpgb-container-row .tpgb-container-col .tpgb-container-row{row-gap: 1rem;} #accessing_mortality.provider .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap{justify-content: flex-end;} #accessing_mortality.provider .accessing_bottom .tpgb-container-col button{width: 3.181rem; height: 3.181rem;} #accessing_mortality.provider .accessing_bottom .tpgb-container-col button svg{width: 1.24rem; height: 1.24rem;} /*========== PAGE NEWS ==========*/ #hero_news .tpgb-heading-title{width: 100%;} #hero_news .tpgb-heading-title .heading-title{text-wrap: pretty;} #posts_news .blog_tabs{width: 100%; background: #E7E7EF;} #posts_news .blog_tabs .blog_tabs-content{width: 100%; max-width: 122.5rem; margin: 0rem auto; padding: 1.3rem 2.8rem 0rem; display: flex; flex-wrap: wrap; column-gap: 3.5rem;} #posts_news .blog_tabs .blog_tabs-content button{margin-right: 2.8rem; padding: 0rem; border-radius: 0rem; font-family: 'Aptos', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40; background: transparent; transition: unset;} #posts_news .blog_tabs .blog_tabs-content button.active{font-weight: 700; border-bottom: .4rem solid #D72C2E;} #posts_news #blog_grid{width: 100%; max-width: 122.5rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(31.4rem, 1fr)); grid-template-rows: auto; column-gap: 3.2rem; row-gap: 4rem; margin: 0rem auto; padding: 6.2rem 2.8rem 0rem; list-style: none;} #posts_news #blog_grid .blog_grid_item{display: flex; flex-direction: column; row-gap: 1.3rem; padding: 1.7rem 1.8rem 3.45rem; border-radius: 2.4rem; background: #FFFFFF;} #posts_news #blog_grid .blog_grid_item .blog_info-top figure{display: flex;} #posts_news #blog_grid .blog_grid_item .blog_info-top figure img{width: 100%; height: 24.4rem; object-fit: cover; border-radius: 2.1rem;} #posts_news #blog_grid .blog_grid_item .blog_info-bottom{height: 100%; display: flex; flex-direction: column; justify-content: space-between; row-gap: 1rem;} #posts_news #blog_grid .blog_grid_item .blog_info-bottom h3{font-size: 2rem; font-weight: 400; line-height: 3rem; letter-spacing: -.1rem; text-wrap: pretty; color: #3A3B40;} #posts_news #blog_grid .blog_grid_item .blog_info-bottom .blog_title span{font-family: 'Aptos', sans-serif; font-size: 2rem; font-weight: 400; line-height: 3rem; letter-spacing: -.1rem; text-wrap: pretty; color: #999999; text-transform: capitalize;} #posts_news #blog_grid .blog_grid_item .blog_info-bottom a{display: flex; column-gap: .6rem; align-items: center;} #posts_news #blog_grid .blog_grid_item .blog_info-bottom a span{font-family: 'Aptos', sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40;} /*========== PAGE ARTICLES ==========*/ #hero_post{width: 100%; max-width: 119.6rem; margin: 0rem auto; padding: 2.7rem 2.75rem 0rem;} #hero_post > a{display: flex; align-items: center; column-gap: .5rem;} #hero_post > a span{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; letter-spacing: 0rem; color: #4E4F55;} #hero_post > h1{padding: 1.7rem 0rem 0rem; font-size: 3.2rem; font-weight: 600; line-height: 4.2rem; letter-spacing: -.1rem; color: #3A3B40; text-align: left;} #hero_post .hero_info-post{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; row-gap: 1.5rem; padding: 1.7rem 0rem 0rem; } #hero_post .hero_info-post > span{display: flex; column-gap: .5rem; flex-wrap: wrap; font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .05rem; color: #969696;} #hero_post .hero_info-post > span span{display: flex;} #hero_post .hero_info-post .share-buttons{display: flex; align-items: center; column-gap: 2.4rem;} #hero_post .hero_info-post .share-buttons a{display: flex;} #hero_post .hero_img-post{padding: 4.1rem 0rem 0rem;} #hero_post .hero_img-post img{width: 100%; height: 16.3rem; object-fit: cover; border-radius: 2.1rem;} #content_post{width: 100%; display: flex; flex-direction: column; max-width: 77.2rem; margin: 0 auto; padding: 3rem 2.75rem 11.5rem;} #content_post .wp-block-heading{padding: 0rem 0rem 2.6rem; font-size: 3.2rem; font-weight: 600; line-height: 4.2rem; letter-spacing: -.1rem; color: #3A3B40;} #content_post h3.wp-block-heading{font-size: 2.4rem; font-weight: 600; line-height: 3.4rem; text-wrap: pretty; color: #3A3B40;} #content_post p{padding: 0rem 0rem 3.2rem; font-size: 1.9rem; font-weight: 400; line-height: 2.8rem; color: #4E4F55;} #content_post p a{font-family: "Aptos", sans-serif; font-size: 1.9rem; font-weight: 400; line-height: 2.8rem; color: #D72C2E;} #content_post figure a{width: 100%;} #content_post .wp-block-list{padding: 0rem 0rem 3.2rem 2rem;} #content_post .wp-block-list li{font-family: "Aptos", sans-serif; font-size: 1.9rem; font-weight: 400; line-height: 2.8rem; color: #4E4F55;} #content_post .wp-block-image{width: 100%; padding: 2.8rem 0rem 5.1rem;} #content_post .wp-block-image figure{display: flex; margin: 0rem;} #content_post .wp-block-image img{width: 100%; border-radius: 2.1rem;} #content_post .share_post{display: flex; justify-content: start; align-items: center; flex-wrap: wrap; column-gap: .5rem; padding: 3.5rem 0rem 0rem; } #content_post .share_post > span{display: inline-block; font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .05rem; color: #969696;} #content_post .share_post .share-buttons{display: flex; align-items: center; column-gap: 2.4rem;} #content_post .share_post .share-buttons a{display: flex;} #relate_articles{width: 100%; padding: 4.5rem 2.8rem 16.5rem; border-radius: 4.8rem 4.8rem 0rem 0rem; background: #F4F4F5;} #relate_articles .relate_articles-content{width: 100%; max-width: 119.5rem; margin: 0rem auto;} #relate_articles .relate_articles-top{display: flex; flex-direction: column; row-gap: 2rem;} #relate_articles .relate_articles-top h2{font-size: 3.2rem; font-weight: 600; line-height: 4.2rem; letter-spacing: -.1rem; color: #3A3B40;} #relate_articles .relate_articles-top a{width: fit-content; position: relative; display: flex; align-items: center; column-gap: 2.35rem; padding: 1.2rem 2rem 1.2rem 1.85rem; border-radius: 5rem; background: #FFFFFF;} #relate_articles .relate_articles-top a::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} #relate_articles .relate_articles-top a > *{position: relative; z-index: 1;} #relate_articles .relate_articles-top a span{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; letter-spacing: -.1rem; color: #3A3B40; transition: all .3s ease;} #relate_articles .relate_articles-top a:hover::before{width: 93%;} #relate_articles .relate_articles-top a:hover span{color: #FFFFFF;} #relate_articles .relate_articles-bottom{padding: 6.5rem 0rem 0rem;} #relate_articles .relate_articles-bottom ul{width: 100%; display: flex; flex-wrap: wrap; row-gap: 4rem;} #relate_articles .relate_articles-bottom ul li{width: 100%; display: flex; flex-direction: column; row-gap: 1.3rem; padding: 1.7rem 1.8rem 3.5rem; border-radius: 2.4rem; background: #FFFFFF;} #relate_articles .relate_articles-bottom ul li .blog_info-top picture{display: flex;} #relate_articles .relate_articles-bottom ul li .blog_info-top picture img{width: 100%; height: 24.6rem; object-fit: cover; border-radius: 2.1rem;} #relate_articles .relate_articles-bottom ul li .blog_info-bottom{height: 100%; display: flex; justify-content: space-between; flex-direction: column; row-gap: 2.5rem;} #relate_articles .relate_articles-bottom ul li .blog_info-bottom h3{font-size: 2rem; font-weight: 400; line-height: 3rem; text-wrap: pretty; color: #3A3B40;} #relate_articles .relate_articles-bottom ul li .blog_info-bottom a{display: flex; column-gap: .6rem; align-items: center;} #relate_articles .relate_articles-bottom ul li .blog_info-bottom a span{font-family: 'Aptos', sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40;} /*========== PAGE COMPLIANCE ==========*/ #hero_compliance .hero_bottom{padding: 2.9rem 2.5rem 4.4rem; border: .1rem solid #DCDCE8; border-radius: 2.4rem;} #hero_compliance .hero_bottom .hero_img img{width: 100%; max-width: 27.7rem;} #certified_compliance .tpgb-cont-in{column-gap: 1rem; row-gap: 4.8rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col{padding: 2.6rem 2.4rem 3.814rem 3.2rem; border: .2rem solid #DCDCE8; border-radius: 3.2rem; background: #FFFFFF;} #certified_compliance .tpgb-cont-in .tpgb-container-col > *{width: 100%;} #certified_compliance .tpgb-cont-in .tpgb-container-col .tpgb-creative-image{padding-bottom: 2.5rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col .tpgb-creative-img-wrap{height: 13.8rem; display: flex; justify-content: center; align-items: center;} #certified_compliance .tpgb-cont-in .tpgb-container-col .tpgb-pro-paragraph{padding-top: 2.5rem; border-top: .1rem solid #DCDCE8;} #certified_compliance .tpgb-cont-in .tpgb-container-col .tpgb-pro-paragraph p{text-wrap: pretty;} #certified_compliance .tpgb-cont-in .tpgb-container-col:nth-child(1) img{width: 100%; max-width: 16rem;} /*========== PAGE ABOUT US ==========*/ #hero_about .hero_bottom{padding: 2.9rem 2.8rem 2.6rem; border: .1rem solid #DCDCE8; border-radius: 2.4rem;} #hero_about .hero_bottom .tpgb-pro-paragraph{width: 100%;} #hero_about .hero_bottom .tpgb-creative-image img{width: 100%; max-width: 45.8rem;} #value_about{border-radius: 2.4rem 2.4rem 0rem 0rem;} #value_about .value_bottom{display: grid; grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr)); grid-template-rows: auto; column-gap: 3.5rem; row-gap: 4.8rem;} #value_about .value_bottom .tpgb-container-col{width: 100%; row-gap: 2.4rem;} #value_about .value_bottom .tpgb-container-col .wp-block-outermost-icon-block{width: 6.4rem; height: 6.4rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #D72C2E;} #value_about .value_bottom .tpgb-container-col:not(:last-child){padding: 6.7rem 1rem 6rem; border-radius: 3.2rem; border: .1rem solid #DCDCE8; background:#F4F4F5;} #value_about .value_bottom .tpgb-container-col:nth-child(1) .tpgb-pro-paragraph{width: 100%; max-width: 17.5rem;} #value_about .value_bottom .tpgb-container-col:nth-child(2) .tpgb-pro-paragraph{width: 100%; max-width: 29rem;} #value_about .value_bottom .tpgb-container-col:nth-child(3) .tpgb-pro-paragraph{width: 100%; max-width: 24.5rem;} #value_about .value_bottom .tpgb-container-col:last-child{padding: 0rem; border-radius: 2.4rem; overflow: hidden;} #value_about .value_bottom .tpgb-container-col:last-child img{width: 100%; height: 17.1rem; object-fit: cover;} #team_about .team_bottom .team_list{display: flex; flex-wrap: wrap;} #team_about .team_bottom .team_list .team_item{width: 100%;} #team_about .team_bottom .team_list .slick-list{overflow: hidden;} #team_about .team_bottom .team_list .slick-navigation{display: flex; justify-content: center; align-items: center; order: 2; column-gap: 1.324rem; margin-top: 2.4rem;} #team_about .team_bottom .team_list .slick-navigation .slick-arrow{width: 3.3rem; height: 3.3rem; display: flex; justify-content: center; align-items: center; padding: 0rem; border: .1rem solid #D9D9D9; border-radius: 100rem; background: #FFFFFF;} #team_about .team_bottom .team_list .slick-navigation .slick-next{display: flex; order: 2;} #team_about .team_bottom .team_list .slick-navigation .slick-dots{width: fit-content; flex-wrap: wrap; order: 1; row-gap: 1rem; column-gap: 1.197rem;} #team_about .team_bottom .team_list .slick-navigation .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #DCDCE8; border-radius: 100rem; transition: all .3s ease;} #team_about .team_bottom .team_list .slick-navigation .slick-dots li.slick-active button{width: 3.8rem; height: .8rem; background: #CACADC;} #team_about .team_bottom .team_list .team_item .team_container{min-height: 24.7rem; display: flex; flex-direction: column; justify-content: space-between; padding: 3.9rem 3.2rem 3.7rem; border: .1rem solid #DCDCE8; border-radius: 2.4rem; background: #FFFFFF;} #team_about .team_bottom .team_list .team_item .team_container .team_info h3{font-size: 3.2rem; font-weight: 600; line-height: 4.2rem; letter-spacing: -.1rem; color: #3A3B40} #team_about .team_bottom .team_list .team_item .team_container .team_info span{width: 100%; display: block; font-family: 'Aptos', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40} #team_about .team_bottom .team_list .team_item .team_container .team_link a{display: flex; align-items: center; column-gap: .9rem;} #team_about .team_bottom .team_list .team_item .team_container .team_link a .svg_container{width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; background: #3A3B40;} #team_about .team_bottom .team_list .team_item .team_container .team_link a span{font-family: 'Aptos', sans-serif; font-size: 1.8rem; font-weight: 700; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40;} /*========== PAGE CONTACT ==========*/ body.contact_page{background: #F4F4F5;} body.contact_page #footer{border-radius: 3.2rem 3.2rem 0rem 0rem;} body.contact_page #footer .top{padding: 3.5rem 0rem 3.25rem; border: unset;} #hero_contact .contact_info .tpgb-heading-title, #hero_contact .contact_info .tpgb-pro-paragraph, #hero_contact .contact_info .tpgb-stylist-list{width: 100%;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item{width: 100%; margin: 0rem; padding: 1.9rem 0rem 2.4rem; border-bottom: .1rem solid #B2B8D5;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item:last-child{border-bottom: unset;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item .tpgb-icon-list-icon{width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; border-radius: 100rem; background: #D72C2E;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item .tpgb-icon-list-text{width: 100%; max-width: 22.9rem;} #hero_contact .contact_form .frm_forms{width: 100%; padding: 3.4rem 2.9rem 5.2rem; border-radius: 2.4rem; background: #FFFFFF;} #hero_contact .contact_form .frm_forms fieldset{margin: 0rem; padding: 0rem;} #hero_contact .contact_form .frm_forms span.frm_required{display: none;} #hero_contact .contact_form .frm_forms .frm_fields_container{column-gap: 8%} #hero_contact .contact_form .frm_forms .frm_form_field:not(:has(textarea)){margin-bottom: 3.9rem;} #hero_contact .contact_form .frm_forms .frm_form_field:not(:has(textarea)) .frm_primary_label{display: none;} #hero_contact .contact_form .frm_forms .frm_form_field input{padding: 0rem 0rem 1.6rem; border: unset; border-bottom: .1rem solid #3D3D3D; border-radius: unset; font-family: 'Aptos', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .05rem; color: #3A3B40;} #hero_contact .contact_form .frm_forms .frm_form_field input::placeholder{font-family: 'Aptos', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .05rem; color: #969696;} #hero_contact .contact_form .frm_forms .frm_form_field input:focus{box-shadow: unset;} #hero_contact .contact_form .frm_forms .frm_form_field:has(textarea){margin-bottom: 3.7rem;} #hero_contact .contact_form .frm_forms .frm_form_field:has(textarea) .frm_primary_label{padding: 0rem 0rem 2rem; font-family: 'Aptos', sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .05rem; color: #3A3B40;} #hero_contact .contact_form .frm_forms .frm_form_field textarea{width: 100%; height: 17.1rem; border: .1rem solid #3A3B40; border-radius: .8rem;} #hero_contact .contact_form .frm_forms .frm_form_field textarea:focus{box-shadow: unset;} #hero_contact .contact_form .frm_forms .privacy{margin: 0rem !important; display: flex; align-items: center;} #hero_contact .contact_form .frm_forms .privacy p{font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: .05rem; color: #3A3B40;} #hero_contact .contact_form .frm_forms .privacy p a{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 700; line-height: 2.4rem; letter-spacing: .05rem; color: #3A3B40;} #hero_contact .contact_form .frm_forms .frm_form_field:has(.frm_submit){margin: 0rem;} #hero_contact .contact_form .frm_forms .frm_form_field .frm_submit{display: flex; align-items: center; margin-top: 2.1rem;} #hero_contact .contact_form .frm_forms .frm_form_field .frm_submit button{display: flex; align-items: center; column-gap: 2.35rem; position: relative; margin: 0rem; padding: 1.2rem 2.1rem 1.2rem 1.85rem; border: unset; border-radius: 100rem; background: #F4F4F5;} #hero_contact .contact_form .frm_forms .frm_form_field .frm_submit button::after{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} #hero_contact .contact_form .frm_forms .frm_form_field .frm_submit button > *{position: relative; z-index: 1;} #hero_contact .contact_form .frm_forms .frm_form_field .frm_submit button span{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; letter-spacing: -.1rem; color: #3A3B40; transition: color .3s ease;} #hero_contact .contact_form .frm_forms .frm_form_field .frm_submit button:hover::after{width: 93%;} #hero_contact .contact_form .frm_forms .frm_form_field .frm_submit button:hover span{color: #FFFFFF;} /*========== ERROR 404 - MAINTENANCE ==========*/ #error404, #maintenance{padding:10rem 1rem;} #error404 .wccol-md-4, #maintenance .wccol-md-4{order:2;} #error404 .wccol-md-8, #maintenance .wccol-md-8{order:1;} #error404 h2{font-size:12rem; color:var(--main-color-primary); line-height:1;} #maintenance h2{font-size:4rem; color:var(--main-color-primary); line-height:1;} #error404 h4, #maintenance h4{font-size:5rem; line-height:1;} #error404 p, #maintenance p{margin:1rem 0; font-size:1.4rem;} #error404 a.wcbtn, #maintenance a.wcbtn{background:#000; color:#fff; padding:1rem 4rem;} /*========== PRIVACY POLICY ==========*/ #privacy_policy .wp-block-heading{padding: 0rem 0rem 2.6rem; font-size: 3.2rem; font-weight: 600; line-height: 4.2rem; letter-spacing: -.1rem; color: #3A3B40;} #privacy_policy h3.wp-block-heading{font-size: 2.4rem; font-weight: 600; line-height: 3.4rem; text-wrap: pretty; color: #3A3B40;} #privacy_policy p{padding: 0rem 0rem 3.2rem; font-size: 1.9rem; font-weight: 400; line-height: 2.8rem; color: #4E4F55;} #privacy_policy p a{font-family: "Aptos", sans-serif; font-size: 1.9rem; font-weight: 400; line-height: 2.8rem; color: #D72C2E;} #privacy_policy figure a{width: 100%;} #privacy_policy .wp-block-list{padding: 0rem 0rem 3.2rem 2rem;} #privacy_policy .wp-block-list li{font-family: "Aptos", sans-serif; font-size: 1.9rem; font-weight: 400; line-height: 2.8rem; color: #4E4F55;} /*========== FOOTER ==========*/ body.page-template-serve-page #footer{background: #F4F4F5;} #footer{background: #fff; padding-bottom: 9rem;} #footer .container__row{width: min(85.1%,119.6rem); margin: 0 auto; max-width: unset;} #footer .wcrow{padding: 0rem;} #footer .top{padding: 3.5rem 0rem 3.25rem; border-top: .1rem solid #D9D9D9;} #footer .top #container__logo a{display: flex; justify-content: center;} #footer .top #container__logo img{mix-blend-mode: multiply;} #footer .top a{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40;} #footer .top .wcrow{align-items: start; padding: 0rem;} #footer .top .nav_footer{padding-top: 2.5rem;} #footer .top .nav_footer ul.menu{display: grid; grid-template-columns: max-content max-content; justify-content: space-between; row-gap: 2.5rem; list-style: none;} #footer .top .nav_footer ul.menu li a{display: flex; align-items: center;} #footer .top .nav_footer ul.menu li.current-menu-item a{color: #000;} #footer .top .nav_footer ul.menu li.menu-item-has-children > a span{font-size: 1.7rem;} #footer .top .nav_footer ul.menu li.menu-item-has-children ul.sub-menu{overflow: hidden; max-width: 0rem; max-height: 0rem; display: flex; flex-direction: column; row-gap: .6rem; padding-top: 1rem; list-style: none; transition: all .5s linear;} #footer .top .nav_footer ul.menu li.menu-item-has-children.active ul.sub-menu{max-height: 60rem; max-width: 20rem;} #footer .top .nav_footer ul.menu li.menu-item-has-children > a span{font-size: 2.5rem; transform: rotate(0deg); transition: all .5s;} #footer .top .nav_footer ul.menu li.menu-item-has-children.active > a span{transform: rotate(180deg); transition: all .5s;} #footer .bottom{padding: 3rem 0rem 0rem;} #footer .bottom a, #footer .bottom span{font-family: "Aptos", sans-serif; font-size: 1.4rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #969696;} #footer .bottom .copy_policies{display: flex; flex-direction: column; row-gap: 2.4rem;} #footer .bottom #widget__info{display: flex; justify-content: flex-end; align-items: center; column-gap: 2.4rem;} } @media screen and (min-width:768px){ /*========== ERROR 404 - MAINTENANCE ==========*/ #error404, #maintenance{background:url("images/404-background.png") no-repeat center 0; background-size:cover;} #error404 .wccol-md-4, #maintenance .wccol-md-4{order:1;} #error404 .wccol-md-4 img, #maintenance .wccol-md-4 img{margin:0 auto;} #error404 .wccol-md-8, #maintenance .wccol-md-8{order:2;} #error404 h2{font-size:15rem;} #maintenance h2{font-size:9rem;} #error404 h4, #maintenance h4{font-size:7rem;} #error404 p, #maintenance p{font-size:1.8rem;} /*========== GLOBAL-STYLES ==========*/ #topbody span.bg_heading::before{height: .9rem;} #topbody span.block_span{display: block;} /*========== OFFCANVAS ==========*/ /*========== HEADER ==========*/ #header{padding: 2.5rem 0rem; border-bottom: .1rem solid #F3F1EF; background: #FFF;} #header .container__row{width: min(85.81%,119.245rem);} #header .container__row #container__logo a img{max-width:13.519rem;} /*========== HOME ==========*/ #hero_home .hero_info .tpgb-heading-title, #hero_home .hero_info .tpgb-pro-paragraph{max-width: 31.9rem;} body.home #serve{margin-top: -3.4rem;} #serve .serve_bottom{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; column-gap: 2rem; row-gap: 2.4rem;} #serve .serve_top .tpgb-pro-paragraph{max-width: 36.8rem;} body:not(.home) #serve .serve_bottom{row-gap: 2.4rem;} body:not(.home) #serve .serve_bottom > .tpgb-container-col{min-height: 44.8rem; row-gap: 2.1rem; padding: 3.9rem 3.5rem 5.2rem 4.5rem;} #serve .serve_bottom > .tpgb-container-col{width: 100%; min-height: 44.8rem; row-gap: 2.1rem; padding: 3.9rem 3.5rem 5.2rem 4.5rem; border: .1rem solid #CED1E0; border-radius: 3.2rem; background: #FFFFFF;} #serve .serve_bottom .tpgb-container-col .wp-block-outermost-icon-block{height: 8.8rem;} #serve .serve_bottom .target_img{padding: 3.976rem 3.8rem 4.7rem 3.6rem;} #serve .serve_bottom .target_img img{display: none;} #serve .serve_bottom .target_img .tpgb-container-col:has(.tpgb-heading-title){row-gap: 2.1rem;} #serve .serve_bottom .target_img .tpgb-container-col:has(.tpgb-heading-title) > .tpgb-container-row > .tpgb-cont-in{row-gap: 1.3rem;} #serve .serve_bottom > .tpgb-container-col:not(.target_img){row-gap: 2.8rem; padding: 3.976rem 3.8rem 4.7rem 3.6rem;} #serve .serve_bottom > .tpgb-container-col:not(.target_img) .tpgb-container-row{height: 100%; justify-content: space-between;} #serve .serve_bottom > .tpgb-container-col:not(.target_img) > *{width: 100%; max-width: 30.7rem;} #serve .serve_bottom > .tpgb-container-col:not(.target_img) > .tpgb-container-row > .tpgb-cont-in{row-gap: 1.3rem;} body:not(.home) #serve .serve_bottom > .tpgb-container-col:not(.target_img){row-gap: 2.8rem; padding: 3.976rem 3.8rem 4.7rem 3.6rem;} body:not(.home) #serve .serve_bottom > .tpgb-container-col:not(.target_img) .tpgb-container-row{height: 100%; justify-content: space-between;} body:not(.home) #serve .serve_bottom > .tpgb-container-col:not(.target_img) > *{width: 100%; max-width: 30.7rem;} body:not(.home) #serve .serve_bottom > .tpgb-container-col:not(.target_img) > .tpgb-container-row > .tpgb-cont-in{row-gap: 1.3rem; } #offers_home .offers_bottom{row-gap: 0rem;} #offers_home .offers_bottom .slick-dots{width: 100%; justify-content: center; align-items: center; order: 1; column-gap: 1.197rem; margin-top: 3.13rem;} #offers_home .offers_bottom .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #C7C7C7; border-radius: 100rem; transition: all .3s ease;} #offers_home .offers_bottom .slick-dots li.slick-active button{width: 3.8rem; height: .8rem;} #offers_home .offers_bottom .slick-track .tpgb-container-col{margin-right: 2.4rem;} #offers_home .offers_bottom .tpgb-container-col{padding: 5.1rem 1rem 3.7rem;} #leadership_home .leadership_bottom ul.blog_recently-list{row-gap: 0rem;} #leadership_home .leadership_bottom ul.blog_recently-list li:has(.blog_info-top){width: auto; row-gap: 1.4rem; padding: 1.9rem 1.9rem 3.2rem;} #leadership_home .leadership_bottom ul.blog_recently-list .slick-track li:has(.blog_info-top){margin-right: 2.4rem;} #leadership_home .leadership_bottom .slick-dots{width: 100%; justify-content: center; align-items: center; order: 1; column-gap: 1.197rem; margin-top: 3.13rem;} #leadership_home .leadership_bottom .slick-dots li button{width: 1rem; height: 1rem; padding: 0rem; background: #292A2D; border-radius: 100rem; transition: all .3s ease;} #leadership_home .leadership_bottom .slick-dots li.slick-active button{width: 3.8rem; height: .8rem;} #testimonials{border-radius: 4rem 4rem 0rem 0rem;} #testimonials .testimonials_bottom .slick-list{overflow: visible;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container{min-height: 41.5rem; align-items: center; padding: 3.6rem 4.4rem 3.9rem} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container > *{max-width: 45.2rem;} #testimonials .testimonials_bottom .testimonials_list .testimony_item{margin-right: 3.4rem;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container .testimony_content p{font-size: 1.8rem; line-height: 2.8rem;} #testimonials .testimonials_bottom .slick-navigation{margin-top: 5.4rem;} #compliance_home .compliance_top .tpgb-pro-paragraph{max-width: 23.8rem;} #compliance_home .compliance_bottom{column-gap: 3.9rem; row-gap: 3.9rem;} #compliance_home .compliance_bottom .tpgb-container-col{padding: 2.6rem 2.55rem 4.6rem;} #compliance_home .compliance_bottom .tpgb-container-col > *{max-width: 31.2rem;} #compliance_home .compliance_bottom .tpgb-container-col .tpgb-creative-image{padding-bottom: 2.4rem;} #compliance_home .compliance_bottom .tpgb-container-col .tpgb-pro-paragraph{padding-top: 2.4rem;} #compliance_home .compliance_bottom .tpgb-container-col:nth-child(1) img{max-width: 22.5rem;} #compliance_home .compliance_bottom .tpgb-container-col:nth-child(2) img, #compliance_home .compliance_bottom .tpgb-container-col:nth-child(3) img{max-width: 22.8rem;} #compliance_home .compliance_bottom .tpgb-container-col:last-child{padding: 5rem 3.2rem 5rem 5.2rem;} #compliance_home .compliance_bottom .tpgb-container-col:last-child .tpgb-pro-paragraph{padding-top: 0rem; border: unset;} #advantages_home .advantages_top .tpgb-heading-title{max-width: 33rem;} #advantages_home .advantages_bottom .advantages_info .tpgb-stylist-list{width: 100%; max-width: 49.5rem;} #advantages_home .advantages_bottom .advantages_info .tpgb-stylist-list .tpgb-icon-list-item{flex-direction: row; padding: 1.5rem 0rem;} #advantages_home .advantages_bottom .advantages_info .tpgb-stylist-list .tpgb-icon-list-item:first-child{padding: 0rem 0rem 1.5rem;} #contact{border-radius: 3.2rem 3.2rem 0rem 0rem;} #contact .contact-info > *{max-width: 44.7rem;} /*========== YOAST BREADCUMBS ==========*/ #breadcrumbs_yoast{padding: 3.5rem 5.5rem 0rem;} /*========== SERVE INTERN ==========*/ #hero_serve-intern .hero_bottom{padding: 2.9rem 3.6rem 3.3rem;} #hero_serve-intern .hero_bottom .hero_info .tpgb-pro-paragraph p{max-width: 46.5rem;} #hero_serve-intern .hero_bottom .hero_img img{max-height: 24.879rem;} /* #hero_serve-intern .hero_bottom .hero_img img{max-width: 25.412rem;} */ #value_serve-intern{border-radius: 4rem 4rem 0rem 0rem;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header{padding: 1.4rem 0rem} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-title{padding-right: 0rem;} /* #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-container-row > *{max-width: 87.257rem;} */ #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor > .tpgb-container-row{padding: 6.2rem 5.3rem 7.1rem;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor > .tpgb-container-row .tpgb-stylist-list .tpgb-icon-list-icon{padding-top: 1rem;} #security{border-radius: 5.6rem 5.6rem 0rem 0rem;} #security .security_bottom .security_img .slick-navigation{margin-top: 9rem;} #security .security_bottom .security_info > *{max-width: 54.3rem;} #security .security_bottom .security_info .tpgb-stylist-list .tpgb-icon-list-item{flex-direction: row; padding: 0rem 0rem 3rem;} #security .security_bottom .security_info .tpgb-stylist-list .tpgb-icon-list-item .tpgb-icon-list-text{max-width: 48.6rem;} /*========== PAGE MORTALITY ==========*/ #hero_mortality .hero_bottom{padding: 2.8rem 3.4rem 2.2rem;} #hero_mortality .hero_bottom .tpgb-heading-title{width: 100%; max-width: 26.3rem;} #hero_mortality .hero_bottom .hero_img img{max-height: 26.9rem;} #fact_mortality .fact_top .tpgb-heading-title{max-width: 32.7rem;} #fact_mortality .fact_bottom .tpgb-container-col{padding: 3.6rem 2rem 2.7rem; border-radius: 2.4rem;} #cause_mortality .cause_heading .tpgb-heading-title{max-width: 42.5rem;} #cause_mortality .cause_heading .tpgb-pro-paragraph{max-width: 32.7rem;} #cause_mortality .cause_info .tpgb-container-row{padding: 5.1rem .85rem 5.1rem 1.45rem;} #cause_mortality .cause_info .tpgb-container-row .tpgb-pro-paragraph{max-width: 35.5rem;} #key_mortality .key_top .tpgb-heading-title{max-width: 37rem;} #key_mortality .key_mid{display: grid; grid-template-columns: repeat(auto-fill, minmax(30.9rem, 1fr)); grid-template-rows: auto; column-gap: 4rem; row-gap: 3.7rem;} #key_mortality .key_mid > .tpgb-container-col{row-gap: 1.6rem; padding: 3.7rem 1.5rem 4rem 2.9rem;} #key_mortality .key_mid > .tpgb-container-col svg{height: 4.714rem;} #key_mortality .key_bottom > .tpgb-container-col{padding: 3.97rem 3.7rem 3.237rem;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col{justify-content: center; padding: 3.27rem 5rem 0rem 5rem; border-right: .2rem solid #DADAE0; border-bottom: unset;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col .tpgb-heading-title{width: fit-content;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:first-child{padding-left: 0rem; padding-top: 0rem;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:nth-child(2){padding-right: 0rem; padding-top: 0rem; border-right: 0rem;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:nth-child(3){padding-left: 0rem;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:last-child{padding-right: 0rem; padding-top: 1.675rem; border-right: unset;} #transparently_mortality .transparently_top .tpgb-heading-title{max-width: 39.6rem;} #transparently_mortality .transparently_bottom .tpgb-pro-paragraph{max-width: 49rem;} #transparently_mortality .transparently_bottom .transparently_bottom-bottom{padding: 6.8rem 8.1rem 5.3rem;} #serve_mortality .serve_bottom{display: grid; grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr)); grid-template-rows: auto; column-gap: 1rem; row-gap: 1rem;} #serve_mortality .serve_bottom .tpgb-container-col{min-height: 22.4rem; padding: 3.48rem 1.2rem 3.4rem;} #serve_mortality .serve_bottom .tpgb-container-col svg{height: 6.2rem;} #advanced_mortality .advanced_bottom .advanced_bottom-mid{display: grid; grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr)); grid-template-rows: auto; column-gap: 4.8rem; row-gap: 4rem;} #advanced_mortality .advanced_top .tpgb-heading-title{max-width: 33rem;} #methodology_mortality{border-radius: 5.6rem 5.6rem 0rem 0rem;} #methodology_mortality .methodology_info .tpgb-heading-title{width: 100%; max-width: 21.4rem;} #methodology_mortality .methodology_info .tpgb-pro-paragraph{max-width: 31rem;} #methodology_mortality .methodology_info .tpgb-accordion .tpgb-accordion-header strong{display: inline-block; font-size: 2rem; line-height: 3.2rem;} #methodology_mortality .methodology_info .tpgb-accordion .tpgb-accordion-header .accordion-title{font-size: 2rem; line-height: 3.2rem;} #accessing_mortality .accessing_bottom{column-gap: 2rem; row-gap: 2.1rem;} #accessing_mortality .tpgb-heading-title{max-width: 48.4rem;} /*========== POPUPS GLOBALES ==========*/ .sgpb-popup-close-button-1{width: 6.4rem !important; height: 6.4rem !important; top: -18px !important; right: -18px !important;} /*========== POPUPS MORTALITY ==========*/ .sgpb-content-1233{padding: 4.5rem !important; border-radius: 3.1rem;} .sgpb-content-1233 .tpgb-container-row .pc{display: block !important;} .sgpb-content-1233 .tpgb-container-row .mobile{display: none !important;} .sgpb-content-1233 .tpgb-container-row .tpgb-pro-paragraph{padding-left: 2.7rem;} .sgpb-content-1233 .tpgb-container-row .tpgb-pro-paragraph::before{content: ''; width: .8rem;} .sgpb-content-1233 .tpgb-container-row .tpgb-pro-paragraph p{font-size: 1.8rem; line-height: 2.8rem;} .sgpb-content-1238{padding: 4.5rem !important; border-radius: 3.1rem;} .sgpb-content-1238 .file_sharing > .tpgb-pro-paragraph{padding-left: 3.3rem;} .sgpb-content-1238 .file_sharing > .tpgb-pro-paragraph::before{content: ''; width: .8rem;} .sgpb-content-1238 .file_sharing > .tpgb-pro-paragraph p{font-size: 1.8rem; line-height: 2.8rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row{display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: auto; column-gap: 3.272rem; row-gap: 3.272rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1){grid-column: 1 / -3; row-gap: 1.5rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .head-title, .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-creative-img-wrap{text-align: start;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-plus-button{text-align: right;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(1) .tpgb-container-row{justify-content: space-between;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(2){grid-column: 4 / -1; grid-row: 1 / 3; padding: 7.5rem 2rem 8.6rem; row-gap: 2.5rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(2) .tpgb-pro-paragraph p{font-size: 1.5rem; line-height: 2.6rem;} .sgpb-content-1238 .file_sharing > .tpgb-container-row .tpgb-container-col:nth-child(3){grid-column: 1 / -3; grid-row: 2 / 3; padding: 2.1rem 2rem 1.6rem; row-gap: 2rem;} .sgpb-content-1243{padding: 4.5rem !important; border-radius: 3.1rem;} .sgpb-content-1243 .tpgb-container-row .pc{display: block !important;} .sgpb-content-1243 .tpgb-container-row .mobile{display: none !important;} .sgpb-content-1243 .tpgb-container-row .tpgb-pro-paragraph{padding-left: 1.9rem;} .sgpb-content-1243 .tpgb-container-row .tpgb-pro-paragraph::before{content: ''; width: .8rem;} .sgpb-content-1243 .tpgb-container-row .tpgb-pro-paragraph .pro-heading-inner{font-size: 3.2rem; line-height: 4.2rem;} .sgpb-content-1243 .tpgb-container-row .tpgb-pro-paragraph p{font-size: 1.8rem; line-height: 2.8rem;} .sgpb-content-1898{padding: 4.5rem !important; border-radius: 3.1rem;} .sgpb-content-1898 .tpgb-container-row .tpgb-pro-paragraph{max-width: 70.6rem; padding-left: 3.3rem;} .sgpb-content-1898 .tpgb-container-row .tpgb-pro-paragraph::before{content: ''; width: .8rem;} .sgpb-content-1898 .tpgb-container-row .tpgb-pro-paragraph p{font-size: 1.8rem; line-height: 2.8rem;} .sgpb-content-2036{padding: 4.5rem !important; border-radius: 3.1rem;} .sgpb-content-2036 .tpgb-container-row .pc{display: block !important;} .sgpb-content-2036 .tpgb-container-row .mobile{display: none !important;} .sgpb-content-2036 .tpgb-container-row .tpgb-pro-paragraph{padding-left: 2.7rem;} .sgpb-content-2036 .tpgb-container-row .tpgb-pro-paragraph::before{content: ''; width: .8rem;} .sgpb-content-2036 .tpgb-container-row .tpgb-pro-paragraph p{font-size: 1.8rem; line-height: 2.8rem;} /*========== PAGE PROVIDER ==========*/ #hero_provider .hero_bottom{padding: 3.1rem 4rem 1.9rem;} #hero_provider .hero_bottom .hero_img img{max-height: 26.9rem;} /* #hero_provider .hero_bottom .hero_img img{max-width: 47.6rem;} */ #comprehensive_provider{border-radius: 4rem 4rem 0rem 0rem;} #comprehensive_provider .comprehensive_top .tpgb-heading-title{max-width: 50.4rem;} #comprehensive_provider .comprehensive_bottom{row-gap: 2.7rem;} #comprehensive_provider .comprehensive_bottom .tpgb-container-col{padding: 3.6rem 2rem 2.7rem; border-radius: 2.4rem;} #key_provider{border-radius: 4rem 4rem 0rem 0rem; background: #F4F4F5;} #key_provider .key_top .tpgb-heading-title{max-width: 31.1rem;} #key_provider .key_top .tpgb-pro-paragraph{max-width: 35.7rem;} #transparently_provider .transparently_bottom > .tpgb-container-row{display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto;} #transparently_provider .transparently_bottom > .tpgb-container-row .tpgb-container-col > *{max-width: 28.6rem;} /*========== PAGE NEWS ==========*/ #posts_news #blog_grid{grid-template-columns: repeat(auto-fill, minmax(30.7rem, 1fr)); row-gap: 4.5rem; padding: 5.7rem 5.5rem 0rem;} #posts_news #blog_grid .blog_grid_item{row-gap: 1.6rem; padding: 2rem 2.25rem 4.2rem;} #posts_news .blog_tabs .blog_tabs-content{justify-content: center; padding: 1rem 1.5rem 0rem;} #posts_news .blog_tabs .blog_tabs-content button{margin: 0rem; padding: 0rem 2.65rem .5rem;} /*========== PAGE ARTICLES ==========*/ #hero_post{padding: 3.4rem 5.5rem 0rem;} #hero_post > h1{padding: 1.9rem 0rem 0rem; font-size: 3.2rem; line-height: 4.2rem; text-align: center;} #hero_post .hero_info-post{padding: 2.9rem 0rem 0rem;} #hero_post .hero_img-post{display: flex; justify-content: center; align-items: center; padding: 1.9rem 0rem 0rem;} #hero_post .hero_img-post img{height: 16.3rem;} #content_post{padding: 2.5rem 5.5rem 6.2rem;} #content_post .wp-block-heading{font-size: 3.2rem; line-height: 4.2rem;} #content_post h3.wp-block-heading{font-size: 3.2rem; line-height: 4.2rem; letter-spacing: -.1rem; color: #3A3B40;} #content_post p{padding: 0rem 0rem 2.6rem; font-size: 1.8rem; line-height: 2.8rem;} #content_post p a{font-size: 1.8rem; line-height: 2.8rem;} /* #content_post .wp-block-image img{height: 34.1rem;} */ #relate_articles{padding: 5.1rem 5.5rem 11.5rem;} #relate_articles .relate_articles-top{flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: center;} #relate_articles .relate_articles-top h2{font-size: 3.2rem; line-height: 4.2rem;} #relate_articles .relate_articles-bottom ul{display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: auto; column-gap: 3.2rem; row-gap: 4.4rem; margin: 0rem auto; list-style: none;} #relate_articles .relate_articles-bottom ul li{width: auto; row-gap: 1.6rem; padding: 2rem 2.25rem 4.2rem;} #relate_articles .relate_articles-bottom ul li .blog_info-top picture img{height: 24.4rem;} #relate_articles .relate_articles-bottom ul li .blog_info-bottom h3{font-size: 2rem; line-height: 3rem; letter-spacing: -.1rem;} /*========== PAGE COMPLIANCE ==========*/ #hero_compliance .hero_bottom{padding: 3.7rem 5.45rem 4.902rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col{padding: 2.6rem 2.25rem 5.4rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col > *{max-width: 31.2rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col .tpgb-pro-paragraph{padding-top: 3rem;} /* #certified_compliance .tpgb-cont-in .tpgb-container-col:nth-child(1) img{max-width: 17.6rem;} */ #certified_compliance .tpgb-cont-in .tpgb-container-col:nth-child(1) img{max-width: 22.5rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col:nth-child(2) img, #certified_compliance .tpgb-cont-in .tpgb-container-col:nth-child(3) img{max-width: 22.8rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col:last-child{padding: 5.4rem 3.2rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col:last-child .tpgb-pro-paragraph{padding-top: 0rem; border: unset;} /*========== PAGE ABOUT US ==========*/ #hero_about .hero_bottom{padding: 3.2rem 3.5rem 4.1rem;} #hero_about .hero_bottom .tpgb-pro-paragraph{max-width: 39.5rem;} #hero_about .hero_bottom .tpgb-creative-image img{max-width: 32.1rem;} #value_about .value_bottom{row-gap: 3.6rem;} #value_about .value_bottom .tpgb-container-col{row-gap: 1.7rem;} #value_about .value_bottom .tpgb-container-col:not(:last-child){padding: 6.4rem 1rem 4.5rem;} #value_about .value_bottom .tpgb-container-col:nth-child(1) .tpgb-pro-paragraph{max-width: 12.5rem;} #value_about .value_bottom .tpgb-container-col:nth-child(2) .tpgb-pro-paragraph{max-width: 20.9rem;} #value_about .value_bottom .tpgb-container-col:nth-child(3) .tpgb-pro-paragraph{max-width: 17.5rem;} #value_about .value_bottom .tpgb-container-col:last-child img{height: 25.1rem;} #team_about .team_bottom .team_list{display: grid; grid-template-columns: repeat(auto-fill, minmax(30.033rem, 1fr)); grid-template-rows: auto; column-gap: 4rem; row-gap: 3.9rem;} #team_about .team_bottom .team_list .team_item .team_container{padding: 5rem 3.3rem 3.7rem;} /*========== PAGE CONTACT ==========*/ body.contact_page #footer .top{padding: 4.6rem 0rem 3rem;} #hero_contact .contact_info .tpgb-heading-title, #hero_contact .contact_info .tpgb-pro-paragraph{max-width: 35rem;} #hero_contact .contact_info .tpgb-icon-list-items{flex-direction: row;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item{min-height: 16rem; flex-direction: column; row-gap: 1.9rem; padding: 3.5rem 2.5rem 2.1rem; border-right: .1rem solid #A7AED1; border-bottom: unset;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item:first-child{padding-left: 0rem;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item:last-child{padding-right: 0rem; border-right: unset;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item .tpgb-icon-list-text{text-align: center;} #hero_contact .contact_form .frm_forms{max-width: 68.3rem; padding: 6.3rem 5.2rem 7.1rem;} #hero_contact .contact_form .frm_forms .frm_form_field:not(:has(textarea)){margin-bottom: 4.7rem;} #hero_contact .contact_form .frm_forms .privacy p, #hero_contact .contact_form .frm_forms .privacy p a{font-size: 1.4rem;} #hero_contact .contact_form .frm_forms .frm_form_field .frm_submit{justify-content: flex-end; margin: 0rem;} /*========== FOOTER ==========*/ #footer .container__row{width: min(85.81%,119.245rem);} #footer .top{padding: 4.6rem 0rem 3rem;} #footer .top #container__logo a{justify-content: start;} #footer .top .nav_footer{padding-top: 0rem;} #footer .top .nav_footer ul.menu{display: flex; justify-content: space-between; gap: 1.2rem;} #footer .top .nav_footer ul.menu li{width: auto;} #footer .top .nav_footer ul.menu li.menu-item-has-children.active ul.sub-menu{max-width: 60rem;} #footer .bottom .copy_policies{order: 1; flex-direction: row; justify-content: space-between; align-items: center; column-gap: 1rem;} #footer .bottom .social_links{display: none;} } @media screen and (min-width:1024px){ /*========== HOME ==========*/ #leadership_home .leadership_bottom ul li .blog_info-top picture img{height: 20.9rem;} #leadership_home .leadership_bottom ul.blog_recently-list li:has(.blog_info-top){row-gap: 1.6rem; padding: 2rem 2.25rem 4.2rem;} #testimonials .testimonials_bottom .slick-list{overflow: hidden;} #compliance_home .compliance_top .tpgb-pro-paragraph{max-width: unset;} #compliance_home .compliance_bottom .tpgb-container-col{padding: 4.4rem 1rem 4.9rem;} #compliance_home .compliance_bottom .tpgb-container-col .tpgb-pro-paragraph{padding-top: 3rem;} #compliance_home .compliance_bottom .tpgb-container-col .tpgb-creative-image{padding-bottom: 4.2rem;} #compliance_home .compliance_bottom .tpgb-container-col:last-child{padding: 4.4rem 1rem 5.2rem;} /*========== PAGE MORTALITY ==========*/ #hero_mortality .hero_bottom{padding: 5.4rem 7.6rem;} #hero_mortality .hero_bottom .tpgb-heading-title{max-width: unset;} #hero_mortality .hero_bottom .hero_img img{max-height: 29.3rem;} #fact_mortality .fact_bottom .tpgb-container-col{padding: 6.3rem 1rem 6.8rem; border-radius: 3.2rem;} #key_mortality .key_mid > .tpgb-container-col svg{height: auto;} #key_mortality .key_bottom > .tpgb-container-col{padding: 1.675rem 1rem 0rem;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col{width: fit-content; padding: 1.675rem 3rem; border-right: .2rem solid #DADAE0;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col .tpgb-heading-title{width: auto;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:first-child{padding-left: 1.5rem; padding-top: 1.675rem;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:nth-child(2){padding-right: 3rem; padding-top: 1.675rem; border-right: .2rem solid #DADAE0;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:nth-child(3){padding-left: 3em;} #key_mortality .key_bottom > .tpgb-container-col .tpgb-container-col:last-child{padding-right: 1.5rem; padding-bottom: 1.675rem; border-right: unset;} #serve_mortality .serve_bottom{grid-template-columns: repeat(auto-fill, minmax(28.1rem, 1fr)); column-gap: 1.5rem; row-gap: 2.1rem;} #serve_mortality .serve_bottom .tpgb-container-col{min-height: 29.6rem; padding: 3.9rem 1rem;} #serve_mortality .serve_bottom .tpgb-container-col svg{height: auto;} #advanced_mortality .advanced_bottom .advanced_bottom-bottom > .tpgb-container-row:last-child{column-gap: 3.9rem;} /*========== PAGE PROVIDER ==========*/ #hero_provider .hero_bottom{padding: 5.4rem 7.6rem;} #hero_provider .hero_bottom .hero_img img{max-height: 29.3rem;} #transparently_provider .transparently_bottom > .tpgb-container-row{grid-template-columns: repeat(3, 1fr);} /*========== SERVE INTERN ==========*/ #hero_serve-intern .hero_bottom{padding: 7.4rem 7.2rem 5.4rem;} #hero_serve-intern .hero_bottom .hero_img img{max-height: 29.3rem;} /* #hero_serve-intern .hero_bottom .hero_img img{max-width: 30rem;} */ #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-content-editor .tpgb-container-row .tpgb-container-row .tpgb-cont-in{column-gap: 4.3rem;} /*========== PAGE COMPLIANCE ==========*/ #hero_compliance .hero_bottom{padding: 3.7rem 5.5rem; border-radius: 3.2rem;} #hero_compliance .hero_bottom .hero_img img{max-width: 42.695rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col{padding: 4.4rem 1rem 4.9rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col .tpgb-creative-image{padding-bottom: 4.2rem;} /*========== PAGE ABOUT US ==========*/ #hero_about .hero_bottom{padding: 3.2rem 7.1rem 2.817rem; border-radius: 3.2rem;} /*========== FOOTER ==========*/ #footer .bottom .copy_policies{order: 0;} #footer .bottom .social_links{display: block;} } @media screen and (min-width:1025px){ /*========== SCROLL TOP ==========*/ #scrollto__top{bottom:8rem;} #scrollto__top a#scrolltop__btn{width: 5rem; height: 5rem;} .chatwith.rightpos .chatwith-mainbutton{width: 5rem; height: 5rem;} /*========== GLOBAL-STYLES ==========*/ #topbody span.heading_span{margin-top: 1.1rem; font-size: 4.8rem; line-height: 5.4rem;} #topbody.spain span.heading_span{margin-top: 1.1rem; font-size: 4.8rem; line-height: 4.4rem;} #topbody span.bg_heading::before{height: 1.3rem;} /*========== OFFCANVAS ==========*/ /*========== HEADER ==========*/ #header{padding: 3.7rem 0rem;} #header .container__row{width: min(95%,119.5rem); align-items: unset;} #header .container__row #container__logo{width: 100%; max-width: 21.816rem;} #header .container__row #container__logo a img{max-width: 14.5rem;} #header .container__row a{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; letter-spacing: 0rem; color: #3A3B40;} body.home #header .container__row a{color: #FFFFFF;} body.home #header .container__row ul.sub-menu a{color: #3A3B40;} #header .container__row #nav__header ul.sub-menu li a{font-size: 1.4rem;} #header .container__row #nav__header ul.menu{height: 100%; display: flex; align-items: center; gap: 3.2rem; list-style: none;} #header .container__row #nav__header ul.menu > li{height: 100%; display: flex; align-items: center;} #header .container__row #nav__header ul.menu li a{display: flex; align-items: center;} #header .container__row #nav__header ul.menu li.current-menu-item a{font-weight: 700;} #header .container__row #nav__header ul.menu li.menu-item-has-children{position: relative;} #header .container__row #nav__header ul.menu li.menu-item-has-children > a span{font-size: 2.5rem; transform: rotate(0deg); transition: all .5s;} #header .container__row #nav__header ul.menu li.menu-item-has-children:hover > a span{transform: rotate(180deg); transition: all .5s;} #header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu{width: max-content; display: none; position: absolute; top: 4.5rem; list-style: none; border: .1rem solid #D9D9D9; border-radius: 1.4rem; background: #FFFFFF; overflow: hidden;} #header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu a{padding: 1.15rem 2.3rem; transition: all .3s ease;} #header .container__row #nav__header ul.menu li.menu-item-has-children ul.sub-menu a:hover{background: #F4F4F5;} #header .container__row #nav__header ul.menu li.menu-item-has-children:hover ul.sub-menu{display: flex; flex-direction: column;} #header .container__row #nav__header #list__icons-header{display: none;} #header .container__row #nav_sign-in{display: block;} #header .container__row #nav_sign-in nav{display: flex; align-items: center; column-gap: 1.9rem;} #header .container__row #nav_sign-in nav a:has(svg){position: relative; display: flex; align-items: center; column-gap: 2.35rem; padding: 1.2rem 2.8rem 1.2rem 1.85rem; border-radius: 5rem; background: #F4F4F5;} body.home #header .container__row #nav_sign-in nav a:has(svg){background: #EDEDEE;} #header .container__row #nav_sign-in nav a:has(svg)::before{content: ''; width: 4rem; height: 4rem; display: block; position: absolute; top: 50%; left: .6rem; transform: translateY(-50%); border-radius: 100rem; background: #D72C2E; transition: all .3s ease;} #header .container__row #nav_sign-in nav a:has(svg) > *{position: relative; z-index: 1;} #header .container__row #nav_sign-in nav a:has(svg) span{font-family: "Aptos", sans-serif; font-size: 1.6rem; font-weight: 600; line-height: 2.4rem; letter-spacing: -.1rem; color: #3A3B40; transition: color .3s ease;} #header .container__row #nav_sign-in nav a:has(svg):hover::before{width: 93%;} #header .container__row #nav_sign-in nav a:has(svg):hover span{color: #FFFFFF;} /*========== HOME ==========*/ #hero_home .hero_info .tpgb-heading-title{max-width: 55.1rem;} #hero_home .hero_info .tpgb-pro-paragraph{max-width: 52.8rem;} body.home #serve{border-radius: 5.6rem 5.6rem 0rem 0rem; margin-top: -4.3rem;} #serve .serve_bottom{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; column-gap: 2.7rem; row-gap: 3.8rem;} body:not(.home) #serve .serve_bottom{row-gap: 3.8rem;} body:not(.home) #serve .serve_bottom .target_img{grid-column: 2 / 4; padding: 3.6rem 4.7rem;} #serve .serve_bottom .target_img{grid-column: 2 / 4; padding: 3.6rem 4.7rem;} #serve .serve_bottom .target_img .tpgb-creative-image{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border: .1rem solid #3A3B40; border-radius: 2.4rem; background: #F4F4F5;} #serve .serve_bottom .target_img .tpgb-creative-image *{width: fit-content;} #serve .serve_bottom .target_img .tpgb-creative-image img{display: block; width: 100%; max-width: 27.8rem; height: auto;} #serve .serve_bottom .target_img .tpgb-container-col:has(.tpgb-heading-title){height: 100%;} #serve .serve_bottom .target_img .tpgb-container-col:has(.tpgb-heading-title) > *{width: 100%; max-width: 32.2rem;} #serve .serve_bottom > .tpgb-container-col:not(.target_img){row-gap: 2.1rem; padding: 3.6rem 1rem 3.8rem;} body:not(.home) #serve .serve_bottom > .tpgb-container-col:not(.target_img){row-gap: 2.1rem; padding: 3.6rem 1rem 3.8rem;} #offers_home{border-radius: 5.6rem 5.6rem 0rem 0rem;} #offers_home .offers_top .tpgb-heading-title{max-width: 82.4rem;} #leadership_home{border-radius: 5.6rem 5.6rem 0rem 0rem;} #leadership_home .leadership_bottom ul.blog_recently-list{display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: auto; column-gap: 3.2rem; row-gap: 4.4rem; margin: 0rem auto; list-style: none;} #testimonials{border-radius: 5.6rem 5.6rem 0rem 0rem;} #testimonials .testimonials_bottom .testimonials_list .testimony_item .testimony_container{min-height: 44.4rem; padding: 5.3rem 1rem 6rem;} #compliance_home{border-radius: 5.6rem 5.6rem 0rem 0rem;} #compliance_home .compliance_bottom{column-gap: 1rem;} #compliance_home .compliance_bottom .tpgb-container-col:last-child .tpgb-pro-paragraph{padding-top: 2.4rem; border-top: .1rem solid #DCDCE8;} #advantages_home{border-radius: 5.6rem 5.6rem 0rem 0rem;} #advantages_home .advantages_top .tpgb-heading-title{max-width: 59rem;} #contact{border-radius: 5.6rem 5.6rem 0rem 0rem;} /*========== YOAST BREADCUMBS ==========*/ #breadcrumbs_yoast{padding: 3.2rem 1.5rem 0rem;} /*========== SERVE INTERN ==========*/ #value_serve-intern{border-radius: 5.6rem 5.6rem 0rem 0rem;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header{padding: 3.05rem 1.75rem 3.05rem 0rem;} #value_serve-intern .value_bottom .tpgb-accordion .tpgb-accor-item .tpgb-accordion-header .accordion-toggle-icon{width: 3.2rem; height: 3.2rem;} /*========== PAGE MORTALITY ==========*/ #fact_mortality{border-radius: 5.6rem 5.6rem 0rem 0rem;} #fact_mortality .fact_top .tpgb-heading-title{max-width: 72rem;} #cause_mortality{border-radius: 5.6rem 5.6rem 0rem 0rem;} #key_mortality{border-radius: 5.6rem 5.6rem 0rem 0rem;} #key_mortality .key_top .tpgb-heading-title{max-width: 54.9rem;} #key_mortality .key_mid{grid-template-columns: repeat(auto-fill, minmax(33.4rem, 1fr)); column-gap: 5rem; row-gap: 5rem;} #key_mortality .key_mid > .tpgb-container-col{row-gap: 2.755rem; padding: 2.8rem 1rem 5.5rem;} #key_mortality .key_bottom > .tpgb-container-col{padding: 0rem 1rem;} #transparently_mortality{border-radius: 5.6rem 5.6rem 0rem 0rem;} #transparently_mortality .transparently_top .tpgb-heading-title{max-width: 67rem;} #transparently_mortality .transparently_bottom .tpgb-pro-paragraph{max-width: 47.5rem;} #transparently_mortality .transparently_bottom .transparently_bottom-bottom{padding: 10.2rem 7.6rem 7.4rem;} #serve_mortality{border-radius: 5.6rem 5.6rem 0rem 0rem;} #advanced_mortality{border-radius: 5.6rem 5.6rem 0rem 0rem;} #advanced_mortality .advanced_top .tpgb-heading-title{max-width: 101rem;} #advanced_mortality .advanced_bottom .advanced_bottom-mid{grid-template-columns: repeat(auto-fill, minmax(26.2rem, 1fr));} #methodology_mortality .methodology_info .tpgb-heading-title, #methodology_mortality .methodology_info .tpgb-pro-paragraph{max-width: unset;} #methodology_mortality .methodology_info .tpgb-accordion{max-width: 49.3rem;} #accessing_mortality{border-radius: 5.6rem 5.6rem 0rem 0rem;} #accessing_mortality .accessing_bottom{column-gap: 3.1rem;} #accessing_mortality .tpgb-heading-title{max-width: 76.3rem;} #accessing_mortality .accessing_bottom{grid-template-columns: repeat(auto-fill, minmax(36.5rem, 1fr)); row-gap: 2.1rem;} #accessing_mortality .accessing_bottom .tpgb-container-col{min-height: 39.2rem; row-gap: 2.2rem; padding: 2.4rem 2.6rem 2.9rem;} #accessing_mortality .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap{min-height: 29rem;} #accessing_mortality .accessing_bottom .tpgb-container-col button{bottom: 9.5rem; right: 4.2rem;} /* #accessing_mortality .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap img{height: 25.224rem;} */ /*========== PAGE PROVIDER ==========*/ #comprehensive_provider{border-radius: 5.6rem 5.6rem 0rem 0rem;} #comprehensive_provider .comprehensive_top .tpgb-heading-title{max-width: 96.711rem;} #comprehensive_provider .comprehensive_bottom{display: grid; grid-template-columns: repeat(auto-fill, minmax(30.2rem, 1fr)); grid-template-rows: auto; column-gap: 8.4rem; row-gap: 5.7rem;} #comprehensive_provider .comprehensive_bottom .tpgb-container-col{width: 100%; min-height: 26.6rem; padding: 5.4rem 1rem 5.6rem;} #key_provider{border-radius: 5.6rem 5.6rem 0rem 0rem;} #key_provider .key_top .tpgb-heading-title{max-width: 50.7rem;} #key_provider .key_top .tpgb-pro-paragraph{max-width: 64.1rem;} #accessing_mortality.provider .accessing_bottom{grid-template-columns: repeat(auto-fill, minmax(38.5rem, 1fr)); column-gap: 8.7rem;} #accessing_mortality.provider .accessing_bottom .tpgb-container-col{min-height: 55.2rem; row-gap: 2.2rem; padding: 3.5rem 3.8rem 4.3rem;} #accessing_mortality.provider .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap{min-height: 42.765rem;} #accessing_mortality.provider .accessing_bottom .tpgb-container-col .tpgb-creative-img-wrap img{height: auto; width: auto; object-fit: unset;} #accessing_mortality.provider .accessing_bottom .tpgb-container-col button{width: 5.47rem; height: 5.47rem; bottom: 11.5rem; right: 6.18rem;} #accessing_mortality.provider .accessing_bottom .tpgb-container-col button svg{width: 2.146rem; height: 2.146rem;} /*========== PAGE NEWS ==========*/ #posts_news #blog_grid{row-gap: 4.4rem; padding: 7rem 1.5rem 0rem;} #posts_news #blog_grid .blog_grid_item .blog_info-top figure img{height: 28.8rem; border-radius: 2.4rem;} #posts_news #blog_grid .blog_grid_item .blog_info-bottom{row-gap: 2.5rem;} /*========== PAGE ARTICLES ==========*/ #hero_post{padding: 4.5rem 1.5rem 0rem;} #hero_post > h1{padding: 4.4rem 0rem 0rem; font-size: 5.6rem; line-height: 7.2rem;} #hero_post .hero_info-post{padding: 5.9rem 0rem 0rem;} #hero_post .hero_img-post{padding: 4.2rem 0rem 0rem;} #hero_post .hero_img-post img{max-width: 50rem; height: auto;} #content_post{padding: 7rem 1.5rem 18.9rem;} #content_post .wp-block-heading{font-size: 4rem; line-height: 5.7rem;} #relate_articles{padding: 8.5rem 1.5rem 16.5rem;} #relate_articles .relate_articles-top h2{font-size: 4.8rem; line-height: 5.7rem;} #relate_articles .relate_articles-bottom ul{grid-template-columns: repeat(3,1fr);} #relate_articles .relate_articles-bottom ul li .blog_info-bottom h3{font-size: 2.4rem; line-height: 3.2rem;} #relate_articles .relate_articles-bottom ul li .blog_info-top picture img{height: 28.8rem;} /*========== PAGE COMPLIANCE ==========*/ #certified_compliance .tpgb-cont-in .tpgb-container-col:last-child{padding: 4.4rem 1rem 4.9rem;} #certified_compliance .tpgb-cont-in .tpgb-container-col:last-child .tpgb-pro-paragraph{padding-top: 3rem; border-top: .1rem solid #DCDCE8;} /*========== PAGE ABOUT US ==========*/ #hero_about .hero_bottom .tpgb-creative-image img{max-width: 45.8rem;} #value_about{border-radius: 5.6rem 5.6rem 0rem 0rem;} #value_about .value_bottom{grid-template-columns: repeat(3, 1fr); row-gap: 4.8rem; row-gap: 6rem;} #value_about .value_bottom .tpgb-container-col{row-gap: 3rem;} #value_about .value_bottom .tpgb-container-col:not(:last-child){padding: 6.7rem 1rem 6rem;} #value_about .value_bottom .tpgb-container-col:nth-child(1) .tpgb-pro-paragraph{max-width: 17.5rem;} #value_about .value_bottom .tpgb-container-col:nth-child(2) .tpgb-pro-paragraph{max-width: 29rem;} #value_about .value_bottom .tpgb-container-col:nth-child(3) .tpgb-pro-paragraph{max-width: 24.5rem;} #value_about .value_bottom .tpgb-container-col:last-child{grid-column: 1 / -1; border-radius: 4rem;} #value_about .value_bottom .tpgb-container-col:last-child img{height: 31.8rem;} #team_about .team_bottom .team_list{column-gap: 3.2rem; row-gap: 3.4rem;} #team_about .team_bottom .team_list .team_item .team_container{min-height: 27.3rem; padding: 4.5rem 3.3rem 4.8rem;} #team_about .team_bottom .team_list .team_item .team_container .team_info span{max-width: 15.8rem;} /*========== PAGE CONTACT US ==========*/ body.contact_page #footer{border-radius: 5.6rem 5.6rem 0rem 0rem;} body.contact_page #footer .top{padding: 7.8rem 0rem 3rem;} #hero_contact .contact_info .tpgb-icon-list-items{flex-direction: column;} #hero_contact .contact_info .tpgb-stylist-list{max-width: 33.8rem;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item{min-height: unset; flex-direction: row; padding: 1.9rem 0rem 2.4rem; border-right: unset; border-bottom: .1rem solid #B2B8D5;} #hero_contact .contact_info .tpgb-stylist-list .tpgb-icon-list-item .tpgb-icon-list-text{text-align: left;} /*========== FOOTER ==========*/ #footer .container__row{width: min(95%,119.6rem);} } @media screen and (min-width:3000px){ #scrollto__top{bottom:16rem;} #scrollto__top a#scrolltop__btn{width:10rem; height:10rem;} #scrollto__top a#scrolltop__btn .wcicon{font-size:7rem; line-height:10rem;} /*========== HEADER ==========*/ /*========== HOME ==========*/ }