/* ===== 02. Global Style ===== */
@media only screen and (max-width: 1400px) {
  h1 {
    font-size: 55px;
  }
}
@media only screen and (max-width: 1200px) {
  h2 {
    font-size: 44px;
    line-height: 72px;
  }
  h6 {
    font-size: 20px;
    line-height: 20px;
  }
  p {
    font-size: 18px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 992px) {
  h1 {
    line-height: 60px;
  }
  h2 {
    font-size: 38px;
  }
  p {
    font-size: 16px;
  }
  a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 36px;
    line-height: 54px;
  }
  h2 {
    font-size: 32px;
    line-height: 54px;
  }
  a {
    font-size: 14px;
  }
}
/* Globabl Style End */
/* 1.0 Header Section */
@media only screen and (max-width: 1200px) {
  header {
    background: linear-gradient(to right, #f8fcfc 73%, transparent 27%);
  }
}
@media only screen and (max-width: 991px) {
  header .navbar {
    padding-top: 10px;
  }
  header .navbar-collapse .gap-4 {
    gap: 0.5rem !important;
  }
}
@media (max-width: 767.98px) {
  header {
    padding: 0;
    background: linear-gradient(to right, #f8fcfb 100%, transparent 0);
  }
  header .open-aside {
    display: inline-block !important;
  }
}
/* 1.0 Header Sectio End */
/* 1.1 Hero Section Start */
@media only screen and (max-width: 1400px) {
  .Hero-Section .align-items-lg-start h1 {
    width: 100%;
  }
  .Hero-Section p {
    width: 100%;
  }
  .Hero-Section .col-md-5 {
    padding-top: 30px;
    gap: 12px;
  }
  .Hero-Section .gap-5 {
    padding-top: 33px;
  }
  .Hero-Section .position-relative figure,
  .Hero-Section .position-relative img {
    width: 100%;
  }
  .Hero-Section .align-items-end {
    height: 735px;
  }
  .Hero-Section .position-relative figure {
    top: -2%;
  }
}
@media only screen and (max-width: 1200px) {
  .Hero-Section {
    padding: 45px 0;
    background: linear-gradient(to right, #f8fcfb 69%, transparent 31%);
  }
  .Hero-Section .col-md-5 {
    padding-top: 0px;
    gap: 32px;
  }
  .Hero-Section .position-relative figure {
    top: -5%;
  }
  .Hero-Section .hover1 {
    width: 186px;
  }
  .Hero-Section .align-items-end {
    height: 581px;
  }
  .Hero-Section .align-items-lg-center {
    gap: 0.5rem;
  }
  .Hero-Section .align-items-end {
    width: 29%;
    left: 73%;
  }
}
@media only screen and (max-width: 991px) {
  .Hero-Section {
    background: linear-gradient(to right, #f8fcfb 72%, transparent 28%);
  }
  .Hero-Section .align-items-lg-start h1 {
    font-size: 40px;
  }
  .Hero-Section .gap-5 {
    gap: 1.5rem !important;
  }
  .Hero-Section .hover1 {
    font-size: 18px;
    font-weight: normal;
  }
  .Hero-Section .position-relative figure {
    right: 0;
    top: 21%;
  }
  .Hero-Section .position-relative img {
    width: 100%;
  }
  .Hero-Section .align-items-end {
    height: 545px;
    top: 2%;
  }
  .Hero-Section .col-md-5 {
    gap: 10px;
  }
  .Hero-Section .align-items-end {
    width: 27%;
  }
}
@media only screen and (max-width: 767px) {
  .Hero-Section {
    padding: 0;
    background: linear-gradient(to right, #f8fcfb 100%, transparent 0);
  }
  .Hero-Section .position-relative figure {
    position: relative !important;
    right: 0;
    top: 0;
  }
  .Hero-Section .row {
    gap: 32px;
  }
}
/* 1.1 Hero-Section End */
/* 1.2 Services-Section */
@media only screen and (max-width: 1440px) {
  .Service-Section .align-items-sm-center {
    width: 52%;
  }
  .Service-Section .justify-content-md-start {
    width: 83%;
  }
}
@media only screen and (max-width: 1200px) {
  .Service-Section .align-items-sm-center {
    width: 74%;
  }
  .Service-Section .align-items-lg-center .align-items-md-center {
    width: 91%;
  }
}
@media only screen and (max-width: 991px) {
  .Service-Section {
    padding: 70px 0;
  }
  .Service-Section .align-items-sm-center {
    width: 100%;
  }
  .Service-Section .justify-content-between {
    gap: 24px;
  }
  .Service-Section .mb-0 {
    gap: 36px;
  }
  .Service-Section .mt-0 {
    gap: 0;
  }
  .Service-Section .align-items-lg-center p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 585px) {
  .Service-Section {
    padding: 50px 0;
  }
  .Service-Section .flex-sm-column {
    flex-direction: column;
    gap: 16px;
  }
}
/* 1.2 Services-Section End */
/* 1.3 Care-Teeth Section */
@media only screen and (max-width: 1400px) {
  .Care-Teeth .position-relative .position-absolute {
    left: -21%;
  }
}
@media only screen and (max-width: 1200px) {
  .Care-Teeth .justify-content-lg-center {
    gap: 10px;
  }
  .Care-Teeth .position-relative {
    min-height: 400px;
  }
  .Care-Teeth .position-relative figure,
  .Care-Teeth .position-relative img {
    width: 100%;
    height: 100%;
  }
  .Care-Teeth .position-relative .position-absolute {
    left: -8%;
  }
  .Care-Teeth .align-items-lg-start {
    gap: 20px;
  }
}
@media only screen and (max-width: 991px) {
  .Care-Teeth {
    padding: 50px 0;
  }
  .Care-Teeth .justify-content-lg-center {
    gap: 0px;
  }
  .Care-Teeth .align-items-lg-start {
    gap: 20px;
  }
  .Care-Teeth .align-items-sm-start {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .Care-Teeth {
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  .Care-Teeth .justify-content-lg-center {
    padding-top: 0;
    gap: 24px;
  }
  .Care-Teeth .position-relative .position-absolute {
    position: relative !important;
    right: 0;
    top: 0;
  }
  .Care-Teeth .position-relative {
    min-height: 200px;
  }
  .Care-Teeth .position-relative .pt-0 {
    margin-top: 0;
  }
}
/* 1.3 Care-Teeth Section ENd */
/* 1.4 Features-Section Start */
@media (max-width: 1200px) {
  .Features-Section .align-items-lg-center {
    width: 75%;
  }
  .Features-Section .hover2 {
    padding: 12px 2px;
  }
}
@media only screen and (max-width: 767px) {
  .Features-Section {
    padding: 50px 0 0 0;
  }
  .Features-Section .flex-wrap {
    gap: 16px;
  }
  .Features-Section .aos-init {
    gap: 24px;
  }
  .Features-Section .justify-content-md-start {
    flex-direction: column;
    gap: 40px;
  }
  .Features-Section .col-md-3 {
    display: flex;
    justify-content: center;
  }
  .Features-Section .align-items-lg-center {
    width: 100%;
  }
  .Features-Section .align-items-md-start {
    text-align: center;
  }
  .Features-Section .align-items-lg-start {
    align-items: center;
  }
}
/* 1.4 Featured-Section End */
/* 1.5 Videos-Section Start*/
@media (max-width: 991.98px) {
  .Videos-Section {
    padding: 50px 0;
  }
  .Videos-Section #videoSlider > .flex-shrink-0 {
    min-width: 100%;
    flex-basis: 100%;
  }
  .Videos-Section #videoSlider img {
    height: auto;
  }
  .Videos-Section h2 {
    font-size: 32px;
    line-height: 56px;
  }
}
@media (max-width: 768px) {
  .Video-Section #videoSlider img {
    height: 250px;
  }
  .Video-Section .col-lg-6.overflow-hidden {
    padding-right: 0;
  }
  .Videos-Section #prevBtn {
    left: 5%;
  }
  .Videos-Section #nextBtn {
    right: 5%;
  }
  .g-5,
  .gx-5 {
    --bs-gutter-x: 0 !important;
  }
}
/* 1.5 Videos-Section End */
/* 1.7 Reviews-Section Start */
@media (max-width: 991.98px) {
  .Reviews-Section #reviewsSlider > .flex-shrink-0 {
    min-width: 48%;
    flex-basis: 48%;
  }
}
@media (max-width: 767.98px) {
  .Reviews-Section {
    padding: 0;
  }
  .Reviews-Section #reviewsSlider > .flex-shrink-0 {
    min-width: 100%;
    flex-basis: 100%;
  }
}
/* 1.7 Reviews-Section End */
/* 1.8 Footer-Section Start */
@media only screen and (max-width: 767px) {
  .Footer-Section {
    padding: 50px 0 50px 0;
  }
}
/* 1.8 Footer_Section End */