* {box-sizing: border-box;}

html[lang="sc"] p, html[lang="sc"] span, html[lang="sc"] a,html[lang="sc"] .page-title-item div, html[lang="sc"] h6, html[lang="sc"] td{
	/* font-family: "NotoSansTC"; */
}

html{
    /*filter: grayscale(100%);*/
}

body { 
  margin: 0;
  /* font-family: "NotoSansTC"; */
  /* background-color: #2f2f2f; */
  font-weight: normal !important;
}

html[lang="tc"]{
    font-family: "NotoSansTC";
}

img{
    width: 100%;
}

.main-cms-container{
    min-height: 100vh;
}
.cms-container-inside{
	display: flex;
	text-align: center;	
}

.mainContainer{
	position: relative;
    min-height: 100vh;
    background-color: #efefef;
}

/* header */

.header{
    background-color: #fff;
    width: 100%;
    height: auto;
    /* position: absolute; */
    top: 0;
}

.header-logo{
	width: 120px;
}

.header-title > img{
	width: 290px;
}

.header-jcl{
    width: 25vw;
}

.header-inner-top-main{
    display: flex;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
}

.header-inner-top-row{
    justify-content: space-between;
}

.header-inner-bottom{
    /* padding: 1% 0; */
    background: linear-gradient(180deg, #a4c83f 50%, #8fbe3f 50%);
    color: #fff;
    justify-content: center;
}

.header-inner-bottom .col-1{
    width: 12.333333%;
}

html[lang="sc"] .header-inner-bottom .col-1{
    font-weight: bold;
}

.header-sub-inner{
    width: 75%;
}

.sub-menu-icon{
    width: 25px;
}

.page-title-item{
    padding: 1% 0;
    cursor: pointer;
    position: relative;
    text-align: center;
    /* display: flex;
    justify-content: center;
    align-content: center; */
    /* align-content: center; */
    /* align-items: center; */
    justify-content: center;
    margin: auto;
}

.page-title-item > div{
    align-self: center;
}



.page-title-item:hover .page-title-sub-item{
    display: block;
}

.page-title-item:hover, .page-title-sub-item .sub-menu-main:hover, .inner-sub-menu-main:hover{
    background-color: rgba(116, 147, 53, 0.5);
}

.page-title-item a{
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

html[lang="sc"] .page-title-item a{
    font-weight: bold;
}

.page-title-sub-item{
    display:none;
    position: absolute;
    width: 100%;
    background: #fff;
    margin-top: 8%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 2;
}

.page-title-sub-item a{
    color: black;
    width: 100%;
}

.page-title-sub-item .sub-menu-main, .inner-sub-menu-main{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10%;
    border-bottom: 1px solid lightgray;
    background-color: #fff;
    position: relative;
}

.inner-sub-item{
    display:none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: white;
}

.sub-menu-main-mobile{
    display: flex;
}

.sub-menu-icon-mobile{
    width: 2em;
    height: 2em;
    align-self: center;
    transform: rotate(90deg);
}

.inner-sub-item-mobile{
    padding-left: 5%;
}

.logo-items{
	display: flex;
	align-items: center;
}

.header-font-size, .header-change-lang{
    display: flex;
    justify-content: center;
}

.font-s, .font-m, .font-l{
    margin: 0 5px;
    display: flex;
    align-self: flex-end;   
    color: #575757;
    cursor: pointer;
}

.header-change-lang{
    margin-left: 15px; 
}

.header-lang-sc, .header-lang-tc, .header-lang-en{
    margin: 0 5px;
    display: flex;
    color: #575757;
    align-self: center;
    cursor: pointer;
}

.header-right-view{
    display: flex;
    align-items: center;
    vertical-align: bottom;
    justify-content: center;
}

.font-s{
    font-size: 12px;
}

.font-m{
    font-size: 16px;
}

.font-l{
    font-size: 19px;
}

.footer-logo{
	width: 100px;
}

.registration-logo{
	background-image: url(../images/common/btn_green.png);
	background-size: 100% 100%;
	padding: 2%;
}

.header-inner, .footer-inner{
	text-align: -webkit-center;
	/* margin-top: 1%; */
}

.footer-inner{
    display: flex;
    justify-content: center;
}

.footer-inner{
	margin-bottom: 1%;
}

.footer-inner.inner-center{
    margin-bottom: 0;
}


.header-inner .header-inner-top-row, .footer-inner .row{
	width: 75%;
}

.footer-inner .row{
	justify-content: center;	
}

.inner-items{
	align-self: center;
	text-align: center;
	font-size: 0.5rem;
    font-weight: bold;
}
/* header xxx */

/* footer */
.footer{
	/* position: absolute; */
	/* background-image: url(../images/common/footer_bg.png); */
    background-color: #3a3a3a;
    width: 100%;
    height: 200px;
	bottom: 0;
	display: flex;
	flex-direction: column-reverse;
	z-index:2;
    color: #fff;
    justify-content: center;
    padding-top: 1rem;
}

.footer-copyright{
	text-align: center;
	/* display: flex; */
	flex-direction: column-reverse;
    color: #777777;
}

.footer-center{
    text-align: left;
}

.footer-center p{
	text-align: center;
}

/*  */

.animation-container{
	/* height: 2000px; */
}

.animation-inner-container{
	background-image: url(../images/common/bg_blackboard.png);
    margin-top: 10%;
    background-repeat: no-repeat;
    background-size: 90% 100%;
	min-height: 100vh;
	position: relative;
	background-position-x: center;
}

.english_learning_title_image{
	position: absolute;
	top: -6%;
	left: 0;
	right: 0;
}

.blackboard-main-title-view{
	display: flex;
    justify-content: center;
}

.blackboard-main-title-view .cms-container-item{
	display: flex;
	align-items: center;
}

.blackboard-main-title p{
	color: white;
    font-weight: bold;
    font-size: 2.5rem;
}

.blackboard-main-info{
	text-align: -webkit-center;
}

.blackboard-main-info p{
	width: 67%;
    text-align: justify;
    color: white;
    font-weight: 200;
    font-size: 1rem;
    line-height: 35px;
	margin-top: 3%;
    margin-bottom: 5%;
}

.blackboard-character-one{
	position: absolute;
	top: 40%;
    right: -3%;
}

.blackboard-character-one{
	width: 18rem;
}

.blackboard-character-one img{
	width: 100%;
}

.blackboard-title-view{
	margin-top: 25%;
	margin-bottom: 10%;
}

.animation-prog-view{
	display: none;
}

.mobile-view{
	display: none;
}

.mobile-menu{
	/* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
	height: -webkit-fill-available;
	padding: 0;
	position: relative;
}

.menu-btn-v1{
	width: 100%;
	height: 100%;
	user-select: none;
	border: none;
	cursor: pointer;
	background-color: white;
}

.menu-span, .menu-span::before, .menu-span::after{
	width: 2rem;
	height: 3px;
	background-color: #a4c83f;
}


.menu-span{
	width: 2rem;
}

.menu-span::before{
	width: 2rem;
}

.menu-span::after{
	width: 2rem;
}

.menu-span{
	text-align: right;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	margin: 0px auto;
	transform: translateY(-1px);
	display: inline-block;
	cursor: pointer;
	user-select: none;
	transition: all 300ms ease 0s;
}

.menu-span::before, .menu-span::after{
	content: "";
	display: inline-block;
	position: absolute;
	right: 0px;
	transform-origin: 50% 50%;
	transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
}

.menu-btn-v1.active .menu-span{
	background: transparent;
}

.menu-btn-v1.active .menu-span:before{
	transform: rotate3d(0, 0, 1, 45deg) scale(1.1);
}

.menu-btn-v1.active .menu-span:after{
	transform: rotate3d(0, 0, 1, -45deg) scale(1.1);
}

.menu-btn-v1.active .menu-span:before, .menu-btn-v1.active .menu-span:after{
	transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s, transform 300ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms;
	top: 0px;
	width: 1.7rem;
}

.menu-span::before{
	top: 0.8rem;
}

.menu-span::after{
	top: -0.8rem;
}

.prog-list-main-row{
	width: 70%;
}

.prog-list-items{
	margin-bottom: 1%;
}

.prog-list-view .cms-container-item{
	display: flex;
	justify-content: center;
}

.prog-list-media{
	background-color: #f3d38f;
	border-radius: 18px;
    border-width: 9px;
	border-color: #e1a83f;
	border-style: solid;
	padding: 5%;
	margin-bottom: 5%;
}

.list-view-bg-red{
	background-color: #ffaeae;
	border-color: #ff5050;
}

.list-view-bg-blue{
	background-color: #7fd2dd;
	border-color: #a9fffb;
}

.list-view-bg-purple{
	background-color: #edc5ff;
	border-color: #c69ae2;
}

.list-view-bg-green{
	background-color: #cbf4d2;
	border-color: #3a893c;
}

.media-inner-view{
	width: 100%;
	height: auto;
	border-color: white;
	border-style: solid;
	border-width: 5px;
	border-radius: 5px;
}
.prog-list-media p{
	font-weight: bold;
	margin-bottom: 2%;
}

.media-leaves-image{
	width: 25px;
}

.prog-list-doc-items{
	width: 100%;
	height: auto;
	background-color: #1d472a;
	border-color: rgba(12, 88, 60, 0.9);
	border-style: solid;
	border-radius: 18px;
    border-width: 7px;
	margin: 0;
}

.doc-items-btn{
	background-image: url(../images/common/btn_prog_items.png);
	background-size: 100% 100%;
	padding: 2%;
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 5%;
}

.doc-items-btn img{
	width: 25px;
	
}

.doc-items-btn p{
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 4%;
    margin-top: 3%;
}

/* home */

#swiper-button-prev-home,
#swiper-button-next-home{
    width: 100px;
}

#swiper-button-prev-facilities-inner,
#swiper-button-next-facilities-inner{
    width: 3rem;
}

#swiper-button-prev-home::after,
#swiper-button-next-home::after,
#swiper-button-prev-facilities-inner::after,
#swiper-button-next-facilities-inner::after{
    content: ' ';
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    height: 100px;
}

