html, body{
/*  font-size: 1rem;*/
}
body{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  padding-top: 1.6rem;
  line-height: 1.6;
}
@media (min-width: 1400px) {
  .container{
    max-width: 1150px;
  }
}
img{
  max-width: 100%;
}
.fw-500{
  font-weight: 500;
}
.fw-600{
  font-weight: 600;
}

.yx-btn {
  transition: all .3s ease-in;
}
.yx-btn:hover{
  background: #827fc6;
  color: #fff;
}
.visa-info{
  font-size: 14px;
}
.yx-tab-card .nav-link{
  font-size: 16px;
  color: #333;
}
.yx-card-body ul{
  padding-left: 0
}
.yx-card-body ul li{
  list-style: none;
  margin-bottom: 15px;
  display: flex;
  gap: 12px;
  align-items: center;
}


.rounded-15{
  border-radius: 15px;
}
.visa-badge{
  top: 25px;
    right: 25px;
    position: absolute;
}
.visa-swiper img{
  height: 200px;
  object-fit: cover;
}
.primary-bg{
  background: #1f70b8;
}
/*.percent-ratio{
      --r: 15px;
    --s: 30px;
    --a: 40deg;
    --p: 50%;

  height: 200px;
  aspect-ratio: 3/2;
  background: #1f70b8;
  border-radius: var(--r);
  --_m:var(--r),#000 calc(100% - 1px),#0000;
  --_d:(var(--s) + var(--r))*cos(var(--a));
  mask:
    radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at var(--p) calc(-1*sin(var(--a))*var(--s)),
      #0000 100%,#000 calc(100% + 1px)) 0 calc(var(--r)*(1 - sin(var(--a)))) no-repeat,
    linear-gradient(90deg,#000 calc(var(--p) - var(--_d)),#0000 0 calc(var(--p) + var(--_d)),#000 0);
}*/
/*.percent-ratio:before{
   content: '';
      position: absolute;
      top: 10%;
      bottom: 10%;
      right: -5%;
      left: -5%;
      background: inherit;
      border-radius: 5% / 50%;
}*/
.orange-bg{
  background: #f2930d;
}
.popular-city{
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.yx-title{
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.yx-title:after{
  background: #ea1d24;
  width: 40px;
  height: 3px;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
}
.text-primary{
  color: #1f70b8 !important;
}
.yx-sub-accordion .accordion-button, .yx-sub-accordion .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
  font-weight: bold;
  padding-left: 0;
}
.yx-sub-accordion .accordion-body{
    padding-left: 0;
    padding-top: 0;
}
.profile-thmb{
  flex: 0 0 50px;
}
.banner-img{
  position: relative;
}
.banner-img:after {
  
  width: calc(100% - 2px);
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  z-index: 1;
}
.banner-img h2{
  bottom: 15px;
  left: 25px;
  position: absolute;
  z-index: 99;
}
.checklist-info{
  min-height: 270px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
}
.yx-tab-card .nav-tabs{
  border: none;
  gap: 8px;
}
.yx-tab-card .nav-tabs .nav-link{
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, .1);
  margin-bottom: 4px;
}
.yx-tab-card .nav-tabs .nav-link.active{
  border: 1px solid rgb(31 112 184);
}
.percent-ratio, .overal-stats{
  background: url(../images/Blue.gif) no-repeat center center;
  width: 134px;
  height: 134px;
  position: relative;
}
.overal-stats{
  background: url(../images/orange.gif) no-repeat center center;
}
.percent-ratio h5{
  position: absolute;
  width: 100%;
  bottom: 10px;
  text-align: center;
}
.appointment-centers{
  background: url(../images/India-Map.jpg) no-repeat right bottom;
  background-size: 72%;
}
.ac-info-section{
  border-radius: 15px 0 0 15px;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 0px 50px 0px rgba(190, 188, 198, 0.4);
  font-size: 12px;
}
.ac-info-section ul{
  padding-left: 15px;
}
.ac-info-section ul li::marker{
  color: #7dbff7;
}
.addition-cost ul li::marker{
  color: #256fb3;
}
.center-no-12, .center-no-7{
  background: url(../images/12-bg.jpg) no-repeat center center;
  width: 64px;
  height: 64px;
  text-align: center;
  line-height: 64px;
}
.center-no-7{
  background: url(../images/7-bg.jpg) no-repeat center center;
}
.banner-title{
  font-size: 3rem;
}
.Review-info{
  background: url(../images/Review-Ttile-bg.svg) no-repeat top center;
  background-size: 150px;
}
ul.no-bullet{
  padding-left: 0;
}
ul.no-bullet li{
  list-style: none;
}
.history-list ul{
  position: relative;
}
.history-list ul li:before{
  background: rgb(31 112 184);
  width: 1px;
  height: calc(100% - 26px);
  position: absolute;
  left: 17px;
  top: 16px;
  content: "";
}
.history-list ul li::marker, ul li::marker{
  color: rgb(31 112 184);
}
img{
  max-width: 100%;
}
.whatsapp {
  position: fixed;
  width: 50px;
  right: 10px;
  bottom: 10px;
}
@media all and (min-width: 1100px) {
 .main_c_block{
    display: flex;
  }
  .second_c_block{
    position: -webkit-sticky;
    position: sticky;
    top: 65px;
    display: block !important;
    height: calc(100vh - 65px); 
    padding-left: .25rem;
    margin-left: -.25rem;
    overflow-y: auto;
    margin-bottom: 20px;
  }   
}

@media all and (min-width: 768px) {
  
}
@media all and (max-width: 767px) {
.fixed-yx-navbar{
  box-shadow: 0px 0px 50px 0px rgba(190, 188, 198, 0.4);
}
.yx-tab-card nav{
  flex-wrap: nowrap;
  overflow-x: auto;
  -ms-overflow-style: none;  /* IE 10+ */
  scrollbar-width: none;
}
.yx-tab-card .nav-tabs{
  min-width: 680px;
  
}
}