/*

Theme Name: Twenty Twenty-Five Child

Theme URI: https://wordpress.org/themes/twentytwentyfive/

Description: Child theme for Twenty Twenty-Five

Author: Your Name

Template: twentytwentyfive

Version: 1.0

Text Domain: twentytwentyfive-child

*/



@font-face {

  font-family: 'Montserrat';

  src: url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype');

  font-weight: 100 900;

  font-style: normal;

  font-display: swap;

}



@font-face {

  font-family: 'Milkyway';

  src: url('fonts/Milkyway DEMO.ttf') format('truetype');

  font-weight: normal;

  font-style: normal;

  font-display: swap;

}


body {

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

}



html,

body {



  overflow-x: hidden;



}



a {

  text-decoration: none;

}



button:focus,

button:a {

  outline: none;

  box-shadow: none;

}



.form-control:focus {

  outline: none;

  box-shadow: none;

}



p {

  color: #000000d1;

  font-size: 15px;

  font-weight: 600;

}



ul {

  padding: 0;

}



body {

  overflow-x: hidden;

}



html {

  scroll-behavior: smooth;

}



.cmn-btn {

  position: relative;

  color: #403e3e !important;

  padding: 13px 20px;

  font-size: 15px;

  font-weight: 600;

  border: 1.5px solid #4f4f4fe8;

  overflow: visible;
  
  box-shadow: none !important;

}



.cmn-btn::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #bfe6df;

  z-index: -1;

  transition: all 0.4s ease-in-out;

}



.cmn-btn:hover::before {

  transform: translate(-6px, -6px);

}



.header-inner .cmn-btn {

  margin-left: 10px;

}



.heading h2 {

  color: #505696;

  font-size: 45px;

  font-weight: 500;

  line-height: 53px;

  margin: 0;

  font-family: 'Milkyway', cursive;

  text-shadow: 1px 1px 0px #ffff;

}



.heading h2 img {

  width: 70px;

  position: relative;

  top: 5px;

}



.heading h2 span {

  color: #f09a89;

}



.heading p {

  color: #e5097f;

  font-size: 20px;

  letter-spacing: 0.5px;

  font-weight: 500;

  font-family: 'Milkyway', cursive;

  text-shadow: 1px 1px 0px #ffff;

}



.heading p span {

  font-weight: 700;

}



li {

  list-style: none;

}





/* ========== Header ========== */



.header-area {

  padding: 15px 0 20px;

}



.logo-area img {

  width: 180px;

}



.header-area.fixed {

  position: fixed;

  width: 100%;

  background-color: #fff;

  background-repeat: no-repeat;

  background-size: cover;

  top: 0;

  z-index: 999;

  animation: slideDown 0.35s ease-out;

}



@keyframes slideDown {

  from {

    transform: translateY(-100%);

  }



  to {

    transform: translateY(0);

  }

}



.head-menu ul {

  display: flex;

  align-items: center;

  margin: 0;

}



.head-menu .nav-item a {

  display: inline-block;

  padding: 9px 15px;

  color: #403e3e;

  font-weight: 600;

  transition: all 0.3s;

  position: relative;

  font-size: 15px;

}



.head-menu .nav-item a:hover,

.head-menu .nav-item a.active {

  background-color: #bfe6df;

}



.head-menu .dropdown-menu .dropdown-item:focus,

.dropdown-item:hover,

.head-menu .dropdown-menu .dropdown-item.active {

  background-color: transparent !important;

}



.head-menu .nav-item.dropdown .dropdown-item::before {

  content: "";

  position: absolute;

  left: -7px;

  top: 50%;

  transform: translateY(-50%);

  width: 18px;

  height: 18px;

  background-image: url("/wp-content/themes/twentytwentyfive-child/images/dropdown-icon.svg");

  background-size: contain;

  background-repeat: no-repeat;

  opacity: 0;

  transition: opacity 0.3s ease;

}



.head-menu .dropdown-menu .dropdown-item:hover::before,

.head-menu .dropdown-menu .dropdown-item.active::before {

  opacity: 1;

}



.menu-humburger button {

  background-color: transparent;

  border: none;

  padding: 0;

  color: #000;

  font-size: 18px;

  text-transform: uppercase;

}



.menu-humburger button i {

  font-size: 26px;

  margin-right: 10px;

  width: 20px;

}



.humburgerbtn .fa-solid.fa-xmark {

  color: #000;

}



.humburgerbtn.humbtnopen .fa-solid.fa-bars {

  display: none;

}



.menu-megamenu {

  background-color: #fff;

  height: 100vh;

  width: 100%;

  position: fixed;

  top: 0;

  right: -100%;

  z-index: 999;

  transition: right 0.35s ease-in-out;

  background-image: url(/wp-content/themes/twentytwentyfive-child/images/dropdown-strip.svg);

  background-repeat: no-repeat;

  background-size: 102%;

  background-position: 50% 101%;

  padding-bottom: 60px;

}



