.section-visual{background-color:#FFF; position:relative; background-position:center bottom;background-repeat:no-repeat;background-size:cover; width:100%;display:block;overflow:hidden}
.section-pic{max-width:1920px; width:100%;margin:0 auto;background-position:center center!important;background-size:cover;position:relative;}
.section-visual img{width:100%;height:auto;}
.text-right-vision{min-width:480px; padding-left:15px;}
.section-visual .section-pic:before{position:absolute; content:""; top:0px; bottom:0px; left:0px; right:0px; z-index:1; background:var(--bs-primary); opacity:.8; }
.section-head{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99}
.section-visual .section-pic h1{color:#FFF!important;}
.experties-box { display: inline-flex; background:var(--bs-white); position:relative; margin-top:4rem; padding: 3.5rem 1.5rem 1rem;  text-align:center; display:flex; flex-direction:column; height:calc(100% - 48px)}
.experties-box .ico { border: 2px solid var(--bs-white); background:var(--bs-primary);  padding: 1rem !important; top: -3rem; position: absolute; left:0; right:0; display:table; margin:0 auto; }

.section-visual{max-width:1920px; width:100%; margin:0 auto; background-size:cover;}
.bg-mask {position: absolute;top: 0;left: 0;height: 100%;width: 100%;background: url(../images/bg-pattern.png) repeat 50%;}

@media (max-width:768px) {
.section-pic{background-size:cover!important;}
.section-pic .img-fluid{min-height:80px;}
.breadcrumb{justify-content:left!important;}
}

@media (max-width:1400px) {
.bg-abt-intro{background-position:right center!important;background-size:85% auto!important;}
}

@media (min-width:768px) {
.section-visual .section-pic svg{max-height:95px;}
.bg-contact{background-image:url(../images/bg-contact.jpg); background-repeat:no-repeat; background-position:left center; background-attachment:fixed; background-size:cover;}
.bg-abt-intro{max-width:1920px; width:100%; margin:0 auto; background-image:url(../images/bg-abt-intro.jpg); background-repeat:no-repeat; background-position:right bottom; background-size:100% auto;}
.bg-abt-overview{background-image:url(../images/bg-abt-overview.png); background-repeat:no-repeat; background-position:right bottom; background-attachment:fixed;background-size:auto 90%;}
.bg-careers{background-image:url(../images/bg-careers.png); background-repeat:no-repeat; background-position:right bottom; background-attachment:fixed;background-size:50% auto ;}
}

/*Accordian*/
.accordion-flush > .accordion-item > .accordion-header .accordion-button:not(.collapsed) {color: var(--bs-primary)!important;background-color: var(--bs-white)!important;border-radius:0;box-shadow: none;}
.accordion-body {background: var(--bs-white);}
.accordion-flush > .accordion-item{margin-top:1rem;background: var(--bs-white);border:0px;border-radius:36px;overflow:hidden}
.accordion-header .accordion-button {line-height:normal;font-weight:600;color:var(--bs-dark);padding: 0.8rem 1.25rem}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {border-radius:36px;box-shadow: none;}
.accordion-button::after {width: 40px;height: 40px;--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3e%3c/svg%3e");background-position: center;}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000000' class='bi bi-plus-lg' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3e%3c/svg%3e");transform: rotate(225deg);}

.flipper  svg.my-3{width:50px; height:50px;}
.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;}
.flip-container:hover .back, .flip-container.hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);}
.flip-container:hover .front, .flip-container.hover .front{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.flip-container{display:inline-block;position:relative;}
.front, .back{width:100%;height:100%; position:absolute!important; display:flex; align-items:center; justify-content:center;}
.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;display:table;height:100%;width:100%;}
.flipper .fnt-dtl .hdr { opacity:1; left:0; right:0; bottom:0;margin:0px!important; -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}

