/* Fonts */

@font-face {
    font-family: Polymathlight;
    src: url(../fonts/polymath/PolymathDemo-Light.otf) format("truetype");
}

@font-face {
    font-family: PolymathMedium;
    src: url(../fonts/polymath/PolymathDemo-Medium.otf) format("truetype");
}

@font-face {
    font-family: PolymathRegular;
    src: url(../fonts/polymath/PolymathDemo-Regular.otf) format("truetype");
}

@font-face {
    font-family: PolymathSemiBold;
    src: url(../fonts/polymath/PolymathDemo-Semibold.otf) format("truetype");
}

@font-face {
    font-family: PolymathSuper;
    src: url(../fonts/polymath/PolymathDemo-Super.otf) format("truetype");
}

@font-face {
    font-family: PolymathThin;
    src: url(../fonts/polymath/PolymathDemo-Thin.otf) format("truetype");
}

@font-face {
    font-family: PolymathXlight;
    src: url(../fonts/polymath/PolymathDemo-XLight.otf) format("truetype");
}

@font-face {
    font-family: PolymathBold;
    src: url(../fonts/polymath/PolymathDemo-Bold.otf) format("truetype");
}

@font-face {
    font-family: PolymathBlack;
    src: url(../fonts/polymath/PolymathDemo-Black.otf) format("truetype");
}

@font-face {
    font-family: PolymathBlackItalic;
    src: url(../fonts/polymath/PolymathDemo-BlackIt.otf) format("truetype");
}

@font-face {
    font-family: PolymathBoldItalic;
    src: url(../fonts/polymath/PolymathDemo-BoldIt.otf) format("truetype");
}

@font-face {
    font-family: PolymathSemiBoldItalic;
    src: url(../fonts/polymath/PolymathDemo-SemiboldIt.otf) format("truetype");
}


:root {
    /* Fonts */
    --poly-light: Polymathlight, sans-serif;
    --poly-medium: PolymathMedium, sans-serif;
    --poly-regular: PolymathRegular, sans-serif;
    --poly-semi-bold: PolymathSemiBold, sans-serif;
    --poly-super: PolymathSuper, sans-serif;
    --poly-thin: PolymathThin, sans-serif;
    --poly-x-light: PolymathXlight, sans-serif;
    --poly-bold: PolymathBold, sans-serif;
    --poly-black: PolymathBlack, sans-serif;
    --poly-black-italic: PolymathBlackItalic, sans-serif;
    --poly-bold-italic: PolymathBoldItalic, sans-serif;
    --poly-semi-bold-italic: PolymathSemiBoldItalic, sans-serif;

    /* Color */
    --button--text: #004d44;
    --button--background: #8cbfa6;
    --button--background-hover: #b0ded6;
    --button--border: #8cbfa6;
    --text-color-green: #b0ded6;
    --text-white: #fff;
    --bg-secondary: #ebe8e8;
    --footer-text: #4a7761;

    --bg-1: #f9f9f9;


    /* Font Size */
    --size--2rem: clamp(1.75rem, 1.678rem + 0.36vw, 2rem);
    --size--2-5rem: clamp(2rem, 1.858rem + 0.71vw, 2.5rem);
    --size--3rem: clamp(2.25rem, 2.036rem + 1.07vw, 3rem);
    --size--3-5rem: clamp(2.375rem, 2.053rem + 1.61vw, 3.5rem);
    --size--4rem: clamp(2.5rem, 2.072rem + 2.14vw, 4rem);
    --size--4-5rem: clamp(2.75rem, 2.25rem + 2.5vw, 4.5rem);
    --size--4-875rem: clamp(2.875rem, 2.825rem + 2.875vw, 4.875rem);
    --size--5rem: clamp(3rem, 2.428rem + 2.86vw, 5rem);
    --size--5-5rem: clamp(3.25rem, 2.608rem + 3.21vw, 5.5rem);
    --size--6rem: clamp(3.5rem, 2.786rem + 3.57vw, 6rem);
    --size--6-5rem: clamp(3.75rem, 2.964rem + 3.93vw, 6.5rem);
    --size--7rem: clamp(4rem, 3.142rem + 4.29vw, 7rem);
    --size--7-5rem: clamp(4.25rem, 3.322rem + 4.64vw, 7.5rem);
    --size--8rem: clamp(4.5rem, 3.5rem + 5vw, 8rem);
    --size--8-5rem: clamp(4.75rem, 3.678rem + 5.36vw, 8.5rem);
    --size--9rem: clamp(5rem, 3.858rem + 5.71vw, 9rem);
    --size--9-5rem: clamp(5.25rem, 4.036rem + 6.07vw, 9.5rem);
    --size--10rem: clamp(5.5rem, 4.214rem + 6.43vw, 10rem);
    --size--11rem: clamp(5.75rem, 4.25rem + 7.5vw, 11rem);
    --size--12rem: clamp(6rem, 4.286rem + 8.57vw, 12rem);
    --size--13rem: clamp(6.5rem, 4.642rem + 9.29vw, 13rem);
    --size--14rem: clamp(7rem, 5rem + 10vw, 14rem);
    --size--15rem: clamp(7.5rem, 5.358rem + 10.71vw, 15rem);
    --size--16rem: clamp(8rem, 5.714rem + 11.43vw, 16rem);


    --h1-accent--font-size: var(--size--4-875rem);
    --h1--font-size: var(--size--4rem);
    --h2--font-size: var(--size--3rem);
    --h2-accent--font-size: var(--size--3rem);
    --h3--font-size: var(--size--2-5rem);
    --h4--font-size: var(--size--2rem);
    --h5--font-size: var(--size--1-5rem);
    --h6--font-size: 18px;
}


/* Reset CSS */
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

p {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
}

button {
    outline: none;
    border: none;
    box-shadow: none;
    background: none;
    cursor: pointer;
}

/* ====================== */
.ao-sec-title h2 {
    font-size: var(--h1-accent--font-size);
    font-weight: 800;
    display: flex;
    padding-bottom: 80px;
    color: var(--button--text);
}