.menu-megamenu.menu-megamenu-open {

  right: 0;

}





.menu-megamenu .logo-area {

  padding: 15px 15px 15px 23px;

  background-color: #e5e7eb;

  margin-bottom: 15px;

}



.floating_btn {

  position: fixed;

  bottom: -2px;

  z-index: 999;

  margin-bottom: 0;

  width: 50%;

  color: #fff !important;

}



.floating_btn_mob .cmn-btn {

  padding: 12px 20px 12px 20px !important;

  right: 0;

  text-align: center;

  border-radius: 0px;

}



.floating_btn_mob .call-now-strip {

  padding: 12px 20px 12px 20px !important;

  left: 0;

  text-align: center;

  border-radius: 0px;

  background-color: #f09a89;

}



.floating_btn_mob .call-now-strip i {

  padding-right: 10px;

}



.head-menu .nav-item.dropdown .nav-link:after {

  margin-left: 10px;

  font-family: "FontAwesome";

  content: "\f078";

  border: none;

  vertical-align: unset;

  transition: transform 0.3s ease;

}



.head-menu .nav-item.dropdown .dropdown-menu {

  display: block;

  position: absolute;

  background-color: #fff;

  border-radius: 2px;

  border: none;

  padding: 8px 0 40px 15px;

  min-width: 220px;

  z-index: 999;

  box-shadow: 0px -13px 10px 5px #aeadad17;

  max-height: 0;

  overflow: hidden;

  opacity: 0;

  transform: translateY(0);

  transition: all 0.3s ease;

  background-image: url(/wp-content/themes/twentytwentyfive-child/images/dropdown-strip.png);

  background-repeat: no-repeat;

  background-size: 250px;

  background-position: 50% 100%;

}



.head-menu .nav-item.dropdown:hover .dropdown-menu {

  transition: all 0.7s ease;

}



.head-menu .nav-item.dropdown.show .dropdown-menu {

  max-height: 500px;

  opacity: 1;

  transform: translateY(0);

}



.top-strip {

  position: relative;

  padding: 7px 0 20px;

  background-image: url(/wp-content/themes/twentytwentyfive-child/images/top-strip.png);

  background-repeat: no-repeat;

  background-size: 100%;

  background-position: 50% 100%;

}



