.bx-wrapper { border: none !important; margin-bottom: 0px !important; }

.mainSliderWrapper { height: 396px; overflow: hidden; }
.mainSliderWrapper .bx-prev { display: none; }
.mainSliderWrapper .bx-wrapper .bx-next { background-image: none; background-color: #ffa83b; color: var(--textColor); border-radius: 30px; text-indent: 0px; line-height: 33px; display: inline-block; text-align: center; }
.mainBannerOut { position: relative; overflow: hidden; background-color: #FBEED5; }
.mainBannerDecor { position: absolute; background: #FFB775; width: 70vw; height: 40vw; border-radius: 100px; right: -25vw; transform: rotate(170deg); top: -0px; }

.mainBannerIn { position: relative; padding: 20px 100px; background-repeat: no-repeat; background-position: bottom right; color: #103559; max-width: 1400px; margin: auto; }
.mainBannerIn table { min-height: 356px }
.mainBannerIn a { display: inline-block; background: var(--mainColor); color: var(--contrastColor); padding: 15px 30px; border-radius: 100px; margin-top: 20px; transition-duration: 0.3s; }
.mainBannerIn a:hover { text-decoration: none; background: var(--mainColor2); box-shadow: 0px 4px 28px 0px #00000014; }

.bannerSliderWrap { overflow: hidden; }
.bannerSliderWrap .bx-wrapper .bx-pager { bottom: 20px }
.bannerSliderWrap .bx-prev { display: none }
.bannerSliderWrap .bx-wrapper .bx-next { background-image: none; background-color: #ffa83b; color: var(--textColor); border-radius: 30px; text-indent: 0px; line-height: 33px; display: inline-block; text-align: center; }
.bannerOut { position: relative; overflow: hidden; background-color: #003459; border-radius: 20px; }
.bannerDecor { position: absolute; background: #FCEED5; width: 70vw; height: 50vw; border-radius: 100px; left: -22vw; transform: rotate(150deg); top: -13vw; }
.bannerIn { position: relative; padding: 20px 100px; color: #103559; }
.bannerIn table { min-height: 356px }
.bannerIn table td { width: 50% }
.bannerIn table td.img { text-align: center; vertical-align: middle; padding: 20px }
.bannerIn table td img { max-height: 350px; margin: auto; }
.bannerIn a { display: inline-block; background: var(--mainColor); color: var(--contrastColor); padding: 15px 30px; border-radius: 100px; margin-top: 20px; transition-duration: 0.3s; }
.bannerIn a:hover { text-decoration: none; background: var(--mainColor2); box-shadow: 0px 4px 28px 0px #00000014; }

.categoriesWImages { margin: 80px auto; }
.categoriesWImages .col { text-align: center; }
.categoriesWImages a { color: var(--textColor); }
.categoriesWImages a:hover { text-decoration: none; }
/* round images */
.categoriesWImages img { border-radius: 100px; width: 170px; height: 170px; object-fit: cover; }

.pointLine { background: #FF9900; height: 52px; padding: 15px; margin-left: -15px; width: calc(100% + 15px); }
.pointLine .plc { display: flex; justify-content: space-around; max-width: 1200px; margin: auto; }
.pointLine .plc .plci { display: flex; align-items: center; }

.mainBrandList { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; }
.mainBrandList a { display: block; padding: 20px; text-align: center; width: 150px; height: 150px; }
.mainBrandList a img { max-width: 100%; max-height: 100%; object-fit: contain; }

@media (max-width: 768px) {
	.mainSliderWrapper { height: calc(100vh  - 215px); }
	.mainBannerIn { padding: 20px 50px 130px; }
	.mainBannerDecor { min-height: 500px }

	.bannerDecor { display: none; }
	.bannerIn { color: var(--contrastColor); padding: 20px }
	.bannerIn table { display: block; }
	.bannerIn table tr { display: block; }
	.bannerIn table td { display: block; width: 100%; text-align: center; }

	.bannerIn table td img { max-height: 200px; margin: auto; }

	.categoriesWImages img { width: 120px; height: 120px; }

	.pointLine { margin: 0px; width: 100%; overflow: auto; }
	.pointLine .plc { width: 1000px }
}