.sec-gap {
    padding: 80px 0;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-43 {
    padding-top: 43px;
}

.pt-56 {
    padding-top: 56px;
}

.pt-100 {
    padding-top: 100px !important;
}

.pt-128 {
    padding-top: 128px !important;
}

.pb-128 {
    padding-bottom: 128px !important;
}

.pt-178 {
    padding-top: 178px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pt-47 {
    padding-top: 47px !important;
}

.pt-152 {
    padding-top: 152px !important;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-191 {
    padding-bottom: 191px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.bg-dark-gray {
    background-color: rgb(235, 232, 232);
}

.bg-light-gray {
    background-color: #f9f9f9;
}

.bg-color-1 {
    background: var(--bg-secondary);
}



.modal-header button:focus {
    box-shadow: none !important;
}

.modal-content {
    padding: 32px;
    box-shadow: -1px 0 3px #fff, 8px 8px 16px -8px #0003;
}

.modal-header {
    position: absolute;
    width: fit-content;
    right: 0;
    top: 0;
    border: 0;
}

.modal-header button:hover {
    background-color: #B0DED6;
    color: var(--button--text-hover);
}

.modal-header button {
    padding: 0px !important;
    background-image: none !important;
    z-index: 5;
    font-size: 21px;
    width: 56px;
    height: 56px;
    float: right;
    border: 2px solid #8CBFA6;
    border-radius: 8px !important;
    background-color: #8CBFA6;
    color: white;
    justify-content: center;
    align-items: center;
    transition: background-color .2s, color .2s;
    display: flex;
    position: sticky;
    margin-top: 17px !important;
    margin-right: 17px !important;
    opacity: 1 !important;
}

.close-btn-line.is--2nd {
    transform: rotate(45deg);
}

.close-btn-line.is--1st {
    transform: rotate(-45deg);
}

.close-btn-line {
    background-color: white;
    color: white;
    border-radius: 1px;
    width: 1.75rem;
    height: 2px;
    position: absolute;
}

/* ====================== */

/* =========================== */
.ao-logo-slid-extra-class {
    display: flex;
    align-items: center;
    overflow-x: hidden;
    padding: 0;
}

.ao-slide-btn-ext-class {
    display: flex;
}

/* =========================== */

/* Global Variable */

body {
    font-family: var(--poly-regular);
    text-transform: inherit;
    -webkit-font-smoothing: antialiased;
}

.container {
    width: 100%;
    max-width: 1440px !important;
    margin-left: auto;
    margin-right: auto;
    padding-right: clamp(2rem, 1.858rem + 0.71vw, 2.5rem) !important;
    padding-left: clamp(2rem, 1.858rem + 0.71vw, 2.5rem) !important;
}

.btn-fill {
    border: 2px solid var(--button--border);
    background: var(--button--background);
    color: var(--button--text);
    text-align: center;
    letter-spacing: .047rem;
    line-height: normal;
    text-transform: uppercase;
    padding: 1.125rem 1.625rem;
    font-size: .938rem;
    font-weight: 700;
    line-height: 100%;
    display: flex;
    transition: all .2s ease;
    width: max-content;
}

.btn-fill:hover {
    background: var(--button--background-hover);
    border-color: var(--button--background-hover);
    transition: all .2s ease;
}

.btn-outline {
    border: 2px solid var(--button--border);
    background: transparent;
    color: var(--text-white);
    text-align: center;
    letter-spacing: .047rem;
    line-height: normal;
    text-transform: uppercase;
    padding: 1.125rem 1.625rem;
    font-size: .938rem;
    font-weight: 700;
    line-height: 100%;
    transition: all .2s ease;
}

.btn-outline:hover {
    background: var(--button--background-hover);
    border-color: var(--button--background-hover);
    transition: all .2s ease;
    color: var(--button--text);
}

.section-title-v1 h2 {
    font-size: var(--h2--font-size);
    font-family: var(--poly-bold);
    color: var(--button--text);
}

/* Header Start */
.header {
    background: var(--bg-1);
    height: auto;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.navbar {
    width: 100%;
    height: 72px;
    padding: 0 5% 0 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar .cta-contact {
    height: 100%;
    /* background-color: #fff; */
    display: flex;
    align-items: center;
}


.logo #small-logo {
    display: none;
}

.small-icon-mobile {
    display: none;
}

.small-icon-mobile svg {
    fill: var(--button--text);
    color: var(--button--text);
    width: 30px;
    height: 30px;
}

.small-icon-mobile a {
    width: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    padding: 0 !important;
}

.navbar .cta-contact a {
    padding: 14px 26px;
    font-size: 13px;
    letter-spacing: 0.65px;
    line-height: 13px;
    min-height: auto;
    border: 2px solid var(--button--border);
    color: var(--button--text);
    font-size: 13px;
    font-family: var(--poly-bold);
    transition: all 0.2s ease;
}

.navbar .cta-contact a:hover {
    background: var(--button--background-hover);
    border-color: var(--button--background-hover);
    transition: all 0.2s ease;
}

.navbar .logo {
    height: 100%;
    display: flex;
    align-items: center;
}

.navbar .logo a img {
    max-width: 19.001rem;
}

.navbar .cta-toggle-btn {
    display: flex;
    align-items: center;
    gap: 16px;
}

.navbar .cta-toggle-btn a {
    width: 133px;
    height: 45px;
    padding: 14px 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--button--background);
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    color: var(--button--text);
    font-family: var(--poly-bold);
    transition: all 0.2s ease;
    line-height: 13px;
    text-transform: uppercase;
}

.navbar .cta-toggle-btn a:hover {
    background: var(--button--background-hover);
    transition: all 0.2s ease;
}

.navbar .cta-toggle-btn .toggle-btn {
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.navbar .cta-toggle-btn .toggle-btn span {
    width: 24px;
    height: 2px;
    background: var(--button--text);
}



.nav-menu-wrapper {
    padding: 3rem 5%;
    display: flex;
    justify-content: space-between;
    border-bottom: 4px solid var(--button--background);
    display: none;
    transition: all .2s ease;
}

.nav-menu-wrapper.active {
    display: flex;
    transition: all .2s ease;
    gap: 30px;
}


.toggle-btn span {
    transition: 0.3s ease;
}

.toggle-btn.open span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.toggle-btn.open span:nth-child(2) {
    opacity: 0;
}

.toggle-btn.open span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

.nav-menu-wrapper .nav-menu-links h3 {
    opacity: .3;
    color: var(--button--text);
    text-align: left;
    text-transform: uppercase;
    font-size: 2.375rem;
    font-weight: 700;
    line-height: 140%;
    font-family: var(--poly-bold);
    margin-bottom: 1rem;
}

.nav-menu-wrapper .nav-menu-links ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.nav-menu-wrapper .nav-menu-links ul li a {
    color: var(--button--text);
    font-size: 1.25rem;
    transition: color .2s;
    display: flex;
    gap: 10px;
}

.nav-menu-wrapper .nav-menu-links ul li a:hover {
    color: var(--button--background-hover);
    transition: color .2s;
}

.nav-menu-wrapper .nav-menu-links .location li:nth-child(4),
.nav-menu-wrapper .nav-menu-links .location li:nth-child(5),
.nav-menu-wrapper .nav-menu-links .location li:nth-child(6),
.nav-menu-wrapper .nav-menu-links .location li:nth-child(7) {
    padding-left: 30px;
}

/* Header End */


/* Hero Section start */

.hero {
    height: 82.5vh;
    overflow: hidden;
    position: relative;
}

.hero .container {
    max-width: 1384px;
}

.hero .ao-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero .ao-video-bg video {
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.hero .ao-video-bg .bg-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1c1c1c;
    mix-blend-mode: multiply;
    opacity: 55%;
}

.ao-hero-title-wrapper {
    position: relative;
    width: 100%;
    height: 81vh;
    display: flex;
    align-items: flex-end;
    padding: 0;
}

.ao-hero-title-wrapper .ao-hero-content {
    width: 100%;
    padding: 0 0 96px 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ao-hero-title-wrapper .ao-hero-content .ao-hero-btn {
    display: flex;
    gap: 12px;
}

.ao-hero-content .ao-hero-star {
    display: flex;
    gap: 5px;
}

.ao-hero-content .ao-hero-star span:nth-child(1),
.ao-hero-content .ao-hero-star span:nth-child(2),
.ao-hero-content .ao-hero-star span:nth-child(3) {
    color: var(--text-white);
    font-family: var(--poly-semi-bold);
}

/* .ao-hero-content .ao-hero-star span:nth-child(3) {
    line-height: normal;
    letter-spacing: -4px;
} */

.ao-hero-content .ao-main-hero-title h1 {
    font-size: var(--h2--font-size);
    line-height: 53px;
    font-family: var(--poly-bold);
    color: var(--text-white);
}

.ao-hero-content .ao-main-hero-title .ao-animate-title {
    font-size: var(--h2--font-size);
    line-height: 53px;
    font-family: var(--poly-bold);
    color: var(--button--background-hover);
    line-height: normal;
}




/* Hero Section End */

/* Logo slider start */
.ao-logo-slider {
    height: 159px;
    display: flex;
    align-items: center;
    background: var(--bg-secondary);
    padding: 20px 0;
}

.logo-flex {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 5px;
    padding: 0;
}

.logo-left {
    max-width: 223px;
    width: 100%;
}

.logo-left p {
    font-size: 16px;
    color: var(--button--text);
    font-family: var(--poly-semi-bold);
}

/* LOGO SLIDER */
.logo-right {
    overflow: hidden;
    max-width: 84%;
    width: 100%;
}

.logo-right .splide__list {
    display: flex;
    gap: 50px;
}

.logo-right .splide__slide {
    display: flex;
    align-items: center;
}

.logo-right .splide__slide img {
    width: 120px;
    height: 60%;
    object-fit: contain;
}

/* Logo slider End */


/* Class Care Section Start */

/* priyanshu create section */
/* .ao-world-class-logo-sec .container {
    max-width: 1384px;
}

.ao-world-class-logo-sec {
    width: 100%;
    min-height: 600px;
    height: 100%;
    position: relative;
}

.ao-world-class-logo-content {
    display: flex;
    align-items: center;
    column-gap: 48px;
}

.ao-world-class-logo-img-1 {
    min-width: 562px;
    min-height: 560px;
}

.ao-world-class-logo-detail {
    max-width: 750px;
    min-height: 560px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    z-index: 1;
}

.ao-world-class-logo-detail .ao-world-class-logo-title {
    max-width: 694px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ao-world-class-logo-detail .ao-world-class-logo-title h2 {
    font-size: var(--h1--font-size);
    line-height: 70px;
    font-weight: 500;
    font-family: var(--poly-medium);
    color: var(--button--text);
    letter-spacing: normal;
}

.ao-world-class-logo-detail .ao-world-class-logo-title h2 span {
    font-size: 78px;
    line-height: 86px;
    font-family: var(--poly-black);
    color: var(--button--text);
    letter-spacing: normal;
}

.ao-world-class-logo-detail .ao-world-class-logo-title p {
    line-height: 24px;
    font-style: normal;
    font-family: var(--poly-semi-bold);
    color: var(--button--text);

}

.ao-world-class-logo-img {
    position: absolute;
    width: 800px;
    height: 560px;
    top: -20px;
    left: -126px;
    z-index: 0;
}

.ao-world-class-logo-img img {
    width: 100%;
    height: 108%;
} */



/* priyanshu create section */

.ao-class-care .ao-class-bg {
    width: 50vw;
    max-width: 100%;
    display: flex;
    position: relative;
    padding-top: 35%;
    overflow: hidden;
}

.ao-class-care .container-fluid {
    padding: 0;
}

.ao-class-care .ao-class-bg img {
    width: 100%;
    height: 100%;
    object-position: -115px -30px !important;
    object-fit: cover;
    position: absolute;
    inset: 0;
}

.ao-class-title-main {
    display: flex;
    /* justify-content: space-between; */
}

.section-title-wrapper {
    max-width: 43%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* gap: 15px; */
    transform: translateX(-82px);
    gap: 24px;
}

.section-title-wrapper h2 {
    font-size: var(--h1--font-size);
    font-family: var(--poly-medium);
    color: var(--button--text);
    line-height: normal;
}

.section-title-wrapper h2 span {
    font-size: var(--h1-accent--font-size);
    font-family: var(--poly-black);
    line-height: 0;
}

.section-title-wrapper p {
    font-size: 16px;
    font-family: var(--poly-semi-bold);
    color: var(--button--text);
}

/* Class Care Section End */

/* Class Care Slider Start */

.ao-class-care {
    overflow: hidden;
}

.ao-class-care .container {
    overflow: visible !important;
    /* margin-top: -100px; */
}

.gallery-slider {
    margin: 0 0 60px 0;
    width: 100%;
    position: relative;
}

.simple-gallery-slider {
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.gallery-slider .splide__slide img {
    width: 100%;
    /* height: 380px; */
    object-fit: cover;
    aspect-ratio: 1/1;
}

.splide__arrow--prev svg {
    transform: none;
}


/* move arrows to middle between images */
.gallery-slider {
    overflow: visible !important;
    position: relative;
}

.gallery-slider .splide__track {
    overflow: visible !important;
}

.gallery-slider .splide__list {
    overflow: visible !important;
    display: flex;
    gap: 27px;
}

.custom-arrows {
    position: absolute;
    top: 50%;
    width: 100%;
    pointer-events: none;
}

.custom-arrows .splide__arrow {
    pointer-events: auto;
    background: var(--button--background);
    color: var(--button--text);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
    transition: all 0.5s ease;
}

.custom-arrows .splide__arrow:hover{
    background: var(--button--background-hover);
    transition: all 0.5s ease;
}

.splide__arrow:disabled {
    opacity: 1 !important;
}

.splide__arrow {
    opacity: 1 !important;
}

.splide__arrow svg {
    fill: var(--button--text);
}

.splide__arrow--prev {
    left: -30px;
}

.splide__arrow--next {
    right: -30px;
}

.splide__pagination__page {
    width: 12px;
    height: 12px;
    background: #c8d5c9;
}

.splide__pagination__page.is-active {
    background: var(--button--background);
}

.splide__pagination {
    justify-content: flex-start;
}

.splide__pagination {
    bottom: -60px;
    left: 1px;
    position: absolute;
    z-index: 1;
    padding-left: 0;
    padding-right: 0;
}

.splide__pagination__page {
    width: 15px;
    height: 15px;
    border: 2px solid var(--button--background);
    background: transparent;
}

.splide__pagination__page.is-active {
    transform: none;
    border: 0;
}

/* Class Care Slider End */

/* Banner Section Start */
#city {
    display: inline-block;
    position: relative;
}

.letter {
    display: inline-block;
}

.ao-banner-section {
    margin: 85px 0 80px 0;
}

.ao-review-wrapper {
    padding: 6rem 2rem;
    background-size: cover;
    position: relative;
    background-position: center top;
}

.ao-review-wrapper .bg-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1c1c1c;
    mix-blend-mode: multiply;
    opacity: 55%;
}

.ao-banner-content {
    max-width: 427px;
    width: 100%;
    padding-top: 102px;
    position: relative;
    display: flex;
    flex-direction: column;
    /* gap: 20px; */
}


.ao-banner-content .ao-banner-text h3 {
    font-size: var(--h4--font-size);
    font-family: var(--poly-bold);
    color: var(--text-white);
    margin-top: 23px;
}

.ao-banner-content .ao-auther {
    margin-top: 15px;
}

.ao-banner-content .ao-auther span {
    font-size: var(--h1--font-size) !important;
    font-family: var(--poly-regular);
    color: var(--text-white);
    opacity: 0.4;
}

/* Banner Section End */

/* Meet Extert Section Start */
.ao-dr-meet-sec {
    background-color: var(--button--text);
    position: relative;
}

.ao-meet-sec-bg-img {
    width: 42%;
    height: 50%;
    position: absolute;
    inset: 0% auto 0% 0%;
    opacity: 1.1;
}

.ao-meet-sec-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right;

}

.ao-dr-meet {
    padding: 80px 0;
    display: flex;
    align-items: center;
    /* justify-content: center; */
    gap: 48px;
    z-index: 1;
}

.ao-dr-meet .ao-dr-meet-img {
    width: 50%;
    max-width: 656px;
    height: 656px;
}

.ao-dr-meet .ao-dr-meet-img img {
    width: 100%;
    height: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.459);
    object-fit: cover;
    object-position: top;
    /* object-position: center; */
}

.ao-dr-meet-content {
    width: 50%;
    max-width: 656px;
    height: 656px;
}

.ao-dr-meet-content,
.ao-dr-meet-content .ao-dr-meet-content-detail {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 24px;
}

.ao-dr-meet .ao-dr-meet-content P > span {
    text-transform: uppercase;
    font-size: 18px;
    font-family: var(--poly-black);
    color: white !important;
    letter-spacing: .079rem;
}

.ao-dr-meet .ao-dr-meet-content h2 {
    font-size: 48px;
    line-height: 1.2;
    font-family: var(--poly-bold);
    color: white;
}

.ao-dr-meet .ao-dr-meet-content h2>span {
    font-size: var(--h1-accent--font-size);
    font-family: var(--poly-black);
}

.ao-dr-meet .ao-dr-meet-content .ao-dr-meet-content-text {
    font-size: 16px;
    font-family: var(--poly-semi-bold);
    color: var(--text-white);
    opacity: 0.8;
}

.ao-dr-meet-btn a {
    color: white;
}

.ao-dr-meet-btn:hover .ao-dr-meet-btn-link {
    color: var(--button--text);
}

/* Meet Extert Section End */


/* Dream Smile card start */

.ao-dream-smile {
    padding-top: 76px;
    padding-bottom: 90px;
}

.ao-dream-smile .section-title-v1 {
    margin-bottom: 50px;
}

.ao-smile-card-wrapper {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 24px;
}

.ao-smile-card-wrapper .ao-smile-card {
    max-width: 436px;
    width: 100%;
    height: 393px;
    position: relative;
    background: var(--button--text);
    box-shadow: 0 10px 20px #0003;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ao-smile-card-wrapper .ao-smile-card:hover .bg-overlay {
    opacity: 0.7;
    transition: all 0.5s ease;
}

.ao-smile-card .ao-smile-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    /* top: 0;
    left: 0; */
    overflow: hidden;
}

.ao-smile-card .ao-smile-bg img {
    object-fit: cover;
    object-position: top;
    inset: 0%;
    width: 100%;
    height: 100%;
}

.bg-overlay {
    position: absolute;
    inset: 0%;
    background: #1c1c1c;
    opacity: 0.6;
    transition: all 0.5s ease;
}

.ao-smile-card .ao-smile-content {
    position: inherit;
    width: 100%;
    height: 100%;
    padding: 60px 22px 22px 22px;
    display: flex;
    flex-direction: column;
}

.ao-smile-content h3 {
    width: 100%;
    height: 96px;
    text-align: center;
    display: flex;
    align-items: end;
    justify-content: center;
    font-size: 40px;
    font-family: var(--poly-bold);
    color: var(--text-white);
}

.ao-smile-content .ao-card-content {
    /* background-color: #004d44; */
    margin-top: 15px;
}

.ao-smile-content .ao-card-content p {
    text-align: center;
    color: var(--text-white);
    transform: translateY(50px);
    opacity: 0;
    transition: all .5s ease;
}

.ao-dream-smile-d-2-content .ao-card-content p {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--poly-black);
    color: var(--text-white);
    transform: translateY(200px);
    opacity: 0;
    transition: all .5s ease;
}

.ao-smile-card-wrapper .ao-smile-card:hover .ao-card-content p {
    transform: translateY(0px);
    opacity: 1;
    transition: all .7s ease;
}

.ao-smile-content .ao-card-cta {
    width: 100%;
    margin-top: 40px;
    border-top: 2px solid var(--button--background);
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.ao-smile-content .ao-card-cta span {
    color: var(--text-white);
    transition: all .5s ease;
}

.ao-smile-content .ao-card-cta span:nth-child(1) {
    text-transform: uppercase;
    font-family: var(--poly-bold);
    transition: all .5s ease;
}

.ao-smile-content .ao-card-cta span:nth-child(2) {
    rotate: -45deg;
    transition: all .5s ease;
}

.ao-smile-card-wrapper .ao-smile-card:hover .ao-card-cta span:nth-child(1) {
    color: var(--button--background);
    transition: all .5s ease;
}

.ao-smile-card-wrapper .ao-smile-card:hover .ao-card-cta span:nth-child(2) {
    rotate: 0deg;
    transition: all .5s ease;
    color: var(--button--background);
}

.ao-smile-card-wrapper .splide__arrow {
    background: var(--button--background);
    color: #fff;
    border: none;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
}



.ao-smile-card-wrapper .splide__arrow--prev {
    left: 5px;
    pointer-events: auto;
    background: var(--button--background);
    color: var(--button--text);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
}

.ao-smile-card-wrapper .splide__arrow--next {
    right: 5px;
    pointer-events: auto;
    background: var(--button--background);
    color: var(--button--text);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
}

.ao-smile-card-wrapper .splide__arrow:disabled {
    opacity: 0.5;
}

.ao-smile-card-wrapper .splide__slide {
    height: 300px;
}

.ao-smile-card-wrapper.splide {
    display: block !important;
}

.ao-smile-card-wrapper .splide__slide {
    height: auto !important;
}


/* Dream Smile card end */

/* Find office section start */

.ao-find-section {
    padding: 62px 0 150px 6%;
}

.ao-find-section-pt {
    padding-top: 96px;
    padding-bottom: 96px;
}


.section-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.left-content {
    max-width: 40%;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.left-content h2 {
    font-size: var(--h1--font-size);
    color: var(--button--text);
    font-family: var(--poly-medium);
}

.card-name-display {
    position: relative;
    height: 80px;
    /* height of title display */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 432px;
}

.card-name-display span {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity .4s ease, transform .4s ease;
    display: flex;
    align-items: center;
    font-size: var(--h1-accent--font-size);
    font-family: var(--poly-black);
    color: var(--button--text);
}

.card-name-display span.active {
    opacity: 1;
    transform: translateY(0);
}

.card-name-display span.above {
    transform: translateY(-100%);
    opacity: 0;
}

.card-name-display span.below {
    transform: translateY(100%);
    opacity: 0;
}

.ao-slider-control {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: 30px; */
}

.ao-slider-control .slider-btns button {
    background-color: var(--text-white);
    box-shadow: 0 2px 10px 0 #004d444d;
    /* color: var(--button--text); */
    cursor: pointer;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    padding: 12px;
    font-size: 0;
    font-weight: 400;
    line-height: 1em;
    transition: opacity .2s, background-color .2s, color .2s;
    display: flex;
    border: 2px solid var(--button--background);
}

.ao-slider-control .slider-btns button:hover{
    background: var(--button--background-hover);
    border-color: var(--button--background-hover);
}

.slider-dots {
    display: flex;
    gap: 10px;
    align-items: center;
}

.slider-dots div {
    width: 15px;
    height: 15px;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s;
    border: 2px solid var(--button--background);
}

.slider-dots div.active {
    background: var(--button--background);
}

/* container structure */
.slider-area {
    width: 53%;
    position: relative;
}

.slider-container {
    overflow: hidden;
    width: 100%;
}


.slider-track {
    display: flex;
    gap: 0px;
    transition: transform .5s ease;
    width: max-content;
    height: 642px;
    align-items: stretch;
    box-sizing: border-box;
}


.card {
    flex: 0 0 838px;
    width: 838px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0;
    position: relative;
    transform: scale(0.8);
    opacity: 0.6;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

.card.active-card {
    transform: scale(1);
    opacity: 1;
}

.card .ao-slide-card-bg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.card .ao-slide-card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    position: absolute;
    filter: brightness(60%);
}

.card .ao-slide-card-bg .ao-card-bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#0000, #061414d9);
    z-index: 2;
}

.card .ao-slide-card-content {
    max-width: 600px;
    height: 100%;
    position: relative;
    z-index: 3;
    padding: 50px 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.card .ao-slide-card-content h3 {
    font-size: 40px;
    font-family: var(--poly-bold);
    color: var(--text-white);
}

.card .ao-slide-card-content .ao-slide-location {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.ao-slide-location a:nth-child(1) {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    font-family: var(--poly-semi-bold-italic);
    /* font-style: italic; */
    color: var(--text-white);
}

.ao-slide-location a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 16px;
    font-family: var(--poly-semi-bold);
    color: var(--text-white);
}

.slider-btns {
    display: flex;
    gap: 15px;
}

.slider-btns button {
    padding: 10px 20px;
    border: none;
    background: #000;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}

.ao-slide-btn {
    display: flex;
    gap: 15px;
}


/* Find office section end */

/* Content CTA Section Start */

.ao-content-cta-section {
    background: var(--bg-secondary);
    border-top: 1px solid #000;
    padding: 82px 0 100px 0;
}

.ao-content-section-wrapper {
    width: 100%;
    display: flex;
    padding: 40px 64px;
    justify-content: space-between;
    background: var(--text-white);
    box-shadow: 0 10px 20px #0003;
    position: relative;
}

.ao-bg-vecto {
    position: absolute;
    width: 42%;
    height: 50%;
    inset: 0% 0% 0% auto;
    opacity: 0.5;
}

.ao-bg-vecto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ao-content-section-wrapper .ao-content-left {
    /* max-width: 507px; */
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
    position: relative;
}

.ao-content-left span {
    font-size: var(--h1-accent--font-size);
    font-family: var(--poly-black);
    line-height: 1;
    color: var(--button--text);
}

.ao-content-left a {
    margin-top: 20px;
}

.ao-content-section-wrapper .ao-content-right {
    max-width: 100%;
    height: 676px;
    position: relative;
}

.ao-content-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content CTA Section End */

/* Tab Content Section Start */

.benefits-section {
    background-color: var(--bg-secondary);
    padding: 60px 0 80px 0;
    position: relative;
}

.ao-benifit-bg {
    position: absolute;
    max-width: 790px;
    height: 553px;
    bottom: 0;
    right: 0;
    /* background: black; */
}

.ao-benifit-bg img {
    width: 100%;
    height: 100%;
}

.benefits-container {
    width: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    gap: 80px;
    padding: 0;
    position: relative;
    /* padding-top: 12px; */
    /* padding-left: 10px; */
}

.benefits-right .section-title-v1 {
    margin-bottom: 32px !important;
}

.benefits-left {
    flex: 1;
    max-width: 640px;
    /* height: 540px; */
    position: relative;
}

.benefits-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.4s ease-in-out;
}

.benefits-right {
    flex: 1;
    padding-top: 13px;
}

.main-title {
    font-size: 48px;
    color: #004F48;
    font-weight: 700;
}

.benefit-box {
    padding: 16px 0 16px 32px;
    cursor: pointer;
}

.benefit-box.active {
    border-left: 2px solid var(--button--border);
}

.benefit-box.active h3 {
    color: var(--button--text);
    font-size: 24px;
    font-family: var(--poly-bold);
    opacity: 1;
}

.benefit-title {
    color: var(--button--text);
    font-size: 24px;
    font-family: var(--poly-bold);
    opacity: 0.7;
    margin-bottom: 8px;
    line-height: 140%;
}

.benefit-desc {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
    display: none;
    font-weight: 700;
    color: var(--button--text);
    font-family: var(--poly-semi-bold);
}

.benefit-desc.show {
    display: block;
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* Tab Content Section End */
.ao-privacy-policy-sec {
    padding: 56px 40px 80px;
}

/* Testimonial Slider Start */

.ao-testimonials-slider {
    padding: 78px 0 183px 0;
    overflow: hidden;
}

.ao-testimonials-slider .section-title-v1 {
    margin-bottom: 45px;
}

.ao-testimonials-slider .ao-testi-slider-lo-page-title h2 {
    font-size: var(--h2--font-size);
    font-family: var(--poly-bold);
    line-height: 110%;
    color: var(--button--text);
    margin-bottom: 48px;
}

.ao-testimonials-slider-80px {
    padding: 80px 0 128px;
}

.ao-testimonials-slider .container {
    overflow: visible !important;
}

.testimonial-slider .splide__slide:nth-child(odd) {
    background-color: transparent;
}

.testimonial-slider .splide__slide:nth-child(even) {
    background: transparent;
}

.testimonial-slider {
    overflow: visible !important;
    position: relative;
    padding: 0;
}

.testimonial-slider .splide__track {
    overflow: visible !important;
}

.testimonial-slider .splide__list {
    overflow: visible !important;
    display: flex;
    gap: 24px;
}

.testimonial-slider .ao-t-card {
    width: 100%;
    box-shadow: 0 10px 20px #0003;
    display: flex;
}

.testimonial-slider .ao-t-img {
    height: 384px;
    min-width: 223px;
}

.testimonial-slider .ao-t-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ao-t-card .ao-t-content {
    width: auto;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.testimonial-slider .splide__slide:nth-child(odd) .ao-t-card .ao-t-content {
    background: var(--button--background);  
}

.testimonial-slider .splide__slide:nth-child(even) .ao-t-card .ao-t-content {
    background: var(--button--text);
}

.ao-t-card .ao-t-top p {
    font-size: 18px;
    font-family: var(--poly-semi-bold);
}

.testimonial-slider .splide__slide:nth-child(odd) .ao-t-card .ao-t-top p {
    color: var(--button--text);
}

.testimonial-slider .splide__slide:nth-child(even) .ao-t-card .ao-t-top p {
    color: var(--text-white);
}

.ao-t-content .ao-t-bottom {
    border-top: 2px solid #eae6e699;
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.testimonial-slider .splide__slide:nth-child(odd) .ao-t-content .ao-t-bottom h4 {
    color: var(--button--text);
    font-size: 24px;
    font-family: var(--poly-bold);
}

.testimonial-slider .splide__slide:nth-child(even) .ao-t-content .ao-t-bottom h4 {
    color: var(--text-white);
    font-size: 24px;
    font-family: var(--poly-bold);
}

.testimonial-slider .splide__slide:nth-child(odd) .ao-t-content .ao-t-bottom span {
    color: var(--button--text);
    font-size: 16px;
    font-family: var(--poly-semi-bold);
}

.testimonial-slider .splide__slide:nth-child(even) .ao-t-content .ao-t-bottom span {
    color: var(--text-white);
    font-size: 16px;
    font-family: var(--poly-semi-bold);
}

.testimonial-slider .custom-arrows-v1 {
    position: absolute;
    bottom: -80px;
    right: 40px;
    display: flex;
    width: 60px;
}

.custom-arrows-v1 button {
    width: 56px;
    height: 56px;
    background: transparent;
    border: 2px solid var(--button--background);
    box-shadow: 0 2px 10px 0 #004d444d;
}

.custom-arrows-v1 button:hover {
    background: var(--button--background-hover);
    border-color: var(--button--background-hover);
}

.testimonial-slider .splide__pagination {
    bottom: -90px;
}


/* Testimonial Slider End */

/* Footer Start */

.ao-footer-box-image img {
    width: 100%;
}

.footer-sec {
    background-color: var(--bg-secondary);
    padding-top: 80px;
    position: relative;
}

.ao-footer-bg {
    object-fit: cover;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}

.ao-footer-bg img {
    z-index: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
    transform: rotate(90deg);
    height: 100vw;
}

.ao-footer-first {
    padding: 0;
}

.ao-footer-box {
    padding-left: 0;
    padding-right: 0;
}

.ao-footer-first .ao-footer-title {
    text-align: center;
}

.ao-footer-first .ao-footer-title h2 {
    font-size: var(--h1--font-size);
    color: var(--button--text);
    font-family: var(--poly-medium);
    line-height: 110%;

}

.ao-footer-first .ao-footer-title h2 span {
    font-size: var(--h1-accent--font-size);
    color: var(--button--text);
    font-family: var(--poly-black);
    line-height: 110%;
}

.ao-footer-box-first-detail,
.ao-footer-box-second-detail {
    max-width: 357px;
    width: 100%;
}

.ao-footer-first .ao-footer-box-third-detail {
    max-width: 111px;
    width: 100%;
}

.ao-footer-box-image-area {
    height: -webkit-fill-available;
    display: flex;
    align-items: center;
}

.ao-footer-box-image {
    min-width: 178px;
    width: 100%;
}

.ao-footer-first {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center;
}

.ao-footer-title-btn,
.ao-footer-btn-2 {
    display: flex;
    gap: 12px;
}


.ao-footer-title-btn-all {
    display: flex;
    gap: 12px;
}

.ao-footer-box {
    padding-top: 80px;
}

.ao-footer-box-detail-content {
    display: grid;
    grid-template-columns: 11.125rem 1fr 1fr auto;
    align-items: start;
    justify-content: center;
    gap: 64px;
    border: 2px solid var(--button--border);
    padding: 64px 80px;
    background-color: #f9f9f9;
}

.ao-footer-box-detail-content .ao-footer-box-detail-title h6 {
    text-transform: uppercase;
    color: var(--button--text);
    font-size: 18px;
    letter-spacing: .079rem;
    border-bottom: 2px solid var(--button--border);
    margin-bottom: 16px;
    line-height: 25px;
    font-family: var(--poly-black);
}

/* .ao-footer-box-detail .ao-footer-box-detail-list {
    display: flex;
    gap: 64px;
} */

.ao-footer-box-detail .ao-footer-box-detail-list .ao-footer-box-link ul {
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ao-footer-box-detail .ao-footer-box-detail-list .ao-footer-box-link .ao-footer-grid-set {
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 32px;
    grid-row-gap: 12px;
}

.ao-footer-box-detail .ao-footer-box-detail-list .ao-footer-box-link ul li a {
    font-size: 14px;
    color: var(--button--text);
    transition: all ease 0.5s;
    font-family: var(--poly-medium);
}

.ao-footer-box-detail .ao-footer-box-detail-list .ao-footer-box-link ul li a:hover {
    color: var(--button--border);
}

.ao-footer-copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 80px 16px;
}

.ao-footer-copyright .ao-footer-co-text {
    font-size: 12px;
    color: var(--button--text);
    font-family: var(--poly-semi-bold);
    opacity: 0.8;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: 8px;
}

.ao-footer-copyright .ao-footer-co-text .ao-footer-co-dark span a {
    color: var(--button--text);
}

.ao-footer-copyright .ao-footer-co-text .ao-footer-co-light span a {
    color: var(--footer-text);
}

.ao-footer-btn-2 a {
    color: var(--button--text);
}

/* .ao-footer-copyright .ao-footer-co-text span .ao-footer-co-light {
    color: var(--button--border);
    transition: all ease 0.5s;
}

.ao-footer-copyright .ao-footer-co-text span .ao-footer-co-light:hover {
    color: var(--button--background-hover);
} */

.ao-footer-co-text span {
    display: flex;
    gap: 5px;
}

.ao-footer-copyright .ao-footer-co-text span a {
    color: var(--button--text);
}

.ao-footer-social-link .ao-footer-social-icon i {
    color: var(--button--text);
    font-size: 20px;
}

.ao-footer-social-link .ao-footer-social-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ao-footer-social-link .ao-footer-social-icon a {
    color: var(--button--text);
}

.ao-footer-social-link .ao-footer-social-icon a svg {
    width: 24px;
    height: 24px;
}

.ao-footer-social-link .ao-footer-social-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* new style footer */
/* .ao-footer-co-text span {
    display: flex;
    gap: 5px;
}

.ao-footer-box-link ul {
    display: flex;
    flex-flow: row wrap;
    flex-direction: row !important;
    justify-content: space-between;
}

#footer-navigate {
    column-count: 2;
    column-gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer-navigate li {
    break-inside: avoid;
    width: 42%;
}

.ao-footer-box-link {
    width: 100%;
}

#footer-Treatments {
    column-count: 2;
    column-gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
    row-gap: 12px;
}

#footer-Treatments li {
    break-inside: avoid;
    width: 42%;
}

#footer-locations li {
    width: 100%;
}

#footer-locations {
    flex-direction: column I !important;
} */

/* Footer End */

/* Review Section Style Start */
.ao-review-card-sec {
    background-image: url('/images/service/ao-bg-light-logo.svg');
    background-size: 665.688px;
    background-repeat: no-repeat;
    background-position: center right;


    position: relative;
    overflow: hidden;
}

.ao-review-card-sec:after {
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    width: 796px;
    height: 530px;
    background-size: cover;
    top: -114px;
    z-index: 0;
}

.ao-review-cards {
    /* display: flex;
    align-items: center;
    justify-content: space-between; */

    display: grid;
    grid-template-columns: auto auto auto;
    padding-left: 0;
    padding-right: 0;
    gap: 28px;

    position: relative;
    z-index: 99;
}

.ao-review-cards .ao-review-card {
    background-color: white;
    box-shadow: 0 4px 20px rgba(110, 110, 110, 0.459);
    max-width: 437.33px;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 40px 24px;
}

.ao-review-cards .ao-review-card h3 {
    font-size: 48px;
    font-weight: 800;
    line-height: 53px;
    letter-spacing: normal;
    font-family: var(--poly-black);
    color: var(--button--text);
}

.ao-review-cards .ao-review-card p {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    letter-spacing: 1.264px;
    font-family: var(--poly-black);
    color: var(--button--text);
}

/* Review Section Style End */

/* Benefit Tab Section Style Start */
.ao-benefits-section {
    background-color: #f9f9f9;
}

.ao-about-simple-benefit-sec {
    background-color: #ffff;
}

.ao-benefits-section .container {
    padding-left: 0;
    padding-right: 0;
}

.ao-benefits-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 80px;
    margin-top: 48px;
    ;
}

.benefits-left {
    flex: 1;
    max-width: 640px;
    height: 560px;
    position: relative;
}

/* .benefits-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 0.4s ease-in-out;
} */

.ao-benefits-right {
    flex: 1;
}

.ao-benefits-right .section-title-v1 {
    margin-bottom: 32px;
}

.ao-main-title {
    font-size: 48px;
    color: var(--button--text);
    font-style: var(--poly-bold);
    font-weight: 700;
    line-height: 53px;
}

.ao-benefit-box {
    padding: 16px 0 16px 32px;
    cursor: pointer;
}

.ao-benefit-box.active {
    border-left: 2px solid var(--button--border);
}

.ao-benefit-box.active h3 {
    color: var(--button--text);
    font-size: 24px;
    font-family: var(--poly-bold);
    opacity: 1;
}

.ao-benefit-box .benefit-title {
    color: var(--button--text);
    font-size: 24px;
    font-family: var(--poly-bold);
    opacity: 0.7;
    margin-bottom: 8px;
    line-height: 140%;
}

.benefit-desc {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
    display: none;
    font-weight: 700;
    color: var(--button--text);
}

.benefit-desc.show {
    display: block;
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* @media(max-width: 900px) {
    .ao-benefits-container {
        flex-direction: column;
        text-align: center;
    }

    .ao-benefit-box {
        border-left: none;
        border-bottom: 3px solid #d5dfdc;
        padding-bottom: 20px;
    }

    .ao-benefit-box.active {
        border-bottom: 3px solid #008c7c;
    }

    .benefit-title {
        font-size: 22px;
    }
} */

/* Benefit Tab Section Style End */

/* Faqs Section Style Start */
.ao-faq {
    padding: 40px 24px;
    box-shadow: 0 10px 24px 0.15px rgba(187, 187, 187, 0.842);
}

.ao-faq-sec .container {
    max-width: 1280px;
}

.ao-faq-sec h2 {
    padding-bottom: 80px;
    font-size: var(--h1-accent--font-size);
    color: var(--button--text);
    font-family: var(--poly-black);
    line-height: 110%;
}


.ao-faq-content {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 100px;
    padding: 24px 0 48px;
    border-top: 2px solid var(--button--border);
}

.ao-faq-content-heding {
    width: 40%;
}

.ao-faq-content-heding h6 {
    font-size: 16px;
    color: var(--button--text);
    font-family: var(--poly-semi-bold);
    line-height: 24px;
}

.ao-faq-content-text {
    width: 60%;
    color: var(--button--text);
    font-weight: 500;
}

.ao-faq-content-text p {
    font-size: 14px;
    font-family: var(--poly-medium);
}

.ao-faq-btn-content {
    margin-top: 80px;
}

.ao-faq-btn-content .ao-faq-content-text .ao-faq-content-text-title h3 {
    font-size: 32px;
    font-weight: 800;
}

.ao-faq-content-text {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 32px;
    align-items: center;
}

.ao-faq-btn {
    display: flex;
}

/* Faqs Section Style End */

/* Post Section Style Start */
.ao-post-container {
    width: 100%;
    background-color: rgb(240, 240, 240);
}

.ao-post-container .container {
    padding-left: 0;
    padding-right: 0;
}

.ao-post-section-wrapper {
    width: 100%;
}

/*Title*/
.ao-post-title {
    text-align: center;
    font-size: var(--h2-accent--font-size);
    font-weight: 800;
    line-height: 53px;
    font-family: var(--poly-black);
    color: var(--button--text);
    /* margin-bottom: 10px; */
    max-width: 980px;
    margin: auto auto;
}


/*Share Section*/
.ao-post-share-box span,
.ao-post-share-box-bottom span {
    color: var(--button--text);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.16px;
}

.ao-post-dash {
    content: '';
    width: 32px;
    background-color: var(--button--border);
    display: block;
    height: 2px;
}

.ao-post-share-box {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 48px;
}


.ao-post-share-icons i {
    font-size: 18px;
    cursor: pointer;
    margin: 0 8px;
    transition: 0.5s;
}


.ao-post-share-icons i:hover {
    color: var(--button--text);
}

/*Image*/
.ao-post-image-box {
    width: 100%;
    height: 476px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}


.ao-post-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-size: cover;
    background-position: center bottom;
}


/*Bottom Contant*/
.ao-post-content-detail {
    max-width: 848px;
    margin: 0 auto;
    padding: 64px 0;
}

.ao-post-content {
    margin-bottom: 80px;
}

.ao-post-content-detail .ao-post-content p a {
    text-decoration: 1px underline;
    color: var(--button--text);
}

.ao-post-content-detail .ao-post-content p {
    color: var(--button--text);
    font-style: normal;
    font-family: var(--poly-semi-bold);
    letter-spacing: 0.16px;
    line-height: 24px;
    margin-bottom: 12px;
}

.ao-post-content-detail .ao-post-content h2 {
    color: var(--button--text);
    font-weight: 700;
    font-family: var(--poly-bold);
    font-size: 48px;
    line-height: 110%;
    margin-top: 24px;
    margin-bottom: 12px;
}

.ao-post-content-detail .ao-post-content ul {
    color: var(--button--text);
    font-weight: 800;
    padding-left: 20px;
    margin-bottom: 12px;
}

.ao-post-content-detail .ao-post-content ul li {
    position: relative;
    margin: 4px;
}

.ao-post-content-detail .ao-post-content ul li:before {
    content: '';
    display: block;
    background-image: url('/images/post/ao-post-list-icon.svg');
    background-repeat: no-repeat;
    object-fit: cover;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translate(0, -50%);

}

.ao-post-share-box-bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.4px;
}

.ao-post-share-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.ao-post-share-icons a svg {
    /* width: 20px;
    height: auto; */
    color: var(--button--border);
    transition: all ease 0.5s;
}

.ao-post-share-icons a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ao-post-share-icons a>svg:hover {
    color: var(--button--text);
}


/* Responsive */
@media (max-width: 768px) {
    .ao-share-box {
        font-size: 13px;
    }

    .ao-content-wrapper p {
        font-size: 15px;
    }
}

/* Post Section Style End */

/* Treatment Process Tab Section Start */
.ao-process-sec {
    text-align: center;
}

.ao-process-sec .container {
    max-width: 1304px;
}

.ao-title {
    font-size: var(--h1-accent--font-size);
    font-weight: 700;
    line-height: 110%;
    color: var(--button--text);
    font-family: var(--poly-black);
    margin-bottom: 50px;
}

/* STEP LINE + DOTS */
.ao-steps-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
    /* padding: 0 40px; */
}

.ao-line {
    position: relative;
    width: 100%;
    height: 4px;
    background: #ddd;
}

.ao-step {
    width: -webkit-fill-available;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}

.ao-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #d8e5e4;
    margin: 0 auto;
    transition: 0.4s ease;
}

.ao-step.active .ao-dot {
    background: var(--button--text);
}

.ao-step.active .ao-step-title {
    color: var(--button--text);
}

.custom-text-align .ao-step-title{
    max-width: 100%;
    font-size: .875rem;
    font-family: var(--poly-semi-bold);
}

.ao-step-title {
    font-size: 18px;
    color: var(--button--background);
    max-width: 130px;
    text-align: center;
    margin-bottom: 12px;
    font-family: var(--poly-semi-bold);
}

.ao-step-title-num {
    display: none;
    font-size: 30px;
    color: var(--button--background);
}

/* FILL LINE PROGRESS */
.ao-line::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: var(--fill-width, 0px); /* pixel-based */
    background: #000;
    transition: width 0.4s ease;
}

/* CONTENT */
.ao-tab-content {
    display: none;
}

.ao-content-box .ao-tab-content .ao-tab-content-left-detail {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: start;
}

.ao-content-box .ao-tab-content .ao-tab-content-left-detail h3 {
    font-size: var(--h3--font-size);
    line-height: 110%;
    color: var(--button--text);
    font-weight: 600;
    margin-bottom: 16px;
}

.ao-content-box .ao-tab-content .ao-tab-content-left-detail p {
    color: var(--button--text);
    font-family: var(--poly-semi-bold);
}

.ao-content-box .ao-tab-content .ao-tab-content-right-image {
    width: 50%;
    height: 400px;

}

.ao-content-box .ao-tab-content .ao-tab-content-right-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}