#swiper-button-prev-home::after{
    background-image: url(/file/BPjjRP/arrow-prev.png);
}

#swiper-button-next-home::after{
    background-image: url(/file/Z9mjDG/arrow-next.png);
}

.home-swiper-div .swiper-container .slide-img img{
    padding: 0 10%;
    max-height: 60vh;
    object-fit: scale-down;
}

.home-div-title .block-title,
.about-us-div-title .block-title,
.traffic-div-title .block-title,
.contact-us-div-title .block-title,
.open-hour-div-title .block-title,
.lottery-result-div-title .block-title,
.rental-rules-div-title .block-title,
.booking-form-div-title .block-title,
.facilities-to-rent-title .block-title,
.provided-facilities-div-title .block-title,
.provided-facilities-first-floor-div-title .block-title,
.provided-facilities-r-floor-div-title .block-title,
.provided-facilities-ground-floor-div-title .block-title{
    text-align: left;
    border-left: 10px solid #8fbe3f;
    padding-left: 10px;
    padding: 5px 0 5px 10px;
}

.home-contact-us-title .block-title,
.contact-us-div-title .block-title,
.open-hour-div-title .block-title,
.provided-facilities-first-floor-div-title .block-title,
.provided-facilities-r-floor-div-title .block-title,
.provided-facilities-ground-floor-div-title .block-title{
    border-left-color: #1d97cc;
}

