@font-face {
  font-family: "Proxima Nova Rg";
  src: url(/_next/static/media/ProximaNova-Regular.f5be04ad.eot);
  src: url(/_next/static/media/ProximaNova-Regular.f5be04ad.eot?#iefix) format("embedded-opentype"),
    url(/_next/static/media/ProximaNova-Regular.3730418c.woff2) format("woff2"),
    url(/_next/static/media/ProximaNova-Regular.c0320382.woff) format("woff"),
    url(/_next/static/media/ProximaNova-Regular.4e9f090e.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova sm";
  src: url(/_next/static/media/ProximaNova-Semibold.53c27680.eot);
  src: url(/_next/static/media/ProximaNova-Semibold.53c27680.eot?#iefix) format("embedded-opentype"),
    url(/_next/static/media/ProximaNova-Semibold.b1d00b5e.woff2) format("woff2"),
    url(/_next/static/media/ProximaNova-Semibold.811072be.woff) format("woff"),
    url(/_next/static/media/ProximaNova-Semibold.58d69a40.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova Bl";
  src: url(/_next/static/media/ProximaNova-Black.dd2c5e28.eot);
  src: url(/_next/static/media/ProximaNova-Black.dd2c5e28.eot?#iefix) format("embedded-opentype"),
    url(/_next/static/media/ProximaNova-Black.511859b6.woff2) format("woff2"),
    url(/_next/static/media/ProximaNova-Black.2420b955.woff) format("woff"),
    url(/_next/static/media/ProximaNova-Black.06df4ac3.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova bold";
  src: url(/_next/static/media/ProximaNova-Bold.d3094b15.eot);
  src: url(/_next/static/media/ProximaNova-Bold.d3094b15.eot?#iefix) format("embedded-opentype"),
    url(/_next/static/media/ProximaNova-Bold.436eac3f.woff2) format("woff2"),
    url(/_next/static/media/ProximaNova-Bold.0aaef822.woff) format("woff"),
    url(/_next/static/media/ProximaNova-Bold.f28b0a98.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

body {
  overflow-x: hidden;
  width: 100% !important;
}

* {
  font-family: "Proxima Nova Rg";
  outline: none;
}

.min-vh-50 {
  min-height: 50vh;
}

.tab-content ul li {
  list-style-image: url("/assets/images/icons/record-circle.webp");
}

.blog-content ul li {
  list-style-image: url("/assets/images/icons/record-circle-dark.webp");
}

:root {
  --primary: #1e2841;
  --secondary: #8dd2cf;
  --secondary-text: #4b4a4a;
  --white: #ffffff;
  --light: #e8f6f5;
  --black: #1f1f1f;
  --extra1: #e9eef2;
  --extra2: #e3fffe;
  --extra3: #c4e3e2;
  --border: #747b7b;
  --fontblack: "Proxima Nova Bl";
  --fontsm: "Proxima Nova sm";
  --fontbold: "Proxima Nova bold";
  --fontregular: "Proxima Nova Rg";
}

.w-fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.w-max-content {
  width: max-content !important;
}

.loader {
  background-color: #e3f2dd;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  min-height: 100vh;
  position: fixed;
  display: flex;
  top: 0;
  align-items: center;
  justify-content: center;
  z-index: 9999999999999;
}

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 100px;
  background: #cbcbcb;
}

/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #e7e7e7;
  background-clip: content-box;
  border: 2px solid transparent;
}

.clr-white {
  color: var(--white) !important;
}

.clr-black {
  color: var(--black) !important;
}

.clr-secondary {
  color: var(--secondary) !important;
}

.clr-primary {
  color: var(--primary) !important;
}

.clr-secondary-text {
  color: var(--secondary-text) !important;
}

.vr-white {
  height: 15px;
  width: 1px !important;
  background-color: var(--white) !important;
}

.link-hov {
  text-decoration: none;
  transition: 0.5s;
}

.link-hov:hover {
  text-decoration: underline !important;
  transition: 0.5s;
}

.ligh-bg {
  background: var(--light) !important;
}

.primary-bg {
  background: var(--primary) !important;
}

.secondary-bg {
  background: var(--secondary) !important;
}

.primary-btn {
  background-color: var(--secondary) !important;
  font-family: "Proxima Nova sm" !important;
  margin-block: auto;
  transition: 0.3s;
}

.primary-btn:hover {
  transform: scale(1.03);
  transition: 0.3s;
}

.secondary-btn {
  background-color: var(--primary) !important;
  font-family: var(--fontregular) !important;
  margin-block: auto;
  transition: 0.3s;
  font-size: 14px !important;
  color: var(--white) !important;
}

.secondary-btn:hover {
  transform: scale(1.03);
  transition: 0.3s;
}

.small-btn {
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
  font-weight: 800 !important;
}

.para-lg {
  font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular);
  line-height: 1.4;
  font-weight: 600;
}

.para {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
}

.para-md {
  font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
}

.para-sm {
  font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
}

.heading-lg {
  font-size: calc(40px + (50 - 40) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontbold);
  line-height: 3rem;
  color: #1e2841;
}

.heading {
  font-size: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontbold);
  line-height: 2rem;
  color: #1e2841;
}

.heading-md {
  font-size: calc(17px + (24 - 17) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontbold);
  line-height: 2rem;
  color: var(--primary);
}

.heading-sm {
  font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontsm);
  line-height: 2rem;
  color: var(--primary);
}

.pointer {
  cursor: pointer;
}

.btn-close {
  box-shadow: none !important;
}

.object-position-top {
  object-position: top;
}

.section {
/* margin-top: 5em !important; */
  /* margin: 2em; */
  margin-block: calc(60px + (80 - 60) * ((100vw - 320px) / (1920 - 320))) !important;
}

.dentalservices .slick-prev,
.dentalservices .slick-next {
  display: none !important;
}

.slct::placeholder,
.inp::placeholder {
  color: var(--black);
}

.slct,
.inp {
  background-color: #eeeeee !important;
  border-radius: 10px !important;
  padding-block: 12px !important;
  color: var(--border);
  border: 2px solid #d4d4d4 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: var(--fontregular) !important;
  --bs-form-select-bg-img: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath fill='none' stroke='%23747b7b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6' /%3e%3c/svg%3e");
}

.inp-2::placeholder {
  color: var(--border) !important;
}

.inp-2 {
  background-color: var(--white) !important;
  border-radius: 10px !important;
  padding-block: 12px !important;
  color: var(--border);
  border: 2px solid #d4d4d4 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: var(--fontregular) !important;
}

.search-inp {
  background-color: #ecf1f8 !important;
  box-shadow: none !important;
  padding-block: 10px;
  border: 1px solid #c1c9d4 !important;
}

.ls-2 {
  letter-spacing: 2px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--primary) !important;
}

@media ((min-width: 1800px)) {

  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1600px !important;
  }
}

.ant-image:has(.galleryimg) {
  height: 100%;
  background-color: var(--light);
  border-radius: 10px;
  width: 100%;
}

.teamgallery .galleryimg {
  max-height: 450px;
  object-fit: contain !important;
  object-position: bottom;
}

.galleryimg {
  width: 100% !important;
  min-height: 350px !important;
  height: 100% !important;
  object-fit: cover;
  border-radius: 10px;
  /* border-radius: 50px; */
}

.form-check-input:focus {
  box-shadow: none;
}

.form-check-input:checked {
  background-color: var(--primary);
}

.rounded-100 {
  border-radius: 100% !important;
}

.object-top {
  object-position: top;
}

/* Header css start */
.socialicon i,
.socialicon svg {
  background-color: var(--secondary);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: 5px;
  color: var(--primary);
  font-size: 13px;
}

.socialicon {
  text-decoration: none;
}

.service-dd {
  position: unset !important;
}

.service-dd li {
  margin-block: 5px;
}

.nav-item.dropdown.service-dd {
  top: 85% !important;
}

.nav-css {
  background-color: var(--white) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  height: 60px;
}

.mini-header p,
.mini-header a {
  color: var(--white);
  font-size: 13px;
  font-family: "Proxima Nova Rg";
  font-weight: 300;
  margin: 0;
  text-decoration: none;
}

.nav-logo {
  width: calc(120px + (170 - 120) * ((100vw - 320px) / (1920 - 320)));
  object-fit: contain;
  height: auto;
}

.nav-list li {
  margin-inline: 5px;
}

.nav-list li span {
  color: var(--black);
  font-size: 16px;
  font-family: "Proxima Nova sm";
}

.nav-list li a {
  color: var(--black);
  font-size: 16px;
  font-family: "Proxima Nova sm";
}

.nav-list .dropdown-toggle::after {
  position: relative;
  top: 1px;
  left: 1px;
}

.header-btn {
  border-radius: 50px !important;
  font-size: 14px !important;
}

/* Header css end  */

/* Banner css start  */

.banner-parent {
  min-height: 450px;
  height: 550px;
  /* height: calc(300px +(800 - 300)*((100vw - 320px) /(1920 - 320))) !important; */
  /* max-height: 100vh; */
}

.banner {
  object-fit: cover;
  width: 100%;
  height: calc(300px + (800 - 300) * ((100vw - 320px) / (1920 - 320)));
  /* min-height: 60vh; */
  min-height: 450px;
}

.b-heading-md {
  background-color: var(--secondary);
  border-radius: 0 10px 10px 0;
  display: inline;
  font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 5px;
}

.b-heading {
  color: var(--primary);
  font-family: var(--fontblack);
  font-size: calc(30px + (55 - 30) * ((100vw - 320px) / (1920 - 320)));
  text-transform: uppercase;
  line-height: normal;
}

.b-heading-lg {
  color: var(--primary);
  font-family: var(--fontblack);
  font-size: calc(50px + (75 - 50) * ((100vw - 320px) / (1920 - 320)));
  text-transform: uppercase;
  line-height: normal;
}

.b-para {
  font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  line-height: normal;
  font-family: var(--fontregular);
}

.banner-text {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

/* banner css end  */

/* appointment css start  */

.online-appointment .ant-picker-input input::placeholder {
  color: var(--border) !important;
}

.online-appointment .ant-select-selector {
  height: 100%;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.online-appointment .slct2 {
  background-color: #eeeeee !important;
  border: 2px solid #d4d4d4 !important;
  border-radius: 10px !important;
}

.online-appointment .slct2 .ant-select-selector {
  border: 0 !important;
}

.online-appointment .slct2 .ant-select {
  padding: 0 !important;
  outline: 0 !important;
}

.online-appointment .slct2 {
  height: 50px;
}

.appointment-card-inp {
  height: 60px;
  background: var(--white) !important;
  display: flex;
  align-items: center;
  border-radius: 10px !important;
  border: 1px solid #0000002d !important;
  padding-inline: 10px;
  /* h-100 d-flex bg-white rounded-3 align-items-center border-2 px-2 */
}

.appointment-btn {
  height: 60px;
  align-items: center;
  display: flex;
  width: 100%;
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))) !important;
  border: 1px solid #0000002d;
  border-radius: 10px;
  justify-content: center;
}

.appointment-form .card {
  height: 60px;
}

.appointment-img {
  width: 100%;
  height: 100%;
  background: url("/assets/images/appointment/dr.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px !important;
  border: 1px solid #747b7b !important;
}

.appointment-img a {
  text-decoration: none;
  font-family: var(--fontregular);
  font-weight: bold;
  font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
}

.appointment-card {
  background-color: var(--light) !important;
  border: 1px solid #747b7b !important;
  border-radius: 20px !important;
}

.appointmenticon {
  /* background: radial-gradient(var(--secondary), var(--primary)); */
  background: radial-gradient(circle, var(--white) 0%, var(--secondary) 35%);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.appointmenticon i {
  font-family: sans-serif;
  font-size: 16px;
  margin-top: 2px;
  color: var();
}

.appointmrnt-label {
  font-size: calc(11px + (13 - 11) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular);
}

.appointment-sec {
  margin-top: calc(-60px + (-100 - -60) * ((100vw - 320px) / (1920 - 320)));
}

/* appointment css start  */

/* Home Booking form css start  */
.countrycodeask input {
  height: 50px !important;
  border-radius: 10px !important;
  width: 100% !important;
  box-shadow: none !important;
  border: 2px solid #d4d4d4 !important;
}

.countrycodeask .selected-flag,
.countrycodeask .flag-dropdown {
  border-radius: 10px 0 0 10px;
  background: transparent;
}

.countrycode2 input {
  background-color: #eeeeee !important;
  border-radius: 10px !important;
  padding-block: 12px !important;
  color: var(--border);
  width: 100% !important;
  height: 50px !important;
  border: 2px solid #d4d4d4 !important;
  box-shadow: none !important;
  outline: none !important;

  font-family: var(--fontregular) !important;
  --bs-form-select-bg-img: url("data:image/svg+xml, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' %3e%3cpath fill='none' stroke='%23747b7b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6' /%3e%3c/svg%3e");
}

.countrycode2 .flag-dropdown {
  border-radius: 10px 0 0 10px !important;
}

.countrycode2 .selected-flag {
  border-radius: 10px !important;
  /* border: 2px solid #d4d4d4 !important; */
  background: #eeeeee !important;
  border: 0;
}

.countrycode .flag-dropdown {
  background-color: transparent;
  border: 0;
}

.countrycode input {
  font-family: var(--fontsm);
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))) !important;
  width: 100% !important;
  border: 0 !important;
  height: 25px !important;
  box-shadow: none !important;
}