.ao-tab-content.active {
    display: flex;
    align-items: center;
    gap: 80px;
    animation: fade 0.4s ease;
}

@keyframes fade {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}



/* Horizontal Line */
.ao-line {
    position: absolute;
    bottom: 0px;
    /* DOT CENTER ALIGN */
    height: 3px;
    background: #d8e5e4;
}

.ao-line::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 3px;
    width: var(--fill-width, 0%);
    background: #066a61;
    transition: width 0.4s ease;
}

/* Dot */
.ao-dot {
    width: 14px;
    height: 14px;
    background: #000;
    border-radius: 50%;
    position: absolute;
    bottom: -5px; /* adjust as needed */
    left: 50%;
    transform: translateX(-50%);
}

.ao-step {
    position: relative;
}

.ao-step.active .ao-dot {
    background: #000;
}

/* Treatment Process Tab Section End */

/* Contact Form Section Start */
.ao-form {
    padding: 60px 32px;
    width: 56%;
    margin: 0 auto;
}

.form-section {
    padding: 128px 40px;
}

.form-inner {
    max-width: 750px;
    background-color: #EBE8E8;
    padding: 60px 32px;
    margin: 0 auto;
}

.form-inner h4 {
    font-size: 18px;
    color: #004d44FF;
    font-family: var(--poly-medium);
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 16px;
}