.top-strip-inner {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.social a:hover {

  background: #fff;

  color: #e3137b;

}



.top-strip-cnt a {

  color: #fff;

  font-size: 16px;

  font-weight: 600;

}



.top-social ul {

  padding: 0px;

  margin: 0;

}



.top-social ul li {

  list-style: none;

  display: inline-block;

}



.top-social a {

  display: inline-block;

  width: 23px;

  height: 23px;

  border-radius: 50%;

  background: #fff;

  color: #e3137b !important;

  text-align: center;

  margin-right: 10px;

  line-height: 25px !important;

  font-size: 13px;

  transition: all 0.3s;

}



.top-social a:hover {

  background: #f6dbe9;

}





/* ========== Header End ========== */





/* ========== Service Banner Area ========== */



.Service-banner-area {

  padding: 60px 0;

  background-image: url(/wp-content/uploads/2026/01/service-bnr.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 50%;

}



.Service-banner-area .form-area textarea {

  min-height: 80px;

  border-radius: 11px;

}





/* ========== End Service Banner Area ========== */





/* ============= Welcome area =========== */



.welcome-sec {

  padding: 60px 0;

  background-color: #a8e6d6;

}



.welcome-img img {

  animation: 4s ease-in-out 0s infinite normal none running floatLeftRight;

}



/* ============= End Welcome area =========== */





/* ============= Service we provide =========== */



.ser-provide {

  padding: 60px 0;

}



.ser-provide-bx {

  background-color: #6784c3;

  padding: 20px 100px;

  margin-top: 10px;

}



.ser-provide-inr {

  border: 3px solid #fff;

  padding: 10px;

  border-radius: 30px;

  position: relative;

}



.ser-provide-inr .ser-provide-cnt {

  border-radius: 30px;

  position: relative;

  overflow: hidden;

}



.ser-provide-inr .ser-provide-cnt img {

  height: 300px;

  object-fit: cover;

}



.ser-provide-inr .ser-provide-cnt p {

  background-color: #000000a8;

  color: #fff;

  padding: 0 15px;

  font-size: 20px;

  font-weight: 500;

  letter-spacing: 0.7px;

  margin: 0;

  font-family: 'Milkyway', cursive;

  position: absolute;

  bottom: 0px;

  width: 100%;

  min-height: 75px;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

}





.ser-provide-owl .owl-nav button {

  position: absolute;

  top: 55%;

  transform: translate(-50%, -100%);

}





.ser-provide-owl .owl-nav button.owl-prev {

  left: -60px;

}



.ser-provide-owl .owl-nav button.owl-next {

  right: -100px;

}



.ser-provide-owl .owl-nav button {

  font-size: 50px !important;

  line-height: 50px !important;

  color: #fff !important;

  transition: all 0.4s ease;

}



.ser-provide-owl .owl-nav button:hover {

  color: #ffffffb8 !important;

}





/* ============= End Service we provide =========== */





/* ============= Find US =========== */



.find-us {

  padding: 60px 0;

  background-color: #f9c1c4;

}



.find-us-cnt-inr a {

  display: inline-flex;

  align-items: center;

  color: #000000d1;

  margin-bottom: 20px;

}



.find-us-cnt-inr p {

  margin-bottom: 0;

}



.find-us-cnt-inr p i {

  background-color: #505696;

  color: #f9c1c4;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 30px;

  height: 30px;

  border-radius: 50%;

  margin-right: 8px;

}



.find-us-img {

  position: relative;

  width: 500px;

  height: 340px;

  overflow: hidden;

  border-radius: 25px;

  margin: 0 auto;

}



.find-us-img img {

  width: 100%;

  height: 100%;

  display: block;

  position: relative;

  z-index: 2;

}



.find-us-img .find-us-map {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  padding: 15px;

}



.find-us-img .find-us-map iframe {

  border-radius: 10px;

}



.find-us-bg-img img {

  position: absolute;

  width: 100%;

  max-width: 270px;

}



.find-us-bg-img .loction-img {

  top: -79px;

  right: 0px;

  animation: 3s ease-in-out 0s infinite normal none running floatLeftRight;

}



.find-us-bg-img .find-icon {

  max-width: 120px;

  left: 50px;

  bottom: 0;

  z-index: 9;

  animation: floatUpDown 3s ease-in-out infinite;

}





/* ============= End Find Us =========== */





/* ========== Meet Our Pedodontist ========== */



.meet-specialist {

  padding: 60px 0;

}



.meet-specialist .heading h2 {

  color: #e5097f;

}



.meet-specialist-bx {

  padding: 0 45px;

  position: relative;

}



.specialist-inr {

  text-align: center;

  padding: 10px 10px 5px;

  border-radius: 25px;

  min-height: 310px;

}



.specialist-inr.specialist-1 {

  background-color: #505696;

}



.specialist-inr.specialist-2 {

  background-color: #ff652f;

}



.specialist-inr.specialist-3 {

  background-color: #e6b20c;

}



.specialist-inr.specialist-4 {

  background-color: #03aa59;

}



.specialist-inr.specialist-5 {

  background-color: #e5097f;

}



.specialist-inr .specialist-cnt img {

  border-radius: 25px;

  margin-bottom: 10px;

}



.specialist-inr .specialist-cnt p {

  font-size: 16px;

  line-height: 21px;

  font-weight: 600;

  color: #fff;

  margin-bottom: 0;

}



.specialist-inr .specialist-cnt span {

  font-size: 14px;

  font-weight: 500;

  line-height: 15px;

  color: #fff;

}



.meet-specialist-img img {

  position: absolute;

  width: 80px;

  z-index: 99;

}



.meet-specialist-img .Specialist-img-1 {

  top: -55px;

  left: -20px;

  animation: floatUpDown 3s ease-in-out infinite;

}



.meet-specialist-img .Specialist-img-2 {

  bottom: -10px;

  right: -40px;

  animation: floatDownUp 3s ease-in-out infinite;

}



.specialist-owl .owl-dots {

  text-align: center;

  position: relative;

  bottom: -25px;

}



.specialist-owl .owl-dots .owl-dot {

  width: 15px;

  height: 4px;

  margin: 0 5px;

  background: #e0acc8;

  outline: 0;

  cursor: pointer;

  transition: .25s ease-in-out;

  text-align: center;

  border-radius: 210px
}



.specialist-owl .owl-dots .owl-dot.active {

  width: 30px;

  background: #e5097f !important
}





/* ========== End Meet Our Pedodontist ========== */





/* ========== Health Camp ========== */



.health-camp {

  background-color: #e6b20c;

  padding: 20px 0;

  margin: 0 0 15px;

}



.health-camp-bx img {

  background-color: #fff;

  width: 100%;

  padding: 12px;

  object-fit: cover;

}



.health-camp-bx .heading h2 {

  height: 350px;

  display: flex;

  align-items: center;

  text-align: center;

  background-color: #fff;

  margin-bottom: 20px;

  padding: 40px;

}



.health-camp-bx .health-img-1 {

  height: 350px;

  padding-bottom: 30px;

  margin-bottom: 20px;

}



.health-camp-bx .health-img-2 {

  height: 200px;

}



.health-camp-bx .health-img-3 {

  height: 275px;

  padding-bottom: 30px;

  margin-bottom: 20px;

}



.health-camp-bx .health-img-4 {

  height: 275px;

}



.health-camp-bx .health-img-5 {

  height: 200px;

}



.health-camp-bx .health-img-6 {

  height: 300px;

  margin-bottom: 20px;

}



.health-camp-bx .health-img-7 {

  height: 250px;

}



/* ========== End Health Camp ========== */



/* ========== Pediatric Dentistry ========== */



.dentistry {

  background-color: #f9c1c4;

  padding: 40px 0;

}



.dentistry-inr-img img {

  left: 10%;

  position: absolute;

  bottom: 0;

  width: 450px;

}



.dentistry-inr-img .bx-icon {

  width: 150px;

  padding: 0;

  position: absolute;

  bottom: -14px;

  left: 40%;

  animation: floatLeftRight 3s ease-in-out infinite;

}



.dentistry-cnt {

  background-image: url(/wp-content/themes/twentytwentyfive-child/images/dentistry-bg-img.png);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: 50% 0%;

  border-top-right-radius: 50px;

  border-bottom-right-radius: 50px;

  padding: 30px 30px 5px 50px;

}



.dentistry-cnt p {

  color: #505696;

  font-size: 14px;

  letter-spacing: 0.5px;

  line-height: 30px;

  padding-left: 5px;

}



/* ========== End Pediatric Dentistry ========== */





/* ========== Gallery ========== */



.gallery {

  background-color: #03aa59;

  padding: 20px 0;

  margin: 15px 0 0;

}



.gallery-bx img {

  width: 100%;

  object-fit: cover;

}



.gallery-bx .heading h2 {

  height: 110px;

  display: flex;

  align-items: center;

  text-align: center;

  background-color: #fff;

  margin-bottom: 20px;

  padding: 40px;

  line-height: 43px;

}



.gallery-bx .gallery-img-1 {

  height: 300px;

  margin-bottom: 20px;

}



.gallery-bx .gallery-img-2 {

  height: 170px;

}



.gallery-bx .gallery-img-3 {

  height: 300px;

  margin-bottom: 20px;

}



.gallery-bx .gallery-img-4 {

  height: 300px;

}



.gallery-bx .gallery-img-5 {

  height: 400px;

  margin-bottom: 20px;

}



.gallery-bx .gallery-img-6 {

  height: 200px;

}



.gallery-bx .gallery-img-7 {

  height: 190px;

  margin-bottom: 20px;

}



.gallery-bx .gallery-img-8 {

  height: 200px;

  margin-bottom: 20px;

}



.gallery-bx .gallery-img-9 {

  height: 190px;

}



/* ========== End Gallery ========== */





/* ========== Blogs ========== */



.blog-sec {

  padding: 50px 0 30px;

}



.blog-sec .heading h2 {

  color: #e5097f;

  margin-bottom: 30px;

}



.blog-sec-bx {

  border-radius: 15px;

  overflow: hidden;

  box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.08);

  transition: all 0.3s ease;

  margin: 10px 0 30px;

}



.blog-sec-bx:hover {

  transform: translateY(-5px);

  box-shadow: 4px 6px 7px rgba(0, 0, 0, 0.12);

}



.blog-sec-bx:hover .blog-sec-img img {

  transform: scale(1.05);

}



.blog-sec-img {

  overflow: hidden;

}



.blog-sec-img img {

  height: 250px;

  width: 100%;

  object-fit: cover;

  transition: all 0.3s ease;

}



.blog-sec-bx .blog-sec-cnt {

  background-color: #f9c1c4;

  min-height: 190px;

  padding: 20px 20px 10px;

}



.blog-sec-bx .blog-sec-cnt p {

  margin: 0;

}



.blog-sec-bx .blog-sec-cnt a {

  font-size: 15px;

  color: #000;

  text-decoration: underline;

}



.blog-sec-owl .owl-dots {

  text-align: center;

  position: relative;

  bottom: 0;

}



.blog-sec-owl .owl-dots .owl-dot {

  width: 15px;

  height: 4px;

  margin: 0 5px;

  background: #e0acc8;

  outline: 0;

  cursor: pointer;

  transition: .25s ease-in-out;

  text-align: center;

  border-radius: 210px
}



.blog-sec-owl .owl-dots .owl-dot.active {

  width: 30px;

  background: #e5097f !important
}



/* ========== End Blogs ========== */





/* ========== Blogs Inner ========== */



.blog-inr-sec {

  padding: 60px 0;

}



.blog-inr-cnt .blog-inr-img img {

  width: 100%;

  height: 300px;

  object-fit: cover;

  border-radius: 15px 15px 0 0;

  border: 1px solid #a6ce39;

}



.blog-inr-cnt p {

  padding: 30px 30px 40px;

  text-align: justify;

  background-color: #f9c1c4;

  border-radius: 0 0 15px 15px;

  margin: 0;

}



.blog-inr-sidebar {

  padding: 0 40px;

}



.blog-inr-sidebar .blog-search-box {

  display: flex;

  align-items: center;

}



.blog-inr-sidebar .blog-search-box input {

  border: 1px solid #a6ce39;

  border-radius: 5px 0 0 5px;

  padding: 10px;

}



.blog-inr-sidebar .blog-search-box button {

  background-color: #a6ce39;

  border-radius: 0 5px 5px 0;

  padding: 10px 20px;

  font-weight: 600;

}



.blog-inr-sidebar .blog-search-box button:focus {

  box-shadow: none;

}



.blog-inr-sidebar .blog-inr-sidebar-img {

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 15px;

  margin-top: 30px;

}



.blog-inr-sidebar .blog-inr-sidebar-img a {

  border-radius: 5px;

  border: 1px solid #a6ce39;

  overflow: hidden;

}



.blog-inr-sidebar .blog-inr-sidebar-img a img {

  height: 120px;

  width: 100%;

  object-fit: cover;

  transition: all 0.5s;

}



.blog-inr-sidebar .blog-inr-sidebar-img a img:hover {

  transform: scale(1.05);

}



.blog-inr-sidebar .blog-recent-comment {

  margin-top: 30px;

  border: 1px solid #a6ce39;

  border-radius: 5px;

  padding: 15px;

  min-height: 170px;

  height: 100%;

}



.blog-inr-sidebar .blog-recent-comment h3 {

  font-size: 20px;

  font-weight: 600;

}



.blog-inr-sidebar .blog-recent-comment p {

  color: #585757;

  margin: 0;

}





/* ========== Blogs Inner End ========== */





/* ========== FAQ's ========== */



.faq-area {

  padding: 60px 0 40px;

  background-color: #505696;

}



.faq-area .heading {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 30px;

}



.faq-area .heading h2 {

  color: #fff;

  letter-spacing: 2px;

}



.faq-area .heading img {

  width: 100px;

  position: relative;

  top: -20px;

  animation: 3s ease-in-out 0s infinite normal none running floatLeftRight;

}



.faq-area .accordion-button:not(.collapsed) {

  color: #444;

  background-color: transparent;

  box-shadow: none;

}



.faq-area .accordion-button:focus {

  outline: none;

  box-shadow: none;

}



.faq-area .accordion-body {

  border-left: none;

  padding: 15px 0 0;

  font-size: 16px;

  color: #444;

}



.faq-area .accordion-button {
    
    font-size: 18px;
    
    font-weight: 600;
    
    padding: 0;
    
    text-transform: capitalize;
    
    color: #444;
    
    background-color: transparent;
    
}



.faq-area .accordion-item {

  background-color: #fff;

  border: none;

  padding: 18px 25px;

  margin: 10px 0;

  border-radius: 6px;

}



.faq-area .accordion-button::after {

  background-image: none !important;

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  content: "\f0da";

  font-size: 18px;

  color: #444;

  transition: transform 0.3s ease, opacity 0.2s ease;

  opacity: 1;

  position: absolute;

  right: 0;

  top: 10px;

  transform: translateY(-50%) rotate(180deg);

}



.faq-area .accordion-button:not(.collapsed)::after {

  content: "\f0da";

  transform: translate(20%, -35%) rotate(90deg);

  opacity: 1;

}





/* ========== FAQ's End ========== */





/* ========== Parent Children Testimonials ========== */



.parents-testi {

  padding: 60px 0 40px;

  background-color: #f9c1c4;

}



.parents-testi-bx {

  position: relative;

}



.parents-testi-img {

  height: 250px;

  width: 370px;

  background-image: url(/wp-content/themes/twentytwentyfive-child/images/parent-testi-bg-img.png);

  background-repeat: no-repeat;

  background-size: 100%;

  overflow: hidden;

  margin: 20px 0;

}



.parents-testi-img img {

  height: 205px;

  width: 100%;

  object-fit: cover;

  position: relative;

  top: 40px;

  padding: 0 3px;

}



.parents-testi-bx .testi-img img {

  position: absolute;

  width: 100px;

}



.parents-testi-bx .testi-img.frst-testi-img img {

  right: 20px;

  bottom: -15%;

  animation: 3s ease-in-out 0s infinite normal none running floatLeftRight;

}



.parents-testi-bx .testi-img.sec-testi-img img {

  right: 5%;

  bottom: 40%;

  width: 125px;

  animation: floatUpDown 3s ease-in-out infinite;

}



.parents-testi-bx .testi-img.thrd-testi-img img {

  left: -30%;

  bottom: 0;

  animation: 3s ease-in-out 0s infinite normal none running floatLeftRight;

}



.parents-testi-bx .testi-img.four-testi-img img {

  left: -25%;

  bottom: 0;

  animation: floatUpDown 3s ease-in-out infinite;

}



.parents-testi-bx .testi-img.five-testi-img img {

  right: 5%;

  bottom: 110px;

  animation: floatDownUp 3s ease-in-out infinite;

}





/* ==========End Parent Children Testimonials ========== */





/* ========== About pediatric dentistry ========== */



.about-pediatric-dentistry {

  padding: 50px 0 40px;

  background-color: #03aa59;

  margin: 20px 0;

}



.about-pediatric-cnt p {

  text-align: justify;

  margin-top: 10px;

}



.about-pediatric-img img {

  height: 450px;

  animation: 3s ease-in-out 0s infinite normal none running floatLeftRight;

}



.procedure {

  padding: 60px 0 0;
	
  background-color: #e8ded154;

}


.procedure-img img {
    height: 490px;
}


.step-circle.step-2 {

  margin-top: 24px;

}



.step-circle.step-4 {

  margin-top: 21px;

}



.step-circle.step-5 {

  margin-top: -20px;

}



.step-circle {

  background-color: #fff7e8;

  border-radius: 50%;

  width: 200px;

  height: 200px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 1.5rem;

  transition: all 0.3s ease;

  padding: 1.5rem;

}





.step-circle:hover {

  transform: scale(1.03);

  box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.1);

}



