/* 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:78px 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;} .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 span,.left-block .panel-group ul.left-pills>li a{display: inline-block;} .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;} .panel-group .item-default{background-color: #fff;} .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;} .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;} .panel-group .item-default .item-body ul li a.linkTo b{font-weight: 400!important;} table.table-service-td thead tr td{text-align: center;} .panel-group .item-default .item-body ul.side_resources li strong{margin-bottom: 5px;display: inline-block;font-size: 15px;} .theme-group{position: relative;} .theme-group .theme-up,.theme-group .theme-down{padding-right: 50px;} .theme-group .theme-up h4{line-height: 1.5;margin: 0;} .theme-group .theme-up ul.numCount {display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 16px 0;} .theme-group .theme-up ul.numCount li .numU .numCX {margin: 0;color: #51516C;} .theme-group .theme-up ul.numCount li .indc {font-size: 12px;} .theme-group .theme-up ul.numCount li .numU .unitC {font-family: 'Kanit-Light', sans-serif;font-size: 24px;font-weight: 300;} .theme-group .theme-part{margin: 125px 0;} .theme-group .banner-part{position: absolute;top: 0;right: 0;width: 50%;height: 100%;padding-left: 48px;} .theme-group .banner-part .areaItem{position: relative;height: 100%;} .theme-group .banner-part .banner-text{background-color: #fff;padding: 40px 30px 30px;position: absolute;bottom: 0;right: 0;width: 80%;} .theme-group .banner-part .banner-text p>span.icon-quote-left {display: block;margin-bottom: 10px;} .theme-group .banner-part .banner-text .autor-part{display: flex;align-items: center;} .theme-group .banner-part .banner-text .autor-part .head{width: 75px;} .theme-group .banner-part .banner-text .autor-part .title{width: 100%;} .theme-group .banner-part .banner-text .autor-part .head,.theme-group .banner-part .banner-text .autor-part .title{float: left;margin-right: 10px;} .theme-group .banner-part .banner-text .autor-part .title h6{margin:0 0 4px;} .theme-group .banner-part .banner-text .autor-part .title p{margin: 0;} .theme-group .banner-part .banner-text .swiper{padding-bottom: 10px;} .theme-group .banner-part .banner-text .swiper .swiper-pagination-bullet-active {background: #3f485b;} .theme-group .banner-part .banner-text .swiper .swiper-pagination{bottom: -5px;} .theme-group .theme-down{margin-top: 88px;} .theme-group .theme-down ul {border-top: 1px solid #999;} .theme-group .theme-down ul li {border-bottom: 1px solid #999;padding: 4px 0;} .theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .theme-group .theme-down ul 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: 18px;width: 18px;display: inline-block;} .theme-group .theme-part .btnGroup_new a{min-width: 175px;display: inline-block;border-radius: 35px;padding: 5px 15px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;margin-right: 10px;margin-bottom: 10px;} .theme-group .theme-part .btnGroup_new a.empty {border: 1px solid #007A72;color: #007A72;} .content-box ul.studies-list{margin-left: 15px;} .content-box ul.studies-list li{list-style: disc;margin-bottom: 4px;} .content-box .syn_box a.cards{font-size: 18px;display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;background: #ffffff;box-shadow: 0px 0px 60px 0px #5a607d26;border-radius: 4px;font-family: 'Kanit-Regular';font-weight:400;} .content-box .syn_box a.cards span{background: linear-gradient(90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .content-box .syn_box a.cards.collapsed{background: #C5C5D31A;box-shadow:none;box-shadow:none;font-family: 'Kanit-Light', sans-serif;font-weight:300;} .content-box .syn_box a.cards.collapsed span{background: linear-gradient(90deg, #23232F 0%, #23232F 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .content-box .syn_box .collapse-icon{height:20px;width:20px;display: inline-block;} .content-box .syn_box .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;} .content-box .syn_box .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;} .content-box .syn_box .cards-content{padding: 20px 0 5px;} .content-box table.table-service-td{border-collapse: inherit;border: 1px solid #ddd;border-radius: 7px;font-size: 14px;overflow: hidden;} .content-box table.table-service-td thead tr{background: #00ACA1;color: #fff;} .content-box table.table-service-td thead tr td{padding: 15px;} .content-box table.table-service-td tr td{border-right: 1px solid #ddd;} .content-box table.table-service-td tr td:first-child a.textLink{font-size: 14px;} .content-box table.table-service-td tr td:last-child{border-right: none;} .content-box table.table-service-td tr td>ul{margin: 5px 10px 5px 30px;} .content-box table.table-service-td tr td>ul li{list-style: disc;} .content-box table.table-service-td tr td a.orderIcon{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Target-Humanized-Mice11-5-6.png) no-repeat center center;background-size: cover;height: 18px;width: 18px;display: inline-block;} .content-box table.table-service-td tr td i.arrowIcon{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: 18px;width: 18px;display: inline-block;margin-left: 20px;} .exms-small-text{font-size: 14px;} .exms-grid-5{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr!important;gap: 20px;} .listGrid-2{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;} .listGrid-2-1{display: grid;grid-template-columns: 1fr 1.7fr;gap: 10px;} .listGrid-3{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 10px;} .maxWidth-box img{max-width: 70%;} .maxWidth-box50 img{max-width: 50%;} .content-box .title-widget{font-size: 18px;} .content-box p b,.content-box ul li b,.content-box strong{font-size: 15px;} .imgDisk{text-align: center;} .imgDisk img{display: inline-block;} #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;} /*product list */ .target-part .theme-group .theme-grid{display: grid;grid-template-columns: 1fr 1.3fr;column-gap: 50px;align-items: center;margin: 20px 0;} .target-part .theme-group .theme-grid .theme-part{margin: 70px 0;} .target-part .theme-group .theme-part h4{line-height: 1.5;margin: 0;} .target-part .theme-group .theme-part .btnGroup{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;width: 85%;} .target-part .theme-group .theme-part .btnGroup a{width: 100%;display: inline-block;border-radius: 35px;padding: 5px 10px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .target-part .theme-group .theme-part .btnGroup a.empty {border: 1px solid #007A72;color: #007A72;} .target-part .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;} .target-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .target-part .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;} .target-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .target-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .target-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .target-part .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;} .target-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .target-part .content-box>div{margin-bottom: 50px;} .target-part .content-box h5{margin-top: 0;line-height: 1.5;} .target-part .content-box .orderItem-list li{display: grid;grid-template-columns: 2.5fr 1fr;} .target-part .content-box .orderItem-list .left-part{display: flex;align-items: center;} .target-part .content-box .orderItem-list .left-part .head{width: 75px;} .target-part .content-box .orderItem-list .left-part .title{flex: 1;} .target-part .content-box .orderItem-list .left-part .head,.target-part .content-box .orderItem-list .left-part .title{float: left;margin-right: 15px;} .target-part .content-box .orderItem-list .left-part .head img{max-height: 75px;} .target-part .content-box .orderItem-list .left-part .title h6{color: #23232F;margin:0 0 5px;} .target-part .content-box .orderItem-list .left-part .title p{font-size: 13px;margin: 0;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .target-part .content-box .orderItem-list .left-part .title p a{font-size: 13px;} .target-part .content-box .orderItem-list .right-part{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;align-items: center;} .target-part .content-box .orderItem-list .right-part a{border-radius: 20px;padding: 5px 10px;text-align: center;font-size: 13px;display: block;height: fit-content;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .target-part .content-box .orderItem-list .right-part a.empty {border: 1px solid #007A72;color: #007A72;} .target-part .content-box .topItem{display: grid;grid-template-columns: 3fr 1fr;gap: 15px;align-items: center;} .target-part .content-box .topItem form .input-group{width: 100%;} .target-part .content-box .topItem form .input-group input{border-radius: 20px;} .target-part .content-box .topItem a{display: flex;align-items: center;justify-content: right;color: #007A72;font-size: 14px;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;} .target-part .content-box .topItem a span{background-color: #eee;margin-left: 10px;padding: 8px;display: flex;border-radius: 50%;} .target-part .content-box .topItem a i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Orthotopic-Tumor-Models10-29-3.png) no-repeat center center;background-size: cover;height: 12px;width: 12px;display: inline-block;} .target-part .content-box .downItem ul li{display: inline-block;} .target-part .content-box .downItem ul li a{background-color: #e6f7f6;padding: 5px 10px;display: inline-block;border-radius: 20px;color: #51516C;margin-bottom: 5px;margin-right: 5px;} .target-part .content-box table.table-service-td tbody tr:nth-of-type(even){background: #00ACA112;} .target-part .content-box table.table-service-td tbody tr td{padding: 10px 15px;} .target-part .content-box table.table-service-td tbody tr td:first-child a{font-size: 14px;} .target-part .content-box table.table-service-td tbody tr td:last-child{text-align: center;} @media screen and (max-width:1279px){ .target-part .theme-group .theme-part h4{font-size: 25px;} .target-part .theme-group .theme-part .btnGroup{width: 90%;} .target-part .theme-group .theme-part .btnGroup a{font-size: 14px;} .target-part .content-box .orderItem-list .right-part a{padding: 5px 7px;} .target-part .content-box .orderItem-list li{display: grid;grid-template-columns: 2fr 1fr;} } @media screen and (max-width:991px){ .target-part .theme-group .theme-grid{grid-template-columns: 100%;} .target-part .theme-group .theme-part .btnGroup{width: 50%;} .target-part .theme-group .theme-grid .theme-banner img{max-height: 380px;} .target-part .theme-group .theme-grid .theme-part{margin: 60px 0;} } @media screen and (max-width:767px){ .target-part .theme-group .theme-part .btnGroup {width: 90%;} .target-part .content-box .orderItem-list li{grid-template-columns: 100%;grid-row-gap: 10px;} .target-part .content-box .orderItem-list .right-part{width: 70%;} .target-part .content-box .topItem{grid-template-columns: 2fr 1fr;} } /*product detail=====================================================================*/ .titlehesive {display: none;} .titlehesive.title--clone { display: block; width: 100%; position: fixed; top: 62px; left: 0; background: #fff; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; z-index: 100; box-shadow: 1px 1px 10px #dbdbdb; } .titlehesive.title--stick { display: block; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .titlehesive .flexHead{display: flex;align-items: center;justify-content: space-between;padding: 10px;} .titlehesive .flexHead .left-part{display: flex;align-items: center;} .titlehesive .flexHead .left-part .head,.titlehesive .flexHead .left-part .title{float: left;margin-right: 15px;} .titlehesive .flexHead .left-part .head{width: 75px;} .titlehesive .flexHead .left-part .title{flex: 1;} .titlehesive .flexHead .left-part .head img{max-height: 75px;} .titlehesive .flexHead .left-part .title h6{color: #23232F;font-size: 16px;margin:0 0 7px;word-break: break-word;} .titlehesive .flexHead .left-part .title p{font-size: 13px;margin: 0;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;word-break: break-word;} .titlehesive .flexHead .right-part a{border-radius: 20px;padding: 5px 20px;text-align: center;font-size: 13px;display: inline-block;height: fit-content;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .mice-part .theme-group{padding-top: 40px;} .mice-part .theme-group .headBox{text-align: center;} .mice-part .theme-group .headBox img{display: inline-block;max-height: 250px;} .mice-part .theme-group .headBox h4{line-height: 1.7;margin: 15px 0;word-break: break-word;} .mice-part .theme-group .group-tab{position: relative;} .mice-part .theme-group .group-tab i.fas{display: inline-block;height: 40px;width: 40px;line-height: 40px;background-color: #C5C5D333;border-radius: 50%;font-size: 20px;text-align: center;} .mice-part .theme-group .group-tab .btn-prev-show,.mice-part .theme-group .group-tab .btn-next-show{position: absolute;top: 50%;transform: translateY(-50%);display: grid;column-gap: 10px;align-items: center;max-width: 20%;} .mice-part .theme-group .group-tab .btn-prev-show a,.mice-part .theme-group .group-tab .btn-next-show a{background-color: #C5C5D333;height: 40px;width: 40px;border-radius: 50%;text-align: center;line-height: 40px;} .mice-part .theme-group .group-tab .btn-prev-show span,.mice-part .theme-group .group-tab .btn-next-show span{word-break: break-word;} .mice-part .theme-group .group-tab .btn-prev-show a i,.mice-part .theme-group .group-tab .btn-next-show a i{font-size: 20px;margin: 0;} .mice-part .theme-group .group-tab .btn-prev-show{grid-template-columns: 1fr 10fr;left: 0;text-align: left;} .mice-part .theme-group .group-tab .btn-next-show{grid-template-columns: 10fr 1fr;right: 0;text-align: right;} .mice-part .theme-group .theme-part .dataParameter .table-data-td{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;border-collapse:initial;width: 100%;} .mice-part .theme-group .theme-part .dataParameter .table-data-td tr:first-child,.mice-part .theme-group .theme-part .dataParameter .table-data-td tr:last-child{height: 15px;} .mice-part .theme-group .theme-part .dataParameter .table-data-td tr td{padding: 5px;border-right: 1px solid #ccc;vertical-align: top;} .mice-part .theme-group .theme-part .dataParameter .table-data-td tr th{padding: 5px 5px 5px 45px;word-break: break-word;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 16px;color: #23232F;} .mice-part .theme-group .theme-part .dataParameter .table-data-td tr th sup,.mice-part .theme-group .theme-part .dataParameter .table-data-td tr th span{font-weight: 400;} .mice-part .theme-group .theme-part .btnGroup{margin: 30px 0;text-align: center;} .mice-part .theme-group .theme-part .btnGroup a{display: inline-block;border-radius: 35px;padding: 5px 20px;font-size: 16px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .mice-part .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;} .mice-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .mice-part .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;} .mice-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .mice-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .mice-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .mice-part .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;} .mice-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .mice-part .content-box>div{margin-bottom: 50px;} .mice-part .content-box>div ul{margin-left: 15px;margin-bottom: 15px;} .mice-part .content-box>div ul li{list-style-type: disc;margin-bottom: 5px;} .mice-part .content-box>div ol{margin-left: 15px;margin-bottom: 15px;} .mice-part .content-box>div ol li{list-style-type: inherit;margin-bottom: 5px;} .mice-part .content-box>div a{color:#007A72;text-decoration:underline;} .mice-part .content-box>div p{margin-bottom: 15px;} .mice-part .content-box h5{margin-top: 0;line-height: 1.5;display: flex;align-items: center;} .mice-part .content-box h5 img{margin-right: 8px;max-width: 40px;max-height: 35px;} .mice-part .content-box .dataImg-show{text-align: center;} .mice-part .content-box .dataImg-show img{display: inline-block;} @media screen and (max-width:991px){ .titlehesive.title--clone{top: 52px;} .mice-part .theme-group .headBox img{max-height: 220px;} .mice-part .theme-group .group-tab .btn-prev-show, .mice-part .theme-group .group-tab .btn-next-show{max-width: 175px;} .mice-part .theme-group .headBox h3{font-size: 24px;} .mice-part .theme-group .headBox h4{line-height: 1.5;} .mice-part .theme-group .theme-part .dataParameter .table-data-td tr th{padding: 5px 5px 5px 30px;} } @media screen and (max-width:767px){ .titlehesive .flexHead{display: block;} .titlehesive .flexHead .right-part{text-align: right;} .mice-part .theme-group .headBox img{max-height: 190px;} .mice-part .theme-group .group-tab{overflow: hidden;} .mice-part .theme-group .group-tab .item{margin-bottom: 10px;} .mice-part .theme-group .group-tab .btn-prev-show, .mice-part .theme-group .group-tab .btn-next-show{position: relative;top: auto;transform: none;max-width: 160px;align-items: start;} .mice-part .theme-group .group-tab .btn-prev-show{float: left;} .mice-part .theme-group .group-tab .btn-next-show{float: right;} .mice-part .theme-group .theme-part .dataParameter .table-responsive{border: none;} .mice-part .theme-group .theme-part .dataParameter .table-data-td tr th{padding: 5px 5px 5px 15px;} } /*Gene Editing Services =====================================================================*/ .geneEditing-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24dna-shiny10-29-1.png?t=20252) no-repeat top center;background-size: cover;} .geneEditing-part .theme-group .theme-up h4{line-height: 1.5;margin: 0;} .geneEditing-part .theme-group .theme-up ul.numCount {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;} .geneEditing-part .theme-group .theme-down ul {border-top: 1px solid #999;} .geneEditing-part .theme-group .theme-down ul li {border-bottom: 1px solid #999;} .geneEditing-part .theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .geneEditing-part .theme-group .theme-down ul 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: 18px;width: 18px;display: inline-block;} .geneEditing-part .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;} .geneEditing-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .geneEditing-part .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;} .geneEditing-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .geneEditing-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .geneEditing-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;font-size: 15px;} .geneEditing-part .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;} .geneEditing-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .geneEditing-part .panel-group.imgItem{display: inline-block;} .geneEditing-part .panel-group .leftImg {position: absolute;bottom: 20px;padding: 15px;color: #fff;font-size: 13px;font-weight: 100;width: 100%;} .geneEditing-part .panel-group .leftImg h5{color: #fff;} .geneEditing-part .panel-group .leftImg p{color: #C5C5D3;} .geneEditing-part .panel-group .leftImg 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;} .geneEditing-part .content-box>div{margin-bottom: 50px;} .geneEditing-part .content-box h5{margin-top: 0;line-height: 1.5;} .geneEditing-part .content-box .tabs-vertical{display: grid;grid-template-columns: 30% 70%;} .geneEditing-part .content-box .tabs-vertical ul.tabs-title{border-right: 1px solid #ccc;padding-right: 25px;} .geneEditing-part .content-box .tabs-vertical ul.tabs-title li a{display: block;font-size: 18px;font-family: 'Kanit-Light', sans-serif;font-weight: 300;color: #23232F;} .geneEditing-part .content-box .tabs-vertical ul.tabs-title li.tab-active{position: relative;} .geneEditing-part .content-box .tabs-vertical ul.tabs-title li.tab-active a{font-family: 'Kanit-Medium', sans-serif;font-weight:500;} .geneEditing-part .content-box .tabs-vertical ul.tabs-title li.tab-active::after{content: '';width: 1px;height: 100%;background-color: #23232F;position: absolute;top:0;right: -26px;} .geneEditing-part .content-box .tabs-vertical .tabs-content-placeholder .item{display:none;padding-left: 25px;} .geneEditing-part .content-box .tabs-vertical .tabs-content-placeholder .item.tab-content-active{display:block} .geneEditing-part .content-box .tabs-vertical .tabs-content-placeholder .item h6{margin: 0 0 20px;} .geneEditing-part .content-box .tabs-vertical .tabs-content-placeholder .item a.empty{display: inline-block;border: 1px solid #007A72;text-align: center;border-radius: 20px;padding: 5px 20px;color: #007A72;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .geneEditing-part .content-box .syn_box .cards-content ul li{list-style: disc;list-style-position: inside;} .geneEditing-part .content-box .syn_box .cards-content a.empty{display: inline-block;border: 1px solid #007A72;text-align: center;border-radius: 20px;padding: 5px 20px;color: #007A72;font-size: 12px;} .geneEditing-part .content-box .mySwiper .card-part{padding: 15px;background: #C5C5D333;display: grid;grid-template-columns: 2fr 1.5fr;column-gap: 30px;border-radius: 15px;} .geneEditing-part .content-box .mySwiper .card-part .item.boxText{padding: 30px 20px;} .geneEditing-part .content-box .mySwiper .card-part .item.boxText span{display: block;margin-bottom: 3px;} .geneEditing-part .content-box .mySwiper .card-part .item.boxText h6{margin-top: 0;} .geneEditing-part .content-box .mySwiper .card-part .item.boxText a.btn{border-radius: 20px;padding-left: 20px;padding-right: 20px;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .geneEditing-part .content-box .mySwiper ul.switchBottom {display: flex;align-items: center;justify-content: space-between;} .geneEditing-part .content-box .mySwiper ul.switchBottom li{position: relative;font-size: 13px;} .geneEditing-part .content-box .mySwiper ul.switchBottom li:nth-child(2){display: flex;align-items: center;height: 30px;width: 125px;} .geneEditing-part .content-box .mySwiper .swiper-button-prev:after,.geneEditing-part .content-box .mySwiper .swiper-rtl .swiper-button-next:after,.geneEditing-part .content-box .mySwiper .swiper-button-next:after,.geneEditing-part .content-box .mySwiper .swiper-rtl .swiper-button-prev:after{font-size: 15px;color:#292D32;} .geneEditing-part .content-box .mySwiper ul.switchBottom li .swiper-pagination{position: relative;bottom: 0;z-index: 9;} @media screen and (max-width:1279px){ .geneEditing-part .theme-group .theme-up h4{font-size: 25px;} .geneEditing-part .theme-group .theme-up ul.numCount{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .geneEditing-part .content-box .tabs-vertical ul.tabs-title li a{font-size: 15px;} } @media screen and (max-width:991px){ .geneEditing-part .theme-group .theme-up, .geneEditing-part .theme-group .theme-down{padding-right: 0;} } @media screen and (max-width:767px){ .geneEditing-part .content-box .tabs-vertical{grid-template-columns: 100%;} .geneEditing-part .content-box .tabs-vertical .tabs-content-placeholder .item{padding-left: 0;} .geneEditing-part .content-box .tabs-vertical ul.tabs-title{margin-bottom: 30px;} .geneEditing-part .content-box .mySwiper .card-part{grid-template-columns: 100%;} } /*Efficacy & Toxicity Studies =====================================================================*/ .efficacy-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Efficacy10-29-1.png?t=20252) no-repeat top center;background-size: cover;} .efficacy-part .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;} .efficacy-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .efficacy-part .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;} .efficacy-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .efficacy-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .efficacy-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;font-size: 15px;} .efficacy-part .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;} .efficacy-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .efficacy-part .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;} .efficacy-part .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;} .efficacy-part .content-box>div{margin-bottom: 64px;} .efficacy-part .content-box h5{margin-top: 0;line-height: 1.5;} .efficacy-part .content-box .tabs-vertical{display: grid;grid-template-columns: 30% 70%;} .efficacy-part .content-box .tabs-vertical ul.tabs-title{border-right: 1px solid #ccc;padding-right: 25px;} .efficacy-part .content-box .tabs-vertical ul.tabs-title li a{display: block;font-size: 18px;font-family: 'Kanit-Light', sans-serif;font-weight: 300;color: #23232F;} .efficacy-part .content-box .tabs-vertical ul.tabs-title li.tab-active{position: relative;} .efficacy-part .content-box .tabs-vertical ul.tabs-title li.tab-active a{font-family: 'Kanit-Medium', sans-serif;font-weight:500;} .efficacy-part .content-box .tabs-vertical ul.tabs-title li.tab-active::after{content: '';width: 1px;height: 100%;background-color: #23232F;position: absolute;top:0;right: -26px;} .efficacy-part .content-box .tabs-vertical .tabs-content-placeholder .item{display:none;padding-left: 25px;} .efficacy-part .content-box .tabs-vertical .tabs-content-placeholder .item.tab-content-active{display:block} .efficacy-part .content-box .tabs-vertical .tabs-content-placeholder .item h6{margin: 0 0 20px;} .efficacy-part .content-box .tabs-vertical .tabs-content-placeholder .item a.empty{display: inline-block;border: 1px solid #007A72;text-align: center;border-radius: 20px;padding: 5px 20px;color: #007A72;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .efficacy-part .content-box ul.picList{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 40px 15px;margin-top: 40px;} .efficacy-part .content-box ul.picList li img{display: inline-block;border-radius: 15px;margin-bottom: 10px;} .efficacy-part .content-box ul.picList li{text-align: center;} .efficacy-part .content-box .smallbanner-icon{position: absolute;right: 0;margin-top: -38%;background-color: #fff;border-radius: 50%;padding: 10px;max-height: 185px;} .efficacy-part .content-box ul.poliList li{margin-bottom: 32px;} .efficacy-part .content-box ul.poliList li h6{display: flex;align-items: center;} .efficacy-part .content-box ul.poliList li h6 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Efficacy10-29-18.png) no-repeat center center;background-size: cover;height: 16px;width: 15px;display: inline-block;margin-right: 5px;} .efficacy-part .content-box ul.poliList li p.fontb{font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight:600;color: #51516C;} .efficacy-part .content-box p.fontb-small{font-size: 13px;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight:600;color: #51516C;} @media screen and (max-width:1279px){ .efficacy-part .theme-group .theme-up h4{font-size: 25px;} .efficacy-part .content-box .tabs-vertical ul.tabs-title li a{font-size: 15px;} .efficacy-part .content-box .smallbanner-icon{margin-top: -40%;max-height: 160px;} } @media screen and (max-width:991px){ .efficacy-part .theme-group .theme-up, .efficacy-part .theme-group .theme-down{padding-right: 0;} } @media screen and (max-width:767px){ .efficacy-part .content-box .tabs-vertical{grid-template-columns: 100%;} .efficacy-part .content-box .tabs-vertical .tabs-content-placeholder .item{padding-left: 0;} .efficacy-part .content-box .tabs-vertical ul.tabs-title{margin-bottom: 30px;} .efficacy-part .content-box ul.picList{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .efficacy-part .content-box .smallbanner-icon{position: static;max-height: 100px;margin-top: 0;} } /*Preclinical Product & Services =====================================================================*/ .preclinical-part .theme-group{position: relative;border-bottom: 1px solid #ccc;padding: 80px 0 50px;z-index: 1;} .preclinical-part .theme-group .BGbanner-part{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-1_1.png)no-repeat top left;background-size: cover;height: 100%;width: 50%;position: absolute;top: 4%;left: 50%;margin-left: -830px;z-index: -1;} .preclinical-part .theme-group .theme-left{padding-bottom: 80px;color: #23232F;} .preclinical-part .theme-group .theme-left h1{margin: 0;font-size: 45px;} .preclinical-part .theme-group .theme-right{color:#51516C;} .preclinical-part .theme-group .theme-right .top-img{text-align: right;} .preclinical-part .theme-group .theme-right .top-img img{display: inline-block;max-height: 215px;} .preclinical-part .theme-group .theme-right ul {display: grid;grid-template-columns: 1fr 1.5fr;gap: 20px;} .preclinical-part .theme-group .theme-right ul li .numU .numCX{background: linear-gradient(90deg, #23232F 0%, rgba(35, 35, 47, 0.3) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0;} .preclinical-part .theme-group .theme-right ul li .numU .unitC {font-family: 'Kanit-Light', sans-serif;font-size: 32px;color: rgba(35, 35, 47, 0.3);font-weight: 400;} .preclinical-part .offer-part{margin-top: 50px;} .preclinical-part .offer-part .item-box h5,.preclinical-part .areas-part .item-box h5,.preclinical-part .supported-part h5{margin: 0;} .preclinical-part .offer-part .left-down,.preclinical-part .areas-part .left-down{margin-top: 50px;} .preclinical-part .offer-part .left-down ul,.preclinical-part .areas-part .left-down ul {border-top: 1px solid #999;} .preclinical-part .offer-part .left-down ul li,.preclinical-part .areas-part .left-down ul li {border-bottom: 1px solid #999;} .preclinical-part .offer-part .left-down ul li a,.preclinical-part .areas-part .left-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .preclinical-part .offer-part .left-down ul li a i,.preclinical-part .areas-part .left-down ul 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: 18px;width: 18px;display: inline-block;} .preclinical-part .offer-part .product-grid,.preclinical-part .areas-part .product-grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;} .preclinical-part .offer-part .product-grid .item .info-box,.preclinical-part .areas-part .product-grid .item .info-box{padding: 15px;} .preclinical-part .offer-part .product-grid .item .info-box h6,.preclinical-part .areas-part .product-grid .item .info-box h6{margin: 0 0 15px;} .preclinical-part .offer-part .product-grid .item .info-box p,.preclinical-part .areas-part .product-grid .item .info-box p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .preclinical-part .offer-part .product-grid .item .info-box a i,.preclinical-part .areas-part .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;} .preclinical-part .offer-part .product-grid .item .info-header{height: 273px;border-radius: 10px;overflow: hidden;text-align: center;} .preclinical-part .offer-part .product-grid .item .info-header img{display: inline-block;border-radius: 10px;width: 100%;} .preclinical-part .video-part{margin-top: 50px;} .preclinical-part .areas-part{margin-top: 50px;} .preclinical-part .areas-part .solution-box{margin-bottom: 40px;} .preclinical-part .areas-part .solution-box h6{margin: 0;} .preclinical-part .areas-part .solution-box .list-group{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;text-align: center;} .preclinical-part .areas-part .solution-box .list-group h5{line-height: 1.5;margin: 10px 0 0;} .preclinical-part .areas-part .solution-box .list-group img{display: inline-block;border-radius: 10px;} .preclinical-part .supported-part{margin-top: 70px;} .preclinical-part .supported-part .large-scale-group p{width: 70%;margin: 30px auto;} .preclinical-part .country-scale-group{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 50px;text-align: left;} .preclinical-part .country-scale-group .infor-show .item-img{display: flex;padding-top: 30px;} .preclinical-part .country-scale-group .infor-show .item-img img{max-height: 200px;margin-right: 20px;} .preclinical-part .country-scale-group .infor-show .item-text a{display: inline-block;border-radius: 20px;padding: 5px 30px;text-align: center;} .preclinical-part .country-scale-group .country-list ul{display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap:50px;} .preclinical-part .country-scale-group .country-list ul li{display: flex;align-items: center;margin-bottom: 20px;font-weight: 500;} .preclinical-part .country-scale-group .country-list ul li i{height: 20px;width: 20px;display: inline-block;margin-right: 5px;} .preclinical-part .country-scale-group .country-list ul li i.icon-Germany{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-27.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Sweden{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-28.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-France{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-29.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-UK{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-30.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Netherlands{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-31.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Spain{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-32.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Russia{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-33.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Belgium{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-34.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Poland{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-35.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Denmark{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-36.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Finland{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-37.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Switzerland{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-38.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Norway{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-39.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Portugal{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-40.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Italy{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-41.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-US{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-42.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Canada{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-43.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-China{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-44.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-SK{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-45.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Japan{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-46.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-India{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-47.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-SA{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-48.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Israel{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-49.png) no-repeat center center;background-size: cover;} .preclinical-part .country-scale-group .country-list ul li i.icon-Singapore{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Services10-24-50.png) no-repeat center center;background-size: cover;} .preclinical-part .video-part .img_vido{cursor: pointer;} .preclinical-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;} .preclinical-part .pop-video .pop-cont iframe,.preclinical-part .pop-video .pop-cont video {width: 750px;height: 100%;aspect-ratio: 16/9;overflow: hidden;object-fit: fill;} .preclinical-part .pop-video .pop-dialog{position: relative;} .preclinical-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;} .preclinical-part .pop-video .pop-close span{font-size: 28px;position: relative;top: -7px;} .preclinical-part .pop-video .pop-close:hover{background-color: #00b1a9;} .preclinical-part .pop-video.x-show {display: flex;} .preclinical-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;} .preclinical-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:1459px){ .preclinical-part .theme-group .BGbanner-part{margin-left: -800px;} } @media screen and (max-width:1279px){ .preclinical-part .theme-group .theme-left h1{font-size: 38px;} .preclinical-part .theme-group .theme-left p{font-size: 16px;} .preclinical-part .theme-group .theme-right .top-img img{max-height: 200px;} .preclinical-part .theme-group .theme-right ul li .numU{font-size: 28px;} .preclinical-part .supported-part .large-scale-group p{width: 80%;} .preclinical-part .theme-group .BGbanner-part{margin-left: -700px;top: 0;} .preclinical-part .pop-video .pop-cont iframe,.preclinical-part .pop-video .pop-cont video {width: 600px;} } @media screen and (max-width:991px){ .preclinical-part .offer-part .product-grid{margin-top: 30px;} .preclinical-part .country-scale-group{grid-template-columns: 100%;} .preclinical-part .supported-part .large-scale-group p{width: 85%;} .preclinical-part .video-part .pop-close{right: 15px;top: 15px;width: 35px;height: 35px;} .preclinical-part .video-part .pop-close span{top: -9px;} .preclinical-part .pop-video .pop-cont iframe,.preclinical-part .pop-video .pop-cont video {width: 500px;} } @media screen and (max-width:767px){ .preclinical-part .offer-part .product-grid{grid-template-columns: 100%;} .preclinical-part .supported-part .large-scale-group p{width: 100%;} .preclinical-part .areas-part .solution-box .list-group{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .preclinical-part .theme-group .theme-left h1{font-size: 32px;} .preclinical-part .theme-group .theme-right ul li .numU{font-size: 26px;} .preclinical-part .theme-group .theme-right ul li .numU .numCX{font-size: 40px;} .preclinical-part .country-scale-group .country-list ul{column-gap: 20px;} .preclinical-part .video-part .pop-close{right: 10px;top: 10px;width: 30px;height: 30px;} .preclinical-part .video-part .pop-close span{top: -12px;} .preclinical-part .pop-video .pop-cont iframe,.preclinical-part .pop-video .pop-cont video {width: 100%;} } /*Animal Facility Resources =====================================================================*/ .animal-facility-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Animal-Facility-Resources10-29-1.png?t=20252) no-repeat top center;background-size: cover;} .animal-facility-part .theme-group .theme-up h4{line-height: 1.5;margin: 0;} .animal-facility-part .theme-group .theme-up ul.numCount {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;} .animal-facility-part .theme-group .theme-down ul {border-top: 1px solid #999;} .animal-facility-part .theme-group .theme-down ul li {border-bottom: 1px solid #999;} .animal-facility-part .theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .animal-facility-part .theme-group .theme-down ul 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: 18px;width: 18px;display: inline-block;} .animal-facility-part .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;} .animal-facility-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .animal-facility-part .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;} .animal-facility-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .animal-facility-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .animal-facility-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .animal-facility-part .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;} .animal-facility-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .animal-facility-part .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;} .animal-facility-part .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;} .animal-facility-part .content-box>div{margin-bottom: 50px;} .animal-facility-part .content-box h5{margin-top: 0;line-height: 1.5;} .animal-facility-part .content-box .basetel {position: relative;} .animal-facility-part .content-box .base_telst {display: grid;grid-template-columns: 33.33% 33.33% 33.33%;background: #C5C5D333;height: 44px;align-items: center;border-radius: 20px;font-size: 14px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .animal-facility-part .content-box .base_telst li {text-align: center;cursor: pointer;position: relative;z-index: 10;} .animal-facility-part .content-box .base_telst li.baseon a{background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;} .animal-facility-part .content-box .basetel .sliderPart {position: absolute;top: 0;left:33.33%;width: 33.33%;overflow: hidden;height: 44px;padding: 5px;} .animal-facility-part .content-box .basetel .sliderPart span{border: 1px solid #fff;border-radius: 20px;height: 100%;display: block;background-color: #fff;} .animal-facility-part .content-box .base_lst {display: none;padding: 20px 0 0;} .animal-facility-part .content-box .base_lst .groupImgbox{gap: 20px;} .animal-facility-part .content-box .base_lst .groupImgbox img{border-radius: 15px;} .animal-facility-part .content-box .syn_box .cards-content .lab-group{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;text-align: center;} .animal-facility-part .content-box .syn_box .cards-content .lab-group img{display: inline-block;} .animal-facility-part .content-box .syn_box .cards-content .lab-group .title-widget{font-size: 15px;line-height: 1.5;margin: 10px 0;} .animal-facility-part .content-box table.table-service-td tr td{vertical-align: middle;} .animal-facility-part .content-box .swiper-header-box{position: relative;text-align: center;} .animal-facility-part .content-box .swiper-header-box>img{border-radius: 20px;} .animal-facility-part .content-box .swiper-header-box .item{padding: 0 18%;margin-top: -20%;} .animal-facility-part .content-box .swiper-header-box .item h5::before{content: "";display: inline-block;height: 23px;width: 24px;background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24animal-facility-part12-31-14.png)no-repeat center center;background-size: cover;position: relative;top: 3px;right: 8px;} .animal-facility-part .content-box .swiper-header-box .item h5::after{content: "";display: inline-block;height: 23px;width: 18px;background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24animal-facility-part12-31-15.png)no-repeat center center;background-size: cover;position: relative;top: 3px;left: 10px;} .animal-facility-part .content-box .mySwiper2{width: 75%;padding-bottom: 30px;text-align: center;} .animal-facility-part .content-box .mySwiper2 img,.animal-facility-part .content-box .divider-line img{display: inline-block;} .animal-facility-part .content-box .divider-line{text-align: center;} @media screen and (max-width:1279px){ .animal-facility-part .theme-group .theme-up h4{font-size: 25px;} .animal-facility-part .theme-group .theme-up ul.numCount{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} } @media screen and (max-width:991px){ .animal-facility-part .theme-group .theme-up, .animal-facility-part .theme-group .theme-down{padding-right: 0;} } @media screen and (max-width:767px){ .animal-facility-part .content-box .base_telst{height: 60px;border-radius: 30px;} .animal-facility-part .content-box .basetel .sliderPart{display: none;} .animal-facility-part .content-box .base_lst .groupImgbox{grid-template-columns: 100%;} .animal-facility-part .content-box .syn_box .cards-content .lab-group{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} } /*Quality Assurance =====================================================================*/ .quality-assurance-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Quality-Assurance10-29-1.png?t=20252) no-repeat top center;background-size: cover;} .quality-assurance-part .theme-group .theme-up h4{line-height: 1.5;margin: 0;} .quality-assurance-part .theme-group .theme-up ul.numCount {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;} .quality-assurance-part .theme-group .theme-down ul {border-top: 1px solid #999;} .quality-assurance-part .theme-group .theme-down ul li {border-bottom: 1px solid #999;} .quality-assurance-part .theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .quality-assurance-part .theme-group .theme-down ul 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: 18px;width: 18px;display: inline-block;} .quality-assurance-part .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;} .quality-assurance-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .quality-assurance-part .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;} .quality-assurance-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .quality-assurance-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .quality-assurance-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .quality-assurance-part .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;} .quality-assurance-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .quality-assurance-part .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;} .quality-assurance-part .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;} .quality-assurance-part .content-box>div{margin-bottom: 50px;} .quality-assurance-part .content-box h5{margin-top: 0;line-height: 1.5;} .quality-assurance-part .content-box ul.link-list li a{border-bottom: 1px solid #999;padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .quality-assurance-part .content-box ul.link-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: 18px;width: 18px;display: inline-block;} @media screen and (max-width:1279px){ .quality-assurance-part .theme-group .theme-up h4{font-size: 25px;} .quality-assurance-part .theme-group .theme-up ul.numCount{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} } @media screen and (max-width:991px){ .quality-assurance-part .theme-group .theme-up, .quality-assurance-part .theme-group .theme-down{padding-right: 0;} } /*Health Monitoring Report =====================================================================*/ .health-monitoring-part .theme-group .theme-grid{display: grid;grid-template-columns: 1fr 1.3fr;column-gap: 50px;align-items: center;margin: 20px 0;} .health-monitoring-part .theme-group .theme-part h4{line-height: 1.5;margin: 0;} .health-monitoring-part .theme-group .theme-part .btnGroup{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;width: 85%;} .health-monitoring-part .theme-group .theme-part .btnGroup a{width: 100%;display: inline-block;border-radius: 35px;padding: 5px 10px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .health-monitoring-part .theme-group .theme-part .btnGroup a.empty {border: 1px solid #007A72;color: #007A72;} .health-monitoring-part .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;} .health-monitoring-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .health-monitoring-part .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;} .health-monitoring-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .health-monitoring-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .health-monitoring-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .health-monitoring-part .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;} .health-monitoring-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .health-monitoring-part .content-box>div{margin-bottom: 50px;} .health-monitoring-part .content-box h5{margin-top: 0;line-height: 1.5;} .health-monitoring-part .content-box .topItem{display: grid;grid-template-columns: 3fr 1fr;gap: 15px;align-items: center;} .health-monitoring-part .content-box .topItem form .input-group{width: 100%;} .health-monitoring-part .content-box .topItem form .input-group input{border-radius: 20px;} .health-monitoring-part .content-box .topItem a{display: flex;align-items: center;justify-content: right;color: #007A72;font-size: 14px;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;} .health-monitoring-part .content-box .topItem a span{background-color: #eee;margin-left: 10px;padding: 8px;display: flex;border-radius: 50%;} .health-monitoring-part .content-box .topItem a i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Orthotopic-Tumor-Models10-29-3.png) no-repeat center center;background-size: cover;height: 12px;width: 12px;display: inline-block;} .health-monitoring-part .content-box .basetel {position: relative;} .health-monitoring-part .content-box .base_telst {display: grid;grid-template-columns: 50% 50%;background: #C5C5D333;height: 44px;align-items: center;border-radius: 20px;font-size: 14px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .health-monitoring-part .content-box .base_telst li {text-align: center;cursor: pointer;position: relative;z-index: 10;} .health-monitoring-part .content-box .base_telst li.baseon a{background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;} .health-monitoring-part .content-box .basetel .sliderPart {position: absolute;top: 0;left:0;width: 50%;overflow: hidden;height: 44px;padding: 5px;} .health-monitoring-part .content-box .basetel .sliderPart span{border: 1px solid #fff;border-radius: 20px;height: 100%;display: block;background-color: #fff;} .health-monitoring-part .content-box .base_lst {display: none;padding: 20px 0 0;} .health-monitoring-part .content-box .base_lst .groupImgbox{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;} .health-monitoring-part .content-box table.table-service-td tbody tr td{padding: 10px 15px;} .health-monitoring-part .content-box table.table-service-td tbody tr:nth-of-type(even){background: #00ACA112;} .health-monitoring-part .content-box .select-group{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 15px;margin-bottom: 25px;} .health-monitoring-part .content-box .select-group .select-mod a.dropdown-toggle{border: 1px solid #23232F26;padding: 8px 15px 8px 20px;display: flex;align-items: center;justify-content: space-between;border-radius: 30px;} .health-monitoring-part .content-box .select-group .select-mod a.dropdown-toggle .type-box {display: flex;align-items: center;} .health-monitoring-part .content-box .select-group .select-mod a.dropdown-toggle .type-box span{max-width: 85px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-right: 5px;} .health-monitoring-part .content-box .select-group .select-mod .dropdown-menu{width: 100%;} .health-monitoring-part .content-box .test_report-list{position: relative;} .health-monitoring-part .content-box .test_report-list #loading {position: absolute;top: 120px;left: 50%;transform: translateX(-50%);font-size: 20px;color: #666;z-index: 1000;} .health-monitoring-part .content-box .test_report-list .noData-top{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 50px;margin-bottom: 50px;} .health-monitoring-part .content-box .test_report-list .noData-top span{background-color: #51516C26;height: 35px;width: 35px;display: inline-block;line-height: 35px;border-radius: 50%;} .health-monitoring-part .content-box .test_report-list .noData-top span i{margin: 0;} .health-monitoring-part .content-box .test_report-list .noData-top a.empty{border: 1px solid #007A72;color: #007A72;border-radius: 20px;padding: 5px 15px;font-size: 12px;display: inline-block;} .health-monitoring-part .content-box #dataBox{position: relative;} .health-monitoring-part .content-box #dataBox .datepicker-dropdown{top: 0!important;left: 0!important;} .health-monitoring-part .content-box #dataBox .datepicker-dropdown table.table-condensed{width: 100%;} .health-monitoring-part .content-box .list-group{margin-bottom: 0;} .health-monitoring-part .content-box .list-group a.datasheet-box{color:#23232F;font-size: 12px;border: 1px solid #23232F26;border-radius: 10px;padding: 15px;display: grid;grid-template-columns: 1fr 18fr;grid-gap: 15px;background-color: #fff;} .health-monitoring-part .content-box .list-group a.datasheet-box .item-group p{font-family: 'Kanit-Regular';font-size: 18px;margin: 8px 0;} .health-monitoring-part .content-box .list-group a.datasheet-box img{max-height: 45px;} .health-monitoring-part .content-box .list-group a.datasheet-box .item-group{display: flex;align-items: center;justify-content: space-between;} .health-monitoring-part .content-box .list-group a.datasheet-box .item-group i{color: #fff;} .health-monitoring-part .content-box .list-group a.datasheet-box:hover{box-shadow: 0px 0px 80px 0px #5a607d26;border-color: #fff;} .health-monitoring-part .content-box .list-group a.datasheet-box:hover p{background: linear-gradient(90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .health-monitoring-part .content-box .list-group a.datasheet-box:hover .item-group i{color: #999;} .health-monitoring-part .content-box ul.tabgroup_btn li{display: inline-block;margin-right: 5px;} .health-monitoring-part .content-box ul.tabgroup_btn li a{background-color: rgb(197 197 211 / 10%);padding: 5px 15px;display: inline-block;border-radius: 20px;margin-bottom: 5px;margin-right: 5px;color: #51516C;} .health-monitoring-part .content-box ul.tabgroup_btn li a.action{background-color: rgb(197 197 211 / 30%);font-weight: bold;} @media screen and (max-width:1279px){ .health-monitoring-part .theme-group .theme-part h4{font-size: 25px;} .health-monitoring-part .theme-group .theme-part .btnGroup{width: 90%;} .health-monitoring-part .theme-group .theme-part .btnGroup a{font-size: 14px;} .health-monitoring-part .content-box .select-group{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .health-monitoring-part .content-box .select-group .select-mod a.dropdown-toggle .type-box span{max-width: 105px;} } @media screen and (max-width:991px){ .health-monitoring-part .theme-group .theme-grid{grid-template-columns: 100%;} .health-monitoring-part .theme-group .theme-part .btnGroup{width: 50%;} .health-monitoring-part .theme-group .theme-grid .theme-banner img{max-height: 380px;} .health-monitoring-part .theme-group .theme-grid .theme-part{margin: 60px 0;} } @media screen and (max-width:767px){ .health-monitoring-part .theme-group .theme-part .btnGroup {width: 90%;} .health-monitoring-part .content-box .base_telst{height: 60px;border-radius: 30px;} .health-monitoring-part .content-box .basetel .sliderPart{height: 60px;} .health-monitoring-part .content-box .basetel .sliderPart span{border-radius: 30px;} .health-monitoring-part .content-box .topItem {grid-template-columns: 2fr 1fr;} .health-monitoring-part .content-box .list-group a.datasheet-box{grid-template-columns: 1fr 8fr;} .health-monitoring-part .content-box .select-group{grid-template-columns: 100%;} } /*Genetic Background Testing =====================================================================*/ .background-testing-part .theme-group .theme-grid{display: grid;grid-template-columns: 1fr 1.3fr;column-gap: 50px;align-items: center;margin: 20px 0;} .background-testing-part .theme-group .theme-part h4{line-height: 1.5;margin: 0;} .background-testing-part .theme-group .theme-part .btnGroup{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;width: 85%;} .background-testing-part .theme-group .theme-part .btnGroup a{width: 100%;display: inline-block;border-radius: 35px;padding: 5px 10px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .background-testing-part .theme-group .theme-part .btnGroup a.empty {border: 1px solid #007A72;color: #007A72;} .background-testing-part .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;} .background-testing-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .background-testing-part .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;} .background-testing-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .background-testing-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .background-testing-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .background-testing-part .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;} .background-testing-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .background-testing-part .content-box>div{margin-bottom: 50px;} .background-testing-part .content-box h5{margin-top: 0;line-height: 1.5;} .background-testing-part .content-box .list-group a.datasheet-box{color:#23232F;font-size: 12px;border: 1px solid #23232F26;border-radius: 10px;padding: 15px;display: grid;grid-template-columns: 1fr 18fr;grid-gap: 15px;background-color: #fff;} .background-testing-part .content-box .list-group a.datasheet-box .item-group p{font-family: 'Kanit-Regular';font-size: 18px;margin: 8px 0;} .background-testing-part .content-box .list-group a.datasheet-box img{max-height: 45px;} .background-testing-part .content-box .list-group a.datasheet-box .item-group{display: flex;align-items: center;justify-content: space-between;} .background-testing-part .content-box .list-group a.datasheet-box .item-group i{color: #fff;} .background-testing-part .content-box .list-group a.datasheet-box:hover{box-shadow: 0px 0px 80px 0px #5a607d26;border-color: #fff;} .background-testing-part .content-box .list-group a.datasheet-box:hover p{background: linear-gradient(90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .background-testing-part .content-box .list-group a.datasheet-box:hover .item-group i{color: #999;} .background-testing-part .content-box .test_report-list{position: relative;} .background-testing-part .content-box .test_report-list #loading {position: absolute;top: 120px;left: 50%;transform: translateX(-50%);font-size: 20px;color: #666;z-index: 1000;} .background-testing-part .content-box .test_report-list .noData-top{text-align: center;border-bottom: 1px solid #ccc;padding-bottom: 50px;margin-bottom: 50px;} .background-testing-part .content-box .test_report-list .noData-top span{background-color: #51516C26;height: 35px;width: 35px;display: inline-block;line-height: 35px;border-radius: 50%;} .background-testing-part .content-box .test_report-list .noData-top span i{margin: 0;} .background-testing-part .content-box .test_report-list .noData-top a.empty{border: 1px solid #007A72;color: #007A72;border-radius: 20px;padding: 5px 15px;font-size: 12px;display: inline-block;} @media screen and (max-width:1279px){ .background-testing-part .theme-group .theme-part h4{font-size: 25px;} .background-testing-part .theme-group .theme-part .btnGroup{width: 90%;} .background-testing-part .theme-group .theme-part .btnGroup a{font-size: 14px;} } @media screen and (max-width:991px){ .background-testing-part .theme-group .theme-grid{grid-template-columns: 100%;} .background-testing-part .theme-group .theme-part .btnGroup{width: 50%;} .background-testing-part .theme-group .theme-grid .theme-banner img{max-height: 380px;} .background-testing-part .theme-group .theme-grid .theme-part{margin: 60px 0;} } @media screen and (max-width:767px){ .background-testing-part .theme-group .theme-part .btnGroup {width: 90%;} .background-testing .content-box .list-group a.datasheet-box{grid-template-columns: 1fr 8fr;} } /*Oncology =====================================================================*/ .oncology-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Oncology11-10-1.png) no-repeat top center;background-size: cover;} .oncology-part .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;} .oncology-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .oncology-part .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;} .oncology-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .oncology-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .oncology-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .oncology-part .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;} .oncology-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .oncology-part .content-box>div{margin-bottom: 50px;} .oncology-part .content-box h5{margin-top: 0;line-height: 1.5;} .oncology-part .content-box .product-grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;} .oncology-part .content-box .product-grid .item img{border-radius: 10px;} .oncology-part .content-box .product-grid .item .info-box{padding: 15px;} .oncology-part .content-box .product-grid .item .info-box h6{margin: 0 0 15px;} .oncology-part .content-box .product-grid .item .info-box p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .oncology-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;} .oncology-part .content-box .mySwiper .card-part{padding: 15px;background: #C5C5D333;display: grid;grid-template-columns: 2fr 1.5fr;column-gap: 30px;border-radius: 15px;} .oncology-part .content-box .mySwiper .card-part .item.boxText{padding: 30px 20px;} .oncology-part .content-box .mySwiper .card-part .item.boxText span{display: block;margin-bottom: 3px;} .oncology-part .content-box .mySwiper .card-part .item.boxText h6{margin-top: 0;} .oncology-part .content-box .mySwiper .card-part .item.boxText a.btn{border-radius: 20px;padding-left: 20px;padding-right: 20px;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .oncology-part .content-box .mySwiper ul.switchBottom {display: flex;align-items: center;justify-content: space-between;} .oncology-part .content-box .mySwiper ul.switchBottom li{position: relative;font-size: 13px;} .oncology-part .content-box .mySwiper ul.switchBottom li:nth-child(2){display: flex;align-items: center;height: 30px;width: 125px;} .oncology-part .content-box .mySwiper .swiper-button-prev:after,.oncology-part .content-box .mySwiper .swiper-rtl .swiper-button-next:after,.oncology-part .content-box .mySwiper .swiper-button-next:after,.oncology-part .content-box .mySwiper .swiper-rtl .swiper-button-prev:after{font-size: 15px;color:#292D32;} .oncology-part .content-box .mySwiper ul.switchBottom li .swiper-pagination{position: relative;bottom: 0;z-index: 9;} .oncology-part .content-box .orderItem-list li{display: grid;grid-template-columns: 2.5fr 1fr;} .oncology-part .content-box .orderItem-list .left-part{display: flex;align-items: center;} .oncology-part .content-box .orderItem-list .left-part .head{width: 75px;} .oncology-part .content-box .orderItem-list .left-part .title{flex: 1;} .oncology-part .content-box .orderItem-list .left-part .head,.autoimmune-part .content-box .orderItem-list .left-part .title{float: left;margin-right: 15px;} .oncology-part .content-box .orderItem-list .left-part .head img{max-height: 75px;} .oncology-part .content-box .orderItem-list .left-part .title h6{color: #23232F;margin:0 0 5px;} .oncology-part .content-box .orderItem-list .left-part .title p{font-size: 13px;margin: 0;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .oncology-part .content-box .orderItem-list .left-part .title p a{font-size: 13px;} .oncology-part .content-box .orderItem-list .right-part{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;align-items: center;} .oncology-part .content-box .orderItem-list .right-part a{border-radius: 20px;padding: 5px 10px;text-align: center;font-size: 13px;display: block;height: fit-content;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .oncology-part .content-box .orderItem-list .right-part a.empty {border: 1px solid #007A72;color: #007A72;} @media screen and (max-width:1279px){ .oncology-part .theme-group .theme-up h4{font-size: 25px;} .oncology-part .theme-group .theme-up ul.numCount{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .oncology-part .content-box .orderItem-list .right-part a{padding: 5px 7px;} .oncology-part .content-box .orderItem-list li {display: grid;grid-template-columns: 2fr 1fr;} } @media screen and (max-width:991px){ .oncology-part .theme-group .theme-up, .oncology-part .theme-group .theme-down{padding-right: 0;} } @media screen and (max-width:767px){ .oncology-part .content-box .product-grid,.oncology-part .content-box .mySwiper .card-part{grid-template-columns: 100%;} .oncology-part .content-box .orderItem-list li{grid-template-columns: 100%;grid-row-gap: 10px;} .oncology-part .content-box .orderItem-list .right-part{width: 70%;} } /*Orthotopic Tumor Models =====================================================================*/ .orthotopic-tumor-part .theme-group .theme-grid{display: grid;grid-template-columns: 1fr 1.3fr;grid-gap: 50px;align-items: center;margin: 20px 0;} .orthotopic-tumor-part .theme-group .theme-part h4{line-height: 1.5;margin: 0;} .orthotopic-tumor-part .theme-group .theme-part .btnGroup{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;width: 85%;} .orthotopic-tumor-part .theme-group .theme-part .btnGroup a{width: 100%;display: inline-block;border-radius: 35px;padding: 5px 10px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .orthotopic-tumor-part .theme-group .theme-part .btnGroup a.empty {border: 1px solid #007A72;color: #007A72;} .orthotopic-tumor-part .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;} .orthotopic-tumor-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .orthotopic-tumor-part .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;} .orthotopic-tumor-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .orthotopic-tumor-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .orthotopic-tumor-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .orthotopic-tumor-part .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;} .orthotopic-tumor-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .orthotopic-tumor-part .content-box>div{margin-bottom: 50px;} .orthotopic-tumor-part .content-box h5{margin-top: 0;line-height: 1.5;} .orthotopic-tumor-part .content-box .lab-group{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;text-align: center;} .orthotopic-tumor-part .content-box .lab-group img{display: inline-block;} .orthotopic-tumor-part .content-box .lab-group .title-widget{font-size: 15px;line-height: 1.5;margin: 10px 0;} .orthotopic-tumor-part .content-box .topItem{display: grid;grid-template-columns: 3fr 1fr;gap: 15px;align-items: center;} .orthotopic-tumor-part .content-box .topItem form .input-group{width: 100%;} .orthotopic-tumor-part .content-box .topItem form .input-group input{border-radius: 20px;} .orthotopic-tumor-part .content-box .topItem a{display: flex;align-items: center;justify-content: right;color: #007A72;font-size: 14px;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;} .orthotopic-tumor-part .content-box .topItem a span{background-color: #eee;margin-left: 10px;padding: 8px;display: flex;border-radius: 50%;} .orthotopic-tumor-part .content-box .topItem a i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Orthotopic-Tumor-Models10-29-3.png) no-repeat center center;background-size: cover;height: 12px;width: 12px;display: inline-block;} .orthotopic-tumor-part .content-box .tagging-box{font-size: 13px;box-shadow: 0px 0px 40px 0px #00000012;display: inline-block;padding: 5px 10px;border-radius: 20px;} .orthotopic-tumor-part .content-box .tagging-box ul{display: flex;align-items: center;justify-content: center;} .orthotopic-tumor-part .content-box .tagging-box ul li{list-style: disc;margin: 0 10px;list-style-position: inside;} .orthotopic-tumor-part .content-box .tips-green-color{color: #00524C;} .orthotopic-tumor-part .content-box .tips-yellow-color{color: #EC5624;} .orthotopic-tumor-part .content-box table.table-service-td tbody tr td{padding: 10px 15px;} .orthotopic-tumor-part .content-box table.table-service-td tbody tr:nth-of-type(even){background: #00ACA112;} @media screen and (max-width:1279px){ .orthotopic-tumor-part .theme-group .theme-part h4{font-size: 25px;} .orthotopic-tumor-part .theme-group .theme-part .btnGroup{width: 90%;} .orthotopic-tumor-part .theme-group .theme-part .btnGroup a{font-size: 14px;} } @media screen and (max-width:991px){ .orthotopic-tumor-part .theme-group .theme-grid{grid-template-columns: 100%;} .orthotopic-tumor-part .theme-group .theme-part .btnGroup{width: 50%;} .orthotopic-tumor-part .theme-group .theme-grid .theme-banner img{max-height: 380px;} .orthotopic-tumor-part .theme-group .theme-grid .theme-part{margin: 60px 0;} } @media screen and (max-width:767px){ .orthotopic-tumor-part .theme-group .theme-part .btnGroup {width: 90%;} .orthotopic-tumor-part .content-box .topItem {grid-template-columns: 2fr 1fr;} } /*Antibody =====================================================================*/ .antibody-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Antibody11-10-1.png) no-repeat top center;background-size: cover;} .antibody-part .theme-group .theme-up h4{line-height: 1.5;margin: 0;} .antibody-part .theme-group .theme-up ul.numCount {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;} .antibody-part .theme-group .theme-down ul {border-top: 1px solid #999;} .antibody-part .theme-group .theme-down ul li {border-bottom: 1px solid #999;} .antibody-part .theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .antibody-part .theme-group .theme-down ul 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: 18px;width: 18px;display: inline-block;} .antibody-part .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;} .antibody-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .antibody-part .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;} .antibody-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .antibody-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .antibody-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .antibody-part .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;} .antibody-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .antibody-part .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;} .antibody-part .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;} .antibody-part .content-box .basetel {position: relative;} .antibody-part .content-box .base_telst {display: grid;grid-template-columns: 33.33% 33.33% 33.33%;background: #C5C5D333;height: 44px;align-items: center;border-radius: 20px;font-size: 14px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .antibody-part .content-box .base_telst li {text-align: center;cursor: pointer;position: relative;z-index: 10;} .antibody-part .content-box .base_telst li.baseon a {background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;} .antibody-part .content-box .basetel .sliderPart {position: absolute;top: 0;left:33.33%;width: 33.33%;overflow: hidden;height: 44px;padding: 5px;} .antibody-part .content-box .basetel .sliderPart span{border: 1px solid #fff;border-radius: 20px;height: 100%;display: block;background-color: #fff;} .antibody-part .content-box .base_lst {display: none;padding: 20px 0 0;} .antibody-part .content-box .base_lst>div,.antibody-part .content-box.Itembox>div{margin-bottom: 50px;} .antibody-part .content-box .base_lst>div h5,.antibody-part .content-box.Itembox>div h5{margin-top: 0;line-height: 1.5;} .antibody-part .content-box .base_lst .groupImgbox{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;} .antibody-part .content-box table.table-service-td2{border-collapse: inherit;border: 1px solid #ddd;border-radius: 7px;font-size: 14px;overflow: hidden;} .antibody-part .content-box table.table-service-td2>thead>tr{background: #00ACA1;color: #fff;} .antibody-part .content-box table.table-service-td2>thead>tr>td{padding: 15px;border-right: 1px solid #ddd;vertical-align: middle;} .antibody-part .content-box table.table-service-td2>tbody>tr>td{padding: 10px 15px;text-align: center;border-right: 1px solid #ddd;vertical-align: middle;} .antibody-part .content-box table.table-service-td2>tbody>tr:nth-of-type(even){background: #00ACA112;} .antibody-part .content-box table.table-service-td2 tr>td:nth-child(3){border-right: none;} .antibody-part .content-box table.table-service-td2 tr:nth-child(1)>td:nth-child(3){padding: 0;} .antibody-part .content-box table.table-service-td2 tr>td table{width: 100%;border-collapse: inherit} .antibody-part .content-box table.table-service-td2 tr>td table tr>td{padding:17.4px 8px;border-top: 1px solid #ddd;} .antibody-part .content-box table.table-service-td2 tr>td table tr:first-child>td{border: none;} .antibody-part .content-box table.table-service-td2 tr>td table tr:nth-of-type(even){background: #90A4E01A;} @media screen and (max-width:1279px){ .antibody-part .theme-group .theme-up h4{font-size: 25px;} .antibody-part .theme-group .theme-up ul.numCount{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} } @media screen and (max-width:991px){ .antibody-part .theme-group .theme-up, .antibody-part .theme-group .theme-down{padding-right: 0;} } @media screen and (max-width:767px){ .antibody-part .content-box .base_telst{height: 60px;border-radius: 30px;} .antibody-part .content-box .basetel .sliderPart{height: 60px;} .antibody-part .content-box .basetel .sliderPart span{border-radius: 30px;} .antibody-part .content-box .base_lst .groupImgbox{grid-template-columns: 100%;} } /*Animal Models & Cell Lines =====================================================================*/ .animal-models-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Animal-Models11-10-1.png) no-repeat top center;background-size: cover;} .animal-models-part .theme-group .theme-up h4{line-height: 1.5;margin: 0;} .animal-models-part .theme-group .theme-down ul {border-top: 1px solid #999;} .animal-models-part .theme-group .theme-down ul li {border-bottom: 1px solid #999;} .animal-models-part .theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .animal-models-part .theme-group .theme-down ul 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: 18px;width: 18px;display: inline-block;} .animal-models-part .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;} .animal-models-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .animal-models-part .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;} .animal-models-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .animal-models-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .animal-models-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;font-size: 15px;} .animal-models-part .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;} .animal-models-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .animal-models-part .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;} .animal-models-part .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;} .animal-models-part .content-box>div{margin-bottom: 50px;} .animal-models-part .content-box h5{margin-top: 0;line-height: 1.5;} .animal-models-part .content-box .tabs-vertical{display: grid;grid-template-columns: 30% 70%;} .animal-models-part .content-box .tabs-vertical ul.tabs-title{border-right: 1px solid #ccc;padding-right: 25px;} .animal-models-part .content-box .tabs-vertical ul.tabs-title li a{display: block;font-size: 18px;font-family: 'Kanit-Light', sans-serif;font-weight: 300;color: #23232F;} .animal-models-part .content-box .tabs-vertical ul.tabs-title li.tab-active{position: relative;} .animal-models-part .content-box .tabs-vertical ul.tabs-title li.tab-active a{font-family: 'Kanit-Medium', sans-serif;font-weight:500;} .animal-models-part .content-box .tabs-vertical ul.tabs-title li.tab-active::after{content: '';width: 1px;height: 100%;background-color: #23232F;position: absolute;top:0;right: -26px;} .animal-models-part .content-box .tabs-vertical .tabs-content-placeholder .item{display:none;padding-left: 25px;} .animal-models-part .content-box .tabs-vertical .tabs-content-placeholder .item.tab-content-active{display:block} .animal-models-part .content-box .tabs-vertical .tabs-content-placeholder .item h6{margin: 0 0 20px;} .animal-models-part .content-box .tabs-vertical .tabs-content-placeholder .item a.empty{display: inline-block;border: 1px solid #007A72;text-align: center;border-radius: 20px;padding: 5px 20px;color: #007A72;font-size: 13px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .animal-models-part .content-box .tabs-vertical .tabs-content-placeholder .item ul{margin-left: 15px;} .animal-models-part .content-box .tabs-vertical .tabs-content-placeholder .item ul li{list-style: disc;} .animal-models-part .content-box .tabs-vertical .tabs-content-placeholder .item .green{color: #00ACA1;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;} .animal-models-part .content-box .rect-text {position: relative;} .animal-models-part .content-box .rect-text .discovery-box {position: absolute;bottom: 0;width: 100%;padding: 70px 45px;text-align: right;} .animal-models-part .content-box .rect-text .discovery-box .itemRight {text-align: left;} .animal-models-part .content-box .rect-text .discovery-box .itemRight span{display: inline-block;font-family: 'Kanit-Regular', sans-serif;font-size: 18px;} .animal-models-part .content-box .rect-text .discovery-box .itemRight h4{font-size: 28px;} .animal-models-part .content-box .rect-text .discovery-box .itemRight a{border-radius: 20px;padding-left: 20px;padding-right: 20px;font-size: 16px;} .animal-models-part .content-box .advantages-list .item{padding: 25px 20px 15px;margin-bottom: 7px;display: flex;align-items: start;} .animal-models-part .content-box .advantages-list .item img{margin-right: 15px;height: 45px;} .animal-models-part .content-box .advantages-list .item h6{margin-top: 0;} .animal-models-part .content-box .advantages-list .item:nth-child(1){background: #90A4E059;} .animal-models-part .content-box .advantages-list .item:nth-child(2){background: #90A4E040;} .animal-models-part .content-box .advantages-list .item:nth-child(3){background: #90A4E026;} .animal-models-part .content-box .advantages-list .item:nth-child(4){background: #90A4E00D;} @media screen and (max-width:1279px){ .animal-models-part .theme-group .theme-up h4{font-size: 25px;} .animal-models-part .theme-group .theme-up ul.numCount{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .animal-models-part .content-box .rect-text .discovery-box .itemRight h4{font-size: 17px;} .animal-models-part .content-box .tabs-vertical ul.tabs-title li a{font-size: 15px;} } @media screen and (max-width:991px){ .animal-models-part .theme-group .theme-up, .animal-models-part .theme-group .theme-down{padding-right: 0;} } @media screen and (max-width:767px){ .animal-models-part .content-box .rect-text .discovery-box{padding: 15px;} .animal-models-part .content-box .rect-text .discovery-box .itemRight span,.animal-models-part .content-box .rect-text .discovery-box .itemRight a{font-size: 12px;} .animal-models-part .content-box .rect-text .discovery-box .itemRight h4{font-size: 14px;margin-bottom: 20px;} .animal-models-part .content-box .tabs-vertical{grid-template-columns: 100%;} .animal-models-part .content-box .tabs-vertical .tabs-content-placeholder .item{padding-left: 0;} .animal-models-part .content-box .tabs-vertical ul.tabs-title{margin-bottom: 30px;} } /*Colony Management & Breeding Services =====================================================================*/ .colony-management-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25colony-management2-25-1.png) no-repeat top center;background-size: cover;} .colony-management-part .theme-group .theme-up h4{line-height: 1.5;margin: 0;} .colony-management-part .theme-group .theme-up ul.numCount {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;} .colony-management-part .theme-group .theme-down ul {border-top: 1px solid #999;} .colony-management-part .theme-group .theme-down ul li {border-bottom: 1px solid #999;} .colony-management-part .theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .colony-management-part .theme-group .theme-down ul 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: 18px;width: 18px;display: inline-block;} .colony-management-part .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;} .colony-management-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .colony-management-part .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;} .colony-management-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .colony-management-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .colony-management-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;font-size: 15px;} .colony-management-part .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;} .colony-management-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .colony-management-part .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;} .colony-management-part .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;} .colony-management-part .content-box>div{margin-bottom: 50px;} .colony-management-part .content-box h5{margin-top: 0;line-height: 1.5;} .colony-management-part .content-box .advantages-list .item{padding: 25px 25px 15px;margin-bottom: 7px;display: flex;align-items: start;} .colony-management-part .content-box .advantages-list .item img{margin-right: 15px;height: 58px;} .colony-management-part .content-box .advantages-list .item h6{margin-top: 0;} .colony-management-part .content-box .advantages-list .item:nth-child(1){background: rgb(144 164 224 / 35%);} .colony-management-part .content-box .advantages-list .item:nth-child(2){background: rgb(144 164 224 / 25%);} .colony-management-part .content-box .advantages-list .item:nth-child(3){background: rgb(144 164 224 / 15%);} /*In Vivo Pharmacology Services =====================================================================*/ .in-vivo-part .theme-group .theme-grid{display: grid;grid-template-columns: 1fr 1.3fr;column-gap: 50px;align-items: center;margin: 20px 0;} .in-vivo-part .theme-group .theme-part h4{line-height: 1.5;margin: 0;} .in-vivo-part .theme-group .theme-part .btnGroup{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;width: 85%;} .in-vivo-part .theme-group .theme-part .btnGroup a{width: 100%;display: inline-block;border-radius: 35px;padding: 5px 10px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .in-vivo-part .theme-group .theme-part .btnGroup a.empty {border: 1px solid #007A72;color: #007A72;} .in-vivo-part .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;} .in-vivo-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .in-vivo-part .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;} .in-vivo-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .in-vivo-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .in-vivo-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .in-vivo-part .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;} .in-vivo-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .in-vivo-part .content-box .basetel {position: relative;} .in-vivo-part .content-box .base_telst {display: grid;grid-template-columns: 33.33% 33.33% 33.33%;background: #C5C5D333;height: 44px;align-items: center;border-radius: 20px;font-size: 14px;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .in-vivo-part .content-box .base_telst li {text-align: center;cursor: pointer;position: relative;z-index: 10;} .in-vivo-part .content-box .base_telst li.baseon a {background: linear-gradient( 90deg, #00ACA1 0%, #304EAA 102%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;} .in-vivo-part .content-box .basetel .sliderPart {position: absolute;top: 0;left:33.33%;width: 33.33%;overflow: hidden;height: 44px;padding: 5px;} .in-vivo-part .content-box .basetel .sliderPart span{border: 1px solid #fff;border-radius: 20px;height: 100%;display: block;background-color: #fff;} .in-vivo-part .content-box .base_lst {display: none;padding: 20px 0 0;} .in-vivo-part .content-box>div{margin-bottom: 50px;} .in-vivo-part .content-box>div h5{margin-top: 0;line-height: 1.5;} .in-vivo-part .content-box .base_con{margin: 0;} .in-vivo-part .content-box .base_lst>div{margin-bottom: 50px;} .in-vivo-part .content-box .base_lst .groupImgbox{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;} .in-vivo-part .content-box .lab-group{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;text-align: center;} .in-vivo-part .content-box .lab-group img{display: inline-block;border-radius: 10px;} .in-vivo-part .content-box .lab-group .title-widget{font-size: 15px;line-height: 1.5;margin: 10px 0;} .in-vivo-part .content-box table.table-service-td tr td ul{margin: 5px 0 5px 15px;} .in-vivo-part .content-box ul.studies2-list{margin-left: 15px;} .in-vivo-part .content-box ul.studies2-list>li{list-style: disc;margin-bottom: 10px;} .in-vivo-part .content-box ul.studies2-list ul{margin-top: 4px;} @media screen and (max-width:1279px){ .in-vivo-part .theme-group .theme-part h4{font-size: 25px;} .in-vivo-part .theme-group .theme-part .btnGroup{width: 90%;} .in-vivo-part .theme-group .theme-part .btnGroup a{font-size: 14px;} } @media screen and (max-width:991px){ .in-vivo-part .theme-group .theme-grid{grid-template-columns: 100%;} .in-vivo-part .theme-group .theme-part .btnGroup{width: 50%;} .in-vivo-part .theme-group .theme-grid .theme-banner img{max-height: 380px;} .in-vivo-part .theme-group .theme-grid .theme-part{margin: 60px 0;} } @media screen and (max-width:767px){ .in-vivo-part .theme-group .theme-part .btnGroup {width: 90%;} .in-vivo-part .content-box .lab-group{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .in-vivo-part .content-box .lab-group h5{font-size: 14px;} } /*Autoimmune & Inflammatory Disease =====================================================================*/ .autoimmune-part .theme-group .banner-part .areaItem{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/24Autoimmune11-10-1.png) no-repeat top center;background-size: cover;} .autoimmune-part .theme-group span.zm-uppercase{font-size: 13px;} .autoimmune-part .theme-group .theme-up h4{line-height: 1.5;margin: 0;} .autoimmune-part .theme-group .theme-up ul.numCount {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;} .autoimmune-part .theme-group .theme-down ul {border-top: 1px solid #999;} .autoimmune-part .theme-group .theme-down ul li {border-bottom: 1px solid #999;} .autoimmune-part .theme-group .theme-down ul li a{padding: 10px 0;display: flex;align-items: center;justify-content: space-between;} .autoimmune-part .theme-group .theme-down ul 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: 18px;width: 18px;display: inline-block;} .autoimmune-part .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;} .autoimmune-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .autoimmune-part .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;} .autoimmune-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .autoimmune-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .autoimmune-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .autoimmune-part .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;} .autoimmune-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .autoimmune-part .panel-group .item-default .item-body ul li a.linkTo {display: grid;grid-template-columns: 12fr 1fr;column-gap: 10px;align-items: end;} .autoimmune-part .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;} .autoimmune-part .content-box>div{margin-bottom: 50px;} .autoimmune-part .content-box h5{margin-top: 0;line-height: 1.5;} .autoimmune-part .content-box .orderItem-list li{display: grid;grid-template-columns: 2.5fr 1fr;} .autoimmune-part .content-box .orderItem-list .left-part{display: flex;align-items: center;} .autoimmune-part .content-box .orderItem-list .left-part .head{width: 75px;} .autoimmune-part .content-box .orderItem-list .left-part .title{flex: 1;} .autoimmune-part .content-box .orderItem-list .left-part .head,.autoimmune-part .content-box .orderItem-list .left-part .title{float: left;margin-right: 15px;} .autoimmune-part .content-box .orderItem-list .left-part .head img{max-height: 75px;} .autoimmune-part .content-box .orderItem-list .left-part .title h6{color: #23232F;margin:0 0 5px;} .autoimmune-part .content-box .orderItem-list .left-part .title p{font-size: 13px;margin: 0;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .autoimmune-part .content-box .orderItem-list .left-part .title p a{font-size: 13px;} .autoimmune-part .content-box .orderItem-list .right-part{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;align-items: center;} .autoimmune-part .content-box .orderItem-list .right-part a{border-radius: 20px;padding: 5px 10px;text-align: center;font-size: 13px;display: block;height: fit-content;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .autoimmune-part .content-box .orderItem-list .right-part a.empty {border: 1px solid #007A72;color: #007A72;} .autoimmune-part .content-box .bod-structure{position: relative;} .autoimmune-part .content-box .bod-structure .item{position: absolute;background-color: #F3FAFF;padding: 25px 15px;border-radius: 15px;max-width: 430px;} .autoimmune-part .content-box .bod-structure .item h6{color: #304EAA;margin-top: 5px;display: flex;align-items: center;} .autoimmune-part .content-box .bod-structure .item h6 i{height: 30px;width: 30px;display: inline-block;margin-right: 5px;} .autoimmune-part .content-box .bod-structure .item h6 div{width: 100%;} .autoimmune-part .content-box .bod-structure .item .yellowTxt{color: #F57B00;} .autoimmune-part .content-box .bod-structure .item .blueTxt{color: #0763EE;} .autoimmune-part .content-box .bod-structure .item ul li{margin-bottom: 5px;} .autoimmune-part .content-box .bod-structure .item ul li a.linkTo{text-decoration: underline;color: #51516C;} .autoimmune-part .content-box .bod-structure .item ul li b{font-size: 12px;margin-left: 3px;} .autoimmune-part .content-box .bod-structure .item:nth-child(1){top: 13%;left: 0;} .autoimmune-part .content-box .bod-structure .item:nth-child(1) h6 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25Autoimmune5-9-2.png) no-repeat center center;background-size: 100%;} .autoimmune-part .content-box .bod-structure .item:nth-child(2){top: 9%;left: 66%;} .autoimmune-part .content-box .bod-structure .item:nth-child(2) h6 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25Autoimmune5-9-3.png) no-repeat center center;background-size: 100%;} .autoimmune-part .content-box .bod-structure .item:nth-child(3){top: 30%;left: 58%;} .autoimmune-part .content-box .bod-structure .item:nth-child(3) h6 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25Autoimmune5-9-4.png) no-repeat center center;background-size: 100%;} .autoimmune-part .content-box .bod-structure .item:nth-child(4){top: 48%;left: 0;} .autoimmune-part .content-box .bod-structure .item:nth-child(4) h6 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25Autoimmune5-9-5.png) no-repeat center center;background-size: 100%;} .autoimmune-part .content-box .bod-structure .item:nth-child(5){top: 47%;left: 58%;} .autoimmune-part .content-box .bod-structure .item:nth-child(6){top: 57%;left: 62%;} .autoimmune-part .content-box .bod-structure .item:nth-child(6) h6 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25Autoimmune5-9-6.png) no-repeat center center;background-size: 100%;} .autoimmune-part .content-box .bod-structure .item:nth-child(7){top: 73%;left: 0;} .autoimmune-part .content-box .bod-structure .item:nth-child(7) h6 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25Autoimmune5-9-7.png) no-repeat center center;background-size: 100%;} .autoimmune-part .content-box .bod-structure .item:nth-child(8){top: 74%;left: 57%;} .autoimmune-part .content-box .bod-structure .item:nth-child(8) h6 i{background: url(https://biocytogen2024.s3.us-east-2.amazonaws.com/web/frontend/Public/Images/25Autoimmune5-9-8.png) no-repeat center center;background-size: 100%;} @media screen and (max-width:1279px){ .autoimmune-part .theme-group .theme-up h4{font-size: 25px;} .autoimmune-part .theme-group .theme-up ul.numCount{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);} .autoimmune-part .content-box .bod-structure .item h6 i{height: 25px;width: 25px;} .autoimmune-part .content-box .bod-structure .item{padding: 10px 15px;border-radius: 10px;max-width: 370px;} .autoimmune-part .content-box .bod-structure .item ul li{margin-bottom: 3px;} .autoimmune-part .content-box .orderItem-list .right-part a{padding: 5px 7px;} .autoimmune-part .content-box .orderItem-list li {display: grid;grid-template-columns: 2fr 1fr;} } @media screen and (max-width:991px){ .autoimmune-part .theme-group .theme-up, .autoimmune-part .theme-group .theme-down{padding-right: 0;} .autoimmune-part .content-box .bod-structure .smallImg{text-align: center;} .autoimmune-part .content-box .bod-structure .smallImg img{width: 70%;display: inline-block;} .autoimmune-part .content-box .bod-structure .grap-box-2{margin-top: 20px;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 15px;} .autoimmune-part .content-box .bod-structure .item{position: initial;} } @media screen and (max-width:767px){ .autoimmune-part .content-box .orderItem-list li{grid-template-columns: 100%;grid-row-gap: 10px;} .autoimmune-part .content-box .orderItem-list .right-part{width: 70%;} .autoimmune-part .content-box .bod-structure .grap-box-2{grid-template-columns:100%;} .autoimmune-part .content-box .bod-structure .item ul li{white-space: initial;} .autoimmune-part .content-box .bod-structure .smallImg img{width: 100%;} } /*RenLite =====================================================================*/ .renLite-part .theme-group .theme-grid{display: grid;grid-template-columns: 1fr 1.3fr;column-gap: 50px;align-items: center;margin: 20px 0;} .renLite-part .theme-group .theme-part h4{line-height: 1.5;margin: 0;} .renLite-part .theme-group .theme-part .btnGroup{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 10px;width: 85%;} .renLite-part .theme-group .theme-part .btnGroup a{width: 100%;display: inline-block;border-radius: 35px;padding: 5px 10px;text-align: center;font-family: 'PlusJakartaSans-Medium', sans-serif;font-weight: 500;} .renLite-part .theme-group .theme-part .btnGroup a.empty {border: 1px solid #007A72;color: #007A72;} .renLite-part .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;} .renLite-part .panel-group .item-default .item-heading h4{color: #fff;display: flex;align-items: center;} .renLite-part .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;} .renLite-part .panel-group .item-default .item-heading a{color: #fff;font-family: 'PlusJakartaSans-SemiBold', sans-serif;font-weight: 600;font-size: 13px;} .renLite-part .panel-group .item-default .item-body{border: 1px solid #ccc;padding: 10px 15px 0;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .renLite-part .panel-group .item-default .item-body ul li{margin-bottom: 20px;} .renLite-part .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;} .renLite-part .panel-group .item-default .item-body ul li a{font-size: 15px;} .renLite-part .content-box>div{margin-bottom: 50px;} .renLite-part .content-box h5{margin-top: 0;line-height: 1.5;} .renLite-part .content-box .grap-group{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);gap: 20px;} .renLite-part .content-box .tabs-vertical{display: grid;grid-template-columns: 30% 70%;} .renLite-part .content-box .tabs-vertical ul.tabs-title{border-right: 1px solid #ccc;padding-right: 25px;} .renLite-part .content-box .tabs-vertical ul.tabs-title li a{display: block;font-size: 18px;font-family: 'Kanit-Light', sans-serif;font-weight: 300;color: #23232F;} .renLite-part .content-box .tabs-vertical ul.tabs-title li.tab-active{position: relative;} .renLite-part .content-box .tabs-vertical ul.tabs-title li.tab-active a{font-family: 'Kanit-Medium', sans-serif;font-weight:500;} .renLite-part .content-box .tabs-vertical ul.tabs-title li.tab-active::after{content: '';width: 1px;height: 100%;background-color: #23232F;position: absolute;top:0;right: -26px;} .renLite-part .content-box .tabs-vertical .tabs-content-placeholder .item{display:none;padding-left: 25px;} .renLite-part .content-box .tabs-vertical .tabs-content-placeholder .item.tab-content-active{display:block} .renLite-part .content-box .tabs-vertical .tabs-content-placeholder .item h6{margin: 0 0 20px;} .renLite-part .content-box .grap-imglist{display: grid;grid-template-columns: 1fr 1.5fr;gap: 20px;} .renLite-part .content-box ul.listbox-text{margin-left: 15px;} .renLite-part .content-box ul.listbox-text>li{list-style: auto;margin-bottom: 5px;} .renLite-part .content-box ul.listbox-text>li>ul{margin-left: 15px;} .renLite-part .content-box ul.listbox-text>li>ul li{list-style: disc;margin-top: 5px;} .renLite-part .content-box .grap-imglist3{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 10px;} /* ------------CSS Document---------- */ @media screen and (max-width:1279px){ .theme-group .theme-up, .theme-group .theme-down{padding-right: 20px!important;} .theme-group .banner-part{padding-left: 35px!important;} .theme-group .banner-part .banner-text{margin-left: 60px!important;} } @media screen and (max-width:991px){ .theme-group .theme-part {margin: 100px 0 20px!important;} .theme-group .theme-part .btnGroup_new a{font-size: 14px!important;} .theme-group .theme-grid .theme-banner img{max-height: 380px!important;} .theme-group .theme-grid{grid-template-columns: 100%!important;} .theme-group .theme-grid .theme-part{margin: 60px 0!important;} } @media screen and (max-width:767px){ .content-box p b,.content-box ul li b,.content-box strong{font-size: 14px;} }