.bookinp.ant-select {
  height: 20px;
}

.bookinp.ant-select-open {
  border: 0 !important;
}

.bookinp .ant-select-selector,
.bookinp.ant-picker {
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  height: auto;
  margin: 0 !important;
}

.bookinp .ant-select-selection-item {
  font-family: var(--fontsm) !important;
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))) !important;
}

.bookinp .ant-select-arrow,
.bookinp .ant-picker-suffix {
  display: none !important;
}

.bookinp {
  border: 0 !important;
  padding: 0 !important;
  font-family: var(--fontsm);
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))) !important;
  margin-top: -5px !important;
  color: black !important;
}

.bookinp::placeholder,
.bookinp .ant-picker-input input::placeholder {
  font-family: var(--fontsm);
  font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320))) !important;
  color: black !important;
  text-transform: uppercase;
  opacity: 1;
}

.bookinp:focus {
  box-shadow: none !important;
}

.lang.ant-select-open {
  border: 0 !important;
}

.lang .ant-select-selector,
.lang.ant-picker {
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  height: auto;
  margin: 0 !important;
}

.lang .ant-select-selection-item {
  font-family: var(--fontsm) !important;
  font-size: 16px;
  margin-top: 0.25rem !important;
}

.lang .ant-select-arrow,
.lang .ant-picker-suffix {
  display: none !important;
}

