/* ################################## */
/*Responsive*/
/* ################################## */
@import url("responsive.60c9b06cacbb.css");

/* ################################## */
/*Responsive*/
/* ################################## */
/* ################################## */
/*Fonts*/
/* ################################## */
@font-face {
    font-family: "Gordita";
    src: url("/static/media/fonts/Gordita-Regular.72b616567176.otf") format("truetype");
}

@font-face {
    font-family: "PP Neue Montreal", Helvetica;
    src: url("/static/media/fonts/NeueMontreal-Regular.4d742e8ebdf9.otf") format("truetype");
}

/* ################################## */
/*Fonts*/
/* ################################## */

:root {
    --x-1: rgba(31, 66, 131, 1);
    --white: rgba(255, 255, 255, 1);
    --gray: rgba(242, 243, 254, 1);
    --alternative-blue: rgba(148, 172, 232, 1);
    --paragraph-gray: rgba(112, 124, 147, 1);
    --gray-1: rgba(190, 190, 190, 1);
    --fff: rgba(255, 255, 255, 1);
    --brand-colorprimary: rgba(21, 45, 90, 1);
    --brand-colorsecondary: rgba(31, 66, 131, 1);
    --brand-colordark-blue: rgba(11, 24, 49, 1);
    --brand-colorlight-blue: rgba(40, 86, 173, 1);
    --paragraph-32-px-book-font-family: "PP Neue Montreal", Helvetica;
    --paragraph-32-px-book-font-weight: 400;
    --paragraph-32-px-book-font-size: calc(32 / 1920 * 100vw);
    --paragraph-32-px-book-letter-spacing: 0px;
    --paragraph-32-px-book-line-height: 125.99999904632568%;
    --paragraph-32-px-book-font-style: normal;
    --paragraph-24px-book-font-family: "PP Neue Montreal", Helvetica;
    --paragraph-24px-book-font-weight: 400;
    --paragraph-24px-book-font-size: calc(24 / 1920 * 100vw);
    --paragraph-24px-book-letter-spacing: 0px;
    --paragraph-24px-book-line-height: 150%;
    --paragraph-24px-book-font-style: normal;
    --test: 0px 4px 44.5px 0px rgba(31, 66, 131, 0.12);
    --btn: 0px 4px 25px 6px rgba(31, 66, 131, 0.25);
    --status-circle: 0px 1px 4px 0px rgba(11, 24, 49, 0.3);
    --variable-collection-test: rgba(31, 66, 131, 0.12);
}

#body-background {
    background-color: var(--gray) !important;
}

.br-mobile {
    display: none;
}
#br-mobile {
    display: none;
}
.menu-mquery-container {
    display: none;
}

.smooth-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.smooth-content {
    position: relative;
    width: 100%;
    min-height: 100vh;
}

.no-padding {
    padding: 0 !important;
}
/* Your Style */


.cookies-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 35%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F2F3FE;
    padding: 1% 2%;
    z-index: 100;
    border-radius: 10px;
}

.cookies-container p {
    color: #707c92;
    font-family: "PP Neue Montreal", Helvetica;
    font-style: normal;
    font-weight: 400;
    font-size: clamp(10px,1.2vw,55px);
    text-align-last: center;
}

.cookies-container a {
    text-decoration: underline !important;
    color: #1F4283;
}

.cookies-container div {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: auto;
    gap: 15px;
    width: 100%;
    justify-content: center;
    margin-top: 10px;
}

.cookies-container div .accept {
    border-radius: 10px;
    background: #1F4283;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    font-family: Gordita;
    font-size: calc(25 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    letter-spacing: calc(-.9984 / 1920 * 100vw);
    border: none;
    padding: 1% 5%;
}

.cookies-container div .decline {
    border-radius: 10px;
    border: 1px solid #94ACE8;
    color: #94ACE8;
    text-align: center;
    font-family: Gordita;
    font-size: calc(25 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: calc(-1 / 1920 * 100vw);
    background: none;
    cursor: pointer;
    padding: 1% 5%;
}

.cookie-btn-activate {
    bottom: -30%;
    transition: all 0.6s ease-in;
}

/* Header */
header {
    position: relative;
    height: auto;
    min-height: 110px;
    width: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-container {
    height: 11.39%;
    width: 95.677vw;
    min-height: 80px;
    display: flex;
    flex-direction: row;
    border-radius: 30px;
    background: #F2F3FE;
    backdrop-filter: blur(2px);
    position: fixed;
    z-index: 50;
    align-items: center;
}

.logo-container {
    width: 30%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-container svg {
    width: 45%;
    height: auto;
    margin-left: -10%;
}

.nav-bar {
    display: flex;
    align-items: center;
    width: 42.969vw;
    height: 69.92%;
    padding: 0 3.229167vw;
    justify-content: space-between;
    border-radius: 25px;
    background: #FFF;
}

.nav-bar li {
    cursor: pointer;
    color: #000;
    font-size: 1.09375vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.84px;
    opacity: 0.8;
    cursor: pointer;
}

.nav-bar li:hover {
    cursor: pointer;
    color: #63769A;
    font-size: 1.09375vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.84px;
    opacity: 0.8;
    cursor: pointer;
}















/* css nuevo */

.resources-menu {
    
    position: absolute;
    height: 400%;
    width: calc(250 / 1920* 100vw);
    top: 100%;
    left: calc(-23 / 1920* 100vw);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease; 
}

.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease; 
}

#nav-resources2 {
    position: relative;
    height: auto;
}

#nav-resources2 li:hover {
    color: #1F4283;
}

.nav-resources {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: .260417vw;
}

.nav-resources svg {
    width: 1.302083vw;
    height: auto;
    transition: transform 0.3s ease;
}

/* css nuevo */


















.nav-button {
    width: 14.792vw;
    height: 56.91%;
    display: flex;
    margin: 0 0 0 5.313vw;
    justify-content: center;
    align-items: center;
    gap: .520833vw;
    border-radius: 15px;
    background: #1F4283;
    border: none;
    cursor: pointer;
}

.nav-button:hover {
    background: #94ACE8;
}

.nav-button p {
    color: #FFF;
    text-align: right;
    font-size: 1.302083vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1 / 1920 * 100vw);
}

.nav-button svg {
    width: 1.770833vw;
    height: auto;
}

.resources-menu-span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: flex;
    width: calc(187 / 1920* 100vw);
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    gap: 10%;
    background-image: url("/static/media/icons/content-home/Vector-18.114a969d40fd.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 10%;
}

