@import url('https://fonts.maateen.me/solaiman-lipi/font.css');
:root {
    --green-color: #198754;
    /* --green-color: #00A54F; */
    --green-hover-color: #0f5833;
    --main-bg-color: #198754;
    --main-alt-color: #FFC107;
	--dropdown-bg: #fff;
	--dropdown-bg-hover: #198754;
    --main-hover-bg-color: #4c227c;
    --normal-color: #fff;
    --normal-bg: #e0e0e0;
    --hesh-color: #fdfcea;
    --gray-white: #efefef;
    
  }
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/* ::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track { background: #a5a4a4; }
::-webkit-scrollbar-thumb {background: var(--main-bg-color); }
::-webkit-scrollbar-thumb:hover {background: var(--main-hover-bg-color); } */

@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1320px;
	}
}

.btn-success {
    color: #fff;
    background-color: var(--green-color);
    border-color: var(--green-color);
}

.main-color{color: var(--normal-bg);}
.text-light-pink{color: var(--main-bg-color);padding: 2px 40px !important;}
body{
    font-family: 'SolaimanLipi', Arial, sans-serif !important;
    overflow-y: scroll;
    overflow-x: hidden;
   
	/* https://img.freepik.com/premium-vector/roof-repair-vector-house-with-hammer-linear-seamless-pattern_104589-4675.jpg */
	/* https://i.pinimg.com/564x/8e/47/db/8e47dba2297c11105ce04f492f9a3c3a.jpg */
	background: linear-gradient(rgb(255 255 255 / 90%), rgb(255 255 255 / 70%)), url(images/bg.jpg);
    background-position: center;
}
.main-content{
	background: #fff;
    box-shadow: 0px 0px 5px 0px #ddd;
	padding-top: 15px;
}
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../../assets/load/load1.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

ul{
    list-style: none;
    margin: 0;
}

a{
    text-decoration: none !important;
    color: #000;
}
a:hover{color: var(--green-hover-color);}

header{
	position: sticky;
    top: 0px;
    background: none repeat scroll 0 0 #ffffff;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid var(--green-color);
}
header.current{
	position: fixed;
}
.d-none-scroll{
    display: none !important;
}
.hover:hover{opacity: .7;}
.d-block-scroll{
    display: block !important;
}
.fs-14{font-size: 14px !important;}
.hash-color-bg{background:  #ffffff;}
.date-link{
    background: var(--green-color);
    color: #ffffff;
}
h6.date{font-size: 14px;}
h5#dateTimeClock {
    font-size: 14px;
}
.nav-btn{
    flex: 3;
    display: flex;
}
.text-justify{text-decoration: justify !important;}


.nav-links{
    flex: 2;
}

.nav-links > ul{
    display: flex;
}

.nav-link{
    position: relative;
    padding: 0px 0px;
}

.nav-link > a{
    line-height: 2.5;
    color: #075a34 !important;
    padding: 0 .8rem;
    letter-spacing: 1px;
    font-size: 1.05rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .5s;
}

.nav-link > a > i{
    margin-left: .2rem;
}

.nav-link:hover > a{
    /* transform: scale(1.1); */
    background: var(--green-color);
	color: #fff !important;
}

.dropdown{
    position: absolute;
    top: 102%;
    left: 0;
    width: 14rem;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: .5s;
}

.dropdown ul{
    position: relative;
}

.dropdown-link > a{
    display: flex;
    background-color: var(--dropdown-bg);
    color: var(--green-color);
    padding: .5rem 1rem;
    font-size: .9rem;
    align-items: center;
    justify-content: space-between;
    transition: .3s;
}

.dropdown-link:hover > a{
    background-color: var(--dropdown-bg-hover);
    color: #fff;
}

.dropdown-link:not(:nth-last-child(2)){
    border-bottom: 1px solid #efefef;
}

.dropdown-link i{
    transform: rotate(-90deg);
}

