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

html {
    font-size: 16px;
}

:root {
    --theme_color: #11455d;
    --black: #454B4F;
}

/* Dental Button */
/* ******************************************************** */
.dental-button {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 1rem 0rem;
    margin-left: auto;
}
.dental-hero-bg .dental-button {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
    margin: 1rem 0rem;
    margin-left: auto;
}

.dental-button .btn-dental {
    padding: 1.25rem 5.313rem;
    font-size: 1.35rem;
    font-weight: 500;
    border: none;
    border-radius: 3rem;
    margin-bottom: 1rem;
    color: #FFF;
    background: var(--theme_color);
}

.dental-button .btn-dental:hover {
    opacity: 95%;
}

.dental-button p {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #2d2d2d;
}

/* ******************************************************** */
/* Dental Hero Section */
/* ****************************************************************** */
.dental-hero-bg {
    background-image: url(../../assets/images/background.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 3rem 0;
}

/*.dental-hero-bg::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: #ffffffba;*/
/*    z-index: 0;*/
/*}*/

.dental-hero-bg .container  {
    position: relative;
    z-index: 9;
    padding-top: 4rem;
}

.dental-navbar {
    background-color: transparent;
}

.dental-hero-bg .navbar-brand {
    padding-left: clamp(3rem, 5vw, 10rem);
    padding-right: clamp(3rem, 5vw, 10rem);
    padding-top: clamp(1.25rem, 2vh, 5rem);
    padding-bottom: clamp(1.25rem, 2vh, 5rem);
    margin-left: -0.75rem;
    /* background: #ffffff; */
    border-radius: 0rem 5rem 5rem 0;
}

.dental-navbar .nav-logo img {
    width: 8.75rem;
}

.dental-navbar .navbar-nav {
    padding-left: clamp(6rem, 5vw, 20rem);
    padding-right: clamp(4rem, 5vw, 16rem);
    padding-top: clamp(1.25rem, 2vh, 5rem);
    padding-bottom: clamp(1.25rem, 2vh, 5rem);
    margin-right: -0.75rem;
    /* background: #ffffff; */
    border-radius: 5rem 0 0 5rem;
}

.dental-navbar .nav-box .call-box {
    position: relative;
}

.dental-navbar .nav-box .call-box p {
    margin: 0;
    border-bottom: 0.063rem solid #bdbdbd;
    font-size: 1.35rem;
    color: var(--black);
    font-weight: 500;
}

.dental-navbar .nav-box .call-box a {
    text-decoration: none;
    color: var(--theme_color);
    font-size: 1.6rem;
    font-weight: 600;
}

.dental-navbar .nav-box .call-box .call-icon {
    position: absolute;
    top: 1.25rem;
    left: -3.75rem;
}

.dental-navbar .nav-box .call-box .call-icon img {
    width: 2.25rem;
}

/* ****************************************************************** */
.dental {
    padding: 1rem 0rem 4rem;
}

.dental-hero {
    text-align: left;
    color: #fff;
}

.dental-hero p {
    color: #98FFEC;
    font-weight: 600;
    font-size: 1.375rem;
    text-shadow: 0rem 0.25rem 0.25rem rgb(0 0 0 / 25%);
}

.dental-hero h1 {
    text-transform: capitalize;
    font-weight: 800;
    font-size: 3rem;
    line-height: 1.5;
    /* text-shadow: 0rem 0.25rem 1rem rgba(0, 0, 0, 1); */
    color: #13465e;
}

.dental-hero h1 span {
    background-color: var(--theme_color);
    color: #fff;
}

.dental-hero h4 {
    font-weight: 600;
    font-size:2.2rem;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 1rem 0rem 1.5rem;
    /* text-shadow: 0rem 0.25rem 1rem rgba(0, 0, 0, 1); */
    color: #13465e;
    letter-spacing: 0.5px;
}

/* ****************************************************************** */
/* Achieve Section */
/* ****************************************************************** */
.achieve-bg {
    box-shadow: 0rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    background-color: #EDF9F7;
}

.achieve {
    border-radius: 1.188rem;
    padding-top: clamp(1rem, 4vh, 2rem);
    padding-bottom: clamp(1rem, 4vh, 2rem);
    ;
    margin: 0rem;
    text-align: center;
}

.achieve .border {
    border: none !important;
    border-right: 0.01rem solid var(--theme_color) !important;
}

.achieve .abox {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.achieve .abox .img-box {
    border-radius: 10rem;
    background: #fff;
    padding: 1.25rem;
    margin: 1rem;
    box-shadow: 0rem 0rem 0.563rem 0rem #00000040;
}

.achieve .abox img {
    width: clamp(3.5rem, 5vw, 5rem);
}

.achieve .abox p {
    font-size: clamp(0.8rem, 2.5vw, 1.5rem);
    line-height: 1.563rem;
    font-weight: 600;
    color: var(--black);
}


/* transform */
/* ******************************************************** */
.transform-bg {
    color: #2d2d2d;
    padding: 3rem 0rem 6rem;
    background-image: url(../../assets/images/right-triange.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.transform {
    padding: 5rem 0rem;
    text-align: center;
}

.transform h2 {
    font-size: 2.625rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
    line-height: 3.438rem;
    color: var(--theme_color);
    text-align: left;
}
.transform h2 span {
    color: var(--black);
}


.transform ul li {
    font-size: 2rem;
    font-weight: 400;
    text-transform: capitalize;
    text-align: justify;
    line-height: 2;
    font-weight: 600;
}

.transform-bg .span1 {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--theme_color);

}

.transform-bg .span2 {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--black);
}

/* ******************************************************** */

/* ******************************************************************* */
/* Orthodontic Section */
/* ******************************************************************* */
.Orthodontic-bg {
    position: relative;
    padding: 3rem 0rem;
}

.Orthodontic-slide {
    padding: 3rem 0rem;
}

.Orthodontic h2 {
    text-align: center;
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--theme_color);
    font-style: italic;
}

.Orthodontic h2 span {
    color: var(--black);
}

.Orthodontic-bg .span2 {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--black);
}