.form-inner h2 {
    text-align: center;
    font-size: 48px;
    font-weight: 800;
    color: var(--button--text);
    font-family: var(--poly-medium);
    line-height: 110%;
    margin-bottom: 30px;
    word-wrap: break-word;
}

.gform_body label,
legend {
    color: #004d44FF !important;
    font-family: var(--poly-medium) !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
    font-weight: 500 !important;
    margin-bottom: .5rem !important;
}

.gform-theme--foundation .gform_fields {
    row-gap: 16px !important;
}

.gform_body input::placeholder {
    font-size: 16px !important;
    color: #8C8C8C !important;
}

.gfield_html {
    font-size: 11px !important;
    color: #004d44FF !important;
}

.ginput_container_date,
.ginput_container_date input {
    width: 100% !important;
}

.gform_body input[type="radio"] {
    width: 15px !important;
    height: 15px !important;
}

.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    background-color: red !important;
}

form input[type="submit"] {
    padding: 14px 26px !important;
    background: var(--button--background) !important;
    font-size: 13px !important;
    color: var(--button--text) !important;
    font-family: var(--poly-bold) !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
    padding: 17px !important;
    font-size: 18px !important;
    border-radius: 0px !important;
    line-height: normal !important;
}

form input[type="submit"]:hover {
    background: var(--button--background-hover) !important;
    transition: all 0.2s ease !important;
}
.gform_body input:focus {
    outline: none !important;
    box-shadow: none !important;


}
.gform_body textarea:focus {
    border-color: #3898EC !important;
    box-shadow: none !important;
    outline: none !important;
}