.arrow{
    width: 11px;
    height: 11px;
    top: -5.5px;
    left: 32px;
    background-color: #fff;
    transform: rotate(45deg);
    cursor: pointer;
    transition: .3s;
    z-index: -1;
    position: absolute;
}

/* .dropdown-link:first-child:hover ~ .arrow{
    background-color: var(--main-bg-color);
} */

.dropdown-link{
    position: relative;
}

.dropdown.second{
    top: 0;
    left: 100%;
    cursor: pointer;
    transform: translateX(10px);
}

.dropdown.second .arrow{
    top: 10px;
    left: -5.5px;
}

.nav-link:hover > .dropdown,
.dropdown-link:hover > .dropdown{
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
}

.hamburger-menu-container{
    flex: 1;
    display: none;
    align-items: center;
    justify-content: space-between;
}

.hamburger-menu{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu div{
    width: 1.6rem;
    height: 3px;
    border-radius: 3px;
	background-color: var(--main-bg-color);
    position: relative;
    z-index: 1001;
    transition: .5s;
}

.hamburger-menu div:before,
.hamburger-menu div:after{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: var(--main-bg-color);
    border-radius: 3px;
    transition: .5s;
}

.hamburger-menu div:before{
    transform: translateY(-7px);
}

.hamburger-menu div:after{
    transform: translateY(7px);
}

#check{
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    z-index: 90000;
    cursor: pointer;
    opacity: 0;
    display: none;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div{
    background-color: transparent;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:before{
    transform: translateY(0) rotate(-45deg);
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:after{
    transform: translateY(0) rotate(45deg);
}

@keyframes animation{
    from{
        opacity: 0;
        transform: translateY(15px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}
/* .active{
    background: var(--main-hover-bg-color);
} */
.nav-link.active {
	background: var(--green-color);
}
.nav-link.active a{
	color: #fff !important;
}
.nav-icon{
    height: 24px;
    width: 12px;
    margin-left: 4px;
}
.border{
    border: 2px solid;
    border-color: gray;
}
.icon{
    height: 25px;
    width: 25px;
}
.search{
    width: 54px;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.logo{
    height: 70px;
    width: 70px;
	justify-content: center;
    align-items: center;
    display: flex;
}
.logo img{
    width: 100%;
}
.nav_logo{width: 50px;margin-right: 10px;}
.nav_logo img{height: 100%;width: 100%;}
.name h1{
    font-weight: bold;
    font-size: 30px;
    margin-left: 10px;
}
.head{
    padding: 3px 0px;
    display: flex;
    flex-wrap: wrap;
}
.main-head{
	background: #ffffff;
    border-bottom: 1px solid var(--green-color);
	padding: 5px 0;
}
.email,.phone{
    font-weight: 400;
    color: #000;
    font-size: 14px;
}
.modal{background-color: rgb(0 0 0 / 38%) !important;}
.social-icon{
    height: 20px;
    width: 20px;
    color: white;
}
.profile-img{
    height: 50px;
    width: 50px;
    border: 5px solid white;
    outline: auto;
    outline-color: #e6e6e6;
}
.word-span {
    width: 110px;
    float: left;
    font-weight: 700;
    color: gray;
}
iframe{
    width: 100% !important;
    /* height: 420px !important; */
    /* border-top: 2px solid gray; */
}
@media only screen and (max-width: 500px) {
    iframe{
        height: 220px !important;
    }
}
.toast-default {
    background: rgba(53, 164, 178, 0.8) none repeat scroll 0 0;
    color: #fff;
}
.toast {
    border-radius: 5px;
    display: none;
    padding: 20px 10px 10px;
    position: fixed;
    right: 20px;
    text-align: justify;
    top: 100px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
button.toast-dismiss {
    background: none;
    border: none;
    margin-right: 16px;
    margin-bottom: 5px;
}
.success-border{
    border: 2px solid #28a745 !important;
}
.err-border{
    border: 2px solid red !important;
}
.search-form{background: white;color: var(--main-bg-color);}
.fs-sm {font-size: 14px;}
.page-item .page-link, .page-item span { font-size: .675rem; display: flex;width: 36px; height: 36px; margin: 0 3px; padding: 0; border-radius: 50% !important; align-items: center; justify-content: center;}
/* .table th,.table td {border: 1px solid var(--green-hover-color); padding: 3px;font-family: auto;font-size: 14px;} */
.border-bottom-1{border-bottom: 1px solid var(--green-color);}
.ancor{color: var(--green-color) !important;}
.ancor:hover{color: var(--green-hover-color) !important;}
.details{font-size: 14px;text-align: left;}
#myImg{border-radius:5px;cursor:pointer;transition:0.3s;}
#myImg:hover{opacity:0.7;}
.notimportan div, .notimportan p{overflow: unset !important;}
.modal{display:none;position:fixed;z-index:9999;padding-top:80px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.9);}
.modal-content{margin:auto;display:block;width:80%;max-width:700px;}
#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px;}
.modal-content, #caption{-webkit-animation-name:zoom;-webkit-animation-duration:0.6s;animation-name:zoom;animation-duration:0.6s;}
@-webkit-keyframes zoom{from{-webkit-transform:scale(0)}
to{-webkit-transform:scale(1)}
}
@keyframes zoom{from{transform:scale(0)}
to{transform:scale(1)}
}
.mh{min-height: 50px !important;}
.combine-box-shadow{box-shadow: 0 22px 43px rgba(126, 125, 125, 0.15); margin-bottom: 20px;cursor: pointer;outline: auto;outline-color: #d2d2d2;}
.combine-box-shadow:hover{box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.notimportan{font-size: 16px;width: 100%;}
.text-light-gray{color: #d0d0d0 !important;}
.notice_content:hover{color: var(--main-bg-color);}
.url-valu-section{background: var(--green-color); padding: 6px 0px;}
.os-x{overflow-x: scroll;}
.webkit-box{display: flex;}
div#fixed-box-width {width: 140px;}
.singel-teacher-data{color: #00b16a !important;font-weight: normal;}
.search_box{padding: 20px 50px;background-color: #f1f1f1;border: 1px solid #d6d6d6;}
.studentsearchdocument{color: #00b16a !important;}
.demo-gallery-poster{width:10px;position:absolute;transform:translate(140px, 90px);opacity:0;}
#myImg:hover + .demo-gallery-poster{opacity:1;}
.box-shadow{box-shadow: 0px 1px 2px 1px #00000033;}
.glyphicon{margin-right:4px !important; /*override*/}
.pagination .glyphicon{margin-right:0px !important; /*override*/}
.pagination a{color:#555;}
.panel ul{padding:0px;margin:0px;list-style:none;}
.news-item{padding:4px 10px;margin:0px;border-bottom:1px dotted #555; }
.notice{background: #ffffff;}
.panel-footer{background: var(--green-color);}
.allNotice_a,.notice_tittle:hover,.noticeDate,.notice_date{color: var(--green-color)}
/* .notice_more{background: var(--green-hover-color);} */
.notice_date{padding:5px 0px;font-weight:500;display:inline-block;font-size: 13px;}
.notice_date{padding:6px 0px 5px 13px;font-weight:500;display:inline-block;}
.notice_content{color:#2f2f2f;font-weight: 500;font-size: 15px;}
.news-item div{border-left:3px solid gray;padding-left:10px;}
.notice_more{padding:5px 7px;line-height:44px;font-size:18px;color:#fff;margin-left:5px;border-radius: 3px;}
 .notice_more:hover{/*box-shadow:0px 0px 10px rgba(0, 0, 0, 0.30); */color: rgb(207, 206, 206);}
.notice_more{/*box-shadow: 0px 0px 4px rgb(0 0 0 / 81%); */color: #fff;}
.pagination li a{background:none !important;padding:0 !important;}
/* .pagination li{margin-top:5px;} */
.onload-modal-button{background:  var(--green-color) !important; color: white !important;}
.onload-modal-button:focus{border: none;}
.more-button { float: right;margin-right: 5px;}
.panel-heading{background: var(--green-color);padding: 7px 3px;font-size: 18px;}
.noticeDate{padding-left:40px;}
.date1{position:absolute;left:-37px;top:-3px;text-align:center;border-radius:100%;width:70px;height:70px;line-height:70px;z-index:33;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform:scale(0);-moz-transform:scale(0);transform:inherit;z-index:36;}
.date1 h4{font-size:25px;font-weight:600;color:#fff !important;padding-top:10px;}
.date1 h4 b{font-size:15px;font-weight:600;color:#fff;display:block;}
.notice_tittle{color:#000000;}
.notice_span{margin-right:10px;padding-right:10px;border-right:1px solid #e6e6e6;font-weight:500;display:inline-block;}
.notice_span2{margin-right:10px;padding-right:10px;font-weight:500;display:inline-block;}
.download_img{float:right;padding:10px;border:1px solid #ccc;border-radius:3px;}
.download_img img{vertical-align:middle;}
.routine_view_content{min-height:80px;border:1px solid;padding:10px;}
.noticeDate:hover{color:#000000;}
.medium-icon{height: 25px;width: 25px;}
.up-down {text-align: right;float: right;}
/* .up-button, .down-button{ margin-top: 5px;padding: 5px 11px; background: var(--green-hover-color);margin-right: 8px;} */
.up-button, .down-button {padding: 0px 5px;}
.slide{ height: 350px; width: 100%;}
.carousel-item img { height: 350px !important; width: 100% !important;object-fit: cover;}
/* .profile-picture {height: 140px; width: 140px;border-radius: 50%;padding: 2px;border: 1px solid #00a54f42;box-shadow: 0px 0px 1px 1px #00a54f42;} */
.profile-picture{height: 150px;width: 150px;border-radius: 50%;padding: 2px;border: 3px solid #ab90cc;box-shadow: 0px 4px 5px 0px #e6edc9;}
.mayor{font-size: 14; font-weight: bold;margin-top: 5px;color: var(--main-bg-color);}
.mayor:hover{color: var(--main-bg-color);opacity: 0.8;padding-left: 2px;}
.head-title{font-weight: bold;padding: 10px;background: var(--green-color);}
.head-title h2{font-size: 21px;}
.text-light-pink span{padding-bottom: 5px !important;font-weight: bold;font-size: 15px;}
.text-light-pink p{display: inline-block;}
.head-title1{font-weight: bold;padding: 10px;border-bottom:1px solid var(--green-color);text-align: left !important;}
.head-title1 h2{font-size: 21px;color: var(--green-color);}
.title-icon{height: 21px;width: 21px;}
.description{font-weight: 200;color: #000;font-size: 15px;}

/* .link{font-weight: 200;color: #ffffff;font-size: 15px;padding: 10px;background: var(--green-color);display: flex;}
.link:hover{background: var(--green-hover-color);color: white;} */

.link {
    background: linear-gradient(to left, white 50%, var(--green-color) 50%) right;
    background-size: 205%;
    transition: .5s ease-out;
    font-weight: 200;
    font-size: 15px;
    padding: 10px;
    display: flex;
    border: 1px dashed var(--green-color); color: var(--green-color);/* border-radius: 3rem !important; */}

.link:hover{
    color: white !important;
    background-position: left;
}

.link-icon{width: 15px;height: 15px;float: left;margin-right: 8px;}
/* .link-section {background: #eaeaea;} */
.section-container {padding: 15px 0px;}
.marquee{color: white;transition: color .5s;}
.marquee:hover{color: var(--main-alt-color);}
.speech-section,.message-section,.image-section {background: #E0E0E0;}
.main-bg{background: var(--gray-white) !important;color: var(--main-bg-color) !important;border-bottom: 1px solid #cacaca;}
.message-img{height: auto;width: 150px;}
.out-line{outline: auto;outline-color: #e6e6e6;}
.message-title{font-size: 20px;font-weight: normal;color: var(--main-bg-color);}
.bttn{padding: 1px 8px;background: var(--main-hover-bg-color);color: white;}
.bttn:hover{color:white; background: var(--main-bg-color);}
.crad-img{
	transition: transform 0.15s ease 0s;transform: scale3d(1, 1, 1);
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}
.card-title-text{font-size: 16px;font-weight: 400;border-top: 1px solid #dfdfdf;padding-top: 5px;}
 .card-gallery:hover {/*box-shadow: 0px 0px 5px 1px #ababab*/box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);} 
.card-gallery:hover .card-img-top{
	transform: scale3d(1.05, 1.05, 1.05); transition: transform .5s;
}
.card-padding{border: 10px solid white;}
.card-padding{display: block;overflow: hidden;position: relative;}
.world-list li{float: left;    margin: 3px 2.5%; width: 45%;;border: 1px dashed var(--main-bg-color) !important;border-radius: 3rem;}
.world-list li:hover{border: 1px solid var(--main-bg-color) !important;}
.world-list li a{background: white;background: linear-gradient(to left, white 50%, var(--main-bg-color) 50%) right;background-size: 202%;transition: .5s ease-out;padding: 3px 5px;font-size: 15px; float: left;width: 107px;text-align: center;color: var(--main-bg-color) !important;width: 100%;border-radius: 3rem;}
.world-list li a:hover{color: white !important;background-position: left;}
.home-icon{height: 18px;width: 18px;margin-right: 2px;margin-top: -3px;}
.video-img{height: 200px !important;}
.footer-copyright{
	/* background: var(--main-hover-bg-color); */
	background: #fff;
	color: #000;
	border-top: 1px solid #00a54f;
}
.footer-copyright a{
	color: #1549b7;
	font-weight: bold;
}
.footer-copyright a:hover{
	color: #097c3a;
}
.footer-copyright .itlab{width: 35px;margin: 5px 2px;}
.footer-copyright .amarunion{width: 250px;}
.footer-link{
	font-size: 14px;
	/* color: var(--hesh-color); */
	color: #2b2b2b;
	transition: margin .5s ;
}
.footer-link:hover{opacity: .9;margin-left: 7px;color: #097c3a;}
.page-footer{
	color: #097c3a;
	background: linear-gradient(rgb(255 255 255 / 50%), rgb(255 255 255 / 70%)), url(images/footer-bg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
	/* background-attachment: fixed; */
}
.footer-title{font-size: 22px;padding: 10px 0 7px 0;margin-bottom: 0;position: relative;}
.footer-logo{max-width: 100%;margin-bottom: 5px;}
.footer-icon{height: 14px;width: 14px;margin-right: 4px;}
.rounded-top{border-top-left-radius: 8px !important;border-top-right-radius:8px !important;}
.box-shadow{
	border-radius: 5px;
    overflow: hidden;
}
.rounded-b{border-bottom-left-radius: 8px !important;border-bottom-right-radius:8px !important;}
p{margin-bottom: 0px !important;}
.profile-card{transition: background 1s;transition: box-shadow 1s;}
.profile-card:hover{background: white !important;box-shadow: 0px 0px 14px 1px #ececec!important;}

.online-help-link{border: 1px dashed var(--main-bg-color);padding: 15px 10px;height: 100%;text-align: center; cursor: pointer;}
.online-help-link:hover .online-help-link-img{transition: transform 1s; transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.url-valu-section svg{margin-top: 4px !important;}

.hs {
	display: -webkit-box;
	display: flex;
	overflow-x: scroll;
	-webkit-box-pack: justify;
			justify-content: space-between;
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
	-webkit-overflow-scrolling: touch;
	margin: 0 -20px;
  }
  .hs__header {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
			align-items: center;
	width: 100%;
  }
  .hs__headline {
	-webkit-box-flex: 1;
			flex: 1;
  }
  .hs__arrows {
	align-self: center;
  }
  .hs__arrows #arrow:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	content: "";
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTUgOSI+Cgk8cGF0aCBmaWxsPSIjMzMzMzMzIiBkPSJNNy44NjcgOC41NzRsLTcuMjItNy4yMi43MDctLjcwOEw3Ljg2NyA3LjE2IDE0LjA1Ljk4bC43MDYuNzA3Ii8+Cjwvc3ZnPgo=");
	background-size: contain;
	/* -webkit-filter: brightness(5);
			filter: brightness(5); */
	width: 18px;
	height: 12px;
	cursor: pointer;
  }
  .hs__arrows #arrow.disabled:before {
	-webkit-filter: brightness(3);
			filter: brightness(3);
  }
  .hs__arrows #arrow.arrow-prev:before {
	-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
	margin-right: 10px;
  }
  .hs__arrows #arrow.arrow-next:before {
	-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
  }
  .hs__item {
	background: #ffffff;
    padding: 8px;
	-webkit-box-flex: 1;
			flex-grow: 1;
	flex-shrink: 0;
	flex-basis: calc(100% / 4 - (10px * 2) - (20px / 4));
	margin: 10px;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
			justify-content: center;
	-webkit-box-align: center;
			align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
			flex-direction: column;
	position: relative;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
  }
  @media only screen and (max-width: 990px) {
	.hs__item {
	  flex-basis: calc(100% / 3 - (10px * 2) - (20px / 3));
	  /* background: #2700a0; */
	}
  }
  .hs__item:last-child:after {
	content: "";
	display: block;
	position: absolute;
	width: 10px;
	height: 1px;
	right: calc(10px * 2 * -1);
  }
  .hs__item:first-child {
	margin-left: calc(10px * 2);
  }
  .hs__item__description {
	z-index: 1;
	align-self: flex-start;
	margin: 6px 0;
	padding: 0px 9px;
	font-size: 11px !important;
  }
  .hs__item__subtitle {
	color: #aaa;
	display: block;
  }
  .hs__item__image__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 60%;
}
  .hs__item__image {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  @media only screen and (min-width: 990px) {
	.hs__wrapper {
	  overflow: hidden;
	}
  }
  @media (hover: none) and (pointer: coarse) {
	.hs__wrapper .hs__arrows {
	  display: none;
	}
	.hs__wrapper .hs__item {
	  -webkit-box-flex: 1;
			  flex: 1 0 calc(23% - 10px * 2);
	}
  }
  @media only screen and (hover: none) and (pointer: coarse) and (max-width: 990px) {
	.hs__wrapper .hs__item {
	  -webkit-box-flex: 1;
			  flex: 1 0 calc(45% - 10px * 2);
	}
  }
  
  .container11 {
	padding: calc(10px * 2);
	margin: 0 auto;
	background: #e2e2e2;
	mix-blend-mode: invert;
	position: relative;
  }
  .container11:after {
	content: '';
	width: 100vw;
	height: 100%;
	background: #e2e2e2;
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
	z-index: -1;
  }
  .hs::-webkit-scrollbar {
	width: 0;
	height: 0;
  }
  
  .description11 {
	color: #212121;
	margin: 0 auto;
	padding: calc(10px * 4);
  }
  
  ul.ul-slider {
	padding: 0;
    margin: 0;
    cursor: grab;
    background: #0d914610;
  }


  @media only screen and (min-width: 960px) {
    .modal-content{max-width: 800px; width: 800px !important;}
}

#myModal .close {
    float: right;
    position: absolute;
    font-size: 1.5rem;
    right: 19%;
    top: 61px;
    z-index: 99999999999999999999;
    opacity: 1;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    background: #ff2121;
    cursor: pointer;
    height: 32px;
    width: 32px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
}
.text-light-words-reserved-word{color: #000000 !important;}

.details-link{
	color: #198754c7;
}
.details-link:hover{
	color: #198754;
	text-decoration: underline !important;
}