.lang {
  border: 0 !important;
  padding: 0 !important;
  font-family: var(--fontsm);
  font-size: 16px;
  /* margin-top: -5px !important; */
  color: black !important;
}

.lang::placeholder,
.lang .ant-picker-input input::placeholder {
  font-family: var(--fontsm);
  font-size: 16px;
  color: black !important;
  text-transform: uppercase;
  opacity: 1;
}

.lang:focus {
  box-shadow: none !important;
}

/* Home Booking form css start  */

/* Services css start  */
.service-content img {
  max-height: 500px;
  object-fit: cover;
  border-radius: 30px;
  width: 60%;
  object-position: top;
  margin-block: 10px;
}

.service-content h1,
.service-content h2,
.service-content h3 {
  font-size: calc(17px + (24 - 17) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontbold);
  line-height: 2rem;
  color: var(--black);
  margin-block: 20px;
}

.service-content p,
.service-content ul {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
  margin-block: 10px;
}

.service-content-banner {
  max-height: 400px;
  min-height: 250px;
}

.servicecard {
  border: 1px solid #808080 !important;
  border-radius: 15px !important;
  transition: 0.3s;
}

.servicecard:hover {
  background-color: var(--light);
  transition: 0.3s;
}

.serviceicon {
  width: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320))) !important;
  height: calc(50px + (60 - 50) * ((100vw - 320px) / (1920 - 320))) !important;
  border: 1px solid var(--border);
  background-color: var(--secondary);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Services css end  */