.Orthodontic-bg .span1 {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--theme_color);
}

/* ******************************************************************* */


/* ******************************************************************* */
/* amazingSmile */
/* ******************************************************************* */

.amazingSmile-bg {
    background-image: url(../../assets/images/right-triange.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 5rem 0rem;
}

.amazingSmile {
    padding: 3rem 0rem;
    text-align: center;
}

.amazingSmile h2 {
    font-size: 2.625rem;
    font-weight: 600;
    margin-bottom: 2rem;
    line-height: 4.063rem;
    color: var(--theme_color);
    text-align: center;
    font-style: italic;
}

.amazingSmile h2 span {
    color: var(--black);
}

.amazingSmile .amazingSmile-slide .owl-theme .owl-dots .owl-dot {
    display: none;
}

.amazingSmile .amazingSmile-slide .owl-carousel .owl-nav.disabled {
    display: block;
}

.amazingSmile .amazingSmile-slide .owl-carousel .owl-nav button.owl-prev,
.amazingSmile .amazingSmile-slide .owl-carousel .owl-nav button.owl-next {
    background: 0 0;
    color: #fff;
    border: none;
    padding: 2px 10px 5px 10px !important;
    font: inherit;
    position: absolute;
    top: 47%;
    font-size: 2.5rem;
    line-height: 1.875rem;
    background-color: var(--theme_color);
}

.amazingSmile .amazingSmile-slide .owl-carousel .owl-nav button.owl-prev {
    left: -3.437rem;
}

.amazingSmile .amazingSmile-slide .owl-carousel .owl-nav button.owl-next {
    right: -3.437rem;
}


.amazingSmile .amazingSmile-slide {
    padding: 2rem 0rem;
}

.amazingSmile .super {
    padding: 1rem;
}

.amazingSmile-box {
    background: var(--theme_color);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 1.75rem;
    padding: 2rem 2rem 1rem;
    color: #fff;
    min-height: 24rem;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-wrap: nowrap;
}

.amazingSmile-box h5 {
    font-weight: 600;
    font-size: 1.75rem;
    text-align: left;
    text-decoration: underline;
}

.amazingSmile-box ul li {
    text-align: left;
}

.amazingSmile-bg .span1 {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--theme_color);

}