.lottery-result-div-title .block-title,
.rental-rules-div-title .block-title,
.booking-form-div-title .block-title,
.facilities-to-rent-title .block-title,
.provided-facilities-div-title .block-title{
    border-left-color: #712d82;
}

.home-about-us-inner-div, 
.home-traffic-inner-div, 
.home-contact-us-inner-div,
.traffic-inner-div,
.lottery-result-inner-div,
.rental-rules-inner-div,
.booking-form-inner-div,
.facilities-to-rent-inner-div{
    display: flex;
    justify-content: center;
}

.home-about-us-inner-div,
.home-traffic-inner-div,
.home-contact-us-inner-div,
.about-us-inner-div,
.traffic-inner-div,
.contact-us-inner-div,
.lottery-result-inner-div,
.rental-rules-inner-div,
.booking-form-inner-div,
.facilities-to-rent-inner-div,
.provided-facilities-inner-div,
.provided-facilities-first-floor-inner-div,
.provided-facilities-first-floor-inner-header,
.provided-facilities-floor-inner-button-div
{
    text-align: -webkit-center;
    display:flex;
    justify-content: center;
}

.provided-facilities-first-floor-div,
.provided-facilities-r-floor-div,
.provided-facilities-ground-floor-div{
    display:flex;
    justify-content: center;
}

.provided-facilities-first-floor-inner-header > .cms-container-inside,
.provided-facilities-r-floor-inner-header > .cms-container-inside,
.provided-facilities-floor-inner-button-div > .cms-container-inside{
    width: 84%;
    padding: 0 2%;
}

