/*UI14041994*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
* { margin:0; padding:0; outline:0; box-sizing:border-box;}
br{display: none;}
img {height: auto;  border:0;}
ul { list-style-type:none; padding:0; margin:0;}
ul, ol, li, p { list-style:none; padding:0; margin:0; font:var(--font12); font-family: var(--inter);}
a { text-decoration:none; outline:none;color: var(--fontcolor);transition: 0.5s;display: block;font-size: 1.6rem;}
a:hover{text-decoration: none !important;color: var(--Redcolor);}
img{transition: 0.5s;}
figure{margin: 0;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article { display: block; }

.clear { padding:0; margin:0; clear:both; }
h1, h2, h3, h4, h5, h6, blockquote { padding:0; margin:0;font-family: var(--inter);}
p{transition: 0.5s;font:var(--font12);color: var(--color27);padding:0; margin:0;font-family:var(--inter);line-height: var(--line-height-20);}
html, body { width: var(--w-full); padding: 0; margin: 0;font-family: var(--inter); font-size: 62.5%;color: var(--fontcolor);color: var(--color_black);}
body{overflow-x: hidden;}
.cf::before,.cf::after {content: " "; display: table;}
.cf::after {clear: both;}
.cf {zoom: 1;}

:root{
--color_white:#fff;
--color_black:#000;
--color_blue:#291670;
--color_red:#D12124;
--color38:#9D3E38;
--colord9:#D9D9D9;
--colorf1:#E7EBF1;
--color_skyblue:#13BEFC;
--color_yellow:#FFCF33;
--color27:#272727;
--colorf5:#F5F5F5;
--color2A:#2A2A2A;
--color33:#333333;
--color66:#666666;
--colorbe:#BEBEBE;
--colore6:#E6E6E6;
--colore1:#E1E1E1;
--flex: flex;
--w-full:100%;
--H-full:100%;
--Radius-full:100%;
--inter: "Inter", sans-serif;
--lato:  "Lato", sans-serif;
--font42:800 4.2rem/6rem var(--inter);
--font36:normal 3.6rem/4.4rem var(--inter);
--font35:normal 3.5rem/4rem var(--inter);
--font30:normal 3rem/3.6rem var(--inter);
--font24: bold 2.4rem/3rem var(--inter);
--font21: bold 2.1rem/3rem var(--inter);
--font18: 500 1.8rem/2.6rem var(--inter);
--font16: 500 1.6rem/2.4rem var(--inter);
--font15: normal 1.5rem/2.4rem var(--inter);
--font14: normal 1.4rem/2.1rem var(--inter);
--font13: normal 1.3rem/2.1rem var(--inter);
--font12: normal 1.2rem/2.4rem var(--inter);
--font11: normal 1.1rem/2.1rem var(--inter);
--font-weight-normal:300;
--line-height-36: 36px;
--line-height-35: 35px;
--line-height-30: 30px;
--line-height-26: 26px;
--line-height-24: 24px;
--line-height-21: 21px;
--line-height-20: 20px;
--line-height-16: 16px;
--margin-20: 20px;
--margin-30: 30px;
--margin-40: 40px;
--margin-60: 61px;

}

::-webkit-scrollbar {width:1rem;}
  /* Track */
::-webkit-scrollbar-track { box-shadow: inset 0 0 .5rem grey;}
  /* Handle */
::-webkit-scrollbar-thumb {background: var(--color_red);border-radius: 1rem;}
  /* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:var(--color_yellow);}
/* --custome scroll bar end--- */

.btn_hovefct{ position: relative;z-index: 1;overflow: hidden;}
.btn_hovefct::before{ width: 100%; height: 0; top: 100%; left: 0; content: ""; background: var(--color_blue); position: absolute; z-index: -1; transition:.5s ease-in-out ; -webkit-transition:.5s ease-in-out ; -moz-transition:.5s ease-in-out ; -ms-transition:.5s ease-in-out ; -o-transition:.5s ease-in-out ; }
.btn_hovefct:hover::before{height: 100%;top: 0;}
.btn_overlap{position: absolute;top: 0;left: 0;bottom: 0;right: 0;font-size: 0;border: none;z-index: 10;}
.btn_overlap:hover{border: none;}
main {padding-top:14.3rem;}
.max_width{max-width: 1920px;margin-inline: auto;}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure {margin-bottom: 0;}
p:not(:last-child){margin-bottom: 3rem;}