.amazingSmile-bg .span2 {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--black);
}

/* ******************************************************************* */









/* stopHiding */
/* ******************************************************** */
.stopHiding-bg {
    color: #2d2d2d;
    padding: 6rem 0rem 4rem;
    background-image: url(../images/left-triange.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.stopHiding {
    text-align: center;
}

.stopHiding h2 {
    font-size: 2.625rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
    line-height: 3.438rem;
    color: var(--theme_color);
    text-align: left;
}

.stopHiding h2 span {
    color: var(--black);
}

.stopHiding img {
    width: 28rem;
}

.stopHiding p {
    font-size: 1.438rem;
    font-weight: 400;
    text-stopHiding: capitalize;
    text-align: justify;
}

.stopHiding-bg .span1 {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--theme_color);

}

.stopHiding-bg .span2 {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--black);
}

/* ******************************************************** */


/* ********************** treatment section ********************************** */

.treatment {
    padding: 7rem 0rem;
}

.treatment_heading h2 {
    color: #F67D1F;
    font-family: Poppins;
    font-size: 2.7rem;
    font-weight: 600;
    text-align: center;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 2rem;
}

.treatment_box {
    position: relative;
    transition: 0.5s;
}

.treatment_content {
    border-radius: 8px;
    background: #F67D1F;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.25);
    padding: 2rem 3rem;
    transition: 0.5s;
    min-height: 390px;
}

.treatment_para p {
    padding: 1rem 1rem;
    border-radius: 8px;
    background: #F0F0F0;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    color: #F67D1F;
    text-align: center;
    font-family: Poppins;
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
    margin-top: 1rem;
    line-height: normal;
}

.treatment_para {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
    z-index: -1;
}

.treatment_box:hover {
    min-height: 570px;
}

.treatment_box:hover .treatment_para {
    top: 390px;
}

.treatment_container {
    margin-bottom: 1.7rem;
    transition: 0.5s;
}


.treatment_title {
    border-radius: 8px;
    background: #F5F5F5;
    cursor: pointer;
}

.treatment_title p {
    color: #F67D1F;
    font-family: Poppins;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 3rem;
    padding: 0.8rem;
}

/* ********************** treatment section ********************************** */


/* ******************************************************** */
/* Discover2 Section */
/* ****************************************************************** */
.discover2-bg {
    background-image: url(../../assets/images/right-triange.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.discover2 {
    padding: 5rem 0rem;
}

.discover2 h2 {
    font-size: 2.625rem;
    font-weight: 600;
    margin-bottom: 3.438rem;
    line-height: 4.063rem;
    color: var(--theme_color);
    text-align: center;
    font-style: italic;
}

.discover2 h2 span {
    color: var(--black);
}

.discover2 .list-section {
    padding: 1.5rem 0rem;
}

.discover2 h6 {
    font-size: 4rem;
    margin-top: -4rem;
    font-family: "Tangerine", cursive;
    font-weight: 700;
}

.discover2 .odd h6 {
    color: var(--theme_color);
}

.discover2 .even h6 {
    color: var(--black);
}

.discover2 .strips {
    padding: 2rem 3rem;
}

.discover2 .odd .strips {
    background: var(--theme_color);
    margin-left: -2rem;
}

.discover2 .even .strips {
    background: var(--black);
    margin-right: -2rem;
}

.discover2 .strips h4 {
    font-weight: 700;
    color: #fff;
    font-size: 2rem;
    line-height: 3.4rem;
}

.discover2 img {
    /*    width: clamp(45rem, 10vw, 62rem);*/
    position: relative;
    z-index: 1;
}

.discover2 .strips p {
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: capitalize;
    color: #fff;
    text-align: justify;
    margin-bottom: 0;
}

.discover2 p b {
    font-size: 1.375rem;
    font-weight: 600;
}

.discover2-bg .span1 {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--theme_color);

}

.discover2-bg .span2 {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--black);
}