.gform_body input:not([type="radio"]):focus {
    border-color: #3898EC !important;
    box-shadow: none !important;
    outline: none !important;
}
.gform-theme--foundation .gfield textarea:focus {

border-color: #3898EC !important;

}
.gform-theme--foundation .gfield textarea {
    border-radius: 0px !important;
    background-color: #f9f9f9b3 !important;
    color: #2c3345FF !important;
    border: 0px !important;
    margin-bottom: 8px !important;
    min-height: 65px !important;
    padding: 20px !important;
    border-bottom: 1.5px solid #8cbfa6FF !important;
    height: 84px;
}

.gform_body input:not([type="radio"]) {
    border-radius: 0px !important;
    background-color: #f9f9f9b3 !important;
    color: #2c3345FF !important;
    border: 0px !important;
    margin-bottom: 8px !important;
    min-height: 65px !important;
    padding: 20px !important;
    border-bottom: 1.5px solid #8cbfa6FF !important;
}

.gform_body .gchoice {
    align-items: center;
}

.gform_body .gchoice label {
    margin-bottom: 0px !important;
}

/* INNER CONTAINER */
/* .container {
        max-width: 900px;
        margin: 0 auto;
        background: #f1eeee;
        padding: 50px 40px;
    } */

/* HEADINGS */
.ao-form-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* gap: 16px; */
}

.ao-form-title h3 {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: var(--button--text);
    line-height: 110%;
    margin-bottom: 16px;
}

.ao-form-title h2 {
    text-align: center;
    font-size: 48px;
    margin-bottom: 18px;
    font-weight: 700;
    font-family: var(--poly-bold);
    color: var(--button--text);
    line-height: 110%;
}

/* FLEX WRAPPER */
.form-row {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

/* INPUT BOX */
.input-field {
    display: flex;
    flex-direction: column;
    width: calc(50% - 12.5px);
}

.input-field.full {
    width: 100%;
}
.gform_body input[type="radio"]{
width: 15px !important;
    height: 15px !important;
}
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
box-shadow: 0 0 0 1px rgba(42, 111, 96, 0); /* stronger glow */
 background-color: #8EBFA6 !important;
 border: 2px solid rgb(0, 0, 0);
 width: 15px !important;
    height: 15px !important;
}
#field_1_18{
        color: black !important;
    letter-spacing: 0.4px;
    font-size: 13px !important;
}
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
 background-color: #8EBFA6 !important;
}
/* Style the radio button border + shadow */
body .gfield_radio input[type="radio"] {
    border: 1px solid #000000;  /* outer border */
    appearance: none;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
}
body .gfield_radio {
    display: flex;
    flex-direction: column;
    gap: 4px !important;
}
/* When selected */
body .gfield_radio input[type="radio"]:checked {
    background-color: #2A6F60; /* inner dot color */
    box-shadow: 0 0 0 1px rgba(42, 111, 96, 0.4); /* stronger glow */
}
.input-field label,
.radio-group label {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 600;
    color: var(--button--text);
    font-family: var(--poly-semi-bold);
}

.input-field input:focus,
.input-field textarea:focus {
    border-color:  #3898ec !important;
    box-shadow: none !important;
    outline: none !important;
    
}

.input-field input,
.input-field textarea {
    width: 100%;
    padding: 20px;
    border: none;
    background: #f9f9f9;
    border-bottom: 1px solid var(--button--border);
    outline: none;
    font-size: 15px;
}

.input-field input::placeholder {
    color: #777;
}

/* SMALL TEXT */
.input-field small {
    margin-top: 5px;
    font-size: 12px;
    color: #666;
}

