: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);
}

/*Media queries para trabajar Mobile*/
@media  screen and (max-width: 1080px){
.br-mobile {
    display: block;
}

.br-desktop {
    display: none;
}
#br-desktop1 {
    display: none;
}

.smooth-content {
    padding: 0;
}

/* Home */


.cookies-container {
    flex-direction: column;
    padding: 4% 6%;
    gap: 20px;
    width: 100%;
}

.cookies-container p {
    font-size: clamp(8px,3.72vw,70px);
    text-align: center;
}

.cookies-container div { 
    width: 100%;
    justify-content: center;
    margin: 0;
}

.cookies-container div .accept {
    font-size: clamp(8px,4vw,70px);
}

.cookies-container div .decline {
    font-size: clamp(8px,4vw,70px);
}


/* Header */
header {
    width: 100%;
    height: auto;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding-top: unset;
    min-height: unset;
}

.header-container {
    width: calc(378 / 430 * 100vw);
    height: auto;
    padding: 5% 0;
    border-radius: 10px;
    min-height: unset;
    top: 0;
    margin-top: 4%;
}

.logo-container {
    margin: 0 0 0 5%;
}

.logo-container svg {
    width: calc(117 / 430 * 100vw);
    height: auto;
    margin-left: unset;
}

.nav-bar {
    display: none;
}

.nav-button {
    display: none;
}

.hamburger-menu-mquery {
    display: block;
    object-fit: contain;
    width: 8%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: calc(12 / 430 * 100vw);
    cursor: pointer;
}

.menu-mquery-container {
    display: none;
    z-index: 100;
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-image: url("/static/media/icons/content-home/Mask-group-mquery.a5b6149a036e.png");
    background-repeat: no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: center;
    padding-top: 4%;
}

.nav-bar-menu-mquery {
    position: relative;
    width: calc(378 / 430 * 100vw);
    height: auto;
    border-radius: 10px;
    background: rgba(242, 243, 254, 0.10);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5% 0;
}

.navbar-logo  {
    width: calc(117 / 430 * 100vw);
    height: auto;
    margin-left: 5%;
}

.navbar-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2%;
    margin: auto;
    width: calc(30 / 430 * 100vw);
    height: auto;
    cursor: pointer;
}

.menu-content-mquery {
    position: unset;
    width: 79%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 85%;
    padding-top: 11%;
}

.list-menu-content-mquery {
    display: flex;
    flex-direction: column;
    gap: calc(20 / 932 * 100vh);
    width: 100%;
}

.list-menu-content-mquery a {
    width: fit-content;
}

.list-menu-content-mquery li {
    width: fit-content;
    color: #FFF;
    font-family: Gordita;
    font-size: calc(32 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
}

.resource-menu-mquery {
    display: flex;
    flex-direction: column;
}

.resource-menu-mquery-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(5 / 430 * 100vw);
}

.resource-menu-mquery svg {
    position: relative;
    top: calc(2 / 932 * 100vh);
    width: calc(24 / 430 * 100vw);
    height: calc(25 / 932 * 100vh);
}

.menu-btn-mobile-soc {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    align-items: center;
}

.btn-login-menu-mquery {
    gap: calc(7.75 / 430 * 100vw);
    width: calc(224 / 430 * 100vw);
    height: auto;
    display: flex;
    flex-direction: row;
    padding: 3% 4%;
    border: none;
    cursor: pointer;
    border-radius: 11.62px;
    background: #FFF;
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5%;
}

.btn-login-menu-mquery svg {
    width: calc(26.339 / 430 * 100vw);
    height: calc(26.339 / 932 * 100vh);
}

.btn-login-menu-mquery p {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(19.367 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.775 / 430 * 100vw);
}

.social-media-menu-mquery {
    display: flex;
    flex-direction: column;
    gap: calc(18.83 / 932 * 100vh);
}

.social-media-menu-mquery h3 {
    color: #FFF;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
}

.logo-social-media-mquery {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: calc(6.07 / 430 * 100vw);
    justify-content: center;
}

.logo-social-media-mquery img {
    width: calc(35.222 / 430 * 100vw);
    height: calc(35.222 / 430 * 100vw);
    cursor: pointer;
}

.case-studies-blog-menu-mquery {
    position: relative;
    top: calc(10 / 932 * 100vh);
    left: calc(19 / 430 * 100vw);
    display: none;
    flex-direction: column;
    gap: calc(14 / 932 * 100vh);
}

.case-studies-blog-menu-mquery p {
    color: #BABABA;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.96 / 430 * 100vw);
    cursor: pointer;
}
/* Header End*/

/* Container1 */
.content1-container1 {
    background: transparent;
    width: 100%;
    margin: 0;
    height: auto;
}

.content1-2-container {
    padding-top: 27%;
    margin: 0;
    height: auto;
    justify-content: center;
}

.background1 {
    justify-content: center;
}

.background1 img {
    display: none;
}

.content1-container1-content {
    position: static;
    width: auto;
    height: auto;
    background: unset;
}

.content1-2-container > video {
    display: none;
}

.title-content1-container {
    position: unset;
    width: auto;
    height: auto;
    margin: 20% 0 0 0;
}