/*img-zoom iffect*/

.img_zoom {overflow: hidden;}
.img_zoom:hover img{transition:all 1.1s ease 0s;}
.img_zoom a:hover img, .img_zoom:hover img{transform: scale(1.1);}

.img_fit{width: 100%;height: 100%;}
.img_fit img{height:var(--H-full);width: var(--w-full);object-fit: cover;}
.border-b{border-bottom: 1px solid #BEBEBE;}
/*img-zoom iffect*/

.custom_list {padding-left: 0;}
.custom_list li{font:var(--font12);color: var(--color27);padding-left: 2rem;position: relative;}
.custom_list li::before{width: .7rem; height: .7rem; background: var(--color_red); border-radius:100% ; -webkit-border-radius:100% ; -moz-border-radius:100% ; -ms-border-radius:100% ; -o-border-radius:100% ; left: 0;top: .8rem;content: "";position: absolute ;}
.custom_list li:not(:last-child){margin-bottom:2rem;}
@media (max-width:1649px) {
    .custom_list li::before{width:.6rem; height:.6rem;}
    .custom_list li{padding-left:1.5rem;}
}
@media (max-width:575px) {
    .custom_list li:not(:last-child) {
        margin-bottom:1.2rem;
    }
}
/* body:has(.rbox-overlay.rbox-overlay--show) {overflow: hidden;} */
/* --custome list bar end--- */

/*comman-title*/
/* Font Css Start */
.title21 {font: var(--font21);line-height: var(--line-height-30);color:var(--color_red);margin-bottom: var(--margin-20);}
.title30 {font: var(--font30);line-height: var(--line-height-36);color:var(--color_black);}
.title18 {font: var(--font18);line-height: var(--line-height-24);color:var(--color27);}
.font30 {font: var(--font30);line-height: var(--line-height-30);color:var(--color27);font-weight: 600;}
.font21 {font: var(--font21);line-height: var(--line-height-20);color:var(--color27);font-weight: 600;}
.font18 {font: var(--font18);line-height: var(--line-height-26); color:var(--color_black);font-weight: 500;}
.font16 {font: var(--font16);line-height: var(--line-height-24); color:var(--color_black);font-weight: 500;}
.font14 {font: var(--font14);line-height: var(--line-height-21); color:var(--color_black);}
.font12 {font: var(--font12);line-height: var(--line-height-21);color:var(--color27);}
.font13 {font: var(--font13);line-height: var(--line-height-21);color:var(--color_black);}


/* Margin Css Start */
.mt-60 {margin-top: var(--margin-60);}
.mt-40 {margin-top: var(--margin-40);}
.mb-20 {margin-bottom: var(--margin-20);}
.mb-30 {margin-bottom: var(--margin-30);}
.mb-40 {margin-bottom: var(--margin-40);}
.full_width {width:100%; max-width: 1920px; margin-inline: auto}
.light_bg {background: var(--colorf5);}
.viewMore {
    display: block;
    text-align: center;
    padding: 7rem 0 0;

}

.viewMore > a {
    font: var(--font12);
    color: var(--color_red);
    font-weight: bold;
    display: flex;
    justify-content: center;
    gap: 0 .6rem;
    position: relative;
    max-width:13rem;
    margin-inline: auto;
}
.viewMore > a::after{width:1.2rem;height:1.2rem;background:url(../images/read-more.svg);position: absolute;right: 0;top:1rem;content: "";background-repeat: no-repeat;background-size: contain;}
/*font-weight*/
@media (max-width:1649px){
 .viewMore > a {max-width: 11rem;}
 .viewMore > a::after{width: 1rem;height: 1rem;}
}


.font-700{font-weight:700;}
.font-400{font-weight:400;}

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


.img-fit {height: 100%}
.img-fit img {height: 100%;width: 100%;object-fit: cover}
.image-container {
    position: relative; overflow: hidden; padding-bottom: calc(50% / (var(--ratio)));
}
/* Form Elements */
select.form-control:focus{box-shadow: none; outline: none; background-color: transparent;}
/* Form Elements end*/

.swiper-button-prev{background:url(../images/left-long-arrow.svg); background-repeat: no-repeat;background-size: contain;}
.swiper-button-next{background:url(../images/right-long-arrow.svg); background-repeat: no-repeat;background-size: contain;}
.swiper-button-next, .swiper-button-prev{display: flex;align-items: center;width: 4.6rem;height: 2.1rem;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 0;}
/* ---swiper-button end----*/

.view_allbtn{display:inline-block;margin-inline:auto;}
.view_allbtn a{display:inline-flex;align-items: center;font: var(--font12);font-weight: 600;color: var(--color_red);    padding-right: 0.5rem;}
.view_allbtn a svg{stroke: var(--color_black);margin-left: 1rem;}
.view_allbtn a:hover{color: var(--color_blue);}
.view_allbtn a:hover svg{stroke: var(--color_red);}
@media (min-width:1650px){
    .view_allbtn a svg{width:1.3rem;height:1.3rem;}
}/*---1650px-css-end--*/
/* ---view_allbtn end----*/

.long_arrowbtn svg{width: 5rem;height: auto;}
.long_arrowbtn svg{stroke: var(--color_red);}
.long_arrowbtn:hover svg{stroke: var(--color_blue);}

/*---Bookappointment-page css-start----*/

.bookpage_aptwrap .header_apoiyment{padding-block: 3rem;}
.bookpage_aptwrap .header_apoiyment input{display: none;}
.switches-container {width:35%;position: relative;display: flex;padding: 0;background: var(--color_white);margin-inline: auto;border-radius: 3rem;-webkit-border-radius: 3rem;-moz-border-radius: 3rem;-ms-border-radius: 3rem;-o-border-radius: 3rem;height:5rem;border: .3rem solid #fff;}

/* input (radio) for toggling. hidden - use labels for clicking on */
.switches-container input {visibility: hidden;position: absolute;top: 0;}

/* labels for the input (radio) boxes - something to click on */
.switches-container label {width: 50%;padding: 0;margin: 0;text-align: center;cursor: pointer;color: var(--color_black);font: var(--font15);height: 100%;display: flex;align-items: center;justify-content: center;}

/* switch highlighters wrapper (sliding left / right)
    - need wrapper to enable the even margins around the highlight box
*/
.switch-wrapper {position: absolute;top: 0;bottom: 0;width: 50%;z-index: 3;transition: transform .5s cubic-bezier(.77, 0, .175, 1);/* transition: transform 1s; */}

/* switch box highlighter */
.switch {border-radius: 3rem;background: var(--color_yellow);height: 100%;}

/* switch box labels
    - default setup
    - toggle afterwards based on radio:checked status
*/
.switch div {width: 100%;height: 100%; opacity: 0;display: block;transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s;will-change: opacity;position: absolute;left: 0;font: var(--font15);display: flex;align-items: center;justify-content: center;}

/* slide the switch box from right to left */
.switches-container input:nth-of-type(1):checked~.switch-wrapper {
    transform: translateX(0%);
}

/* slide the switch box from left to right */
.switches-container input:nth-of-type(2):checked~.switch-wrapper {
    transform: translateX(100%);
}

/* toggle the switch box labels - first checkbox:checked - show first switch div */
.switches-container input:nth-of-type(1):checked~.switch-wrapper .switch div:nth-of-type(1) {
    opacity: 1;
}

/* toggle the switch box labels - second checkbox:checked - show second switch div */
.switches-container input:nth-of-type(2):checked~.switch-wrapper .switch div:nth-of-type(2) {
    opacity: 1;
}
/*---Book Appointment-Page-Css-end---*/

.calander_panel td.ajax__calendar_invalid .ajax__calendar_day,
.calander_panel td.ajax__calendar_invalid .ajax__calendar_day:hover {
    background: #fbe1e1;
    color: #333
}
/* body .bookpage_aptwrap .input-group.date {
    display: block;
    position: relative;
    max-width: 350px;
    margin: 0 auto 50px;
    padding: 0;
} */
.ajax__calendar_next,
.ajax__calendar_prev {
    cursor: pointer;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: 50% 50%
}
.calander_panel .ajax__calendar_container {
    padding: 5px;
    cursor: default;
    width: 100%;
    font-size: 14px;
    text-align: center
}
.calander_panel .ajax__calendar_container table {
    padding: 0;
    margin: 0;
    font-size: 14px;
    width: 100%;
    text-align: center
}

.calander_panel .ajax__calendar_container td {
    padding: 5px;
    margin: 0;
    font:var(--font12);
    text-align: center;
    background: #f7f6f6;
    border: 0
}

.calander_panel .ajax__calendar_days,
.calander_panel .ajax__calendar_months,
.calander_panel .ajax__calendar_years {
    top: 0;
    left: 0;
    height: 160px;
    width: 100%;
    margin: auto;
    padding: 5px
}

.calander_panel .ajax__calendar_body {
    height: 185px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin: auto
}

.calander_panel .ajax__calendar .ajax__calendar_day {
    height: 20px;
    width: 26px;
    padding: 0;
    cursor: pointer;
    border: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.calander_panel .ajax__calendar_header {
    height: 26px;
    width: 100%;
    padding: 1rem 2rem;
}

.calander_panel .ajax__calendar .ajax__calendar_footer {
    border-top: 1px solid #f5f5f5;
    padding: 15px 0 25px;
    height: 30px;
    font-size: 12px
}
.calander_panel div#CalendarExtender3_container, .why-jnu-panel img {
    width: 100%;
}
body .calander_panel .ajax__calendar_active .ajax__calendar_day,
body .calander_panel .ajax__calendar_day:hover {
    background:var(--color_red);
    color: #fff
}
.calander_panel .ajax__calendar .ajax__calendar_footer:hover,
.calander_panel .ajax__calendar_header .ajax__calendar_title:hover,
ul#courselist li a:hover {
    color:var(--color_red)
}

.ajax__calendar_prev {
    float: left;
    background: url(../images/left-long-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.ajax__calendar_next {
    float: right;
    background: url(../images/right-long-arrow.svg) !important;
}
.ajax__calendar_next, .ajax__calendar_prev{
    width:2.5rem !important;height:2.5rem !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.input-group.date input {
    background-image: url(../images/calander-white.svg);
    background-position: right 2rem center;
    background-repeat: no-repeat;
    background-size:1.8rem 1.8rem;
}

/*---Calander-Css-end---*/

  /*---fancybox--css-start-----*/
  .fancybox-content{max-width: 50%;margin-left: auto;float: right;}
  .fancybox-container.fancybox-is-open .fancybox-button--close{visibility: visible;}
  .fancybox-content .fancybox-iframe{right: auto;left: inherit;}
  .fancybox-slide{padding: 0;}
  @media (max-width:1650px){
    .fancybox-content{max-width:70%;}
  }
  @media (max-width:1399px){
    .fancybox-content{max-width:80%;}
  }
  @media (max-width:1399px){
    .fancybox-content{max-width:90%;}
    p:not(:last-child) {
        margin-bottom: 2rem;
    }
  }
  @media (max-width: 991px){
    .fancybox-content{max-width:100%;}
    .switches-container {width: 50%;}
  }
  @media (max-width:767px){
    .switches-container {width:70%;}
    .bookpage_aptwrap .header_apoiyment { padding-block: 2rem;}
    .Patient-info h3 {margin-bottom: 2rem;}
  }
  /*---fancybox--css-end-----*/
  @media (max-width:575px){
    .switches-container {width:90%;}
    .switch div, .switches-container label{font-size: 1.3rem;}
    .fancybox-content{width:100%;}
    .fancybox-slide{padding: 0;}
    .opr_schedule .days {padding: .8rem 0rem;}
    .opr_schedule.Grid_4 {
        column-gap: 1rem;
    }
  }
  /*---fancybox--css-end-----*/
/*---Bookappointment-page css-end----*/



li {padding-left: 0;list-style: none;}
a {text-decoration: none;}
ul {padding-left: 0;}
.Grid_4{ display: grid;grid-template-columns: repeat(4, 1fr); gap: 2rem;}
.Grid_3{ display: grid;grid-template-columns: repeat(3, 1fr); gap: 1.5rem;}
.Grid_2{ display: grid;grid-template-columns: repeat(2, 1fr); gap: 2rem;}
.yellow-bg{background-color: var(--color_yellow);}
.red-bg{background-color: var(--color_red);}
.blue-bg{background-color: var(--color_blue);}
.text-red{color: var(--color_red);}
/*--tab css--*/

.shine_effect {position: relative;z-index: 1;overflow: hidden;}
.shine_effect::before {position: absolute;top: 0;left: -90%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.shine_effect:hover::before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	100% {left: 125%;}
}
@keyframes shine {
	100% {left: 125%;}
}
.gallery_custom{cursor: pointer;overflow: clip;}

.rbox{padding: 0;}
.rbox-caption{ padding: 16px 150px;font: var(--font15);font-weight: 400;background-color: var(--color_white);color: var(--color_black);line-height: var(--line-height20);}
:is(.rbox-next, .rbox-prev){border-radius: 50%;overflow: hidden;width: 25px;height: 25px;line-height: normal;display: flex;align-items: center;justify-content: center;
    font-size: 12px;border: none;bottom: 2.5%;right: 10px;top: auto;position: absolute; background-color: var(--color_white); box-shadow: 0px 3px 6px #00000038;}
.rbox-prev{right: auto;left: 15px;}
:is(.rbox-next, .rbox-prev) span{ color: var(--color_red);}
:is(.rbox-next, .rbox-prev):hover{background-color: var(--color_red);}
:is(.rbox-next, .rbox-prev):hover>span{color: var(--color_white);}
.rbox-content img{height: 77vh;max-width: 100%; width: 100%;}
.rbox-overlay{ backdrop-filter: blur(9px);}


@media (max-width: 991px) {
    .tab-content>.tab-pane {display: block;opacity: 1;}
  }
 /*tab css-end--*/

@media (min-width: 992px){
    header .container-fluid {max-width: 100%; padding-inline:3rem 2.4rem;}
    .breakthrough_cases .larg_container{max-width: calc(1118px + 6rem);}
}
@media (min-width: 1200px){
    /* .container {max-width: 990px;padding-inline:1.5rem;margin-inline: auto;} */
    .container {padding-inline:1.5rem;margin-inline: auto;}
    header .container-fluid {max-width: 100%; padding-inline:5rem 4.4rem;}
    .breakthrough_cases .larg_container{max-width: calc(1118px + 16rem);}
    :root{
        --font42:800 4.2rem/6rem var(--inter);
        --font36:normal 3.6rem/4.4rem var(--inter);
        --font30:normal 3rem/3.6rem var(--inter);
        --font24: bold 2.4rem/3rem var(--inter);
        --font21: bold 2.1rem/3rem var(--inter);
        --font18: 500 1.8rem/2.4rem var(--inter);
        --font16: 500 1.6rem/2.4rem var(--inter);
        --font15: normal 1.5rem/2.4rem var(--inter);
        --font14: normal 1.4rem/2.1rem var(--inter);
        --font13: normal 1.3rem/2.1rem var(--inter);
        --font12: normal 1.2rem/2rem var(--inter);
    }
}
@media (min-width:1366px){
    .container {max-width: 1118px;padding-inline:1.5rem;margin-inline: auto;}
}
@media (min-width: 1450px){
    /* .container{max-width: 1295px;margin-inline: auto;padding-inline:1.5rem;} */
    .container { max-width: 1200px; margin-inline: auto; padding-inline: 1.5rem;}

    :root{
        --font16: normal 1.8rem/2.8rem var(--inter);
        --font15: normal 1.7rem/2.6rem var(--inter);
        --font14: normal 1.6rem/2.2rem var(--inter);
        --font13: normal 1.5rem/2.4rem var(--inter);
        --font12: normal 1.3rem/2.3rem var(--inter);
        --font11: normal 1.1rem/2.1rem var(--inter);
    }
}
@media (min-width: 1650px){
    .container{max-width:1540px;margin-inline: auto;padding-inline:1.5rem;}
    /* :root{
        --font42:800 4.4rem/6.4rem var(--inter);
        --font36:normal 4rem/4.8rem var(--inter);
        --font35:normal 3.9rem/5rem var(--inter);
        --font30:normal 3.4rem/4rem var(--inter);
        --font24: bold 2.8rem/3.4rem var(--inter);
        --font21: bold 2.5rem/3.4rem var(--inter);
        --font18: 500 2.2rem/3rem var(--inter);
        --font16: 500 2rem/2.8rem var(--inter);
        --font15: normal 1.9rem/2.8rem var(--inter);
        --font14: normal 1.8rem/2.5rem var(--inter);
        --font13: normal 1.7rem/2.5rem var(--inter);
        --font12: normal 1.5rem/2.6rem var(--inter);
        --line-height-36: 42px;
        --line-height-35: 40px;
        --line-height-30: 36px;
        --line-height-26: 32px;
        --line-height-24: 30px;
        --line-height-21: 26px;
        --line-height-20: 25px;
        --line-height-16: 20px;
        --margin-20: 30px;
        --margin-60:70px;
    } */
    :root {
        --font42: 800 5.6rem / 6.4rem var(--inter);
        --font36: normal 4.8rem / 5.6rem var(--inter);
        --font35: normal 4.7rem / 5.6rem var(--inter);
        --font30: normal 4.2rem / 5.6rem var(--inter);
        --font24: bold 3.6rem / 4.2rem var(--inter);
        --font21: bold 3rem / 3.6rem var(--inter);
        --font18: 500 2.4rem / 3.4rem var(--inter);
        --font16: 500 2.2rem / 3.2rem var(--inter);
        --font15: normal 2.1rem / 3rem var(--inter);
        --font14: normal 1.9rem / 2.6rem var(--inter);
        --font13: normal 1.8rem / 2.6rem var(--inter);
        --font12: normal 1.6rem / 2.4rem var(--inter);
        --line-height-36: 42px;
        --line-height-35: 40px;
        --line-height-30: 36px;
        --line-height-26: 32px;
        --line-height-24: 30px;
        --line-height-21: 26px;
        --line-height-20: 25px;
        --line-height-16: 20px;
        --margin-20: 30px;
        --margin-60: 70px;
    }
}
@media (max-width: 1649px){
    main { padding-top: 10.6rem;}
    .swiper-button-next, .swiper-button-prev {width: 3.6rem;height: 1.1rem;}
    .long_arrowbtn svg { width: 3.6rem;}
}


@media (max-width: 1399px){
    main { padding-top: 10rem;}
}

@media (max-width:1280px){
    p:not(:last-child){margin-bottom:2rem;}
}

@media (max-width: 1199px){
    p:not(:last-child){margin-bottom:2rem;}
    main {padding-top: 10.2rem;}
    :root{
        --font36: normal 3rem / 4rem var(--inter);
        --font35:normal 3rem/4rem var(--inter);
        --font30:normal 2.5rem/3.1rem var(--inter);
        --font24: bold 2rem/2.6rem var(--inter);
        --font21: bold 1.8rem/2.8rem var(--inter);

    }
}

@media (max-width: 991px){
    ::-webkit-scrollbar {width:.5rem;}
    /* --custome scroll bar end--- */
    p:not(:last-child) {margin-bottom:1.5rem;}
    .container{margin-inline: auto;}

    main {padding-top:10rem;}
    :root{
    --margin-20: 10px;
    --margin-30: 20px;
    --margin-60: 30px;
    --font18: 500 1.6rem / 2.4rem var(--inter);
    }
    .view_allbtn a svg {margin-left: 1rem;margin-right: .1rem;}

}
@media (max-width:767px){


}


@media (max-width:575px){
    .container{padding-inline:2rem;}
    :root{
        --font30: normal 2.1rem / 3rem var(--inter);
        --font21: bold 1.7rem / 2.6rem var(--inter);
        --font18: 500 1.6rem / 2.4rem var(--inter);
        --line-height-36: 2.6rem;

    }
}

@media (max-width:375px){
    main {padding-top: 8.5rem;}
    :root{
        --font42: 800 3.2rem / 5rem var(--inter);
        --font30: normal 1.8rem / 2.8rem var(--inter);
        --font18: 500 1.5rem / 2.4rem var(--inter);
        --margin-20: 0px;
    }



}
@media (max-width:330px){

}

.links{content: '';position: absolute;width: 100%;height: 100%;font-size: 0;left: 0;top: 0; z-index: 1;}
/* tabs with accordian start */

.tbs_sec ul {column-gap: 0.1rem;justify-content: center;}
.tbs_sec .nav-link {font: var(--font14);color: rgb(0 0 0 / 50%);font-weight: 350;padding: 1.2rem 1.2rem;    border-radius: 0;}
.tbs_sec .nav-tabs .nav-item.show .nav-link, .tbs_sec .nav-tabs .nav-link.active {color: var(--color_white);background-color: var(--color38);border-color: var(--color38);border-radius: 0;}
.tbs_sec .nav-tabs .nav-link:focus, .tbs_sec .nav-tabs .nav-link:hover {border-color: var(--color38);background-color: var(--color38);color: var(--color_white);border-radius: 0;}
.tbs_sec .accordion-body {padding: 0;background-color: var(--colorf5);}
.tbs_sec .accordion-item{border: none;}

@media (min-width:1800px) {
.tbs_sec .nav-link {padding: 2rem 2rem;}
}
@media (max-width:991px) {
.tbs_sec .accordion-item {margin-bottom: 1rem;    }
.tbs_sec .nav-link {padding: 1.2rem 0.9rem;}
.tbs_sec .accordion-button{ background: var(--color_red); padding: 1.5rem; font: var(--font16); color: var(--color_white); border-radius:0px !important ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; margin-bottom: 1rem;}
.tbs_sec .accordion-button:not(.collapsed){margin-bottom: 0;}
.tbs_sec .accordion-button:focus{box-shadow: none;}
.tbs_sec .accordion-button::after{ filter:invert(1) ; -webkit-filter:invert(1) ; width: 1.8rem;height: 1.8rem;background-size: cover;}
.tbs_sec .accordion-body{padding:1.5rem;}
}/*----991px-css-end----*/

@media (max-width:768px) {
    .tbs_sec .accordion-button {
        padding: 1rem 1.5rem;
    }
}
@media (max-width:575px) {
.tbs_sec .accordion-body .diseas_box { margin-top: 2rem; }
.tbs_sec .accordion-button, .accordion-body{padding:1rem;}
.tbs_sec .accordion-button::after {width: 1.5rem;height: 1.5rem; }
}/*----575px-css-end----*/

/* tabs with accordian end */

.floating-reportfixed{
position: fixed;
    top: 30%;
    right: -73PX;
    background-color: var(--color_red);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 8px 20px;
    font-size: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 1000;
    transition: background-color 0.3s;
    transform: rotate(90deg);
}

li.homesample-coll span {
    display: block;
}