.ao-form-bottom-text {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

.ao-form-bottom-text small {
    margin-top: 5px;
    font-size: 12px;
    color: var(--button--text);
}

/* RADIO SECTION */
.radio-group {
    margin-top: 25px;
}

.radio-group label {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.radio-option {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 0;
}

.radio-option span {
    color: var(--button--text);
}

.radio-option input {
    width: 15px;
    height: 15px;
}

.ao-form-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 32px;
}

/* RESPONSIVE */
/* @media(max-width:768px) {
    .input-field {
        width: 100%;
    }

    .container {
        padding: 30px 20px;
    }
} */

/* Contact Form Section End */


/* Privacy Policy Section Start */
.ao-privacy-policy-content-border {
    border: 2px solid var(--button--border);
}

.ao-privacy-policy-content {
    width: 801.578px;
    margin: 0 auto;
    padding: 96px 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ao-privacy-policy-content .ao-privacy-policy-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* gap: 10px; */
}

.ao-privacy-policy-content .ao-privacy-policy-title h2 {
    font-size: var(--h1--font-size);
    font-weight: 700;
    color: var(--button--text);
    font-family: var(--poly-semi-bold);
}

.ao-privacy-policy-content .ao-privacy-policy-title p {
    font-size: 38.4px;
    color: var(--button--text);
    font-weight: 500;
}

.ao-privacy-policy-content .ao-privacy-policy-text {
    color: var(--button--text);
}

.ao-privacy-policy-content .ao-privacy-policy-text h3 {
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 110%;
}

.ao-privacy-policy-content .ao-privacy-policy-text p {
    margin-bottom: 18px;
    font-weight: 600;
    font-family: var(--poly-semi-bold);
}

.ao-privacy-policy-content .ao-privacy-policy-text .ao-privacy-policy-desh-text p {
    margin-bottom: 0;
}

.ao-privacy-policy-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 32px;
}

/* Privacy Policy Section End */


/* Blog Section Start */
.container-blog {
    max-width: 1384px;
}

.ao-blog-section {
    background-color: rgb(240, 240, 240);
    /* margin: 0 55px;
    padding: 0 40px 80px 40px; */
}

.ao-blog-title h2 {
    font-size: 78px;
    color: var(--button--text);
    font-family: var(--poly-black);
    line-height: 110%;
}

.ao-sec-title h2 {
    font-size: 78px;
    font-weight: 800;
    display: flex;
    font-style: var(--fill-width);
    padding: 80px 0;
    /* padding-bottom: 80px; */
    color: var(--button--text);
}

.ao-blogs .ao-blog-card {
    height: auto;
    /* border: 1px solid transparent; */
    background-color: white;
    box-shadow: 0 10px 24px 0.15px rgba(187, 187, 187, 0.842);
    background-color: white;
    box-shadow: 0 10px 24px 0.15px rgba(187, 187, 187, 0.842);
}

.ao-blogs .ao-blog-card:hover .ao-arrow-btn i {
    transform: rotate(-45deg);
}

.ao-blogs .ao-blog-card:hover .ao-blog-detail {
    background-color: var(--button--text);
}

.ao-blogs .ao-blog-card:hover .ao-blog-detail h3,
.ao-blogs .ao-blog-card:hover .ao-blog-detail p {
    color: white;
}

.ao-blogs .ao-blog-card:hover .ao-blog-post-btn a {
    color: var(--button--border);
}

.ao-blog-card-img {
    width: 100%;
    height: 306.13px;
}

.ao-blog-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-position: center;
}

.ao-blog-detail {
    min-height: 316px;
    /* height: 100%; */
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    transition: all ease 0.9s;

}

.ao-blog-detail .ao-blog-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 12px;
}

.ao-blog-detail .ao-blog-content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 33.6px;
    font-family: var(--poly-bold);
    color: var(--button--text);
    transition: all ease 0.5s;

}

.ao-blog-detail .ao-blog-content p {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.16px;
    font-family: var(--poly-semi-bold);
    color: var(--button--text);
    transition: all ease 0.5s;


    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;

}

.ao-blog-detail .ao-blog-btn {
    width: 100%;
    /* height: 44px; */
    display: flex;
    padding-top: 14px;
    /* align-items: center; */
    justify-content: space-between;
    border-top: 2px solid var(--button--border);
    transition: all ease 0.5s;
}

.ao-blog-detail .ao-blog-btn .ao-blog-post-btn a {
    text-transform: uppercase;
    color: var(--button--text);
    font-family: var(--poly-bold);
    font-size: 15px;
    font-weight: 700;
    /* transition: all ease 0.5s; */
}

.ao-blog-detail .ao-blog-btn .ao-arrow-btn i {
    border: 2px solid var(--button--border);
    color: var(--button--border);
    width: 28px;
    height: 28px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.6s;
}

.ao-blog-detail .ao-blog-btn .ao-arrow-btn {
    transition: all ease 0.6s;
}

.ao-blogs {
    /* display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    column-gap: 24px;
    row-gap: 48px; */
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
    grid-column-gap: 1.5rem;
    grid-row-gap: clamp(2.25rem, 2.036rem + 1.07vw, 3rem);
}

/* Blog Section End */


/* Meet The Team Global Section Style Start */
.ao-braces-in-chandler-sec {
    background-color: var(--button--text);
}

.ao-braces-in-chandler-sec .container {
    max-width: 1384px;
}

.ao-braces-in-chandler-content {
    width: 587px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 24px;
}

.ao-braces-in-chandler-content h2 {
    font-size: var(--h2--font-size);
    font-weight: 800;
    color: var(--text-white);
}

.ao-braces-in-chandler-content p {
    font-weight: 600;
    color: var(--text-white);
    font-family: var(--poly-semi-bold);
    letter-spacing: 0.16px;
}

.ao-braces-in-chandler-content p span {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--text-white);
    font-family: var(--poly-black);
}

.ao-braces-in-chandler-image {
    width: 50%;
    height: 100%;
}

.ao-braces-in-chandler-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ao-breces-in-chandler-sec-detail {
    height: 775px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    position: relative;
}

/* Meet The Team Global Section Style End */


/* Inf Made Easy Section Style Start */
.ao-content-section-wrapper {
    justify-content: center;
    gap: 48px;
}

.ao-content-section-wrapper .ao-inf-made-content-left p {
    color: var(--button--text);
    font-weight: 600;
    line-height: 24px;
    font-style: normal;
    font-family: var(--poly-semi-bold);
}

.ao-content-section-wrapper .ao-inf-made-content-right,
.ao-content-section-wrapper .ao-inf-made-content-left {
    max-width: 592px;
    width: 100%;
    height: 444px;
}

.ao-inf-made-content-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 1px -65px;
}

/* Inf Made Easy Section Style End */

/* Pay Solution Section Style Start */
.ao-pay-solution-sec {
    background-color: white;
}