/* ****************************************************************** */
/* Misaligned Tooth */
/* ******************************************************** */
.ma-bg {
    padding: 5rem 0rem;
    position: relative;
}

.ma-bg .owl-theme .owl-dots {
    display: none;
}

.ma-bg .owl-carousel .owl-stage-outer {
    padding: 2rem 0rem 4rem;
}

.ma-bg .owl-carousel .owl-nav.disabled {
    display: block;
}

.ma-bg .owl-carousel .owl-nav button.owl-prev,
.ma-bg .owl-carousel .owl-nav button.owl-next {
    background: 0 0;
    color: #fff;
    border: none;
    padding: 2px 10px 5px 10px !important;
    font: inherit;
    position: absolute;
    top: 47%;
    font-size: 2.5rem;
    line-height: 1.875rem;
    background-color: var(--theme_color);
}

.ma-bg .owl-carousel .owl-nav button.owl-prev {
    left: -3.437rem;
}

.ma-bg .owl-carousel .owl-nav button.owl-next {
    right: -3.437rem;
}

.misaligned-tooth h2 {
    font-size: 2.625rem;
    font-weight: 600;
    margin-bottom: 3.438rem;
    line-height: 4.063rem;
    color: var(--theme_color);
    text-align: center;
    font-style: italic;
}

.misaligned-tooth h2 span {
    color: var(--black);
}

.misaligned-tooth .tooth-box {
    background-image: url(../../assets/images/ms-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;

    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    min-height: 22rem;
    aspect-ratio: 1/1;
    padding: 1rem;

}

.misaligned-tooth .tooth-box .name-box {
    position: absolute;
    bottom: 2rem;
    min-width: 330px;
    text-align: center;
    padding: 12px 0px;
}

.misaligned-tooth .tooth-box img {
    padding: 0rem 1rem;
}

.misaligned-tooth .tooth-box .name-box p {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 500;
}

.ma-bg .span1 {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--black);
}

.ma-bg .span2 {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--theme_color);
}

/* ******************************************************************* */
/* review */
/* ******************************************************************* */

