@media (min-width: 1200px) {
body {padding-top:114px;} 
}
@media (max-width: 1199.98px){
body {padding-top:97px;} }

@media (max-width: 767.98px) {
body { padding-top: 78px; }
}

.table thead tr th {background-color:var(--bs-secondary) !important}

.section-visual { position: relative; overflow:hidden; background-color: var(--bs-dark); background-repeat: no-repeat; background-position: center center;}
.section-visual h1 {color:#fff; font-weight:600; margin-bottom:0; text-transform:uppercase;}
.section-visual {min-height: 120px;}

@media (min-width: 1400px){
.section-visual h1 { font-size: 2.5rem;}
}
@media (max-width: 1399.98px){
.section-visual h1 { font-size: 2.2rem;}
}
@media (max-width: 991.98px){
.section-visual h1 { font-size: 1.8rem;}
}

.right-img-box {position:absolute; z-index:2; right: 0rem;}
@media (min-width: 768px) {
.left-text-box {position:relative; padding:1.5rem; border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); border-width:2px; border-radius: var(--bs-border-radius-lg);}       
.right-img-box {width: 52%; margin-top: 5rem;}
}
@media (min-width:992px) {
.right-img-box {width: 44%;} 
}
@media (min-width: 1200px) {
.right-img-box {width: 52%; margin-top: 5rem;}
.left-text-box {padding:3rem}
}
@media (max-width: 767.98px) {
.left-text-box {padding: 0rem;}
.right-img-box {position:relative; z-index:0; left:0; right: 0rem; margin-top:1rem;}
}

