/*------------------------# Start Benner Section------------------*/
.about-ban-section {
  padding: 0;
}

.about-ban {
  width: 100%;
  position: relative;
  padding: 0;
  height: 65vh;
  margin-top: 130px;
}

/* .whatsapp-desk img {
  position: absolute;
  bottom: 60px;
  right: 30px;
  width: 50px;
}

.phone-mob img {
  display: none;
} */

.answerwraper ul {margin-left: 20px;}
.answerwraper ol {margin-left: 20px;}

/*---------  # End Banner Section -----------------*/





/* Start Testimonials Section */
.testi-section {
  background-color: #2053A0;
  overflow: hidden;
  height: 865px;
}

.m-m-top {
  margin-top: -10px;
}

.testi-section-title-top hr {
  width: 40px;
  border-top: 2px #F4A023 solid;
  opacity: 1;
  text-align: left;
}

.testi-section-title {
  font-size: 36px;
  color: #fff;
  text-align: left;
  margin-bottom: 0;
  margin-top: -15px;
  position: relative;
  z-index: 1;
}

.testi-section-text {
  font-size: 18px;
  color: #fff;
  opacity: 8;
  text-align: left;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.testi-btn {
  width: 110px;
  padding: 40px 0;
  position: relative;
  z-index: 1;
}

.testi-btn a {
  font-size: 16px;
  background-color: #F4A023;
  border: 0;
  border-radius: 5px;
  color: #fff;
  padding: 12px 20px;
}

.testi-btn a:hover {
  background-color: #eb8e02;
}

.testi-video-up-btn {
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  max-width: 78px;
  margin: 0 auto;
  z-index: 9;
}



/* Start Request An Appointment Section */
.appo-bg {
  background-color: #FFF7EC;
}

.appo-form-bg {
  background-color: #fff;
  padding: 40px;
  border: 1px #d4d4d4 solid;
  border-radius: 5px;
  margin: 30px 0 5px 0;
}

.appo-form-bg .php-email-form input {
  border-bottom: 1px #D4D4D4 solid;
  margin-top: 20px;
}

.appo-form-bg .php-email-form input:focus {
  border-bottom: 1px #D4D4D4 solid;
  border-top: none;
  border-left: none;
  border-right: none;
}

.appo-form-bg .php-email-form textarea {
  border-bottom: 1px #D4D4D4 solid;
  margin-top: 20px;
}

.appo-form-bg .php-email-form textarea:focus {
  border-bottom: 1px #D4D4D4 solid;
  border-top: none;
  border-left: none;
  border-right: none;
}

.appo-form-bg .php-email-form button[type=button] {
  margin-top: 20px;
}

.appo-btn {
  border-radius: 5px;
  padding: 7px 30px !important;
}

/* End Request An Appointment Section */


/*--------------------------------------------------------------------*/
:root {
  --theme-blue: 200, 80%, 38%;
  --theme-red: 350, 63%, 52%;
  --theme-pink: 350, 100%, 69%;
  --theme-black: 0, 7%, 9%;
  --theme-white: 0, 0%, 100%;
  --theme-light: 40, 100%, 97%;
  --theme-dark: 0, 7%, 29%;
  color: hsl(var(--theme-dark));
  background: hsl(var(--theme-light));
}

.Carousel {
  --carousel-gap: 1rem;
  /* border-radius: 1rem; */
  display: flex;
  gap: var(--carousel-gap);
  overflow-y: hidden;
  overflow-x: auto;
  position: relative;
  scroll-behavior: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  height: 10vw;
  outline: none !important;
  min-height: 20rem;
  max-height: 30rem;
}

.Carousel::-webkit-scrollbar {
  display: none;
}

.Carousel .Card {
  aspect-ratio: var(--card-ratio);
  flex: 1 0 auto;
  min-height: 100%;
  scroll-snap-align: start;
}

.Carousel .Card__media {
  aspect-ratio: auto;
}

.Carousel>div:empty {
  position: relative;
}

.Carousel>div:empty:first-child {
  inset-inline-start: 10%;
  margin-inline-end: calc(-1 * var(--carousel-gap));
}

.Carousel>div:empty:last-child {
  inset-inline-end: 10%;
  margin-inline-start: calc(-1 * var(--carousel-gap));
}

.Carousel--single .Card {
  --card-ratio: auto;
  flex: 1 0 100%;
}
.accordion-body {padding-top: 0px; margin-top: -20px; margin-left: 20px;}
.serv-full-text {text-align: left;}
.serv-disclaimer {margin-top: 30px; text-align: center;}
.light-blue { background-color: #eef9ff;}
.dark-blue {background-color: #2D559A;}
.dark-blue h2 {color: #fff;}
.dark-blue p {color: #fff;}
.light-pink {background-color: #FFF7EC;}




.doc-accordian p {margin-top: 15px;}
.doc-accordian p ul {padding-left: 20px;}
.doc-accordian ul {padding-left: 20px;}



@media (prefers-reduced-motion: reduce) {
  .Carousel {
    scroll-behavior: auto;
  }
}

@supports not (aspect-ratio: 1/1) {
  .Carousel .Card__media {
    padding-block-end: 0 !important;
  }

  .Carousel .Card__image {
    position: relative !important;
  }
}

.Dots {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  display: none;
}

.Dot {
  border-radius: 100%;
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  position: relative;
}

.Dot::after {
  background: currentColor;
  border-radius: 100%;
  content: "";
  display: block;
  height: 0.375rem;
  width: 0.375rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.Dot--active {
  color: hsl(var(--theme-pink)) !important;
}

.Pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 1rem -0.5rem;
}

.Pagination .Arrow {
  flex: 0 0 auto;
}

.Pagination .Arrow:first-of-type {
  /* margin-inline-end: auto; */
  order: -1;
}

.Pagination .Arrow:last-of-type {
  /* margin-inline-start: auto; */
  order: 1;
}

.Arrow {
  align-items: center;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0.125rem;
  cursor: pointer;
  color: hsl(var(--theme-blue));
  display: flex;
  height: 3rem;
  justify-content: center;
  opacity: 1;
  padding: 0.5rem;
  transition: opacity 150ms, color 150ms;
}

.Arrow:hover {
  color: hsl(var(--theme-red));
}

.Arrow:focus {
  color: hsl(var(--theme-pink));
  outline: none;
}

.Arrow:focus:not(:focus-visible) {
  color: hsl(var(--theme-red));
}

.Arrow[disabled] {
  color: hsl(var(--theme-dark));
  opacity: 0.4;
  pointer-events: none;
}

.Arrow i {
  background: #F4A023;
  color: #fff;
  border-radius: 100%;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
}

.sorcefrom {
  text-align: center;
}

.matter {
  text-align: center;
  color: #707070;
  font-size: 16px;
  margin-top: 20px;
  height: 120px;
  overflow: auto;
  padding-right: 10px;
}

.Hidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

:root {
  --card-link-color: var(--theme-blue);
  --card-hover-color: var(--theme-red);
  --card-focus-color: var(--theme-pink);
  --card-inner-focus-color: var(--theme-white);
  --card-shadow-color: var(--theme-black);
  --card-foreground-color: var(--theme-dark);
  --card-background-color: var(--theme-dark);
}

.Card {
  --card-ratio: auto 1/1;
  /* display: grid; */
  grid-template-columns: 1fr;
  grid-template-rows: [media-start] auto [media-end main-start] auto [main-end];
  max-width: 100%;
  position: relative;
  margin-top: 50px;
}

.Card__main {
  align-self: end;
  grid-column: 1/-1;
  grid-row: main-start/main-end;
  padding: 1.25rem;
  background: #fff;
}


.Card--photo {
  --card-ratio: auto 4/3;
}

.Card--portrait {
  --card-ratio: auto 3/4;
}

.Card--wide {
  --card-ratio: auto 16/9;
}

@supports not (aspect-ratio: 1/1) {
  .Card__media {
    height: 100%;
    padding-block-end: calc(100% * (1 / 1));
  }

  .Card--square .Card__media {
    padding-block-end: calc(100% * (1 / 1));
  }

  .Card--photo .Card__media {
    padding-block-end: calc(100% * (3 / 4));
  }

  .Card--portrait .Card__media {
    padding-block-end: calc(100% * (4 / 3));
  }

  .Card--wide .Card__media {
    padding-block-end: calc(100% * (9 / 16));
  }
}



.Main {
  margin: 50px auto 0px;
  /* max-width: calc(90rem + 10vw); */
  padding: 3.5rem 5vw;
  width: 100%;
  background: #2053A0;
}

.Main>*:first-child {
  margin-block-start: 0;
}

.Main a:not([class]) {
  font-weight: 500;
}

.client-imagetextwrap {
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-nameandstar ul {
  display: flex;
  list-style: none;
  margin: 0px;
}

.user-nameandstar ul li {
  color: #F3AA00;
  margin-right: 4px;
}

.user-nameandstar {
  margin-left: 20px;
}

.user-nameandstar p {
  margin-bottom: 0px;
  color: #2053A0;
}

.user-image img {
  width: 80px;
}


.testimonialgobutton {
  text-align: center;
  margin-top: 30px;
}

.testimonialgobutton a {
  display: inline-block;
  background: #F4A023;
  padding: 7px 15px;
  color: #fff;
  text-align: center;
  border: 0px;
  line-height: 35px;
  font-size: 17px;
  transition: 0.4s;
  border-radius: 10px;
}
/*--------------------------------------------------------------------*/
.mainvideowrap img {
  width: 100%;
}

.mainvideowrap {
  position: relative;
}


.commonplay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  z-index: 9;
}

.commonplay-button a i {
  background: #F4A023;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  border: 2px solid #fff;
}
h2.accordion-header button {
  font-size: 26px !important;
  color: #14499D;
  background: transparent;
  padding: 20px 0px;
}
.accordion-button:not(.collapsed) {
  background: transparent;
}

button.accordion-button {
  border: 0px;
  border-radius: 0px;
}

.accordion-item {
  border-right: 0px;
  padding: 0px;
  border-left: 0px;
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: none;
}

.accordion-button::after{
  display: none;
}
.accordion-button::before{
  flex-shrink: 0;
  margin-right: 10px;
  content: "\F286";
  transition: var(--bs-accordion-btn-icon-transition);
  font-family: 'bootstrap-icons';
  background-color:  #14499D;
  height: 30px;
  width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 21px;
  border-radius: 50%;
}
.accordion-button:not(.collapsed)::before {
  transform: rotate(90deg);
  background-color:#F4A023;
}
.accordion-button:not(.collapsed) {
    background: transparent;
}
.singlevideo {
  width: 50%;
  margin: 20px auto;
}
.multipiletwovideo, .multipilethreevideo {
  margin: 20px 0px;
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
}
/*--------------------------------------------------------------------*/
.Main .Pagination {display: none;}
/*--------------------------------------------------------------------*/

@media only screen and (max-width: 1367px) and (min-width: 1200px) {
  .about-ban {height: 55vh; margin-top: 115px;}
  .captchacoderightdiv {width: 42%;}
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .about-ban {margin-top: 120px; height: 56vh;}
  .captchacoderightdiv {width: 35%;}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {

  .singlevideo{width: 80%;}
  .about-ban {margin-top: 80px; height: 40vh;}
}

@media (max-width: 500px) {

  .singlevideo{
    width: 100%;
  }
  
  .display-desk {
    display: none;
  }

  .display-mob {
    display: block;
  }
  .accordion-button::before{
    height: 20px;
    width: 20px;
    font-size: 12px;
  }
  h2.accordion-header button {
    font-size: 18px !important;
  }
  .accordion-body {margin-left: 10px;}

  /* End Testimonials Section */

  /* Start Request An Appointment Section */

  .appo-bg {
    padding: 20px;
    margin-top: 20px;
  }

  .appo-form-bg {
    margin: 20px 0 0 0;
    border: none;
    padding: 15px;
  }

  .appo-form-bg .php-email-form input {
    margin-top: 2px;
  }

  .appo-form-bg .php-email-form input[type=email] {
    margin-top: 0px;
    padding: 0px 12px 3px 5px;
  }

  .m-appo-input {
    width: 50%;
  }

  .mt-100 {
    margin-top: 0px;
  }

  .appo-form-bg .php-email-form textarea {
    margin-top: 0px;
  }

  .top {
    margin-top: 0px;
  }

  /* .appo-bg .captchacoderight {margin-top: -15px;} */
  .appo-form-bg .php-email-form button[type=button] {
    margin-top: 2px;
    font-size: 15px;
    padding: 3px 15px !important;
  }

  /* End Request An Appointment Section */


  .scroll .card {
    width: 80%;
    margin-right: 10px;
    margin-left: 0px;
  }

  .scroll .card:last-child {
    margin-right: 0px;
  }

  
  .Main {
    margin: 10px auto 0px;
    padding: 2.5rem 2vw;
    overflow: hidden;
  }

  .Main .Carousel .Card {margin-top: 20px;}
  .aboutviewall-button a {padding: 4px;}
  .testimonialgobutton {margin-top: 0;}
  .testimonialgobutton a{padding: 0px 10px;}
  .about-ban {margin-top: 80px; height: 20vh;}
  .breadcrumbs ul li {padding: 0; font-size: 12px;}
  .doc-accordian h2 {font-size: 20px;}
  .doc-accordian p {font-size: 17px; margin-top: 0;}
  .doc-accordian ul li {font-size: 17px;}
  .doc-accordian .section-title {font-size: 22px;}
  .doc-accordian .m-mrg-top {margin-top: -15px;}
  .doc-accordian .accordion-body {margin-top: 0;}

}