.review-bg {
    background-image: url(../../assets/images/right-triange.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 5rem 0rem;
}

.review {
    padding: 4rem 0rem;
    text-align: center;
}

.review h2 {
    font-size: 2.625rem;
    font-weight: 600;
    margin-bottom: 3.438rem;
    line-height: 4.063rem;
    color: var(--theme_color);
    text-align: center;
    font-style: italic;
}

.review .review-slide .owl-theme .owl-dots .owl-dot {
    display: none;
}

.review .review-slide .owl-carousel .owl-nav.disabled {
    display: block;
}

.review .review-slide .owl-carousel .owl-nav button.owl-prev,
.review .review-slide .owl-carousel .owl-nav button.owl-next {
    background: 0 0;
    color: #fff;
    border: none;
    padding: 2px 10px 5px 10px !important;
    font: inherit;
    position: absolute;
    top: 47%;
    font-size: 2.5rem;
    line-height: 1.875rem;
    background-color: var(--theme_color);
}

.review .review-slide .owl-carousel .owl-nav button.owl-prev {
    left: -3.437rem;
}

.review .review-slide .owl-carousel .owl-nav button.owl-next {
    right: -3.437rem;
}

.review .review-slide .customer-text {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.review .review-slide {
    padding: 2rem 0rem;
}

.review .review-slide .customer-text img {
    width: 3.188rem;
    padding: 2rem 0rem;
}

.review .review-slide .customer-text p {
    font-size: 1.25rem;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 0.75rem;
}

.review .review-slide .customer-text span {
    font-size: 1.563rem;
    font-weight: 700;
}

.g-review {
    padding: 1rem;
}

.g-review .g-box {
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 0.25rem;
    padding: 2rem 2rem 1rem;
}

.g-review .g-box .pp {
    display: flex;
    justify-content: center;
    padding-bottom: 0.5rem;
}

.g-review .g-box .pp img {
    width: 4rem;
}

.g-review .g-box h6 {
    font-size: 1.375rem;
    font-weight: 500;
    margin: 0;
}

.g-review .g-box .star {
    margin-bottom: 0.938rem;
}

.g-review .g-box .star i {
    color: #FFD700;
}


.g-review .g-box p {
    font-size: 0.938rem;
    font-weight: 400;
    margin: 0;
    text-align: initial;
}

.g-review .g-box a {
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
    margin-top: 1rem;
    gap: 5px;
}

.g-review .g-box a img {
    width: 1.875rem;
}

.review-bg .span1 {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--theme_color);

}

.review-bg .span2 {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--black);
}

/* ******************************************************************* */
/* glimps Section */
/* ******************************************************************* */
.glimps-bg {
    background-image: url(../../assets/images/left-triange.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    margin: 5rem 0rem;
}

.glimps {
    padding: 3rem 0rem;
}

.glimps-slide {
    padding: 2rem 0rem;
}

.glimps h2 {
    text-align: center;
    font-size: 2.75rem;
    font-weight: 700;
    color: var(--black);
    text-transform: uppercase;
    font-style: italic;
}

.glimps-bg .span2 {
    position: absolute;
    left: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--black);
}

.glimps-bg .span1 {
    position: absolute;
    right: 0;
    bottom: -1.5rem;
    width: 12rem;
    height: 3rem;
    background: var(--theme_color);
}

/* ******************************************************************* */

/* ******************************************************************* */
/* 100% Guarantee review */
/* ******************************************************************* */

.guarante-bg {
    text-align: center;
    position: relative;
}

.guarante-bg .span1 {
    position: absolute;
    background: var(--black);
    top: 5rem;
    left: 0;
    height: 2.5rem;
    width: 100%;
}

.guarante-bg .span2 {
    position: absolute;
    background: var(--theme_color);
    left: 0;
    top: 7.5rem;
    height: 10rem;
    width: 100%;
}

.guarantee .guarantee-image img {
    position: relative;
    width: 24rem;
}

.guarantee h4 {
    font-size: 2.875rem;
    font-weight: 700;
    line-height: 4rem;
    color: var(--theme_color);
}

.guarantee h6 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 3rem;
    margin: 3rem 0rem;
    text-transform: capitalize;
    color: var(--black);
}


