/* Minification failed. Returning unminified contents.
(29,115): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
(31,9): run-time error CSS1030: Expected identifier, found '>'
(31,18): run-time error CSS1031: Expected selector, found ')'
(31,18): run-time error CSS1025: Expected comma or open brace, found ')'
(50,9): run-time error CSS1030: Expected identifier, found '#map'
(50,13): run-time error CSS1031: Expected selector, found ')'
(50,13): run-time error CSS1025: Expected comma or open brace, found ')'
(394,47): run-time error CSS1030: Expected identifier, found ','
(394,58): run-time error CSS1031: Expected selector, found ')'
(394,58): run-time error CSS1025: Expected comma or open brace, found ')'
(425,119): run-time error CSS1039: Token not allowed after unary operator: '-fa-font-solid'
 */
html { scroll-behavior: smooth; font-size: 16px; }

body { /*font-size: 1.25rem;*/ color: #000; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; overflow-x: hidden; max-width: 100vw; }

ul.bulleted { list-style: initial; padding-inline-start: 2.5rem; display: flex; flex-direction: column; grid-gap: 0.5rem; margin-top: 0.5rem; margin-bottom: 0.5rem; }

.grow-hov { cursor: pointer; }

.py-025 { padding-top: 0.252rem; padding-bottom: 0.25rem; }

.crossed { text-decoration: line-through; }

#map iframe { width: 100%; }

.label-img { transform: rotate(-6deg); z-index: 10; }

.nav-label { transform: rotate(10deg); margin-left: -29px; margin-top: 20px; z-index: revert-layer; padding: 10px; box-shadow: 5px 5px 13px 0px #00000080; }


img { max-width: 100%; height: auto; }

.two-sec-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; }

h1, h2, h3, ul { margin: 0; padding: 0; }
ul { list-style: none; }

.reasons li { display: flex; align-items: center; grid-gap: 1rem; }

.reasons li:before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f00c"; font-size: 1.8rem; color: #57E369; }

div:has(>.rad-b-3) { padding-bottom: 1.25rem; }

.rad-b-3 { box-shadow: 0 5px 5px 0px #d9d9d95e; border-radius: 0 0 3rem 3rem; }

.two-sec-grid img { height: auto; max-width: 100%; }

.rad-b-3.no-shad { box-shadow: none !important; }

.pink-ul { list-style: initial; padding-inline-start: 2.5rem; }

.pink-ul ::marker { color: #E283A8; }

.rad-t-3 { border-radius: 3rem 3rem 0 0; }

.no-marg { margin: 0 !important; }
.no-padd { padding: 0 !important; }

.sec-by { font-size: 0.7rem; position: absolute; top: 0; left: 0; white-space: nowrap; transform: translateY(-60%); }

div:has(#map) .whi-bg:nth-child(2) { position: relative; z-index: 9; }

.small-divider { width: 100px; height: 2px; background-color: #fff; }

.img-bx { display: flex; justify-content: center; }

.letter-xs { letter-spacing: -1px; }
/*TEXT COLOURS*/
.pink-txt { color: #E283A8; }
.lblue-txt { color: #5FC4E5; }
.whi-txt { color: #fff; }
.lilac-txt { color: #5F90E5; }
.lpink-txt { color: #E283C5; }
.dpink-txt { color: #E38AAD; }
.salmon-txt { color: #FCF2F6; }
.grey-txt { color: #686868; }
.lgrey-txt { color: #858585; }
.grey-txt { color: #686868; }
.black-txt { color: #000; }


/*BG COLOURS*/
.whi-bg { background-color: #fff; }
.pink-bg { background-color: #E283A8; }
.lblue-bg { background-color: #5FC4E5; }
.paleblue-bg { background-color: #EEFBFF; }
.lilac-bg { background-color: #5F90E5; }
.lpink-bg { background-color: #E283C5; }
.salmon-bg { background-color: #FCF2F6; }
.bblue-bg { background-color: #dff3fa; }
.yellow-bg { background-color: #ffeb37; }
.purple-bg { background-color: #a64ea7; }
.dpink-bg { background-color: #E79DBA; }

/*BORDERS*/
.bord { border-style: solid; border-width: 3px; }
.bord.b-sm { border-width: 1px; }
.bord.b-md { border-width: 2px; }
.bord.lblue { border-color: #5FC4E5; }
.bord.pink { border-color: #E283A8; }
.bord.whi { border-color: #fff; }
.bord.lilac { border-color: #5F90E5; }
.bord.lpink { border-color: #E283C5; }
.bord.salmon { border-color: #FCF2F6; }
.bord.grey { border-color: #686868; }
.bord.lgrey { border-color: #858585; }
a { text-decoration: none; color: inherit; }


.fb-msg { position: fixed; left: calc(100vw - 100px); bottom: 50px; z-index: 99; width: 280px; z-index: 99999; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.fb-msg .icon { background-color: #fff; border-radius: 100%; border: 1px solid #E283A8; aspect-ratio: 1; width: 70px; display: flex; justify-content: center; align-items: center; }
.fb-msg.home-fb { bottom: 5px; }
.fb-msg i { color: #E283A8; font-size: 2.5rem; cursor: pointer; }
.fb-msg.closed .fb-page { display: none; }
.fb-msg.open { top: 10%; left: calc(100vw - 320px); }
.fb-msg.open .fb-page { display: block; clear: both; }
.fb-msg.closed { width: auto; }
.y-divider { background-color: #ccc; width: 2px; height: 1rem; }

.card { position: relative; background-color: #fff; border-radius: 10px; }
.card .card-head { position: absolute; top: 0; left: 0; width: 100%; border-radius: 10px 10px 0px 0px; padding: 10px 50px; font-weight: 600; }
.card .inner { padding: 85px 50px 50px 50px; }
.card .card-title { }
.card .card-content { }

/* ULTRASOUND STORY */
.ultrasound-story { overflow: hidden; }
.ultrasound-story div.poppins { font-size: 1.2rem; }
.ultrasound-story .prompt { background: #fff; box-shadow: 0px 3px 6px #00000029; border-radius: 50%; width: 230px; height: 230px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; bottom: 3%; text-align: center; font-weight: 500; padding: 32px; line-height: 37px; }
.ultrasound-story .prompt i { padding-top: 10px; }

.ultrasound-story .content-section { padding-top: 130px; padding-bottom: 130px; }

.ultrasound-story img.sixteen-weeks { position: absolute; bottom: 0; right: 14%; }
.ultrasound-story img.arrow-left-7 { position: absolute; z-index: 1; bottom: -73.5%; left: -10%; transform: scale(0.7); }
.ultrasound-story img.arrow-left-16 { position: absolute; z-index: 1; bottom: -65%; left: 36%; transform: scale(0.8) rotateY(140deg); }
.ultrasound-story img.arrow-left-24 { position: absolute; z-index: 1; bottom: -86.5%; left: -5%; transform: scale(0.85) }

.ultrasound-story div.contact { font-size: 1.875rem; padding: 25px; }
.ultrasound-story .offer-section { padding: 60px 20px; }
.ultrasound-story .offer-section h3 { font-size: 2.125rem; }
.ultrasound-story .offer-section .last-img { justify-content: center; }
.ultrasound-story .offer-section .last-img img { height: fit-content; }

table.table--discount-codes,
.ultrasound-story div.reminder,
.ultrasound-story div.contact-txt { font-size: 1.125rem; }
table.table--discount-codes thead { color: #fff; background-color: #5FC4E5; }

table.table--discount-codes thead tr td,
table.table--discount-codes tbody tr td { padding: 5px 15px; }

table.table--discount-codes thead tr td { font-weight: 600; padding: 5px 50px 5px 15px; }
table.table--discount-codes tbody tr td { font-weight: 500; }
table.table--discount-codes tbody tr td a { text-decoration: underline; }
table.table--discount-codes tbody tr:nth-of-type(odd) { background-color: #FFFFFF; }
table.table--discount-codes tbody tr:nth-of-type(even) { background-color: #EEFBFF; }

div.special-offer-banner { padding: 0 150px; }
div.special-offer { position: relative; border: 2px solid #5FC4E5; border-radius: 5px; }
div.special-offer:hover { transform: translateY(-20px) scaleX(0.95); border-radius: 0.3rem; position: relative; z-index: 99; box-shadow: 0 5px 8px 6px #0000006e; }
.special-offer img.offer-img { position: absolute; left: -3.5%; top: -22%; }
div.special-offer > div { padding: 16px 0; }
div.special-offer > div.head-sec .text.main { font-size: 1.9375rem; font-weight: 500; }
div.special-offer > div.head-sec .text.sub { font-size: 1.4375rem; }
div.special-offer > div.body-sec { padding-left: 50px; }
div.special-offer > div.body-sec ul { list-style: disc; font-size: 1.125rem; }

div.section.feat-story { border: 3px solid #5FC4E5; border-radius: 9px; padding: 30px; box-shadow: 0px 2px 10px #00000026; margin: 15px 15px 50px 15px; }
div.section.feat-story h3 { font-size: 2.6875rem; margin-bottom: 0.5rem; }
div.section.feat-story img.desktop-img { max-width: 330px; }
div.section.feat-story .text { font-size: 1.25rem; }
div.section.feat-story span { font-size: 1.375rem; font-weight: 500; font-family: 'Fredoka', sans-serif; }
div.section.feat-story > div:nth-of-type(2) { display: flex; flex-direction: column; justify-content: center; gap: 10px; }

.parent-link:hover .dropdown.scans .special-offer-banner { margin-top: -30px; }

div.our-experience { height: 130px; border: 3px solid #5FC4E5; border-radius: 65px; font-size: 1.5rem; max-width: 620px; }
div.our-experience .img-sec { display: flex; align-items: center; }
div.our-experience .img-sec img { width: 113px; height: 113px; aspect-ratio: 130/130; transform: translateX(-8px); }
div.our-experience .content-sec a { text-decoration: underline; }
div.our-experience .content-sec a:hover { background: unset; }
div.our-experience .content-sec .text { font-weight: 500; }


/* SCANS THROUGHOUT PREGNANCY */

.scans-throughout-pregnancy { overflow: hidden; }
.scans-throughout-pregnancy div.poppins { font-size: 1.2rem; }
.scans-throughout-pregnancy .content-section { padding-top: 60px; padding-bottom: 60px; }
.scans-throughout-pregnancy .card.pink-bord { border: 3px solid #E38AAD; border-radius: 10px; }
.scans-throughout-pregnancy .card.blue-bord { border: 3px solid #5FC4E5; border-radius: 10px; }


@media screen and (min-width: 1230px) {
    .scans-throughout-pregnancy .mob-img { display: none; }
    .scans-throughout-pregnancy .two-sec-grid { gap: unset; grid-template-columns: 2fr 2.225fr; }
    .scans-throughout-pregnancy .card { padding: 80px 70px; gap: 15px; justify-content: center; max-height: 425px; }
    .scans-throughout-pregnancy .card .section { align-items: center; }
    .scans-throughout-pregnancy .preg-banner { font-size: 2.125rem; }

    .scans-throughout-pregnancy .card .arrow-mob { display: none; }
    .scans-throughout-pregnancy .card .withimage { position: relative; }
    .scans-throughout-pregnancy .card .withimage img { width: min(30vw, 483px); max-width: unset; position: unset; }

    .scans-throughout-pregnancy .card .arrow { position: absolute; z-index: 5; }
    .scans-throughout-pregnancy .arrow-mob { display: none; }

    .scans-throughout-pregnancy .card .title { font-size: 1.75rem; font-weight: 500; }
    .scans-throughout-pregnancy .card .sub { font-size: 1.5rem; font-weight: 500; }
    .scans-throughout-pregnancy .card .info { font-size: 1.25rem; }

    .scans-throughout-pregnancy .content-section.growth-wellbeing { padding-bottom: 70px; }
    .scans-throughout-pregnancy .content-section.growth-wellbeing .card { height: 425px; }
    .scans-throughout-pregnancy .content-section.growth-wellbeing .card .arrow { left: -10.5%; bottom: -100%; }
    .scans-throughout-pregnancy .content-section.growth-wellbeing .card .withimage img { right: -85%; top: -65%; }

    .scans-throughout-pregnancy .content-section.early-reassurance { padding: 60px 0; }
    .scans-throughout-pregnancy .content-section.early-reassurance .card { height: 425px; }
    .scans-throughout-pregnancy .content-section.early-reassurance .card .arrow { left: -10.5%; bottom: -107%; }
    .scans-throughout-pregnancy .content-section.early-reassurance .card .withimage img { right: -87%; top: -58%; }

    .scans-throughout-pregnancy .content-section.nhs-dating { padding: 60px 0; }
    .scans-throughout-pregnancy .content-section.nhs-dating .card .arrow { right: -10.5%; bottom: -100%; }
    .scans-throughout-pregnancy .content-section.nhs-dating .card .withimage img { transform: translateX(-50%); }
    .scans-throughout-pregnancy .content-section.nhs-screening .card .withimage img { transform: translate(-50%, -2%); }

    .scans-throughout-pregnancy .content-section.date-wellbeing { padding: 60px 0 80px 0; }
    .scans-throughout-pregnancy .content-section.date-wellbeing .card { height: 425px; justify-content: center; }
    .scans-throughout-pregnancy .content-section.date-wellbeing .card .arrow { left: -10.5%; bottom: -107%; }
    .scans-throughout-pregnancy .content-section.date-wellbeing .card .withimage img { right: -100%; top: -65%; }

    .scans-throughout-pregnancy .content-section.gender-scan .card .arrow { right: -9.5%; bottom: -100%; }

    .scans-throughout-pregnancy .content-section.nhs-screening .card .arrow { right: -10.25%; bottom: -100%; }
    .scans-throughout-pregnancy .content-section.nhs-screening .card .withimage img { left: -82%; top: -71%; }

    .scans-throughout-pregnancy .content-section.three-d { padding-top: 65px; padding-bottom: 100px; }
    .scans-throughout-pregnancy .content-section.three-d .card { height: 425px; }
    .scans-throughout-pregnancy .content-section.three-d .card .withimage img { top: -67%; }

    .scans-throughout-pregnancy .offer-section h2 { font-size: 2.125rem; }
    .scans-throughout-pregnancy .offer-section h2.mob-title { display: none; }
    .scans-throughout-pregnancy .offer-section h3 { font-size: 1.25rem; font-weight: 600; }
    .scans-throughout-pregnancy div.contact { font-size: 1.875rem; padding: 25px; }
    .scans-throughout-pregnancy .offer-section .info { font-size: 1.25rem; }
    .scans-throughout-pregnancy .offer-section a.btn { font-weight: 300; padding: 1rem 3.5rem; }
}

@media screen and (max-width: 1229px) {
    .scans-throughout-pregnancy .two-sec-grid { display: flex; }
    .scans-throughout-pregnancy .card { padding: 30px 25px; gap: 15px; justify-content: center; z-index: 3; }
    .scans-throughout-pregnancy .mob-img { z-index: 2; }
    .scans-throughout-pregnancy .main-sec > div.rel { display: none; }

    .scans-throughout-pregnancy .container { padding: 0 5px; }

    .scans-throughout-pregnancy .card .withimage { display: none; }
    .scans-throughout-pregnancy .card .arrow { display: none; }
    .scans-throughout-pregnancy .card .arrow-mob { position: absolute; }

    .scans-throughout-pregnancy .card .title { font-size: 1.375rem; font-weight: 500; }
    .scans-throughout-pregnancy .card .sub { font-size: 1.25rem; font-weight: 500; }
    .scans-throughout-pregnancy .card .info { font-size: 1rem; }

    .scans-throughout-pregnancy h2 { font-size: 1.125rem; line-height: 30px; }
    .scans-throughout-pregnancy h1 { font-size: 1.4rem; line-height: 34px; }
    .scans-throughout-pregnancy .main-sec { padding: 0 20px; }
    .scans-throughout-pregnancy .main-sec div.poppins { font-size: 1rem; line-height: 25px; }
    .scans-throughout-pregnancy .preg-banner { font-size: 1.375rem; }

    .scans-throughout-pregnancy .content-section { position: relative; }
    .scans-throughout-pregnancy .content-section.early-reassurance .mob-img { margin-top: -10px; }
    .scans-throughout-pregnancy .content-section.nhs-dating .mob-img,
    .scans-throughout-pregnancy .content-section.date-wellbeing .mob-img,
    .scans-throughout-pregnancy .content-section.growth-wellbeing .mob-img,
    .scans-throughout-pregnancy .content-section.nhs-screening .mob-img,
    .scans-throughout-pregnancy .content-section.three-d .mob-img { margin-top: -15px; }

    .scans-throughout-pregnancy .content-section.early-reassurance .arrow-mob { position: absolute; z-index: 1; bottom: -6%; right: 0; }
    .scans-throughout-pregnancy .content-section.nhs-dating .arrow-mob { position: absolute; z-index: 1; bottom: -6%; left: 0; }
    .scans-throughout-pregnancy .content-section.date-wellbeing .arrow-mob { position: absolute; z-index: 1; bottom: -6%; right: 0; }
    .scans-throughout-pregnancy .content-section.gender-scan .arrow-mob { position: absolute; z-index: 1; bottom: -6%; left: 0; }
    .scans-throughout-pregnancy .content-section.growth-wellbeing .arrow-mob { position: absolute; z-index: 1; bottom: -6%; right: 0; }
    .scans-throughout-pregnancy .content-section.nhs-screening .arrow-mob { position: absolute; z-index: 1; bottom: -6%; left: 0; }

    .scans-throughout-pregnancy .content-section.three-d { padding-bottom: 0; }

    .scans-throughout-pregnancy .content-section.gender-scan .section .dw-md-4 { display: none; }
    .scans-throughout-pregnancy .content-section.nhs-screening .card { min-height: unset; }
    .scans-throughout-pregnancy .content-section.nhs-screening .section .dw-md-9 > div { padding: unset; }

    .scans-throughout-pregnancy .offer-section { padding: 30px 15px; overflow: hidden; }
    .scans-throughout-pregnancy .offer-section > .section > div:first-of-type { display: none; }
    .scans-throughout-pregnancy .offer-section h2 { font-size: 1.375rem; line-height: 34px; }
    .scans-throughout-pregnancy .offer-section h2.title { display: none; }
    .scans-throughout-pregnancy .offer-section h3 { font-size: 1rem; font-weight: 600; line-height: 25px; }
    .scans-throughout-pregnancy div.contact { display: none; }
    .scans-throughout-pregnancy .offer-section .info { font-size: 1rem; }
    .scans-throughout-pregnancy .offer-section a.btn { font-weight: 300; padding: 1rem 3.5rem; height: 57px; width: 100%; font-size: 1.25rem; border-radius: 35px; margin: unset; }
}

@media screen and (max-width: 2200px) {
    .ultrasound-story img.sixteen-weeks { transform: translateX(140px); }
}

@media screen and (max-width: 1919px) {
    .ultrasound-story img.arrow-left-7-mob,
    .ultrasound-story img.arrow-left-16-mob,
    .ultrasound-story img.arrow-left-24-mob { display: none; }
}

@media screen and (min-width: 1531px) and (max-width: 1919px) {
    .ultrasound-story img.arrow-left-7 { position: absolute; z-index: 1; bottom: -73.5%; left: -10%; transform: scale(0.7); }
    .ultrasound-story img.arrow-left-16 { position: absolute; z-index: 1; bottom: -65%; left: 30%; transform: scale(0.8) rotateY(140deg); }
}

@media screen and (max-width: 1530px) {
    .ultrasound-story img.arrow-left-7,
    .ultrasound-story img.arrow-left-16,
    .ultrasound-story img.arrow-left-24 { display: none; }
}

@media screen and (min-width: 1231px) and (max-width: 1919px) {
}

@media screen and (min-width: 1231px) and (max-width: 1567px) {
    .special-offer img.offer-img { left: -9.5%; top: -5%; transform: scale(1.2); }
}

@media screen and (min-width: 1231px) {
    .ultrasound-story img.arrow-left-7-mob { display: none; }
}

@media screen and (min-width:1230px) {
    .optional-souv > .flx { cursor: pointer; }
    .optional-souv:hover i, .surround:hover i { transform: rotate(180deg); }
    .fb-msg:hover i { color: #5FC4E5; }
}

@media screen and (max-width:1230px) {
    .two-sec-grid { grid-template-columns: 1fr; grid-gap: 2rem; }
    .two-sec-grid > div:has(img) { order: -1; }

    .ultrasound-story div.poppins { font-size: 1rem; }
    .ultrasound-story .intro h2 { font-size: 1.2rem; }
    .ultrasound-story .intro h1 { font-size: 1.4rem; }

    .ultrasound-story .content-section { padding-top: 75px; padding-bottom: 75px; }
    .ultrasound-story .content-section.sixteen,
    .ultrasound-story .content-section.twenty-four { padding-bottom: 0; }
    .ultrasound-story .content-section.thirty { padding-bottom: 10px; }

    .ultrasound-story .two-sec-grid { display: flex; flex-direction: column-reverse; }
    .ultrasound-story .two-sec-grid.sixteen { flex-direction: column; }

    .ultrasound-story .prompt { width: 139px; height: 139px; padding: 20px; right: 0; bottom: -3%; z-index: 3; }
    .ultrasound-story .prompt > div { font-size: 1.25rem; line-height: 28px; }
    .ultrasound-story .prompt > i { padding: unset; }

    .card .card-title { font-size: 1.35rem; }
    .card .card-head { padding: 5px 18px; font-size: 1.1rem; }
    .card .inner { padding: 65px 15px 50px 15px; }

    .ultrasound-story img.sixteen-weeks { transform: unset; position: static; }



    .ultrasound-story .two-sec-grid img { z-index: 2; }
    .ultrasound-story img.arrow-left-7-mob { position: absolute; z-index: 1; right: -24%; bottom: -52.5%; transform: scale(0.93); display: none; }
    .ultrasound-story img.arrow-left-16-mob { position: absolute; z-index: 1; bottom: -47.5%; left: -18%; transform: scale(1.02) rotateY(140deg); display: none; }
    .ultrasound-story img.arrow-left-24-mob { position: absolute; z-index: 1; right: -24%; bottom: -65.5%; transform: scale(1.03); display: none; }

    .more-reviews { justify-content: center; }
}

@media screen and (min-width: 992px) and (max-width: 1229px) {
    .special-offer img.offer-img { left: -9.5%; top: 3%; transform: scale(1.2); }
    div.special-offer-banner { padding: 0 100px; }
    div.special-offer > div.head-sec { padding-left: 100px; align-items: flex-start; }
    div.special-offer > div.head-sec .text.main { font-size: 1.6rem; font-weight: 500; }
    div.special-offer > div.head-sec .text.sub { font-size: 1.4375rem; font-weight: 300; }
    .special-offer ul { list-style: disc; font-size: 1rem; font-weight: 500; }
    .special-offer ul li { margin-bottom: 10px; }
    div.special-offer > div.body-sec { padding-left: 30px; }
}

@media screen and (min-width: 992px) and (max-width: 1062px) {
    .special-offer img.offer-img { left: -9.5%; top: 12%; }
}

@media screen and (min-width: 992px) {
    div.special-offer-banner .mob-header,
    div.special-offer-banner .mob-btn { display: none; }
    .more-reviews { gap: 3rem; }
}

@media screen and (max-width: 992px) {
    .ultrasound-story div.contact { font-size: 1.5rem; }
    .ultrasound-story .offer-section > .section { justify-content: center; text-align: center; }
    table.table--discount-codes { font-size: 1rem; }
    div.special-offer { gap: 0; border: unset; }
    div.special-offer-banner { padding: 0 15px; }
    div.special-offer > div:not(:first-of-type, .head-sec) { padding: 30px; }
    div.special-offer-banner .mob-header { background-color: #FFD900; color: #000; border-top-left-radius: 5px; border-top-right-radius: 5px; }
    .special-offer img.offer-img { display: none; }
    .special-offer ul { list-style: disc; font-size: 1rem; font-weight: 500; }
    .special-offer ul li { margin-bottom: 10px; }
    div.special-offer > div.head-sec { padding: 10px; }
    div.special-offer > div.head-sec > div { text-align: center; }
    div.special-offer > div.head-sec .text.main { font-size: 1.6rem; font-weight: 500; }
    div.special-offer > div.head-sec .text.sub { font-size: 1.4375rem; font-weight: 300; }
    div.special-offer > div.body-sec { border: 2px solid #5FC4E5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
}

@media screen and (max-width: 991px) {
    div.section.feat-story { padding: 0; border-radius: 12px; margin: 0; }
    div.section.feat-story div.img-sec { padding: 0; }

    div.section.feat-story h3 { font-size: 1.6rem; }
    div.section.feat-story .text { font-size: 1rem; line-height: 28px; }
    div.section.feat-story span { font-size: 1.1rem; line-height: 30px; padding-right: 30px; }
    div.section.feat-story a.btn { margin-top: 10px; margin-bottom: 20px; width: 100%; font-size: 1.2rem; font-weight: 300; }

    .more-reviews { flex-wrap: wrap; gap: 1.5rem; }
    .more-reviews > a.btn { width: 100%; }
}

@media screen and (min-width: 768px) {
    #bloodtests { display: none; }
}

@media screen and (max-width:768px) {
    .reasons li { display: flex; align-items: center; grid-gap: 1rem; }
    .reasons li:before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; font: var(--fa-font-solid); content: "\f00c"; font-size: 1.8rem; color: #57E369; }
    .py-3, #share-exp { padding-top: 2rem !important; padding-bottom: 2rem !important; }
    .two-sec-grid { grid-gap: 1rem; }
    .two-sec-grid .py-5 { padding-top: 0 !important; padding-bottom: 0 !important; }

    .fb-msg { position: fixed; right: 10px; bottom: 130px; z-index: 9999; }
    .fb-msg .icon { background-color: #fff; border-radius: 100%; border: 1px solid #E283A8; aspect-ratio: 1; display: flex; justify-content: center; max-width: 60px; align-items: center; }
}

@media screen and (min-width: 551px) {
    .ultrasound-story img.arrow-left-7-mob,
    .ultrasound-story img.arrow-left-16-mob,
    .ultrasound-story img.arrow-left-24-mob { display: none; }
}

@media screen and (max-width:550px) {
    .pb-3 { padding-bottom: 2rem !important; }
    .pt-3 { padding-top: 2rem !important; }
    .fb-msg i { font-size: 2.0rem; }
    .rad-b-3 { border-radius: 0 !important; }

    .ultrasound-story img.seven-weeks { aspect-ratio: 332/245 !important; width: 332px; height: 245px; }
    table.table--discount-codes { font-size: 0.8rem; }
    table.table--discount-codes thead tr td { padding: 5px; }

    div.our-experience { font-size: 1rem; }
    .more-reviews > a.btn { font-size: 1.125rem; }
}

@media screen and (min-width: 440px) {
}

@media screen and (max-width: 439px) {
    .more-reviews { gap: 10px; flex-direction: column; align-items: center; }
}

@media screen and (min-width: 401px) and (max-width: 991px) {
    div.section.feat-story div.img-sec { display: flex; padding: 30px; }
}

@media screen and (min-width: 401px) {
    div.feat-story img.mobile-img { display: none; }
}

@media screen and (max-width: 400px) {
    div.section.feat-story img.desktop-img { display: none; }
}

.fredoka { font-family: 'Fredoka', sans-serif; }
.poppins { font-family: 'Poppins', sans-serif; }

body { font-family: 'Poppins', sans-serif; }

h1, h2, h3 { font-family: 'Fredoka', sans-serif; color: #E283A8; font-weight: 500; margin-bottom: 2rem; }
h1 { font-size: 2.7rem; }
* + h2 { margin-top: 2rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.6rem; }

.lh-130 { line-height: 130%; }

@media screen and (max-width:1230px) {
    h1 { font-size: 2.4rem; }
    h2 { font-size: 1.8rem; }
    h3 { font-size: 1.7rem; color: #E283A8; }
}

@media screen and (max-width:768px) {
    h1 { font-size: 2.3rem; }
    h1.special { font-size: 1.6rem; }
    .reasons .fs-16 { font-size: 1rem !important; }

    h2 { margin-bottom: 1rem !important; }
    h3 { font-size: 1.4rem; }
}

@media screen and (max-width:550px) {
.ovv-price .fs-11 {font-size:1.1rem!important;}
    body, .fs-12, .reasons .fs-14, .fs-10, .fs-125, .fs-13 { font-size: 0.875rem !important; }
    .reasons li:before { font-size: 1.2rem; }
    .scan-banner-grid .banner-header span { font-size: 1rem !important; }
    .banner-info .my-3 { margin-top: 1rem; margin-bottom: 1rem; }
    h1 { font-size: 1.6rem; }
    h2 { font-size: 1.4rem; }
    h3 { font-size: 1.2rem; }
    h1, h2, h3 { margin-bottom: 1rem; }
    * + h2 { margin-top: 1rem; }
}

.btn { width: fit-content; height: 5rem; border-radius: 2.5rem; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.7rem; color: #fff; padding: 1rem 2rem; font-weight: bold; border: 3px solid transparent; cursor: pointer; transition: all 0.5s; }



/*TYPES*/
.btn.scan { background-color: #fff !important; border-radius: 0.25rem; max-width: 334px; font-size: 1.5rem; }
.btn.sqr { border-radius: 0.25rem; }
.btn.form { height: 4rem; font-size: 1.5rem; padding-top: .5rem; padding-bottom: .5rem; }

/*COLOURS*/
.btn.lblue { background-color: #5FC4E5; }
.btn.pink { background-color: #E283A8; }
.btn.lblue.secondary {border-color:transparent; color:#5FC4E5; background-color:#fff;}
.btn.scan.pink { color: #E283A8; border-color: #E283A8; }
.btn.scan.lblue { color: #5FC4E5; border-color: #5FC4E5; }
.btn.scan.lilac { color: #5F90E5; border-color: #5F90E5; }
.btn.scan.lpink { color: #E283C5; border-color: #E283C5; }



/*SIZES*/
.btn.sm { height: 3.5rem; font-size: 1.3rem; border-radius: 1.75rem; }
.btn.full { width: 100%; }


/*LINK & ICONS*/
.pink-txt i:hover, i.pink-txt:hover { color: #5FC4E5; }

.lblue-txt i:hover, i.pink-txt:hover { color: #E283A8; }
h2 a, h1 a { font-weight: normal; }
a { font-weight: 600; color: #5FC4E5; }

a:not(.whi-txt):hover { color: #E283A8; }

.white-link a { color: #fff; text-decoration: underline; }

a.pink-link { font-weight: 600; color: #E38AAD; }
a.pink-link:not(.whi-txt):hover { color: #5FC4E5; }

@media screen and (min-width:1230px) {
    /*HOVERS*/
    .btn.book.lblue:hover { transform: none; z-index: 99; box-shadow: none; background-color: #5FC4E5; color: #fff; }

    .btn:hover { transform: translateY(-10px) scaleX(0.95); z-index: 99; box-shadow: 0 5px 8px 6px #0000006e; }
    .btn.lblue:hover { background-color: #fff; color: #5FC4E5; border-color: #5FC4E5; }
    .btn.pink:hover { background-color: #fff; color: #E283A8; border-color: #E283A8; }

    .btn.scan.pink:hover { color: #fff; border-color: transparent; background-color: #E283A8 !important; }
    .btn.scan.lblue:hover { color: #fff; border-color: transparent; background-color: #5FC4E5 !important; }
    .btn.scan.lilac:hover { color: #fff; border-color: transparent; background-color: #5F90E5 !important; }
    .btn.scan.lpink:hover { color: #fff; border-color: transparent; background-color: #E283C5 !important; }
}

@media screen and (max-width:992px) {
    .btn { height: 3rem; border-radius: 1.5rem; font-size: 1rem; padding: 1rem 2rem; }
    .btn.sm { height: 2.5rem; font-size: 0.875rem; border-radius: 1.525rem; }
    .btn.lg { min-width: 285px; }
}

.header-grid { display: grid; }
.header-grid > a { grid-area: logo; padding-top: 1.5rem; }
.header-grid > .nav-info { grid-area: info; }
.header-grid > nav { grid-area: nav; }
.header-grid > .mobile-nav { display: none; }
.scan-list-grid { display: grid; grid-gap: 1rem; }
.scan-list-grid > div > :first-child { min-height: 208px; }
.scan-list-grid a { color: #fff; font-weight: 500; }
.scan-list-grid a:hover { color: #fff; }


.scan-list-grid > div:nth-child(1) > :first-child { background-image: url(images/home/gender-growth-scan.webp); background-size: cover; background-repeat: no-repeat; background-position: center 0.5rem; }
.scan-list-grid > div:nth-child(2) > :first-child { background-image: url(images/home/early-pregnancy-scan.jpg); background-size: cover; background-repeat: no-repeat; background-position: center 0.5rem; }
.scan-list-grid > div:nth-child(3) > :first-child { background-image: url(images/home/gender-growth-scan.jpg); background-size: cover; background-repeat: no-repeat; background-position: center 0.5rem; }
.scan-list-grid > div:nth-child(4) > :first-child { background-image: url(images/home/2d-growth-scan.webp); background-size: cover; background-repeat: no-repeat; background-position: center 0.5rem; }

.scan-list-grid > div > :first-child { position: relative; overflow: hidden; }
.scan-list-grid > div > :first-child:before { content: ""; position: absolute; top: 0.5rem; bottom: 0; right: 0; left: 0; background-color: #00000060; }
.scan-list-grid > div > :first-child > div { position: relative; z-index: 99; }

.header-grid .top-info a { color: #E283A8; text-decoration: underline; }

.book-parent { width: 290px; position: relative; z-index:999; }
.book-parent > .btn { position: relative; z-index: 99; }
.book-drop { position: absolute; background-color: #fff; border-bottom-left-radius: 1.75rem; border-bottom-right-radius: 1.75rem; z-index: 9; top: 50%; overflow: hidden; transition: max-height 0.3s;width:100%; }
.book-drop .book-drop-inner { padding-top: 2.25rem; padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; border: 1px solid #5FC4E5; border-bottom: none; display: flex; flex-direction: column; grid-gap:0.75rem;}
.book-drop .book-drop-inner a { font-weight: normal; font-size: 1.125rem; color: #070707; }
.book-drop .btn.pink:hover { transform: none; box-shadow: none; }



.book-drop .book-drop-inner a:hover { text-decoration: underline; }

@media screen and (min-width: 1700px) {
    .header-grid { grid-template-areas: "logo info" "logo nav"; }
    .scan-list-grid { grid-template-columns: repeat(4, 1fr); }
}

@media screen and (min-width: 1230px) and (max-width: 1700px) {
    .header-grid { display: grid; grid-template-areas: "logo info" "nav nav"; }
    .scan-list-grid { grid-template-columns: repeat(4, 1fr); }
}

@media screen and (min-width: 1230px) {


    .parent-link > a.on { color: #E283A8; }

    .scan-list-grid a { transition: all 0.3s; }
    .scan-list-grid a:hover, .blood-screening-grid > div > div.flx:hover, .grow-hov:hover, a.grow-hov:hover { transform: translateY(-20px) scaleX(0.95); border-radius: 0.3rem; position: relative; z-index: 99; box-shadow: 0 5px 8px 6px #0000006e; }

    .parent-link:hover .dropdown.scans { max-height: 860px; }
    .parent-link:hover .dropdown.blood-test { max-height: 400px; }
    .parent-link:hover .dropdown.info { max-height: 500px; }
    .dropdown { max-height: 0; overflow: hidden; position: absolute; z-index: 9999; width: 100vw; right: 50%; -webkit-transform: translateX(50%) translateZ(0); box-shadow: 0 5px 5px 0px #d9d9d95e; border-radius: 0 0 3rem 3rem; }
    .sub-menu { box-shadow: inset 0 17px 10px -10px #d9d9d95e; background-color: #fff; padding-bottom: 2rem; padding-top: 2rem; border-radius: 0 0 3rem 3rem; }



    nav { display: flex; width: 100%; }
    nav > div { flex-grow: 1; }
    nav > div > a { padding: 1rem 0; display: flex; align-items: center; justify-content: center; grid-gap: 0.5rem; color: #000; font-weight: 400; }
    nav > div > a > i { color: #5FC4E5; }
    nav > div > a:hover > i { transform: rotate(180deg); }

    .sub-menu.info a:hover { background-color: #E283A8; }

    /*Scan Menu*/
    .scan-list-grid > div > :first-child { display: flex; align-items: flex-end; }
    .scan-list-grid > div > :nth-child(2) { min-height: 174px; }
    .scan-list-grid > div > :nth-child(3) { min-height: 192px; }
}

@media screen and (max-width: 1230px) {
    .masthead { background-color: #fff; position: relative; z-index: 999; }
    .header-grid { display: grid; grid-template-areas: "logo info" "mobile-nav mobile-nav" "nav nav"; grid-column-gap: 3rem; grid-template-columns: 1fr 1fr; }
    .scan-list-grid { grid-template-columns: repeat(2, 1fr); }
    .scan-list-grid > div > :first-child { min-height: 150px; }
    .header-grid > .mobile-nav { display: flex; grid-area: mobile-nav; }
    nav { display: none; padding-bottom: 1rem; }
    nav > div > a { width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: 1.2rem !important; padding-top: 0.5rem; padding-bottom: 0.5rem; }
    nav > .parent-link:not(.info) > a > i{display:none!important;}
    .mobile-toggler-wrapper { cursor: pointer; }
    .parent-link .dropdown { display: none; }
    /*NAV TOGGLER ANIMATION*/
    .mobile-toggler { display: flex; align-items: center; justify-content: center; height: 53px; }
    .mobile-toggler .animicon { position: relative; height: 24px; width: 30px; }
    .mobile-toggler .animicon span { position: absolute; width: 100%; height: 4px; background-color: #5FC4E5; border-radius: 10px; transition: top 0.3s 0.4s, transform 0.3s; }
    .mobile-toggler .animicon span:nth-child(1) { top: 0; transform: rotate(0); }
    .mobile-toggler .animicon span:nth-child(2) { top: 10px; transform: rotate(0); }
    .mobile-toggler .animicon span:nth-child(3) { top: 20px; transform: rotate(0); }
    .showing .animicon span { transition: top 0.3s, transform 0.3s 0.4s }
    .showing .animicon span:nth-child(1) { top: 10px; transform: rotate(45deg); }
    .showing .animicon span:nth-child(2) { top: 10px; transform: rotate(45deg); }
    .showing .animicon span:nth-child(3) { top: 10px; transform: rotate(135deg); }

    nav .scan-list-grid, nav .scan-list-grid .flx { grid-gap: 0.5rem; }
    .blood-screening-grid a span, nav .scan-list-grid > div > :first-child, nav .scan-list-grid .fs-10 { display: none; }
    .other-links-grid a, .blood-screening-grid a, nav .scan-list-grid .fs-16 { font-size: 1.2rem; }
    nav .container { padding: 0 !important; }
    .other-links-grid a, .blood-screening-grid a, nav .scan-list-grid a { padding: 0.5rem; font-weight: 500; }
    .blood-screening-grid a { grid-gap: 0; }
    .blood-screening-grid, .other-links-grid { margin: 0 -0.25rem !important; grid-row-gap: 0.5rem !important; }
    .other-links-grid > div, .blood-screening-grid > div { padding: 0 0.25rem !important; }
    nav > div > .sub-menu { display: none; }
    .parent-link { cursor: pointer; }

  
    .header-grid > .mobile-nav { position: relative; }
    .header-grid > .mobile-nav:before { content: ""; position: absolute; width: 100vw; top: 0; right: 50%; transform: translateX(50%); height: 1px; background-color: #d5d5d5; }
}

@media screen and (max-width: 992px) {
    .scan-list-grid { grid-template-columns: 1fr; }
    .scan-list-grid > div > :first-child { min-height: 100px; }
    .scan-list-grid .fs-20 { font-size: 1.4rem; }
    .scan-list-grid .fs-10 { font-size: 0.8rem; }
    .header-grid { grid-column-gap: 1rem; }
}

@media screen and (min-width:768px) {
   
    .book-drop .btn.pink { border-top-left-radius: 0; border-top-right-radius: 0; height: 50px; font-size:1.3rem; }
    .book-parent:hover i { transform: rotate(180deg); }
    #bookdropbtn > span:before { content: "Book a Scan"; }

    .masthead { position: relative; }
    .book-drop { max-height: 0; }
    .book-parent:hover .book-drop { max-height: 460px; }

}

@media screen and (max-width:768px) {
    .hide-book {display:none!important;}
    
     .book-parent {display:none;}
    .book-drop { display: block; position: static; max-height: 0; transition: max-height 0.3s; border-radius:0!important;}
    .book-drop-inner { border: none !important; grid-gap: 1rem; align-items: center; padding-top: 0.5rem!important; }
    .book-drop.expand { max-height: 389px; }
    #bookdropbtn { background-color: #E283A8 !important; color: #fff !important; font-size: 1.125rem !important; height: 60px; }
    .book-drop .btn.pink { max-width: fit-content; margin: 0.5rem auto 1rem; font-size: 1.125rem !important; height: 45px !important; }
    .book-parent i:before { content: "\f077" !important; }
    .book-parent.open i { transform: rotate(180deg); }

    #bookdropbtn > span:before { content: "Quick Book"; }

}


@media screen and (max-width: 550px) {
    nav .socials.fs-20 { font-size: 1.6rem; }
    .scan-list-grid .fs-16 { font-size: 1.2rem; }


    .header-grid > .mobile-nav.py-1 { padding-top: 0; padding-bottom: 0; }


    .mobile-toggler .animicon span { height: 2px; }
    .mobile-toggler .animicon { position: relative; height: 12px; width: 17px; }
    .mobile-toggler .animicon span:nth-child(1) { top: 0; }
    .mobile-toggler .animicon span:nth-child(2) { top: 6px; }
    .mobile-toggler .animicon span:nth-child(3) { top: 12px; }
    .showing .animicon span:nth-child(1) { top: 7px; transform: rotate(45deg); }
    .showing .animicon span:nth-child(2) { top: 7px; transform: rotate(45deg); }
    .showing .animicon span:nth-child(3) { top: 7px; transform: rotate(135deg); }

    .mobile-nav i.fs-14 { font-size: 1.1rem; }
}

@media screen and (max-width: 400px) {
    .mob-grid-title {font-size:1.1rem!important;}
    nav .scan-list-grid .fs-16, .other-links-grid a, .blood-screening-grid a { font-size: 1rem; }
    .header-grid .socials { grid-gap: 1.2rem; }
    .header-grid .socials i { font-size: 1.3rem; }

    .main-logo { height: 75px; }
    .header-grid > a { padding-top: 1rem; }
    .nav-info > .flx:last-child { margin: 0 !important; }
    .nav-info { justify-content: center !important; }
}


@media screen and (max-width: 365px) {
.mobile-book {font-size:0.8rem!important; padding:1rem!important;}
}
.footer .terms, .footer .copy { font-size: 0.75rem; }

.footer a { color: #000; font-weight: initial; }

.footer a:hover { text-decoration: underline; }

.footer .socials i { color: #E283A8; font-size: 2rem; }

@media screen and (min-width:1230px) {
    .footer .cards { order: 2; }
    .footer .copy { order: 3; }
    .footer .terms, .footer .copy, .footer .links { font-size: 0.95rem; }
    .footer .socials i:hover { color: #5FC4E5; }
}


@media screen and (max-width:768px) {
    .footer .terms .spacer { content: ""; height: 10px; width: 1px; background-color: #5FC4E5; }
}

*, *:before { -webkit-transition: transform .1s ease-in-out; transition: background-color .1s linear, color .1s, transform .1s ease-in-out, max-height 0.6s ease-in-out, opacity .1s ease-in-out, background-image 0.2s ease-in-out, box-shadow 0.2s; }
.no-transition { transition: none !important; }
.lazy { opacity: 0; }

@media screen and (min-width:1230px) {
    body:not(.booking-head) .scrollhide { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }
    body:not(.booking-head) .scrollhide.hidden { opacity: 0; pointer-events: none; }
    body:not(.booking-head) .scrollhide.from-right.hidden { transform: translateX(50%); }
    body:not(.booking-head) .scrollhide.from-left.hidden { transform: translateX(-50%); }
    body:not(.booking-head) .scrollhide.from-below.hidden { transform: translateY(50%); }
    body:not(.booking-head) .scrollhide.from-above.hidden { transform: translateY(-50%); }
    body:not(.booking-head) .scrollhide.rotate-in.hidden { transform: translateY(50%) rotate(-60deg); transform-origin: bottom right; }
    body:not(.booking-head) .scrollhide.from-left.hidden.subtle { transform: translateX(20%); }
    body:not(.booking-head) .scrollhide.from-left.subtle { transition: background-color .3s linear, color .3s, transform .5s ease-in-out, opacity .5s linear; }
}


*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.section { display: flex; flex-wrap: wrap; margin: 0 -1rem; grid-row-gap:1rem; }
.section > div { padding: 0 1rem; }

.section.gap-xs { margin: 0 -0.5rem; }
.section.gap-xs > div { padding: 0 0.5rem; }

.section.gap-md { margin: 0 -2rem; }
.section.gap-md > div { padding: 0 2rem; }

.section.gap-lg { margin: 0 -3rem; }
.section.gap-lg > div { padding: 0 3rem; }

.section.gap-xl { margin: 0 -4rem; }
.section.gap-xl > div { padding: 0 4rem; }

@-ms-viewport { width: device-width; }

.block { display: block; }
.rel { position: relative; }
.abs { position: absolute; }
.top { top: 0; }
.bot { bottom: 0; }
.sta { left: 0; }
.end { right: 0; }
.ab-r-10 { right: 10px; }
.ab-r-15 { right: 15px; }
.nowrap { white-space: nowrap; }
.no-overflow { overflow: hidden; }
.no-border { border: none; }
.no-dec { text-decoration: none; }
.pointer { cursor: pointer; }
.line-thru { text-decoration: line-through }
.shad { box-shadow: 0px 11px 9px #00000026; }
.z-1 { z-index: 1; }
.dw-hide { display: none; }
.dw-show { display: block; }
.dw-flx { display: flex; }
.underline { text-decoration: underline; }
.shad-bx {
    box-shadow: 0 5px 5px 0px #d9d9d95e;
}
.shad-bx-around { box-shadow: 0 0 8px 4px #00000026; }

/* FLEX GAP*/

.gap-05 { grid-gap: 0.5rem; }
.gap-1 { grid-gap: 1rem; }
.gap-15 { grid-gap: 1.5rem; }
.gap-2 { grid-gap: 2rem; }
.gap-25 { grid-gap: 2.5rem; }
.gap-3 { grid-gap: 3rem; }
.gap-35 { grid-gap: 3.5rem; }
.gap-4 { grid-gap: 4rem; }

.c-gap-05 { column-gap: 0.5rem; }
.c-gap-1 { column-gap: 1rem; }
.c-gap-15 { column-gap: 1.5rem; }
.c-gap-2 { column-gap: 2rem; }
.c-gap-25 { column-gap: 2.5rem; }
.c-gap-3 { column-gap: 3rem; }
.c-gap-35 { column-gap: 3.5rem; }
.c-gap-4 { column-gap: 4rem; }


.r-gap-05 { grid-row-gap: 0.5rem; }
.r-gap-1 { grid-row-gap: 1rem; }
.r-gap-15 { grid-row-gap: 1.5rem; }
.r-gap-2 { grid-row-gap: 2rem; }
.r-gap-25 { grid-row-gap: 2.5rem; }
.r-gap-3 { grid-row-gap: 3rem; }
.r-gap-35 { grid-row-gap: 3.5rem; }
.r-gap-4 { grid-row-gap: 4rem; }


.al-self-stretch { align-self: stretch; }
/*FLEXBOX*/
.o-first { order: -1; }
.o-last { order: 1; }

.flx { display: flex; }
.flx-col { flex-direction: column; }
.flx-row { flex-direction: row; }
.flx-col-rev { flex-direction: column-reverse; }
.flx-row-rev { flex-direction: row-reverse; }
.flx-wrap { flex-wrap: wrap; }

.fl-al-center { align-items: center; }
.fl-ju-center { justify-content: center; }
.fl-ju-start { justify-content: flex-start; }
.fl-ju-end { justify-content: flex-end; }

.xxs-al-start { align-items: flex-start; }
.xxs-al-center { align-items: center; }
.xxs-al-end { align-items: flex-end; }
.xxs-al-stretch { align-items: stretch; }

.xxs-ju-start { justify-content: flex-start; }
.xxs-ju-center { justify-content: center; }
.xxs-ju-end { justify-content: end; }
.xxs-ju-evenly { justify-content: space-evenly; }
.xxs-ju-around { justify-content: space-around; }
.xxs-ju-between { justify-content: space-between; }
.xxs-show { display: block; }

.xxs-hide { display: none; }
.xxs-flx-col { flex-direction: column; }
.xxs-flx-row { flex-direction: row; }
/*FLEX ITEM*/
.xxs-self-start { align-self: flex-start; }
.xxs-self-end { align-self: flex-end; }
.xxs-self-center { align-self: center; }
.xxs-self-mid { justify-self: center; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }
.xxs-ju-self-start { justify-self: flex-start; }
.xxs-ju-self-end { justify-self: flex-end; }

.fl-grow { flex-grow: 1; }
.fl-no-shrink { flex-shrink: 0; }


/*MARGIN*/
.xxs-m-0 { margin: 0 !important; }

/*MOBILE*/

    .section .dw-xxs-12 { width: 100%; }
    .section .dw-xxs-11 { width: 91.66666666666666%; }
    .section .dw-xxs-10 { width: 83.33333333333334%; }
    .section .dw-xxs-9 { width: 75%; }
    .section .dw-xxs-8 { width: 66.66666666666666%; }
    .section .dw-xxs-7 { width: 58.333333333333336%; }
    .section .dw-xxs-6 { width: 50%; }
    .section .dw-xxs-5 { width: 41.66666666666667%; }
    .section .dw-xxs-4 { width: 33.33333333333333%; }
    .section .dw-xxs-3 { width: 25%; }
    .section .dw-xxs-2 { width: 16.666666666666664%; }
    .section .dw-xxs-1 { width: 8.333333333333332%; }

@media (min-width:500px) {
    .section .dw-xs-12 { width: 100%; }
    .section .dw-xs-11 { width: 91.66666666666666%; }
    .section .dw-xs-10 { width: 83.33333333333334%; }
    .section .dw-xs-9 { width: 75%; }
    .section .dw-xs-8 { width: 66.66666666666666%; }
    .section .dw-xs-7 { width: 58.333333333333336%; }
    .section .dw-xs-6 { width: 50%; }
    .section .dw-xs-5 { width: 41.66666666666667%; }
    .section .dw-xs-4 { width: 33.33333333333333%; }
    .section .dw-xs-3 { width: 25%; }
    .section .dw-xs-2 { width: 16.666666666666664%; }
    .section .dw-xs-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xs-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xs-flx-col { flex-direction: column; }
    .xs-flx-row { flex-direction: row; }
    .xs-flx-col-rev { flex-direction: column-reverse; }
    .xs-flx-row-rev { flex-direction: row-reverse; }

    .xs-al-start { align-items: flex-start; }
    .xs-al-center { align-items: center; }
    .xs-al-end { align-items: flex-end; }
    .xs-al-stretch { align-items: stretch; }

    .xs-ju-start { justify-content: flex-start; }
    .xs-ju-center { justify-content: center; }
    .xs-ju-end { justify-content: end; }
    .xs-ju-evenly { justify-content: space-evenly; }
    .xs-ju-around { justify-content: space-around; }
    .xs-ju-between { justify-content: space-between; }
    .xs-show { display: block; }
    .xs-flx { display: flex; }
    .xs-hide { display: none; }

    /*FLEX ITEM*/
    .xs-self-start { align-self: flex-start; }
    .xs-self-end { align-self: flex-end; }
    .xs-self-center { align-self: center; }
    .xs-self-mid { justify-self: center; }
    .xs-ju-self-start { justify-self: flex-start; }
    .xs-ju-self-end { justify-self: flex-end; }
}

/*TABLET*/
@media (min-width:768px) {
    .section .dw-sm-12 { width: 100%; }
    .section .dw-sm-11 { width: 91.66666666666666%; }
    .section .dw-sm-10 { width: 83.33333333333334%; }
    .section .dw-sm-9 { width: 75%; }
    .section .dw-sm-8 { width: 66.66666666666666%; }
    .section .dw-sm-7 { width: 58.333333333333336%; }
    .section .dw-sm-6 { width: 50%; }
    .section .dw-sm-5 { width: 41.66666666666667%; }
    .section .dw-sm-4 { width: 33.33333333333333%; }
    .section .dw-sm-3 { width: 25%; }
    .section .dw-sm-2 { width: 16.666666666666664%; }
    .section .dw-sm-1 { width: 8.333333333333332%; }


    /*MARGIN*/
    .sm-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .sm-flx-col { flex-direction: column; }
    .sm-flx-row { flex-direction: row; }
    .sm-flx-col-rev { flex-direction: column-reverse; }
    .sm-flx-row-rev { flex-direction: row-reverse; }

    .sm-al-start { align-items: flex-start; }
    .sm-al-center { align-items: center; }
    .sm-al-end { align-items: flex-end; }
    .sm-al-stretch { align-items: stretch; }

    .sm-ju-start { justify-content: flex-start; }
    .sm-ju-center { justify-content: center; }
    .sm-ju-end { justify-content: end; }
    .sm-ju-evenly { justify-content: space-evenly; }
    .sm-ju-around { justify-content: space-around; }
    .sm-ju-between { justify-content: space-between; }
    .sm-show { display: block; }
    .sm-flx { display: flex; }
    .sm-hide { display: none; }

    /*FLEX ITEM*/
    .sm-self-start { align-self: flex-start; }
    .sm-self-end { align-self: flex-end; }
    .sm-self-center { align-self: center; }
    .sm-self-mid { justify-self: center; }
    .sm-ju-self-start { justify-self: flex-start; }
    .sm-ju-self-end { justify-self: flex-end; }
}



/*SMALL DESKTOP*/
@media (min-width:992px) {
    .section .dw-md-12 { width: 100%; }
    .section .dw-md-11 { width: 91.66666666666666%; }
    .section .dw-md-10 { width: 83.33333333333334%; }
    .section .dw-md-9 { width: 75%; }
    .section .dw-md-8 { width: 66.66666666666666%; }
    .section .dw-md-7 { width: 58.333333333333336%; }
    .section .dw-md-6 { width: 50%; }
    .section .dw-md-5 { width: 41.66666666666667%; }
    .section .dw-md-4 { width: 33.33333333333333%; }
    .section .dw-md-3 { width: 25%; }
    .section .dw-md-2 { width: 16.666666666666664%; }
    .section .dw-md-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .md-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .md-flx-col { flex-direction: column; }
    .md-flx-row { flex-direction: row; }
    .md-flx-col-rev { flex-direction: column-reverse; }
    .md-flx-row-rev { flex-direction: row-reverse; }

    .md-al-start { align-items: flex-start; }
    .md-al-center { align-items: center; }
    .md-al-end { align-items: flex-end; }
    .md-al-stretch { align-items: stretch; }

    .md-ju-start { justify-content: flex-start; }
    .md-ju-center { justify-content: center; }
    .md-ju-end { justify-content: end; }
    .md-ju-evenly { justify-content: space-evenly; }
    .md-ju-around { justify-content: space-around; }
    .md-ju-between { justify-content: space-between; }
    .md-show { display: block; }
    .md-flx { display: flex; }
    .md-hide { display: none; }

    /*FLEX ITEM*/
    .md-self-start { align-self: flex-start; }
    .md-self-end { align-self: flex-end; }
    .md-self-center { align-self: center; }
    .md-self-mid { justify-self: center; }
    .md-ju-self-start { justify-self: flex-start; }
    .md-ju-self-end { justify-self: flex-end; }

}

/*DESKTOP*/

@media (min-width: 1230px) {

    .section .dw-lg-12 { width: 100%; }
    .section .dw-lg-11 { width: 91.66666666666666%; }
    .section .dw-lg-10 { width: 83.33333333333334%; }
    .section .dw-lg-9 { width: 75%; }
    .section .dw-lg-8 { width: 66.66666666666666%; }
    .section .dw-lg-7 { width: 58.333333333333336%; }
    .section .dw-lg-6 { width: 50%; }
    .section .dw-lg-5 { width: 41.66666666666667%; }
    .section .dw-lg-4 { width: 33.33333333333333%; }
    .section .dw-lg-3 { width: 25%; }
    .section .dw-lg-2 { width: 16.666666666666664%; }
    .section .dw-lg-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .lg-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .lg-flx-col { flex-direction: column; }
    .lg-flx-row { flex-direction: row; }
    .lg-flx-col-rev { flex-direction: column-reverse; }
    .lg-flx-row-rev { flex-direction: row-reverse; }

    .lg-al-start { align-items: flex-start; }
    .lg-al-center { align-items: center; }
    .lg-al-end { align-items: flex-end; }
    .lg-al-stretch { align-items: stretch; }

    .lg-ju-start { justify-content: flex-start; }
    .lg-ju-center { justify-content: center; }
    .lg-ju-end { justify-content: end; }
    .lg-ju-evenly { justify-content: space-evenly; }
    .lg-ju-around { justify-content: space-around; }
    .lg-ju-between { justify-content: space-between; }
    .lg-show { display: block; }
    .lg-flx { display: flex; }
    .lg-hide { display: none; }

    /*FLEX ITEM*/
    .lg-self-start { align-self: flex-start; }
    .lg-self-end { align-self: flex-end; }
    .lg-self-center { align-self: center; }
    .lg-self-mid { justify-self: center; }
    .lg-ju-self-start { justify-self: flex-start; }
    .lg-ju-self-end { justify-self: flex-end; }
}



@media (min-width: 1474px) {

    .section .dw-xl-12 { width: 100%; }
    .section .dw-xl-11 { width: 91.66666666666666%; }
    .section .dw-xl-10 { width: 83.33333333333334%; }
    .section .dw-xl-9 { width: 75%; }
    .section .dw-xl-8 { width: 66.66666666666666%; }
    .section .dw-xl-7 { width: 58.333333333333336%; }
    .section .dw-xl-6 { width: 50%; }
    .section .dw-xl-5 { width: 41.66666666666667%; }
    .section .dw-xl-4 { width: 33.33333333333333%; }
    .section .dw-xl-3 { width: 25%; }
    .section .dw-xl-2 { width: 16.666666666666664%; }
    .section .dw-xl-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xl-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xl-flx-col { flex-direction: column; }
    .xl-flx-row { flex-direction: row; }
    .xl-flx-col-rev { flex-direction: column-reverse; }
    .xl-flx-row-rev { flex-direction: row-reverse; }

    .xl-al-start { align-items: flex-start; }
    .xl-al-center { align-items: center; }
    .xl-al-end { align-items: flex-end; }
    .xl-al-stretch { align-items: stretch; }

    .xl-ju-start { justify-content: flex-start; }
    .xl-ju-center { justify-content: center; }
    .xl-ju-end { justify-content: end; }
    .xl-ju-evenly { justify-content: space-evenly; }
    .xl-ju-around { justify-content: space-around; }
    .xl-ju-between { justify-content: space-between; }
    .xl-show { display: block; }
    .xl-flx { display: flex; }
    .xl-hide { display: none; }

    /*FLEX ITEM*/
    .xl-self-start { align-self: flex-start; }
    .xl-self-end { align-self: flex-end; }
    .xl-self-center { align-self: center; }
    .xl-self-mid { justify-self: center; }
    .xl-ju-self-start { justify-self: flex-start; }
    .xl-ju-self-end { justify-self: flex-end; }
}

@media (min-width:1671px) {
    .container {max-width:1640px;}

    .section .dw-xxl-12 { width: 100%; }
    .section .dw-xxl-11 { width: 91.66666666666666%; }
    .section .dw-xxl-10 { width: 83.33333333333334%; }
    .section .dw-xxl-9 { width: 75%; }
    .section .dw-xxl-8 { width: 66.66666666666666%; }
    .section .dw-xxl-7 { width: 58.333333333333336%; }
    .section .dw-xxl-6 { width: 50%; }
    .section .dw-xxl-5 { width: 41.66666666666667%; }
    .section .dw-xxl-4 { width: 33.33333333333333%; }
    .section .dw-xxl-3 { width: 25%; }
    .section .dw-xxl-2 { width: 16.666666666666664%; }
    .section .dw-xxl-1 { width: 8.333333333333332%; }

    /*MARGIN*/
    .xxl-m-0 { margin: 0 !important; }

    /*FLEXBOX*/
    .xxl-flx-col { flex-direction: column; }
    .xxl-flx-row { flex-direction: row; }
    .xxl-flx-col-rev { flex-direction: column-reverse; }
    .xxl-flx-row-rev { flex-direction: row-reverse; }

    .xxl-al-start { align-items: flex-start; }
    .xxl-al-center { align-items: center; }
    .xxl-al-end { align-items: flex-end; }
    .xxl-al-stretch { align-items: stretch; }

    .xxl-ju-start { justify-content: flex-start; }
    .xxl-ju-center { justify-content: center; }
    .xxl-ju-end { justify-content: end; }
    .xxl-ju-evenly { justify-content: space-evenly; }
    .xxl-ju-around { justify-content: space-around; }
    .xxl-ju-between { justify-content: space-between; }
    .xxl-show { display: block; }
    .xxl-flx { display: flex; }
    .xxl-hide { display: none; }

    /*FLEX ITEM*/
    .xxl-self-start { align-self: flex-start; }
    .xxl-self-end { align-self: flex-end; }
    .xxl-self-center { align-self: center; }
    .xxl-self-mid { justify-self: center; }
    .xxl-ju-self-start { justify-self: flex-start; }
    .xxl-ju-self-end { justify-self: flex-end; }
}

.container {margin-right:auto; margin-left:auto; padding-right:1rem; padding-left:1rem;}



/*TEXT-ALIGN*/
.center-txt { text-align: center; }
.left-txt { text-align: left; }
.right-txt { text-align: right; }


/*MARGIN*/

.center-block { margin: 0 auto; }

.m-05 { margin: 0.5rem; }
.m-1 { margin: 1rem; }
.m-2 { margin: 2rem; }
.m-3 { margin: 3rem; }
.m-4 { margin: 4rem; }
.m-5 { margin: 5rem; }

.my-05 { margin-top: 0.5rem; margin-bottom: 0.5rem; }
.my-15 { margin-top: 1rem; margin-bottom: 1.5rem; }
.my-1 { margin-top: 1rem; margin-bottom: 1rem; }
.my-2 { margin-top: 2rem; margin-bottom: 2rem; }
.my-3 { margin-top: 3rem; margin-bottom: 3rem; }
.my-4 { margin-top: 4rem; margin-bottom: 4rem; }
.my-5 { margin-top: 5rem; margin-bottom: 5rem; }

.mx-05 { margin-right: 0.5rem; margin-left: 0.5rem; }
.mx-1 { margin-right: 1rem; margin-left: 1rem; }
.mx-2 { margin-right: 2rem; margin-left: 2rem; }
.mx-3 { margin-right: 3rem; margin-left: 3rem; }
.mx-4 { margin-right: 4rem; margin-left: 4rem; }
.mx-5 { margin-right: 5rem; margin-left: 5rem; }

.mt-05 { margin-top: 0.5rem; }
.mt-1 { margin-top: 1rem; }
.mt-15 { margin-top: 1.5rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }
.mt-4 { margin-top: 4rem; }
.mt-5 { margin-top: 5rem; }

.mb-05 { margin-bottom: 0.5rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-15 { margin-bottom: 1.5rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }
.mb-4 { margin-bottom: 4rem; }
.mb-5 { margin-bottom: 5rem; }

.mr-05 { margin-right: 0.5rem; }
.mr-1 { margin-right: 1rem; }
.mr-2 { margin-right: 2rem; }
.mr-3 { margin-right: 3rem; }
.mr-4 { margin-right: 4rem; }
.mr-5 { margin-right: 5rem; }

.ml-05 { margin-left: 0.5rem; }
.ml-1 { margin-left: 1rem; }
.ml-2 { margin-left: 2rem; }
.ml-3 { margin-left: 3rem; }
.ml-4 { margin-left: 4rem; }
.ml-5 { margin-left: 5rem; }

/*PADDING*/

.p-05 { padding: 0.5rem; }
.p-1 { padding: 1rem; }
.p-2 { padding: 2rem; }
.p-3 { padding: 3rem; }
.p-4 { padding: 4rem; }
.p-5 { padding: 5rem; }

.py-05 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-1 { padding-top: 1rem; padding-bottom: 1rem; }
.py-2 { padding-top: 2rem; padding-bottom: 2rem; }
.py-3 { padding-top: 3rem; padding-bottom: 3rem; }
.py-4 { padding-top: 4rem; padding-bottom: 4rem; }
.py-5 { padding-top: 5rem; padding-bottom: 5rem; }
.py-8pt125 { padding-top: 8.125rem; padding-bottom: 8.125rem; }

.px-05 { padding-right: 0.5rem; padding-left: 0.5rem; }
.px-1 { padding-right: 1rem; padding-left: 1rem; }
.px-2 { padding-right: 2rem; padding-left: 2rem; }
.px-3 { padding-right: 3rem; padding-left: 3rem; }
.px-4 { padding-right: 4rem; padding-left: 4rem; }
.px-5 { padding-right: 5rem; padding-left: 5rem; }

.pt-05 { padding-top: 0.5rem; }
.pt-1 { padding-top: 1rem; }
.pt-2 { padding-top: 2rem; }
.pt-3 { padding-top: 3rem; }
.pt-4 { padding-top: 4rem; }
.pt-5 { padding-top: 5rem; }

.pb-05 { padding-bottom: 0.5rem; }
.pb-1 { padding-bottom: 1rem; }
.pb-15 { padding-bottom: 1.5rem; } 
.pb-2 { padding-bottom: 2rem; }
.pb-3 { padding-bottom: 3rem; }
.pb-4 { padding-bottom: 4rem; }
.pb-5 { padding-bottom: 5rem; }

.pr-0 { padding-right: 0 !important; }
.pr-05 { padding-right: 0.5rem; }
.pr-1 { padding-right: 1rem; }
.pr-2 { padding-right: 2rem; }
.pr-3 { padding-right: 3rem; }
.pr-4 { padding-right: 4rem; }
.pr-5 { padding-right: 5rem; }

.pl-05 { padding-left: 0.5rem; }
.pl-1 { padding-left: 1rem; }
.pl-2 { padding-left: 2rem; }
.pl-3 { padding-left: 3rem; }
.pl-4 { padding-left: 4rem; }
.pl-5 { padding-left: 5rem; }


/*FONT-SIZE*/
.fs-08 { font-size: 0.8rem; }
.fs-09 { font-size: 0.8rem; }
.fs-10 { font-size: 1rem; }
.fs-11 { font-size: 1.1rem; }
.fs-12 { font-size: 1.2rem; }
.fs-125 { font-size: 1.25rem; }
.fs-13 { font-size: 1.3rem; }
.fs-14 { font-size: 1.4rem; }
.fs-15 { font-size: 1.5rem; }
.fs-17 { font-size: 1.7rem; }
.fs-16 { font-size: 1.6rem; }
.fs-18 { font-size: 1.8rem; }
.fs-19 { font-size: 1.9rem; }
.fs-20 { font-size: 2.0rem; }
.fs-22 { font-size: 2.2rem; }
.fs-23 { font-size: 2.3rem; }
.fs-24 { font-size: 2.4rem; }
.fs-25 { font-size: 2.5rem; }
.fs-27 { font-size: 2.7rem; }
.fs-28 { font-size: 2.8rem; }
.fs-30 { font-size: 3.0rem; }
.fs-32 { font-size: 3.2rem; }
.fs-33 { font-size: 3.3rem; }
.fs-34 { font-size: 3.4rem; }
.fs-35 { font-size: 3.5rem; }
.fs-45 { font-size: 4.5rem; }

.fs-1pt6875 { font-size: 1.6875rem; }
.fs-1pt875 { font-size: 1.875rem; }
.fs-2pt125 { font-size: 2.125rem; }

/*FONT-WEIGHT*/
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

/*WIDTH*/
.w-full { width: 100% }
.w-half { width: 50%; }
.max-w-cont { max-width: fit-content; }
.max-w-min { max-width: min-content; }
.max-w-10 { max-width: 10px; }
.max-w-20 { max-width: 20px; }
.max-w-30 { max-width: 30px; }
.max-w-40 { max-width: 40px; }
.max-w-50 { max-width: 50px; }
.max-w-60 { max-width: 60px; }
.max-w-70 { max-width: 70px; }
.max-w-80 { max-width: 80px; }
.max-w-90 { max-width: 90px; }
.max-w-100 { max-width: 100px; }
.max-w-110 { max-width: 110px; }
.max-w-120 { max-width: 120px; }
.max-w-130 { max-width: 130px; }
.max-w-140 { max-width: 140px; }
.max-w-150 { max-width: 150px; }
.max-w-160 { max-width: 160px; }
.max-w-170 { max-width: 170px; }
.max-w-180 { max-width: 180px; }
.max-w-190 { max-width: 190px; }
.max-w-200 { max-width: 200px; }
.max-w-210 { max-width: 210px; }
.max-w-220 { max-width: 220px; }
.max-w-230 { max-width: 230px; }
.max-w-240 { max-width: 240px; }
.max-w-250 { max-width: 250px; }
.max-w-260 { max-width: 260px; }
.max-w-270 { max-width: 270px; }
.max-w-280 { max-width: 280px; }
.max-w-290 { max-width: 290px; }
.max-w-300 { max-width: 300px; }
.max-w-310 { max-width: 310px; }
.max-w-320 { max-width: 320px; }
.max-w-330 { max-width: 330px; }
.max-w-340 { max-width: 340px; }
.max-w-350 { max-width: 350px; }
.max-w-360 { max-width: 360px; }
.max-w-370 { max-width: 370px; }
.max-w-380 { max-width: 380px; }
.max-w-390 { max-width: 390px; }
.max-w-400 { max-width: 400px; }
.max-w-410 { max-width: 410px; }
.max-w-420 { max-width: 420px; }
.max-w-430 { max-width: 430px; }
.max-w-440 { max-width: 440px; }
.max-w-450 { max-width: 450px; }
.max-w-460 { max-width: 460px; }
.max-w-470 { max-width: 470px; }
.max-w-480 { max-width: 480px; }
.max-w-490 { max-width: 490px; }
.max-w-500 { max-width: 500px; }
.max-w-510 { max-width: 510px; }
.max-w-520 { max-width: 520px; }
.max-w-530 { max-width: 530px; }
.max-w-540 { max-width: 540px; }
.max-w-550 { max-width: 550px; }
.max-w-560 { max-width: 560px; }
.max-w-570 { max-width: 570px; }
.max-w-580 { max-width: 580px; }
.max-w-590 { max-width: 590px; }
.max-w-600 { max-width: 600px; }
.max-w-610 { max-width: 610px; }
.max-w-620 { max-width: 620px; }
.max-w-630 { max-width: 630px; }
.max-w-640 { max-width: 640px; }
.max-w-650 { max-width: 650px; }
.max-w-660 { max-width: 660px; }
.max-w-670 { max-width: 670px; }
.max-w-680 { max-width: 680px; }
.max-w-690 { max-width: 690px; }
.max-w-700 { max-width: 700px; }
.max-w-710 { max-width: 710px; }
.max-w-720 { max-width: 720px; }
.max-w-730 { max-width: 730px; }
.max-w-740 { max-width: 740px; }
.max-w-750 { max-width: 750px; }
.max-w-760 { max-width: 760px; }
.max-w-770 { max-width: 770px; }
.max-w-780 { max-width: 780px; }
.max-w-790 { max-width: 790px; }
.max-w-800 { max-width: 800px; }
.max-w-810 { max-width: 810px; }
.max-w-820 { max-width: 820px; }
.max-w-830 { max-width: 830px; }
.max-w-840 { max-width: 840px; }
.max-w-850 { max-width: 850px; }
.max-w-860 { max-width: 860px; }
.max-w-870 { max-width: 870px; }
.max-w-880 { max-width: 880px; }
.max-w-890 { max-width: 890px; }
.max-w-900 { max-width: 900px; }
.max-w-910 { max-width: 910px; }
.max-w-920 { max-width: 920px; }
.max-w-930 { max-width: 930px; }
.max-w-940 { max-width: 940px; }
.max-w-950 { max-width: 950px; }
.max-w-960 { max-width: 960px; }
.max-w-970 { max-width: 970px; }
.max-w-980 { max-width: 980px; }
.max-w-990 { max-width: 990px; }
.max-w-1000 { max-width: 1000px; }
.max-w-1010 { max-width: 1010px; }
.max-w-1020 { max-width: 1020px; }
.max-w-1030 { max-width: 1030px; }
.max-w-1040 { max-width: 1040px; }
.max-w-1050 { max-width: 1050px; }
.max-w-1060 { max-width: 1060px; }
.max-w-1070 { max-width: 1070px; }
.max-w-1080 { max-width: 1080px; }
.max-w-1090 { max-width: 1090px; }
.max-w-1100 { max-width: 1100px; }
.max-w-1110 { max-width: 1110px; }
.max-w-1120 { max-width: 1120px; }
.max-w-1130 { max-width: 1130px; }
.max-w-1140 { max-width: 1140px; }
.max-w-1150 { max-width: 1150px; }
.max-w-1160 { max-width: 1160px; }
.max-w-1170 { max-width: 1170px; }
.max-w-1180 { max-width: 1180px; }
.max-w-1190 { max-width: 1190px; }
.max-w-1200 { max-width: 1200px; }
.max-w-1210 { max-width: 1210px; }
.max-w-1220 { max-width: 1220px; }
.max-w-1230 { max-width: 1230px; }
.max-w-1240 { max-width: 1240px; }
.max-w-1250 { max-width: 1250px; }
.max-w-1260 { max-width: 1260px; }
.max-w-1270 { max-width: 1270px; }
.max-w-1280 { max-width: 1280px; }
.max-w-1290 { max-width: 1290px; }
.max-w-1300 { max-width: 1300px; }
.max-w-1310 { max-width: 1310px; }
.max-w-1320 { max-width: 1320px; }
.max-w-1330 { max-width: 1330px; }
.max-w-1340 { max-width: 1340px; }
.max-w-1350 { max-width: 1350px; }
.max-w-1360 { max-width: 1360px; }
.max-w-1370 { max-width: 1370px; }
.max-w-1380 { max-width: 1380px; }
.max-w-1390 { max-width: 1390px; }
.max-w-1400 { max-width: 1400px; }
.max-w-1410 { max-width: 1410px; }
.max-w-1420 { max-width: 1420px; }
.max-w-1430 { max-width: 1430px; }
.max-w-1440 { max-width: 1440px; }
.max-w-1450 { max-width: 1450px; }
.max-w-1460 { max-width: 1460px; }
.max-w-1470 { max-width: 1470px; }
.max-w-1480 { max-width: 1480px; }
.max-w-1490 { max-width: 1490px; }
.max-w-1500 { max-width: 1500px; }
.max-w-1510 { max-width: 1510px; }
.max-w-1520 { max-width: 1520px; }
.max-w-1530 { max-width: 1530px; }
.max-w-1540 { max-width: 1540px; }
.max-w-1550 { max-width: 1550px; }
.max-w-1560 { max-width: 1560px; }
.max-w-1570 { max-width: 1570px; }
.max-w-1580 { max-width: 1580px; }
.max-w-1590 { max-width: 1590px; }
.max-w-1600 { max-width: 1600px; }
.max-w-1610 { max-width: 1610px; }
.max-w-1620 { max-width: 1620px; }
.max-w-1630 { max-width: 1630px; }
.max-w-1640 { max-width: 1640px; }
.max-w-1650 { max-width: 1650px; }
.max-w-1660 { max-width: 1660px; }
.max-w-1670 { max-width: 1670px; }
.max-w-1680 { max-width: 1680px; }
.max-w-1690 { max-width: 1690px; }
.max-w-1700 { max-width: 1700px; }
.max-w-1710 { max-width: 1710px; }
.max-w-1720 { max-width: 1720px; }
.max-w-1730 { max-width: 1730px; }
.max-w-1740 { max-width: 1740px; }
.max-w-1750 { max-width: 1750px; }
.max-w-1760 { max-width: 1760px; }
.max-w-1770 { max-width: 1770px; }
.max-w-1780 { max-width: 1780px; }
.max-w-1790 { max-width: 1790px; }
.max-w-1800 { max-width: 1800px; }
.max-w-1810 { max-width: 1810px; }
.max-w-1820 { max-width: 1820px; }
.max-w-1830 { max-width: 1830px; }
.max-w-1840 { max-width: 1840px; }
.max-w-1850 { max-width: 1850px; }
.max-w-1860 { max-width: 1860px; }
.max-w-1870 { max-width: 1870px; }
.max-w-1880 { max-width: 1880px; }
.max-w-1890 { max-width: 1890px; }
.max-w-1900 { max-width: 1900px; }
.max-w-1910 { max-width: 1910px; }
.max-w-1920 { max-width: 1920px; }
.max-w-1930 { max-width: 1930px; }
.max-w-1940 { max-width: 1940px; }
.max-w-1950 { max-width: 1950px; }
.max-w-1960 { max-width: 1960px; }
.max-w-1970 { max-width: 1970px; }
.max-w-1980 { max-width: 1980px; }
.max-w-1990 { max-width: 1990px; }
.max-w-2000 { max-width: 2000px; }
.max-w-2010 { max-width: 2010px; }
.max-w-2020 { max-width: 2020px; }
.max-w-2030 { max-width: 2030px; }
.max-w-2040 { max-width: 2040px; }
.max-w-2050 { max-width: 2050px; }
.max-w-2060 { max-width: 2060px; }
.max-w-2070 { max-width: 2070px; }
.max-w-2080 { max-width: 2080px; }
.max-w-2090 { max-width: 2090px; }


.max-w-10perc { max-width: 10%; }
.max-w-20perc { max-width: 20%; }
.max-w-30perc { max-width: 30%; }
.max-w-40perc { max-width: 40%; }
.max-w-50perc { max-width: 50%; }
.max-w-60perc { max-width: 60%; }
.max-w-70perc { max-width: 70%; }
.max-w-80perc { max-width: 80%; }
.max-w-90perc { max-width: 90%; }
.max-w-100perc { max-width: 100%; }

/*HEIGHT*/
.h-full { height: 100% }
.h-half { height: 50%; }

.vh-100 { height: 100vh; }
.vh-75 { height: 75vh; }
.vh-50 { height: 50vh; }
.vh-25 { height: 25vh; }

.min-h-1 { min-height: 1px; }
.min-h-2 { min-height: 2px; }
.min-h-10 { min-height: 10px; }
.min-h-15 { min-height: 15px }
.min-h-20 { min-height: 20px }
.min-h-25 { min-height: 25px }
.min-h-30 { min-height: 30px }
.min-h-35 { min-height: 35px }
.min-h-40 { min-height: 40px }
.min-h-45 { min-height: 45px }
.min-h-50 { min-height: 50px }
.min-h-55 { min-height: 55px }
.min-h-60 { min-height: 60px }
.min-h-65 { min-height: 65px }
.min-h-70 { min-height: 70px }
.min-h-75 { min-height: 75px }
.min-h-80 { min-height: 80px }
.min-h-85 { min-height: 85px }
.min-h-95 { min-height: 95px }
.min-h-100 { min-height: 100px }
.min-h-20 { min-height: 20px; }
.min-h-105 { min-height: 105px; }
.min-h-120 { min-height: 120px; }
.min-h-210 { min-height: 210px; }
.min-h-220 { min-height: 220px; }
.min-h-230 { min-height: 230px; }
.min-h-250 { min-height: 250px; }
.min-h-270 { min-height: 270px; }
.min-h-500 { min-height: 500px; }
.min-h-280 { min-height: 280px; }
.min-h-245 { min-height: 245px; }
.min-h-400 { min-height: 400px; }
.min-h-450 { min-height: 450px; }
.min-h-350 { min-height: 350px; }

.max-h-500 { max-height: 500px; }
.max-h-500 { max-height: 500px; }
/*BORDER RADIUS*/

.rad-025 { border-radius: 0.25rem; }
.rad-05 { border-radius: 0.5rem; }
.rad-1 { border-radius: 1rem; }
.rad-15 { border-radius: 1.5rem; }
.rad-2 { border-radius: 2rem; }
.rad-25 { border-radius: 2.5rem; }
.rad-3 { border-radius: 3rem; }
.rad-35 { border-radius: 3.5rem; }
.rad-4 { border-radius: 4rem; }