.cases-studies-menu {
    color: var(--Brand-color-Dark-Blue, #0B1831);
    font-family: Gordita;
    font-size: calc(18 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.72 / 1920 * 100vw);
}

.cases-studies-menu:hover {
    color: var(--Paragraph-gray);
}

.blog-menu {
    color: var(--Brand-color-Dark-Blue, #0B1831);
    font-family: Gordita;
    font-size: calc(18 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.72 / 1920 * 100vw);
}

.blog-menu:hover {
    color: var(--Paragraph-gray);
}

.hamburger-menu-mquery {
    display: none;
}
/* Header End */

/* Home */

/* Container1 */
.content1-2-container {
    margin-top: 8%;
    display: flex;
    flex-direction: row;
    gap: calc(18 / 1920 * 100vw);
    margin-bottom: 7%;
    height: 77vh;
    min-height: 500px;
    position: relative;
}

.content1-2-container > video {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    height: auto;
    width: 55%;
}

.content1-container1 {
    width: 59.69%;
    height: 100%;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 calc(50 / 1920 * 100vw);
}

.background1 {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;
}

.img-home-background1 {
    width: calc(1146 / 1920 * 100vw);
    height: 100%;
    border-radius: 35px;
    background-color: #1F4283;
}

.content1-container1-content {
    position: absolute;
    width: 100%;
    height: 100%;
        background: linear-gradient(90deg, hsl(219, 62%, 32%) 37%, hsl(219, 62%, 32%, 0.9) 45%, hsl(219, 62%, 32%, 0.8) 50%, hsl(225, 60%, 96%) 100%);
}

.title-content1-container {
    position: relative;
    top: 11%;
    left: calc(74 / 1920 * 100vw);
    width: calc(828 / 1920 * 100vw);
    height: auto;
}

.title-content1-container h2 {
    font-size: calc(80 / 1920 * 100vw);
    color: #FFF;
    font-family: Gordita;
    font-style: normal;
    font-weight: 400;
    line-height: 80%;
}

.title-content1-container span {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(80 / 1920 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.card1-container1 {
    display: flex;
    flex-direction: row;
}

.subtitle-buttons--content1-container1 {
    position: absolute;
    top: 44%;
    left: calc(79 / 1920 * 100vw);
}

.subtitle-content1-container {
    color: #F2F3FE;
    font-family: "PP Neue Montreal", Helvetica;
    font-size: calc(24 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    opacity: 0.8;
}

.buttons-content1-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(23 / 1920 * 100vw);
    margin: 10% 0 5% 0;
}

.get-free-btn {
    border-radius: 15px;
    background: #FFF;
    cursor: pointer;
    width: calc(246 / 1920 * 100vw);
    color: #0B1831;
    text-align: center;
    font-family: Gordita;
    font-size: calc(25 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: calc(-.9984 / 1920 * 100vw);
    border: none;
    padding: 4% 13%;
}
.get-free-btn:hover {
    background: #94ACE8;
    border: 1px solid rgba(148, 172, 232, 0.00);
    color: #FFF;
}

.explore-software-btn {
    border-radius: 15px;
    border: 1px solid #94ACE8;
    color: #94ACE8;
    text-align: center;
    font-family: Gordita;
    font-size: calc(25 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: calc(-1 / 1920 * 100vw);
    background: none;
    cursor: pointer;
    width: calc(283 / 1920 * 100vw);
    padding: 4% 13%;
}
.explore-software-btn:hover {
    color: #FFF;
    border: 1px solid #94ACE8;
    background: rgba(255, 255, 255, 0.25);
}

.text-no-credit-card {
    margin-left: calc(154 / 1920 * 100vw);
    color: #F2F3FE;
    font-family: Gordita;
    font-size: calc(20 / 1920 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    opacity: 0.5;
}

.content2-container1 {
    position: relative;
    width: 34.17%;
    height: 100%;
}

.overlap-group {
    width: calc(656 / 1920 * 100vw);
    height: 100%;
}

.bg-overlap-group {
    width: 100%;
    height: 100%;
    border-radius: 35px;
}

.patients-square {
    position: absolute;
    width: 26.04%;
    height: auto;
    top: 9.14%;
    right: 0;
    object-fit: contain;
}

.phone {
    position: absolute;
    width: 17.29%;
    height: auto;
    top: 23.15%;
    right: 16.62%;
    object-fit: contain;
}

.content3-container1 {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title-content3 {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 3%;
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(80 / 1920 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-3.2 / 1920 * 100vw);
}

.title-content3 span {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(80 / 1920 * 100vw);
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.166667vw;
}

.content3-logo-plans {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 88vw;
    height: auto;
    margin: 4% 0 6% 0;
}

.content3-logo-plans-svg1 {
    width: calc(241.40 / 1920 * 100vw);
    height: auto;
    scale: 1;
    transition: 0.2s;
}

.content3-logo-plans-svg2 {
    width: calc(175 / 1920 * 100vw);
    height: auto;
    scale: 1;
    transition: 0.2s;
}
.content3-logo-plans-svg3 {
    width: calc(260 / 1920 * 100vw);
    height: auto;
    scale: 1;
    transition: 0.2s;
}
.content3-logo-plans-svg4 {
    width: calc(265.14 / 1920 * 100vw);
    height: auto;
    scale: 1;
    transition: 0.2s;
}
.content3-logo-plans-svg5 {
    width: calc(273.72 / 1920 * 100vw);
    height: auto;
    scale: 1;
    transition: 0.2s;
}

.content3-logo-plans-svg1:hover, .content3-logo-plans-svg2:hover, .content3-logo-plans-svg3:hover, .content3-logo-plans-svg4:hover, .content3-logo-plans-svg5:hover {
    scale: 1.2;
    transition: 0.2s;
}

.content3-logo-plans-mquery {
    display: none;
}

.content4-container1 {
    height: auto;
}

.title-content4-container1 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(65 / 1920 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: calc(-2.6 / 1920 * 100vw);
    margin: calc(70 / 1080 * 100vh) 0 calc(102 / 1080 * 100vh) calc(784 / 1920 * 100vw);
}

.title-content4-container1 span {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(65 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: calc(-2.6 / 1920 * 100vw);
}

.img-content4-container1 {
    width: calc(778 / 1920 * 100vw);
    height: calc(590 / 1080 * 100vh);
}

.img-content4-container1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 30px 30px 0;
}

.img-text-content4-container1 {
    display: flex;
    flex-direction: row;
    margin-bottom: calc(131 / 1080 * 100vh);
}

.text-content4-container1 {
    margin-left: calc(182 / 1920 * 100vw);
}

.text-content4-container1 h3 {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(40 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: calc(-1.6 / 1920 * 100vw);
}

.all-text-content4 {
    margin-left: calc(3 / 1920 * 100vw);
}

.text1-content4-container1 {
    display: flex;
    flex-direction: row;
    gap: calc(10 / 1920 * 100vw);
    margin-top: calc(54 / 1080 * 100vh);
}

.text1-content4-container1 svg {
    width: calc(34 / 1920 * 100vw);
    height: calc(34 / 1080 * 100vh);
}

.text1-content4-container1 p {
    color: #707C93;
    font-family: "PP Neue Montreal", Helvetica;
    font-size: calc(32 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text2-content4-container1 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin: calc(54 / 1080 * 100vh) 0 calc(83 / 1080 * 100vh) 0;
}

.text2-content4-container1 svg {
    width: calc(34 / 1920 * 100vw);
    height: calc(34 / 1080 * 100vh);
}

.text2-content4-container1 p {
    color: #707C93;
    font-family: "PP Neue Montreal", Helvetica;
    font-size: calc(32 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text3-content4-container1 {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.text3-content4-container1 svg {
    width: calc(34 / 1920 * 100vw);
    height: calc(34 / 1080 * 100vh);
}

.text3-content4-container1 p {
    color: #707C93;
    font-family: "PP Neue Montreal", Helvetica;
    font-size: calc(32 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.content-card-content4-container1 {
    width: calc(1487 / 1920* 100vw);
    height: auto;
    display: flex;
    padding: calc(18 / 1080* 100vh) 0 calc(18 / 1080* 100vh) calc(18 / 1920* 100vw);
    flex-direction: row-reverse;
    align-items: center;
    gap: calc(20 / 1920* 100vw);
    align-self: stretch;
    border-radius: 30px;
    background: #FFF;
    padding: 3% 0;
}

.content-card-content4-container1 img {
    width: 55%;
    height: auto;
    border-radius: 30px;
    object-fit: contain;
}

.text-content-card-content4-container1 {
    display: flex;
    flex-direction: column;
    gap: calc(55 / 1080* 100vh);
}

.text-content-card-content4-container1 div {
    display: flex;
    flex-direction: row;
    gap: calc(10 / 1920* 100vw);
}

.text-content-card-content4-container1 svg {
    width: calc(34 / 1920 * 100vw);
    height: calc(34 / 1920 * 100vw);
}

.content-card-content4-container1 h3 {
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(32 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1.28 / 1920 * 100vw);
}

.content-card-content4-container1 p {
    color: #707C93;
    font-family: "PP Neue Montreal", Helvetica;
    font-size: calc(32 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    align-self: stretch;
    letter-spacing: calc(-.7 / 1920 * 100vw);
}

.content-card-content4-container1 button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: #1F4283;
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(25 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1 / 1920 * 100vw);
    cursor: pointer;
    border: none;
    width: calc(180 / 1920 * 100vw);
    height: calc(67 / 1080 * 100vh);
}

.content-card-content4-container1 > img {
    object-fit: contain;
}

.background-content4-container1 {
    width: calc(1820 / 1920 * 100vw);
    height: 100%;
    box-shadow: 0px .208333vw 1.302083vw .3125vw rgba(31, 66, 131, 0.25);
    border-radius: 35px;
    background: #1F4283;
    margin-left: calc(50 / 1920 * 100vw);
    display: flex;
    justify-content: center;
}

.subtitle-content4-container1 {
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(75 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-3 / 1920 * 100vw);
    margin: 3% 0 5% 0;
}

.subtitle-content4-container1 span {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(75 / 1920 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-3 / 1920 * 100vw);
}
/* Container1 End */

/* Container2 */
.container2 {
    height: auto;
}

.background-content-container2 {
    position: absolute;
    top: 0;
    background: linear-gradient(101deg, #FFF 3.27%, #B7D0FF 27.11%, #D9E6FD 75.74%);
    border: 1px solid rgba(31, 66, 131, 0.25);
    width: calc(1829 / 1920 * 100vw);
    height: 100%;
    border-radius: 35px;
    opacity: 0.25;
    margin: 5% 0 0 calc(45 / 1920 * 100vw);
}

.content-container2 {
    padding-top: 3%;
    height: auto;
    position: relative;
}

.content1-container2 {
    position: relative;
    margin: 5% 0 0 calc(45 / 1920 * 100vw);
    width: calc(1829 / 1920 * 100vw);
    height: auto;
    z-index: 2;
}

.title-content1-container2 {
    color: #0B1831;
    text-align: center;
    font-family: Gordita;
    font-size: calc(100 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-4 / 1920 * 100vw);
    margin-top: calc(115 / 1080 * 100vh);
}

.title-content1-container2 span {
    color: #0B1831;
    font-family: Gordita;
    font-size: calc(100 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-4 / 1920 * 100vw);
}

.text1-content1-container2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(120 / 1920 * 100vw);
    margin: 5% 0 4% calc(156 / 1920 * 100vw);
}

.title-text1-content1-container2 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.title-text1-content1-container2 h3 {
    color: #94ACE8;
    font-family: 'Gordita-500';
    font-size: calc(42 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1.68 / 1920 * 100vw);
}

.title-text1-content1-container2 p {
    color: #707C93;
    font-family: "NeueMontreal-Regular";
    font-size: calc(24 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.img-text1-content1-container2 {
    width: calc(656 / 1920 * 100vw);
    height: 400px;
    min-height: 200px;
    border-radius: 30px;
    background: var(--gradient, linear-gradient(101deg, #FFF 3.27%, #B7D0FF 27.11%, #D9E6FD 75.74%));
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.img-text1-content1-container2 img {
    position: relative;
    right: calc(105 / 1920 * 100vw);
    width: 115%;
    height: auto;
    object-fit: contain;
}

.text2-content1-container2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(120 / 1920 * 100vw);
    margin: 0 0 0 calc(156 / 1920 * 100vw);
}

.title-text2-content1-container2 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.title-text2-content1-container2 h3 {
    color: #94ACE8;
    font-family: 'Gordita-500';
    font-size: calc(42 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1.68 / 1920 * 100vw);
}

.title-text2-content1-container2 p {
    color: #707C93;
    font-family: "NeueMontreal-Regular";
    font-size: calc(24 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    width: calc(729 / 1920 * 100vw);
}

.img-text2-content1-container2 {
    width: calc(656 / 1920 * 100vw);
    height: 400px;
    min-height: 200px;
    border-radius: 30px;
    background: var(--gradient, linear-gradient(101deg, #FFF 3.27%, #B7D0FF 27.11%, #D9E6FD 75.74%));
    display: flex;
    overflow: hidden;
}

.img-text2-content1-container2 img {
    border-radius: 30px;
    width: 100%;
    height: auto;
}

.text3-content1-container2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(120 / 1920 * 100vw);
    margin: 5% 0 5% calc(156 / 1920 * 100vw);
}

.title-text3-content1-container2 {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.title-text3-content1-container2 h3 {
    color: #94ACE8;
    font-family: "Gordita-500";
    font-size: calc(42 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1.68 / 1920 * 100vw);
}

.title-text3-content1-container2 p {
    color: #707C93;
    font-family: "NeueMontreal-Regular";
    font-size: calc(24 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.img-text3-content1-container2 {
    width: calc(656 / 1920 * 100vw);
    height: 400px;
    min-height: 200px;
    border-radius: 30px;
    background: var(--gradient, linear-gradient(101deg, #FFF 3.27%, #B7D0FF 27.11%, #D9E6FD 75.74%));
    display: flex;
    flex-direction: column-reverse;
}

.img-text3-content1-container2 img {
    width: 60%;
    height: auto;
    margin-bottom: 2%;
}

.buttons-content1-container2 {
    gap: calc(25 / 1080 * 100vh);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: calc(639 / 1920 * 100vw);
}

.buttons-content1-container2 div {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(23 / 1920 * 100vw);
}

.buttons-content1-container2 p {
    color: #707C93;
    font-family: Gordita;
    font-size: calc(20 / 1920 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    opacity: 0.5;
    margin-left: calc(168.5 / 1920 * 100vw);
}

.button1-content1-container2 {
    width: calc(246 / 1920 * 100vw);
    height: auto;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: #1F4283;
    color: #FFF;
    text-align: center;
    font-family: "Gordita";
    font-size: calc(25 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: calc(-1 / 1920 * 100vw);
    border: none;
    cursor: pointer;
    padding: 2% 13%;
}
.button1-content1-container2:hover {
    background: #FFF;
    color: #0B1831;
    border: none;
}

.button2-content1-container2 {
    width: calc(283 / 1920 * 100vw);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border-radius: 15px;
    border: 1px solid #94ACE8;
    cursor: pointer;
    color: #94ACE8;
    text-align: center;
    font-family: "Gordita";
    font-size: calc(25 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: calc(-1 / 1920 * 100vw);
    padding: 2% 13%;
}
.button2-content1-container2:hover {
    color: #1F4283;
    border: 1px solid #1F4283;
    background: rgba(255, 255, 255, 0.25);
}

.content2-container2 {
    display: none;
    flex-direction: column;
    align-items: center;
    width: calc(1920 / 1920 * 100vw);
    margin-bottom: calc(136 / 1080 * 100vh);
}

.tittle-content2-container2 {
    color: #152D5A;
    font-family: "Gordita";
    font-size: calc(90 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-3.6 / 1920 * 100vw);
    margin: calc(135 / 1080 * 100vh) 0 calc(93 / 1080 * 100vh) 0;
    text-align: center;
}

.tittle-content2-container2 span {
    color: #152D5A;
    font-family: "Gordita-500";
    font-size: calc(90 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-3.6 / 1920 * 100vw);
}

.all-doctors-cards-container {
    display: flex;
    flex-direction: row;
    gap: calc(36 / 1920 * 100vw);
    align-items: center;
}

.doctors-cards-container {
    display: flex;
    padding: calc(94 / 1080 * 100vh) calc(62 / 1920 * 100vw);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    border: .5px solid #1F4283;
    background: linear-gradient(101deg, rgba(255, 255, 255, 0.25) 3.27%, rgba(183, 208, 255, 0.25) 27.11%, rgba(217, 230, 253, 0.25) 75.74%);
    width: calc(555 / 1920 * 100vw);
    height: calc(518 / 1080 * 100vh);
}

.doctors-card1-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.img-content2-container2 img {
    width: calc(120 / 1080 * 100vh);
    height: calc(120 / 1080 * 100vh);
}

.svg-doctors-card1-container svg {
    width: calc(73 / 1920 * 100vw);
    height: calc(45 / 1080 * 100vh);
    margin: calc(10 / 1080 * 100vh) 0 calc(5 / 1080 * 100vh) 0;
}

.info-doctors-content2-container2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.span1-info-doctors-content2-container2 {
    color: #707C93;
    text-align: center;
    font-family: "PP Neue Montreal", Helvetica;
    font-size: calc(20 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.span2-info-doctors-content2-container2 {
    color: #152D5A;
    text-align: center;
    font-family: Gordita;
    font-size: calc(34 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: calc(23 / 1080 * 100vh);
}

.content3-container2 {
    margin-top: 8%;
}

.background-content3-container2 {
    position: relative;
    width: calc(1820 / 1920 * 100vw);
    height: auto;
    box-shadow: 0px .208333vw 1.302083vw .3125vw rgba(31, 66, 131, 0.25);
    border-radius: 35px;
    background: #1F4283;
    margin-left: calc(50 / 1920 * 100vw);
    display: flex;
    justify-content: center;
}

.all-content3-container2 {
    position: relative;
    z-index: 1;
    padding-bottom: 3%;
}

.img-background-content3-container2 {
    border-radius: 35px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 94.79%;
    height: 100%;
}

.img-background-content3-container3 {
    border-radius: 35px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
}

.title-content3-container2 {
    color: #707C93;
    text-align: center;
    font-family: Gordita;
    font-size: calc(40 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(1.76 / 1920 * 100vw);
    margin: calc(20 / 1080 * 100vh) 0 calc(30 / 1080 * 100vh) 0;
}

.title-content3-container2-our-services {
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(75 / 1920 * 95vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(1.76 / 1920 * 100vw);
    margin: calc(20 / 1080 * 100vh) 0 calc(30 / 1080 * 24vh) 0;
}

.subtitle-content3-container2 {
    color: #FFF;
    text-align: center;
    font-family: "Gordita";
    font-size: calc(40 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-3 / 1920 * 100vw);
    margin-bottom: calc(69 / 1080 * 100vh);
}

.subtitle-content3-container2 span {
    color: #FFF;
    font-family: "Gordita-700";
    font-size: calc(40 / 1920 * 119vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-3 / 1920 * 100vw);
}

.cards-content3-container2 {
    display: flex;
    flex-direction: row;
    gap: calc(45 / 1920 * 100vw);
}

.content-card-content3-container2 {
    width: calc(507 / 1920 * 100vw);
    height: auto;
    display: flex;
    padding: 3% calc(18 / 1920 * 100vw);
    flex-direction: column;
    align-items: center;
    gap: calc(25 / 1080 * 100vh);
    align-self: stretch;
    border-radius: 30px;
    background: #FFF;
}

.content-card-content3-container2 img {
    width: 80%;
    height: auto;
    border-radius: 30px;
    object-fit: contain;
}

.content-card-content3-container2 h3 {
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(32 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1.28 / 1920 * 100vw);
}

.content-card-content3-container2 p {
    color: #707C93;
    text-align: center;
    font-family: "PP Neue Montreal", Helvetica;
    font-size: calc(24 / 1920 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    align-self: stretch;
    letter-spacing: calc(-.7 / 1920 * 100vw);
}

.content-card-content3-container2 button {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background: #1F4283;
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(25 / 1920 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1 / 1920 * 100vw);
    cursor: pointer;
    border: none;
    width: calc(180 / 1920 * 100vw);
    height: auto;
    padding: 4% 0;
}
.content-card-content3-container2 button:hover {
    background: #94ACE8;
    color: #FFF;
}

/* Container2 End */

/* Container3 */
.container3 {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6% 0;
}

.container3-treatment-planning {
    font-family: "Gordita";
    font-weight: 400;
    color: #152d5a;
    font-size: calc(80 / 1920 * 100vw);
    text-align: center;
    letter-spacing: calc(-3.2 / 1920 * 100vw);
    line-height: normal;
    display: flex;
    flex-direction: column;
    margin-bottom: 4%;
}

.container3-text-wrapper {
    color: #152d5a;
    letter-spacing: calc(-2.56 / 1920 * 100vw);
    font-size: calc(80 / 1920 * 100vw);
}

.container3-span {
    font-family: "Gordita-Italic", Helvetica;
    font-style: italic;
    color: #152d5a;
    letter-spacing: calc(-2.56 / 1920 * 100vw);
}

.container3-text-wrapper-2 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #152d5a;
    letter-spacing: calc(-2.56 / 1920 * 100vw);
}

.container3-div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(246 / 1920 * 100vw);
    width: 73%;
}

.container3-img {
    position: relative;
    width: calc(256 / 1920 * 100vw);
    height: calc(256 / 1920 * 100vw);
}

.container3-text-wrapper-3 {
    position: relative;
    width: fit-content;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: #2856ad;
    font-size: calc(60 / 1920 * 100vw);
    text-align: center;
    letter-spacing: calc(-2.4 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.container3-div-2 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
    gap: calc(35 / 1080 * 100vh);
    width: 49%;
}

.container3-upload-your-case-in {
    position: relative;
    width: fit-content;
    margin-top: calc(-1 / 1080 * 100vh);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #94ace8;
    font-size: calc(42 / 1920 * 100vw);
    text-align: center;
    letter-spacing: calc(-1.68 / 1920 * 100vw);
    line-height: normal;
}

.container3-p {
    position: relative;
    width: auto;
    font-family: "PP Neue Montreal", Helvetica;
    font-weight: 400;
    color: #707c93;
    font-size: calc(24 / 1920 * 100vw);
    line-height: 150%;
    font-style: normal;
}

.container3-div-3 {
    width: 73%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(246 / 1920 * 100vw);
}

.container3-receive-your {
    position: relative;
    width: fit-content;
    margin-top: calc(-1 / 1080 * 100vh);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: rgba(148, 172, 232, 1);
    font-size: calc(42 / 1920 * 100vw);
    letter-spacing: calc(-1.68 / 1920 * 100vw);
    line-height: normal;
}

.container3-text-wrapper-4 {
    position: relative;
    width: auto;
    font-family: "PP Neue Montreal", Helvetica;
    font-weight: 400;
    color: rgba(112, 124, 147, 1);
    font-size: calc(24 / 1920 * 100vw);
    line-height: 150%;
    font-style: normal;
}

.container3-div-4 {
    width: 73%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(246 / 1920 * 100vw);
}

.container3-count-on-ongoing {
    position: relative;
    width: calc(306 / 1920 * 100vw);
    margin-top: calc(-1 / 1920 * 100vw);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: rgba(148, 172, 232, 1);
    font-size: calc(42 / 1920 * 100vw);
    letter-spacing: calc(-1.68 / 1920 * 100vw);
    line-height: normal;
}

.container3-vector {
    position: relative;
    width: 1px;
    height: auto;
    left: -11%;
}

.container3-vector-2 {
    position: relative;
    width: 1px;
    height: auto;
    left: -11%;
}

.container3-text {
    position: absolute;
    top: calc(1539 / 1080 * 100vh);
    left: calc(34 / 1920 * 100vw);
    font-family: "Inter", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: calc(75 / 1920 * 100vw);
    text-align: center;
    letter-spacing: calc(-3 / 1920 * 100vw);
    line-height: normal;
}

/* Container3 End */

/* Container4 */
.container4 {
    position: relative;
    width: 100vw;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.container4-content {
    position: relative;
    z-index: 1;
    width: 94.8%;
    height: 100%;
    border-radius: 1.5625vw;
    border: 1px solid var(--Brand-color-Secondary, rgb(31, 66, 131, 0.25));
    background: linear-gradient(101deg, rgb(255, 255, 255, 0.25) 3.27%, rgb(184, 209, 255, 0.25) 27.11%, rgb(216, 230, 253, 0.25) 75.74%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4% 0 6% 0;
}

.img-container4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 86%;
}

.container4-content-vector {
    width: 9.427083vw;
    height: auto;
}

.container4-content-rectangle {
    position: absolute;
    width: 94.8%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 1.5625vw;
    border: 1px solid;
    border-color: #1f4283;
    background: linear-gradient(180deg);
    opacity: 0.25;
}

.container4-content-text-wrapper {
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: #1f4283;
    font-size: 4.6875vw;
    text-align: center;
    letter-spacing: -.1875vw;
    line-height: normal;
}

.container4-content-we-offer {
    font-family: "PP Neue Montreal-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 1.666667vw;
    text-align: center;
    letter-spacing: 0;
    line-height: 2.098958vw;
    margin-top: 3%;
}

.container4-content-span {
    color: #707c92;
    font-family: "PP Neue Montreal", Helvetica;
    font-style: normal;
    font-weight: 400;
    font-size: calc(0 / 1920 * 100vw);
    line-height: 126%;
    font-size: 1.666667vw;
}

.container4-content-text-wrapper-2 {
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: #0b1831;
}

.container4-content-pattern-icon {
    width: 15%;
    height: auto;
}

.container4-content-img {
    width: 15%;
    height: auto;
}

.container4-content-div {
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: rgba(31, 66, 131, 1);
    font-size: 4.6875vw;
    text-align: center;
    letter-spacing: -.28125vw;
    line-height: normal;
    white-space: nowrap;
}

.container4-content-quang-tri-nguyen {
    position: absolute;
    width: calc(1 / 1920 * 100vw);
    height: calc(1 / 1080 * 100vh);
    top: -171.458333vw;
    left: 197.552083vw;
    object-fit: cover;
}

/* Container4 End */

/* Container5 */
.container5 {
    position: relative;
    width: 100vw;
    height: 100vh;
    min-height: 650px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5%;
}

.container5-content-give-your-patients {
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #1f4283;
    font-size: 5.729167vw;
    text-align: center;
    letter-spacing: -.229167vw;
    line-height: normal;
    display: flex;
    flex-direction: column;
}

#container5-content-text-wrapper-span {
    font-weight: 400;
}

.container5-content-text-wrapper {
    letter-spacing: -.252083vw;
}

.container5-content-span {
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    letter-spacing: -.252083vw;
}

.container5-content-container {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: .677083vw;
}

.container5-content-element {
    display: inline-flex;
    align-items: flex-start;
    gap: 1.666667vw;
    position: relative;
    flex: 0 0 auto;
}

.container5-content-pattern-icon {
    position: relative;
    width: 1.770833vw;
    height: 1.770833vw;
}

.container5-content-div {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "PP Neue Montreal", Helvetica;
    font-weight: 400;
    color: #707c93;
    text-align: center;
    font-size: calc(32 / 1920 * 100vw);
    line-height: 126%;
    white-space: nowrap;
    font-style: normal;
}

.container5-content-element-2 {
    display: inline-flex;
    align-items: center;
    gap: .9375vw;
    position: relative;
    flex: 0 0 auto;
}

.container5-content-element-3 {
    display: inline-flex;
    align-items: flex-start;
    gap: .729167vw;
    position: relative;
    flex: 0 0 auto;
}

.container5-content-element-4 {
    display: inline-flex;
    align-items: center;
    gap: .416667vw;
    position: relative;
    flex: 0 0 auto;
}

.container5-content-element-5 {
    display: inline-flex;
    align-items: flex-start;
    gap: .9375vw;
    position: relative;
    flex: 0 0 auto;
}

.container5-content-btn-and-text {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 1.302083vw;
}

.container5-content-btn-container {
    align-items: flex-start;
    gap: 1.197917vw;
    display: inline-flex;
    position: relative;
    flex: 0 0 auto;
}

.container5-content-btn {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .520833vw;
    padding: 4% 2.5vw;
    position: relative;
    flex: 0 0 auto;
    background-color: #1f4283;
    border-radius: .78125vw;
    cursor: pointer;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.302083vw;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    text-align: center;
}
.container5-content-btn:hover {
    background: #94ACE8;
    color: #ffffff;
}

.container5-content-button {
    all: unset;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: .520833vw;
    padding: 4% 2.5vw;
    border-radius: .78125vw;
    border: 1px solid;
    border-color: #94ace8;
    display: inline-flex;
    position: relative;
    flex: 0 0 auto;
    cursor: pointer;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #94ace8;
    font-size: 1.302083vw;
    text-align: center;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
}
.container5-content-button:hover {
    border: 1px solid #1F4283;
    background: #ffffff40;
    color: #1F4283;
}

.container5-content-text-wrapper-2 {
    position: relative;
    width: fit-content;
    opacity: 0.5;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: #707c93;
    font-size: 1.041667vw;
    letter-spacing: -.8px;
    line-height: 1.5625vw;
    white-space: nowrap;
}

/* Container5 End */

/* Home End */

/* Services */
.services-open {
    padding-top: 8%;
    background-color: #f9f7ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: auto;
    padding-bottom: 150px;
}

.services-div {
    background-color: #f9f7ff;
    width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.services-the-right-plan-for {
    margin-top: 5%;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 6.25vw;
    text-align: center;
    letter-spacing: -.25vw;
    line-height: normal;
}

.services-text-wrapper {
    font-weight: 700;
    color: #152d5a;
    letter-spacing: -.3vw;
}

.services-span {
    font-family: "Gordita-Italic", Helvetica;
    font-style: italic;
    color: #152d5a;
    letter-spacing: -.3vw;
}

.services-text-wrapper-2 {
    font-weight: 700;
    color: #94ace8;
    letter-spacing: -.3vw;
}

.services-text-wrapper-3 {
    font-family: "Gordita-Regular", Helvetica;
    color: #94ace8;
    letter-spacing: -.3vw;
}

.services-comparison {
    margin-top: 3%;
    width: 94.791667vw;
    height: auto;
}

.services-com1 {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 2% 11% 2% 5.22%;
}

.services-com1-border {
    border-radius: 15px 15px 0 0 ;
}

.services-com1 > h3 {
    width: 30%;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #152d5a;
    font-size: 1.25vw;
    letter-spacing: calc(-0.96 / 1920 * 100vw);
    line-height: normal;
}

.services-com1 > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 52.31%;
}

.services-com1 img {
    width: 2.1875vw;
    height: auto;
}

.services-com1 > div > .minus {
    height: auto;
    width: 2.1875vw;
}

.services-com2 {
    width: 100%;
    height:auto;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 2% 11% 2% 5.22%;
}

.services-com2 > h3 {
    width: 30%;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #152d5a;
    font-size: 1.25vw;
    letter-spacing: calc(-0.96 / 1920 * 100vw);
    line-height: normal;
}

.services-com2 > div {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 52.31%;
}

.services-com2 img {
    width: 2.1875vw;
    height: calc(42 / 1080 * 100vh);
}

.services-com2 > div > .minus {
    height: auto;
    width: 2.1875vw;
}

.services-overlap-4 {
    position: absolute;
    width: 94.739583vw;
    height: calc(118 / 1080 * 100vh);
    top: calc(945 / 1080 * 100vh);
    left: calc(1 / 1920 * 100vw);
    background-color: #ffffff;
}

.services-rectangle {
    width: 100%;
    height: calc(118 / 1080 * 100vh);
    background-color: #ffffff;
    border-radius: 0 0 15px 15px;
}

.services-cards-starter {
    width: 100%;
    height: 85.28vh;
    min-height: 650px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 5%;
    margin: 5% 0 7% 0;
}

.services-starter {
    position: relative;
    width: 22.708333vw;
    height: 100%;
    background-color: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid;
    border-color: #c0bfce;
}

.services-line {
    position: absolute;
    width: 21.25vw;
    height: auto;
    top: 48.64%;
    left: .729167vw;
    object-fit: contain;
}

.services-title {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    position: absolute;
    top: 8.14%;
    left: 3.072917vw;
}

.services-text-wrapper-12 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #b6c2df;
    font-size: 1.666667vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-text-wrapper-13 {
    position: relative;
    width: fit-content;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #1f4283;
    font-size: 1.145833vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-price-and-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 25px;
    position: absolute;
    top: 22.91%;
    left: 2.916667vw;
}

.services-price {
    display: inline-flex;
    align-items: center;
    gap: calc(18 / 1920 * 100vw);
    position: relative;
    flex: 0 0 auto;
}

.services-text-wrapper-14 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 2.604167vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-text-wrapper-15 {
    position: relative;
    width: fit-content;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #707c93;
    font-size: 1.041667vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-btn {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    padding: 8% 20%;
    height: auto;
    position: relative;
    flex: 0 0 auto;
    background-color: #1f4283;
    border-radius: 15px;
    box-shadow: 0px .104167vw 34px .3125vw #1f42832b;
}

.services-get-started-today {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 1.041667vw;
    text-align: right;
    letter-spacing: calc(-0.8 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.services-div-2 {
    display: flex;
    flex-direction: column;
    width: 12.604167vw;
    align-items: flex-start;
    gap: 15px;
    position: absolute;
    top: 56.13%;
    left: 3.541667vw;
}

.services-icon-text {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.services-pattern-icon {
    position: relative;
    width: 1.354167vw;
    height: calc(14 / 1080 * 100vh);
}

.services-text-wrapper-16 {
    position: relative;
    flex: 1;
    margin-top: -1px;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #152d5a;
    font-size: 1.25vw;
    letter-spacing: calc(-0.96 / 1920 * 100vw);
    line-height: normal;
}

.services-starter-2 {
    position: relative;
    width: 22.708333vw;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    border: calc(4 / 1080 * 100vh) solid;
    border-image: linear-gradient(154deg, #FFF -4.25%, #EAF2FF 22.67%, #FFF 88.04%);
    background: linear-gradient(154deg, #FFF -4.25%, #EAF2FF 22.67%, #FFF 88.04%);
}

.services-div-3 {
    justify-content: center;
    display: flex;
    flex-direction: column;
    width: 18.333333vw;
    align-items: flex-start;
    gap: 15px;
    position: absolute;
    top: 56.13%;
    left: 1.979167vw;
}

.services-div-4 {
    align-items: center;
    display: flex;
    gap: calc(10 / 1920 * 100vw);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.services-frame {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: calc(16 / 1080 * 100vh) 1.041667vw;
    position: absolute;
    top: calc(0 / 1080 * 100vh);
    right: calc(0 / 1920 * 100vw);
    background-color: #94ace8;
    border-radius: calc(0 / 1080 * 100vh) calc(14 / 1920 * 100vw);

}

.services-most-popular {
    position: relative;
    width: fit-content;
    margin-top: -1.39px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: .833333vw;
    letter-spacing: calc(-0.64 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.services-starter-3 {
    position: relative;
    width: 22.708333vw;
    height: 100%;
    background-color: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid;
    border-color: #c0bfce;
}

.services-div-5 {
    display: flex;
    flex-direction: column;
    width: 18.333333vw;
    align-items: flex-start;
    gap: 15px;
    position: absolute;
    top: 56.13%;
    left: 1.979167vw;
}

.services-exclusive-one-on-one-2 {
    position: relative;
    flex: 1;
    height: calc(59 / 1080 * 100vh);
    margin-top: -1px;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #152d5a;
    font-size: 1.25vw;
    letter-spacing: calc(-0.96 / 1920 * 100vw);
    line-height: 1.5625vw;
}

.services-card {
    width: 94.79%;
    height: 18.06vh;
    min-height: 200px;
    display: inline-flex;
    justify-content: flex-end;
    gap: calc(10 / 1920 * 100vw);
}

.services-card-starter {
    position: relative;
    width: 19.895833vw;
    height: 100%;
    background-color: #ffffff;
    border-radius: 30px;
    border: 1px solid;
    border-color: #c1c0ce;
    box-shadow: 0px 4px 4px #94ace840;
}

.services-price-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(10 / 1920 * 100vw);
    position: absolute;
    top: 67.18%;
    left: 6.197917vw;
}

.services-text-wrapper-17 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 1.666667vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-text-wrapper-18 {
    position: absolute;
    top: 18.97%;
    left: 7.291667vw;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 1.666667vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-text-wrapper-19 {
    position: absolute;
    top: 45.64%;
    left: 4.427083vw;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #838383;
    font-size: 1.145833vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-card-starter-2 {
    position: relative;
    width: 19.895833vw;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    border: 4px solid;
    border-color: transparent;
    box-shadow: 0px 4px 4px #94ace840;
    border-image: linear-gradient(154deg, #FFF -4.25%, #EAF2FF 22.67%, #FFF 88.04%);
    background: linear-gradient(154deg, #FFF -4.25%, #EAF2FF 22.67%, #FFF 88.04%);
}

.services-price-3 {
    display: inline-flex;
    align-items: center;
    gap: calc(10 / 1920 * 100vw);
    position: absolute;
    top: 67.18%;
    left: 5.208333vw;
}

.services-text-wrapper-20 {
    position: absolute;
    top: 18.97%;
    left: 7.291667vw;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 1.666667vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-text-wrapper-21 {
    position: absolute;
    top: 45.64%;
    left: 2.1875vw;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #838383;
    font-size: 1.145833vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-most-popular-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 4% 1.041667vw;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #94ace8;
    border-radius: calc(0 / 1080 * 100vh) calc(13 / 1920 * 100vw);
}

.services-most-popular-2 {
    position: relative;
    width: fit-content;
    margin-top: -1.39px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: .729167vw;
    letter-spacing: calc(-0.56 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.services-price-4 {
    display: inline-flex;
    align-items: center;
    gap: calc(10 / 1920 * 100vw);
    position: absolute;
    top: 67.18%;
    left: 5.104167vw;
}

.services-text-wrapper-22 {
    position: absolute;
    top: 18.97%;
    left: 7.291667vw;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 1.5625vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-text-wrapper-23 {
    position: absolute;
    top: 45.64%;
    left: 4.895833vw;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #838383;
    font-size: 1.145833vw;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.services-title-2 {
    margin: 7% 0;
    width: 100%;
    height: auto;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.services-text-wrapper-25 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: #152d5a;
    font-size: 4.6875vw;
    text-align: center;
    letter-spacing: -.09375vw;
    line-height: normal;
    white-space: nowrap;
}

.services-text-wrapper-26 {
    position: relative;
    width: fit-content;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: rgba(112, 124, 147, 1);
    font-size: 1.25vw;
    text-align: center;
    letter-spacing: -.48px;
    line-height: normal;
    white-space: nowrap;
}

.services-button {
    cursor: pointer;
    box-sizing: border-box;
    background-color: rgba(31, 66, 131, 1);
    box-shadow: 0px .104167vw 34px .3125vw #1f42832b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    padding: 1% 2.239583vw;
    border-radius: 15px;
}

.services-img-2 {
    position: relative;
    width: 1.25vw;
    height: calc(24 / 1080 * 100vh);
}

.services-svg-2 {
    display: none;
    position: relative;
    width: 1.25vw;
    height: calc(24 / 1080 * 100vh);
}

.services-get-started-today-2 {
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 1.25vw;
    letter-spacing: calc(-0.48 / 1920 * 100vw);
    position: relative;
    width: fit-content;
    margin-top: -1px;
    text-align: right;
    line-height: normal;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.view-text-services {
    display: none;
}

/* Services end */

/* Our blog */
.our-blog {
    padding-top: 8%;
    background-color: #f9f7ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.our-blog-div {
    background-color: #f9f7ff;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    position: relative;
    padding-bottom: 7%;
}

.our-blog-overlap {
    margin-top: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 95%;
    height: 42.5vh;
    min-height: 250px;
    background-color: var(--white);
    border-radius: 30px;
}

.our-blog-post {
    gap: calc(128 / 1920 * 100vw);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.our-blog-daniel-frank {
    position: relative;
    width: 30%;
    height: auto;
    object-fit: cover;
    border-radius: 30px;
}

.our-blog-content {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    flex: 0 0 auto;
}

.our-blog-chip {
    display: inline-flex;
    align-items: flex-start;
    gap: calc(7 / 1920 * 100vw);
    position: relative;
    flex: 0 0 auto;
}

.our-blog-div-wrapper-2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    padding: 7%;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--gray);
    border-radius: 6px;
}

.our-blog-div-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    padding: 2%;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--gray);
    border-radius: 6px;
}

.our-blog-text-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--alternative-blue);
    font-size: calc(16 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.our-blog-p {
    width: calc(712 / 1920 * 100vw);
    position: relative;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--brand-colorprimary);
    font-size: 1.25vw;
    letter-spacing: 0;
    line-height: normal;
    margin-top: 3%;
}

.our-blog-text-wrapper-2 {
    position: relative;
    width: calc(511 / 1920 * 100vw);
    height: auto;
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: .9375vw;
    letter-spacing: 0;
    line-height: normal;
    margin: 4% 0 5% 0;
}

.our-blog-btn {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--brand-colorsecondary);
    box-shadow: 0px 2px 34px 6px #1f42832b;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 2% 8%;
    border-radius: 15px;
}

.our-blog-get-started-today {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(20 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-0.8 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.our-blog-cta {
    width: 95%;
    height: 36.35vh;
    min-height: 220px;
    border-radius: 30px;
    overflow: hidden;
}

.our-blog-overlap-group {
    position: relative;
    height: calc(940 / 1080 * 100vh);
}

.our-blog-radial-gradient-bg {
    position: absolute;
    width: calc(1818 / 1920 * 100vw);
    height: calc(820 / 1080 * 100vh);
    top: 0;
    left: 0;
    background-color: #94abe833;
    border-radius: 35px;
}

.our-blog-fondo-bokeh-azul {
    position: absolute;
    width: calc(1820 / 1920 * 100vw);
    height: calc(425 / 1080 * 100vh);
    top: 0;
    left: 0;
}

.our-blog-fondo-bokeh-azul-2 {
    position: absolute;
    width: calc(1820 / 1920 * 100vw);
    height: calc(425 / 1080 * 100vh);
    top: 0;
    left: 0;
}

.our-blog-ellipse {
    width: calc(871 / 1920 * 100vw);
    height: calc(871 / 1080 * 100vh);
    top: calc(69 / 1080 * 100vh);
    left: calc(473 / 1920 * 100vw);
    background-color: var(--gray);
    border-radius: 435.5px;
    transform: rotate(180deg);
    position: absolute;
    filter: blur(50px);
}

.our-blog-our-blog {
    position: absolute;
    top: calc(157 / 1080 * 100vh);
    left: calc(717 / 1920 * 100vw);
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: var(--white);
    font-size: calc(100 / 1920 * 100vw);
    letter-spacing: calc(-4 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.our-blog-span {
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: calc(100 / 1920 * 100vw);
    letter-spacing: calc(-4 / 1920 * 100vw);
}

.our-blog-text-wrapper-3 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
}

.our-blog-frame {
    margin: 10% 0 3% 0;
    width: 95%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: calc(32 / 1920 * 100vw);
}

.our-blog-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1%;
    background-color: #e8eaff;
    border-radius: 15px;
}

.our-blog-text-wrapper-4 {
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #1f4283;
    font-size: calc(26 / 1920 * 100vw);
    letter-spacing: calc(-1.04 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.our-blog-tab-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1%;
    background-color: #f9f7ff;
    border-radius: 15px;
}

.our-blog-text-wrapper-5 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: var(--paragraph-gray);
    font-size: calc(26 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1.04 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.our-blog-row {
    width: 95%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.our-blog-post-card {
    flex-direction: column;
    gap: calc(18 / 1920 * 100vw);
    padding: 1%;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.our-blog-rectangle {
    position: relative;
    width: calc(532 / 1920 * 100vw);
    height: auto;
    border-radius: 30px;
    background: linear-gradient(180deg);
}

.our-blog-content-2 {
    padding: 3% 0;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    position: relative;
    flex: 0 0 auto;
}

.our-blog-text-wrapper-6 {
    position: relative;
    width: calc(445 / 1920 * 100vw);
    margin-top: -1px;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--brand-colorsecondary);
    font-size: calc(24 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
}

.our-blog-chip-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    width: 100%;
    position: relative;
    flex: 0 0 auto;
}

.our-blog-button {
    all: unset;
    box-sizing: border-box;
    display: flex;
    align-self: stretch;
    width: 100%;
    background-color: var(--brand-colorsecondary);
    box-shadow: 0px 2px 34px 6px #1f42832b;
    align-items: center;
    justify-content: center;
    padding: 3% 0;
    border-radius: 15px;
    cursor: pointer;
}

.our-blog-the-benefits-of {
    width: calc(445 / 1920 * 100vw);
    margin-top: -1px;
    position: relative;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--brand-colorprimary);
    font-size: calc(24 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
}

.our-blog-footer {
    position: absolute;
    width: calc(1920 / 1920 * 100vw);
    height: calc(928 / 1080 * 100vh);
    top: calc(2328 / 1080 * 100vh);
    left: 0;
    background-color: var(--brand-colordark-blue);
    border-radius: 50px;
    overflow: hidden;
}

.our-blog-overlap-2 {
    position: relative;
    width: calc(2279 / 1920 * 100vw);
    height: calc(1600 / 1080 * 100vh);
    top: -8px;
}

.our-blog-img {
    position: absolute;
    width: calc(1920 / 1920 * 100vw);
    height: calc(928 / 1080 * 100vh);
    top: calc(8 / 1080 * 100vh);
    left: 0;
}

.our-blog-blur-circle {
    position: absolute;
    width: calc(1920 / 1920 * 100vw);
    height: calc(1600 / 1080 * 100vh);
    top: 0;
    left: calc(359 / 1920 * 100vw);
    opacity: 0.35;
}

.our-blog-overlap-group-2 {
    position: relative;
    width: calc(1064 / 1920 * 100vw);
    height: calc(800 / 1080 * 100vh);
    left: calc(181 / 1920 * 100vw);
}

.our-blog-ellipse-2 {
    width: calc(503 / 1920 * 100vw);
    height: calc(503 / 1080 * 100vh);
    top: calc(205 / 1080 * 100vh);
    left: calc(92 / 1920 * 100vw);
    background-color: var(--alternative-blue);
    border-radius: 251.39px;
    transform: rotate(-30deg);
    position: absolute;
    filter: blur(50px);
}

.our-blog-ellipse-3 {
    width: calc(460 / 1920 * 100vw);
    height: calc(460 / 1080 * 100vh);
    top: calc(84 / 1080 * 100vh);
    left: calc(519 / 1920 * 100vw);
    background-color: var(--gray);
    border-radius: 230.05px;
    transform: rotate(-30deg);
    opacity: 0.5;
    position: absolute;
    filter: blur(50px);
}

.our-blog-glass {
    position: absolute;
    width: calc(1920 / 1920 * 100vw);
    height: calc(928 / 1080 * 100vh);
    top: calc(8 / 1080 * 100vh);
    left: 0;
    background-color: #1f42831a;
    backdrop-filter: blur(100px) brightness(100%);
    -webkit-backdrop-filter: blur(100px) brightness(100%);
}

.our-blog-logo-svg {
    position: absolute;
    width: calc(396 / 1920 * 100vw);
    height: calc(80 / 1080 * 100vh);
    top: calc(173 / 1080 * 100vh);
    left: calc(179 / 1920 * 100vw);
}

.our-blog-btn-2 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    position: absolute;
    top: calc(404 / 1080 * 100vh);
    left: calc(1522 / 1920 * 100vw);
    background-color: #ffffff;
    box-shadow: 0px 2px 34px 6px #1f42832b;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    padding: calc(18 / 1080 * 100vh) calc(43 / 1920 * 100vw);
    border-radius: 15px;
}

.our-blog-text-wrapper-7 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorsecondary);
    font-size: calc(25 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.our-blog-medios-de {
    position: absolute;
    width: calc(64 / 1920 * 100vw);
    height: calc(64 / 1080 * 100vh);
    top: calc(575 / 1080 * 100vh);
    left: calc(1131 / 1920 * 100vw);
}

.our-blog-links {
    display: inline-flex;
    align-items: flex-start;
    gap: calc(62 / 1920 * 100vw);
    position: absolute;
    top: calc(372 / 1080 * 100vh);
    left: calc(177 / 1920 * 100vw);
}

.our-blog-pages {
    display: flex;
    flex-direction: column;
    width: calc(315 / 1920 * 100vw);
    align-items: flex-start;
    justify-content: center;
    gap: calc(8 / 1920 * 100vw);
    padding: calc(10 / 1080 * 100vh) calc(10 / 1920 * 100vw);
    position: relative;
}

.our-blog-link {
    position: relative;
    width: calc(150 / 1920 * 100vw);
    height: calc(48 / 1080 * 100vh);
}

.our-blog-link-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(10 / 1920 * 100vw);
    position: relative;
    top: calc(6 / 1080 * 100vh);
}

.our-blog-vector {
    position: relative;
    width: calc(5.6 / 1920 * 100vw);
    height: calc(9.6 / 1080 * 100vh);
    margin-left: -0.3px;
}

.our-blog-text-wrapper-8 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(24 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: calc(36 / 1080 * 100vh);
    white-space: nowrap;
}

.our-blog-social {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(31 / 1920 * 100vw);
    position: relative;
    flex: 0 0 auto;
}

.our-blog-text-wrapper-9 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: calc(32 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: calc(48 / 1080 * 100vh);
    white-space: nowrap;
}

.our-blog-social-media {
    position: relative;
    flex: 0 0 auto;
}

.our-blog-text-wrapper-10 {
    position: absolute;
    top: calc(789 / 1080 * 100vh);
    left: calc(200 / 1920 * 100vw);
    opacity: 0.7;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(25 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.our-blog-nav {
    position: fixed;
    width: calc(1837 / 1920 * 100vw);
    height: calc(123 / 1080 * 100vh);
    top: calc(48 / 1080 * 100vh);
    left: calc(33 / 1920 * 100vw);
    background-color: #f2f3fe;
    border-radius: 30px;
    backdrop-filter: blur(4px) brightness(100%);
    -webkit-backdrop-filter: blur(4px) brightness(100%);
}

.our-blog-logo-svg-2 {
    position: absolute;
    width: calc(172 / 1920 * 100vw);
    height: calc(35 / 1080 * 100vh);
    top: calc(44 / 1080 * 100vh);
    left: calc(134 / 1920 * 100vw);
}

.our-blog-btn-3 {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    position: absolute;
    top: calc(26 / 1080 * 100vh);
    left: calc(1433 / 1920 * 100vw);
    background-color: #1f4283;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    padding: calc(18 / 1080 * 100vh) calc(43 / 1920 * 100vw);
    border-radius: 15px;
}

.our-blog-text-wrapper-11 {
    position: relative;
    width: fit-content;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(25 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.our-blog-solar-login-outline {
    position: relative;
    width: calc(34 / 1920 * 100vw);
    height: calc(34 / 1080 * 100vh);
}

.our-blog-links-2 {
    display: flex;
    width: calc(825 / 1920 * 100vw);
    align-items: center;
    justify-content: space-between;
    padding: calc(31 / 1080 * 100vh) calc(62 / 1920 * 100vw);
    position: absolute;
    top: calc(18 / 1080 * 100vh);
    left: calc(506 / 1920 * 100vw);
    background-color: var(--white);
    border-radius: 25px;
}

.our-blog-text-wrapper-12 {
    position: relative;
    width: fit-content;
    margin-top: -0.5px;
    opacity: 0.8;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: calc(21 / 1920 * 100vw);
    letter-spacing: calc(-0.84 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.our-blog-frame-2 {
    display: inline-flex;
    align-items: center;
    gap: calc(5 / 1920 * 100vw);
    position: relative;
    flex: 0 0 auto;
}

.our-blog-chevron-down {
    position: relative;
    width: calc(24 / 1920 * 100vw);
    height: calc(24 / 1080 * 100vh);
}

/* Our blog end */

/* Blog single page */
.blog-single {
    background-color: #f9f7ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.blog-single-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f9f7ff;
    width: calc(1920 / 1920 * 100vw);
    height: auto;
    position: relative;
    padding-bottom: 10%;
}

.blog-single-text-wrapper {
    position: relative;
    left: calc(21 / 1920 * 100vw);
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: var(--brand-colorsecondary);
    font-size: calc(38 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1.52 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.blog-single-row {
    width: 93.33%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(59 / 1920 * 100vw);
    margin-top: 10%;
}

.blog-single-post-card-container {
    position: relative;
    left: calc(21 / 1920 * 100vw);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.blog-single-post-card {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(18 / 1920 * 100vw);
    padding: 1%;
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffff;
    border-radius: 15px;
}

.blog-single-rectangle {
    position: relative;
    width: calc(532 / 1920 * 100vw);
    height: auto;
    border-radius: 30px;
    background: linear-gradient(180deg);
}

.blog-single-content {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(24 / 1920 * 100vw);
    padding: 3% 0;
    position: relative;
    flex: 0 0 auto;
}

.blog-single-p {
    position: relative;
    width: calc(445 / 1920 * 100vw);
    margin-top: -1px;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--brand-colorsecondary);
    font-size: calc(24 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
}

.blog-single-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.blog-single-div-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    padding: 2%;
    position: relative;
    flex: 0 0 auto;
    background-color: var(--gray);
    border-radius: 6px;
}

.blog-single-text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--alternative-blue);
    font-size: calc(16 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.blog-single-text-wrapper-3 {
    position: relative;
    width: calc(511 / 1920 * 100vw);
    height: auto;
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: calc(18 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
}

.blog-single-btn {
    all: unset;
    box-sizing: border-box;
    display: flex;
    position: relative;
    align-self: stretch;
    width: 100%;
    cursor: pointer;
    flex: 0 0 auto;
    background-color: var(--brand-colorsecondary);
    box-shadow: 0px calc(2 / 1920 * 100vw) calc(34 / 1080 * 100vh) calc(6 / 1920 * 100vw) #1f42832b;
    align-items: center;
    justify-content: center;
    gap: calc(10 / 1920 * 100vw);
    padding: calc(18 / 1080 * 100vh) calc(43 / 1920 * 100vw);
    border-radius: 15px;
}

.blog-single-get-started-today {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(20 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-0.8 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.blog-single-the-benefits-of {
    position: relative;
    width: calc(445 / 1920 * 100vw);
    margin-top: -1px;
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--brand-colorprimary);
    font-size: calc(24 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
}

.blog-single-overlap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 94.37%;
    height: 73.6vh;
    min-height: 500px;
}

.blog-single-overlap > img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: fill;
    z-index: 1;
}

.title-blog-single {
    position: absolute;
    z-index: 2;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 93.1%;
    margin: 2% 0;
    bottom: 0;
}

.blog-single-text-wrapper-4 {
    margin: unset;
    width: 40%;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(48 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: unset;
    text-align: left;
}

.title-blog-detail {
    width: 16%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.blog-single-author {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(18 / 1920 * 100vw);
}

.blog-single-image {
    position: relative;
    width: calc(65 / 1920 * 100vw);
    height: auto;
    object-fit: contain;
}

.blog-single-dr-amet-ariat {
    position: relative;
    width: fit-content;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(24 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.blog-single-chip-2 {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 5%;
}

.blog-single-date {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
    background-color: #ffffff4c;
    border-radius: 100px;
    backdrop-filter: blur(50px) brightness(100%);
    -webkit-backdrop-filter: blur(50px) brightness(100%);
}

.blog-single-text-wrapper-5 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(18 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.blog-single-vector {
    position: absolute;
    z-index: 2;
    width: 93.1%;
    height: 1px;
    background-color: #FFFFFF;
    bottom: 27%;
}

.blog-content-container {
    padding-top: 5%;
    position: relative;
    width: 90%;
    display: flex;
    flex-direction: column;
}

#table-of-contents {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0.5%;
    right: 2%;
    width: 35%;
    background-color: #F2F3FE;
    border-radius: 20px;
    height: auto;
    padding: 2.5% 2.5% 2.5% 5%;
    z-index: 30;
}

.blog-content-container a, #table-of-contents li {
    color: #333;
    margin-bottom: 10px;
    text-decoration: none;
    font-size: 0.7rem;
    font-family: "PP Neue Montreal-Medium", Helvetica;
    cursor: pointer;
}

.active {
    font-weight: bold;
    color: #152D5A;
}

.progress-of-content {
    position: absolute;
    bottom: -25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.progress-of-content-child {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    width: 85%
}

.bar-progress {
    height: 2px;
    width: 200px;
    background-color: #e6e6e6;
}

.bar-progress-in {
    width: 0%;
    height: 2px;
    background-color: #1F4283;
}

.min-read {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 7%;
    font-size: 0.7rem;
    width: 33%;
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 400;
}

.suscribe-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2%;
    background: #1F4283;
    border: none;
    cursor: pointer;
    padding: 1.5%;
    width: 60%;
    border-radius: 15px;
}

.suscribe-btn p {
    color: #FFF;
    font-size: 0.8rem;
}

.blog-single-effectiveness-of {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: transparent;
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-span {
    color: #152d5a;
    font-size: 1.688rem;
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-10 {
    color: #707c92;
    font-size: 1.5rem;
}

.blog-single-text-wrapper-11 {
    color: #707c92;
}

.blog-single-clear-aligners-and {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-here-is-a-quick {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size:1.5rem;
    letter-spacing: 0;
}

.blog-single-people-are {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-brackets-brackets {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-text-wrapper-12 {
    width: calc(945 / 1920 * 100vw);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(60 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: 120%;
}

.blog-single-text-wrapper-13 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-14 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-pressure-and-tension {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-physical-discomfort {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: transparent;
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-a-modern-alternative {
    margin: 2% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-customized-design {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-clear-aligners-are {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-clear-aligners {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-text-wrapper-15 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-16 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-17 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-18 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-consultation {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-misconceptions-about {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: transparent;
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-aesthetic-advantages {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "undefined-Regular", Helvetica;
    font-weight: 500;
    color: #707C93;
    font-size: 1.5rem;
    letter-spacing: 0;
}
.blog-single-text-wrapper-19 {
    margin-top: calc(34 / 1080 * 100vh);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: 1.5rem;
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-20 {
    width: calc(861 / 1920 * 100vw);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
}

.blog-single-professional {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-visibility-and {
    margin: 2% 0 7% 0;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: transparent;
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-text-wrapper-21 {
    width: calc(861 / 1920 * 100vw);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
}

.blog-single-ultimately-you {
    margin-top: 2%;
    width: calc(988 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: 1.5rem;
    letter-spacing: 0;
}

.blog-single-text-wrapper-22 {
    margin-top: calc(34 / 1080 * 100vh);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: 1.7rem;
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-23 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: 1.7rem;
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-challenges {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-24 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: calc(48 / 1080 * 100vh);
    white-space: nowrap;
}

.blog-single-text-wrapper-25 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: 1.688rem;
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-26 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.blog-single-text-wrapper-27 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
}

.margin-factor-to-choose-content {
    position: relative;
    left: calc(20 / 1920* 100vw);
}
/* Blog single page End */

/* About us */
.about-us {
    padding-top: 8%;
    background-color: #f9f7ff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.about-us-div {
    background-color: #f9f7ff;
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.about-us-hero-about-us {
    width: calc(1818 / 1920 * 100vw);
    height: 75vh;
    min-height: 400px;
}

.about-us-content {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #94abe833;
    border-radius: 35px;
    overflow: hidden;
    background-image: url(https://c.animaapp.com/lNAuRkWM/img/fondo-bokeh-azul-tinta-oscura-abstracta-fondo-luces-azul-cobalto.png);
    background-size: 100% 100%;
}

.about-us-vector {
    position: absolute;
    width: calc(144 / 1920 * 100vw);
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    object-fit: contain;
}

.about-us-frame {
    position: relative;
    width: calc(1826 / 1920 * 100vw);
    height: 100vh;
    min-height: 650px;
    margin-top: 5%;
    background-color: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
}

.about-us-content-ceo {
    position: relative;
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.about-us-dr-amer-ariat {
    width: calc(763 / 1920 * 100vw);
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--brand-colorprimary);
    font-size: calc(70 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
}

.about-us-founder-CEO-of {
    width: calc(763 / 1920 * 100vw);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--alternative-blue);
    font-size: calc(32 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.about-us-driven-by-a-dentist {
    width: calc(763 / 1920 * 100vw);
    font-family: var(--paragraph-32-px-book-font-family);
    font-weight: var(--paragraph-32-px-book-font-weight);
    color: var(--paragraph-gray);
    font-size: var(--paragraph-32-px-book-font-size);
    letter-spacing: var(--paragraph-32-px-book-letter-spacing);
    line-height: var(--paragraph-32-px-book-line-height);
    font-style: var(--paragraph-32-px-book-font-style);
}

.about-us-pattern-icon {
    position: absolute;
    width: calc(152 / 1920 * 100vw);
    height: auto;
    top: 35%;
    right: 20%;
}

.about-us-img-ceo {
    height: 100%;
    width: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.about-us-element-copy {
    width: calc(600 / 1920 * 100vw);
    height: auto;
    border-radius: 30px;
    object-fit: contain;
}

.about-us-overlap {
    width: 100%;
    height: 100vh;
    min-height: 650px;
    height: auto;
    margin-top: 7%;
}

.about-us-frame-2 {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.about-us-challenge {
    height: 100%;
    width: 57%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.about-us-the-challengue-we {
    width: calc(865 / 1920 * 100vw);
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: var(--brand-colorprimary);
    font-size: calc(120 / 1920 * 100vw);
    letter-spacing: calc(-4.8 / 1920 * 100vw);
    line-height: normal;
}

.about-us-text-wrapper {
    letter-spacing: calc(-5.76 / 1920 * 100vw);
}

.about-us-span {
    font-family: "Gordita-Italic", Helvetica;
    font-style: italic;
    letter-spacing: calc(-5.76 / 1920 * 100vw);
}

.about-us-text-wrapper-2 {
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    letter-spacing: calc(-5.76 / 1920 * 100vw);
}

.about-us-text-wrapper-2-2-2 {
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    letter-spacing: calc(-5.76 / 1920 * 100vw);
}

.about-us-ortodoncista {
    width: calc(832 / 1920 * 100vw);
    height: auto;
    object-fit: cover;
    border-radius: 30px;
}

.about-us-challenge-img {
    height: 100%;
    width: 43%;
    display: flex;
    align-items: center;
}

.about-us-ortodoncista-mquery {
    display: none;
}

.about-us-faced-with-the {
    width: calc(865 / 1920 * 100vw);
    font-family: var(--paragraph-32-px-book-font-family);
    font-weight: var(--paragraph-32-px-book-font-weight);
    color: var(--paragraph-gray);
    font-size: var(--paragraph-32-px-book-font-size);
    letter-spacing: var(--paragraph-32-px-book-letter-spacing);
    line-height: var(--paragraph-32-px-book-line-height);
    font-style: var(--paragraph-32-px-book-font-style);
}

.about-us-text-wrapper-3 {
    width: calc(865 / 1920 * 100vw);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--alternative-blue);
    font-size: calc(42 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
    margin: 8% 0 5% 0;
}

.about-us-frame-3 {
    position: absolute;
    width: calc(1920 / 1920 * 100vw);
    height: calc(910 / 1080 * 100vh);
    top: calc(1196 / 1080 * 100vh);
    left: 0;
}

.about-us-overlap-group {
    position: absolute;
    width: calc(705 / 1920 * 100vw);
    height: calc(248 / 1080 * 100vh);
    top: calc(543 / 1080 * 100vh);
    left: calc(608 / 1920 * 100vw);
}

.about-us-the-alignvision {
    position: absolute;
    top: 0;
    left: calc(89 / 1920 * 100vw);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--alternative-blue);
    font-size: calc(42 / 1920 * 100vw);
    text-align: center;
    letter-spacing: 0;
    line-height: calc(52.9 / 1080 * 100vh);
}

.about-us-experience-reduced {
    position: absolute;
    width: calc(705 / 1920 * 100vw);
    top: calc(128 / 1080 * 100vh);
    left: 0;
    font-family: var(--paragraph-32-px-book-font-family);
    font-weight: var(--paragraph-32-px-book-font-weight);
    color: var(--paragraph-gray);
    font-size: var(--paragraph-32-px-book-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-32-px-book-letter-spacing);
    line-height: var(--paragraph-32-px-book-line-height);
    font-style: var(--paragraph-32-px-book-font-style);
}

.about-us-text-wrapper-4 {
    position: absolute;
    top: calc(325 / 1080 * 100vh);
    left: calc(739 / 1920 * 100vw);
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--brand-colorprimary);
    font-size: calc(90 / 1920 * 100vw);
    letter-spacing: calc(-3.6 / 1920 * 100vw);
    line-height: calc(113.4 / 1080 * 100vh);
    white-space: nowrap;
}

.about-us-text-wrapper-5 {
    position: absolute;
    top: calc(249 / 1080 * 100vh);
    left: calc(812 / 1920 * 100vw);
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: var(--brand-colorprimary);
    font-size: calc(60 / 1920 * 100vw);
    letter-spacing: calc(-2.4 / 1920 * 100vw);
    line-height: calc(75.6 / 1080 * 100vh);
    white-space: nowrap;
}

.about-us-value-icons {
    position: absolute;
    width: calc(120 / 1920 * 100vw);
    height: calc(120 / 1080 * 100vh);
    top: calc(112 / 1080 * 100vh);
    left: calc(898 / 1920 * 100vw);
    object-fit: contain;
}

.about-us-img {
    position: absolute;
    width: calc(2 / 1920 * 100vw);
    height: calc(60 / 1080 * 100vh);
    top: calc(451 / 1080 * 100vh);
    left: calc(959 / 1920 * 100vw);
}

.about-us-vision {
    width: 100%;
    height: 75vh;
    min-height: 520px;
    display: flex;
    justify-content: center;
    margin-bottom: 10%;
}

.about-us-overlap-2 {
    position: relative;
    width: 94%;
    height: 100%;
}

.about-us-solid-blue-bg {
    width: 100%;
    height: 100%;
    background-color: var(--brand-colorsecondary);
    border-radius: 35px;
    display: flex;
    flex-direction: row;
}

.about-us-fondo-bokeh-azul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 35px;
}

.about-us-text-wrapper-6 {
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    color: var(--alternative-blue);
    font-size: calc(45 / 1920 * 100vw);
    letter-spacing: 0;
    white-space: nowrap;
    width: 85%;
    margin: 4% 0 5% 0;
}

.join-our-content {
    height: 100%;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
}

.about-us-join-our-community {
    width: 85%;
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: var(--white);
    font-size: calc(120 / 1920 * 100vw);
    letter-spacing: calc(-4.8 / 1920 * 100vw);
    line-height: 85%;
}

.about-us-be-part-of-the {
    width: 85%;
    font-family: var(--paragraph-32-px-book-font-family);
    font-weight: var(--paragraph-32-px-book-font-weight);
    color: var(--white);
    font-size: var(--paragraph-32-px-book-font-size);
    letter-spacing: var(--paragraph-32-px-book-letter-spacing);
    line-height: var(--paragraph-32-px-book-line-height);
    font-style: var(--paragraph-32-px-book-font-style);
}

.join-our-img {
    position: relative;
    z-index: 1;
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.about-us-filip-rankovic {
    width: calc(688 / 1920 * 100vw);
    height: auto;
}

.about-us-btn {
    width: 85%;
    height: auto;
    margin-top: 5%;
}

.about-us-btn > button {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    padding: 3% calc(43 / 1920 * 100vw);
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0px calc(2 / 1920 * 100vw) calc(34 / 1080 * 100vh) calc(6 / 1920 * 100vw) #1f42832b;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(20 / 1920 * 100vw);
    letter-spacing: calc(-0.8 / 1920 * 100vw);
    border: none;
    cursor: pointer;
}

.about-us-pattern-icon-2 {
    position: absolute;
    width: calc(206 / 1920 * 100vw);
    height: auto;
    top: 4%;
    right: 33%;
}

/* About us End */

/* Contact us */
.contact-us {
    background-color: #f2f3fe;
    width: 100%;
    height: auto;
    padding: 8% 0 7% 0;
}

.contact-us-div {
    background-color: var(--gray);
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-us-content {
    width: 94.27%;
    height: 75vh;
    min-height: 500px;
    border-radius: 30px;
    overflow: hidden;
}

.contact-us-overlap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    gap: 5%;
}

.contact-us-rectangle {
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(148, 172, 232, 0.20) 0%, rgba(148, 172, 232, 0.20) 100%), radial-gradient(67.98% 58.62% at 50% 53.44%, #2856AD 0%, rgba(146, 163, 195, 0.50) 69%, #9DB4E1 100%);
    border-radius: 30px;
}

.contact-us-blur-circle {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.contact-us-overlap-group {
    position: relative;
    width: calc(1064 / 1920 * 100vw);
    height: calc(800 / 1080 * 100vh);
    left: calc(181 / 1920 * 100vw);
}

.contact-us-ellipse {
    position: absolute;
    width: calc(503 / 1920 * 100vw);
    height: calc(503 / 1080 * 100vh);
    top: calc(92 / 1920 * 100vw);
    left: calc(92 / 1920 * 100vw);
    background-color: var(--alternative-blue);
    border-radius: 251.39px;
    transform: rotate(-30deg);
    filter: blur(50px);
}

.contact-us-ellipse-2 {
    position: absolute;
    width: calc(460 / 1920 * 100vw);
    height: calc(460 / 1080 * 100vh);
    top: calc(84 / 1080 * 100vh);
    left: calc(519 / 1920 * 100vw);
    background-color: var(--gray);
    border-radius: 230.05px;
    transform: rotate(-30deg);
    filter: blur(50px);
    opacity: 0.5;
}

.contact-us-ellipse-3 {
    position: absolute;
    width: calc(827 / 1920 * 100vw);
    height: calc(853 / 1080 * 100vh);
    top: calc(153 / 1080 * 100vh);
    left: calc(299 / 1920 * 100vw);
    background-color: var(--brand-colorlight-blue);
    border-radius: 426.3px;
    transform: rotate(-31.51deg);
    filter: blur(300px);
    opacity: 0.7;
}

.contact-title {
    margin-top: -5%;
    position: relative;
    z-index: 1;
    width: 37.97%;
    height: auto;
}

.contact-us-let-s-get-in-touch {
    width: calc(729 / 1920 * 100vw);
    color: var(--white);
    font-size: calc(150 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: 90%;
}

.contact-us-text-wrapper {
    font-weight: 300;
    font-family: "Gordita-300";
}

.contact-us-span {
    font-family: "Gordita-700";
    font-weight: 700;
}

.contact-us-p {
    margin-top: 10%;
    font-family: var(--paragraph-32-px-book-font-family);
    font-weight: var(--paragraph-32-px-book-font-weight);
    color: #ffffff;
    font-size: var(--paragraph-32-px-book-font-size);
    letter-spacing: var(--paragraph-32-px-book-letter-spacing);
    line-height: var(--paragraph-32-px-book-line-height);
    font-style: var(--paragraph-32-px-book-font-style);
}

.contact-us-fields {
    display: flex;
    flex-direction: column;
    width: 35%;
    align-items: flex-start;
    gap: calc(50 / 1080 * 100vh);
}

.contact-us-fields-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(38 / 1080 * 100vh);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.contact-us-field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(20 / 1080 * 100vh);
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
}

.contact-us-input {
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(25 / 1920 * 100vw);
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
    background: transparent;
    padding: 3% 4%;
    height: auto;
    background-color: #ffffff40;
    border-radius: 15px;
    border: 1px solid;
    border-color: var(--white);
    position: relative;
    align-self: stretch;
    width: 100%;

}

.contact-us-field-2 {
    height: calc(72 / 1080 * 100vh);
    background-color: #ffffff40;
    border-radius: 15px;
    border: 1px solid;
    border-color: var(--white);
    position: relative;
    align-self: stretch;
    width: 100%;
}

.contact-us-field-3 {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: flex-start;
    gap: calc(20 / 1080 * 100vh);
    position: relative;
    align-self: stretch;
    width: 100%;
}

.contact-us-text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(25 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.contact-us-field-4 {
    flex: 1;
    flex-grow: 1;
    background-color: #ffffff40;
    border-radius: 15px;
    border: 1px solid;
    border-color: var(--white);
    position: relative;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 4%;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(25 / 1920 * 100vw);
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.contact-us-btn {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3% 0;
    position: relative;
    z-index: 1;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
    background-color: var(--white);
    border-radius: 15px;
    box-shadow: 0px calc(2 / 1920 * 100vw) calc(34 / 1080 * 100vh) calc(6 / 1920 * 100vw) #1f42832b;
    cursor: pointer;
}

.contact-us-get-started-today {
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--brand-colorprimary);
    font-size: calc(25 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

/* Contact us End */

/* Case studies */
.coming-soon {
    position: fixed;
    left: 0;
    top: 0;
    background-color: var(--gray);
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.coming-soon h1 {
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #1f4283;
    font-size: calc(150 / 1920* 100vw);
    text-align: center;
    letter-spacing: calc(-6 / 1920* 100vw);
    line-height: normal;
    white-space: nowrap;
}

.case-studies {
    position: relative;
    width: calc(1920 / 1920 * 100vw);
    height: calc(873 / 1080 * 100vh);
    background-color: var(--gray);
    overflow: hidden;
}

.case-studies-text-wrapper {
    position: fixed;
    top: calc(261 / 1080 * 100vh);
    left: calc(535 / 1920 * 100vw);
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #1f4283;
    font-size: calc(150 / 1920 * 100vw);
    text-align: center;
    letter-spacing: calc(-6 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.case-studies-div {
    position: fixed;
    width: calc(1256 / 1920 * 100vw);
    top: calc(443 / 1080 * 100vh);
    left: calc(366 / 1920 * 100vw);
    font-family: var(--paragraph-32-px-book-font-family);
    font-weight: var(--paragraph-32-px-book-font-weight);
    color: var(--paragraph-gray);
    font-size: var(--paragraph-32-px-book-font-size);
    text-align: center;
    letter-spacing: var(--paragraph-32-px-book-letter-spacing);
    line-height: var(--paragraph-32-px-book-line-height);
    font-style: var(--paragraph-32-px-book-font-style);
}

.title-treatment-plan-mquery-case {
    display: none;
}

.case-studies-frame {
    position: relative;
    width: calc(1405 / 1920 * 100vw);
    height: calc(620 / 1080 * 100vh);
    top: calc(406 / 1080 * 100vh);
    left: calc(466 / 1920 * 100vw);
    border-radius: 38.08px;
    overflow: hidden;
}

.case-studies-DSC {
    background-image: url("../media/icons/content-home/DSC_3163-2-1.d9ddd88cc936.png");
    position: absolute;
    width: calc(397 / 1920 * 100vw);
    height: calc(430 / 1080 * 100vh);
    top: calc(36.55 / 1080 * 100vh);
    left: calc(304.13 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 22px 22px 0 0;
    z-index: 3;
}

.case-studies-DSC-2 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/DSC_3147-3.687c99cc7175.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 22px;
    z-index: 3;
}

.case-studies-DSC-4 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/Noa0206-3-1.e2dd418975b0.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 38px;
    z-index: 3;
}

.case-studies-DSC-5 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/2023-12-17-01.34.4e53bf6c9685.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 38px;
    z-index: 3;
}

.case-studies-DSC-6 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/2023-12-17-01.43.45d065e122aa.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 38px;
    z-index: 3;
}

.case-studies-DSC-7 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/2018-04-01-19.31-2.dc52003c1e99.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 38px;
    z-index: 3;
}

.case-studies-DSC-8 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/2018-04-01-19.27-1.227480bad55b.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 38px;
    z-index: 3;
}

.case-studies-DSC-9 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/Noa0206-3-1.e2dd418975b0.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 38px;
    z-index: 3;
}

.case-studies-DSC-10 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/2024-01-25-07.30-1.07ba836df549.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 38px;
    z-index: 3;
}

.case-studies-DSC-11 {
    scale: 0;
    opacity: 0;
    background-image: url("/static/media/icons/content-home/2024-01-25-07.34-1.adf6ca1755a1.png");
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(0 / 1080 * 100vh);
    left: calc(0 / 1920 * 100vw);
    background-size: cover;
    background-position: center;
    border-radius: 38px;
    z-index: 3;
}

.case-studies-time {
    display: none;
    flex-direction: column;
    width: calc(487 / 1920 * 100vw);
    height: calc(191 / 1080 * 100vh);
    align-items: flex-start;
    justify-content: center;
    gap: calc(31.21 / 1080 * 100vh);
    padding: calc(32 / 1080 * 100vh) calc(26 / 1920 * 100vw);
    position: fixed;
    bottom: calc(25 / 1080 * 100vh);
    left: calc(30 / 1920 * 100vw);
    background-color: rgba(148, 172, 232, 0.25);
    border-radius: 12.11px;
    border: calc(0.81 / 1080 *100vh) solid #FFF;
    backdrop-filter: blur(6.0777459144592285px);
    z-index: 3;
    opacity: 0;
}

.case-studies-text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -0.25px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: calc(35.656 / 1920 * 100vw);
    letter-spacing: calc(-1.42 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.case-studies-p {
    position: relative;
    align-self: stretch;
    height: calc(57.12 / 1080 * 100vh);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: var(--white);
    font-size: calc(20 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: 126%;
}

.procedural-video {
    position: fixed;
    top: calc(60 / 1080 * 100vh);
    left: calc(30 / 1920 * 100vw);
    width: calc(250 / 1920 * 100vw);
    height: calc(35 / 1080 * 100vh);
    z-index: 3;
    object-fit: contain;
    opacity: 0;
}

.before-text {
    position: fixed;
    top: calc(60 / 1080 * 100vh);
    left: calc(30 / 1920 * 100vw);
    width: calc(97 / 1920 * 100vw);
    height: calc(35 / 1080 * 100vh);
    z-index: 3;
    object-fit: contain;
    display: none;
}

.after-text {
    position: fixed;
    top: calc(60 / 1080 * 100vh);
    left: calc(30 / 1920 * 100vw);
    width: calc(97 / 1920 * 100vw);
    height: calc(35 / 1080 * 100vh);
    z-index: 3;
    object-fit: contain;
    opacity: 0;
}

.scroll-text {
    position: fixed;
    bottom: calc(45 / 1080 * 100vh);
    right: calc(30 / 1920 * 100vw);
    width: calc(103 / 1920 * 100vw);
    height: calc(36.5 / 1080 * 100vh);
    z-index: 3;
    object-fit: contain;
    display: none;
}

.case-studies-img {
    position: absolute;
    width: calc(1404 / 1920 * 100vw);
    height: calc(798 / 1080 * 100vh);
    top: calc(5089 / 1080 * 100vh);
    left: -18457px;
    object-fit: cover;
}

.case-studies-bar-case-studies {
    position: fixed;
    width: calc(344 / 1920 * 100vw);
    height: calc(514 / 1080 * 100vh);
    top: calc(387 / 1080 * 100vh);
    left: calc(50 / 1920 * 100vw);
    display: none;
}

.case-studies-bar-overlap {
    width: calc(285 / 1920 * 100vw);
    height: calc(94 / 1080 * 100vh);
    left: calc(55 / 1920 * 100vw);
    position: absolute;
    top: 0;
}

.case-studies-bar-case-study {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(7 / 1080 * 100vh);
    position: absolute;
    top: 0;
    left: 0;
}

.case-studies-bar-div {
    position: relative;
    width: fit-content;
    margin-top: calc(-1 / 1080 * 100vh);
    font-family: "Gordita-Regular", Helvetica;
    font-weight: 400;
    color: #1f4283;
    font-size: calc(34 / 1920 * 100vw);
    text-align: center;
    letter-spacing: calc(-1.36 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.case-studies-bar-text-wrapper {
    letter-spacing: calc(-0.46 / 1920 * 100vw);
}

.case-studies-bar-span {
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    letter-spacing: calc(-0.46 / 1920 * 100vw);
}

.case-studies-bar-p {
    position: relative;
    width: calc(285 / 1920 * 100vw);
    font-family: "PP Neue Montreal-Book", Helvetica;
    font-weight: 400;
    color: #707c92;
    font-size: calc(20 / 1920 * 100vw);
    letter-spacing: 0;
    line-height: calc(25.2 / 1080 * 100vh);
}

.case-studies-bar-text-wrapper-2 {
    left: calc(238 / 1920 * 100vw);
    font-family: "Gordita-Bold", Helvetica;
    font-weight: 700;
    font-size: calc(20 / 1920 * 100vw);
    letter-spacing: calc(-0.8 / 1920 * 100vw);
    position: absolute;
    width: calc(23 / 1920 * 100vw);
    top: calc(11 / 1080 * 100vh);
    color: #ffffff;
    text-align: center;
    line-height: normal;
}

.case-studies-bar-case-study-2 {
    top: calc(201 / 1080 * 100vh);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(7 / 1080 * 100vh);
    position: absolute;
    left: calc(55 / 1920 * 100vw);
    opacity: 0.5;
}

.case-studies-bar-case-study-3 {
    top: calc(420 / 1080 * 100vh);
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(7 / 1080 * 100vh);
    position: absolute;
    left: calc(55 / 1920 * 100vw);
    opacity: 0.5;
}

.case-studies-bar-overlap-group {
    width: calc(38 / 1920 * 100vw);
    height: calc(188 / 1080 * 100vh);
    left: 0;
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.case-studies-bar-element {
    position: relative;
    width: calc(38 / 1080 * 100vh);
    height: calc(38 / 1080 * 100vh);
    top: 0;
    left: 0;
    background-color: #1f4283;
    border-radius: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.case-studies-bar-line {
    height: calc(142 / 1080 * 100vh);
    top: calc(46 / 1080 * 100vh);
    position: absolute;
    width: calc(4 / 1920 * 100vw);
    left: calc(20 / 1920 * 100vw);
    background: #DBDDE8;
}

.case-studies-bar-img {
    height: calc(17 / 1080 * 100vh);
    top: calc(46 / 1080 * 100vh);
    position: absolute;
    width: calc(4 / 1920 * 100vw);
    left: calc(20 / 1920 * 100vw);
    background: #1F4283;
}

.case-studies-bar-text-wrapper-3 {
    font-family: "Gordita-Black", Helvetica;
    font-weight: 900;
    font-size: calc(18 / 1920 * 100vw);
    letter-spacing: calc(-0.72 / 1920 * 100vw);
    position: absolute;
    width: calc(23 / 1920 * 100vw);
    color: #ffffff;
    text-align: center;
    line-height: normal;
}

.case-studies-bar-text-wrapper-8 {
    font-family: "Gordita-Black", Helvetica;
    font-weight: 900;
    font-size: calc(6 / 1920 * 100vw);
    position: absolute;
    color: #ffffff;
    line-height: normal;
    opacity: 0;
}

.case-studies-bar-img-2 {
    height: calc(0 / 1080 * 100vh);
    top: calc(228 / 1080 * 100vh);
    position: absolute;
    width: calc(4 / 1920 * 100vw);
    left: calc(20 / 1920 * 100vw);
    background: #1F4283;
}

.case-studies-bar-line-2 {
    height: calc(180 / 1080 * 100vh);
    top: calc(228 / 1080 * 100vh);
    position: absolute;
    width: calc(4 / 1920 * 100vw);
    left: calc(20 / 1920 * 100vw);
    background: #DBDDE8;
}

.case-studies-bar-element-2 {
    position: absolute;
    width: calc(12 / 1080 * 100vh);
    height: calc(12 / 1080 * 100vh);
    top: calc(202 / 1080 * 100vh);
    left: calc(16 / 1920 * 100vw);
    background-color: #dbdde8;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.case-studies-bar-element-3 {
    position: absolute;
    width: calc(12 / 1920 * 100vw);
    height: calc(12 / 1080 * 100vh);
    top: calc(422 / 1080 * 100vh);
    left: calc(16 / 1920 * 100vw);
    background-color: #dbdde8;
    border-radius: 6px;
}

.btn-mquery-case-studies-img {
    display: none;
}
/* Case studies End */

/* Footer */
footer {
    width: 100%;
    height: 95vh;
    min-height: 500px;
    background-color: #0b1831;
    border-radius: 50px 50px 0px 0px;
    overflow: hidden;
}

.footer-overlap {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.footer-fondo-bokeh-azul {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.footer-blur-circle {
    position: absolute;
    width: calc(1920 / 1920 * 100vw);
    height: calc(1600 / 1080 * 100vh);
    top: 0;
    left: calc(359 / 1920 * 100vw);
    opacity: 1;
}

.footer-overlap-group {
    position: relative;
    width: calc(1064 / 1920 * 100vw);
    height: calc(800 / 1080 * 100vh);
    left: calc(181 / 1920 * 100vw);
}

.footer-ellipse {
    width: calc(503 / 1920 * 100vw);
    height: calc(503 / 1920 * 100vw);
    top: calc(205 / 1080 * 100vh);
    left: calc(92 / 1920 * 100vw);
    background-color: #94ace8;
    border-radius: 251.39px;
    position: absolute;
    transform: rotate(-30deg);
    filter: blur(25px);
    z-index: 1;
    opacity: 0.35;
}

.footer-div {
    width: calc(460 / 1920 * 100vw);
    height: calc(460 / 1920 * 100vw);
    top: calc(84 / 1080 * 100vh);
    left: calc(519 / 1920 * 100vw);
    background-color: #f2f3fe;
    border-radius: 230.05px;
    opacity: 0.35;
    position: absolute;
    transform: rotate(-30deg);
    filter: blur(25px);
    z-index: 1;
}

.footer-glass {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #1f42831a;
    backdrop-filter: blur(100px) brightness(100%);
    -webkit-backdrop-filter: blur(100px) brightness(100%);
}

.footer-logo-svg {
    position: relative;
    width: calc(396 / 1920 * 100vw);
    height: auto;
    object-fit: contain;
    z-index: 3;
    margin: 5% 0 5% 13%;
}

.foo-container-links {
    display: flex;
    justify-content: center;
    width: 100%;
}

.footer-btn-a {
    position: relative;
    left: 6%;
    z-index: 3;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: rgba(31, 66, 131, 1);
    font-size: calc(25 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
    padding: 1% 2%;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 2px 34px 6px #1f42832b;
    width: auto;
}
.footer-btn-a:hover {
    color: #FFF;
    background: #94ACE8;
    box-shadow: 0px 2px 34px 6px rgba(31, 66, 131, 0.17);
}

.footer-medios-de {
    position: absolute;
    width: calc(64 / 1920 * 100vw);
    height: calc(64 / 1080 * 100vh);
    top: calc(575 / 1080 * 100vh);
    left: calc(1131 / 1920 * 100vw);
}

.footer-links {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: calc(62 / 1920 * 100vw);
    z-index: 3;
}

.footer-pages {
    display: flex;
    flex-direction: column;
    width: calc(315 / 1920 * 100vw);
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    padding: calc(10 / 1080 * 100vh) calc(10 / 1920 * 100vw);
    position: relative;
}

.footer-link {
    position: relative;
    width: 75%;
    height: auto;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin: 5% 0;
}

.footer-vector {
    position: relative;
    width: 4%;
    height: auto;
    margin-left: -1px;
    object-fit: contain;
}

.footer-link > a {
    position: relative;
    width: fit-content;
    margin-top: calc(-1 / 1080 * 100vh);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: calc(24 / 1920 * 100vw);
    white-space: nowrap;
}

.footer-social {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(31 / 1080 * 100vh);
    position: relative;
    flex: 0 0 auto;
}

.footer-text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: calc(-1 / 1080 * 100vh);
    font-family: "PP Neue Montreal-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: calc(32 / 1920 * 100vw);
    white-space: nowrap;
}

.footer-text-wrapper-3 span {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer-social-media {
    position: relative;
    flex: 0 0 auto;
    width: 16%;
    height: auto;
}

.footer-p {
    position: relative;
    opacity: 0.7;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
    font-size: calc(25 / 1920 * 100vw);
    text-align: right;
    letter-spacing: calc(-1 / 1920 * 100vw);
    line-height: normal;
    white-space: nowrap;
    z-index: 3;
    text-align: center;
}

/* Footer End */

/* Your Style */