﻿.owl-theme .owl-controls .owl-dots { display: none !important; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] { position: absolute; top: 50%; margin-top: 15px; display: inline-block; width: 50px; height: 50px; padding: 0px; color: #999; text-align: center; border-radius: 0px; border-radius: 100%; border: 1px solid #999; background-color: rgba(255,255,255,0.8) !important; }
.owl-theme .owl-controls .owl-nav [class*="owl-"] .aicf { font-size: 28px; line-height: 50px; }
.owl-theme .owl-controls .owl-nav [class*="owl-prev"] { left: 30px; }
.owl-theme .owl-controls .owl-nav [class*="owl-next"] { right: 30px; }
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover { background-color: #E8941E !important; color: #ffffff; border-color: #E8941E; }


/*** ====================================================================Main Slider style====================================================================***/
.main-slider { position: relative; z-index: 10; max-height: 880px; overflow: hidden; }
.main-slider .tp-dottedoverlay { background-color: rgba(0,0,0,0.10) !important; }
.main-slider .tp-caption { z-index: 5; transform: scale(0); }
.main-slider .text { font-weight: 400; line-height: 1.8em; color: #ffffff; font-size: 24px; }
.main-slider .text.light { color: #ffffff; }
.main-slider h1, .main-slider h2 { color: #fff; font-family: 'Wulkan Display Italic'; font-weight: normal; text-shadow: rgba(0,0,0,0.9) 2px 2px 2px; }
.main-slider h1 { font-size: 42px; line-height: 1.2em; }
.main-slider h2 { font-size: 42px; line-height: 1.6em; }
.main-slider .btn-style-one, .main-slider .btn-style-two { min-width: 160px; padding: 15px 0; text-align: center; border-width: 2px !important; color: #fff; }
.main-slider .btn-style-one { background: #ff6a00; }
.main-slider .btn-style-two { background: #000; }
.main-slider .tp-bullets.preview3 .bullet { background: #a6a7ab !important; width: 1.8vw !important; min-width: 28px !important; height: 12px !important; border: 0px !important; border-radius: 2px !important; margin: 0px 8px; transform: skewX(-30deg); }
.main-slider .tp-bullets.preview3 .bullet:hover, .main-slider .tp-bullets.preview3 .bullet.selected { border-color: #f18d00 !important; background: #f18d00 !important; }

.main-slider .tparrows.preview3 { background: none !important; width: 54px !important; overflow: hidden; margin-top: -27px !important; height: 54px !important; display: none !important; }
.main-slider .tparrows.preview3::after { top: 0px; background-color: rgba(255,255,255,0.2); background-position: center; background-repeat: no-repeat; background-size: 80%; height: 54px !important; width: 54px !important; border-radius: 50%; }
.main-slider .tparrows.tp-leftarrow.preview3::after { content: ''; background-image: url('images/arrow-left.png'); }
.main-slider .tparrows.tp-rightarrow.preview3::after { content: ''; background-image: url('images/arrow-right.png'); }
.main-slider .tparrows.preview3.tp-leftarrow { left: 30px !important; }
.main-slider .tparrows.preview3.tp-rightarrow { right: 30px !important; }
.main-slider .tparrows.preview3:hover::after { background-color: #fc721e; }
.main-slider .tparrows.preview3 .tp-arr-iwrapper { visibility: hidden; opacity: 0; display: none; }
.main-slider .tp-bannertimer { display: none !important; }
.tp-bullets.hidebullets { opacity: 1 !important; }

.home-title { text-align: center; padding: 50px 0; }
.home-title h2 { font-size: 48px; }
.home-title p { color: rgba(0,0,0,0.4); text-align: center;font-size:1.2em;margin-top:1.5em;}


.home-part-1 { display: flex; padding: 50px 0; justify-content: space-between; }
.home-part-1 > div { width: 48%;padding:48px; background: rgb(245 245 247);border-radius:24px;}
.home-part-1 .txt {position:relative;}
.home-part-1 .txt h4 {font-size:32px;padding-bottom:1em;}
.home-part-1 .txt p {color:rgb(77,78,88);margin:1em 0;}
.home-part-1 .txt p .aicf {margin-right:1em;}
.home-part-1 .txt .but {margin-top:2em;width:fit-content;padding:16px 24px;line-height:20px;border-radius:50px;background:#fff;color:var(--color-blue);cursor:pointer;transition:all .3s;}
.home-part-1 .txt .but:hover {background:#000;}

.home-part-1 .img {position:absolute;right:0;bottom:0;width:35%;z-index:0;}
.home-part-1 .img img { display: block; width: 100%; }

.home-part-2 { padding: 50px; }
.home-part-2 .items { display: flex; flex-wrap: wrap; gap: 20px; justify-content:center; }
.home-part-2 .item { display: block;flex-grow: 1;max-width:200px;text-align:center; background: rgba(134,134,139,0.4); border-radius: 30px; padding: 0 20px; overflow: hidden; position: relative; transition: all .3s; }
.home-part-2 .item .txt { font-size: 18px; line-height: 48px; position: relative; z-index: 1; color: #fff; }
.home-part-2 .item:hover { background: rgba(134,134,139,0.6); }
.home-part-2 .more { margin-top: 30px; }
.home-part-2 .more a { display: block; width: 120px; line-height: 48px; font-size: 16px; text-align: center; margin: 0 auto; border-radius: 5px; background: rgba(134,134,139,0.4); color: #fff; transition: all .3s; }
.home-part-2 .more a:hover { background: rgba(0,0,0,0.6); }

.home-part-3 { display: block; padding: 50px 0; }

.home-toolkit { display: block; padding: 50px 0; }
.home-toolkit .owl-carousel { padding: 0; }
.home-toolkit .owl-carousel .item { padding: 50px; background: #f5f5f5; display: block; border-radius: 20px; }
.home-toolkit .owl-carousel .item .title { font-size: 20px; line-height: 1.6em; font-weight: bold; color: #4d4e58; }
.home-toolkit .owl-carousel .item .intro { font-size: 16px; line-height: 1.6em; min-height: 4.8em; color: #4d4e58; margin-top: 20px; }
.home-toolkit .owl-carousel .item .img { margin-top: 20px; overflow: hidden; }
.home-toolkit .owl-carousel .item img { display: block; max-width: 100%; border-radius: 20px; }

@media only screen and (max-width:1600px) {
	.home-title { padding: 3vw 0; }
	.home-title h2 { font-size: 3vw; }

	.home-part-1 { padding: 3vw 0; }

	.home-part-1 > div { padding:3vw; border-radius:1.5vw;}
	.home-part-1 .txt h4 {font-size:2vw;}
	.home-part-1 .txt .but {padding:1vw 1.5vw;line-height:1.25vw;}

	.home-part-2 { padding: 3vw 0; }
	.home-part-3 { padding: 3vw 0; }
	.home-toolkit { padding: 3vw 0; }
	.home-toolkit .owl-carousel .item { padding: 3vw; }
	.home-toolkit .owl-carousel .item .intro { margin-top: 1.25vw; }
	.home-toolkit .owl-carousel .item .img { margin-top: 1.25vw; }

	.home-part-2 .items { gap: 1.25vw; }
	.home-part-2 .item { border-radius: 2vw; padding: 0 1.25vw; max-width:12.5vw;}
	.home-part-2 .item .txt { font-size: 1vw; line-height: 3vw; }
	.home-part-2 .more { margin-top: 2vw; }
	.home-part-2 .more a { width: 7.5vw; line-height: 3vw; font-size: 1vw; }
}



@media only screen and (max-width:1300px) {
	.home-part-1 .txt .but {padding:13px 20px;line-height:18px;}

	.home-part-2 .item { max-width:152px;}
	.home-part-2 .item .txt { font-size: 14px;line-height:30px; }
	.home-part-2 .more a { font-size: 14px; width:100px;}
}
@media only screen and (max-width:1024px) {
	.home-part-1 > div { padding:30px; border-radius:15px;}
	.home-part-1 .txt h4 {font-size:20px;}
}
@media only screen and (max-width:768px) {
	.home-part-1 { padding:20px 0; }
	.home-part-2 { padding:20px 0; }
	.home-part-3 { padding:20px 0; }
	.home-toolkit { padding: 20px 0; }


	.home-title { padding: 24px 0; }
	.home-title h2 { font-size: 24px; }
	
	.home-part-2 .items { gap:8px; }
	.home-part-2 .item { border-radius: 16px; padding: 0 10px; }
	.home-part-2 .item .txt { font-size: 12px; line-height:20px; }
	.home-part-2 .more { margin-top:15px; }
	.home-part-2 .more a {line-height:24px;}

}

@media only screen and (max-width:520px) {
	.home-part-1 {display:block;}
	.home-part-1 > div {width:100%;margin:var(--root-offset) 0;}

	.home-toolkit .owl-carousel .item { padding: 10px; border-radius: 10px; }
	.home-toolkit .owl-carousel .item .intro { font-size: 14px; margin-top: 10px; }
	.home-toolkit .owl-carousel .item .img { margin-top: 15px; }
	.home-toolkit .owl-carousel .item img { border-radius: 10px; }
}