.step-circle-img {

  border-radius: 50%;

  width: 160px;

  height: 160px;

  overflow: hidden;

  border: solid 22px #ffeac1;

  display: flex;

  align-items: center;

  justify-content: center;

}



.step-circle img {

  width: 100%;

  height: 60px;

  object-fit: contain;

  transition: all 0.4s ease;

}



.step-circle:hover.step-circle img {

  transform: scale(1.08);

}



.step-text {

  font-size: 12px;

  text-align: center;

}





/* ========== End About pediatric dentistry ========== */





/* ========== Inner Service ========== */



.about-service {

  padding-bottom: 0 !important;

}



.about-service p.about-service-cnt {

  text-align: justify;

}



.about-service .welcome-img img {

  width: 380px;

}



.about-pediatric-bx {

  position: relative;

}



.about-pediatric-note-cnt {

  background-image: url(/wp-content/uploads/2026/01/know-service-bg-img-1.png);

  background-repeat: no-repeat;

  background-size: 100%;

  height: 410px;

  width: 370px;

  padding: 70px 20px 30px 60px;

  transform: rotate(-5deg);

  position: relative;

}



.about-pediatric-note-cnt-2 {

  background-image: url(/wp-content/uploads/2026/01/know-service-bg-img-3.png);

  height: 480px;

  width: 530px;

  padding: 60px 30px 30px 100px;

  margin-top: 20px;

}