.provided-facilities-first-floor-div > .cms-container-inside,
.provided-facilities-r-floor-div > .cms-container-inside,
.provided-facilities-ground-floor-div > .cms-container-inside{
    width: 85%;
    padding: 0 2%;
}

.home-about-us-inner-div > .cms-container-inside,
.home-traffic-inner-div > .cms-container-inside,
.home-contact-us-inner-div > .cms-container-inside,
.about-us-inner-div > .cms-container-inside,
.traffic-inner-div > .cms-container-inside,
.contact-us-inner-div > .cms-container-inside,
.lottery-result-inner-div > .cms-container-inside,
.rental-rules-inner-div > .cms-container-inside,
.booking-form-inner-div > .cms-container-inside,
.facilities-to-rent-inner-div > .cms-container-inside,
.provided-facilities-inner-div > .cms-container-inside,
.provided-facilities-first-floor-inner-div > .cms-container-inside{
    width: 85%;
    background-color: #fff;
    margin: 5% 0;
    padding: 2% 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.provided-facilities-first-floor-inner-div > .cms-container-inside{
    margin-top: 0;
}

.lottery-result-inner-div > .cms-container-inside{
    min-height: 60vh;
}

.home-about-us-info,
.home-traffic-info,
.home-contact-us-info,
.about-us-info,
.traffic-info,
.contact-us-info,
.open-hour-info,
.lottery-result-info,
.rental-rules-info,
.booking-form-info,
.facilities-to-rent-info,
.provided-facilities-info{
    padding: 0 5%;
}

.info-image img{
    width: 60%;
}

.info-para{
    text-align: justify;
    line-height: 1.8;
    padding-right: 5%;
    font-size: 1rem;
}

.more-btn{
    background: linear-gradient(180deg, #24acdb 50%, #1d97cc 50%);
    padding: 1rem 2rem;
    color: #fff;
    text-decoration: none;
}

html[lang="sc"] .more-btn{
    font-weight: bold;
}

.more-btn-green{
    margin-top: 2%;
    background: linear-gradient(180deg, #a4c83f 50%, #8fbe3f 50%);
}

.more-btn:hover{
    color: #fff;
}

.home-full-width-infos{
    position: relative;
    min-height: 80vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.home-full-width-inner-box{
    position: absolute;
    top: 40%;
    left: 15%;
    font-size: 1.2rem;
    background-color: rgba(0,0,0,0.5);
    padding: 2.2%;
    width: 430px;
}

.home-full-width-inner-box .block-content{
    text-align: justify;
}

.home-facility-div{
    background-repeat: no-repeat;
    margin-top: 2%;
    margin-bottom: 2%;
}

.home-facility-title{
    margin: 4%;
}

.home-facility-swiper-div .swiper-wrapper .swiper-slide{
    padding: 2%;
    background-color: #fff;   
    height: auto;
    margin-bottom: 3%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    cursor: pointer;
}

.home-facility-swiper-div .swiper-wrapper .block-title{
    padding: 10px 0;
}

.home-facility-swiper-div .swiper-wrapper .block-title a{
    color: black;
    text-decoration: none;
}

.home-facility-swiper-div .swiper-wrapper .block-content{
    display: flex;
}

.home-facility-swiper-div .swiper-wrapper .block-content table{
    text-align: left;
}

.home-facility-swiper-div .swiper-wrapper .block-content table td{
    vertical-align: top;
}

#swiper-pagination-facility .swiper-pagination-bullet{
    width: 90px;
    background: #c4c3c3;
    border-radius: unset;
}

#swiper-pagination-facility .swiper-pagination-bullet-active{
    background: #8fbe3f;
}

.home-traffic-map-outer{
    display: flex;
}

.home-traffic-map{
    width: 100%;
}

.home-traffic-map .cms-container-inside{
    height: 100%;
}

.home-traffic-map .cms-container-item{
    padding: 1%;
}

.home-contact-us-info > .cms-container-inside > .cms-container-item,
.contact-us-info > .cms-container-inside > .cms-container-item,
.provided-facilities-info > .cms-container-inside > .cms-container-item{
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-contact-us-info .info-para{
    width: 90%;
}

.about-us-info-image img{
    padding: 0 10%;
    margin: 5% 0;
}

.info-para h6{
    width: fit-content;
    font-weight: bold;
    border-radius: 25px;
    padding : 10px 15px;
    background-color: #efefef;
}

.home-traffic-map iframe,
.traffic-map iframe{
    min-height: 35vh;
}

.more-btn-view{
    margin: 5% 0;
    text-align: left;
    padding: 0 5%;
}

.home-facility-swiper-div .swiper-slide .slide-img img{
    border-bottom: 5px solid #8fbe3f;
    min-height: 245px;
    max-height: 245px;
    object-fit: fill;
}

.home-facility-swiper-div table td{
    color: #7f7d7f;
}

#contact-us-table td{
    padding: 2% 10px;
}

#open-hour-table td,
#open-hour-warning-table td{
    vertical-align: top;
}

#open-hour-warning-table{
    margin-left: 5%;
}

