@media screen and (min-width: 1200px) and (max-width: 1500px) {
	
	.swoos-item img {
		width: 74%;
	}

	.about-swoos-item img {
	  width: 40%;
	}

	.about-swoos-item {
	  right: 0px;
	  bottom: 3rem;
	}

	.header-btn a {
		padding: 10px;
	}

	.partners-main {
		column-gap: 90px;
	}

	.adminis-img {
  	top: 47px;
  }

}

/*FOR-DESKTOP-SMALL-START*/
@media screen and (min-width: 992px) and (max-width: 1023px) {
	
 p {
	font-size: 1rem; /* 16px */
}

.menu-toggle {
  	display: block;
}

.main-nav {
	display: none;
}

.sidebar-menu {
	display: block;
}

.logo-item img {
  max-width: 200px;
}

.header-main {
	grid-template-columns: repeat(2,1fr);
}

.header-btn {
	display: none;
}

.swoos-item {
  display: none;
}

.hero-area {
  padding: 58px 0 60px 0;
}

.hero-item h2 {
  font-size: 4.375rem; /* 70px */
  letter-spacing: -2.55px;
}

.header-area {
  padding: 20px 0;
}

.hero-item a {
	font-size: 13px;
	display: block;
	text-align: center;
}

.partners-main {
	display: none;
}

.partners-item1 img {
  max-width: 102px !important;
}

.partners-item2 img {
  max-width: 112px;
}

.partners-item3 img {
  max-width: 112px !important;
}

.partners-item4 img {
  max-width: 50px !important;
}

.partners-item5 img {
  max-width: 113px !important;
}

.partners-area {
	padding-bottom: 0;
} 

.policy-title {
	text-align: left !important;
}

.policy-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
	margin-top: 25px;
}

.policy-title p {
	margin-left: 0;
}

.policy-area {
	padding: 0px 0 47px 0;
}

.policy-main {
	grid-template-columns: 100%;
	row-gap: 29px;
}

.policy-item {
	padding: 31px 29px;
}

.policy-item h4 {
	font-size: 1.5625rem; /* 25px */
}

.policy-circle {
	width: 68px;
	height: 68px;
}

.policy-text h5 {
	font-size: 1.0625rem; /* 17px */
}

.yearbox-wrap {
	grid-template-columns: repeat(2, 1fr);
	margin-top: 60px;
	column-gap: 20px;
	row-gap: 20px;
} 

