/* CSS Document */
.breadcrumb.catpos{font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;background-color:transparent;border-bottom: 1px solid #ccc;padding: 10px 0;font-size: 13px;margin:64px 0 40px;border-radius: 0;}
.breadcrumb.catpos li a{color:#51516C;}
.breadcrumb.catpos li:last-child a{font-family: 'PlusJakartaSans-Regular', sans-serif;font-weight:400;}
.theme-group .theme-title{display: flex;align-items: center;justify-content: space-between;font-size: 12px;}
.theme-group .theme-title h3{line-height: 1.5;margin: 0;}
.theme-group .theme-title span{display: inline-block;width: 35%;}
.theme-group .theme-banner{position: relative;max-height: 415px;overflow: hidden;border-radius: 15px;}
.theme-group .theme-banner img{border-radius: 15px;}
.theme-group .theme-banner .imgOn-item{position: absolute;bottom: 0;left: 0;padding: 25px 50px;display: flex;align-items: center;height: 100%;width: 100%;}
.theme-group .theme-banner .imgOn-item .info{width: 100%;}
.theme-group .theme-banner .imgOn-item h4{margin:0 0 48px;line-height: 1.5;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.left-block{position: relative;z-index: 10;}
.left-block .panel-group{color: #51516C;position: relative;}
.left-block .panel-group ul.left-pills>li{padding: 4px 10px;border-left: 1px solid #ccc;position: relative;cursor: pointer;}
.left-block .panel-group ul.left-pills>li.active{font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;}
.left-block .panel-group ul.left-pills>li.active::before{content: '';height: 20px;width: 1.5px;background: #333;position: absolute;left: -1px;top: 2px;}
.left-block .panel-group ul.left-pills>li ul{margin-left: 15px;margin-top: 2px;line-height: 1.7;}
.left-block .panel-group ul.left-pills>li ul li{list-style: disc;}
.left-block .panel-group .item-default{background-color: #fff;}
.left-block .panel-group .item-default .item-heading{background: #00ACA1;display: flex;align-items: center;justify-content: space-between;padding: 5px 15px;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.left-block .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;}
.left-block .panel-group .item-default .item-heading h4 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24company10-26-3.png) no-repeat center center;background-size: cover;display: inline-block;height: 16px;width: 16px;margin-left: 5px;}
.left-block .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;}
.left-block .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.left-block .panel-group .item-default .item-body ul li{margin-bottom: 20px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;font-size: 15px;}
.left-block .panel-group .item-default .item-body ul li span{font-family: 'PlusJakartaSans-Regular', sans-serif;font-weight: 400;font-size: 14px;display: inline-block;margin-bottom: 3px;color: #59657C;}
.left-block .panel-group .item-default .item-body ul li a{font-size: 15px;}
.left-block .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;}
.left-block .panel-group .item-default .item-body ul li a.linkTo i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 16px;width: 16px;display: inline-block;}
.left-block .panel-group .item-default .item-body ul li a.linkTo b{font-weight: 400!important;}
.left-block .panel-group .item-default .item-body ul li a.linkTo b strong{font-weight: 400!important;}
.left-block .panel-group .leftImg {position: absolute;bottom: 28%;width: 100%;}
.left-block .panel-group .leftImg h6{color: #fff;}
.left-block .panel-group ul.sub-info li{overflow: hidden;margin-top: 10px;display: flex;align-items: center;}
.left-block .panel-group ul.sub-info li label{margin: 0;font-weight: 400;cursor: pointer;display: flex;align-items: center;}
.left-block .panel-group ul.sub-info li label .checkbox{margin: 0 5px 0 0;float: left;}
.content-box{min-height: 400px;}
.content-box>div{margin-bottom: 50px;}
.content-box h5{margin-top: 0;line-height: 1.5;}
.content-box .fromGroup {margin-bottom: 40px;}
.content-box .fromGroup .topItem{display: grid;grid-template-columns: 3fr 1fr;gap: 15px;align-items: center;}
.content-box .fromGroup .topItem form .input-group{width: 100%;}
.content-box .fromGroup .topItem form .input-group input{border-radius: 20px;}
.content-box .fromGroup .topItem form a.removebox{height: 20px;line-height: 20px;width: 20px;text-align: center;position: relative;top: 5px;margin-right: 10px;display: inline-block;}
.content-box .fromGroup .topItem form a.removebox i{color: #51516C;font-size: 15px;margin: 0;}

.detail-header{padding-bottom: 8px;border-bottom: 1px solid #ccc;}
.detail-header .detailBox-banner img{width: 100%;}
.detail-header .detailBox-banner{margin-bottom: 64px;max-height: 475px;overflow: hidden;border-radius: 15px;position: relative;}
.detail-header .detailBox-banner.banner-posters{max-height: 300px;}
.detail-header h4{line-height: 1.5;margin-top: 0;}
.detail-header .detailBox-tigs {display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;align-items: flex-end;}
.detail-header .detailBox-tigs .round-icon{display: flex;align-items: center;justify-content: flex-end;}
.detail-header .detailBox-tigs .round-icon a{margin-left: 5px;border-radius: 50px;color: #fff;background: #02b9ad;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;}
.detail-header .detailBox-tigs .round-icon a.icon-X::after {content: '';background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/219Frame-x.png) no-repeat center center;background-size: cover;display: inline-block;height: 16px;width: 16px;}
.news-part .careerTime{margin: 60px 0 5px;}
.news-part .careerTime span{margin-right: 15px;}
.detail-body{padding: 35px 0;}
.detail-body img{max-width: 100%!important;max-height: min-content;height: auto!important;}
.detail-body h3{font-size: 24px;}
.detail-body h4{font-size: 20px;}
.detail-body p {min-height: 24px;}
.detail-body p a{text-decoration: underline;color: #007A72;}
.detail-body .btn-primary {margin-bottom: 10px;}
.detail-body ul,.detail-body ol {padding: 12px 0 12px 30px;line-height: 1.8em;}
.detail-body ul li,.detail-body ol li {list-style: disc;}
.detail-body ul {list-style: disc outside;}
.detail-body ol {list-style: decimal outside;}
.detail-body ul li::marker,.detail-body ol li::marker {padding-right: 10px;}
.detail-body ul a,.detail-body ol a {color: #02b9ad;font-family: 'Source Sans Pro';font-weight: 700;}
.detail-body ul a:hover,.detail-body ol a:hover {color: #febf40;text-decoration: underline;}
.detail-body .aacrText h4{line-height: 1.7;margin-bottom: 20px;}
.detail-body .aacrText p{margin-bottom: 20px;}
.detail-body .aacrText .greenTextcolor{color: #02b9ad;}
.detail-body .aacrText .yellowBgcolor{background-color: #fcbf42;}
.detail-body .aacrText .blueBgcolor{background-color: #296fb7;}
.detail-body .aacrText p a.btn{color: #fff;text-decoration: none;margin-right: 20px;margin-top: 5px;}
.detail-body .aacrTable{margin-top: 50px;}
.detail-body .aacrTable .title{font-weight: 700;margin: 20px 0 10px;}
.detail-body .aacrTable  table.table-service-td{border-collapse: inherit;border: 1px solid #ddd;border-radius: 7px;font-size: 14px;overflow: hidden;}
.detail-body .aacrTable  table.table-service-td thead tr{background: #00ACA1;color: #fff;}
.detail-body .aacrTable  table.table-service-td thead tr td{padding: 15px;}
.detail-body .aacrTable  table.table-service-td tr td{border-right: 1px solid #ddd;}
.detail-body .aacrTable  table.table-service-td tr td:last-child{border-right: none;}
.detail-body .aacrTable .greenLink{text-decoration: underline;color: #007A72;font-weight: 700;text-decoration: underline;}

#general-quote-form label{font-weight: 400;}
#general-quote-form .input-text{border-radius: 20px;}
#general-quote-form .select-container {position: relative;}
#general-quote-form .select-container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 25px;}
#general-quote-form .custom-arrow {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: none;font-size: 15px;}
#general-quote-form button{border-radius: 20px;padding-left: 30px;padding-right: 30px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
#general-quote-form .help-block{margin-bottom: 0!important;}

#request-form{box-shadow: 1px 1px 10px #eee;padding: 30px 20px;}
#request-form label{font-weight: 400;}
#request-form .input-text{border-radius: 20px;}
#request-form .select-container {position: relative;}
#request-form .select-container select {-webkit-appearance: none;-moz-appearance: none;appearance: none;padding-right: 25px;}
#request-form .custom-arrow {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);pointer-events: none;font-size: 15px;}
#request-form button{border-radius: 20px;padding-left: 45px;padding-right: 45px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
#request-form .help-block{margin-bottom: 0!important;}

.content-box .product-grid{position: relative;}
.content-box .noData-top{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 50px;margin-bottom: 50px;}
.content-box .noData-top span{background-color: #51516C26;height: 35px;width: 35px;display: inline-block;line-height: 35px;border-radius: 50%;}
.content-box .noData-top span i{margin: 0;}
.content-box .noData-top a.empty{border: 1px solid #007A72;color: #007A72;border-radius: 20px;padding: 5px 15px;font-size: 12px;display: inline-block;}
.content-box #loading {position: absolute;top: 120px;left: 50%;transform: translateX(-50%);font-size: 20px;color: #666;z-index: 1000;}

/* ---------- Insights -------------- */
.insights-part{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25Insights2-25-1.png)no-repeat top center;background-size: contain;}
.insights-part .theme-group .theme-part{margin: 80px 0px 88px;text-align: center;}
.insights-part .theme-group .theme-part h1{line-height: 1.1;margin-top: 0;}
.insights-part .theme-group .theme-part a.btn-biocytogen{border-radius: 20px;padding-left: 20px;padding-right: 20px;}
.insights-part h5{margin-top: 0;line-height: 1.5;}
.insights-part h5.felxbetween{display: flex;align-items: end;justify-content: space-between;}
.insights-part .newsPart #news-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;border-bottom: 1px solid #ccc;padding-bottom: 65px;}
.insights-part .newsPart #news-list .item .inne-imgbox{height: 215px;border-radius: 10px;overflow: hidden;text-align: center;}
.insights-part .newsPart #news-list .item .inne-imgbox img{display: inline-block;border-radius: 10px;width: 100%;}
.insights-part .newsPart #news-list .item .info-box{padding: 15px;}
.insights-part .newsPart #news-list .item .info-box h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;margin: 0 0 15px;}
.insights-part .newsPart #news-list .item .info-box p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.insights-part .newsPart #news-list .item .info-box a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}
.insights-part .blogsPart{margin-top: 80px;}
.insights-part .blogsPart .text-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;margin-bottom: 40px;}
.insights-part .blogsPart .group-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 48px;}
.insights-part .blogsPart .group-grid .item.ttc-box1 img{width: 100%;border-radius: 10px;}
.insights-part .blogsPart .group-grid .item:nth-child(1) .info-box{padding: 15px 48px;}
.insights-part .blogsPart .group-grid .item:nth-child(1) .info-box h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 0 15px;}
.insights-part .blogsPart .group-grid .item:nth-child(1) .info-box p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.insights-part .blogsPart .group-grid .item:nth-child(1) .info-box a.btn-biocytogen {border-radius: 20px;padding-left: 20px;padding-right: 20px;}
.insights-part .blogsPart .group-grid ul.item li{display: flex;align-items: start;padding-bottom: 24px;margin-bottom: 24px;border-bottom: 1px solid #ccc;}
.insights-part .blogsPart .group-grid ul.item li .info-header{float: left;margin-right: 15px;width: 200px;max-height: 142px;overflow: hidden;border-radius: 10px;}
.insights-part .blogsPart .group-grid ul.item li .info-header img{border-radius: 10px;}
.insights-part .blogsPart .group-grid ul.item li .info-body{width: 100%;}
.insights-part .blogsPart .group-grid ul.item li .info-body h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 0 8px;}
.insights-part .blogsPart .group-grid ul.item li .info-body p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.insights-part .blogsPart .group-grid ul.item li .info-body a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}
.insights-part .blogsPart .group-grid ul.item li:last-child{border: none;padding: 0;margin: 0;}
.insights-part .resourcePart{background-color: #f6f6f6;padding: 108px 0;margin: 108px 0;overflow: hidden;}
.insights-part .resourcePart img.miceIcon{position: absolute;top: -100px;left: -130px;}
.insights-part .resourcePart .swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto;position: relative;margin-top: 40px;}
.insights-part .resourcePart .swiperTitle-box{display: flex;align-items: center;margin-bottom: 10px;}
.insights-part .resourcePart .swiperTitle-box .pnBtn{position: relative;width: 80px;float: right;}
.insights-part .resourcePart .swiperTitle-box span{font-size: 18px;color: #fff;}
.insights-part .resourcePart .swiperTitle-box .swiper-button-next:after,.insights-part .resourcePart .swiperTitle-box .swiper-button-prev:after{font-size: 12px;color: #333;font-weight: 700;}
.insights-part .resourcePart .swiper-container .swiper-slide .inne-imgbox {height: 150px;border-radius: 10px;overflow: hidden;text-align: center;}
.insights-part .resourcePart .swiper-container .swiper-slide .inne-imgbox img{display: inline-block;width: 100%;}
.insights-part .resourcePart .swiper-container .swiper-slide .info{padding: 24px 16px 0;}
.insights-part .resourcePart .swiper-container .swiper-slide .info h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: 0 0 16px;}
.insights-part .resourcePart .swiper-container .swiper-slide .info p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 72px;}
.insights-part .resourcePart .text-center a.btn-biocytogen{border-radius: 20px;padding-left: 35px;padding-right: 35px;}
.insights-part .resourcePart .btnGroup{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;align-items: center;width: 220px;}
.insights-part .resourcePart .btnGroup a.empty{border: 1px solid #007A72;color: #007A72;background-color: #fff;display: inline-block;text-align: center;border-radius: 20px;padding: 3px 20px;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.insights-part .resourcePart .btnGroup a.btn-biocytogen{border-radius: 20px;padding: 3px 10px;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.insights-part .featuredPart #featured-list{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
.insights-part .featuredPart #featured-list .inne-imgbox {height: 206px;border-radius: 10px;overflow: hidden;text-align: center;}
.insights-part .featuredPart #featured-list .inne-imgbox img{display: inline-block;width: 100%;}
.insights-part .featuredPart #featured-list .item>img{border-radius: 10px;}
.insights-part .featuredPart #featured-list .item .info-box{padding: 15px;}
.insights-part .featuredPart #featured-list .item .info-box h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;margin: 0 0 15px;}
.insights-part .featuredPart #featured-list .item .info-box p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.insights-part .featuredPart #featured-list .item .info-box a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}
.insights-part .featuredPart #featured-list .item .info-box .sign-group{color: #51516C;font-size: 13px;margin-bottom: 15px;}
.insights-part .featuredPart #featured-list .item .info-box .sign-group span{margin-right: 20px;}
.insights-part .calendarGroup{position: relative;}
.insights-part #calendar .fc-header .fc-header-left{width: 60%;padding-bottom: 20px;}
.insights-part #calendar .fc-header .fc-header-left p{white-space: normal;word-wrap: break-word;overflow: hidden;}
.insights-part #calendar .fc-header .fc-header-left span,.insights-part #calendar .fc-header .fc-header-left span h2{margin-right: 5px;font-family: 'Kanit-Medium', sans-serif;font-weight: 500;line-height: 1.3;color: #23232F;font-size: 24px;}
.insights-part #calendar .fc-header>tr{position: relative;}
.insights-part #calendar .fc-header .fc-header-right{position: absolute;left: 85px;}
.insights-part #calendar .fc-header .fc-header-right span{background: transparent;border: none;box-shadow: none;}
.insights-part #calendar .fc-header .fc-header-right span.fc-button-today{display: none;}
.insights-part #calendar table thead tr th{border: none;border-bottom: 1px solid #ddd;text-align: left;text-transform: uppercase;font-family: 'Kanit-Light', sans-serif;font-weight: 300;color: #23232F;font-size: 14px;padding-bottom: 10px;}
.insights-part #calendar table tbody tr td{font-family: 'Kanit-SemiBold', sans-serif;font-weight: 600;line-height: 1.3;color: #23232F;font-size: 40px;}
.insights-part #calendar .fc-grid .fc-day-number{float: left;padding: 10px;}
.insights-part #calendar .fc-event{background-color: transparent!important;color: #51516C!important;border: none!important;}
.insights-part #calendar .fc-event-time,.insights-part #calendar .fc-event-title{cursor: pointer;font-size: 14px;font-family: 'PlusJakartaSans-Regular', sans-serif;font-weight: 400;margin-bottom: 10px;display: inline-block;line-height: 1.3;}
.insights-part #calendar .fc-event-time:hover,.insights-part #calendar .fc-event-title:hover{color: #007A72;}
.insights-part #calendar .fc-state-highlight{background: rgb(197 197 211 / 20%)!important;}
.insights-part #event-card{position: absolute;top: 0;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;}
.insights-part #event-card .item-group{position: relative;width: 360px;box-shadow: 0 0 15px rgb(0 0 0 / 8%);background-color: #fff;border-radius: 10px;padding: 10px;}
.insights-part #event-card .item-group .inne-imgbox {height: 190px;border-radius: 10px;overflow: hidden;text-align: center;}
.insights-part #event-card .item-group .inne-imgbox img{display: inline-block;width: 100%;border-radius: 10px;}
.insights-part #event-card .item-group .info-box{padding: 15px;}
.insights-part #event-card .item-group .info-box h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0 0 15px;}
.insights-part #event-card .item-group .info-box p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.insights-part #event-card .item-group .info-box a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}
.insights-part #event-card .item-group .info-box .sign-group{color: #51516C;font-size: 13px;margin-bottom: 15px;}
.insights-part #event-card .item-group .info-box .sign-group span{margin-right: 20px;}
.insights-part #event-card .item-group #close-card-btn{position: absolute;top: 10px;right: 10px;background-color: rgb(0 0 0 / 60%);border: none;font-size: 16px;color: #fff;cursor: pointer;}
.insights-part .featuredPart{margin-top: 64px;}
@media screen and (max-width:1279px){
    .insights-part .newsPart #news-list .item .inne-imgbox{height: 182px;}
    .insights-part .newsPart #news-list .item .info-box h6{height: 43px;}
    .insights-part .resourcePart .swiper-container .swiper-slide .info p{height: 70px;}
    .insights-part .featuredPart #featured-list .inne-imgbox{height: 168px;}
    .insights-part .featuredPart #featured-list .item .info-box h6{height: 43px;}
}
@media screen and (max-width:991px){
    .insights-part .blogsPart .text-grid{grid-template-columns: 2fr 1fr;}
    .insights-part .newsPart #news-list{grid-template-columns: 1fr 1fr;}
    .insights-part .newsPart #news-list .item .inne-imgbox {height: 215px;}
    .insights-part .blogsPart .group-grid{grid-template-columns: 100%;}
    .insights-part .featuredPart #featured-list{grid-template-columns: 1fr 1fr;}
    .insights-part .featuredPart #featured-list .inne-imgbox{height: 195px;}
    .insights-part .resourcePart img.miceIcon {top: -200px;left: -190px;}
}
@media screen and (max-width:767px){
    .insights-part .newsPart h5{display: block;overflow: hidden;}
    .insights-part .newsPart h5 a{float: right;margin-top: 10px;}
    .insights-part .newsPart #news-list {grid-template-columns: 100%;}
    .insights-part .blogsPart .text-grid{grid-template-columns: 100%;}
    .insights-part .resourcePart img.miceIcon{top: -190px;left: -235px;}
    .insights-part .featuredPart #featured-list {grid-template-columns: 100%;}
    .insights-part .newsPart #news-list .item .info-box h6 {height: auto;}
    .insights-part .featuredPart #featured-list .item .info-box h6 {height: auto;}
}


/* ---------- News -------------- */
.news-part .theme-group{padding-top: 50px;}
.news-part .theme-group .theme-banner .imgOn-item,.news-part .theme-group .theme-banner .imgOn-item span,.news-part .theme-group .theme-banner .imgOn-item h4{color: #fff;}
.news-part .theme-group .theme-banner .imgOn-item a.empty {display: inline-block;border: 1px solid #ffffff;text-align: center;border-radius: 20px;padding: 3px 20px;color: #ffffff;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.news-part .theme-group .theme-banner .imgOn-item .autor-part{display: flex;align-items: center;}
.news-part .theme-group .theme-banner .imgOn-item .autor-part .head,.news-part .theme-group .theme-banner .imgOn-item .autor-part .title{float: left;margin-right: 10px;}
.news-part .theme-group .theme-banner .imgOn-item .autor-part .title h6{margin:0 0 4px;color: #fff;}
.news-part .theme-group .theme-banner .imgOn-item .autor-part .title p{margin: 0;color: #fff;}
.news-part .content-box .product-grid #news-list{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.news-part .content-box .product-grid #news-list .inne-imgbox{height: 215px;border-radius: 10px;overflow: hidden;text-align: center;}
.news-part .content-box .product-grid #news-list .inne-imgbox img{display: inline-block;border-radius: 10px;width: 100%;}
.news-part .content-box .product-grid .item>img{border-radius: 10px;}
.news-part .content-box .product-grid .item .info-box{padding: 15px;}
.news-part .content-box .product-grid .item .info-box h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;margin: 0 0 15px;}
.news-part .content-box .product-grid .item .info-box div.p-textbox{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.news-part .content-box .product-grid .item .info-box a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}

.news-part .careerForm {border-top: 1px solid #ccc;padding-top: 40px;margin-top: 10px;}
.news-part .careerForm h6{margin: 0 0 40px;line-height: 1.5;}
.news-part .careerForm #online-quote-form label {font-weight: 400;}
.news-part .careerForm #online-quote-form .kv-upload-progress{display: none!important;}
.news-part .careerForm #online-quote-form .file-caption{display: block;}
.news-part .careerForm #online-quote-form .file-caption-name{padding: 8px 5px 8px 15px;border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;border-right: none;border-color: #ccc;background-color: #fff;}
.news-part .careerForm #online-quote-form .input-group-btn{background-color: #fff;border: 1px solid #ccc;border-top-right-radius: 20px;border-bottom-right-radius: 20px;overflow: hidden;border-left: none;}
.news-part .careerForm #online-quote-form .fileinput-remove-button{border: none;background-color: #fff;padding: 0;height: 32px;}
.news-part .careerForm #online-quote-form .fileinput-remove-button i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25310trash_1.png)no-repeat top center;background-size: contain;display: inline-block;height: 15px;width: 15px;position: relative;top: 3px;}
.news-part .careerForm #online-quote-form .fileinput-remove-button span,.news-part .careerForm #online-quote-form .fileinput-cancel-button,.news-part .careerForm #online-quote-form .fileinput-cancel-button i,.news-part .careerForm #online-quote-form .fileinput-cancel-button span{display: none!important;}
.news-part .careerForm #online-quote-form .btn-file{background-color: #fff;border: none;width: 40px;height: 32px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
.news-part .careerForm #online-quote-form .btn-file i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25310Vector_2.png)no-repeat top center;background-size: contain;display: inline-block;height: 15px;width: 15px;position: relative;top: 2px;}
.news-part .careerForm #online-quote-form .fileinput-remove-button:focus,.news-part .careerForm #online-quote-form .btn-file:focus {outline:none;box-shadow:none;}
.news-part .careerForm #online-quote-form input.form-control{border-radius: 20px;}
.news-part .careerForm #online-quote-form .form-control{font-style: italic;}
.news-part .careerForm #online-quote-form button{padding: 8px 40px;border-radius: 20px;}

.news-part .pop-video {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);justify-content: center;align-items: center;z-index: 9999;}
.news-part .pop-video .pop-cont iframe,.news-part .pop-video .pop-cont video {width: 750px;height: 100%;aspect-ratio: 16/9;overflow: hidden;object-fit: fill;}
.news-part .pop-video .pop-dialog{position: relative;}
.news-part .pop-video .pop-close {position: absolute;right: 20px;top: 20px;width: 40px;height: 40px;background-color: #333;border-radius: 5px;color: #fff;z-index: 1;cursor: pointer;overflow: hidden;border: none;}
.news-part .pop-video .pop-close span{font-size: 28px;position: relative;top: -7px;}
.news-part .pop-video .pop-close:hover{background-color: #00b1a9;}
.news-part .pop-video.x-show {display: flex;}
.news-part .v-link-playbg {position: absolute;top: auto;bottom: 0;left: 0;width: 100%;height: 100%;background: #000 url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25623-icon-vido-1.png) center center no-repeat;background-size: 75px;opacity: 0.3;}
.news-part #volumeHint {position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);background: rgb(0 0 0 / 0.6);color: #fff;padding: 5px 15px;border-radius: 20px;font-size: 13px;display: none;}

@media screen and (max-width:1279px){
    .news-part .content-box .product-grid #news-list .inne-imgbox{height: 175px;}
    .news-part .content-box .product-grid .item .info-box h6{height: 43px;}
    .news-part .pop-video .pop-cont iframe,.news-part .pop-video .pop-cont video {width: 600px;}
}
@media screen and (max-width:991px){
    .news-part .pop-video .pop-close{right: 15px;top: 15px;width: 35px;height: 35px;}
    .news-part .pop-video .pop-close span{top: -9px;}
    .news-part .pop-video .pop-cont iframe,.news-part .pop-video .pop-cont video {width: 500px;}
}
@media screen and (max-width:767px){
    .news-part .content-box .product-grid #news-list{grid-template-columns: 100%;}
    .news-part .content-box .product-grid .item .info-box h6 {height: auto;}
    .news-part .pop-video .pop-close{right: 10px;top: 10px;width: 30px;height: 30px;}
    .news-part .pop-video .pop-close span{top: -12px;}
    .news-part .pop-video .pop-cont iframe,.news-part .pop-video .pop-cont video {width: 100%;}
}

/* ---------- Events -------------- */
.events-part .theme-group{padding-top: 50px;}
.events-part .theme-group .theme-banner .imgOn-item,.events-part .theme-group .theme-banner .imgOn-item span,.events-part .theme-group .theme-banner .imgOn-item h4{color: #fff;}
.events-part .theme-group .theme-banner .imgOn-item a.empty {display: inline-block;border: 1px solid #ffffff;text-align: center;border-radius: 20px;padding: 3px 30px;color: #ffffff;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.events-part .content-box h5{display: flex;align-items: end;justify-content: space-between;}
.events-part .content-box .product-grid .listbox{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.events-part .content-box .product-grid .item .inne-imgbox{height: 215px;border-radius: 10px;overflow: hidden;text-align: center;}
.events-part .content-box .product-grid #break-list .item .inne-imgbox,.events-part .content-box .product-grid #gene-ius-break-list .item .inne-imgbox{height: 200px;}
.events-part .content-box .product-grid .item .inne-imgbox img{display: inline-block;border-radius: 10px;width: 100%;}
.events-part .content-box .product-grid .item .info-box{padding: 15px;}
.events-part .content-box .product-grid .item .info-box h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;margin: 0 0 15px;}
.events-part .content-box .product-grid .item .info-box div.p-textbox{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.events-part .content-box .product-grid .item .info-box a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}
.events-part .content-box .product-grid .item .info-box .sign-group{color: #51516C;font-size: 13px;margin-bottom: 15px;}
.events-part .content-box .product-grid .item .info-box .sign-group span:first-child{margin-right: 20px;}

@media screen and (max-width:1279px){
    .events-part .content-box .product-grid #break-list .item .inne-imgbox{height: 160px;}
    .events-part .content-box .product-grid .item .inne-imgbox{height: 180px;}
    .events-part .content-box .product-grid .item .info-box h6{height: 43px;}
}
@media screen and (max-width:991px){

}
@media screen and (max-width:767px){
    .events-part .content-box .product-grid .listbox{grid-template-columns: 100%;}
    .events-part .content-box .product-grid .item .info-box h6 {height: auto;}
}

/* ---------- Blogs -------------- */
.blogs-part .theme-group{padding-top: 50px;}
.blogs-part .theme-group .theme-banner .imgOn-item{color: #fff;}
.blogs-part .theme-group .theme-banner .imgOn-item a.empty {display: inline-block;border: 1px solid #007A72;text-align: center;border-radius: 20px;padding: 3px 20px;color: #007A72;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;background-color: #fff;}
.blogs-part .left-block .panel-group ul.blogs_list{background-color: #fff;}
.blogs-part .left-block .panel-group ul.blogs_list li h6{margin: 0 0 8px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.blogs-part .left-block .panel-group ul.blogs_list li p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.blogs-part .left-block .panel-group ul.blogs_list li a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 17px;width: 17px;display: inline-block;position: relative;top: 3px;left: 2px;}
.blogs-part .content-box .product-grid #blogs-list{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.blogs-part .content-box .product-grid #blogs-list .inne-imgbox{height: 215px;border-radius: 10px;overflow: hidden;text-align: center;}
.blogs-part .content-box .product-grid #blogs-list .inne-imgbox img{display: inline-block;border-radius: 10px;width: 100%;}
.blogs-part .content-box .product-grid .item>img{border-radius: 10px;}
.blogs-part .content-box .product-grid .item .info-box{padding: 15px;}
.blogs-part .content-box .product-grid .item .info-box h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;margin: 0 0 15px;}
.blogs-part .content-box .product-grid .item .info-box div.p-textbox{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.blogs-part .content-box .product-grid .item .info-box a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}

@media screen and (max-width:1279px){
    .blogs-part .content-box .product-grid #blogs-list .inne-imgbox{height: 175px;}
    .blogs-part .content-box .product-grid .item .info-box h6{height: 43px;}
}
@media screen and (max-width:991px){

}
@media screen and (max-width:767px){
    .blogs-part .content-box .product-grid #blogs-list{grid-template-columns: 100%;}
    .blogs-part .content-box .product-grid .item .info-box h6 {height: auto;}
}

/* ---------- FAQs -------------- */
.faq-part .theme-group{padding-top: 50px;}
.faq-part .content-box h6 {display: flex;align-items: center;color: #00ACA1;}
.faq-part .content-box h6::before {content: '';height: 15px;width: 3px;display: inline-block;margin-right: 7px;background-color: #00ACA1;}
.faq-part .content-box .product-grid .item{margin-bottom: 60px;}
.faq-part .content-box .product-grid a.cards{font-family: 'Kanit-Medium', sans-serif;font-weight:500;line-height: 1.3;color:#23232F;font-size: 24px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ccc;padding-bottom: 16px;}
.faq-part .content-box .product-grid a.cards span{width: 90%;}
.faq-part .content-box .product-grid a.cards.collapsed{font-family: 'Kanit-Light', sans-serif;font-weight:300;}
.faq-part .content-box .product-grid .collapse-icon{height:24px;width:24px;display: inline-block;}
.faq-part .content-box .product-grid .product-collapse .collapse-icon{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24dna-shiny10-29-7.png) top center no-repeat;background-size: cover;}
.faq-part .content-box .product-grid .product-collapse.collapsed .collapse-icon{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24dna-shiny10-29-6.png) top center no-repeat;background-size: cover;}
.faq-part .content-box .product-grid .cards-content{padding: 24px 0 5px;}

@media screen and (max-width:767px){
    .faq-part .content-box .product-grid a.cards{font-size: 20px;}
}

/* ---------- Resource Center -------------- */
.resources-part .theme-group{padding-top: 50px;}
.resources-part .theme-group .theme-banner .imgOn-item{align-items: end;}
.resources-part .theme-group .theme-banner .imgOn-item a.empty {display: inline-block;border: 1px solid #ffffff;text-align: center;border-radius: 20px;padding: 3px 20px;color: #ffffff;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.resources-part .left-block .panel-group hr{margin: 10px 0;border-color: #ccc;}
.resources-part .theme-group .theme-banner .imgOn-item .btnGroup{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;align-items: center;width: 270px;}
.resources-part .theme-group .theme-banner .imgOn-item .btnGroup a.empty{border: 1px solid #007A72;color: #007A72;background-color: #fff;}
.resources-part .theme-group .theme-banner .imgOn-item .btnGroup a.btn-biocytogen{border-radius: 20px;padding: 3px 10px;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;}
.resources-part .content-box h5{display: flex;align-items: end;justify-content: space-between;}
.resources-part .content-box #brochures-list .inne-imgbox {height: 227px;border-radius: 10px;overflow: hidden;text-align: center;}
.resources-part .content-box #posters-list .inne-imgbox {height: 150px;border-radius: 10px;overflow: hidden;text-align: center;}
.resources-part .content-box #webinars-list .inne-imgbox {border-radius: 15px;overflow: hidden;}
.resources-part .content-box .inne-imgbox img{display: inline-block;width: 100%;}
.resources-part .content-box .info-box .item-header{display: flex;align-items: center;justify-content: space-between;margin: 15px 0;}
.resources-part .content-box .info-box .item-header p{width: 100%;padding-right: 5%;margin: 0;}
.resources-part .content-box .info-box .item-header a.btn-biocytogen{border-radius: 20px;padding: 7px 30px;}
.resources-part .content-box #webinars-list .item-body p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.resources-part .content-box .product-grid #brochures-list{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;border-bottom: 1px solid #ccc;padding-bottom: 25px;}
.resources-part .content-box .product-grid #posters-list {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.resources-part .content-box .product-grid .item>img{border-radius: 10px;}
.resources-part .content-box .product-grid .item .info-group{padding: 15px;}
.resources-part .content-box .product-grid .item .info-group h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: 0 0 15px;}
.resources-part .content-box .product-grid .item .info-group div.p-textbox{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.resources-part .content-box .product-grid .item .info-group a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}
.resources-part .content-box .product-grid .item .info-box{padding: 15px;}
.resources-part .content-box .product-grid .item .info-box h6{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 95px;margin: 0 0 15px;}
.resources-part .content-box .product-grid .item .info-box div.p-textbox{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.resources-part .content-box .product-grid .item .info-box a i {background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24aboutus10-26-3.png) no-repeat center center;background-size: cover;height: 15px;width: 15px;display: inline-block;position: relative;top: 3px;left: 2px;}

@media screen and (max-width:1279px){
    .resources-part .content-box #brochures-list .inne-imgbox{height: 190px;}
    .resources-part .content-box #posters-list .inne-imgbox{height: 135px;}
    .resources-part .content-box .product-grid .item .info-box h6{height: 83px;}
}
@media screen and (max-width:991px){
    
}
@media screen and (max-width:767px){
    .resources-part .content-box .product-grid #brochures-list{grid-template-columns: 100%;}
    .resources-part .content-box .product-grid #posters-list{grid-template-columns: 100%;}
    .resources-part .content-box .product-grid .item .info-box h6{height: auto;}
    .resources-part .content-box .info-box .item-header a.btn-biocytogen{padding: 5px 25px;}
}

/* ---------- Publications -------------- */
.publications-part .theme-group{padding-top: 50px;}
.publications-part .theme-group .theme-banner .imgOn-item span.zm-uppercase{color: #fff;}
.publications-part .theme-group .theme-banner .imgOn-item h4{color: #fff;}
.publications-part .theme-group .theme-banner .imgOn-item a.empty{display: inline-block;border: 1px solid #ffffff;text-align: center;border-radius: 20px;padding: 3px 20px;color: #333;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;background-color: #fff;}
.publications-part .search-filters .group-item .info{margin-bottom: 20px;}
.publications-part .search-filters .group-item .info .sub-heading a{display: flex;align-items: center;justify-content: space-between;background: #ffffff;}
.publications-part .search-filters .group-item .info .sub-heading a span{color: #23232F;}
.publications-part .search-filters .group-item .info .sub-heading a .collapse-icon{height:18px;width:18px;display: inline-block;background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24dna-shiny10-29-7.png) top center no-repeat;background-size: cover;}
.publications-part .search-filters .group-item .info .sub-heading a.collapsed .collapse-icon{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24dna-shiny10-29-6.png) top center no-repeat;background-size: cover;}
.publications-part .search-filters .group-item .info .sub-body{padding-bottom: 10px;}
.publications-part .search-filters .group-item .info:last-child .sub-body{padding-bottom: 0;}
.publications-part .search-filters .group-item .info .sub-body li{overflow: hidden;display: flex;align-items: center;margin-top: 10px;}
.publications-part .search-filters .group-item .info .sub-body li label{margin: 0;font-weight: 400;cursor: pointer;font-size: 13px;display: flex;align-items: center;float: left;}
.publications-part .search-filters .group-item .info .sub-body li label .checkbox{margin: 0 5px 0 0;float: left;}
.publications-part .content-box .cellCover-grid{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 15px;}
.publications-part .content-box .product-grid #publications-list .item-group{padding: 20px 0;border-bottom: 1px solid #ccc;}
.publications-part .content-box .product-grid #publications-list .item-group:first-child{padding-top: 0;}
.publications-part .content-box .product-grid #publications-list .item-group .title{margin-bottom: 10px;}
.publications-part .content-box .product-grid #publications-list .item-group .title a{font-size: 18px;color: #2096f6;}
.publications-part .content-box .product-grid #publications-list .item-group p{margin-bottom: 5px;}
.publications-part .content-box .product-grid #publications-list .item-group p span{margin-right: 5px;color: #999;}
.publications-part .content-box .product-grid #publications-list .item-group p em{font-weight: bold;margin-right: 10px;font-size: 15px;}
.publications-part .content-box .product-grid #publications-list .item-group p b{margin-right: 5px;font-size: 15px;}
.publications-part .content-box .product-grid #publications-list .item-group p a:hover{text-decoration: underline;}

@media screen and (max-width:1279px){
    .publications-part .content-box .cellCover-grid{gap: 8px;}
}
@media screen and (max-width:767px){
    .publications-part .content-box .cellCover-grid{grid-template-columns: 1fr 1fr;}
    .publications-part .content-box .cellCover-grid .item{max-height: 210px;}
    .publications-part .content-box .cellCover-grid .item img{max-height: 100%;}
}

/* ---------- Privacy Policy -------------- */
.privacy-policy-part .content-box ul.studies-list{margin-left: 15px;}
.privacy-policy-part .content-box ul.studies-list li{list-style: disc;margin-bottom: 4px;}
.privacy-policy-part b{font-size: 15px;}


@media screen and (max-width:1279px){
    
}
@media screen and (max-width:991px){
    .theme-group .theme-banner .imgOn-item h4{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
}
@media screen and (max-width:767px){
    .theme-group .theme-title{display: block;}
    .theme-group .theme-title h3{margin-bottom: 15px;font-size: 32px;}
    .theme-group .theme-title span{width: 100%;}
    .theme-group .theme-banner{max-height: 250px;}
    .theme-group .theme-banner img{max-width: initial;height: 100%;}
    .theme-group .theme-banner .imgOn-item{padding: 15px;}
    .theme-group .theme-banner .imgOn-item .info{width: auto;}
    .theme-group .theme-banner .imgOn-item h4{margin: 0 0 15px;font-size: 18px;}
    .content-box .fromGroup .topItem{grid-template-columns: 100%;}
    .detail-header .detailBox-banner.banner-posters {max-height: 150px;}
    .detail-header h4{font-size: 28px;}
    .detail-body h3{font-size: 22px;}
    .detail-body h4{font-size: 18px;}
}