.about-pediatric-note-cnt-3 {

  background-image: url(/wp-content/uploads/2026/01/know-service-bg-img-2.png);

  height: 715px;

  width: 410px;

  padding: 100px 30px 30px 65px;

  transform: rotate(5deg);

  position: absolute;

  top: -200px;

  left: 50px;

}



.about-pediatric-note-cnt-4 {

  background-image: url(/wp-content/uploads/2026/01/know-service-bg-img-4.png);

  height: 465px;

  width: 90%;

  padding: 70px 100px 30px 100px;

  transform: unset;

  margin-top: 50px;

}



.about-pediatric-note-cnt-5 {

  background-image: url(/wp-content/uploads/2026/01/know-service-bg-img-5.png);

  height: 430px;

  width: 100%;

  padding: 130px 100px 30px 100px;

  transform: unset;

}



.orthodontic-dentistry .about-pediatric-note-cnt-2 {

  width: 490px;

}



.orthodontic-dentistry .about-pediatric-note-cnt-3 {

  width: 390px;

}



.orthodontic-dentistry .about-pediatric-note-cnt-4 img {

  top: -60px;

  right: 5%;

}



.about-pediatric-note-cnt .heading h2 {

  color: #e5097f;

  font-size: 34px;

  line-height: 37px;

}



