p, h1, h2, h3, h4, h5, h6, label, input, select, textarea, a, span{
	font-family: "Oxygen", sans-serif !important;
	font-style: normal;
}

.main__logo--img {
	max-width: 160px;
}

.main__menu--link {
	font-weight: 500 !important;
}

.main__menu--link::before {
	height: 2px !important;
}

.solid__btn {
	line-height: normal !important;
	border-radius: 16px;
	height: 42px !important;
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header__sticky {
	background-color: rgb(252, 252, 252) !important; 
	border-bottom: 1px solid rgb(230, 230, 230);
}

.header__sticky.sticky {
	box-shadow: none !important;
}

.hero__section--bg2 {
	background: rgb(254, 254, 254) !important;
}

.bg-filter-img {
	background-color: black;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	position: absolute;
	border-radius:  0 0 0 40px;
}

.hero__thumbnail--slider___media {
	border-radius:  0 0 0 40px;
}

.secondary-home-image {
	position: absolute;
    bottom: 100px;
    left: -150px;
    width: 500px;
    border-radius: 30px;
	border: 1px solid rgb(230, 230, 230);
}

.solid__btn:hover {
	background-color: #086e58;
}

#scroll__top:hover {
	background: #086e58;
}

#scroll__top {
	border-radius: 14px;
}

.img-wave-home {
	width: 500px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
}

.categories__box {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: none !important;
	border: 1px solid rgb(246, 246, 246);
}

.categories__badge {
	border-radius: 14px;
	box-shadow: none !important;
	background-color: rgb(252, 252, 252) ; 
	border: 1px solid rgb(246, 246, 246);
}

.categories__box:hover .categories__badge {
	background-color: #219980 ;
}

.categories__thumbnail {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80px;
	min-height: unset !important;
	width: 80px;
	border-radius: 16px;
	background-color: #2199811e;
	margin: 0 auto 30px auto;
}

.categories__thumbnail i {
	color: #219980;
	font-size: 24px;
}

.about-us-img {
	border-radius: 0 40px 40px 0;
	border: 1px solid rgb(230, 230, 230);
}

.where-serve-img {
	border-radius: 30px;
	border: 1px solid rgb(230, 230, 230);
}

.team__member--inner {
	border: 1px solid rgb(230, 230, 230);
	box-shadow: none !important;
	border-radius: 32px;
	background-color: rgb(252, 252, 252);
}

.footer__logo--img {
	width: 180px;
}

.footer__section {
	background-color: rgb(10, 10, 10);
}

.footer__bottom {
	background-color: rgb(12, 12, 12);
}

.card-team-user {
	background-color: white;
	border: 1px solid rgb(230, 230, 230);
	border-radius: 20px;
	padding: 24px;
	min-height: 260px;
}

.icon-bg {
	height: 50px;
	width: 50px;
	border-radius: 16px;
	background-color: #2199811e;
	display: flex;
	align-items: center;
	justify-content: center;
}

.icon-bg i {
	color: #219980;
}

.card-team-user h6 {
	font-size: 18px;
}

.card-team-user .cargo-user {
	font-size: 14px;
	color: rgb(163, 163, 163);
}

.card-team-user .desc {
	font-size: 16px;
	font-weight: 700;
	color: rgb(43, 43, 43);
}


.swiper-pagination-bullet.swiper-pagination-bullet {
    width: 30px !important ;
    height: 2px;
    border-radius: 0 !important;
    background-color: #21998059;
}

.swiper-pagination-bullet-active {
	background-color: #219980 !important;
}

.swiper-pagination-bullet-active::before {
	display: none !important;
}

.border {
	border: 1px solid rgb(230, 230, 230);
}

.contact__property--form input, .contact__property--form select{
	height: 48px;
	border-radius: 16px;
	border: 1px solid rgb(230, 230, 230) !important;
	width: 100%;
	padding: 0 1.8rem;
}

.contact__property--form textarea {
	border-radius: 16px;
	border: 1px solid rgb(230, 230, 230) !important;
}

.contact__property--form__input {
	margin-bottom: 10px;
}

#success {
    display: none;
    border: 1px solid #1ab21a;
    background-color: #6dd96d38;
    padding: 10px 20px;
    border-radius: 16px;
    color: #1ab21a;
    margin-bottom: 20px;
    font-weight: 600;
}

#error {
    display: none;
    border: 1px solid #c00c0c;
    background-color: #d96d6d62;
    padding: 10px 20px;
    border-radius: 16px;
    color: #c00c0c;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 14px;
}

@media screen and (max-width: 1676px) {
	.secondary-home-image {
		left: -40px ;
	}
}

@media screen and (max-width: 1199px) {
	.secondary-home-image {
		width: 300px;
	}
}

@media screen and (max-width: 1040px) {
	.hero__section.hero__section--bg2 {
		flex-wrap: wrap;
		padding-top: 60px;
		gap: 30px;
	}

	.hero__thumbnail--slider {
		display: none;
	}
}

@media only screen and (min-width: 991px) {
    .d-lg-none-my {
        display: none;
    }
}

.dorpdown-btn {
	outline: none !important;
	border: none !important;
	color: #219980 !important;
	background-color: unset !important;
}

.dorpdown-btn::after {
	display: none !important;
}

.dropdown-menu {
	background-color: rgb(252, 252, 252) !important;
	border-radius: 16px;
	padding: 20px;
}

.dropdown-menu.show {
	position: absolute;
	top: 80px !important;
	left: calc(50% - 85px) !important;
	transform: none !important;
}

.dropdown-menu li {
	padding: 10px 0;
}

.dropdown-menu li a {
	font-size: 14px;
}

.dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li a:hover{
	color: #219980;
	background-color: unset !important;
}

@media screen and (max-width: 412px){
	.header-btn {
		font-size: 14px;
	}

	.main__logo--img {
		width: 120px;
	}
}

.group-checksbox label {
	width: 300px;
	display: flex;
	align-items: center;
	justify-content: start;
}

.group-checksbox input {
	width: fit-content;
	margin-right: 10px;
	border-radius: 4px;
}