.bottom-pattern img,img.top-pattern{z-index:-1;width:16rem;position:absolute}.p-mode,.p-mode .form-check{align-items:center;display:flex}.contact-us-banner{background:url(../images/contact-us/Contct-us-BG.webp) center center/cover no-repeat}.space-left{padding-left:5rem}.light-bg{padding:1.2rem;background:#f0f0f0}.space-top-bottom{padding:1rem 0;font-size:1.3rem}.r-details h4{background:#082369;padding:1rem;color:#fff}.sample-req-list li{font-size:1.4rem;padding:.5rem 0}.request-form .form-control,.request-form .form-select{font-size:1.5rem;padding:.8rem;margin-bottom:1.2rem;border:.1rem solid #e5e5e5}.s-code p{font-size:1.2rem;padding:1rem;background-color:#f2f2f2}.code-holder{padding:1rem 3.5rem;background:#f2f2f2;font-size:1.5rem;font-weight:600;}img.top-pattern{left:0}.bottom-pattern,.top-pattern{position:relative}.bottom-pattern img{right:-5.9rem;bottom:0}.r-details h3{font-size:1.6rem}.p-mode{padding-top:1.5rem}.form-check .para{font-size:1.2rem}.p-mode .form-check{position:relative;padding:1rem;min-height:7rem;display:flex;align-items:center;border:.1rem solid #ddd;margin-right:1.2rem;width:15rem}.p-mode .form-check-input[type=radio]{border-radius:50%;width:14px;height:14px;position:absolute;left:7px;margin:-7px 0 0!important;top:46%}.custom-form label{font-size:1.2rem;padding-bottom:.5rem}.request-form label{font-size:1.3rem;padding-bottom:.5rem;font-weight:500}.mt-6{margin-top:-.5rem}.border-bottom-white{border-bottom:.1rem solid #fff}.form-control:focus{box-shadow:0 0 0 .25rem rgb(130 60 255 / 20%)}.bg-shadow{-webkit-box-shadow:0 5px 12px rgb(0 0 0 / 12%);box-shadow:0 5px 12px rgb(0 0 0 / 12%);padding:2rem;border-radius:1rem}.contact-holder{padding:1.5rem;color:#fff;display:flex;align-items:start;font-size:1.4rem;border-radius:.5rem;margin-bottom:2rem}.contact-holder i{font-size:2.8rem;padding-right:1.2rem}.contact-holder p,.cust-slider p,.outer-main a{font-size:1.4rem}.outer-main a{display:flex;align-items:center;border-bottom:.1rem solid #bebdbd;margin-bottom:1.2rem;padding-bottom:1.2rem;color:#000}.outer-main a i{font-size:2rem;padding-right:2rem}.outer-main{padding:2rem;border-radius:.5rem}.cust-slider{padding:3.5rem;border-radius:.5rem;text-align:center}.cust-slider .carousel-indicators{bottom:-4rem}.cust-slider p{min-height:4.4rem;margin-bottom:0}.report-hyper-link{font-size:1.6rem;color:#000;font-weight:600}.request-form{padding-top:1.1rem}.report-hyper-link:hover{text-decoration:underline;color:#823cff}.contact-holder img{width:3rem;margin-right:1.5rem}.font-size{font-size:1.8rem}.trusted-partner-img img{width:10rem}.activity-icon{width:2.5rem;margin-right:2rem}.contact-us-banner .breadcrumb-item+.breadcrumb-item::before{color:#fff}.outer-main a:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.bottom-pattern{display:none}}@media only screen and (min-device-width:480px) and (max-device-width:550px) and (-webkit-min-device-pixel-ratio:2){.space-left{padding-left:0}.bottom-pattern{display:none}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.space-left{padding-left:1rem;padding-top:2rem}.top-pattern{width:20rem}.bottom-pattern{display:none}}@media only screen and (min-device-width:260px) and (max-device-width:320px) and (-webkit-min-device-pixel-ratio:2){.top-pattern{width:20rem}.green-btn{padding:0 0 0 3rem}.bottom-pattern{display:none}}
.radio-btn .form-check-input,
.radio-btn .form-check-label{
    font-size: 1.5rem;
    font-weight: 300;
}

.radio-btn .form-check{
        padding-left: 4rem;
        display: table-cell;
}

.radio-btn{
    padding-top: 8px;
    padding-bottom: 8px;
}

.footer-down{
        text-align: inherit !important;
}

.pb-10{
        padding-bottom: 8rem!important;
}

.bg-light-pista{
    background:#d4fef4;
}

.author-ptb{
    padding:7rem 0;
}

.border-right-left{
    border-radius:0 15rem 0 15rem;
}

.author-data a{
    color:#823cff;
}

.author-data span{
    font-weight:600;
}

.padding-right{
    padding-right:5rem;
}

.author-data h2{
    font-weight: 600;
    font-size: 24px;
    padding-bottom: 5px
}

.padding-left{
    padding-left:5rem;
}

.border-top-bottom{
    border-radius:15rem 0 15rem 0;
}

/*--css--*/
.reg-data-hld{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: #fff;
    padding:10px 15px;
    border-radius: 10px;
    margin-bottom:15px;
}

.reg-bg{
    background:url(../images/towards-healthcare-register-page-banner.webp)no-repeat;
    background-size:cover;
    background-position:center center;
    padding:55px 0;
    position:relative;
}

.reg-data{
    padding-left:20px;
}

.reg-data h5{
    font-size:18px;
    color:#9c00f8;
    text-transform: capitalize;
}

.reg-data p{
    font-size:15px;
    margin-bottom:0;
    text-align: justify;
}

.reg-right-space{
   padding: 0 5%;
   position:relative;
}

.cnt-space{
    padding-top:50px;
}

.reg-bg:before {
    content: "";
    opacity: 0.9;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: background .4s ease;
    background: linear-gradient(180deg,transparent 0,#00000045 30%,rgba(0,0,0,.97));
    background: rgba(0,0,0,.5);
}

.reg-right-space h1{
    color:#fff;
}

.reg-right-space p{
    color:#fff;
}

.banner-cnt p{
    font-size:30px;
    font-weight:600;
}

.banner-cnt{
    padding-top:30px;
    text-align:center;
}

.banner-cnt span{
    font-size:16px;
    color:#fff;
}

.reg-form {
    padding: 27px;
    -webkit-box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 18%);
    box-shadow: 0 0.5rem 2rem rgb(0 0 0 / 18%);
    background: #fff;
}

.reg-banner {
    background: url(../images/registration-bg.png)no-repeat;
    background-size: cover;
    background-position: top center;
}

.client_sec ul {
    width: 100%;
    float: left;
}

.client_sec ul li:first-child {
    background-position: 12px 0;
    
}
.client_sec ul li {
    float: left;
    padding: 20px;
    text-align: center;
    width: 96%;
    height: 81px;
    background: url(../images/home-page/Our-Clients.jpg) no-repeat;
    background-size: 1034px;
}
.client_sec ul li:nth-child(2) {
    background-position: 12px -87px;
}
.bg-dark-green{background:#452879;}
.bg-yl-clr{background:#E6F4EF;}
.sub-hld-main{background:#fff;border:.1rem solid #823cff;border-radius:2rem;padding: 2rem 3rem;}
.sub-hld-main h1{color:#823cff;font-size:2.8rem;font-weight: 500;padding-bottom: 1.2rem;}
.sub-hld-main span{font-size:1.5rem;}
.sub-hld-main h2{font-size:5rem;font-weight:600;}
.subr-list li:before {content: '';display: inline-block;width: 17px;height: 17px;margin-left: -24px;margin-right:10px;background: url(../images/subscription-tick.webp) 0 0 / contain no-repeat;}
.sub-hld-main ul li,.subr-list li{font-size:1.7rem;padding:.7rem 0;}
.ps-8{padding-left:7rem;}
.lft-btn{left: -1334px;position: absolute;bottom: -170%;}
.rht-btn {right: -16px; position: absolute;bottom: -170%;}
   .search-btn{
        display:none!important;
    }
    
 .ui-big-images {
	 /*position: absolute;*/
	 height: 100%;
	 width:100%;
	 overflow: hidden;
	 display: flex;
     margin-top:6rem;
}
 .ui-big-image {
	 width: 100%;
	 margin-right: -100%;
}
 .ui-big-image img {
	 object-fit: cover;
	 object-position: center 20%;
	 width: 100%;
	 height: 100%;
	 display: block;
}
 @media (max-height: 600px) {
	 .ui-big-image img {
		 object-position: center center;
	}
}
 .ui-thumbnails {
	 position: absolute;
	 width:35%;
	 top:1rem;
	 left: 6rem;
	 display: flex;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: center;
	 padding: 0 1rem;
	 padding-top: 0.5rem;
}
 .ui-thumbnail {
	 display: block;
	 margin-right: 0.5rem;
	 padding: 0.5rem 0;
	 cursor: pointer;
}
 .ui-cuticle {
	 background-color: #22e1b0;
	 position: absolute;
	 bottom: 0;
	 height: 0.25rem;
	 width:18%;
}
 .ui-thumbnail > img {
	 width: auto;
}
 .ui-content {
	 position: absolute;
	 right:60px;
	 bottom: 345px;
}
 .ui-articles {
	 background: #493e56;
	 color: white;
	 display: flex;
	 align-items: stretch;
	 overflow: hidden;
}
 .ui-article {
	 padding: 1.5rem;
	 width: 100%;
	 margin-right: -100%;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
}
 .ui-paragraph {
	 margin: 0;
	 font-size: 0.7rem;
	 line-height: 1.7;
}
 .ui-nav {
	 position: absolute;
	 bottom: 100%;
}
 .ui-nav button {
	 background: #22e1b0;
	 border: none;
	 appearance: none;
	 padding: 0.5em;
	 width:4rem;
	 height:4rem;
	 color: #fff;
	 border-radius:50px;
}
 .ui-nav button:hover, .ui-nav button:focus {
	 background:#22e1b0;
	 outline: none;
}
 .ui-heading {
	 margin: 0;
	 margin-bottom: 0.5rem;
	 font-size: 1rem;
	 font-weight: normal;
}
 .ui-heading:before {
	 content: 'Animator';
	 font-size: 0.5rem;
	 text-transform: uppercase;
	 display: block;
	 margin-bottom: 0.5rem;
	 letter-spacing: 1px;
}
/* ---------------------------------- */
 .ui-big-image {
	 opacity: 0;
	 transform: translateX(-100%);
}
 .ui-big-image img {
	 transform: scale(0.85);
}
 .ui-big-image[data-active] ~ .ui-big-image {
	 transform: translateX(100%);
}
 .ui-big-image[data-active] {
	 opacity: 1;
	 transform: translateX(0%);
}
 .ui-big-image[data-active] img {
	 transform: scale(1);
}
/* ---------------------------------- */
 .ui-article {
	 transform: translateX(-100%);
}
 .ui-article:before {
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 background-color: #d4a12d;
	 opacity: 1;
	 transition-duration: 0.35s;
	 z-index: 1;
}
 .ui-article[data-active] ~ .ui-article {
	 transform: translateX(100%);
}
 .ui-article[data-active] {
	 transform: translateX(0%);
}
 .ui-article[data-active]:before {
	 opacity: 0;
}
/* ---------------------------------- */
 .ui-thumbnail > img {
	 filter: grayscale(100%);
	 transition-duration: 0.35s;
}
 .ui-thumbnail:active > img {
	 transform: scale(0.9);
	 transition-duration: 100ms;
}
 .ui-thumbnail:focus {
	 outline: none;
}
 .ui-cuticle {
	 display: none;
}
 .ui-thumbnail[data-active] > img, .ui-thumbnail:hover > img {
	 filter: grayscale(0%);
}
 .ui-thumbnail[data-active] .ui-cuticle {
	 display: block;
}
.bg-dark-blue-1 {
    background: #e4deff;
}
@media (min-width:320px) and (max-width:480px){.cookiesDiv{display:block;padding: 15px;
    width:100%;}
    .sub-hld-main h2 {font-size: 3rem;}
    .ps-8 {padding-left: 3rem;}
    .ui-big-images{margin-top:4rem;}
    .ui-thumbnails {width: 100%;top: 0rem;left: 0rem;padding-top: 0.5rem;}
    .ui-content{display:none;}
}

.image-slider-container {
  position: relative;
  padding: 30px;
  background-color: #5f31b3; 
  max-width: 100%;
}

/* Thumbnails Top Left */
.thumbnail-bar {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  z-index: 10;
}

.thumb {
  height: 50px;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 4px;
  transition: border 0.3s ease;
}

.thumb.active {
  border-color: orange;
  box-shadow: 0 0 5px orange;
}

/* Main image row */
.main-slider-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px; /* Room for thumbnail bar */
  gap: 20px;
}

.main-image {
  margin: 20px;
  max-width: 80%;
}

.main-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

.nav-icon {
  background: none;
  border: none;
  cursor: pointer;
}

.nav-icon img {
  width: 40px;
  height: 40px;
}

@media (max-width: 768px) {
  .thumbnail-bar {
    flex-wrap: wrap;
    max-width: 100%;
    top: 8px;
    left: 8px;
    gap: 6px;
    padding: 4px;
  }

  .thumb {
    height: 40px;
  }

  .main-slider-row {
    flex-direction: row;
    margin-top: 100px;
    gap: 5px;
  }

  .main-image {
    max-width: 75%;
    margin: 5px;
  }

  .nav-icon img {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 480px) {
  .thumb {
    height: 36px;
  }

  .main-slider-row {
    gap: 4px;
  }

  .main-image {
    max-width: 70%;
  }

  .nav-icon img {
    width: 26px;
    height: 26px;
  }
}
   .nameh2{
   font-weight: 700;
   font-size: 24px;
   margin-bottom: 10px;
   }
   .degih3{
   font-weight: 600;
   font-size: 16px;
   margin-bottom: 10px;
   }
   .teamcard{
       padding:20px;
       border-radius:10px;
       margin-bottom: 20px;
   }
 .top-padding {
  padding-top: 15px;
  transition: padding-top 0.3s ease;
}
.collapsed-padding {
  padding-top: 0 !important;
}
  #readmoretex {
    font-size: 16px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
  }

    #readmoretex img {
    width: 25px;
    height: 16px;
  }
  #readmoretex:focus {
  outline: none;
  box-shadow: none;
}
@media (max-width: 767.98px) {
  .teamcard img {
    width: 100% !important;
  }
  .contact-us-banner {
    background: #e2f3ee;
}
}