/* Dental Form  */
/* *************************************************************************** */
.dental-form-bg {
    color: #2d2d2d;
    padding: 4rem 0rem 2rem;
    background-image: url(../../assets/images/form-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.dental-form {
    width: 95%;
}

.modal-content .dental-form-bg {
    padding: 2rem 0rem 0rem;
}

.modal-content .dental-form {
    width: 100%;
}

.dental-form .dental-form-control {
    padding: 0.3rem 2rem;
}

.dental-form .dental-form-control label {
    font-weight: 700;
}

.dental-form .dental-form-control input {
    font-size: 1.125rem;
    box-shadow: 0rem 0rem 1rem 0rem #0000007A;
    padding: 1.25rem 1.25rem;
}

.dental-form .dental-form-control input::placeholder {
    color: #000;
    font-weight: 400;
}

.dental-form .dental-form-control input[type=date]:invalid::-webkit-datetime-edit {
    color: #000;
    font-weight: 400;
}

.dental-form .dental-form-control input[type=time]:invalid::-webkit-datetime-edit {
    color: #000;
    font-weight: 400;
}

.dental-form .dental-form-control select {
    color: #000;
    font-weight: 400;
    font-size: 1.125rem;
    box-shadow: 0px 0px 15px 0px #0000007A;
    padding: 1.25rem 1.25rem;
}

.dental-form .dental-form-control .input-group>.form-select {
    position: relative;
    flex: none;
    width: 20%;
    min-width: unset;
}

.dental-form .dental-form-control .input-group>.form-control,
.input-group>.form-floating {
    position: relative;
    flex: none;
    width: 80%;
    min-width: unset;
}

/* *************************************************************************** */
/* Contact Us section */
/* ************************************************************************** */
.contact-us {
    margin: 5rem 0rem 2rem;
}

.contact-us .contact-box {
    display: flex;
    padding: 0rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 0rem 0rem 0.5rem 0.063rem rgb(34 45 68 / 25%);
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    min-height: 14rem;
    background: #fff;
}

.contact-us .contact-box p {
    font-size: 1.063rem;
    margin: 0;
    text-align: center;
}

.contact-us .contact-box p b {
    color: var(--black);
    font-size: 1.125rem;
}

.contact-us .contact-box span {
    font-size: 0.938rem;
}

.contact-us .contact-box i {
    font-size: 2.813rem;
    color: var(--theme_color);
}

.contact-us .contact-box p a {
    font-size: 1.125rem;
    text-decoration: none;
    color: #2d2d2d;
}

.discover .nothing {
    display: flex;
}

.form-map {
    display: grid;
    grid-template-columns: 60% 40%;
}


.footer-cpy {
    text-align: center;
    background: var(--theme_color);
    color: #fff;
    padding: 1rem;
}

.footer-cpy p {
    margin: 0;
}




.treatment {
    padding: 6em 0em 0em 0em;
}

.treatment_title {
    color: var(--theme_color);
    text-align: center;
    font-family: Poppins;
    font-size: 2.7em;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.treatment_title2 {
    color: var(--theme_color);
    text-align: center;
    font-family: Poppins;
    font-size: 2.7em;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.treatment_list {
    display: flex;
    align-items: center;
}

.check_bx {
    border-radius: 5px;
    background: var(--theme_color);
    margin-right: 2em;
}

.treatment_title2 {
    background: #fff;
    color: #ffffff;
}

.tList_text h3 {
    color: var(--theme_color);
    font-family: Poppins;
    font-size: 1.2em;
    font-style: italic;
    font-weight: 700;
    line-height: 129%;
    /* 28.38px */
    text-transform: uppercase;
    margin: 0;
}


.service_list {
    background: rgba(241, 219, 92, 0.12);
    padding: 0em 0em 2em 0;
    margin-top: 1em;
}


.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    display: none;
}

/* ************************************************************************** */
/* ************************************************************************** */

.braceCompare_title {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0rem 6rem;
}

.braceCompare_title h2:first-child {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 56.72px;
    color: #59c4b5;
    margin-top: 1rem;
    font-style: italic;
    text-align: center;
}

.braceCompare_title h2:last-child {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 56.72px;
    color: #000000;
    margin-top: 1rem;
    font-style: italic;
    text-align: center;
    margin-left: 0rem;
}

.teeth_type_container {
    margin-top: 2rem;
}

.teeth_type {
    padding: 4rem 0;
}

.teeth_type_title h2 {
    font-size: 55px;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #97BE30;
}

.teeth_type_bx {
    border: 2px solid #11455d;
    border-radius: 15px;
    /* width: 415px; */
    min-height: 415px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    margin-bottom: 2rem;
}

.teeth_type_bx_title h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 0.8rem;
}

.teeth_type_bx_img {
    padding: 0rem 3rem;
}

.teeth_type_para {
    background: #11455d;
    width: 100%;
    height: 122px;
}

.teeth_type_para p {
    color: #fff;
    text-align: center;
    padding: 0.8rem 0.5rem;
    font-size: 14px;
    margin: 0;
}

.teeth_type_btn .dental-button1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin: 3rem 0rem;
}

.dental-button1 .btn-dental {
    padding: 20px 50px;
    font-size: 22px;
    font-weight: 500;
    border: none;
    border-radius: 100px;
    margin-bottom: 15px;
    color: #fff;
    background: #858688;
}

.teeth_type_btn .dental-button1 p {
    color: #000;
    font-size: 1.3rem;
}

.treatment_offter_bg {
    background-image: url(../images/treatment_offer.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 1193px;
}

.treatment_offter {
    padding: 5rem 1rem;
}

.treatment_offer_title h2 {
    font-size: 55px;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

.treatments_offers {
    margin-top: 6rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-around;
    height: 690px;
}

.offers {
    background: #FFFFFF;
    border-radius: 14px;
    padding: 25px 18px;
    display: flex;
    align-items: center;
}

.offers img {
    padding-right: 3rem;
}

.offers h3 {
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    letter-spacing: 0em;
    text-align: left;
    color: #435B03;
}

.braceCompare_title span {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 56.72px;
    color: #ff0202;
    margin-top: 1rem;
    font-style: italic;
    text-align: center;
    margin-left: 0rem;
}

/* Media Query (Tablet) */
@media (max-width: 768px) {
    html {
        font-size: 12px;
    }

    .ma-bg .owl-theme .owl-dots,
    .ma-bg .owl-theme .owl-nav,
    .glimps .owl-theme .owl-dots,
    .glimps .owl-theme .owl-nav,
    .review .owl-theme .owl-dots,
    .review .owl-theme .owl-nav {
        display: none;
    }

    .amazingSmile .amazingSmile-slide .owl-carousel .owl-nav.disabled {
        display: none;
    }

    .amazingSmile .owl-theme .owl-nav {
        display: none;
    }


    .treatment_title {
        color: #178989;
        text-align: center;
        font-family: Poppins;
        font-size: 1em;
        font-style: italic;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }

    .check_bx {
        border-radius: 5px;
        background: var(--theme_color);
        margin-right: 1.5em;
    }

    .tList_text h3 {
        font-family: Poppins;
        font-size: 1.5em;
        font-style: italic;
        font-weight: 700;
        line-height: 129%;
        text-transform: uppercase;
        margin: 0;
    }

    .check_bx img,
    svg {
        vertical-align: middle;
        width: 25px;
        height: 25px;
    }

    .treatment_list {
        display: flex;
        align-items: center;
        margin-bottom: 0.7em;
    }

    .teeth_type_title h2 {
        font-size: 23px;
        font-weight: 600;
        line-height: 39px;
        letter-spacing: 0em;
        text-align: center;
        color: #97BE30;
    }

    .offers {
        background: #FFFFFF;
        border-radius: 14px;
        padding: 5px 10px;
        display: flex;
        align-items: center;
    }

    .treatments_offers {
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: space-around;
        height: 444px;
    }

    .offers img {
        padding-right: 3rem;
        width: 50px;
    }
}

@media (max-width: 568px) {
    html {
        font-size: 11px;
    }
}

/* Media Query (Mobile) */
@media (max-width: 450px) {
    
    .transform h2 {
    font-size: 2.625rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
    line-height: 3.438rem;
    color: var(--theme_color);
    text-align: center;
}
    
    html {
        font-size: 8px;
    }

    .container__mobile {
        max-width: 340px;
    }

    .discover2 .strips {
        padding: 2rem 2rem;
    }

    .discover2 h6 {
        font-size: 3rem;
        margin-top: -3rem;
    }

    .discover2 .strips h4 {
        font-size: 1.5rem;
        line-height: 1.6rem;
    }

    .discover2 .strips p {
        font-size: 1rem;
    }

    .form-map {
        display: grid;
        grid-template-columns: 100%;
    }

    .dental-form .dental-form-control {
        font-size: 12px;
    }

    .dental-form .dental-form-control input {
        font-size: 1.5rem;
    }

    .modal-content .dental-form h2 {
        font-size: 2.5rem;
    }

    .dental-form .dental-form-control label {
        font-weight: 600;
        font-size: 1.5rem;
        color: #535353;
    }

    .dental-form .dental-form-control select {
        font-size: 1.5rem;
    }

    .dental-form .dental-form-control label {
        font-weight: 600;
        font-size: 1.5rem;
    }


    .treatment {
        padding: 2rem 0rem;
    }

    .treatment_heading h2 {
        color: #F67D1F;
        font-family: Poppins;
        font-size: 2rem;
        font-weight: 600;
        text-align: center;
        line-height: 38px;
        text-transform: capitalize;
        margin-bottom: 2rem;
    }

    .treatment_content {
        border-radius: 8px;
        background: #F67D1F;
        box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.25);
        padding: 2rem 2rem;
        transition: 0.5s;
        min-height: 225px;
        margin-bottom: 2rem;
    }

    .treatment_title p {
        color: #F67D1F;
        font-family: Poppins;
        font-size: 1.2rem;
        font-weight: 600;
        text-align: center;
        line-height: normal;
        text-transform: capitalize;
        margin-top: 2rem;
        padding: 0.8rem;
    }

    .treatment_box:hover .treatment_para {
        top: 294px;
    }

    .treatment_box:hover {
        min-height: 436px;
    }

    .treatment_container {
        margin-bottom: 1rem;
        transition: 0.5s;
    }

    .braceCompare_title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0rem 0rem;
    }

    .braceCompare_title h2:first-child {
        font-size: 1.7rem;
        font-weight: 700;
        line-height: 56.72px;
        color: #59c4b5;
        margin-top: 1rem;
        font-style: italic;
        text-align: center;
    }

    .braceCompare_title span {
        font-size: 2rem;
        font-weight: 700;
        line-height: 56.72px;
        color: #ff0202;
        margin-top: 1rem;
        font-style: italic;
        text-align: center;
        margin-left: 0rem;
    }

    .braceCompare_title h2:last-child {
        font-size:1.7rem;
        font-weight: 700;
        line-height: 56.72px;
        color: #000000;
        margin-top: 1rem;
        font-style: italic;
        text-align: center;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .teeth_type_bx_title h2 {
        font-size: 26px;
        font-weight: 500;
        line-height: 60px;
        letter-spacing: 0em;
        text-align: center;
        margin-top: 0.8rem;
    }

    .treatment_offter {
        padding: 3rem 1rem;
    }

    .treatment_offter_bg {
        background-image: url(../images/treatment_offer.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 649px;
    }

    .treatment_offer_title h2 {
        font-size: 20px;
        font-weight: 600;
        line-height: 33px;
        letter-spacing: 0em;
        text-align: center;
        color: #fff;
    }

    .offers h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 40px;
        letter-spacing: 0em;
        text-align: left;
        color: #435B03;
        margin: 0;
    }.dental {
    padding: 1rem 0rem 1rem;
}


.dental-hero h1 {
    text-transform: capitalize;
    font-weight: 800;
    font-size: 2rem;
    line-height: 1.5;
    /* text-shadow: 0rem 0.25rem 1rem rgba(0, 0, 0, 1); */
    color: #13465e;
}

.dental-hero h4 {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.2;
    text-transform: capitalize;
    margin: 1rem 0rem 1.5rem;
    /* text-shadow: 0rem 0.25rem 1rem rgba(0, 0, 0, 1); */
    color: #13465e;
    letter-spacing: 0.5px;
}

















}