.front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:0.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:0.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:0.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:0.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:relative;top:0;left:0;}
.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:0.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:0.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:0.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:0.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:absolute;top:0;left:0;}
.front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);z-index:2;}
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);color:#fff;padding:0px;}
.dtl{margin-top:10px;}
.fnt-dtl, .bck-dtl{left:0;right:0;text-align:center;}
.bck-dtl{height:100%;}
.fnt-dtl p{text-align:center}
.fnt-dtl .hdr,
.bck-dtl .hdr{color:#fff;line-height:normal;}
.fnt-dtl img,
.bck-dtl img{margin:0 auto;}

.timeline.container .slick-prev,.timeline.container  .slick-next{top:50px!important; background:var(--bs-secondary)!important;}
.timeline-bar {border-top:2px dashed #999;width:100%;position:absolute;top:50px;margin-top:-2px;z-index:0; overflow:hidden; left:0;}
.milestone-slider {position:relative;display:flex;z-index:9} 
.milestone-slider .slick-slide {width:400px;height:auto; margin: 0 20px;outline:none}
.milestone-slider .slick-track{height:400px;display:flex;}
/*.milestone-slider .slick-track .slick-slide:nth-child(odd) .item-timeline {position:absolute;bottom:calc(50% + 10px);padding-top:10px;}*/
.milestone-slider .slick-track .slick-slide .item-timeline {top:60px;padding-bottom:10px;}
.item-timeline {width:650px;position:absolute;z-index:9;}
.item-timeline .content-timeline {position: relative;z-index:0;overflow:hidden}
.item-timeline .content-timeline h5{font-weight:bold; color:var(--bs-primary);}

@media (min-width:560px) and (max-width:768px) {
.milestone-slider .slick-track{height:320px;}
.item-timeline{width:600px;}
.item-timeline ul{padding-left:15px!important;}
}
@media (min-width:769px) and (max-width:1279px) {
.milestone-slider .slick-track{height:390px;}
.item-timeline{width:460px;}
.item-timeline ul{padding-left:18px!important;}
}
@media (min-width:1280px) and (max-width:1440px) {
.item-timeline{width:575px;}
}


.slick-slide:nth-child(even) .item-timeline .content-timeline{}
.slick-slide:nth-child(even) .item-timeline .arrow .arrow-up{border-bottom-color:rgba(var(--bs-white-rgb),1)}
.slick-slide:nth-child(odd) .item-timeline .content-timeline{}
.slick-slide:nth-child(odd) .item-timeline .arrow .arrow-down{border-top-color:rgba(var(--bs-white-rgb),1)}

.item-timeline .content-timeline p{margin-bottom:0; color:var(--bs-black);}
.item-timeline .arrow {position: relative;width: 100%;height:15px;text-align:center;z-index:2; margin-bottom:-15px;}
.item-timeline .arrow .arrow-down {width: 0;height: 0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid white;margin:0}
.item-timeline .arrow .arrow-up {width: 0;height: 0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--bs-primary);margin:-15px 0 0 50px}
.item-timeline .year-box {position: relative;width: 100%;text-align:center;z-index:2}
.item-timeline .year {background:var(--bs-primary);color:var(--bs-white);padding:10px;display:inline-block;font-size:1.2rem;font-weight:bold;width:auto;}
.item-timeline .year {position:absolute;width:120px;left:0;}.item-timeline .year-down .year {top:25px;}.item-timeline .year-up .year {bottom:25px;}
.year-txt{display:none}
.year-up{margin-bottom:30px; bottom:-40px;}
.year-down{margin-top:30px; top:-40px;}

.milestone-slider .slick-dots {bottom:-30px;}
.milestone-slider img {height:auto;border-radius:0.5rem!important;display:block}
.milestone-slider .slick-prev:before, .milestone-slider .slick-next:before {font-size:20px;color: var(--bs-white);}
.milestone-slider .slick-prev, .milestone-slider .slick-next {width:38px;height:38px;border-radius:80px;background:rgba(var(--bs-black-rgb),.4);}

@media(min-width:1600px) {
.milestone-slider .slick-prev{left:-50px;} .milestone-slider .slick-next{right:-50px;}
}

@media(max-width:1599px) {
.milestone-slider .slick-prev{left:-35px;} .milestone-slider .slick-next{right:-35px;}
}
/*.milestone-slider .slick-prev.slick-disabled, .milestone-slider .slick-next.slick-disabled { background:transparent}*/
.milestone-slider .slick-prev:hover, .milestone-slider .slick-prev:focus, .milestone-slider .slick-next:hover, .milestone-slider .slick-next:focus{color:var(--bs-secondary);outline: none;background:rgba(var(--bs-dark-rgb),.9);}
.milestone-slider .slick-dots li.slick-active button:before, .milestone-slider .slick-dots li button:before {background:rgba(var(--bs-primary-rgb),1); border-radius:0!important; width: 10px!important}

@media(max-width:479.98px) {
.timeline-bar {background:var(--bs-primary);width:3px;height:100%;border-radius:1rem;position:absolute;left:15px;top:0;border:0}
.milestone-slider {flex-flow:column} 
.milestone-slider .slick-track .slick-slide:nth-child(even) .item-timeline {position:relative;top:0;padding-top:10px;}
.item-timeline {width: 100%;position:relative;bottom:0;}
.milestone-slider > div {width:94%;display:block;margin-left:auto}
.item-timeline .content-timeline {background: white;position: relative;z-index: 0;overflow: hidden;}
.item-timeline {width:100%;}
.item-timeline .arrow {position: absolute;top:35px;left:-15px;text-align:left;}
.item-timeline .arrow .arrow-down {margin:0;transform:rotate(90deg) }
.item-timeline .arrow .arrow-up {margin:-3px 0 0 -6px!important;transform:rotate(-90deg) }
.item-timeline .year-box {display: none}
.year-txt{display:block;background:var(--bs-dark);color:var(--bs-white);padding:10px;border-radius:80px;display:inline-block;font-size:1.2rem;font-weight:bold;width:100%; max-width:100px; text-align:center;margin-bottom:1rem}
}
.accordion-button:not(.collapsed),
.left-menu .accordion a.active{color:var(--bs-primary)!important; background:none!important; box-shadow:none!important;}

.left-menu .accordion a,
.left-menu .accordion-button{font-size:92%!important;}
.left-menu .accordion-button::after{width:18px; height:18px; background-size:cover!important;}
.left-menu .offcanvas-start{border-radius:0!important}

ul.investor-list  { display: inline-block;margin: 0px; padding: 0px; width: auto}
ul.investor-list  li { position:relative; list-style: none; margin: 0px; padding: 0px 10px 20px 30px; width: 100%;}
ul.investor-list  li:before { position:absolute; left:0; top:3px; font-family: 'bootstrap-icons'; content: '\F63E'; float: left; line-height: normal; font-size: 1.2rem;  }   
ul.recording-list li:before { content: '\F4F3'!important; position:absolute; left:0; top:3px; font-family: 'bootstrap-icons';float: left; line-height: normal; font-size: 1.2rem;}               
ul.investor-list li a {text-decoration:none}
ul.investor-list li a:hover {text-decoration:underline}
.editor-data table {width:auto!important; max-width:100%!important; --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial;--bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 2rem; vertical-align: top; border-color: var(--bs-table-border-color)}
.editor-data table > :not(caption) > * > * {padding: .8rem .8rem!important; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-body-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));}
.editor-data table-bordered > :not(caption) > * {border-width: var(--bs-border-width) 0;}
.editor-data table th {font-weight:500}
.editor-data table tr:not(:last-child) {border-bottom:1px solid #f3eddf}
.editor-data tbody, .investor-list td, .investor-list tfoot, .investor-list th, .investor-list thead, .investor-list tr { border-color: inherit; border-style: none; border-width: 0;}
.editor-data thead {  --bs-table-color: #fff; --bs-table-bg: var(--bs-primary); --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color);}             
.editor-data thead tr th {font-weight:600;background: var(--bs-light)!important;border-top:#ddd 1px solid!important; border-bottom:#ddd 1px solid!important; border-color:#ddd!important; color: #000; white-space: nowrap;border-top:0!important;border-bottom:0!important;}
.editor-data thead tr th,
.editor-data tbody tr td{ border-left:0; border-right:0;}
.editor-data tbody tr:nth-child(odd) td {background-color: var(--bs-white) !important;}
.editor-data tbody tr:nth-child(even) td {background-color: var(--bs-light-bg-subtle) !important;}
.editor-data tbody tr:last-child td{border-bottom-width:1px!important;}
.editor-data table>:not(caption)>*>* { border-width: 0 var(--bs-border-width);} 
.editor-data a {text-decoration:underline;color:var(--bs-dark); }
.editor-data a:hover {color:var(--bs-primary)!important}
.editor-data *{font-size:100%!important;}
.list-bullet li { padding: 0px 0px 5px 30px !important; }
.list-bullet li:before { color: #000; font-size: 1.8rem !important;  top: -3px !important; content: '\F309' !important;}

.investor-grid li a{text-decoration:none!important;}
.investor-grid li a.border:hover{border-color:var(--bs-primary) !important;}
ul.recording-grid li{position:relative; display:block;}
ul.recording-grid li > div{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out; }
ul.recording-grid li > div:hover{border-color:var(--bs-primary)!important;}
ul.recording-grid li > div:hover *{color:var(--bs-primary)!important;}
ul.recording-grid li div:before{content: '\F611'!important; opacity:.7; display:block; position:relative; left:0; top:3px; font-family: 'bootstrap-icons'; line-height: normal; font-size:2rem;}
ul.recording-grid li br{display:none;}
ul.recording-grid li.grid-sizer{display:none!important;}

@media (max-width:540px) {
.investor-header{ top:70px!important;padding:10px!important;}
}
@media (max-width: 768px) {
.investor-header{background:#EEE!important;padding:15px; display:block; position:sticky; top:95px;z-index:3;}
}

@media (min-width: 992px) {
.investor-grid.g-lg-5,
.investor-grid.gy-lg-5{--bs-gutter-y: 2.5rem!important;}
.investor-grid.g-lg-5, .investor-grid.gx-lg-5{--bs-gutter-x: 2.5rem!important;}
.accordion-button.h3{font-size:150%!important;}
}

.company-overview .box {position:relative; z-index:0}
.company-overview .box:nth-child(odd) {background-color: rgba(255,255,255,.7);}
.company-overview .box:nth-child(even) {background-color: rgba(80,80,80,.08);}

.team-list .box:nth-child(odd) .border{background: rgba(0,0,0,.12);}
.team-list .box:nth-child(even) .border{background: rgba(0,0,0,.02)}

.cdmo .col:nth-child(odd) .border{background: rgba(0,0,0,.12);}
.cdmo .col:nth-child(even) .border{background: rgba(0,0,0,.02)}

/*Swiper Slider*/
.plant-swiper { width: 100%; overflow: hidden;}
.plant-swiper .swiper-wrapper {  display: flex; align-items: flex-start; transition: none !important; will-change: transform;}
.plant-swiper .swiper-slide { width: auto; flex-shrink: 0; }
.plant-swiper .swiper-slide a { display: block; text-decoration: none; position:relative;}
.plant-swiper .swiper-pic { height: 500px; width: auto; overflow: hidden;}
.plant-swiper .swiper-pic img { display: block; height: 500px; width: auto; max-width: none; object-fit: contain;filter: grayscale(80%);}
.plant-swiper .swiper-pic img{-webkit-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.plant-swiper .swiper-slide a:hover img{filter: grayscale(0);}
.plant-swiper .caption {position:absolute; bottom:0px; background:rgba(0,0,0,.5);text-align:center; width:100%; font-weight: 600; color:#FFF; padding: 12px 0; text-align: center; }
@media(max-width:991.98px) {
.plant-swiper .swiper-pic, .swiper .swiper-pic img  {height:220px} 
}
@media(max-width:575.98px) {
.plant-swiper .swiper-pic, .swiper .swiper-pic img  {height:150px} 
}

.capabilities-grid {position: relative; }
.capabilities-grid .col {  margin-bottom: 1rem; }
.capabilities-grid .col .border p {margin-bottom:0}
.capabilities-grid .col .border ul {  margin: 0; padding: 0 0 0 20px; }
.capabilities-grid .col .border {  height: 100%; padding: 1rem;
}

@media (max-width: 991.98px) {
.capabilities-grid .col .border {  height: 100%; padding: 1rem;}
}

/*@media (max-width: 767.98px) {
 .capabilities-grid .col {  width: 100%; }
}
@media (min-width: 768px) {
.capabilities-grid .col { width: 50%;  }
}*/
 
.capabilities-grid { margin-left: -10px; margin-right: -10px;}
.capabilities-grid .col { padding-left: 20px; padding-right: 20px; margin-bottom: 40px;}

@media (min-width: 768px) {
.capabilities-grid .col:nth-child(1) > .border, .capabilities-grid .col:nth-child(4) > .border, .capabilities-grid .col:nth-child(5) > .border, .capabilities-grid .col:nth-child(8) > .border {
    background: rgba(0,0,0,.12)
}

.capabilities-grid .col:nth-child(2) > .border, .capabilities-grid .col:nth-child(3) > .border, .capabilities-grid .col:nth-child(6) > .border, .capabilities-grid .col:nth-child(7) > .border {
    background: rgba(0,0,0,.02)
}
}

@media (max-width: 767.98px) {
.capabilities-grid .col { padding-left: 5px;  padding-right: 5px;  margin-bottom: 20px; }
.capabilities-grid .col:nth-child(odd) > .border { background: rgba(0,0,0,.12)}
.capabilities-grid .col:nth-child(even) > .border { background: rgba(0,0,0,.02)}
}

/*.capabilities-grid .col .border {
    background: rgba(0,0,0,.12)
}*/ 

.apply-now {position:sticky; top:100px }
.editor-content p + ul {margin-top:-10px }


.readmore-bx .acc_trigger:after{content:'Read More';}
.readmore-bx .acc_trigger.active:after{content:'Read Less';}
.readmore-bx .acc_trigger.active{border-top:0!important; border-left:0!important; border-right:0!important;background:none!important;color:var(--bs-primary)}
.readmore-bx .acc_trigger.active:before{display:none!important;}
.readmore-bx .acc_trigger.active{padding-left:5px!important; padding-right:5px!important;}