.timeline {position:relative;}
@media(min-width:480px) {
.timeline-bar {background:var(--bs-white);width:100%;height:8px;border-radius:1rem;position:absolute;top:50%;margin-top:-4px;z-index: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:850px;display:flex;}
.milestone-slider .slick-track .slick-slide:nth-child(even) .item-timeline {position:absolute;top:50%;padding-top:0px;}
.item-timeline {width: 310px;position:absolute;bottom:50%;padding-top:10px;z-index:9;}
.item-timeline .content-timeline {background: #eaf2ff;border-radius:1rem;position: relative;z-index:0;bottom: 29px;}
.item-timeline .content-timeline:after {content:''; position:absolute; left:49.6%; bottom:-19px; width:2px; height:19px;background: #eaf2ff;}
.milestone-slider .slick-track .slick-slide:nth-child(even) .item-timeline .content-timeline {background: #b9d5fd;top:19px}
.milestone-slider .slick-track .slick-slide:nth-child(even) .item-timeline .content-timeline:after {content:''; position:absolute; left:49.6%; top:-19px; width:2px; height:19px;background: #b9d5fd;}
/*.milestone-slider .slick-track .slick-slide:nth-child(odd) .item-timeline .content-timeline:before {content:''; position:absolute; left:50%; bottom:0; width:2px; height:50px;background: #eaf2ff;}*/
.item-timeline .arrow {position: relative;bottom: -4px;width: 100%; background: #eaf2ff; height:8px;text-align:center;z-index:2}
.item-timeline .arrow .arrow-down {width: 0;height: 0;bottom: 8px;left: 0;right: 0; position: absolute;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #eaf2ff;margin:0 auto;}
.item-timeline .arrow .arrow-up {width: 0;height: 0;bottom: 8px;left: 0;right: 0; position: absolute;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #b9d5fd;margin:0 auto}
.milestone-slider .slick-track .slick-slide:nth-child(even) .item-timeline .arrow {top: -4px; background:#b9d5fd}
.item-timeline .year-box {position: relative;width: 100%;text-align:center;z-index:2}
.item-timeline .year {color:#eaf2ff;display:inline-block;font-size:1.8rem;font-weight:bold;width:auto;}
.milestone-slider .slick-track .slick-slide:nth-child(even) .item-timeline .year {color:#b9d5fd}
.item-timeline .year {position:absolute;width:150px;left:50%;margin-left:-75px;}
.item-timeline .year-down .year {bottom:25px;}
.item-timeline .year-up .year {top:25px;}
.year-txt{display:none}

.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-primary);}
.milestone-slider .slick-prev, .milestone-slider .slick-next {width:38px;height:38px;border-radius:8px;background:var(--bs-white);}
.milestone-slider .slick-prev{left:-50px;} .milestone-slider .slick-next{right:-50px;}
/*.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-dark);outline: none;background:var(--bs-white);}
.milestone-slider .slick-dots li.slick-active button:before, .milestone-slider .slick-dots li button:before {background:var(--bs-white)}
}
@media(max-width:1199.98px) {
.item-timeline{width: 295px;}
}
@media(max-width:479.98px) { 
.parallax-history {background-image:none!important;}
.timeline-bar {background:var(--bs-white);width:8px;height:100%;border-radius:1rem;position:absolute;left:0;top: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 {width:100%;}
.item-timeline .content-timeline {background: #eaf2ff; border-radius: 1rem; margin-bottom: 20px;}
.milestone-slider > div:nth-child(odd) .item-timeline .content-timeline {background: #b9d5fd;}

.item-timeline .arrow {position: relative;bottom: -16px; width: 8px; background: #eaf2ff; height:100%; text-align:center; z-index:2}
.item-timeline .arrow .arrow-down {width: 0;height: 0;top: 35px;left: 0;right: 0; position: absolute;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #b9d5fd;margin:0 auto;}
.item-timeline .arrow .arrow-up {width: 0;height: 0;top: 35px;left: 0;right: 0; position: absolute;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #eaf2ff;margin:0 auto}
.milestone-slider > div:nth-child(odd) .item-timeline .arrow {top: -2px; background:#b9d5fd}

.item-timeline .arrow {position: absolute;top:0px;left:-24px;text-align:left;}
.item-timeline .arrow .arrow-down {margin:0;transform:rotate(-90deg) }
.item-timeline .arrow .arrow-up {margin:0;transform:rotate(90deg) }
.item-timeline .year-box {display: none}
.year-txt{display:block;background:var(--bs-primary);color:var(--bs-white);padding:8px 16px;border-radius:4px;margin-bottom:1rem;font-size:1.2rem;font-weight:bold;width:auto;text-align:center;}
}

@media(max-width:375.98px) {
.item-timeline .arrow {left:-21px;}
}

.team-box {text-align:center;}
.team-box a {text-decoration:none}
.team-box span { width:120px; height:120px; display:inline-block; cursor:pointer; overflow:hidden; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;  
background: linear-gradient(#4cab30, #4cab30) padding-box, linear-gradient(to bottom, #4cab30, #4cab30) border-box; border: 5px solid transparent; border-width:5px 0 0 0; border-radius:0.5rem;}
.team-box span:hover {background: linear-gradient(to top,  rgba(53,74,167,1) 0%,rgba(53,74,167,1) 51%,rgba(53,74,167,1) 51%,rgba(53,74,167,1) 100%); }
.team-box span img {border-radius:0.5rem; transition:all 0.2s linear; -webkit-transition:all 0.4s linear;}
.team-box span img:hover{    transform: scale(1.2); -ms-transform: scale(1.2);  -webkit-transform: scale(1.2);}
.team-box p {margin-bottom:0} 
.team-box h5 {font-weight:700}
.team-box div {font-weight: 700; font-size: 2rem; line-height: normal;color:var(--bs-primary)}

@media (min-width: 1400px) { 
.team-box span {width:200px; height:200px;} 
}

@media (max-width: 1399.98px) and (min-width:1200px) {
.team-box span {width:180px; height:180px;} 
}

.facility-box { background: #4cab30; border: none; color: #fff;}
.facility-box a {text-decoration:none}
.facility-box .card-img-top { display: inline-block; cursor: pointer; overflow: hidden; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; background: linear-gradient(white, white) padding-box, linear-gradient(to bottom, #4cab30, #354aa7) border-box; border: 5px solid transparent; border-width: 5px 0 0 0; border-radius: 0.5rem 0.5rem 0 0;}
.facility-box .card-img-top img {transition:all 0.4s linear; -webkit-transition: all 0.4s linear}
._facility-box .card-img-top:hover {background: linear-gradient(#4cab30, #4cab30) padding-box, linear-gradient(to bottom, #4cab30, #4cab30) border-box; border-width: 5px 0 0 0; }
.facility-box .card-img-top:hover img { transform: scale(1.15); -ms-transform: scale(1.15); -webkit-transform: scale(1.15);}
  
.fancybox-inner a {text-decoration:none; text-align:center}
.fancybox-inner h3 {margin: 0 auto 1rem; text-align:center}
.fancybox-inner tr th { font-weight:600; background-color: var(--bs-gray);}
.fancybox-inner ul li:not(:last-child):after {content:'|'; margin-left:.5rem; position:relative}
@media (max-width: 767.98px){
.fancybox-inner .w-50 {width:100% !important}
 }