.about-pediatric-note-cnt p {

  text-align: left !important;

}



.about-pediatric-note-cnt ul li {

  list-style: disc;

  margin-bottom: 10px;

}



.about-pediatric-note-cnt img {

  width: 90px;

  position: absolute;

  top: 30%;

  right: -30%;

}



.about-pediatric-note-cnt-2 img {

  width: 100px;

  top: -50px;

  left: 40%;

  transform: rotate(-25deg);

}



.about-pediatric-note-cnt-3 img {

  width: 80px;

  top: -10px;

  right: 50px;

}



.about-pediatric-note-cnt-4 img {

  top: -60px;

  right: 3%;

  width: 150px;

}





/* ========== End Inner Service ========== */



/* ============= Contact Us =========== */



.contact-us {

  padding: 60px 0;

  background-color: #e8ded154;

  /* background-color: #bfe6df1c; */

}



.contact-us-info {

  display: flex;

  flex-direction: column;

}



.contact-info-bx {

  display: flex;

  align-items: center;

  min-width: 300px;

  text-align: left;

  margin: 20px 0;

}



.contact-info-bx img {

  width: 50px;

  margin-right: 25px;

}



.contact-info-bx p {

  margin: 0;

  font-weight: 600;

}



.contact-info-bx p a {

  color: #363636;

  font-weight: 700;

}