.year-box {
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(111deg, #00524C 5.42%, #FCB336 46.31%, #EB7923 88.04%) border-box;
	border-radius: 40px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 40px 20px;
	min-height: 250px;
}

.year-inner {
	border-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.year-box h2 {
	font-size: 2.8rem; /* 64px */
	font-weight: 500;
	background: linear-gradient(252deg, #B85810 1.01%, #E78032 23.38%, #EB7923 68.11%, #B14E04 100.42%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 15px;
}

.year-box p {
	line-height: 26px;
}

.year-area {
	padding-bottom: 50px;
}

.service-item {
	padding: 40px;
}

.service-btn a {
	display: block;
}

.service-btn {
	margin-top: 42px;
}

.service-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.service-title p {
	font-size: 1rem; /* 16px */
	line-height: 24px;
}

.service-item h4 {
	font-size: 1.5625rem; /* 25px */
	line-height: 30px;
}

.service-item p {
	font-size: 1rem; /* 16px */
	line-height: 24px;
}

.working-with-chainthat-area {
	padding: 70px 0;
}

.working-with-chainthat-card .card-body {
	padding: 40px;
}

.working-with-chainthat-card .card-title {
	font-size: 1.5625rem; /* 25px */
	line-height: 30px;
}

.working-with-chainthat-card .card-text {
	font-size: 1rem; /* 16px */
	line-height: 24px;
}

.review-area {
	padding: 70px 0;
}

.review-card .card-body {
	padding: 40px;
}

.review-card .card-title {
	font-size: 1.5625rem; /* 25px */
	line-height: 30px;
}

.review-card .card-text {
	font-size: 1rem; /* 16px */
	line-height: 24px;
}

.blog-area {
	padding: 70px 0;
}

.blog-main-wrap {
	padding: 50px 0;
}

.blog-item {
	padding: 30px;
}

.blog-item h3 {
	font-size: 1.375rem; /* 22px */
	line-height: 28px;
}

.blog-item ul li {
	font-size: 0.9375rem; /* 15px */
}

.blog-btn a {
	font-size: 0.8125rem; /* 13px */
}

.footer-area {
	padding: 50px 0 30px 0;
}

.footer-main {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.footer-item h4 {
	font-size: 1.375rem; /* 22px */
	line-height: 28px;
}

.footer-item p {
	font-size: 1rem; /* 16px */
	line-height: 24px;
}

.footer-item ul li {
	font-size: 1rem; /* 16px */
	line-height: 24px;
}

.footer-bottom {
	padding: 20px 0;
}

.footer-bottom p {
	font-size: 0.875rem; /* 14px */
}

}

/*FOR-TABLATE-START*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
 p {
	font-size: 1rem !important; /* 16px - Force all paragraphs to 1rem on tablet */
}

.menu-toggle {
  	display: block;
}

.main-nav {
	display: none;
}

.sidebar-menu {
	display: block;
}

.logo-item img {
  max-width: 180px;
}

.header-main {
	grid-template-columns: repeat(2,1fr);
}

.header-btn {
	display: none;
}

.swoos-item {
  display: none;
}

.hero-area {
  padding: 58px 0 60px 0;
  width: 55%;
}
.hero-mobil img {
    width: 45%;
    float: right;
	margin-top: 0;
}

.hero-item h2 {
  font-size: 4.375rem; /* 70px */
  letter-spacing: -2.55px;
}

.header-area {
  padding: 20px 0;
}

.hero-item a {
	font-size: 13px;
	display: block;
	text-align: center;
}

.partners-main {
	display: none;
}

.partners-item1 img {
  max-width: 102px !important;
}

.partners-item2 img {
  max-width: 112px;
}

.partners-item3 img {
  max-width: 112px !important;
}

.partners-item4 img {
  max-width: 50px !important;
}

.partners-item5 img {
  max-width: 113px !important;
}

.partners-area {
	padding-bottom: 0;
} 

.policy-title {
	text-align: left !important;
}

.policy-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
	margin-top: 25px;
}

.policy-title p {
	margin-left: 0;
}

.policy-area {
	padding: 0px 0 47px 0;
}

.policy-main {
	grid-template-columns: 100%;
	row-gap: 29px;
}

.policy-item {
	padding: 31px 29px;
}

.policy-item h4 {
	font-size: 1.5625rem; /* 25px */
}

.policy-circle {
	width: 68px;
	height: 68px;
}

.policy-text h5 {
	font-size: 1.0625rem; /* 17px */
}

.yearbox-wrap {
	grid-template-columns: repeat(2, 1fr);
	margin-top: 50px;
	column-gap: 20px;
	row-gap: 20px;
} 

.year-box {
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(111deg, #00524C 5.42%, #FCB336 46.31%, #EB7923 88.04%) border-box;
	border-radius: 35px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 35px 18px;
	min-height: 220px;
}

.year-inner {
	border-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.year-box h2 {
	font-size: 2.8rem; /* 56px */
	font-weight: 500;
	background: linear-gradient(252deg, #B85810 1.01%, #E78032 23.38%, #EB7923 68.11%, #B14E04 100.42%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 12px;
}

.year-box p {
	line-height: 24px;
	font-size: 0.9375rem; /* 15px */
}

.year-area {
	padding-bottom: 50px;
}

.service-item {
	padding: 40px;
}

.service-btn a {
	display: block;
}

.service-btn {
	margin-top: 42px;
}

.service-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.service-title {
	text-align: left !important;
}

.service-area {
	border-radius: 20px;
	padding: 60px 0 40px 0;
}

.ipsum-title {
	text-align: left !important;
}

.ipsum-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.service-main {
	margin-top: 40px;
}

.ipsum-main {
	grid-template-columns: 100%;
	margin-top: 35px;
	row-gap: 10px;
}

.swoos2-item {
	padding: 90px 0;
}

.ipsum-item h4 {
	font-size: 2.1875rem; /* 35px */
}

.ipsum-cnt {
	padding: 0;
}

.ipsum-btn a {
	display: block;
	text-align: center;
}

.order1 {
	order: 1;
}

.order1 {
	order: 1;
}

.order2 {
	order: 2;
}

.order3 {
	order: 3;
	margin-top: 40px;
}

.order4 {
	order: 4;
}

.review-item p {
	font-size: 1.6875rem; /* 27px */
}

.review-main {
	padding: 66px 18px;
}

.review-btn a {
	display: block;
	text-align: center;
}

.blog-main {
	grid-template-columns: 100%;
	row-gap: 40px;
}

.blog-main-wrap {
	border-radius: 0;
	padding: 0;
	background: none;
	box-shadow: none;
}

.blog-title h2 {
	font-size: 3.125rem; /* 50px */
}

.blog-area {
	padding: 50px 0;
}

.blog-item {
	padding: 0;
}

.blog-btm h3 {
	font-size: 3.125rem; /* 50px */
}

.blog-btm {
	margin-top: 70px;
}

.blog-btm ul {
	margin-top: 40px;
}

.footer-area {
	border-radius: 50px 50px 0 0;
}

.footer-top {
	grid-template-columns: 100%;
}

.footer-btm {
	grid-template-columns: 100%;
	margin-top: 40px;
	row-gap: 40px;
}

.footer-btm-left ul {
	justify-content: center;
}

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

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

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

.footer-top-right ul {
	flex-wrap: wrap;
	max-width: 218px;
	margin: auto;
	column-gap: 20px;
	margin-top: 45px;
	justify-content: space-between;
	row-gap: 30px;
	column-gap: 0;
}

.footer-top-right ul li {
	width: 50%;
}

.footer-top-right ul li:last-child {
	justify-content: center;
	text-align: center;
	width: 100%;
}

.about-swoos-item {
	display: none;
}

.about-item img {
	border-radius: 11px;
}

.about-title h2 {
	font-size: 4.375rem; /* 70px */
}

.about-main {
	margin-top: 70px;
}

.about-area {
	padding: 82px 0 40px 0;
}

.about-cnt h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.about-mobil img {
	width: 100%;
}

.about-cnt {
  	margin-top: 20px;
}

.play-btn-kp {
	width: 97px;
	height: 97px;
}

.play-btn-kp img {
	width: 28px;
	height: 28px;
}

.img-desktop {
	display: none;
}

.img-mobile {
	display: block;
}

.video-wrapper iframe {
  display: none;
  width: 100%;
  height: 600px;
  border-radius: 30px;
}

.about-video-area {
	padding: 0 0 40px 0;
}

.about-video-cnt {
	margin-top: 40px;
}

.about-video-btn a {
	display: block;
	text-align: center;
}

.about-video-cnt {
	text-align: left;
}

.employ-area {
	border-radius: 20px;
	padding: 60px 0;
}

.employ-title {
	text-align: left;
}

.employ-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.employ-main {
	grid-template-columns: 100%;
	row-gap: 20px;
	margin-top: 40px;
}

.employ-main2 {
	grid-template-columns: 100%;
	margin-top: 20px;
	row-gap: 20px;
}

.employ-item h3 {
	font-size: 1.75rem; /* 28px */
} 

.employ-item h3 br {
	display: none;
}

.employ-item h4 {
	font-size: 1rem; /* 16px */
}

.employ-item {
	padding: 38px;
}

.our-area {
	padding: 60px 0;
}

.our-title {
	text-align: left;
}

.our-title h2 {
	font-size: 3.125rem; /* 50px */
}

.our-main {
	display: none;
}

.our-mobil {
	margin-top: 10px;
}

.question-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.question-area {
	padding: 40px 0 80px 0;
}

.main-content6 .owl-dots {
	margin-top: 30px;
}

.main-content6 {
	padding: 0 15px;
}

.adminis-title h2 {
	font-size: 2.9375rem; /* 47px */
	line-height: 54px;
}

.adminis-title {
	text-align: left;
}

.adminis-area {
  background: url('../images/adminis-bg-m.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 195px;
  border-radius: 0 0 20px 20px;
  position: relative;
  margin-top: -94px;
  padding-bottom: 154px;
}	

.header-area10 {
	background: none;
}

.adminis-img img {
	margin-top: 30px;
}

.adminis-video-main {
	grid-template-columns: 100%;
	padding: 0;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	margin-top: 30px;
} 

.adminis-video-right {
	order: 1;
}

.adminis-video-left {
	order: 2;
}

.adminis-video-title {
	text-align: left;
}

.adminis-video-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.adminis-video-area {
  	padding: 134px 0 40px 0;
}

.adminis-video-left h3 {
	font-size: 2.5rem; /* 40px */
}

.adminis-video-left a {
	display: block;
	text-align: center;
}

.year-box10 {
  border: 1px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(111deg, #00524C 5.42%, #FCB336 46.31%, #EB7923 88.04%) border-box;
	  border-radius: 40px;
	  text-align: center;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  padding: 49px 47px;

}

.year-inner10 {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.year-inner10 h2 {
	font-size: 6.0625rem; /* 97px */
	background: linear-gradient(252deg, #B85810 1.01%, #E78032 23.38%, #EB7923 68.11%, #B14E04 100.42%);
    background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

.year-inner-title h2 {
	font-size: 3.125rem; /* 50px */
}

.yearbox-wrap10 {
	margin-top: 45px;
	row-gap: 20px;
}

.year-inner-title {
  margin-top: 100px;
}

.header-area2 {
	background: none;
}

.rating-main ul {
	display: none;
}

.rating-item-wrap {
	grid-template-columns: 100%;
	row-gap: 30px;
	margin-top: 40px;
}

.rating-item {
	border-bottom: 1px solid rgba(0, 82, 76, 0.20);
	padding-bottom: 29px;
}

.ratimg-title {
  position: initial;
  margin-top: 50px;
}

.ratimg-title h4 {
	font-size: 2.8125rem; /* 45px */
	line-height: 50px;
}

.rating-text-mobil a {
	font-weight: 500;
	font-size: 1rem; /* 16px */
	color: #000;
	position: relative;
	top: 34px;
}

.rating-text-mobil a i {
	font-size: 12px;
}

.rating-img {
  margin-top: 0;
}

.rating-title {
	text-align: left;
}

.rating-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.rating-area {
  	padding: 40px 0 60px 0;
}

.timeline-main {
	grid-template-columns: 100%;
	row-gap: 60px;
	margin-top: 40px;
}

.rb-container ul li::before {
	width: 42px;
	height: 42px;
	left: -22px;
}

.rb-container ul li {
  padding: 0px 0 51px 38px;
}

.all-title {
	text-align: left;
}

.all-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
	margin: 30px 0;
}

.timeline-area {
	padding-bottom: 60px;
}

.ipsum-area10 {
  padding: 80px 0 80px 0;
}

.industry-main h2 {
	font-size: 2.5rem; /* 40px */
	line-height: 43px;
}

.industry-main {
	text-align: center;
  background: url('../images/industry-m.png') no-repeat;
  background-position: center;
  background-size: cover;
	padding: 54px 36px;
}

.solu-text h2 {
	font-size: 4.375rem; /* 70px */
} 


.header-solution {
	background: none;
	backdrop-filter: blur(0);
}

.solution-hero-main img {
	border-radius: 0 0 20px 20px;
}

.solution-hero-main {
  margin-top: -101px;
}

.order-solu1 {
	order: 1;
}

.order-solu2 {
	order: 2;
}

.adminis-video-area {
	padding: 126px 0 60px 0;
}

.features-area {
	padding: 60px 0 72px 0;
	border-radius: 20px;
}

.features-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.tndus-btm ul {
	display: grid;
	grid-template-columns: 100%;
	row-gap: 20px;
}

.tndus-btm ul li a {
	display: block;
	text-align: center;
}

.tndus-btm {
	width: 100%;
	margin-top: 80px;
}

.news-main {
	grid-template-columns: 100%;
	row-gap: 50px;
}

.news-title h2 {
	font-size: 4.375rem; /* 70px */
	line-height: 70px;
}

.news-area {
  padding: 100px 0 80px 0;
}

.news-btn a {
	display: block;
	text-align: center;
}

.tab-item-wrap {
	grid-template-columns: 100%;
	row-gap: 50px;
}

.tab-buttons {
	flex-wrap: wrap;
	row-gap: 20px;
}

.tab-area {
	border-radius: 20px;
	padding: 50px 0 100px 0;
}

.blog-item50 {
	border-radius: 0;
	box-shadow: none;
	background: none;
}

.main-content9 {
	padding: 0 15px;
}

.partner-page-title h2 {
	font-size: 4.375rem; /* 70px */
	line-height: 70px;
}

.partner-logo img {
	max-width: 100px;
	/*! text-align: center; */
}

.partner-logo-wrap {
	grid-template-columns: repeat(2,1fr);
	padding-top: 44px;
	row-gap: 40px;
}

.part-mob img {
	width: 100%;
	margin-top: 70px;
}

.tuch-input-flex {
	grid-template-columns: 100%;
	row-gap: 10px;
}

.tuch-title h2 {
	font-size: 3.125rem; /* 50px */
}

.tuch-main {
	border: 0;
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
}

.tuch-submit button {
	width: 100%;
}

.tuch-area {
	padding-bottom: 80px;
}

.careers-btm {
	text-align: left;
	margin-top: 60px;
}

.careers-btm h4 {
	font-size: 2.1875rem; /* 35px */
}

.careers-btn a {
	display: block;
	width: 100%;
	text-align: center;
}

.features-title2 h2 {
	text-align: left !important;
}

.features-title2 p {
	text-align: left !important;
}

.vacancies-main {
	grid-template-columns: 100%;
}

.vacancies-item {
	padding: 20px;
}

.vacancies-area {
	padding: 20px 0 100px 0;
}

.jobfile-box {
	padding: 30px;
}

.file-uplode {
	padding: 20px;
}

.file-uplode p {
	font-size: 0.4375rem; /* 7px */
	margin-top: 5px;
}

.file-uplode h4 {
	font-size: 0.625rem; /* 10px */
}

.pdf-upload h4 {
	font-size: 0.5625rem; /* 9px */
}

.pdf-box h6 {
	font-size: 0.4375rem; /* 7px */
}

.pdf-box {
	padding: 7px;
}

.job-file-area {
  padding: 60px 0;
  border-radius: 20px;
  background: #F6F6F6;
}

.inner-file-wrapper {
	padding-top: 60px;
}

.job-main {
	text-align: left;
}

.job-main h2 {
	font-size: 4.375rem; /* 70px */
	line-height: 70px;
}

.job-main ul {
	display: grid;
	grid-template-columns: 100%;
	text-align: center;
	row-gap: 30px;
}

.job-btn10 a {
	display: block;
	text-align: center;
}

.job-hero {
	padding: 100px 0 50px 0;
}

.jobfile-cnt ul li {
  grid-template-columns: 6% auto;
  margin-bottom: 8px;
}

.dot {
	margin-top: 9px;
}

.office-main {
	grid-template-columns: 100%;
}

.office-title {
	text-align: left;
}

.office-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
	margin-bottom: 20px;
}

.office-area {
	border-radius: 20px;
	padding: 60px 0 80px 0;
}

.office-item {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.contact-title {
	text-align: left;
}

.contact-title h2 {
	font-size: 4.375rem; /* 70px */
}

.contact-area {
  padding: 78px 0 76px;
}

.checkbox {
	display: grid;
	grid-template-columns: 12% auto;
}

.partners-container {
	padding: 0;
}

.section-title {
	font-size: 2.5rem; /* 40px */
}

.nav-buttons {
	justify-content: initial;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.nav-buttons::-webkit-scrollbar {
  height: 6px;
}

.nav-buttons::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.nav-btn-container {
  padding: 0;
  padding-left: 15px;
}

.adminis-title {
  margin-bottom: 48px;
}

.tab-buttons3 {
	display: flex;
	flex-wrap: initial;
	justify-content: initial;
	overflow-x: scroll;
} 

.tab-buttons3 a {
	min-width: 249px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 20px;
}

/* Career Page Vacancies Cards - Tablet */
.vacancies-card {
	padding: 35px 25px !important;
	border-radius: 18px !important;
	margin-bottom: 25px;
}

.vacancies-job-title {
	font-size: 1.5rem !important;
}

.vacancies-description {
	font-size: 0.9375rem !important;
}

/*=laptop=*/
}

/*FOR-MOBIL-START*/
@media screen and (max-width: 767px) {

 p {
	font-size: 1rem !important; /* 16px - Force all paragraphs to 1rem on mobile */
}

.menu-toggle {
  	display: block;
}

.main-nav {
	display: none;
}

.sidebar-menu {
	display: block;
}

.logo-item img {
  max-width: 180px;
}

.header-main {
	grid-template-columns: repeat(2,1fr);
}

.header-btn {
	display: none;
}

.swoos-item {
  display: none;
}

.hero-area {
  padding: 58px 0 60px 0;
}

.hero-item h2 {
  font-size: 4.375rem; /* 70px */
  letter-spacing: -2.55px;
}

.header-area {
  padding: 20px 0;
}

.hero-item a {
	font-size: 13px;
	display: block;
	text-align: center;
}

.partners-main {
	display: none;
}

.partners-item1 img {
  max-width: 102px !important;
}

.partners-item2 img {
  max-width: 112px;
}

.partners-item3 img {
  max-width: 112px !important;
}

.partners-item4 img {
  max-width: 50px !important;
}

.partners-item5 img {
  max-width: 113px !important;
}

.partners-area {
	padding-bottom: 0;
} 

/*.policy-title {*/
/*	text-align: left !important;*/
/*}*/

.policy-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
	margin-top: 25px;
}

.policy-title p {
	margin-left: 0;
}

.policy-area {
	padding: 0px 0 47px 0;
}

.policy-main {
	grid-template-columns: 100%;
	row-gap: 29px;
}

.policy-item {
	padding: 31px 29px;
}

.policy-item h4 {
	font-size: 1.5625rem; /* 25px */
}

.policy-circle {
	width: 68px;
	height: 68px;
}

.policy-text h5 {
	font-size: 1.0625rem; /* 17px */
}

.yearbox-wrap {
	grid-template-columns: repeat(2, 1fr);
	margin-top: 40px;
	column-gap: 15px;
	row-gap: 15px;
} 

.year-box {
	border: 1px solid transparent;
	background: linear-gradient(#fff, #fff) padding-box, linear-gradient(111deg, #00524C 5.42%, #FCB336 46.31%, #EB7923 88.04%) border-box;
	border-radius: 30px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 30px 15px;
	min-height: 200px;
}

.year-inner {
	border-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}

.year-box h2 {
	font-size: 2.5rem; /* 40px */
	font-weight: 500;
	background: linear-gradient(252deg, #B85810 1.01%, #E78032 23.38%, #EB7923 68.11%, #B14E04 100.42%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
	line-height: 1.2;
	margin-bottom: 10px;
}

.year-box p {
	line-height: 22px;
	font-size: 0.875rem; /* 14px */
}

.year-area {
	padding-bottom: 50px;
}

.service-item {
	padding: 40px;
}

.service-btn a {
	display: block;
}

.service-btn {
	margin-top: 42px;
}

.service-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

/*.service-title {*/
/*	text-align: left !important;*/
/*}*/

.service-area {
	border-radius: 20px;
	padding: 60px 0 40px 0;
}

.ipsum-title {
	text-align: left !important;
}

.ipsum-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.service-main {
	margin-top: 40px;
}

.ipsum-main {
	grid-template-columns: 100%;
	margin-top: 35px;
	row-gap: 10px;
}

.swoos2-item {
	padding: 90px 0;
}

.ipsum-item h4 {
	font-size: 2.1875rem; /* 35px */
}

.ipsum-cnt {
	padding: 0;
}

.ipsum-btn a {
	display: block;
	text-align: center;
}

.order1 {
	order: 1;
}

.order1 {
	order: 1;
}

.order2 {
	order: 2;
}

.order3 {
	order: 3;
	margin-top: 40px;
}

.order4 {
	order: 4;
}

.review-item p {
	font-size: 1.6875rem; /* 27px */
}

.review-main {
	padding: 66px 18px;
}

.review-btn a {
	display: block;
	text-align: center;
}

.blog-main {
	grid-template-columns: 100%;
	row-gap: 40px;
}

.blog-main-wrap {
	border-radius: 0;
	padding: 0;
	background: none;
	box-shadow: none;
}

.blog-title h2 {
	font-size: 3.125rem; /* 50px */
}

.blog-area {
	padding: 50px 0;
}

.blog-item {
	padding: 0;
}

.blog-btm h3 {
	font-size: 3.125rem; /* 50px */
}

.blog-btm {
	margin-top: 70px;
}

.blog-btm ul {
	margin-top: 40px;
}

.footer-area {
	border-radius: 50px 50px 0 0;
}

.footer-top {
	grid-template-columns: 100%;
}

.footer-btm {
	grid-template-columns: 100%;
	margin-top: 40px;
	row-gap: 40px;
}

.footer-btm-left ul {
	justify-content: center;
}

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

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

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

.footer-top-right ul {
	flex-wrap: wrap;
	max-width: 218px;
	margin: auto;
	column-gap: 20px;
	margin-top: 45px;
	justify-content: space-between;
	row-gap: 30px;
	column-gap: 0;
}

.footer-top-right ul li {
	width: 50%;
}

.footer-top-right ul li:last-child {
	justify-content: center;
	text-align: center;
	width: 100%;
}

.about-swoos-item {
	display: none;
}

.about-item img {
	border-radius: 11px;
}

.about-title h2 {
	font-size: 4.375rem; /* 70px */
}

.about-main {
	margin-top: 70px;
}

.about-area {
	padding: 82px 0 40px 0;
}

.about-cnt h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.about-mobil img {
	width: 100%;
}

.about-cnt {
  	margin-top: 20px;
}

.play-btn-kp {
	width: 97px;
	height: 97px;
}

.play-btn-kp img {
	width: 28px;
	height: 28px;
}

.img-desktop {
	display: none;
}

.img-mobile {
	display: block;
}

.video-wrapper iframe {
  display: none;
  width: 100%;
  height: 600px;
  border-radius: 30px;
}

.about-video-area {
	padding: 0 0 40px 0;
}

.about-video-cnt {
	margin-top: 40px;
}

.about-video-btn a {
	display: block;
	text-align: center;
}

.about-video-cnt {
	text-align: left;
}

.employ-area {
	border-radius: 20px;
	padding: 60px 0;
}

.employ-title {
	text-align: left;
}

.employ-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.employ-main {
	grid-template-columns: 100%;
	row-gap: 20px;
	margin-top: 40px;
}

.employ-main2 {
	grid-template-columns: 100%;
	margin-top: 20px;
	row-gap: 20px;
}

.employ-item h3 {
	font-size: 1.75rem; /* 28px */
} 

.employ-item h3 br {
	display: none;
}

.employ-item h4 {
	font-size: 1rem; /* 16px */
}

.employ-item {
	padding: 38px;
}

.our-area {
	padding: 60px 0;
}

.our-title {
	text-align: left;
}

.our-title h2 {
	font-size: 3.125rem; /* 50px */
}

.our-main {
	display: none;
}

.our-mobil {
	margin-top: 10px;
}

.question-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.question-area {
	padding: 40px 0 80px 0;
}

.main-content6 .owl-dots {
	margin-top: 30px;
}

.main-content6 {
	padding: 0 15px;
}

.adminis-title h2 {
	font-size: 2.9375rem; /* 47px */
	line-height: 54px;
}

.adminis-title {
	text-align: left;
}

.adminis-area {
  background: url('../images/adminis-bg-m.png') no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 195px;
  border-radius: 0 0 20px 20px;
  position: relative;
  margin-top: -94px;
  padding-bottom: 154px;
}	

.header-area10 {
	background: none;
}

.adminis-img img {
	margin-top: 30px;
}

.adminis-video-main {
	grid-template-columns: 100%;
	padding: 0;
	border-radius: 0;
	border: 0;
	box-shadow: none;
	margin-top: 30px;
} 

.adminis-video-right {
	order: 1;
}

.adminis-video-left {
	order: 2;
}

.adminis-video-title {
	text-align: left;
}

.adminis-video-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.adminis-video-area {
  	padding: 134px 0 40px 0;
}

.adminis-video-left h3 {
	font-size: 2.5rem; /* 40px */
}

.adminis-video-left a {
	display: block;
	text-align: center;
}

.year-box10 {
  border: 1px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(111deg, #00524C 5.42%, #FCB336 46.31%, #EB7923 88.04%) border-box;
	  border-radius: 40px;
	  text-align: center;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  padding: 49px 47px;

}

.year-inner10 {
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.year-inner10 h2 {
	font-size: 6.0625rem; /* 97px */
	background: linear-gradient(252deg, #B85810 1.01%, #E78032 23.38%, #EB7923 68.11%, #B14E04 100.42%);
    background-clip: border-box;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}

.year-inner-title h2 {
	font-size: 3.125rem; /* 50px */
}

.yearbox-wrap10 {
	margin-top: 45px;
	row-gap: 20px;
}

.year-inner-title {
  margin-top: 100px;
}

.header-area2 {
	background: none;
}

.rating-main ul {
	display: none;
}

.rating-item-wrap {
	grid-template-columns: 100%;
	row-gap: 30px;
	margin-top: 40px;
}

.rating-item {
	border-bottom: 1px solid rgba(0, 82, 76, 0.20);
	padding-bottom: 29px;
}

.ratimg-title {
  position: initial;
  margin-top: 50px;
}

.ratimg-title h4 {
	font-size: 2.8125rem; /* 45px */
	line-height: 50px;
}

.rating-text-mobil a {
	font-weight: 500;
	font-size: 1rem; /* 16px */
	color: #000;
	position: relative;
	top: 34px;
}

.rating-text-mobil a i {
	font-size: 12px;
}

.rating-img {
  margin-top: 0;
}

.rating-title {
	text-align: left;
}

.rating-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.rating-area {
  	padding: 40px 0 60px 0;
}

.timeline-main {
	grid-template-columns: 100%;
	row-gap: 60px;
	margin-top: 40px;
}

.rb-container ul li::before {
	width: 42px;
	height: 42px;
	left: -22px;
}

.rb-container ul li {
  padding: 0px 0 51px 38px;
}

.all-title {
	text-align: left;
}

.all-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
	margin: 30px 0;
}

.timeline-area {
	padding-bottom: 60px;
}

.ipsum-area10 {
  padding: 80px 0 80px 0;
}

.industry-main h2 {
	font-size: 2.5rem; /* 40px */
	line-height: 43px;
}

.industry-main {
	text-align: center;
  background: url('../images/industry-m.png') no-repeat;
  background-position: center;
  background-size: cover;
	padding: 54px 36px;
}

.solu-text h2 {
	font-size: 4.375rem; /* 70px */
} 


.header-solution {
	background: none;
	backdrop-filter: blur(0);
}

.solution-hero-main img {
	border-radius: 0 0 20px 20px;
}

.solution-hero-main {
  margin-top: -101px;
}

.order-solu1 {
	order: 1;
}

.order-solu2 {
	order: 2;
}

.adminis-video-area {
	padding: 126px 0 60px 0;
}

.features-area {
	padding: 60px 0 72px 0;
	border-radius: 20px;
}

.features-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
}

.tndus-btm ul {
	display: grid;
	grid-template-columns: 100%;
	row-gap: 20px;
}

.tndus-btm ul li a {
	display: block;
	text-align: center;
}

.tndus-btm {
	width: 100%;
	margin-top: 80px;
}

.news-main {
	grid-template-columns: 100%;
	row-gap: 50px;
}

.news-title h2 {
	font-size: 4.375rem; /* 70px */
	line-height: 70px;
}

.news-area {
  padding: 100px 0 80px 0;
}

.news-btn a {
	display: block;
	text-align: center;
}

.tab-item-wrap {
	grid-template-columns: 100%;
	row-gap: 0px;
}

.tab-buttons {
	flex-wrap: wrap;
	row-gap: 20px;
}

.tab-area {
	border-radius: 20px;
	padding: 50px 0 100px 0;
}

.blog-item50 {
	border-radius: 0;
	box-shadow: none;
	background: none;
}

.main-content9 {
	padding: 0 15px;
}

.partner-page-title h2 {
	font-size: 4.375rem; /* 70px */
	line-height: 70px;
}

.partner-logo img {
	max-width: 100px;
	/*! text-align: center; */
}

.partner-logo-wrap {
	grid-template-columns: repeat(2,1fr);
	padding-top: 44px;
	row-gap: 40px;
}

.part-mob img {
	width: 100%;
	margin-top: 70px;
}

.tuch-input-flex {
	grid-template-columns: 100%;
	row-gap: 10px;
}

.tuch-title h2 {
	font-size: 3.125rem; /* 50px */
}

.tuch-main {
	border: 0;
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
	border-radius: 0;
}

.tuch-submit button {
	width: 100%;
}

.tuch-area {
	padding-bottom: 80px;
}

.careers-btm {
	text-align: left;
	margin-top: 60px;
}

.careers-btm h4 {
	font-size: 2.1875rem; /* 35px */
}

.careers-btn a {
	display: block;
	width: 100%;
	text-align: center;
}

/*.features-title2 h2 {*/
/*	text-align: left !important;*/
/*}*/

/*.features-title2 p {*/
/*	text-align: left !important;*/
/*}*/

.vacancies-main {
	grid-template-columns: 100%;
}

.vacancies-item {
	padding: 20px;
}

.vacancies-area {
	padding: 20px 0 100px 0;
}

.jobfile-box {
	padding: 30px;
}

.file-uplode {
	padding: 20px;
}

.file-uplode p {
	font-size: 0.4375rem; /* 7px */
	margin-top: 5px;
}

.file-uplode h4 {
	font-size: 0.625rem; /* 10px */
}

.pdf-upload h4 {
	font-size: 0.5625rem; /* 9px */
}

.pdf-box h6 {
	font-size: 0.4375rem; /* 7px */
}

.pdf-box {
	padding: 7px;
}

.job-file-area {
  padding: 60px 0;
  border-radius: 20px;
  background: #F6F6F6;
}

.inner-file-wrapper {
	padding-top: 60px;
}

.job-main {
	text-align: left;
}

.job-main h2 {
	font-size: 4.375rem; /* 70px */
	line-height: 70px;
}

.job-main ul {
	display: grid;
	grid-template-columns: 100%;
	text-align: center;
	row-gap: 30px;
}

.job-btn10 a {
	display: block;
	text-align: center;
}

.job-hero {
	padding: 100px 0 50px 0;
}

.jobfile-cnt ul li {
  grid-template-columns: 6% auto;
  margin-bottom: 8px;
}

.dot {
	margin-top: 9px;
}

.office-main {
	grid-template-columns: 100%;
}

.office-title {
	text-align: left;
}

.office-title h2 {
	font-size: 3.125rem; /* 50px */
	line-height: 50px;
	margin-bottom: 20px;
}

.office-area {
	border-radius: 20px;
	padding: 60px 0 80px 0;
}

.office-item {
	grid-template-columns: 100%;
	row-gap: 30px;
}

.contact-title {
	text-align: left;
}

.contact-title h2 {
	font-size: 4.375rem; /* 70px */
}

.contact-area {
  padding: 78px 0 76px;
}

.checkbox {
	display: grid;
	grid-template-columns: 12% auto;
}

.partners-container {
	padding: 0;
}

.section-title {
	font-size: 2.5rem; /* 40px */
}

.nav-buttons {
	justify-content: initial;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.nav-buttons::-webkit-scrollbar {
  height: 6px;
}

.nav-buttons::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.nav-btn-container {
  padding: 0;
  padding-left: 15px;
}

.adminis-title {
  margin-bottom: 48px;
}

.tab-buttons3 {
	display: flex;
	flex-wrap: initial;
	justify-content: initial;
	overflow-x: scroll;
} 

.tab-buttons3 a {
	min-width: 249px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 20px;
}







/*=phone=*/

/* ============================================
   CAROUSEL DOTS FOR MOBILE VIEW ONLY
   Show circular pagination dots on all carousels in mobile
   ============================================ */

@media (max-width: 1023px) {
	/* Show dots for all carousels in mobile/tablet view */
	.owl-dots {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* Style all carousel dots as circular */
	.owl-theme .owl-dots .owl-dot span {
		width: 12px !important;
		height: 12px !important;
		border-radius: 50% !important;
		background: rgba(0, 82, 76, 0.3) !important;
		margin: 5px 6px !important;
		display: inline-block !important;
		transition: all 0.3s ease !important;
		border: 2px solid transparent !important;
	}
	
	/* Active and hover state for dots */
	.owl-theme .owl-dots .owl-dot.active span,
	.owl-theme .owl-dots .owl-dot:hover span {
		background: #EB7923 !important;
		border-color: #EB7923 !important;
		transform: scale(1.2);
	}
	
	/* Dot buttons */
	.owl-dots button {
		border: none !important;
		outline: none !important;
		background: none !important;
		cursor: pointer;
		padding: 5px;
		transition: all 0.3s ease;
	}
	
	/* Focus state for accessibility */
	.owl-dots button:focus {
		outline: 2px solid #EB7923;
		outline-offset: 3px;
		border-radius: 50%;
	}
	
	/* Touch feedback for mobile */
	.owl-dots button:active span {
		transform: scale(0.9);
	}
	
	/* Ensure dots are centered and properly positioned */
	.main-content1 .owl-dots,
	.main-content2 .owl-dots,
	.main-content3 .owl-dots,
	.main-content4 .owl-dots,
	.main-content5 .owl-dots,
	.main-content6 .owl-dots,
	.main-content8 .owl-dots,
	.main-content9 .owl-dots,
	.main-content10 .owl-dots,
	.main-content11 .owl-dots,
	.main-content12 .owl-dots {
		position: relative !important;
		text-align: center !important;
		margin-top: 25px !important;
		width: 100% !important;
	}
	
	/* Policy, Blog, and other carousels */
	#owl-csel-policy-mobile .owl-dots,
	#owl-csel-policy-tablet .owl-dots,
	#owl-csel-blog-mobile .owl-dots,
	#owl-csel-blog-tablet .owl-dots {
		display: block !important;
		text-align: center !important;
		margin-top: 25px !important;
	}
}

/* Hide navigation arrows in mobile */
@media (max-width: 1023px) {
	.owl-nav {
		display: none !important;
	}
}

/* Enhanced carousel dots for better mobile experience */
@media (max-width: 767px) {
	/* Slightly larger dots for better touch targets on mobile */
	.owl-theme .owl-dots .owl-dot span {
		width: 10px !important;
		height: 10px !important;
		margin: 4px 5px !important;
	}
	
	/* Adjust spacing for main-content carousels */
	.main-content1 .owl-dots,
	.main-content2 .owl-dots,
	.main-content3 .owl-dots,
	.main-content4 .owl-dots,
	.main-content5 .owl-dots,
	.main-content6 .owl-dots,
	.main-content8 .owl-dots,
	.main-content9 .owl-dots,
	.main-content10 .owl-dots,
	.main-content11 .owl-dots,
	.main-content12 .owl-dots {
		margin-top: 20px !important;
		padding-bottom: 10px !important;
	}
}

/* Very small mobile adjustments */
@media (max-width: 480px) {
	.owl-theme .owl-dots .owl-dot span {
		width: 9px !important;
		height: 9px !important;
		margin: 3px 4px !important;
	}
	
	.owl-dots button {
		padding: 3px;
	}
}

/* Additional Year Box Responsive Styles for Very Small Screens */
@media (max-width: 480px) {
	.yearbox-wrap {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 12px;
		row-gap: 12px;
		margin-top: 30px;
	}
	
	.year-box {
		padding: 25px 12px;
		min-height: 180px;
		border-radius: 25px;
	}
	
	.year-box h2 {
		font-size: 2rem; /* 32px */
		margin-bottom: 8px;
	}
	
	.year-box p {
		font-size: 0.8125rem; /* 13px */
		line-height: 20px;
	}
}

@media (max-width: 360px) {
	.yearbox-wrap {
		column-gap: 10px;
		row-gap: 10px;
	}
	
	.year-box {
		padding: 20px 10px;
		min-height: 160px;
		border-radius: 20px;
	}
	
	.year-box h2 {
		font-size: 2rem; /* 28px */
		margin-bottom: 6px;
	}
	
	.year-box p {
		font-size: 0.75rem; /* 12px */
		line-height: 18px;
	}
}

/* ============================================
   SMOOTH MOBILE MENU NAVIGATION ENHANCEMENTS
   Enhanced UI animations and transitions for better UX
   ============================================ */

/* Enhanced Mobile Menu Toggle Button */
@media (max-width: 1024px) {
	.menu-toggle .menu-btn {
		position: relative;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		transform-origin: center;
	}

	.menu-toggle .menu-btn:hover {
		transform: scale(1.05);
	}

	.menu-toggle .menu-btn:active {
		transform: scale(0.95);
	}

	/* Enhanced Sidebar Menu Animations */
	.sidebar-menu {
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		box-shadow: 2px 0 15px rgba(0, 0, 0, 0.2);
		transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.sidebar-menu.active {
		transform: translateX(0);
		box-shadow: 5px 0 30px rgba(0, 0, 0, 0.3);
	}

	/* Enhanced Overlay with Smooth Fade */
	.overlay {
		backdrop-filter: blur(3px);
		-webkit-backdrop-filter: blur(3px);
		transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.overlay.active {
		opacity: 1;
		visibility: visible;
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
	}

	/* Enhanced Menu Header */
	.sidebar-menu .menu-header {
		background: linear-gradient(135deg, rgba(0, 82, 76, 0.95), rgba(0, 82, 76, 0.85));
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		transition: all 0.3s ease;
	}

	/* Enhanced Close Button */
	.close-icon {
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		border-radius: 50%;
		padding: 5px;
		background: rgba(255, 255, 255, 0.1);
	}

	.close-icon:hover {
		transform: rotate(90deg) scale(1.1);
		background: rgba(255, 255, 255, 0.2);
	}

	.close-icon:active {
		transform: rotate(90deg) scale(0.9);
	}

	/* Enhanced Menu Items with Staggered Animation */
	.menu-wrap .menu-item {
		opacity: 0;
		transform: translateX(-20px);
		transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}

	.sidebar-menu.active .menu-wrap .menu-item {
		opacity: 1;
		transform: translateX(0);
	}

	/* Staggered animation delays for menu items */
	.sidebar-menu.active .menu-wrap .menu-item:nth-child(1) { transition-delay: 0.05s; }
	.sidebar-menu.active .menu-wrap .menu-item:nth-child(2) { transition-delay: 0.1s; }
	.sidebar-menu.active .menu-wrap .menu-item:nth-child(3) { transition-delay: 0.15s; }
	.sidebar-menu.active .menu-wrap .menu-item:nth-child(4) { transition-delay: 0.2s; }
	.sidebar-menu.active .menu-wrap .menu-item:nth-child(5) { transition-delay: 0.25s; }
	.sidebar-menu.active .menu-wrap .menu-item:nth-child(6) { transition-delay: 0.3s; }
	.sidebar-menu.active .menu-wrap .menu-item:nth-child(7) { transition-delay: 0.35s; }
	.sidebar-menu.active .menu-wrap .menu-item:nth-child(8) { transition-delay: 0.4s; }

	/* Enhanced Menu Links */
	.menu-wrap .menu-item a {
		position: relative;
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		padding: 10px 0;
		border-radius: 6px;
		display: block;
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		user-select: none;
	}

	/* First tap/touch - hover state for regular menu items */
	.menu-wrap .menu-item a:hover,
	.menu-wrap .menu-item a.touch-active {
		color: #FCB336;
		transform: translateX(8px);
		background: rgba(255, 255, 255, 0.05);
		padding-left: 12px;
	}

	/* Active press state (during tap) */
	.menu-wrap .menu-item a:active {
		transform: translateX(5px) scale(0.98);
	}
	

	/* Enhanced Submenu Animations */
	.sub-menu {
		transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
		border-left: 2px solid transparent;
		margin-left: 20px;
		padding-left:0px;
	}

	/* Enhanced Submenu Button */
	.sub-btn {
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
		position: relative;
	}

	.sub-btn:hover,
	.sub-btn.touch-active {
		color: #FCB336;
		transform: translateX(5px);
	}

	/* Submenu open state indicator */
	.sub-btn.submenu-open {
		color: #FCB336;
		background: rgba(252, 179, 54, 0.1);
		padding-left: 8px;
		border-radius: 4px;
	}

	.sub-btn span img {
		transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	}

	/* Rotate arrow when submenu is open */
	.sub-btn.submenu-open span img {
		transform: rotate(90deg);
	}

	/* Enhanced Mobile Logo */
	.mobil-brand {
		transition: all 0.3s ease;
	}

	.mobil-brand:hover {
		transform: scale(1.03);
	}

	/* Enhanced Focus States for Accessibility */
	.menu-wrap .menu-item a:focus,
	.sub-btn:focus,
	.close-icon:focus {
		outline: 2px solid #FCB336;
		outline-offset: 3px;
		border-radius: 4px;
	}

	/* Menu Item Active State */
    .menu-wrap .menu-item.current-menu-item a, .menu-wrap .menu-item.current_page_item a {
        color: #fff !important;
        background: var(--color-secondary);
        padding-left: 12px;
    }

	.menu-wrap .menu-item.current-menu-item a::before,
	.menu-wrap .menu-item.current_page_item a::before {
		height: 18px;
		background: #FCB336;
	}

	/* Performance Optimizations */
	.sidebar-menu,
	.overlay,
	.menu-wrap .menu-item,
	.sub-menu {
		will-change: transform, opacity;
	}
}

/* Enhanced Touch Interactions for Mobile Devices */
@media (hover: none) and (pointer: coarse) {
	.menu-wrap .menu-item a:active {
		transform: translateX(5px) scale(0.97);
		background: rgba(255, 255, 255, 0.08);
	}
	
	.sub-btn:active {
		transform: translateX(3px) scale(0.97);
	}
	
	.close-icon:active {
		transform: rotate(90deg) scale(0.85);
	}

	.menu-toggle .menu-btn:active {
		transform: scale(0.9);
	}
}

/* Reduced Motion Support for Accessibility */
@media (prefers-reduced-motion: reduce) {
	.sidebar-menu,
	.overlay,
	.menu-wrap .menu-item,
	.sub-menu,
	.close-icon,
	.menu-toggle .menu-btn {
		transition: none !important;
		animation: none !important;
	}
	
	.sidebar-menu.active .menu-wrap .menu-item {
		transition-delay: 0s !important;
	}
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
	.sidebar-menu {
		background: #000;
		border-right: 3px solid #fff;
	}
	
	.menu-wrap .menu-item a {
		color: #fff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	}
	
	.menu-wrap .menu-item a:hover {
		background: #fff;
		color: #000;
	}
}

/* Enhanced Mobile Menu for Smaller Screens */
@media (max-width: 480px) {
	.sidebar-menu {
		max-width: 85%;
	}
	
	.menu-wrap {
		padding: 40px 18px 0 20px;
	}
	
	.menu-wrap .menu-item a {
		font-size: 1.5rem;
		padding: 12px 0;
	}
	
	.sub-item {
		font-size: 1.125rem !important;
	}
	
}

@media (max-width: 360px) {
	.menu-wrap .menu-item a {
		font-size: 1.375rem;
	}
	
	.sub-item {
		font-size: 1rem !important;
	}
	
	.menu-wrap {
		padding: 30px 15px 0 18px;
	}
	
}

/* Smooth scrollbar for menu if content overflows */
.sidebar-menu::-webkit-scrollbar {
	width: 6px;
}

.sidebar-menu::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.05);
}

.sidebar-menu::-webkit-scrollbar-thumb {
	background: rgba(252, 179, 54, 0.3);
	border-radius: 3px;
}

.sidebar-menu::-webkit-scrollbar-thumb:hover {
	background: rgba(252, 179, 54, 0.5);
}

}