.title-content1-container span {
    color: #1F4283;
    font-size: calc(50 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    letter-spacing: calc(-2 / 430 * 100vw);
}

.title-content1-container h2 {
    color: #94ACE8;
    font-size: calc(50 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    letter-spacing: calc(-2 / 430 * 100vw);
}

.card1-container1 {
    margin-top: 12%;
}

.subtitle-buttons--content1-container1 {
    position: unset;
}

.subtitle-content1-container {
    color: #707C93;
    font-family: "PP Neue Montreal";
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 144%;
}

.buttons-content1-container {
    margin: 52px 0 0 0;
    gap: calc(8 / 430 * 100vw);
}

.text-no-credit-card {
    font-size: calc(16 / 430 * 100vw);
    color: #94ACE8;
    margin: 28.7px 0 0 calc(103 / 430 * 100vw);
    font-weight: 500;
}

.get-free-btn {
    width: calc(185 / 430 * 100vw);
    height: auto;
    border-radius: 9.487px;
    background: #1F4283;
    color: #FFF;
    text-align: center;
    font-size: calc(15 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.6 / 430 * 100vw);
}

.explore-software-btn{
    width: calc(185 / 430 * 100vw);
    height: auto;
    border-radius: 9.487px;
    border-color: #1F4283;
    background: transparent;
    color: #1F4283;
    text-align: center;
    font-size: calc(15 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.6 / 430 * 100vw);
}

.box-overlap, .box-avatars, .box-overlap-2 {
    display: none;
}

.content2-container1 {
    display: none;
}

.content3-container1 {
    position: relative;
    top: 0;
    left: 0;
}

.title-content3, .content3-logo-plans {
    display: none;
}

.content3-logo-plans-mquery {
    display: block;
    margin: 83px 0;
    width: calc(430 / 430 * 100vw);
    height: auto;
    object-fit: contain;
}

.title-content4-container1 span {
    font-size: calc(26 / 430 * 100vw);
}

.title-content4-container1 {
    margin: 140px 0 50px 0;
    font-size: calc(26 / 430 * 100vw);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.img-text-content4-container1 {
    display: flex;
    flex-direction: column;
    margin: 0;
}

.img-content4-container1 {
    height: 278px;
}

.img-content4-container1 img {
    height: 278px;
    width: calc(406 / 430 * 100vw);
}

.text-content4-container1 {
    margin: 55px 0 0 calc(25 / 430 * 100vw);
}

.text-content4-container1 h3 {
    color: #94ACE8;
    font-size: calc(20 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: calc(-0.8 / 430 * 100vw);
    margin-left: calc(1 / 430 * 100vw);
}

.text1-content4-container1 {
    margin-top: 35px;
    gap: calc(10 / 430 * 100vw);
}
.text1-content4-container1 svg {
    width: calc(34 / 430 * 100vw);
    height: 34px;
    object-fit: contain;
}
.text1-content4-container1 p {
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text2-content4-container1 {
    margin: 40px 0;
    gap: calc(10 / 430 * 100vw);
}
.text2-content4-container1 svg {
    width: calc(34 / 430 * 100vw);
    height: 34px;
    object-fit: contain;
}
.text2-content4-container1 p {
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.text3-content4-container1 {
    gap: calc(10 / 430 * 100vw);
}
.text3-content4-container1 svg {
    width: calc(34 / 430 * 100vw);
    height: 34px;
    object-fit: contain;
}
.text3-content4-container1 p {
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.content-card-content4-container1 {
    display: flex;
    flex-direction: column;
    width: calc(367 / 430* 100vw);
    height: auto;
    padding: 11.538px calc(11.538 / 430* 100vw);
    border-radius: 19.231px;
    gap: 50px;
}
.content-card-content4-container1 img {
    width: calc(328.923 / 430* 100vw);
    height: 232.282px;
    border-radius: 19.231px;
}

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

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

.text-content-card-content4-container1 {
    gap: 30px;
}

.text-content-card-content4-container1 div {
    gap: calc(10 / 430 * 100vw);
}

.content-card-content4-container1 p {
    color: #707C93;
    text-align: center;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.content-card-content4-container1 button {
    padding: 12.821px calc(30.769 / 430 * 100vw);
    width: calc(115.54 / 430 * 100vw);
    height: 42.64px;
    border-radius: 9.615px;
    background: #1F4283;
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(16.026 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.641 / 430 * 100vw);
}

.content4-container1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.background-content4-container1 {
    position: relative;
    overflow: hidden;
    width: calc(396 / 430 * 100vw);
    height: auto;
    border-radius: 15px;
    border: 0.321px solid #1F4283;
    margin: 0 !important;
}

.subtitle-content4-container1 {
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(32 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-1.28 / 430 * 100vw);
    margin-bottom: 61px;
    display: flex;
    flex-direction: column;
}
/* Container1 End */

/* Container2 */
.container2 {
    margin-top: 10%;
}

.content-container2 {
    padding: 3% 0 8% 0;
}

.background-content-container2 {
    left: 0;
    right: 0;
    margin: auto;
    background: transparent;
    width: calc(396 / 430 * 100vw);
    border-radius: 15px;
    opacity: 0.25;
    border: 1px solid #1F4283;
    overflow: hidden;
}

.content1-container2 {
    margin: 0;
    width: 100%;
    overflow: hidden;
}

.title-content1-container2 {
    margin-top: 57px;
    color: #0B1831;
    text-align: center;
    font-family: "Gordita";
    font-size: calc(26 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-1.04 / 430 * 100vw);
}

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

.text1-content1-container2 {
    margin: 67px 0 0 calc(33.75 / 430 * 100vw);
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
    align-items: normal;
}

.img-text1-content1-container2 {
    width: calc(363 / 430 * 100vw);
    height: auto;
    border-radius: 15px;
    display: flex;
    align-items: center;
    background: linear-gradient(101deg, #FFF 3.27%, #B7D0FF 27.11%, #D9E6FD 75.74%);
}

.img-text1-content1-container2 img {
    width: calc(488 / 430 * 100vw);
    height: auto;
    border-radius: 15px;
    left: calc(15 / 430 * 100vw);
}

.title-text1-content1-container2 {
    gap: 11px;
    width: calc(365 / 430* 100vw);
}
.title-text1-content1-container2 h3 {
    color: var(--Alternative-BLue, #94ACE8);
    font-family: Gordita;
    font-size: calc(21 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.84 / 430 * 100vw);
}
.title-text1-content1-container2 p {
    color: var(--Paragraph-gray, #707C93);
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(13 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: calc(-0.75 / 430 * 100vw);
}

.text2-content1-container2 {
    margin: 66px 0 0 calc(33.75 / 430* 100vw);
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
    align-items: normal;
}

.img-text2-content1-container2 {
    width: calc(363 / 430* 100vw);
    height: auto;
    border-radius: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    background: linear-gradient(101deg, #FFF 3.27%, #B7D0FF 27.11%, #D9E6FD 75.74%);
}
.img-text2-content1-container2 img {
    height: auto;
    width: calc(238 / 430 * 100vw);
    border-radius: 0 0 15px 0;
    object-fit: cover;
    position: relative;
    right: 0;
}

.title-text2-content1-container2 {
    gap: 11px;
    width: calc(365 / 430* 100vw);
}
.title-text2-content1-container2 h3 {
    color: var(--Alternative-BLue, #94ACE8);
    font-family: Gordita;
    font-size: calc(21 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.84 / 430 * 100vw);
}
.title-text2-content1-container2 p {
    color: var(--Paragraph-gray, #707C93);
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(13 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: calc(-0.75 / 430 * 100vw);
    width: calc(365 / 430* 100vw);
}

.text3-content1-container2 {
    margin: 66px 0 0 calc(33.75 / 430* 100vw);
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
    align-items: normal;
}

.img-text3-content1-container2 {
    width: calc(363 / 430* 100vw);
    height: auto;
    border-radius: 15px;
    display: flex;
    justify-content: end;
    background: linear-gradient(101deg, #FFF 3.27%, #B7D0FF 27.11%, #D9E6FD 75.74%);
}
.img-text3-content1-container2 img {
    height: auto;
    width: calc(186 / 430 * 100vw);
    border-radius: 0 0 15px 0;
    object-fit: cover;
    position: relative;
    left: calc(30 / 430 * 100vw);
}

.title-text3-content1-container2 {
    gap: 11px;
    width: calc(365 / 430* 100vw);
}
.title-text3-content1-container2 h3 {
    color: var(--Alternative-BLue, #94ACE8);
    font-family: Gordita;
    font-size: calc(21 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.84 / 430 * 100vw);
}
.title-text3-content1-container2 p {
    color: var(--Paragraph-gray, #707C93);
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(13 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: calc(-0.75 / 430 * 100vw);
    width: calc(365 / 430* 100vw);
}

.buttons-content1-container2 {
    display: none;
}

.tittle-content2-container2 {
    margin: 112px 0 34px 0;
    color: #152D5A;
    text-align: center;
    font-family: "Gordita";
    font-size: calc(32 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-1.28 / 430 * 100vw);
}
.tittle-content2-container2 span {
    color: var(--Brand-color-Primary, #152D5A);
    font-family: "Gordita-500";
    font-size: calc(32 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1.28 / 430 * 100vw);
}

.content2-container2 {
    margin-bottom: 74.86px;
}

.all-doctors-cards-container{
    display: flex;
    flex-direction: column;
    gap: 23.14px;
}

.doctors-cards-container {
    padding: 60.412px calc(39.846 / 430 * 100vw);
    border-radius: 15px;
    width: calc(378 / 430 * 100vw);
    height: 332px;
    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%);
}

.img-content2-container2 img {
    width: calc(77 / 430 * 100vw);
    height: calc(77 / 430 * 100vw);
    border-radius: 96px
}

.svg-doctors-card1-container svg {
    width: calc(46.27 / 430 * 100vw);
    height: 28.92px;
}

.span1-info-doctors-content2-container2 {
    color: var(--Paragraph-gray, #707C93);
    text-align: center;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(12.854 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

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

.content3-container2 {
    margin: 33px 0 23px 0;
    display: flex;
    justify-content: center;
}

.background-content3-container2 {
    width: calc(396 / 430 * 100vw);
    height: auto;
    border-radius: 15px;
    border: 0.321px solid #1F4283;
    margin: 0 !important;
}   

.all-content3-container2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5%;
}

.img-background-content3-container2 {
    border-radius: 15px;
    width: 100%;
}

.img-background-content3-container3 {
    border-radius: 15px;
}

.title-content3-container2-our-services {
    font-size: calc(40 / 430* 95vw);
}

.subtitle-content3-container2 {
    font-size: calc(25 / 430* 100vw);
    width: 70%;
}

.subtitle-content3-container2 span {
    font-size: calc(25 / 430* 100vw);
}

.title-content3-container2 {
    margin: 11px 0;
    color: #707C93;
    text-align: center;
    font-family: Gordita;
    font-size: calc(12 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(1.56 / 430 * 100vw);
}

.subtitle-content4-container1 {
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(32 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-1.28 / 430 * 100vw);
    margin-bottom: 61px;
    display: flex;
    flex-direction: column;
}

.cards-content3-container2 {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.content-card-content3-container2 {
    width: calc(325 / 430 * 100vw);
    height: auto;
    padding: 8% calc(11.538 / 430 * 100vw);
    border-radius: 19.231px;
    gap: 25px;
}
.content-card-content3-container2 img {
    width: calc(301.923 / 430 * 100vw);
    height: 201.282px;
    border-radius: 19.231px;
}
.content-card-content3-container2 h3 {
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(20.513 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.821 / 430 * 100vw);
}
.content-card-content3-container2 p {
    color: #707C93;
    text-align: center;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(15.385 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.content-card-content3-container2 button {
    padding: 12.821px calc(30.769 / 430 * 100vw);
    width: calc(115.54 / 430 * 100vw);
    height: auto;
    padding: 5% 0;
    border-radius: 9.615px;
    background: #1F4283;
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(16.026 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.641 / 430 * 100vw);
}
/* Container2 End */

/* Container3 */
.container3 {
    height: auto;
    width: calc(430 / 430 * 100vw);
}

.container3-treatment-planning {
    top: 100px;
    left: calc(30 / 430 * 100vw);
}

.container3-text-wrapper {
    color: #152D5A;
    text-align: center;
    font-family: Gordita;
    font-size: calc(32 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-1.28 / 430 * 100vw);
}
.container3-text-wrapper-2 {
    color: #152D5A;
    font-family: "Gordita-500";
    font-size: calc(32 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-1.28 / 430 * 100vw);
}

.container3-div {
    position: relative;
    width: 88%;
    gap: calc(20 / 430 * 100vw);
}

.container3-img {
    width: calc(70 / 430 * 100vw);
    height: auto;
    object-fit: contain;
}

.container3-div-2 {
    gap: 10px;
    width: 77%;
}

.container3-upload-your-case-in {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.72 / 430 * 100vw);
}

.container3-text-wrapper-3 {
    position: absolute;
    left: calc(349.5 / 430 * 100vw);
    top: 4px;
    color: #2856AD;
    text-align: center;
    font-family: Gordita;
    font-size: calc(10 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-0.4 / 430 * 100vw);
}

.container3-p {
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.container3-div-3 {
    position: relative;
    width: 88%;
    gap: calc(20 / 430 * 100vw);
    margin: 7% 0;
}

.container3-receive-your {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.72 / 430 * 100vw);
}

.container3-text-wrapper-4 {
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.container3-vector {
    display: none;
}

.container3-vector-2 {
    display: none;
}

.container3-div-4 {
    width: 88%;
    position: relative;
    gap: calc(20 / 430 * 100vw);
}

.container3-count-on-ongoing {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.72 / 430 * 100vw);
    width: auto;
}
/* Container3 End */

/* Container4 */
.container4 {
    height: auto;
    width: calc(430 / 430 * 100vw);
}

.container4-content {
    position: unset;
    width: calc(396 / 430 * 100vw);
    height: auto;
    border-radius: 15px;
    border: 1px solid rgb(31, 66, 131, 0.25);
    background: linear-gradient(101deg, rgb(255, 255, 255, 0.25) 3.27%, rgb(183, 208, 255, 0.25) 27.11%, rgb(217, 230, 253, 0.25) 75.74%);
}

.container4-content-rectangle {
    width: calc(396 / 430 * 100vw);
    height: 100%;
    border-radius: 15px;
}

.container4-content-pattern-icon {
    width: calc(58.8 / 430 * 100vw);
    height: auto;
}

.container4-content-img {
    height: 100%;
}

.container4-content-vector {
    width: calc(69 / 430 * 100vw);
    height: auto;
    object-fit: contain;
}

.container4-content-div {
    top: 132px;
    left: calc(127 / 430 * 100vw);
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(30 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-1.8 / 430 * 100vw);
}

.container4-content-we-offer {
    color: #707C93;
    text-align: center;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    top: 238px;
    left: calc(32 / 430 * 100vw);
}

.container4-content-text-wrapper {
    top: 169px;
    left: calc(46 / 430 * 100vw);
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(30 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-1.2 / 430 * 100vw);
}

.container4-content-text-wrapper-2 {
    font-size: calc(16 / 430 * 100vw);
}

.container4-content-span {
    color: #707C93;
    text-align: center;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
}
/* Container4 End */

/* Container5 */
.container5 {
    height: auto;
    width: calc(430 / 430 * 100vw);
    padding: 10% 0;
    min-height: unset;
}

.container5-content-give-your-patients {
    top: 43px;
    left: calc(0 / 430 * 100vw);
    width: 100%;
}

.container5-content-text-wrapper {
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(30 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    letter-spacing: calc(-1.2 / 430 * 100vw);
}

#container5-content-text-wrapper-span {
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(30 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    letter-spacing: calc(-1.2 / 430 * 100vw);
}

#container5-content-text-wrapper-span-2 {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(30 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-1.2 / 430 * 100vw);
}

.container5-content-joel-mott {
    top: 135px;
    left: calc(135 / 430 * 100vw);
    width: calc(159 / 430 * 100vw);
    height: 51px;
    border-radius: 15px;
}

.container5-content-container {
    margin: 5% 0;
    width: 100%;
    text-align: center;
    gap: 6.5px;
}

.container5-content-element {
    gap: calc(16 / 430 * 100vw);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.container5-content-pattern-icon {
    width: calc(17 / 430 * 100vw);
    height: calc(17 / 430 * 100vw);
    object-fit: contain;
}

.container5-content-div {
    color: var(--Paragraph-gray, #707C93);
    text-align: center;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
}

.container5-content-btn-and-text {
    top: 368px;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.container5-content-btn-container {
    gap: calc(8 / 430 * 100vw);
}

.container5-content-btn {
    border-radius: 9.487px;
    width: calc(185 / 430 * 100vw);
    color: var(--White, #FFF);
    text-align: center;
    font-family: Gordita;
    font-size: calc(15 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.6 / 430 * 100vw);
}

.container5-content-button {
    border-radius: 9.487px;
    width: calc(185 / 430 * 100vw);
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(15 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.6 / 430 * 100vw);
}

.container5-content-text-wrapper-2 {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: calc(-0.64 / 430 * 100vw);
    top: 26.7px;
    opacity: 0.5;
}
/* Container5 End */

/* footer */
footer {
    width: calc(430 / 430 * 100vw);
    height: unset;
    min-height: unset;
    background-color: #0b1831;
    border-radius: 30px 30px 0px 0px;
    overflow: hidden;
}

.footer-logo-svg {
    position: unset;
    width: calc(160 / 430 * 100vw);
    height: auto;
}

.foo-container-links {
    flex-direction: row;
    gap: 15%;
}

.footer-links {
    position: unset;
    width: auto;
    padding: 4.555px calc(4.555 / 430 * 100vw);
    gap: 3.644px;
    display: flex;
    flex-direction: column;
}

.footer-pages {
    width: auto;
}

.footer-pages-2 {
    margin-top: 7%;
}

.footer-link {
    width: 100%;
    height: auto;
    margin: 10%;
}

.footer-link > a {
    font-size: clamp(12px,2.56vw,50px);
}

.footer-link-2 {
    top: 0;
    gap: calc(4.55 / 430 * 100vw);
}

.footer-vector {
    width: 1.2vw;
    height: auto;
}

.footer-text-wrapper-2 {
    color: #FFF;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(10.931 / 430 * 585px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
}

.footer-social-mob {
    position: unset;
    gap: 18.23px;
    flex-direction: column;
    height: fit-content;
    margin-top: 4%;
}

.footer-social-mob span {
    display: flex;
    position: relative;
    z-index: 2;
    width: 100%;
    height: auto;
    margin: 12% 0;
    gap: 4%;
}

.footer-text-wrapper-3 {
    z-index: 1;
    color: #FFF;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.footer-text-wrapper-3 span {
    position: relative;
    z-index: 1;
}

.footer-social-media {
    width: calc(35.22 / 430 * 100vw);
    height: auto;
}

.footer-btn-a {
    position: relative;
    left: unset;
    border-radius: 7.688px;
    box-shadow: 0px 1.025px 17.427px 3.075px rgba(31, 66, 131, 0.17);
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(12.814 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.513 / 430 * 100vw);
    z-index: 2;
    padding: 6% 17%;
    margin-top: 3%;
}

.footer-p {
    position: unset;
    color: #FFF;
    font-family: Gordita;
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.56 / 430 * 100vw);
    opacity: 0.7;
    margin-top: 10%;
}

.footer-fondo-bokeh-azul {
    border-radius: 30px 30px 0 0;
}

.footer-overlap {
    height: auto;
    border-radius: 30px 30px 0 0;
    padding: 10% 0 15% 0;
}

.footer-glass {
    border-radius: 30px 30px 0 0;
    top: 0;
}
/* footer End */

/* Home End*/

/* Services */
.services-open {
    padding-top: 27%;
}

.services-div {
    height: auto;
}

.services-the-right-plan-for {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.services-text-wrapper {
    color: #152D5A;
    text-align: center;
    font-family: Gordita;
    font-size: calc(50 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-2 / 430 * 100vw);
}

.services-text-wrapper-3 {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(50 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-2 / 430 * 100vw);
}

.services-cards-starter {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 34px;
    margin: 15% 0 15% 0;
    height: auto;
}

.services-starter {
    width: calc(384 / 430 * 100vw);
    height: 1500px;
    border-radius: 26.482px;
    border: 0.883px solid #C1C0CE;
}

.services-frame {
    width: calc(142.27 / 430 * 100vw);
    height: auto;
    border-radius: 0px 0px 0px 12.245px;
}

.services-most-popular {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(14.106 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.564 / 430 * 100vw);
    text-transform: uppercase;
}

.services-starter-2 {
    width: calc(384 / 430 * 100vw);
    height: 1500px;
    border-radius: 26.482px;
    border: 0.883px solid;
}

.services-starter-3 {
    width: calc(384 / 430 * 100vw);
    height: 1500px;
    border-radius: 26.482px;
    border: 0.883px solid #C1C0CE;
}

.services-starter-4 {
    width: calc(384 / 430 * 100vw);
    height: 741px;
    border-radius: 26.482px;
    border: 0.883px solid #C1C0CE;
    top: 2615px;
    left: calc(23 / 430 * 100vw);
}

.services-button {
    cursor: pointer;
    width: calc(281.31 / 430 * 100vw);
    height: auto;
    border-radius: 13.04px;
    padding: 3% calc(37.378 / 430 * 100vw);
    gap: calc(8.69 / 430 * 100vw);
}

.services-get-started-today-2 {
    color: #FFF;
    text-align: right;
    font-family: Gordita;
    font-size: calc(17.385 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.695 / 430 * 100vw);
}

.services-img-2 {
    width: calc(20.862 / 430 * 100vw);
    height: 20.862px;
}

.services-svg-2 {
    width: calc(20.862 / 430 * 100vw);
    height: 20.862px;
}

.services-title-2 {
    margin: 15% 0;
    gap: 26px;
}

.services-text-wrapper-25 {
    color: #152D5A;
    text-align: center;
    font-family: Gordita;
    font-size: calc(50 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: calc(-1 / 430 * 100vw);
}

.services-text-wrapper-26 {
    color: #707C93;
    text-align: center;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.48 / 430 * 100vw);
}

.services-card {
    display: none;
}

.services-comparison {
    display: none;
}

.services-title {
    left: calc(51.55 / 430 * 100vw);
    gap: 16.77px;
}

.services-text-wrapper-12 {
    color: #B7C3E0;
    font-family: Gordita;
    font-size: calc(28.248 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.services-text-wrapper-13 {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(19.42 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.services-price-and-btn {
    left: calc(49 / 430 * 100vw);
    gap: 40.61px;
}

.services-price {
    gap: calc(15.89 / 430 * 100vw);
}

.services-text-wrapper-14 {
    color: #000;
    font-family: Gordita;
    font-size: calc(44.137 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.services-text-wrapper-15 {
    color: #707C93;
    font-family: Gordita;
    font-size: calc(17.655 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.services-btn {
    border-radius: 13.241px;
    box-shadow: 0px 1.765px 30.013px 5.296px rgba(31, 66, 131, 0.17);
    width: calc(167.92 / 430 * 100vw);
}

.services-price-and-btn-2{
    left: calc(49 / 430 * 100vw);
    gap: 40.61px;
    top: 192.98px;
}

.compare-all-plans-text {
    color: #1F4283;
    text-align: left;
    font-family: Gordita;
    font-size: calc(25 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-0.5 / 430 * 100vw);
    width: calc(378 / 430* 100vw);
    
}

.services-comparison-mquery {
    margin-top: 8%;
}

.comparison-mquery-comparison {
    display: flex;
    flex-direction: column;
    width: calc(370 / 430 * 100vw);
    align-items: flex-start;
    justify-content: center;
    gap: 30px;
    position: relative;
}

.comparison-mquery-text-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--paragraph-gray);
    font-size: calc(16 / 430 * 100vw);
    letter-spacing: calc(-0.32 / 430 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.comparison-mquery-row {
    display: flex;
    gap: calc(82 / 430 * 100vw);
    align-self: stretch;
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
}

.comparison-mquery-starter {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 27px;
    position: relative;
    flex: 0 0 auto;
}

.comparison-mquery-check {
    position: relative;
    width: calc(30.47 / 430 * 100vw);
    height: calc(30.47 / 430 * 100vw);
}

.comparison-mquery-div {
    position: relative;
    width: fit-content;
    font-family: "Gordita-Medium", Helvetica;
    font-weight: 500;
    color: var(--alternative-blue);
    font-size: calc(16 / 430 * 100vw);
    letter-spacing: calc(-0.32 / 430 * 100vw);
    line-height: normal;
    white-space: nowrap;
}

.comparison-mquery-div-2 {
    display: inline-flex;
    flex-direction: column;
    gap: 27px;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 0 0 auto;
}

.line-comparison-mquery-comparison {
    width: calc(378 / 430 * 100vw);
    height: 0.869px;
    background-color: #D6D4EB;
    margin: 48px 0;
}

#services-btn1 {
    padding: 15.889px calc(37.958 / 430 * 100vw);
    border-radius: 13.241px;
    box-shadow: 0px 1.765px 30.013px 5.296px rgba(31, 66, 131, 0.17);
    width: calc(225.76 / 430 * 100vw);
    height: 50.29px;
}

.services-get-started-today {
    color: #FFF;
    text-align: right;
    font-family: Gordita;
    font-size: calc(17.655 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.706 / 430 * 100vw);
}

.services-line {
    width: calc(359.274 / 430 * 100vw);
    left: calc(12.8 / 430 * 100vw);
    background-color: #D6D4EB;
}

.services-line-2 {
    width: calc(359.274 / 430 * 100vw);
    left: calc(12.8 / 430 * 100vw);
    background-color: #D6D4EB;
}

.services-div-2 {
    left: calc(59.59 / 430 * 100vw);
    gap: 22.95px;
    width: auto;
}

.services-div-3 {
    width: auto;
    left: calc(59.59 / 430 * 100vw);
}

.services-div-5 {
    width: auto;
    left: calc(59.59 / 430 * 100vw);
}

.services-exclusive-one-on-one-2 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(20.847 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.834 / 430 * 100vw);
}

.services-text-wrapper-24 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(21.186 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.847 / 430 * 100vw);
}

.services-pattern-icon {
    width: calc(22.95 / 430 * 100vw);
    height: auto;
    object-fit: contain;
}

.services-text-wrapper-16 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(21.186 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.847 / 430 * 100vw);
}
/* Services End */

/* Our blog */
.our-blog {
    padding-top: 27%;
}

.our-blog-div {
    padding-bottom: 15%;
}

.our-blog-cta {
    width: 88%;
    height: auto;
    border-radius: 16.022px;
    min-height: unset;
}

.our-blog-overlap {
    display: none;
}

.our-blog-frame {
    width: 88%;
    justify-content: space-between;
}

.our-blog-tab {
    padding: 2.5%;
    border-radius: 13.07px;
}

.our-blog-text-wrapper-4 {
    color: #1F4283;
    text-align: right;
    font-family: Gordita;
    font-size: calc(15.688 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.628 / 430 * 100vw);
}

.our-blog-tab-2 {
    padding: 2.5%;
    border-radius: 13.07px;
}

.our-blog-text-wrapper-5 {
    color: #707C93;
    text-align: right;
    font-family: Gordita;
    font-size: calc(15.688 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.628 / 430 * 100vw);
}

.our-blog-row {
    display: flex;
    flex-direction: column;
    width: 88%;
    gap: 25.65px;
}

.our-blog-post-card {
    padding: 4% 0;
    width: calc(378 / 430 * 100vw);
    height: auto;
    border-radius: 12.15px;
    gap: 29.03px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.our-blog-rectangle {
    width: calc(359.165 / 430 * 100vw);
    height: auto;
    border-radius: 20.254px;
}

.our-blog-content-2 {
    padding: 0;
    gap: 16.2px;
}

.our-blog-text-wrapper-6 {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(16.203 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: calc(345 / 430 * 100vw);
}

.our-blog-the-benefits-of {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(16.203 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: auto;
}

.our-blog-div-wrapper {
    width: calc(77.5 / 430 * 100vw);
    border-radius: 4.05px;
}

.our-blog-text-wrapper {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(10.802 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.our-blog-text-wrapper-2 {
    color: #707C93;
    font-family: "PP Neue Montreal";
    font-size: clamp(8px,3vw,40px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: calc(344.987 / 430 * 100vw);
}

.our-blog-button {
    width: calc(345 / 430 * 100vw);
    border-radius: 10.13px;
}

.our-blog-get-started-today {
    color: #FFF;
    text-align: right;
    font-family: Gordita;
    font-size: calc(13.502 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.54 / 430 * 100vw);
}
/* Our blog End */

/* Blog single page */
.blog-single {
    padding-top: 27%;
}

.blog-single-div {
    height: auto;
}

.blog-single-overlap {
    width: 87.91%;
    height: auto;
    min-height: unset;
}

.blog-single-overlap > img {
    height: auto;
}

.title-blog-single {
    flex-direction: column;
}

.title-blog-detail {
    margin-top: 2%;
    width: 100%;
    flex-direction: row-reverse;
    align-items: center;
}

.blog-single-text-wrapper-4 {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    width: auto;
    line-height: normal;
}

.blog-single-vector {
    width: calc(353 / 430 * 100vw);
    background-color: #FFF;
    bottom: 40%;
}

.blog-content-container {
    width: 87.91%;
}

.blog-single-chip-2 {
    margin: 0;
    gap: calc(9.04 / 430 * 100vw);
    justify-content: flex-start;
}

.blog-single-date {
    padding: 2%;
    width: calc(64.86 / 430 * 100vw);
    border-radius: 41.09px;
}

.blog-single-text-wrapper-5 {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(9.474 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.blog-single-author {
    top: 244px;
    left: calc(252.89 / 430 * 100vw);
    gap: calc(7.4 / 430 * 100vw);
}

.blog-single-image {
    width: calc(26.71 / 430 * 100vw);
    height: auto;
}

.blog-single-dr-amet-ariat {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(11.843 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.blog-single-text-wrapper-12 {
    display: none;
}

.blog-single-clear-aligners-and {
    width: calc(378 / 430 * 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    margin: 0 0 10% 0;
}

.blog-single-text-wrapper-27 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-here-is-a-quick {
    width: calc(378 / 430 * 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    margin: 5% 0 10% 0;
}

.blog-single-text-wrapper-13 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-people-are {
    width: calc(378 / 430 * 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    margin: 5% 0 10% 0;
}

.blog-single-text-wrapper-14 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-22 {
    top: 1851px;
    left: calc(24 / 430 * 100vw);
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(20 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    margin-top: 5%;
}

.blog-single-brackets-brackets {
    width: calc(378 / 430 * 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    margin: 5% 0 10% 0;
}

.blog-single-text-wrapper-23 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(20 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-pressure-and-tension {
    width: calc(378 / 430 * 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    margin: 5% 0 10% 0;
}

.blog-single-challenges {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-physical-discomfort {
    margin: 5% 0 10% 0;
    width: calc(378 / 430 * 100vw);
    line-height: normal;
}

.blog-single-span {
    color: #152D5A;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-10 {
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-24 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-a-modern-alternative {
    margin: 5% 0 10% 0;
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-25 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-customized-design {
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    margin: 5% 0 10% 0;
}

.blog-single-text-wrapper-17 {
    font-size: calc(18 / 430 * 100vw);
}

.blog-single-text-wrapper-26 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-clear-aligners-are {
    margin: 5% 0 10% 0;
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-15 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-clear-aligners {
    margin: 5% 0 10% 0;
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-16 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-aesthetic-advantages {
    margin: 5% 0 10% 0;
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-effectiveness-of {
    margin: 5% 0 10% 0;
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-18 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-misconceptions-about {
    margin: 5% 0 10% 0;
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-consultation {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-19 {
    margin-top: 5%;
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-professional {
    margin: 5% 0 10% 0;
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-20 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    width: auto;
}

.blog-single-visibility-and {
    margin: 5% 0 10% 0;
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper-21 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(24 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    width: calc(380 / 430 * 100vw);
    line-height: normal;
}

.blog-single-ultimately-you {
    width: calc(378 / 430* 100vw);
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
}

.blog-single-text-wrapper {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(22 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.88 / 430 * 100vw);
}

.blog-single-row {
    width: 87.91%;
    display: flex;
    flex-direction: column;
    gap: 39px;
}

.blog-single-post-card-container {
    display: flex;
    flex-direction: column;
    gap: 26.5px;
}

.blog-single-post-card {
    padding: 4% 0;
    width: calc(378 / 430 * 100vw);
    height: auto;
    border-radius: 12.15px;
    gap: 29.03px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.blog-single-rectangle {
    width: calc(359.165 / 430 * 100vw);
    height: auto;
    border-radius: 20.254px;
}

.blog-single-content {
    width: calc(345 / 430 * 100vw);
    padding: 0;
    gap: 16.2px;
}

.blog-single-p {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(16.203 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: auto;
}

.blog-single-div-wrapper {
    border-radius: 4.051px;
    width: calc(77.5 / 430 * 100vw);
}

.blog-single-text-wrapper-2 {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(10.802 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.blog-single-text-wrapper-3 {
    color:  #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: clamp(8px, 3vw, 40px);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: auto;
}

.blog-single-btn {
    width: calc(345 / 430 * 100vw);
    border-radius: 10.13px;
}

.blog-single-get-started-today {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(13.502 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.54 / 430 * 100vw);
}

.blog-single-the-benefits-of {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(16.203 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: auto;
}

#table-of-contents {
    display: none;
}
/* Blog single page End */

/* Contact us */
.contact-us {
    padding: 27% 0 7% 0;
}

.contact-us-div {
    height: auto;
}

.contact-us-content {
    width: 87.9%;
    height: auto;
    border-radius: 13.508px;
}

.contact-title {
    width: 90%;
}

.contact-us-let-s-get-in-touch {
    width: auto;
    color: #FFF;
    font-family: Gordita;
    font-size: calc(67.541 / 430 * 100vw);
    font-style: normal;
    font-weight: 300;
    line-height: 111%;
    display: flex;
    flex-direction: column;
    
}

.contact-us-p {
    color: #FFF;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    width: auto;
}

.contact-us-fields {
    margin-top: 10%;
    gap: 23.92px;
    width: 90%;
}

.contact-us-overlap {
    flex-direction: column;
    padding: 20% 0 8% 0;
}

.contact-us-rectangle {
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 13.508px;
}

.contact-us-field {
    gap: 9px;
}

.contact-us-text-wrapper-2 {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.56 / 430 * 100vw);
}

.contact-us-input {
    width: 100%;
    border-radius: 6.754px;
    font-size: clamp(10px,3.26vw,40px);
}

.contact-us-field-3 {
    gap: 9px;
}

.contact-us-field-4 {
    font-size: clamp(10px,3.26vw,40px);
    width: 100%;
    border-radius: 6.754px;
    min-height: 100px;
}

.contact-us-btn {
    border-radius: 10.127px;
    box-shadow: 0px calc(1.35 / 430 * 100vw) 22.954px calc(4.051 / 430 * 100vw) rgba(31, 66, 131, 0.17);
}

.contact-us-get-started-today {
    color: #1F4283;
    text-align: right;
    font-family: Gordita;
    font-size: calc(13.502 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.54 / 430 * 100vw);
}

.contact-us-fields-2 {
    gap: 17px;
}
/* Contact us End */

/* About us */

.about-us {
    padding-top: 27%;
}

.about-us-hero-about-us {
    width: 86.75%;
    border-radius: 15px;
    box-shadow: 0px calc(0.862 / 430 * 100vw) 5.391px calc(1.294 / 430 * 100vw) rgba(31, 66, 131, 0.25);
}

.about-us-content {
    border-radius: 15px;
}

.about-us-vector {
    width: calc(81.892 / 430 * 100vw);
}

.about-us-frame {
    width: calc(378 / 430 * 100vw);
    height: auto;
    min-height: unset;
    border-radius: 15px;
    flex-direction: column;
    align-items: center;
    padding: 5% 0 10% 0;
}

.about-us-img-ceo {
    width: 100%;
    justify-content: center;
}

.about-us-pattern-icon {
    display: none;
}

.about-us-content-ceo {
    width: 91%;
}

.about-us-dr-amer-ariat {
    width: 100%;
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(40 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: auto;
    margin: 5% 0;
}

.about-us-founder-CEO-of {
    width: 100%;
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(20 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.about-us-driven-by-a-dentist {
    width: 100%;
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(18 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
}

.about-us-element-copy {
    width: 91%;
    border-radius: 15px;
}

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

.about-us-challenge-img {
    width: 100%;
    justify-content: flex-end;
}

.about-us-ortodoncista-mquery {
    display: block;
    width: 93.95%;
    border-radius: 30px 0 0 30px;
    object-fit: contain;
}

.about-us-challenge {
    width: 91%;
}

.about-us-the-challengue-we {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(36 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-1.44 / 430 * 100vw);
    width: auto;
}

.about-us-overlap {
    min-height: unset;
    margin: 10% 0;
}

.about-us-span {
    display: none;
}

.about-us-text-wrapper-2 {
    color: #152D5A;
    font-family: Gordita;
    font-size: calc(36 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(-1.44 / 430 * 100vw);
}

.about-us-text-wrapper-3 {
    width: 91%;
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(20 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 126%;
    margin: 5% 0 8% 0;
}

.about-us-faced-with-the {
    color: #707C93;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(17 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    width: 91%;
}

.about-us-frame-2 {
    flex-direction: column-reverse;
    align-items: center;
}

.about-us-vision {
    height: auto;
    min-height: unset;
}

.about-us-overlap-2 {
    width: 100%;
    display: flex;
    justify-content: center;
}

.about-us-fondo-bokeh-azul {
    width: 100%;
    border-radius: 21.346px;
}

.about-us-solid-blue-bg {
    position: relative;
    width: 87.91%;
    border-radius: 21.346px;
    flex-direction: column-reverse;
    padding: 10% 0 7% 0;
}

.about-us-pattern-icon-2 {
    top: 0%;
    right: 8%;
    width: 20%;
    height: auto;
}

.join-our-content {
    width: 100%;
}

.about-us-join-our-community {

    color: #FFF;
    font-family: Gordita;
    font-size: calc(50 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: calc(-2 / 430 * 100vw);
}

.about-us-text-wrapper-2-2-2 {
    color: #FFF;
    font-family: Gordita;
    font-size: calc(50 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: calc(-2 / 430 * 100vw);
}

.about-us-text-wrapper-6 {
    color: #94ACE8;
    font-family: Gordita;
    font-size: calc(22 / 430 * 100vw);
    font-style: normal;
    font-weight: 700;
    line-height: 126%;
}

.about-us-be-part-of-the {
    color: #FFF;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
}

.about-us-btn {
    border-radius: 9.148px;
    margin: 8% 0 10% 0;
}

.about-us-btn > button {
    border-radius: 9.5px;
    color: #152D5A;
    text-align: right;
    font-family: Gordita;
    font-size: calc(12.198 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.488 / 430 * 100vw);
}

.join-our-img {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
}

.about-us-filip-rankovic {
    border-radius: 18.297px;
    width: 83.5%;
}
/* About us End */

/* Case studies */
.case-studies {
    height: 750px;
}

.case-studies-text-wrapper {
    position: absolute;
    top: 70px;
    left: calc(73 / 430 * 100vw);
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(50 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-2 / 430 * 100vw);
}

.case-studies-div {
    position: absolute;
    top: 152px;
    left: calc(30 / 430 * 100vw);
    color:#707C93;
    text-align: center;
    font-family: "PP Neue Montreal";
    font-size: calc(16 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    width: calc(370 / 430 * 100vw);
}

.case-studies-frame {
    width: auto;
    left: 0;
    top: 261px;
}

.case-studies-DSC {
    width: calc(242.286 / 430 * 100vw);
    height: 333.899px;
    top: 45.32px;
    left: calc(93.86 / 430 * 100vw);
    border-radius: 13.951px;
    object-fit: contain;
    background-image: url("/static/media/icons/content-home/DSC_3163-2-1-23.a2f500ec49e2.png");
    background-repeat: no-repeat;
}

.case-studies-time {
    display: none;
}

.before-text {
    display: none;
}

.after-text {
    display: none;
}

.scroll-text {
    display: none;
}

.procedural-video {
    display: none;
}

.case-studies-bar-case-studies {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: row;
    width: auto;
    height: auto;
    opacity: 0;
}

.title-treatment-plan-mquery-case {
    position: absolute;
    top: 395px;
    left: calc(87 / 430 * 100vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(256 / 430 * 100vw);
    padding: 21.396px calc(17.651 / 430 * 100vw) 17.651px;
    gap: 20.06px;
    opacity: 0;
}
.title-treatment-plan-mquery-case h3 {
    color: #1F4283;
    font-family: Gordita;
    font-size: calc(23.535 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(-0.941 / 430 * 100vw);
}
.title-treatment-plan-mquery-case p {
    color: #707C93;
    text-align: center;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(13.907 / 430 * 100vw);
    font-style: normal;
    font-weight: 500;
    line-height: 126%;
}

.case-studies-bar-overlap {
    top: 631.58px;
    left: calc(10 / 430 * 100vw);
    height: auto;
    width: auto;
}

.case-studies-bar-case-study-2 {
    top: 631.58px;
    left: calc(154 / 430 * 100vw);
    height: auto;
    width: auto;
    gap: 4px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.case-studies-bar-case-study-3 {
    top: 631.58px;
    left: calc(300 / 430 * 100vw);
    height: auto;
    width: auto;
    gap: 4px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.case-studies-bar-case-study {
    gap: 4px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.case-studies-bar-div {
    color: #1F4283;
    text-align: center;
    font-family: Gordita;
    font-size: calc(14 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: calc(-0.56 / 430 * 100vw);
}

.case-studies-bar-p {
    color: #707C93;
    text-align: center;
    font-family: var(--paragraph-24px-book-font-family);
    font-size: calc(10 / 430 * 100vw);
    font-style: normal;
    font-weight: 400;
    line-height: 126%;
    width: calc(103 / 430 * 100vw);
}

.case-studies-bar-overlap-group {
    top: 560px;
    left: calc(45 / 430 * 100vw);
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.case-studies-bar-line {
    width: calc(92 / 430 * 100vw);
    height: 3px;
    top: 0;
    left: calc(16 / 430 * 100vw);
    position: relative;
}

.case-studies-bar-img {
    position: absolute;
    width: calc(5 / 430 * 100vw);
    height: 3px;
    top: 9px;
    left: calc(36.9 / 430 * 100vw);
}

.case-studies-bar-element {
    width: calc(20.9 / 430 * 100vw);
    height: calc(20.9 / 430 * 100vw);
}

.case-studies-bar-text-wrapper-3 {
    color: #FFF;
    text-align: center;
    font-family: Gordita;
    font-size: calc(9.9 / 430 * 100vw);
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    letter-spacing: calc(-0.396 / 430 * 100vw);
}

.case-studies-bar-line-2 {
    position: relative;
    top: 570.45px;
    left: calc(217.9 / 430 * 100vw);
    width: calc(92 / 430 * 100vw);
    height: 3px;
}

.case-studies-bar-img-2 {
    position: absolute;
    top: 570.45px;
    left: calc(217.9 / 430 * 100vw);
    width: calc(0 / 430 * 100vw);
    height: 3px;
}

.case-studies-bar-element-2 {
    top: 565.45px;
    left: calc(189.9 / 430 * 100vw);
    width: calc(12 / 430 * 100vw);
    height: calc(12 / 430 * 100vw);
}

.case-studies-bar-element-3 {
    top: 565.45px;
    left: calc(335 / 430 * 100vw);
    width: calc(12 / 430 * 100vw);
    height: calc(12 / 430 * 100vw);
}

.btn-mquery-case-studies-img {
    display: none;
    position: absolute;
    top: 240px;
    left: calc(135 / 430 * 100vw);
    gap: calc(5.025 / 430 * 100vw);
    z-index: 5;
}

.btn-mquery-case-studies-img button {
    width: calc(50 / 430 * 100vw);
    height: 50px;
    background-color: rgba(255, 255, 255, 0.10);
    border: 1px solid #FFF;
    backdrop-filter: blur(5px);
    background-color: transparent;
    border-radius: 12.5px;
    cursor: pointer;
}

.btn-mquery-case-studies-img svg {
    width: calc(10 / 430 * 100vw);
    height: 18px;
}

.case-studies-DSC-2 {
    opacity: 0;
    scale: 0;
    position: relative;
}

.case-studies-DSC-4 {
    opacity: 0;
    scale: 0;
}

.case-studies-DSC-5 {
    opacity: 0;
    scale: 0;
}
.case-studies-DSC-6 {
    opacity: 0;
    scale: 0;
}
.case-studies-DSC-7 {
    opacity: 0;
    scale: 0;
}
.case-studies-DSC-8 {
    opacity: 0;
    scale: 0;
}
.case-studies-DSC-9 {
    opacity: 0;
    scale: 0;
}
.case-studies-DSC-10 {
    opacity: 0;
    scale: 0;
}
.case-studies-DSC-11 {
    opacity: 0;
    scale: 0;
}
/* Case studies End */
}

@media  screen and (max-width: 768px){
    .services-starter {
        height: 1200px;
    }

    .services-starter-2 {
        height: 1200px;
    }

    .services-starter-3 {
        height: 1200px;
    }
}

@media  screen and (max-width: 479px){
    .services-starter {
        height: 850px;
    }

    .services-starter-2 {
        height: 850px;
    }

    .services-starter-3 {
        height: 850px;
    }
}