#open-hour-warning-table tr td:first-child{
    padding-right: 5px;
    width: 25px;
}

.lottery-result-info .info-para{
    margin-top: 2%;
}

.lottery-result-info .info-para a{
    text-decoration: none;
    color: #0e6fa5;
}

.rental-rules-info .info-image img,
.booking-form-info .info-image img,
.facilities-to-rent-sub-item .info-image img{ 
    width: 100%;
}

.rental-rules-info, .booking-form-info{
    margin-top: 5%;
}

.facilities-to-rent-sub-item .info-right-view{
    padding-left: 5%;
}

.facilities-to-rent-sub-item{
    padding-top: 2%;
    padding-bottom: 1%;
    border-bottom: 3px solid lightgray;
}

.facilities-to-rent-sub-item a, .provided-facilities-row-div a{
    text-decoration: none;
    color: #d48400;
}

.facilities-to-rent-sub-item .info-left-view img{
    border-bottom: 4px solid #8fbe3f;
    max-height: 200px;
    object-fit: cover;
    cursor: pointer;
}

.facilities-to-rent-sub-item #rent-table td{
    vertical-align: top;
}

.facilities-to-rent-sub-item #rent-table tr td:first-child{
    width: 5%;
}

.overlay-main{
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 3;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content{
    position: relative;
    width: 100%;
    text-align: justify;
    margin-top: 30px;
    margin: 5% 0 5% 10%;
    min-height: 75vh;
}

.overlay-content a, .dropdown-btn{
    padding: 8px;
    text-decoration: none;
    font-size: 2em;
    color: #7f7d7f;
    display: block;
    transition: 0.3s;
    font-weight: bold;
    letter-spacing: 0.3vw;
    position: relative;
}

.dropdown-btn{
    display: flex;
}

.dropdown-title-a {
    padding: 0 !important;
    font-size: 1rem !important;
}

.dropdown-title-a{
    padding: 0;
}

.overlay-lang{
    margin: 5%;
    color: #7f7d7f;
    font-size: 2em;
    /* position: absolute; */
    bottom: 0;
    display: flex;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
}

.overlay-lang a{
    display: unset;
    color: #7f7d7f;
    font-size: 1vw;
    text-decoration: none;
}

.overlay-lang a:hover{
    color: #7A7A7A;
}

.overlay-content a:hover, .overlay a:focus {
    /* color: #00AEEF; */
}

.overlay-content-innner:hover > a::after{
    width: 15px;
}

.dropdown-container {
    display: none;
    padding-left: 8px;
}

.dropdown-btn img{
    width: 25px;
    transform: rotate(90deg);
}

.provided-facilities-info .info-para{
    padding-right: 20%;
    margin-bottom: 10%;
}

.provided-facilities-row-div{
    display: flex;
    justify-content: center;
}

.provided-facilities-row-div > .cms-container-inside{
    width: 90%;
}

.provided-facilities-row-div > .cms-image {
    width: 100%;
    height: 100%;
}

.provided-facilities-row-div .info-image img{
    width: 100%;
    margin-bottom: 2%;
    border-bottom: 5px solid #8fbe3f;
    max-height: 195px;
    min-height: 195px;
    /* object-fit: cover; */
    cursor: pointer;
}

.provided-facilities-row-div .info-para{
    padding-right: unset;
}

.provided-facilities-row-div > .cms-container-inside > .cms-container-item{
    padding: 0 2%;
    margin-bottom: 5%;
}

.provided-facilities-row-div .info-para h3{
    text-align: center;
}

.provided-facilities-row-div .info-para .block-content{
    display: flex;
}

.provided-facilities-row-div .info-para table td{
    vertical-align: top;
}

.provided-facilities-row-div .info-para table tr td:nth-child(odd){
    width: 5%;
}

.provided-facilities-row-div .info-para table tr td:nth-child(even){
    width: 40%;
}

.provided-facilities-first-floor-inner-div{
    padding: 0 3% 3% 3%;
    /* margin-bottom: 15%; */
}

.provided-facilities-first-floor-div-title,
.provided-facilities-first-floor-inner-header,
.provided-facilities-r-floor-div-title,
.provided-facilities-ground-floor-div-title{
    margin-top: 5%;
}

.inner-info{
    display: none;
}

.inner-info-title{
    text-align: left;
    padding-left: 5%;
}

.inner-info-main >  .cms-container-inside > .cms-container-item{
    padding: 2% 5% 5% 5%;
}

.inner-display-image-div{
    margin-bottom: 2%;
}

.inner-display-image-div img{
    /* object-fit: contain; */
}
.inner-info-main >  .cms-container-inside > .cms-container-item.inner-left-view{
    padding: 3% 6% 5% 6%;
}

#inner-info-table{
    text-align: justify;   
}