.contact-social {

  margin-top: 25px;

}



.contact-social ul li {

  list-style: none;

  display: inline-block;

}



.contact-social a {

  display: inline-block;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  background: #bfe6df;

  border: solid 1px #bfe6df;

  color: #403e3e !important;

  text-align: center;

  line-height: 35px !important;

  margin-right: 10px;

  font-size: 17px;

  transition: all 0.5s;

}



.contact-social a:hover {

  background: #9fd7cd;

  border: solid 1px #9fd7cd;

}



.form-area {

  padding: 30px;

  border-radius: 20px;

  background-color: #fff;

  box-shadow: 4px 5px 8px 0px rgba(0, 0, 0, 0.15);

}



.form-area .heading h2 {

  font-size: 40px;

  margin-bottom: 20px;

}



.form-area .heading hr {

  margin: -10px auto 0;

  width: 100px;

  background-color: #505696;

}



.form-area .heading {

  margin-bottom: 30px;

}



.form-area input,

.form-area select,

.form-area textarea {

  border-radius: 10px;

  background-color: #fff !important;

  border: 1px solid #bebebe;

  padding: 10px 15px;

  font-size: 15px;

  color: #030303;

  width: 100%;

  transition: border 0.3s ease, box-shadow 0.3s ease;

  margin-bottom: 20px;

}



.form-area input::placeholder,

.form-area textarea::placeholder,

.form-area select:invalid {

  color: #030303;

}



.form-area .form-control:focus,

.form-area select:focus,

.form-area textarea:focus {

  outline: none;

  box-shadow: none;

  border: 1px solid #bebebe;

}



.form-area textarea {

  min-height: 100px;

}



.captcha-inp input {

  margin: 0;

  border-right: none;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}



.captcha-inp span {

  background-color: #bfe6df;

  padding: 10px 30px;

  border-radius: 10px;

  margin-left: -50px;

}



.captcha-inp a {

  color: #403e3e !important;

  font-size: 27px;

  margin-left: 15px;

  transition: all 0.5s;

}



.captcha-inp a:focus {

  transform: rotate(60deg);

}



.form-btn button {

  width: 50%;

  padding: 14px;

  background: #bfe6df;

  color: #403e3e !important;

  border: none;

  border-radius: 14px;

  font-weight: 700;

  transition: all 0.5s;

}



.form-btn button:hover {

  transform: scale(1.05);

}





/* ============= Contact Us End =========== */





/* =========== First Visit =========== */



.banner-inner-item .heading {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  background-color: #bfe6df8a;

  padding: 20px 50px 15px;

  border-radius: 15px;

  backdrop-filter: blur(10px);

}



.banner-inner-item .heading h2 {

  color: #403e3e;

}



.parents-know {

  padding: 60px 0;

  background-color: #e8ded154;

}



.parents-know .heading p {

  color: #212529;

  font-family: "Montserrat", sans-serif;

  font-size: 15px;

  letter-spacing: 0;

}



.parents-know .accordion-button:not(.collapsed) {

  color: #444;

  background-color: #bfe6df;

  box-shadow: none;

}



.parents-know .accordion-button:focus {

  outline: none;

  box-shadow: none;

}



.parents-know .accordion-body {

  padding: 15px 25px 5px;

  font-size: 15px;

}



.parents-know .accordion-body h4 {

  font-size: 16px;

  font-weight: 700;

  color: #444;

}



.parents-know .accordion-body ul li {

  padding: 10px 10px 5px 25px;

  font-weight: 600;

  position: relative;

}



.parents-know .accordion-body ul li::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  width: 18px;

  height: 18px;

  background-image: url("/wp-content/themes/twentytwentyfive-child/images/dropdown-icon.svg");

  background-size: contain;

  background-repeat: no-repeat;

}