/* welcome css start  */
.whychooseimg {
  height: 480px;
  position: relative !important;
}

.welcomeimg {
  min-height: 480px;
  max-height: 480px;
  object-position: top;
}

.welcome-bg {
  background: url("/assets/images/others/welcome bg.webp");
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

/* welcome css end  */

/* our team css start  */


.teamcard {
  border: 1px solid #808080 !important;
  background-color: #f8f8f8 !important;
  border-radius: 20px !important;
}

.teamcard img {
  border-radius: 100%;
  object-fit: cover;
  object-position: top;
  background: radial-gradient(#fffdfd, #b8b8b8);
  text-align: center;
}

.arrow.bi::before {
  transform: rotate(-40deg);
  font-weight: bolder !important;
  font-size: 20px;
}

/* our team css end  */

/* our client css start */
.client-bg {
  background: url("/assets/images/clients/clientbg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}

.clientcard {
  background-color: var(--white) !important;
  border: 0 !important;
  border-radius: 30px !important;
}

.clientcard .card-body {
  overflow: hidden;
  border-radius: 30px !important;
}

.clientcard img {
  width: 100%;
  height: 310px;
  object-fit: cover;
  border-radius: 30px;
  transition: 0.3s;
}

.clientcard img:hover {
  transform: scale(1.1);
  transition: 0.3s;
}

/* our client css end */

/* Confidence css start */
.img-comparison-slider .handle {
  position: relative;
  /* Ensure we can position our new content */
}

.comparison {
  height: calc(200px + (400 - 200) * ((100vw - 320px) / (1920 - 320))) !important;
}

.comparison img {
  height: calc(200px + (400 - 200) * ((100vw - 320px) / (1920 - 320))) !important;
}

/* Hide the existing SVG */
.default-handle {
  display: none !important;
}

/* Add the custom SVG as a background image */
.handle::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 120 120" fill="none"><g filter="url(%23filter0_d_105_637)"><circle cx="60" cy="60" r="47" stroke="white" stroke-width="6" shape-rendering="crispEdges" /></g><g clip-path="url(%23clip0_105_637)"><path d="M74 72.1428C74.0774 71.7883 74.1773 71.4393 74.2992 71.098C75.7084 67.8509 77.1334 64.6103 78.5742 61.3761C78.7827 60.9425 78.8911 60.466 78.8911 59.9832C78.8911 59.5003 78.7827 59.0238 78.5742 58.5902C77.1492 55.3592 75.7242 52.1089 74.2992 48.8683C73.7672 47.6591 74.0807 46.5853 75.0925 46.1549C75.4393 45.9944 75.825 45.9418 76.201 46.0038C76.5771 46.0657 76.9268 46.2395 77.2062 46.5031C79.0634 48.1186 80.9254 49.7195 82.7446 51.3785C85.2478 53.6615 87.7083 55.988 90.183 58.3C91.2375 59.2673 91.2897 60.6361 90.2543 61.5842C86.1883 65.3343 82.1081 69.0698 78.0137 72.7909C77.5292 73.3395 76.9042 73.7398 76.2087 73.9469C75.944 74.0006 75.671 73.9947 75.4088 73.9295C75.1466 73.8643 74.9017 73.7414 74.6911 73.5694C74.4806 73.3975 74.3096 73.1806 74.1902 72.9341C74.0708 72.6877 74.0059 72.4175 74 72.1428Z" fill="black" /></g><g clip-path="url(%23clip1_105_637)"><path d="M45 47.8572C44.9226 48.2117 44.8227 48.5607 44.7008 48.902C43.2916 52.1491 41.8666 55.3897 40.4258 58.6239C40.2173 59.0575 40.1089 59.534 40.1089 60.0168C40.1089 60.4997 40.2173 60.9762 40.4258 61.4098C41.8508 64.6408 43.2758 67.8911 44.7008 71.1317C45.2328 72.3409 44.9193 73.4147 43.9075 73.8451C43.5607 74.0056 43.175 74.0582 42.799 73.9962C42.4229 73.9343 42.0732 73.7605 41.7938 73.4969C39.9366 71.8814 38.0746 70.2805 36.2554 68.6215C33.7522 66.3385 31.2917 64.012 28.817 61.7C27.7625 60.7327 27.7103 59.3639 28.7457 58.4159C32.8117 54.6657 36.8919 50.9302 40.9863 47.2091C41.4708 46.6605 42.0958 46.2602 42.7913 46.0531C43.056 45.9994 43.329 46.0053 43.5912 46.0705C43.8534 46.1357 44.0983 46.2586 44.3089 46.4306C44.5194 46.6025 44.6904 46.8194 44.8098 47.0659C44.9292 47.3123 44.9941 47.5825 45 47.8572Z" fill="black" /></g><defs><filter id="filter0_d_105_637" x="0" y="0" width="120" height="120" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix" /><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /><feOffset /><feGaussianBlur stdDeviation="5" /><feComposite in2="hardAlpha" operator="out" /><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0" /><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_105_637" /><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_105_637" result="shape" /></filter><clipPath id="clip0_105_637"><rect width="17" height="28" fill="white" transform="translate(74 46)" /></clipPath><clipPath id="clip1_105_637"><rect width="17" height="28" fill="white" transform="translate(45 74) rotate(180)" /></clipPath></defs></svg> ');
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  /* Adjust size as needed */
  height: 60px;
  /* Adjust size as needed */

  /* Base64 encoded custom SVG */
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  /* Center the SVG */
  z-index: 99999;
}

.contactspinner {
  background-color: var(--primary);
}

.contactspinner p {
  color: var(--white);
  font-family: var(--fontregular);
  font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) !important;
  line-height: normal;
  position: relative;
  width: 100%;
}

.confidence {
  background: linear-gradient(to bottom,
      var(--secondary) 60%,
      var(--white) 40%);
}

/* confidence css end */

/* blog css start  */
.blog-content h1 {
  border-left: 4px solid var(--secondary);
  padding: 25px;
  margin-block: 25px;
}

.blog-content img {
  max-height: 500px;
  object-fit: cover;
  border-radius: 30px;
  width: 60%;
  object-position: top;
  margin-block: 10px;
}

.blog-content h1 {
  font-size: calc(19px + (26 - 19) * ((100vw - 320px) / (1920 - 320))) !important;
}

.blog-content h3 {
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
}

.blog-content h1,
.blog-content h2,
.blog-content h3 {
  font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontbold);
  line-height: 2rem;
  color: var(--primary);
}

.blog-content p,
.blog-content li {
  font-size: calc(15.5px + (18 - 15.5) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  margin-block: 10px;
  color: var(--secondary-text);
}

.blog-content li {
  margin-block: 2px;
}

.newscard {
  background-color: transparent !important;
  border: 0 !important;
}

.newscard img {
  object-fit: cover;
  width: 100%;
  /* height: 70%; */
  border-radius: 30px;
}

.newscard .para-lg {
  font-family: var(--fontbold) !important;
}

.newscard .para {
  color: var(--border);
}

.blog-heading {
  border-left: 4px solid var(--secondary);
  padding: 25px;
}

.blog-comment {
  display: flex;
  justify-content: space-between;
  margin-block: 30px;
  border-bottom: 1px solid var(--secondary);
}

.user-img img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 100%;
}

.blog-comment-content {
  padding-left: 15px;
  font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
  width: 100%;
  margin-bottom: 20px;
}

.blog-comment-content p {
  margin: 0;
  line-height: normal;
}

.blog-comment-content .para {
  color: var(--secondary-text);
}

.blog-comment-content span {
  font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
  letter-spacing: 3px;
  text-transform: uppercase;
}

.blog-inp::placeholder {
  color: var(--secondary-text);
}

.blog-inp {
  margin-block: 10px;
  border-radius: 0;
  box-shadow: none !important;
  border: 1px solid #d9d9d9;
  color: var(--secondary-text);
  padding: 12px 15px;
  font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.recent-post {
  position: -webkit-sticky;
  position: sticky;
  top: 10vh;
}

.recent-post a {
  text-decoration: none;
  display: flex;
  margin-block: 0px;
  padding: 10px;
  transition: 0.2s;
  white-space: nowrap;
  /* Prevent text from wrapping */
  overflow: hidden;
  /* Hide the overflowed text */
  text-overflow: ellipsis;
}

.recent-post a:hover {
  background-color: var(--extra1);
  transition: 0.2s;
}

.recent-post-line {
  background-color: var(--secondary);
  height: 1px;
  width: 100%;
  position: relative;
}

.recent-post-line::after {
  content: "";
  height: 3px;
  width: 30px;
  position: absolute;
  background-color: var(--primary);
  top: -1px;
}

.recent-post-img {
  border-radius: 10px;
  object-fit: cover;
  width: 65px;
  height: 65px;
  margin-right: 10px;
}

.blog-page-img {
  max-height: 500px;
  object-fit: cover;
  border-radius: 30px;
  object-position: top;
}

/* blog css end */

/* tech css start */

.techbg {
  background: url("/assets/images/others/techbg.webp");
  background-repeat: no-repeat;
  background-size: cover;
}

/* tech css end */

/* testimonial start  */
.testimonial {
  background: url("/assets/images/testimonial/testimonialbg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* .testimonial .slick-dots li,
.testimonial .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 100px;

}

.testimonial .slick-dots li button:before {
    width: 10px;
    height: 10px;
    line-height: 14px;
    left: 0px;
}

.testimonial .slick-active button {
    border: 1px solid var(--black);
} */

.testimonialimg {
  border: 4px solid var(--primary);
  border-radius: 100%;
}

.testimonialuser {
  font-family: "Playfair Display", serif;
  font-size: 25px;
  font-weight: 600;
  font-style: italic;
}

/* testimonial end  */

/* footer start  */
.footer {
  background: url("/assets/images/footer/Group 109.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.footer-logo {
  width: calc(100px + (200 - 100) * ((100vw - 320px) / (1920 - 320)));
  object-fit: contain;
  height: auto;
}

.footerservices {
  padding: 0;
}

.footerservices li a,
.footerservices li {
  list-style: none;
  font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  color: var(--white) !important;
  text-decoration: none;
  padding-block: 3px;
}

.footerservices li i {
  font-size: calc(10px + (13 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.footericon p {
  /* font-family: "Playfair Display", serif; */
  font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
  font-weight: bold;
  color: var(--white);
}

.newsletter {
  background: transparent;
  border: 1px solid var(--border);
  margin: 0;
  border-radius: 10px;
  padding: 5px;
}

.newsletter input::placeholder {
  color: var(--secondary);
}

.newsletter input {
  background: transparent;
  border: 0;
  box-shadow: none !important;
  color: var(--white) !important;
}

.newsletter input:focus {
  background: transparent;
  border: 0;
}

/* .newsletter span, */
.newsletter button {
  border-radius: 5px !important;
  background-color: var(--secondary) !important;
  border: 0;
}

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

/* footer end  */

/* dental services css start  */
.dentalservices {
  background-color: var(--primary);
}

.dentalservicescard {
  background-color: transparent !important;
  position: relative;
  border: 0 !important;
}

.dentalservicescard img {
  border-radius: 51px;
  width: 100%;
  object-fit: cover;
  transition: 0.3s;
}

.dentalservices .slick-dots {
  display: none !important;
}

.dentalservicescarddetail {
  background: linear-gradient(to bottom, #000000a3 -5%, transparent 100%);
  width: 100%;
  border-radius: 51px;
  position: absolute;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-block: 30px;
  padding-inline: 20px;
}

.dentalservicescarddetail .btn-div {
  position: absolute;
  bottom: -50px;
  transition: 0.3s;
  left: 0;
}

.dentalservicescard:hover .dentalservicescarddetail .btn-div {
  bottom: 30px;
  transition: 0.3s;
}

/* dental services css endd  */

/* ask question css start  */
.askquestion {
  background-color: #f4f4f4 !important;
  border: 0 !important;
  /* border-radius: 40px 0 0 40px !important; */
}

/* ask question css end  */

/* marquee css start */
.marquee {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  height: 170px;
}

.marquee-2 {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
  height: 30px;
}

.marquee--inner {
  display: block;
  width: 200%;
  position: absolute;
  animation: marquee 10s linear infinite;

  &:hover {
    animation-play-state: paused;
    /* color: red; */
  }
}

.marquee--inner span {
  float: left;
  width: 50%;
  overflow: hidden;
}

@keyframes marquee {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

@keyframes marquee2 {
  0% {
    left: 0;
  }

  100% {
    left: -100%;
  }
}

/* marquee css end  */

/* location css start  */
.map {
  border-radius: 30px;
  /* filter: grayscale(0.8); */
  min-height: 400px;
  height: 100%;
}

.gm-style .place-card-large {
  display: none !important;
}

/* .map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    min-height: 400px;
} */

.opening-hours {
  background-color: var(--light) !important;
  border-radius: 30px !important;
  border: 0 !important;
}

.opening-hours ul {
  padding: 0;
  padding-top: 10px;
}

.opening-hours ul li {
  display: flex;
  justify-content: space-between;
  margin-top: 10px !important;
}

.opening-hours-location {
  background-color: var(--light);
  position: absolute;
  width: 350px;
  /* font-size: calc(250px + (350 - 250) * ((100vw - 320px) / (1920 - 320))); */

  width: calc(250px + (400 - 250) * ((100vw - 320px) / (1920 - 320)));
  padding: 20px;
  border-radius: 30px;
  top: 2px;
  left: 2px;
}

.opening-hours-location div {
  width: -moz-fit-content;
  width: fit-content;
}

/* location css end  */

/* Our Specialist css start  */

.ourspecialistcard {
  background-color: var(--light) !important;
  position: relative;
  border: 0 !important;
  border-radius: 30px !important;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.ourspecialistcard img {
  width: 100%;
  object-fit: contain;
  border-radius: 30px;
  height: calc(350px + (450 - 350) * ((100vw - 320px) / (1920 - 320))) !important;
  object-position: bottom;
}

.ourspecialistcarddetail {
  width: 100%;
  /* position: absolute; */
  top: 0;
  /* display: flex;
    flex-direction: column;
    justify-content: flex-end; */
  height: 100%;
  padding-block: 10px;
  /* padding-inline: 20px; */
  text-align: center;
}

.ourspecialistcard a {
  background-color: var(--white);
  border: 1px solid var(--black);
  padding: 10px 25px;
  font-family: var(--fontsm);
  text-decoration: none;
  color: var(--black);
  border-radius: 50px;
  font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320))) !important;
  position: absolute;
  bottom: -55px;
  transition: 0.3s;
}

.ourspecialistcard:hover a {
  bottom: 30px;
}

.ourspecialistcard a:hover {
  transform: scale(1.03) !important;
  transition: 0.3s;
}

.specialists-tab li.active {
  background-color: var(--primary);
  color: var(--light);
}

.specialists-tab li {
  font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
  border: 1px solid var(--primary);
  border-radius: 50px;
  padding: 8px 35px !important;
  margin: 5px;
}

.specialists .slick-dots {
  width: 70%;
  margin-inline: 15%;
  bottom: -40px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.specialists .slick-dots li {
  background-color: var(--black);
  width: 100%;
  border-radius: 50px;
  height: 2px;
  transition: background-color 0.3s;
  margin: 0;
}

.specialists .slick-dots li button {
  display: none;
}

.specialists .slick-dots li.slick-active {
  background-color: var(--primary);
  transition: background-color 0.3s;
  height: 4px;
  border-radius: 10px;
}

/* .specialists .slick-slider {
    display: flex;
    justify-content: center;
} */

.specialists .slick-next,
.specialists .slick-prev {
  display: none !important;
}

.specialleft {
  position: absolute;
  top: 40%;
  left: -35px;
  font-size: 30px;
}

.specialright {
  position: absolute;
  top: 40%;
  right: -35px;
  font-size: 30px;
}

/* Our Specialist css endd  */

/* digital Technology css start  */

.digitalcontentcard {
  background-image: linear-gradient(350deg, var(--primary), #334165);
  border: 0 !important;
  /* background-color: var(--primary); */
  border-radius: 30px;
}

/* digital Technology css end  */

/* Regular Treatment Dubai css start  */
.moreservices .card-body ul::-webkit-scrollbar {
  width: 6px;
  display: none;
}

.moreservices .card-body::-webkit-scrollbar-track {
  width: 100px !important;
}

.moreservices::-webkit-scrollbar-thumb {
  display: none;
}

.moreservices .bi-arrow-right-short::before {
  font-weight: 900 !important;
}

.moreservices {
  background-color: var(--extra3) !important;
  border-radius: 30px !important;
  border: 0 !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 10vh;
  opacity: 1;
  visibility: show;
  transition: visibility 0s, opacity 0.5s linear;
}

.d-moreservices {
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  height: 0;
  visibility: hidden;
}

.moreservices .card-body {
  /* max-height: 97vh; */
  overflow: auto;
}

.moreservices .card-body ul {
  height: -webkit-fill-available;
  overflow: auto;
  padding: 10px 10px;
}

.moreservices a.active {
  background-color: var(--white);
  transition: 0.3s;
}

.moreservices a:hover {
  background-color: var(--white);
  transition: 0.3s;
}

.moreservices a {
  color: var(--black);
  font-family: var(--fontsm);
  font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  list-style: none;
  margin-top: 10px;
  border: 1px solid var(--white);
  border-radius: 30px;
  padding: 10px 20px;
  text-decoration: none;
}

/* width */
.moreservices ul::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.moreservices ul::-webkit-scrollbar-track {
  border-radius: 100px;
  background: #000000;
}

/* Handle */
.moreservices ul::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #e7e7e7;
  background-clip: content-box;
  border: 2px solid transparent;
}

/* Regular Treatment Dubai end  */

/* ant css start  */
.ant-btn {
  background-color: var(--primary) !important;
}

/* ant css end  */

/* dr profile css start  */
.drprofile {
  background-color: var(--extra1) !important;
  border: 0 !important;
  border-radius: 20px !important;
  padding-block: 10px;
  padding-inline: 15px;
}

.drprofile .heading-md {
  font-family: var(--fontblack) !important;
}

.drprofile-img {
  border: 0 !important;
  background-color: #f5f5f5 !important;
  height: 100% !important;
  border-radius: 20px !important;
}

.drprofile-img img {
  object-fit: contain;
  object-position: bottom;
  /* height: 80% !important; */
  border-radius: 20px !important;
  margin-top: auto;
  height: calc(300px + (700 - 300) * ((100vw - 320px) / (1920 - 320)));
}

.drprofile-content img {
  max-height: 500px;
  object-fit: cover;
  border-radius: 20px;
  width: 60%;
  object-position: top;
  margin-block: 10px;
}

.drprofile-content {
  background-color: var(--extra2) !important;
  border-radius: 20px !important;
  border: 0 !important;
  padding-inline: 15px;
  padding-block: 20px;
}

.drprofile-content .card-body {
  height: 400px;
  overflow: auto;
}

.drprofile-content .card-body::-webkit-scrollbar {
  width: 8px;
  margin-right: 10px !important;
}

.drprofile-content .card-body::-webkit-scrollbar-track {
  border-radius: 100px;
  background: #cbcbcb;
}

.drprofile-content .card-body::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #e7e7e7;
  background-clip: content-box;
  border: 2px solid transparent;
}

.drprofile-content h1 {
  font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular);
  line-height: 1.4;
  font-weight: 600;
}

.drprofile-content h2,
.drprofile-content h3,
.drprofile-content h4,
.drprofile-content h5 {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular);
  line-height: 1.4;
  font-weight: 600;
}

.drprofile-content p {
  font-size: calc(13px + (16 - 13) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
}

.drprofile-qualification {
  background-color: #d7ece4 !important;
  border: 0 !important;
  border-radius: 20px !important;
}

.faq.accordion-item {
  border: 0 !important;
}

.faq .accordion-button {
  background: var(--light) !important;
  border: 0 !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontsm) !important;
  color: var(--black);
  text-transform: capitalize;
}

.faq .accordion-button::after {
  background-color: var(--white);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M1.53125 0.234375L8 6.71875L14.4688 0.234375L16 1.76562L8 9.76562L0 1.76562L1.53125 0.234375Z' fill='%231E2841'/%3E%3C/svg%3E") !important;
  border-radius: 100%;
  padding: 14px;
  background-position: center;
}

/* dr profile css end  */

/* offers css start  */
.offers button {
  position: absolute;
  bottom: 20px;
  left: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
  font-size: 14px;
}

/* offers css end  */
/* cunsultant form start  */
.qr-code {
  background: url("/assets/images/others/techbg.webp");
  padding-block: 40px;
}

/* cunsultant form end  */
@media (min-width: 992px) {
  .service-dd .dropdown-menu[data-bs-popper] {
    top: unset;
  }

  .service-dd .dropdown-menu.show {
    display: grid;
  }

  .nav-item.dropdown:hover ul {
    display: grid;
  }

  .service-dd .dropdown-menu {
    right: 0;
    left: 0;
    grid-template-columns: auto auto auto;
    width: 70vw;
    margin-inline: auto !important;
  }
}

@media (min-width: 768px) {
  .moreservices .card-body {
    height: 88vh;
    overflow: auto;
  }
}

@media (max-width: 768px) {
  .marquee--inner.marquee--inner2 {
    animation: marquee2 10s linear infinite;
  }

  .marquee--inner.marquee--inner2 span {
    width: 100%;
  }

  .blog-page-img {
    height: 250px;
  }

  .flex-column-reverse-md {
    flex-direction: column-reverse;
  }

  .banner-parent {
    min-height: 450px;
  }

  .banner {
    min-height: 450px;
    object-position: center;
  }

  .object-position-left {
    object-position: left !important;
  }

  .hombannerblur {
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
  }

  .appointment-sec {
    margin-top: 15px;
  }
}

@media ((max-width: 600px)) {
  .specialists .slick-dots {
    width: 90%;
    margin-inline: 5%;
  }

  .dentalservicescarddetail .btn-div {
    bottom: 30px;
  }

  .ourspecialistcard a {
    bottom: 30px;
  }
}

@media (max-width: 1100px) {

  .specialright,
  .specialleft {
    display: none;
  }
}

.ant-message-notice {
  display: flex;
}

.ant-select-dropdown,
.ant-picker-dropdown {
  z-index: 99999 !important;
}

.grecaptcha-badge {
  display: none !important;
  opacity: 0;
}

.whatsapp {
  position: fixed;
  right: 20px;
  bottom: 30px;
}

.callicon {
  position: fixed;
  right: 20px;
  bottom: 86px;
}

.whuchooseus li {
  list-style: circle;
}

.careers-detail h1,
.careers-detail h2 {
  font-size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular);
  line-height: 1.4;
  font-weight: 600;
}

.careers-detail p,
.careers-detail span {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
  font-weight: normal;
}

.careers-detail span {
  margin-left: 10px;
}

.careerinput {
  background-color: var(--white) !important;
  border-radius: 10px !important;
  color: var(--border);
  border: 2px solid #d4d4d4 !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: var(--fontregular) !important;
}

.careerinput input {
  width: 100% !important;
  border: 0 !important;
  box-shadow: none !important;
}


.careerinput .flag-dropdown {
  background: transparent;
  border: 0;
}

.careers-detail ul {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
  padding-left: 25px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* feedback */

.ratingcard input[type="radio"]:checked+label .card {
  background-color: var(--primary) !important;
  /* Change to your desired color */
}

.ratingcard input[type="radio"]:checked+label .card p {
  color: var(--white) !important;
}

.ratingcard {
  width: 19%;
}

.ratingcard img {
  width: 95%;
}

.feedback-modal {
  background-color: #F8FAFF !important;
}

.star-icon::before {
  color: #D3D3D3;
  cursor: pointer;
  transition: color 0.3s ease;
}

.star-icon.star-filled::before {
  color: #ffce2a;
  /* Highlighted star color */
}

/* new for cms  */
.imgandcontentcolumn h1,
.imgandcontentcolumn h2,
.imgandcontentcolumn h3,
.imgandcontentcolumn h4,
.imgandcontentcolumn h5,
.imgandcontentcolumn h6 {
  font-size: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontbold);
  line-height: 2rem;
  color: #1e2841;
}

.imgandcontentcolumn,
.imgandcontentcolumn p {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
}

.content h1,
.content h1 strong {
  font-size: calc(30px + (40 - 30) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontbold);
  line-height: 2rem;
  color: #1e2841;
}

.content h2,
.content h3,
.content h4,
.content h2 strong,
.content h3 strong,
.content h4 strong {
  font-size: calc(17px + (24 - 17) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontbold);
  line-height: 2rem;
  color: var(--primary);
}

.content p,
.content ul {
  font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
  font-family: var(--fontregular) !important;
  line-height: 1.4;
  color: var(--black);
}


/* Banner 4 Media Query */
/* @media (max-width: 1250px) {
  .banner-parent {
    width: 100%;
    height: auto !important;
    min-height: auto !important;
  }

  .banner {
    object-fit: cover;
    width: 100%;
    min-height: auto !important;
  }
} */

@media (max-width: 847px) {
  .banner4-container {
    width : 100% !important
  }

  .banner-parent {
    width: 100%;
    min-height: 450px;
    height: 550px;
  }

  .banner {
    object-fit: cover;
    width: 100%;
    min-height: 450px !important;
  }
}

/* React Quill Font Size */
.ql-size-small {
  font-size: 0.75em;
}

.ql-size-large {
  font-size: 1.5em;
}

.ql-size-huge {
  font-size: 2.5em;
}


/* Introduction Section Media Query */

@media (max-width: 992px) {
  .image-mobile-show {
    display: block !important;
  }

  .image-mobile-hide {
    display: none !important;
  }

  .banner4-container {
    font-size: 1.5em !important;
  }
}

@media (min-width: 993px) {
  .image-mobile-show {
    display: none !important;
  }
  .image-mobile-hide {
    display: block !important;
  }
}

.dropdown-item-margin {
  margin-left: 0.3em !important;
}
/* cyrillic-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Inter_f367f3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Inter_Fallback_f367f3';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_f367f3 {font-family: '__Inter_f367f3', '__Inter_Fallback_f367f3';font-style: normal
}