#inner-info-table td{
    vertical-align: baseline;
    padding: 3% 0%;
}

#inner-info-table tr td:nth-child(odd){
    width: 15%;
}

.inner-header-div, .inner-btns-div{
    display: flex;
}

.provided-facilities-floor-inner-button-div{
    margin-top: 2%;
}

.inner-btns-div .btn-item{
    border-radius: 10px;
    border: 1px solid #1d97cc;
    padding: 10px 15px;
    margin-right: 1%;
    width: 150px;
}

.inner-btns-div .btn-item.active{
    background-color: #1d97cc;
}

.inner-btns-div .btn-item.active{
    color: white;
}

.inner-header-item{
    background-color: #8fbe3f;
    color: white;
    padding: 15px 5%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    cursor: pointer;
}

.inner-header-item:nth-child(odd){
    background-color: #1d97cc;
}

.inner-header-item a{
    text-decoration: none;
    color: white;
}

.inner-btns-div .btn-item{
    text-decoration: none;
    color: #1d97cc;
}

.header-blue{
    background-color: #1d97cc;
}

.inner-header-item.header-white{
    background-color: white;
}
.header-white a{
    color: black;
}

.header-green{
    background-color: #8fbe3f;
}

#swiper-button-prev-facilities-inner::after{
    background-image: url(/file/JPl5n8/arrow-white.png);
    transform: rotate(180deg);
}

#swiper-button-next-facilities-inner::after{
    background-image: url(/file/JPl5n8/arrow-white.png);
}

.info-swiper .swiper-wrapper .swiper-slide img{
    /* min-height: 108px;
    object-fit: fill;
    max-height: 108px;
    cursor: pointer; */
    cursor: pointer;

    /* object-fit: contain;
	object-position: bottom;
	font-family: 'object-fit: contain;'; */
	/* object-position: bottom; */
     /* object-fit: fill; */
    /* font-family: 'object-fit: cover; object-position: center;'; */
    min-height: 108px;
    max-height: 108px;
    width: 100%;

}

.custom-object-fit {
    /* position: relative;
    background-size: cover;
    background-position: center center; */

    /* width: 150px;
  height: 100px;
  background-image: url("http://had2022-uat.infinmedia.com/file/E8arr9/test.JPG");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%; */

  width: 152px;
  height: 108px;
  /* background-image: url(http://had2022-uat.infinmedia.com/file/E8arr9/test.JPG); */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  }

.facilities-inner-info-para{
    text-align: left;
}

.facilities-inner-btn{
    background: linear-gradient(180deg, #24acdb 50%, #1d97cc 50%);
    padding: 1rem 3rem;
    color: #fff;
    text-decoration: none;
}

.facilities-inner-btn:hover{
    color: #fff;
}

.facilities-inner-btn-orange{
    margin-top: 2%;
    background: linear-gradient(180deg, #f2a827 50%, #df9828 50%);
}

.fix-tr-height{
    height: 25px;
}

.back-to-top-icon img{
    width: 25px;
}

.back-to-top-icon{
    position: fixed;
    bottom: 0;
    right: 0;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: white;
    cursor: pointer;
    border-radius: 100%;
    padding: 1%;
}

.footer-center p{
    margin-top: 1rem;
}

.provided-facilities-ground-floor-div-title a,
.provided-facilities-first-floor-div-title a,
.provided-facilities-r-floor-div-title a
{
    text-decoration: none;
}

.info-hide{
    display: none;
}

.add-icon, .add-icon-traffic{
    cursor: pointer;
}

.hidden{
	display: none;
}