.parents-know .accordion-button {

  font-size: 17px;

  font-weight: 700;

  padding: 18px 25px;

  color: #444;

  background-color: transparent;

  transition: all 0.3s;

}



.parents-know .accordion-item {

  background-color: #fff;

  border: none;

  padding: 0;

  margin: 10px 0;

  border-radius: 6px;

}



.parents-know .accordion-button::after {

  background-image: none !important;

  font-family: "Font Awesome 6 Free";

  font-weight: 900;

  content: "\f0da";

  font-size: 18px;

  color: #444;

  transition: transform 0.3s ease, opacity 0.2s ease;

  opacity: 1;

  position: absolute;

  right: 25px;

  top: 50%;

  transform: translateY(-50%) rotate(180deg);

}



.parents-know .accordion-button:not(.collapsed)::after {

  content: "\f0da";

  transform: translate(20%, -35%) rotate(90deg);

  opacity: 1;

}





/* =========== End First Visit =========== */





/* ============= footer area =========== */



.footer-area {

  background-color: #3f3f3f;

  padding: 60px 0 0;

}



.footer-logo {

  margin-bottom: 50px;

}



.footer-logo img {

  width: 430px;

}



.footer-head {

  color: #fff;

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 20px;

}



.footer-menu p {

  color: #fff;

  font-weight: 500;

}



.footer-menu.foot-about {

  padding-right: 20px;

}



.footer-menu .footer-item a {

  display: flex;

  align-items: flex-start;

  gap: 12px;

  color: #fff;

  margin-bottom: 20px;

  transition: all 0.3s;

  font-size: 15px;

}



.footer-menu .footer-item a:hover {

  color: #d6d6d6;

}



.footer-menu .footer-item i {

  background-color: #e6b20c;

  color: #3f3f3f;

  width: 27px;

  height: 27px;

  border-radius: 50%;

  font-size: 15px;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-shrink: 0;

}



.footer-menu ul {

  padding: 0px;

}



.footer-menu ul li {

  list-style: none;

  margin-bottom: 10px;

  padding-left: 15px;

  position: relative;

  font-size: 15px;

}



.footer-menu ul li::before {

  content: "\f054";

  font-family: "Font Awesome 6 Free";

  font-weight: 600;

  position: absolute;

  left: 0;

  top: 0;

  color: #e6b20c;

  font-size: 14px;

}



.footer-menu ul li a {

  color: #fff;

  transition: all 0.3s;

}



.footer-menu ul li a:hover {

  color: #d6d6d6;

}



.footer-menu-inr .services-grid {

  display: grid;

  grid-template-columns: 1fr 1fr;

}



.bottom-footer {

  background-color: #fff;

  padding: 15px 0px;

  margin-top: 40px;

}



.foot-prcy p {

  color: #000000d1;

  font-size: 15px;

  margin-bottom: 0px;

}



.foot-prcy p span {

  font-size: 14px;

  letter-spacing: 0.5px;

  font-family: cursive;

}



.right-side-btn {
    
    position: fixed;
    
    text-align: center;
    
    -webkit-transform: rotate(0deg);

    transform-origin: bottom right;
    
    right: -1px;
    
    top: 40%;
    
    z-index: 99;
    
    background: #e6b20c;
    
    border: 1.5px solid #4f4f4fe8;
    
    padding: 5px 6px 5px 10px;
        
    border-radius: 5px 0 0 5px;
    
}

.right-side-btn a {
    
    display: block;
    
    color: #403e48;
    
    font-size: 10px;
    
    font-weight: 600;
    
    margin: 13px 0;
    
}

.right-side-btn a i {
    
    font-size: 20px;
    
    margin-bottom: 5px;
    
    transition: all 0.3s;
        
}

.right-side-btn a:hover i {
    
    transform: scale(1.08);

}


.right-side-btn .cmn-btn::before {

  background: #e6b20c;

}



.right-side-btn .cmn-btn:hover::before {

  transform: translate(5px, 5px);

}





/* ============= End footer area =========== */





/* ============= Keyframe =========== */



@keyframes floatUpDown {

  0% {

    transform: translateY(0);

  }



  50% {

    transform: translateY(-15px);

  }



  100% {

    transform: translateY(0);

  }

}



@keyframes floatDownUp {

  0% {

    transform: translateY(0);

  }



  50% {

    transform: translateY(15px);

  }



  100% {

    transform: translateY(0);

  }

}



@keyframes floatLeftRight {

  0% {

    transform: translateX(0);

  }



  50% {

    transform: translateX(15px);

  }



  100% {

    transform: translateX(0);

  }

}



/* ============= End Keyframe =========== */



.form-message{
margin-bottom:15px;
}

.error{
color:red;
}

.success{
color:green;
}