.bannerturn .asd-dots{bottom:80px;}
.bannerturn img {
    width: 100%;
    object-fit: cover; 
    flex-shrink: 0;
}

.bannerturn .carouselbannerfont{
    margin:auto;
    position: absolute;
    z-index: 100;
   
    color:var(--white-color);
    font-size:22px;
}
.bannerturn .carouselbannerfont h1{
    font-size:56px;
    line-height:3.8rem;
    margin-bottom:15px;
    font-family: var(--font-regular);
}
.ycolor{color:var(--main-yellow-color);font-weight:400 !important;}
.bcolor{color:var(--main-blue-color);font-weight:540 !important;}

@media (min-width: 992px) {
    .bannerturn img {
        height: 100vh;
    }
    .bannerturn .carouselbannerfont {
    width:42%;
    top:45%;
    left:12%;
    }
}
@media (max-width: 991px) {
      .bannerturn img {
        min-height: 700px;
    }
    .bannerturn .carouselbannerfont {
    width:80%;
    top:26%;
    left:10%;
    }
}

.antibodytypebg{ background-color:var(--light-graybg-color); }
.antibody-type .unitbox{display:block;margin: auto;padding:20px;box-shadow: 0px 0px 5px #ccc;height:100%;position: relative; background-color: #fff;border-radius: 5px;margin-bottom:30px;}
.antibody-type .unitbox .imgarea{height:150px !important;z-index:10;position: relative;}
.antibody-type .unitbox .imgarea img{transition:none;}
.antibody-type .unitbox .unitbox-tit{text-align: center;font-size:16px;font-weight:bold;color:#000;z-index:10;position: relative; display:block;}
.antibody-type .unitbox .uboxbg{position: absolute; background-color: var(--main-blue-color);z-index: 8;bottom:0;left:0;width:100%;height:4px;border-radius: 5px;}
.antibody-type .unitbox:hover .uboxbg{width:100%;height:100%; bottom:0;left:0;transition: 0.3s;}
.antibody-type .unitbox:hover .unitbox-tit{color:#fff;}
.antibody-type .unitbox:hover img{ filter: grayscale(100%) brightness(1000%) contrast(100);}
.antibody-type .imgarea{height:102px !important;}

@media (min-width: 992px) {
.antibody-type {
display: flex;
    flex-wrap: wrap;
    }
}
@media (max-width: 991px) {
 .antibody-type {
    }
}

.applic-turn{padding-bottom:60px;}
.applic-turn .unit{height:350px; background-color: var(--white-color);color:var(--black-color);margin:30px;border-radius: 20px; display: flex; align-items: center;position: relative; cursor: pointer;}
.applic-turn .unit .bgpic{position: absolute; width: 100%;height: 100%;left:0px;top:0px;overflow: hidden;border-radius: 20px;opacity: 0.1;}
.applic-turn .unit .bgpic img{position: absolute; width: 100%;height: 100%;object-fit: cover;left:0px;top:0px;z-index: 0;}
.applic-turn .unit .bgpic .bgcor{position: absolute; width: 100%;height: 100%;background-color:rgba(0,0,0,0.3); left:0px;top:0px;z-index: 1;}
.applic-turn .unit a{z-index: 10;color:var(--black-color);}
.applic-turn .unit .cont{padding:20px 30px; text-align: left; position: relative;}
.applic-turn .unit .cont strong{font-family:var(--font-regular); font-size:18px;margin-bottom:10px; display: block; }
.applic-turn .unit .cont p{height:180px;font-size:16px; }
.applic-turn .unit .abtn{position: absolute;left:30px;bottom:-5%;background-color: var(--main-yellow-color);color:var(--white-color); display: inline-block;width:40px;height:40px;border-radius: 20px;line-height:40px; text-align: center;}
.applic-turn .unit:hover .bgpic{opacity: 1;transition: 0.3s;}
.applic-turn .unit:hover a .abtn{background-color: var(--white-color);color:var(--main-blue-color) !important;}
.applic-turn .unit:hover a{color:#fff;}
.applic-turn .carousel-arrow{display: none;}

.research-area{flex-wrap: wrap; background-color:var(--light-graybg-color);}
.researcharea-turn{padding-bottom:30px;}

.researcharea-turn .unit{background-color: var(--white-color);margin:20px; box-shadow: 0 0 5px #ccc; position: relative; cursor: pointer;border-radius: 5px;height:auto;}
.researcharea-turn .unit a{color:var(--main-blue-color);padding:0px;display: block; z-index: 10;position: relative;}
.researcharea-turn .unit a strong{color:#000;}
.researcharea-turn .unit .bgcor{position: absolute;top:0;left:0;width:100%;height:4px;z-index:8;background-color: var(--main-blue-color);border-radius: 5px;}
.researcharea-turn .unit:hover .bgcor{width:100%;height:100%;transition: 0.3s;top:0;left:0;}
.researcharea-turn .unit:hover a{color:var(--main-yellow-color);}
.researcharea-turn .unit:hover a strong{color:var(--white-color);}
.researcharea-turn .unit .cont{text-align: left;padding:20px;position: relative;color:var(--yellow-color);}
.researcharea-turn .unit .cont .imgarea{height:220px !important; display: block; text-align: center;overflow: hidden;}
.researcharea-turn .unit .cont strong{font-size:18px;margin-bottom:10px; display: block;color:var(--black-color);}
.researcharea-turn .carousel-arrow{display: none;}

.resources-big-tit h2{font-size:36px;line-height:2.5rem;font-family: var(--font-regular);}
.resources-c .carousel-track{}
.resources-c .unit{margin:30px; position: relative; cursor: pointer;border-radius: 10px;}
.resources-c .unit a{color:var(--white-color);padding:0px;display: block;}
.resources-c .unit .cont{text-align: left;position: relative;color:var(--white-color);overflow: hidden;border-radius: 10px;height:350px;}
.resources-c .unit .cont strong{font-size:18px;margin-bottom:10px; display: block;}
.resources-c .unit .cont img{width: 100%;height: 100%;object-fit: cover;}
.resources-c .unit:hover .cont .resources-tit{background-color: var(--main-yellow-color);color:var(--black-color);}
.resources-c .unit .cont .resources-tit{z-index:10;position: absolute;left:10%;bottom:10%; padding:15px;min-height:120px;background-color: var(--main-blue-color);color:#fff;opacity: 0.92;}
.resources-c .unit .cont .resources-tit strong{font-family: var(--font-regular);}
.resources-c .unit .cont .resources-tit p{margin:0px;font-size:14px;line-height:1.4rem;}
.resourcesindexu div[class*="col"]{display: flex;align-items: center;}
.resourcesresources-c .asd-control{color:var(--main-blue-color);border-radius:50%;}
.resources-c .asd-control:hover{color:var(--main-yellow-color); background-color: var(--main-blue-color);}
.resources-c .asd-dot {
    transition: background-color 0.3s ease; /* Smooth color transition */
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid var(--main-blue-color);
}
.resources-c .asd-dot.active {
    background-color: var(--main-blue-color);
    border: 2px solid var(--main-blue-color); /* Adds a border to the active dot */ 
}
.resourcesindexu .asd-control {color:var(--main-blue-color);border:2px solid var(--main-blue-color);border-radius: 30px;width:30px;height:30px;font-size:20px;padding:0px;line-height:30px; text-align: center;}

.advance { background-color: var(--light-graybg-color);}
.advanceccont{border-radius: 15px;position: relative;overflow: hidden;padding:0px;}
.advance .bgpic{position: absolute; width: 100%;height: 100%;left:0px;top:0px;}
.advance .bgpic img{position: absolute; width: 100%;height: 100%;object-fit: cover;}
.advance{position: relative;color:var(--black-color);}
.advance h2{font-family: var(--font-regular);color:var(--black-color);font-size:30px;line-height:2.4rem;}
.advancelist,.advancebcont{ display: flex; flex-wrap: wrap;align-items: center;}
/* .advancebcont > div[class*="col"]:first-child{padding:60px 0px!important;margin:0px !important;} */
.advancelist .unit{margin:15px 0px;font-size:16px;font-weight:bold;}
.advancelist div[class*="col"]{padding-left:0px;}
.advancelist .unit img{ width:70px;height:70px;margin-right:10px;}


/*.indexunit-cont{
	font-size:16px;
}*/
.indexunit-cont h2{font-family: var(--font-regular);color:var(--black-color);font-size:36px; text-align: center;line-height:2.5rem;}
.indexunit-cont > p{
    margin-bottom:20px;
    text-align: center;
}

.indexunit div[class*="col"] img{margin:auto;max-width: 100%;height:auto;}

@media (min-width: 993px){
	.indexunit{
	display: flex;
	flex-wrap: wrap;
       
}
}
@media (max-width: 992px){
.indexunit div[class*="col"]{
	/*justify-content: center;*/
}
}
@media(max-width: 992px) {
.indexunit img{margin-top:50px !important;}
}
.appli{background-color:var(--light-graybg-color);}
.appli .bgpic{position: absolute; width: 100%;height: 100%;left:0px;top:0px;}
.appli .bgpic img{position: absolute; width: 100%;height: 100%;object-fit:fill;}

.appli{position: relative;color:#fff;}
.appli .applic{position: relative;z-index: 1;padding-bottom:50px;}
.appli .applic h2{color:#fff;}

.a_btn{color:var(--white-color);background-color: var(--main-yellow-color);border-radius: var(--radius30);padding:8px 20px;display: inline-block;}
.a_btn:hover{ background-color: var(--main-blue-color);color:var(--white-color); text-decoration: none; }
/*.a_btn:hover span{animation: moveLeftRightContinuous 1s infinite linear; }*/