.ao-pay-solution-content .ao-pay-solution-content-detail h2 {
    font-size: var(--h1--font-size);
    line-height: 110%;
    font-family: var(--poly-medium);
    color: var(--button--text);
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ao-pay-solution-content .ao-pay-solution-content-detail p {
    font-family: var(--poly-semi-bold);
    color: var(--button--text);
    max-width: 587px;
}

.ao-pay-solution-content .ao-pay-solution-content-detail h2 span {
    font-size: 78px;
    line-height: 110%;
    color: var(--button--text);
}

.ao-style-circle-list ul {
    color: var(--button--text);
    font-weight: 800;
    padding-left: 20px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ao-style-circle-list ul li {
    position: relative;
    margin: 4px;
    font-family: var(--poly-semi-bold);
    font-size: 18px;
}

.ao-style-circle-list ul li:before {
    content: '';
    display: block;
    background-image: url('../images/post/ao-post-list-icon.svg');
    background-repeat: no-repeat;
    object-fit: cover;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: -25px;
    transform: translate(0, -50%);

}

/* Pay Solution Section Style End */

/* Journey Section Style Start */
/* ===============================
   RESET
================================ */
.ao-journy-section {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.ao-journy-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: clamp(50vh, calc(60vh + 20vw), 100vh);
}

/* ===============================
   LEFT CONTENT
================================ */
.ao-journy-left {
    max-width: 45%;
    height: 100%;
    /* padding: 150px 6vw; */
    /* padding-left: 110px; */
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ao-journy-left .ao-journy-left-content {
    width: 87%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    position: relative;
    z-index: 1;
    /* padding-top: 124px; */
}

.ao-journy-left .ao-journy-left-content h1 {
    color: var(--button--text);
    font-family: var(--poly-black);
    font-size: var(--h2-accent--font-size);
}

.ao-journy-left .ao-journy-left-content p {
    font-size: 16px;
    line-height: 24px;
    color: var(--button--text);
    font-family: var(--poly-semi-bold);
    position: relative;
    z-index: 2;
}

/* BG LOGO */
.ao-journy-bglogo {
    width: 574px;
    height: 400px;
    position: absolute;
    bottom: -20px;
    right: -100px;
    font-size: 420px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.05);
    line-height: 0.8;
    user-select: none;
    pointer-events: none;
    z-index: 0;
}

.ao-journy-bglogo img {
    width: 100%;
    height: 100%;
}

/* ===============================
   RIGHT IMAGE
================================ */
.ao-journy-right {
    max-width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.ao-journy-right img {
    width: 50vw;
    height: 100%;
    object-fit: cover;
    object-position: top;
    box-shadow: 0 10px 24px 0.15px rgba(187, 187, 187, 0.842);
}

/* ===============================
   RESPONSIVE – TABLET
================================ */
@media (max-width: 992px) {
    .ao-journy-left h1 {
        font-size: 42px;
        line-height: 50px;
    }

    .ao-journy-bglogo {
        font-size: 300px;
    }
}

/* ===============================
   RESPONSIVE – MOBILE
================================ */

/* Journey Section Style End */

/* Loctaion Full Page Style Start */
.location-content p {
    font-size: inherit;
    line-height: inherit;
    font-family: var(--poly-semi-bold);
    color: #004D44;
    letter-spacing: 0.2px;
}

.ao-locationpage-faq-align {
    display: flex;
    align-items: center;
    justify-content: center;
}

.location-content h2 {
    line-height: 110%;
    font-size: 48px;
    color: #004D44;
    font-weight: 700;
    font-family: PolymathBold;
}

.location-content {
    max-width: 790px;
    width: 100%;
    /* margin-right: 0; */
    /* margin-left: auto; */
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
}


.padding-top-main {
    padding-top: 72px;
}

.ao-location-in-banner {
    display: flex;
    align-items: center;
}

.ao-location-banner-section div {
    height: 100%;
}

.ao-location-banner-section {
    position: relative;
    height: 69vh;
    background-color: #EBE8E8;
}

.ao-location-banner-section .container {
    max-width: 1440px;
}

.in-content {
    max-width: 587px;
    width: 100%;
    position: relative;
    height: auto !important;
    z-index: 9;
}

.ao-location-img img {
    z-index: 0;
    object-fit: cover;
    object-position: top;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.ao-location-img {
    width: 42.5%;
    height: 100%;
    box-shadow: 0 10px 20px #0003;
    position: absolute;
    left: 0;
    object-fit: cover;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    inset: 0%;
    overflow: hidden;
}

.location-content {
    position: relative;
}

.location-content:after {
    content: "";
    width: 432px;
    background-size: contain;
    position: absolute;
    height: 259px;
    background-image: url(../images/queen-creek/locationg-bg.svg);
    background-repeat: no-repeat;
    right: 0;
    left: auto;
    bottom: 0;
}

.ao-location-contact-section {
    background-color: var(--button--text);
    position: relative;
}

.ao-location-contact-bg-img {
    width: 42%;
    height: 50%;
    position: absolute;
    inset: 0% 0% 0% auto;
    opacity: 1.1;
}

.ao-location-contact-details {
    background-color: white;
    display: flex;
    gap: 16px;
    position: relative;
}

.ao-location-contact-section .container {
    max-width: 1440px;
    width: 100%;
}

.ao-location-contact-bg-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
    object-position: top right;
}

.ao-location-contact-inner {
    padding: 80px 40px;
}

.ao-location-contact-map iframe {
    height: 100%;
    width: 100% !important;
}

.ao-location-contact-map {
    max-width: 448px;
    width: 100%;
}

.ao-location-contact-inner .ao-location-contact-info {
    padding: 40px 24px;
    display: flex;
    gap: 48px;
    width: 100%;
    box-shadow: 0 10px 20px #0003;
    background-color: #F9F9F9;
}

.ao-location-contact-info .ao-sub-info {
    margin-top: 16px;
}

.ao-location-contact-info .ao-sub-info a,
.ao-location-contact-info .ao-sub-info li {
    font-size: 16px;
    line-height: inherit;
    font-weight: 600;
    font-family: var(--poly-semi-bold);
    color: var(--button--text);
    letter-spacing: 0.2px;
}

.ao-location-contact-info h3 {
    line-height: 33.6px;
    font-size: 24px;
    color: #004D44;
    margin-bottom: 8px;
    font-weight: 700;
    font-family: PolymathBold;
}

.ao-card-inner {
    max-width: 250px;
    width: 100%;
    text-align: center;
}

.ao-card-inner svg {
    margin-bottom: 16px;
}

.ao-location-titlecontent-section {
    padding: 128px 0px;
    background-color: white;
}

.ao-location-titlecontent-section .ao-location-content-inner h2 {
    font-size: var(--h1--font-size);
    color: var(--button--text);
    font-family: var(--poly-medium);
    line-height: 110%;
    text-align: center;
}

.ao-location-content-inner h1 {
    font-size: var(--h1-accent--font-size);
    font-weight: 800;
    margin-bottom: 16px;
    color: var(--button--text);
    font-family: var(--poly-black);
    line-height: 110%;
    text-align: center;
}

.ao-location-content-inner p {
    font-size: inherit;
    line-height: inherit;
    font-family: var(--poly-bold);
    color: #004D44;
    letter-spacing: 0.2px;

    max-width: 768px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.benefits-right .ao-location-content-inner {
    text-align: center;
    margin-bottom: 80px;
}

/* .ao-location-content-inner p {
     max-width: 768px;
    width: 100%;
    margin: 0 auto;
   
} */

.aolocation-benefits .benefits-container {
    margin-top: 48px;
}

.ao-location-treatments-card-section h2 {}

.ao-locationpage-card {
    padding: 80px 0px;
}

.ao-locationpage-card .ao-smile-card {
    min-height: 468px;
}

.ao-locationpage-card .ao-smile-card-wrapper {
    gap: 24px;
}

.ao-locationpage-card .ao-smile-content h3 {
    width: 100%;
    height: auto;
}

.ao-locationpage-card .ao-card-content {
    margin-top: 15px;
}

.ao-locationpage-card .ao-smile-content {
    display: flex;
    flex-direction: column;
    padding: 64px 24px 40px;
    justify-content: space-between;
}

.ao-locationpage-card .ao-smile-card .ao-card-content p {
    transform: translateY(0px);
    opacity: 1;
}

.ao-locationpage .ao-faq-content-heding h6 {
    font-size: 20px;
}

.ao-locationpage .ao-faq-content-heding {
    width: 45%;
}

.ao-locationpage .ao-faq-btn-content {
    border-top: 0px !important;
}

.ao-locationpage .ao-faq {
    max-width: 1280px;
    width: 100%;
    box-shadow: 0 10px 20px #0003;
}

.ao-locationpage {
    padding-bottom: 128px;
}

.aolocation-benefits h3 {
    font-size: 24px;
    color: #004D44;
    margin-bottom: 12px;
}

.aolocation-benefits {
    padding-bottom: 80px;
}

.aolocation-benefits .section-title-v1 {
    margin-bottom: 0px;
}

.ao-locationpage .ao-faq-content-text {
    max-width: 667px;
    width: 100%;
}

.ao-autoplay-slider-location {
    padding-top: 60px;
}

.ao-autoplay-slider-location .scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.ao-autoplay-slider-location .scroller[data-animated="true"] {
    overflow: hidden;
}

.ao-autoplay-slider-location .scroller[data-animated="true"] .scroller__inner {
    width: max-content;
    flex-wrap: nowrap;
    animation: scroll var(--_animation-duration, 10s) var(--_animation-direction, forwards) linear infinite;
}

.ao-autoplay-slider-location .scroller__inner img {
    width: 416px;
    height: 312px;
    object-fit: cover;
}

.ao-autoplay-slider-location .scroller[data-direction="right"] {
    --_animation-direction: reverse;
}

.ao-autoplay-slider-location .scroller[data-direction="left"] {
    --_animation-direction: forwards;
}

.ao-autoplay-slider-location .scroller[data-speed="fast"] {
    --_animation-duration: 20s;
}

.ao-autoplay-slider-location .scroller[data-speed="slow"] {
    --_animation-duration: 60s;
}

@keyframes scroll {
    to {
        transform: translate(calc(-50% - 0.5rem));
    }
}

/* Loctaion Full Page Style End */

/* Before After Full Page Style Start */
.afterbeforebanner .btn-outline {
    color: black !important;
}

.afterbeforebanner .btn-outline:hover {
    color: #004D44;
}

.ao-after-before-banner .location-content:after {
    width: 576px;
    background-size: contain;
    position: absolute;
    height: 330px;
    right: -95px;
}

.afterbeforebanner {
    display: flex;
    gap: 20px;
    position: relative;
    margin: 24px 0px;
    height: fit-content !important;
    z-index: 9;
}

.ao-after-before-banner .ao-location-img {
    z-index: 9;
}

.ao-after-before-banner .ao-location-img {
    height: 100%;
    right: 0;
    width: 49%;
    left: auto;
}

.ao-after-before-banner .location-content {
    max-width: 55%;
    width: 100%;
    margin-right: auto;
    /* margin-left: 35px; */
    margin-top: 0px;
}

.ao-after-before-banner h1 {
    font-size: var(--h1-accent--font-size);
    color: var(--button--text);
    font-family: var(--poly-black);
    line-height: 110%;
}

.ao-after-before-banner .afterbeforebanner {
    position: relative;
    z-index: 9;
}

.ao-after-before-banner .in-content {
    position: relative;
    z-index: 9;
}

.ao-after-before-banner h2 {
    font-size: var(--h2--font-size);
    color: var(--button--text);
    font-family: var(--poly-medium);
    line-height: 110%;
}

.after-before-img-inner .after-before-img-card {
    max-width: 628px;
    width: 100%;
}

.after-before-img-inner {
    grid-column-gap: clamp(2.5rem, 2.072rem + 2.14vw, 4rem);
    grid-row-gap: clamp(2.5rem, 2.072rem + 2.14vw, 4rem);
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-columns: 1fr;
    display: grid;
}


.after-before-img-card .after-before-imgs div {
    width: 50%;
    height: 182px;
}

.after-before-img-card .after-before-imgs div img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.after-before-img-card .after-before-imgs {
    display: flex;
}

.after-before-img-section h2 {
    font-size: 48px;
    margin-bottom: 48px;
    color: var(--button--text);
    font-family: var(--poly-medium);
    line-height: 110%;
    font-weight: 600;
    text-align: center;
}

.after-before-img-section {
    padding: 128px 40px;
}

.after-before-img-card h3 {
    margin-top: 32px;
    font-size: 48px;
    margin-bottom: 12px;
    color: var(--button--text);
    font-family: var(--poly-medium);
    line-height: 110%;
    font-weight: 600;
}

.after-before-img-card p {
    font-size: 16px;
    line-height: inherit;
    font-weight: 600;
    color: #004D44;
    letter-spacing: 0.2px;
}

.background-slider {
    background-color: #F9F9F9;
}

.background-slider .ao-t-star {
    margin-bottom: 12px;
}

.background-slider {
    padding-top: 80px;
    padding-bottom: 182px;
}

.background-slider h2 {
    font-size: 48px;
    padding: 0;
    margin-bottom: 48px;
    color: var(--button--text);
    font-family: var(--poly-medium);
    line-height: 110%;
    font-weight: 600;
}

.background-slider .splide__list {
    gap: 18px;
}

/* Before After Full Page Style End */


/* thank you css start */

.ao-thank-you-sec {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ao-thank-you-content {
    width: 66%;
    margin: 0 auto;
    border: 2px solid var(--button--border);
    padding: 96px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.ao-thank-you-content .ao-thank-you-text p {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    font-family: var(--poly-black);
    color: var(--button--text);
}

.ao-thank-you-content .ao-thank-you-title h2 {
    font-size: var(--h1--font-size);
    font-weight: 700;
    color: var(--button--text);
}

.ao-thank-you-content .ao-thank-you-btn {
    margin-top: 24px;
}

/* thank you css end  */

/* 404 page css start */
.pagenotfound .ao-thank-you-content {

    width: 100%;
}

.pagenotfound .ao-thank-you-content h2 {
    font-size: 48px;
}

.pagenotfound .ao-thank-you-content p {

    font-size: 18px;
    font-weight: 800;
    color: var(--button--text);
}

/* 404 page css end */

/* meet the team grp css start*/


.ao-meet-the-team-banner h1 {
    font-size: 78px;
    color: var(--button--text);
    font-family: var(--poly-black);
    line-height: 86px;
}

.ao-meet-the-team-banner .location-content {
    max-width: 685px;
}

.ao-referrals-banner-sec .ao-referrals-content {
    max-width: 690px;
}

.ao-meet-the-team-banner .ao-location-img {
    width: 49%;
}

.ao-meet-the-team-banner {
    background: white;
}

.ao-meet-the-team-banner .location-content::after {
    content: ' ';
    width: 358px;
    background-image: url(../images/meetafter.svg);
    background-position: bottom right;
    bottom: -26px;
}

.ao-meetteamOfficers .ao-content-left h2 {
    font-size: 18px;
    text-transform: uppercase;
}

.ao-meetteamOfficers .ao-content-left span {

    font-size: 48px;
}

.ao-content-left p {
    font-size: 16px;
    line-height: inherit;
    font-weight: 600;
    color: #004D44;
    letter-spacing: 0.2px;
}


.ao-meetteamOfficers .ao-content-right {
    max-width: 592px;
    width: 100%;
    height: 442px;
    box-shadow: 0 10px 20px #0003;

}

.ao-meetteamOfficers .ao-content-section-wrapper {
    justify-content: space-between;
}


.ao-meetteamOfficers .ao-content-left {
    max-width: 587px;
}


/* meet the team grp css end*/

.meetgrp-outer {
    padding: 128px 0px;
    max-width: 1360px;
    width: 100%;
}

.ao-group-of-team {
    position: relative;
}

.ao-simple-sec-detail {
    background-color: white;
    padding: 40px 64px;
    box-shadow: 0 10px 24px 0.15px rgba(161, 161, 161, 0.842);
}

.ao-simple-sec-detail {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
}

.ao-simple-sec-detail .ao-simple-sec-img {
    width: 50%;
    height: 444px;
}

.ao-simple-sec-detail .ao-simple-sec-content {
    width: 50%;
}

.ao-simple-sec-detail .ao-simple-sec-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ao-simple-sec-detail .ao-simple-sec-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    gap: 24px;
}

.ao-simple-sec-detail .ao-simple-sec-content .ao-simple-sec-title h2 {
    font-size: 48px;
    font-weight: 800;
    color: var(--button--text);
}

.ao-simple-sec-detail .ao-simple-sec-content .ao-simple-sec-text p {
    font-weight: 700;
    color: var(--button--text);
}

/* ----------- advance section style ==================== */
.ao-team-advance-content {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 24px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}




.ao-team-advance-content .ao-team-advance-heading h2 {
    font-size: 48px;
    font-weight: 800;
    color: var(--button--text);
}

.ao-team-advance-content .ao-team-advance-text p {
    max-width: 587px;
    font-family: var(--poly-semi-bold);
    color: var(--button--text);
    font-size: 18px;
    margin-bottom: 45px;
}

/* ----------- group image section style ==================== */
.ao-team-group-img {
    width: 100%;
    height: 680px;
}

.ao-team-group-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 10px 24px 0.15px rgba(161, 161, 161, 0.842);
}

.ao-team-light-bg-logo {
    position: absolute;
    top: 60px;
    right: 0;
}

.ao-team-light-bg-logo .ao-team-page-logo-set {
    width: 533px;
}

.ao-team-light-bg-logo .ao-team-page-logo-set img {
    width: 100%;
}

.meetgrp-outer {
    position: relative;
}

.bg-white {
    background-color: white;
}



.ao-dr-detailtab-inner .tabs {
    max-width: 900px;
    margin: auto;

    padding: 0;
    border-radius: 4px;
}

.ao-dr-detailtab-inner .tab-buttons {
    display: flex;
    background: #ebe8e8;
    padding: 12px;
    width: fit-content;
    align-items: center;
}

.tab-buttons .tab-btn {}

.tab-buttons .tab-btn.active {
    background-color: #8cbfa6;
    color: #004d44;
    border: 2px solid #8cbfa6;

}

.tab-buttons .tab-btn.active:hover {
    background-color: #8cbfa6;
    border-color: #b0ded6;
}



.ao-dr-detailtab-inner .tab-btn:hover {

    background-color: #b0ded6;

}

.ao-dr-detailtab-inner .tab-btn {


    padding: 16px 24px;
    width: fit-content;
    cursor: pointer;
    border: none;
    outline: none;
    border: 2px solid transparent;
    background: transparent;
    color: #004d44;
    font-weight: bold;
    transition: 0.3s;
}

.ao-dr-detailtab-inner .tab-btn.active {

    color: #0b4a3a;
}

.ao-dr-detailtab-inner .tab-content {
    padding: 30px;
    color: #333;
}

.ao-dr-detailtab-inner .content {
    display: none;
    max-width: 587px;
    width: 100%;
    animation: fadeIn 0.4s ease;
}

.ao-dr-detailtab-inner .content.active {
    display: block;
}

.ao-dr-detailtab-inner .container {
    max-width: 1360px;
    width: 100%;
}

.ao-dr-detailtab-inner {
    background-color: #004d44;
    padding: 128px 40px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.dr-detailtab-inner {
    display: flex;
    gap: 48px;
}

.ao-dr-detailtab-inner .container {
    padding: 0px;
}

.ao-dr-detailtab-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 10px 20px #0003;
    object-position: top;
}

.ao-dr-detailtab-image {
    max-width: 656px;
    width: 100%;
    ;
    height: 656px;
}

.ao-dr-detailtab-detail h2 {
    font-size: 48px;
    margin-bottom: 24px;
    font-family: var(--poly-black);
    line-height: 1;
    color: white;
}

.ao-dr-detailtab-detail {
    max-width: 656px;
    width: 100%;
}

.ao-dr-detailtab-detail .tab-content {
    padding: 0px;
    background-color: #004d44;
    margin-top: 48px;
}

.ao-dr-detailtab-detail .tab-content p:last-child {
    margin-bottom: 0px;
}

.ao-dr-detailtab-detail .tab-content p {
    font-size: 16px;
    line-height: inherit;
    font-family: var(--poly-semi-bold);
    color: #cedbd9;
    letter-spacing: 0.2px;
    margin-bottom: 12px;

}

.tab-content .content li svg {
    margin-right: 12px;
}

.tab-content .content li {
    color: white;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: var(--poly-semi-bold);
}




/* About Main Sec Style Start */
.ao-about-main-sec {
    background-color: white;
}

.ao-about-main-sec .location-content:after {
    width: 576px;
    background-size: contain;
    position: absolute;
    height: 192px;
    right: -412px;
}

.ao-about-main-sec .location-content:after {
    content: "";
    width: 529px;
    position: absolute;
    height: 346px;
    background-image: url(../images/queen-creek/locationg-bg.svg);
    background-repeat: no-repeat;
    background-position: right 90%;
    left: auto;
    bottom: 0;
    background-size: contain;
}

.ao-about-main-sec .ao-location-img {
    height: 100%;
    right: 0;
    max-width: 40%;
    left: auto;
}

.ao-info-main-sec .ao-location-img {
    height: 100%;
    right: 0;
    width: 48%;
    left: auto;
}

.ao-about-comfort-sec {
    background-color: var(--bg-secondary);
    padding-top: 47px;
    position: relative;
    padding-bottom: 42px;
}

.ao-about-comfort {
    display: flex;
    align-items: start;
}

.ao-about-confort-bg {
    position: absolute;
    bottom: 0;
    left: 23%;
    width: 600px;
}

.ao-about-confort-bg img {
    width: 100%;
    height: 100%;
}

.ao-about-comfort-sec .ao-about-comfort-content-detail h2 {
    font-size: 48px;
    line-height: 110%;
    font-family: var(--poly-bold);
    color: var(--button--text);
    gap: 24px;
}

/* About Main Sec Style End */

.ao-referrals-banner-sec {
    background-color: #ebe8e8;
}

.ao-referrals-content:after {
    content: "";
    width: 432px;
    background-size: contain;
    position: absolute;
    height: 259px;
    background-image: url('/assets/images/queen-creek/locationg-bg.svg') !important;
    background-repeat: no-repeat;
    right: 0;
    left: auto;
    bottom: 0;
    z-index: 1;
}

.ao-referrals-content h1 {
    margin-bottom: 24px;
}

.ao-referrals-content {
    gap: 0;
}


.form-section .container {
    padding-left: 0;
    padding-right: 0;
}


/* demo css */


.section_internal {
    margin-top: 65px;
    overflow: clip;
}




/* About main new section start */
.ao-lc-ri {
    overflow: hidden;
    position: relative;
}

.ao-lc-ri-bg {
    position: absolute;
    bottom: 0;
    left: 38%;
    width: 525px;
    height: 300px;
    z-index: 0;
}

.ao-lc-ri-bg img {
    width: 100%;
    height: 100%;
}

.ao-lc-wrapper {
    display: flex;
    width: 100%;
    position: relative;
}

.ao-lc-wrapper .ao-lc-left {
    max-width: 50%;
}

.ao-lc-wrapper .ao-ri-right {
    max-width: 40%;
}

.ao-lc-wrapper .ao-lc-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

.ao-lc-left .ao-lc-title h2 {
    font-family: var(--poly-semi-bold);
    font-size: var(--h2--font-size);
    letter-spacing: 0;
    line-height: 110%;
    color: var(--button--text);
    text-wrap: balance;
    margin-bottom: 15px;
}

.ao-lc-left .ao-lc-title h1 {
    font-family: var(--poly-black);
    font-size: var(--h1-accent--font-size);
    letter-spacing: 0;
    line-height: 110%;
    text-wrap: balance;
    color: var(--button--text);
}

.ao-lc-left .ao-lc-left-content p {
    font-size: inherit;
    font-family: var(--poly-semi-bold);
    color: var(--button--text);
    max-width: 587px;
}

.ao-lc-left .ao-lc-left-btn {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.ao-lc-left .ao-lc-left-btn a:nth-child(2) {
    color: var(--button--text);
}

.ao-lc-wrapper .ao-ri-right {
    width: 100%;
    height: 70vh;
    position: relative;
    padding-left: 160px;
}

.ao-lc-wrapper .ao-ri-right img {
    height: 70vh;
    width: 50vw;
    object-fit: cover;
    object-position: top right;
    box-shadow: 0 10px 20px #0003;
}

/* About main new section End */


/* Left Image Right Content Section */

.ao-li-rc-section {
    position: relative;
}

.ao-li-rc-bg {
    position: absolute;
    right: 200px;
    bottom: 0;
    width: 395px;
    height: 250px;
}

.ao-li-rc-bg img{
    width: 100%;
    height: 100%;
}

.ao-li-wrapper {
    width: 100%;
    display: flex;
    gap: 50px;
    position: relative;
}

.ao-li-wrapper .ao-ri-left {
    max-width: 49%;
}

.ao-li-wrapper .ao-ri-left {
    width: 100%;
    height: 70vh;
    position: relative;
}

.ao-li-wrapper .ao-ri-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right;
    box-shadow: 0 10px 20px #0003;
}

.ao-li-wrapper .ao-rc-right {
    max-width: 656px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

.ao-li-rc-section .container-fluid {
    padding: 0;
}

.ao-rc-right .ao-rc-title h2 {
    font-family: var(--poly-semi-bold);
    font-size: var(--h2--font-size);
    letter-spacing: 0;
    line-height: 110%;
    color: var(--button--text);
    text-wrap: balance;
}

.ao-rc-right .ao-rc-title h1 {
    font-family: var(--poly-black);
    font-size: var(--h1-accent--font-size);
    letter-spacing: 0;
    line-height: 110%;
    text-wrap: balance;
    color: var(--button--text);
}

.ao-rc-right .ao-rc-content p {
    font-size: inherit;
    font-family: var(--poly-semi-bold);
    color: var(--button--text);
    max-width: 587px;
}

.ao-rc-right .ao-rc-btn {
    display: flex;
    gap: 10px;
    margin-top: 18px;
}

.ao-rc-right .ao-rc-btn a {
    width: max-content;
    color: var(--button--text);
}

.ao-rc-right .ao-rc-btn a:nth-child(2) {
    color: var(--button--text);
}

/* Left Image Right Content Section End */

.ao-faq-btn-content .ao-faq-content-heding {
    display: none;
}


/* About card slider Start */

.card-slider-section {
    max-width: 1300px;
    margin: auto;
    padding: 60px 20px;
}

/* CARD STYLE */
.my-card {
    position: relative;
    height: 420px;
    overflow: hidden;
    cursor: pointer;
}

.card-bg {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
    transition: 0.4s ease;
}

.my-card .bg-ao-overlay {
    position: absolute;
    inset: 0%;
    background: #1c1c1c;
    opacity: 0.6;
    transition: all 0.5s ease;
    z-index: 0;
}

.my-card .card-content {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 60px 22px 22px 22px;
}

.card-content p {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    font-family: var(--poly-black);
    color: var(--text-white);
    transform: translateY(200px);
    opacity: 0;
    transition: all .5s ease;
}

.my-card:hover .card-content p {
    transform: translateY(0px);
    opacity: 1;
    transition: all .5s ease;
}

.my-card:hover .bg-ao-overlay {
    opacity: 0.7;
    transition: all .5s ease;
}


.card-slider-section .splide__arrows,
.card-slider-section .splide__pagination {
    display: none;
}

@media (max-width: 1024px) {

    .card-slider-section .splide__arrows,
    .card-slider-section .splide__pagination {
        display: block;
    }
}


.ao-small-slider .splide__arrow--next {
    right: 5px;
    pointer-events: auto;
    background: var(--button--background);
    color: var(--button--text);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
}

.ao-small-slider .splide__arrow--prev {
    left: 5px;
    pointer-events: auto;
    background: var(--button--background);
    color: var(--button--text);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1 !important;
}

.ao-small-slider .splide__pagination__page.is-active {
    transform: none;
    width: 15px;
    height: 15px;
    background: var(--button--background);
    transform: translateY(0);
    border: 2px solid var(--button--background);
}


/* About card slider End */


form input[type="submit"]:focus{
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
    border-color: #8EBFA6 !important;
}

body .gfield_required {
    display: none !important;
}