@import url("https://fonts.cdnfonts.com/css/tt-hoves-pro-trial");

* {
	font-family: "TT Hoves Pro Trial", sans-serif;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	text-decoration: none;
	list-style: none;
	border: none;
	background: none;
}

html {
  display: flex;
  align-items: center;
  justify-content: center;
}
body {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow-x: hidden;
  position: relative;
	background: #eeeeee;
}

.tablepress{
	margin-top: 40px;
}
body.pagedetal {
	background: #ffffff;
}
.pagedetal.customize-support {
	background-color: #ffffff;
}
body.search_page,
body.search_page.customize-support {
	background-color: #eeeeee;
}
body.open-form{
	overflow: hidden;
}
.mobi {
	display: none !important;
}
section {
	width: 100%;
	max-width: 1600px;
	height: fit-content;
	display: flex;
	align-items: center;
	flex-direction: column;
}
/* HEADER START CODE */

header {
  width: 100%;
  max-width: 1296px;
  height: 95px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 20px 0;
  z-index: 10;
}
header.sticky {
  width: 100%;
  max-width: 100vw;
  height: 95px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #181818;
  padding: 10px 0;
}

header.test {
  width: 100%;
  max-width: 100vw;
  height: 95px;

  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #181818;
  padding: 10px 0;
  z-index: 999;
}
img{
	max-width:100%;
}
header.sticky .header-content,
header.test .header-content {
  width: 100%;
  max-width: 1296px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
} 

.logo {
  width: 204px;
  height: 73px;
  display: flex;
  align-items: center;
}

.logo-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.sticky-logo-img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: none;
}
header.sticky .sticky-logo-img {
  display: block;
}
header.sticky .logo-img {
  display: none;
}
header.test .sticky-logo-img {
  display: block;
}

header.test .logo-img {
  display: none;
}

.header-item {
  width: fit-content;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}
.header-dd-item{
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;

}

.patners-container{
	display: none !important;
}

.comment-notes,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent{
  display: none!important;
}

.search-form {
  width: 483px;
  height: 46px;
  display: flex;
  align-items: center;
  background: #dedddd;
  border-radius: 8px;
  padding: 0 15px;
  position:relative;
}

#search-result{
  width: 100%;
	position: absolute;
  top: 100%;
  left: 0;
}
#search-result div.res-search{
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}
#search-result > div.res-search div{
	margin-bottom:10px;
}
#search-result > div.res-search div:last-child{
	margin-bottom:0;
}
#search-result a{
	font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.025em;
  color: #111111;
  text-decoration:underline;
}

.search-form label {
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 10px;
}
.popular-container .wpforms-container{
	width: 100%;
}
.search-icon {
  font-size: 20px;
  color: #8c4b9b;
  transform: rotateY(180deg);
  cursor:pointer;
}

.search-form label .search-input {
  width: calc(100% - 60px);
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #3d3d3d;
  outline: 0;
  border: none;
  background: transparent;
}
.search-input:focus {
  border: none;
  outline: 0;
  background: transparent;
}
.search-input::placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #3d3d3d;
  background: transparent;
}
/* comments */
.comment-body{
	padding-left:56px;
	overflow:hidden;
}
.children{
	padding-left:56px;
}
.comment-body .avatar.photo{
	margin-left:-56px;
	overflow:hidden;
	border-radius:50%;
	margin-bottom:-38px;
}
.comment-body .says{
	display:none;
}
.comment-body .fn a,
.comment-body .fn{
	color: #111;
	font-family: TT Hoves Pro Trial;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 14px */
	letter-spacing: 2.1px;
	margin-bottom:10px;
	display:block;
}
.comment-body>p{
color: #111;
font-family: TT Hoves Pro Trial;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.16px;
	margin-bottom:18px;
	clear:both;
}
.comment-body .reply{
float:left;
}
.comment-body .cld-like-dislike-wrap{
float:right;
}
.comment-body .reply a{
	color: #111;
leading-trim: both;
text-edge: cap;
font-family: TT Hoves Pro Trial;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 80%; /* 12px */
padding-bottom:10px;
border-bottom:1px solid #111;
display:inline-block;
}
.comment-body .cld-like-dislike-wrap a{
	color: #8C4B9B;
}
.comment-form textarea{
  width: 100%;
  min-width: 100%;
  height: 100px;
  max-height: 100px;
  min-height: 100px;
  display: flex;
  outline: none;
  border: none;
  appearance: none;
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #858585;
  padding: 20px;
  border-bottom: 1px solid #DDDDDA;
}

.comment-form {
  width: 100%;
  height: fit-content;
  background: #fff;
  border: 1px solid #ddddda;
  border-radius: 8px;
  overflow:hidden;
}

.comment-meta.commentmetadata,
.comment-form .comment-form-comment label,
.comment-form .logged-in-as,
.comment-reply-title{
display:none;
}
.comment-form #submit{
	width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  padding:18px 24px;
  margin:10px 20px;
  float:right;
}
.comment-form .form-submit{
	overflow:hidden;
}
.bottom-page-detal{
	width: 100%;
  max-width: 856px!important;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 15px;
}














.header-btn {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
}

.wp-block-table{
	width: 100%;
	max-width: 100%;
}
table{
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	margin: 40px 0 0;
}
.sign-in {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  background: none;
  border: none;
  border-radius:50%;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  padding-left: 10px;
  padding-right: 10px;
}
.sign-in img {
	width: 24px;
	height: 24px;
}
.sign-in.off-show img, .sign-in.ac img, .sign-in img.show-lk {
	filter: invert(100%); 
	-webkit-filter:invert(100%); 
}
.sign-in.off-show.ac img, .sign-in.off-show img.show-lk {
	filter: invert(0); 
	-webkit-filter:invert(0);
}
.wprecallblock #lk-conteyner{
	max-width: 100%;
}
.sign-in.active{
  background: #111;
  color: #fff;
  border: 1px solid #fff;
}

div[class^="lazyblock"]{
	width: 100%;
	max-width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.wpcf7 .wpcf7-response-output {
  margin-bottom: -28px!important;
	margin-top:7px!important;
}

.sign-in::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
.sign-in:hover {
	opacity:0.7;
}
/* .sign-in:hover::after {
  width: 100%;
  opacity: 1;
}
 */
.sub-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 46px;
  background: #111;
  border: 1px solid #fff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 80%;
  color: #fff;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.sub-btn.off-b{
  display: none;
}
.sub-btn::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}

.sub-btn.active{
  background: #FFF;
  color: #111;
}
.sub-btn.ac{
  background: #FFF;
  color: #111;
}
.sub-btn:hover {
  border: none;
  color: #fff;
}
.sub-btn:hover::after {
  width: 100%;
  opacity: 1;
}
.call-box{
  width: fit-content;
  height: fit-content;
  display: none;
  
}
.menu-icon {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
}

.line-box {
  width: 30px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.line {
  width: 24px;
  height: 3px;
  background-color: #111;
  transition: transform 1s ease;
}
.menu-icon.open #menu-text {
  color: #8c4b9b;
}
.menu-icon.open .line {
  background-color: #8c4b9b;
}

header.sticky .line,
header.test .line {
  background-color: #fff;
}
.open .line:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.open .line:nth-child(2) {
  opacity: 0;
}

.open .line:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

#menu-text {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 80%;
  color: #111111;
  margin-left: 5px;
  transition: all .2s linear;
}

.menu-icon:hover .line {
  background-color: #8c4b9b;
}
.menu-icon:hover #menu-text {
  color: #8c4b9b;
}
header.sticky #menu-text,
header.test #menu-text {
  color: #fff;
}
/* MENU START CODE */

.menu-container {
  width: 100vw;
  height: 0;
  display: flex;
  flex-direction: column;
  background: #222222;
  overflow: hidden;
  transition: all .2s linear;
  z-index: 10;
  position: absolute;
  top: 100%;
  left: 0;
}

.menu-container.ac {
  height: fit-content;
  padding: 80px 0 158px 0;
}

.menu-content {
  width: 100%;
  height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-item {
  width: 100%;
  max-width: 1296px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

nav {
  width: 35%;

  height: 100%;
  display: flex;
  flex-direction: column;
}

nav ul {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-li {
  display: flex;
  align-items: center;
}
.menu-a {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #ffffff;
  transition: all .2s linear;
}
.menu-a:hover {
  color: #8c4b9b;
}

.menu-text-box {
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-text-box p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  letter-spacing: 0.01em;
  color: #ddddda;
}

.menu-text-box p span {
  text-transform: uppercase;
}

.menu-sosial {
  display: flex;
  gap: 20px;
}

.menu-sosial .sosial-link {
  width: 35px;
  height: 35px;
  transition: all .2s linear;
}

.menu-sosial .sosial-link img {
  width: 100%;
  height: 100%;
  transition: all .2s linear;
}
.yt-2,
.vk-2,
.tl-2,
.wp-2,
.in-2 {
  display: none;
  transition: all .2s linear;
}
.menu-sosial .sosial-link:hover .yt-2,
.menu-sosial .sosial-link:hover .vk-2,
.menu-sosial .sosial-link:hover .tl-2,
.menu-sosial .sosial-link:hover .wp-2,
.menu-sosial .sosial-link:hover .in-2 {
  display: block;
}
.menu-sosial .sosial-link:hover .yt-1,
.menu-sosial .sosial-link:hover .vk-1,
.menu-sosial .sosial-link:hover .tl-1,
.menu-sosial .sosial-link:hover .wp-1,
.menu-sosial .sosial-link:hover .in-1 {
  display: none;
}
.menu-slider-container {
  width: 25%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.menu-slider {
  width: 300%;
  height: fit-content;
  display: flex;
}
.menu-slider-item {
  width: 100%;
  max-width: 306px;
  min-width: 306px;
  height: 420px;
  display: flex;
  flex-direction: column;
  margin-right: 20px;
}
.menu-slider.owl-theme .owl-nav {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 20px;
}
.menu-slider.owl-theme .owl-nav .owl-prev:hover,
.menu-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
}
.menu-slider.owl-theme .owl-nav .owl-prev img {
  width: 24px;
  height: 16px;

  transition: all .2s linear;
}

.menu-slider.owl-theme .owl-nav .owl-next img {
  width: 49px;
  height: 16px;
  transition: all .2s linear;
}

.menu-slider.owl-theme .owl-nav .owl-prev img:hover,
.menu-slider.owl-theme .owl-nav .owl-next img:hover {
  transform: scale(1.2);
}

.card {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 10px;
  justify-content: unset;
}
.card-link {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;


}

.card .card-img {
  width: 100%;
  height: 166px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.card .card-img img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  object-fit: cover;
}

.card-btn-box {
  width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px 16px;
  margin-left: 10px;
  margin-top: 10px;


 
}

.card-btn {
  width: fit-content;
  height: 21px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 8px;
  line-height: 100%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #111111;
  opacity: 0.5;
  position: relative;
  transition: all .2s linear;
  border-bottom-right-radius: 5px;
  padding-right: 10px;
  z-index: 2;
}

.card-btn::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 1px solid #111;
  border-right: 2px solid #111;
  transform: skew(-45deg);
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 5px;
}
.card-btn.teg-item{
	padding-right: 0;
}

.card-btn.teg-item:before {
  display: none;
}

.card-btn:hover {
  opacity: 1;
  color: #8c4b9b;
}
.card-btn:hover::before {
  border-color: #8c4b9b;
}

.card-info {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;

}

.card-title {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	letter-spacing: -0.025em;
	color: #111111;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.card-text {
	width: 100%;
	height: 100px;
	display: flex;
	flex-direction: column;
	padding: 0 10px 0 16px;
	gap: 10px;
	margin-top: 5px;
}
.card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display:none!important;
}

.card-bottom {
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 16px;
  margin-top:16px;
}
.card-bottom::before {
  content: "";
  width: 110%;
  height: 1px;
  background: #ddddda;
  position: absolute;
  top: 0;
  left: 0;
}
.card-date,
.card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  /* identical to box height, or 12px */

  letter-spacing: 0.15em;

  /* Black */

  color: #111111;

  opacity: 0.5;
}

.card-wiew {
  display: flex;
  align-items: center;
  gap: 5px;
}

.card-detail-go {
  width: fit-content;
  height: fit-content;
  background: #ececec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #8c4b9b;
  padding: 10px 15px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

.card-detail-go::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}

.card-detail-go i {
  color: #8c4b9b;
  font-size: 20px;
  transition: all .2s linear;
}

.card-detail-go:hover {
  color: #ffffff;
}
.card-detail-go:hover i {
  color: #ffffff;
}
.card-detail-go:hover::after {
  width: 100%;
  opacity: 1;
}
/* MENU END CODE */

/* HEADER END CODE */

/* BANNER START CODE */

.banner-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.banner-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.banner-slider {
  width: 100%;
  height: fit-content;
  display: flex;
}

.banner-slider-item {
  width: 100%;
  height: 500px;
  display: flex;
  border-radius: 10px;
  transition: all .2s linear;
}

.banner-slider.owl-theme .owl-dots {
  width: fit-content;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  z-index: 44;
  position: absolute;
  bottom: 5px;
  right: 15px;
  gap: 10px;
}

.banner-slider.owl-theme .owl-dot {
  display: flex;
  width: 30px;
  height: 2px;
  background: #fff;
  border-radius: 29px;
}

.banner-slider.owl-theme .owl-dot:hover {
  background: #8c4b9b;
}
.banner-slider.owl-theme .owl-dot.active {
  background: #8c4b9b;
}

.banner-slider.owl-theme .active span,
.banner-slider.owl-theme .owl-dot span {
  display: none;
}

.banner-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 20px;
}

.banner-img {
  width: 100%;
  height: 100%;
}
.banner-img img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.banner-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: linear-gradient(
    83.62deg,
    rgba(0, 0, 0, 0.57) -33.18%,
    rgba(0, 0, 0, 0) 35.21%
  );
  position: absolute;
  top: 0;
  left: 0;
  gap: 30px;
  padding: 40px;
  border-radius: 20px;
}
	.banner-tittle {
		font-weight: 500;
		font-size: 63.9993px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #ffffff;
		margin: 0;
	}

.banner-link {
  width: 260px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 80%;
  color: #ffffff;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.banner-link::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
.banner-link:hover {
  border-color: #8c4b9b;

  color: #fff;
}
.banner-link:hover::after {
  width: 100%;
  opacity: 1;
}

/* BANNER END CODE */

/* NEWS-CATALOG START CODE*/

.news-catalog-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.news-catalog-content {
  width: 100%;
  height: 503px;
  display: flex;
  justify-content: space-between;
}

.news-catalog-left {
  width: 965px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/ct.png);
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  padding: 30px 30px 40px;
}

.catalog-top {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.catalog-btn-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: 15px;
}

.catalog-link-top {
  width: fit-content;
  height: 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;
  z-index: 2;
}
.catalog-link-top::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 3px solid #fff;
  transform: skew(-45deg);
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 5px;
  transition: all .2s linear;

}

.catalog-link-top:hover {
  color: #8c4b9b;
 
}
.catalog-link-top:hover::before {
  border-color: #8c4b9b;
}

.catalog-date {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.catalog-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #ffffff;
  display:none!important;
  
}

.catalog-bottom {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.catalog-bottom-link {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.catalog-tittle {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 110%;
  letter-spacing: -0.025em;
  color: #ffffff;
}

.catalog-text {
  width: 85%;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

.news-catalog-right {
  width: 306px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}

.catalog-link {
  width: 88%;
  height: 55px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 110%;
  letter-spacing: -0.025em;
  color: #111111;
  position: relative;
  transition: all .2s linear;
  z-index: 2;
  margin-right: 20px;
}
.catalog-link::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 2px solid #8c4b9b;
  border-right: 3px solid #8c4b9b;
  transform: skew(-40deg);
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 5px;
}

.catalog-link:hover {
  color: #8c4b9b;
  
}



/* NEWS-CATALOG END CODE*/

/* POPULAR START CODE */

.popular-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.popular-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.popular-title {
  font-style: normal;
  font-weight: 500;
  font-size: 63.9993px;
  line-height: 105%;
  letter-spacing: -0.025em;
  color: #111111;
}

.popular-slider {
	width: 100%;
	height: fit-content;
	display: flex;
	margin-top: 60px;
}
.popular-slider.owl-theme .owl-nav .owl-prev {
	float: left;
}
.popular-slider.owl-theme .owl-nav .owl-next {
	float: right;
}

	.popular-item {
		width: 100%;
		height: fit-content;
		display: flex;
		flex-direction: column;
	}

.all-popular-link {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}

.all-pop-link {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #111111;
  border-radius: 10px;
  gap: 19px;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}
.all-pop-link i {
  transition: all .2s linear;
}
.all-pop-link:hover {
  color: #8c4b9b;
}
.all-pop-link:hover i {
  color: #8c4b9b;
}

/* POPULAR END CODE */

/* INFORMATION START CODE  */

.information-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}

.information-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
}

.information-left {
  width: 856px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: url(../img/in1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 29px;
  padding: 30px 30px 40px;
}

.information-left-link-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: 15px;
}

.information-left-link {
  width: fit-content;
  height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;

  z-index: 2;
}
.information-left-link::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 3px solid #fff;
  transform: skew(-45deg);
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 5px;
  transition: all .2s linear;

}

.information-left-link:hover {
  color: #8c4b9b;
 
}
.information-left-link:hover::before {
  border-color: #8c4b9b;
}

.information-left-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.information-title {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 110%;
  letter-spacing: -0.025em;
  color: #ffffff;
}
.information-form {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 15px;
}
.katalog2-information-bottom .information-form{
	flex-direction: column;
	align-items: start;
}

.information-form-box > p,
.information-form-box {
  width: 276px;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #dedddd;
  border-radius: 8px;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  padding: 11px 20px;
  gap: 16px;
  max-height:100%;
}
.information-form-box > p{
	padding:0;
}
.information-form-box img {
  width: 22px;
}
.information-form-box input {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #3d3d3d;
}

.information-form-box input:focus {
  outline: none;
  border: none;
}

.information-form-send {
  width: 276px;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #fff;
  cursor: pointer;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.information-form-send::before {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  transition: all .2s linear;
  border-radius: 8px;
  left: 0;
}
.information-form-send:hover {
  border: none;
  color: #fff;
}
.information-form-send:hover::before {
  width: 100%;
  opacity: 1;
}

.information-right {
  width: 418px;
  height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/in2.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 29px;
  padding: 30px 30px 40px;
}

.information-right-link-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: 14px;
}

.information-right-link {
  width: fit-content;
  height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;

  z-index: 2;
}
.information-right-link::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 3px solid #fff;
  transform: skew(-45deg);
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .2s linear;
  border-bottom-right-radius: 5px;
}

.information-right-link:hover {
  color: #8c4b9b;
 
}
.information-right-link:hover::before {
  border-color: #8c4b9b;
}

.information-right-text {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.information-right-text-link {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.information-right-title {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 110%;
  letter-spacing: -0.025em;
  color: #ffffff;
}

.information-right-p {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #ffffff;
}

/* INFORMATION END CODE  */


  /* MOBIL BTN  SLIDER START CODE */

  .mobil-btn-container{
    display:none;
  
  }
/* news START CODE */

.news-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 120px;
}

.news-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news-title {
  font-style: normal;
  font-weight: 500;
  font-size: 63.9993px;
  line-height: 105%;
  letter-spacing: -0.025em;
  color: #111111;
}

.news-item {
  width: 100%;
  height: 380px;
  display: flex;
  margin-top: 60px;
  gap: 24px;
}

.news-left {
  width: 636px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/t1.png);
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  padding: 30px 30px 40px;
}

.news-top {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.news-btn-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: 15px;
}

.news-link-top {
  width: fit-content;
  height: 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;
  z-index: 2;
}
.news-link-top::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 3px solid #fff;
  transform: skew(-45deg);
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .2s linear;
  border-bottom-right-radius: 5px;
}

.news-link-top:hover {
  color: #8c4b9b;

}

.news-link-top:hover::before {
  border-color: #8c4b9b;
}

.news-date {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.kr{
	font-size: 40px;
    color: #fff;
    text-align: right;
	cursor: pointer;
}

.news-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #ffffff;
  display:none!important;
}

.news-bottom {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.news-bottom-link {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.news-bottom-tittle {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 110%;
  letter-spacing: -0.025em;
  color: #ffffff;
}

.news-text {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 0.01em;
  color: #ffffff;
  margin-top: 20px;
}

.news-right {
  width: 635px;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.news-right-item {
  width: 306px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* news END CODE */

/* NEWS1 START CODE */

.news1-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 120px;
}

.news1-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news1-title {
  font-style: normal;
  font-weight: 500;
  font-size: 63.9993px;
  line-height: 105%;
  letter-spacing: -0.025em;
  color: #111111;
}
.news-title a,
.news1-title a,
.news2-title a,
.news3-title a,
.news4-title a{
  color: #111111;
}

.news1-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  gap: 24px;
}

.news1-big-box {
  width: 966px;
  height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/t2.png);
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  padding: 30px 30px 40px;
}

.news1-card {
  width: 306px;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

/* NEWS1 END CODE */

/* news2 START CODE */

.news2-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 120px;
}

.news2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news2-title {
  font-style: normal;
  font-weight: 500;
  font-size: 63.9993px;
  line-height: 105%;
  letter-spacing: -0.025em;
  color: #111111;
}

.news2-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  gap: 24px;
}

.news2-big-box {
  width: 100%;
  height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/t3.png);
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  padding: 30px 30px 40px;
}

.news2-card {
  width: 306px;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

/* news2 END CODE */

/* news3 START CODE */

.news3-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 120px;
}

.news3-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news3-title {
  font-style: normal;
  font-weight: 500;
  font-size: 63.9993px;
  line-height: 105%;
  letter-spacing: -0.025em;
  color: #111111;
}

.news3-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 60px;
  gap: 24px;
}

.news3-big-box {
  width: 856px;
  height: 420px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/t2.png);
  background-position: center center;
  background-size: cover;
  border-radius: 20px;
  padding: 30px 30px 40px;
}

.news3-card {
  width: 416px;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

/* news3 END CODE */

/* NEWS4 START CODE */

.news4-container, 
.news6-container,
.news5-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 120px;
}

.news4-content, 
.news5-content,
.news6-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news4-title {
  font-style: normal;
  font-weight: 500;
  font-size: 63.9993px;
  line-height: 105%;
  letter-spacing: -0.025em;
  color: #111111;
}
.news6-title, 
.news5-title {
  font-style: normal;
  font-weight: 500;
  font-size: 56px;
  line-height: 105%;
  letter-spacing: -1.4px;
  color: #111111;
}
.news4-slider, 
.news5-slider, 
.news6-slider {
  width: 100%;
  height: fit-content;
  display: flex;
  margin-top: 60px;
 
}
.news4-card, 
.news46card, 
.news5-card {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
/* NEWS4 END CODE */

/* CONTACK FORM START CODE */

.form-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}

.form-content {
  width: 100%;
  height: 704px;
  display: flex;
  gap: 24px;
 
}

.form-box-item {
  width: 856px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: url(../img/in1.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px;
  border-radius: 20px;
}

.form-title {
  font-style: normal;
  font-weight: 500;
  font-size: 48px;
  line-height: 110%;
  letter-spacing: -0.025em;
  color: #ffffff;
}

.contack-form {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.form-box > p,
.form-box {
  width: 386px;
  height: 46px;
  display: flex;
  align-items: center;
  background: #dedddd;
  border-radius: 8px;
  padding-left: 20px;
  gap: 15px;
}
.form-box > p {
  padding-left: 0;
  border-radius: 0;
  height: 44px;
  width: 95%;
}
.form-box i {
  font-size: 22px;
  color: #b0afaf;
}

.form-box input,
.form-box input::placeholder {
width: 100%;
height: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 80%;
  color: #3d3d3d;
}

.form-box input:focus,
.form-box textarea:focus {
  outline: none;
  border: none;
}
.form-box input:focus::placeholder,
.form-box textarea:focus::placeholder {
  display: none;
}
.form-box-file {
  width: 200px;
  height: 46px;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 8px;
  padding-left: 20px;
}
.form-box-file i {
  color: #fff;
}

#dosya-upload-button {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #fff;
  cursor: pointer;
  border-bottom: 0.5px solid ;
  padding-bottom: 5px;
  gap: 10px;
}

#dosya {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.katalog-information-bottom .wpcf7-response-output,
.sub-content .wpcf7-response-output,
.information-container .wpcf7-response-output,
.form-container .wpcf7-response-output{
	color:#fff;
}
.text-area>p,
.text-area {
  width: 100%;
  height: 105px;
  padding-top: 20px;
}
.text-area>p{
	padding-top: 0;
  height: 100%;
}
.text-area>p>span{
	width: 100%!important;
  height: 100%!important;
}

.form-box textarea{
	width: 100%!important;
  height: 100%!important;
}
.form-box textarea,
.form-box textarea::placeholder {
  width: 100%;
  height: 100%;
  background: transparent;
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 80%;
  color: #3d3d3d;
}
.form-box-send {
  width: 224px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 80%;
  color: #ffffff;
  cursor: pointer;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.form-box-send::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
.form-box-send:hover {
  border: none;
  
  
}
.form-box-send:hover::after {
  width: 100%;
  opacity: 1;
}

.form-card-item {
  width: 416px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.form-card {
  width: 100%;
  height: 340px;
  display: flex;
  flex-direction: column;
}



.form-card .card-btn-box {
  width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 10px;
}

.form-card .card .card-img {
  width: 100%;
  height: 166px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-card .card-title {
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 115%;
	letter-spacing: -0.025em;
	color: #111111;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.form-card .card-text {
  width: 100%;
  height: 65px;
  display: flex;
  flex-direction: column;
  padding: 0 16px 0 16px;
  gap: 10px;
  margin-top: 5px;
}

.form-card .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.form-card .card-bottom {
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 13px;
  margin-top:16px;

}

.form-card .card-date,
.form-card .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.1em;
  color: #111111;
  opacity: 0.5;
}
input#first_name{
	background:none;
	-webkit-box-shadow: none !important;
	padding: 6px 12px 6px 32px;
}
#your-profile input#first_name{
	padding: 5px 10px;
}








/* CONTACK FORM END CODE */

/* PATNERS START CODE */

.patners-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}

.patners-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.patners-title {
  font-style: normal;
  font-weight: 500;
  font-size: 63.9993px;
  line-height: 105%;
  letter-spacing: -0.025em;
  color: #111111;
}

.patners-button-box {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  gap: 60px;
  margin-top: 30px;
  margin-bottom: 50px;
  overflow-x: scroll;
}

.patners-button-box::-webkit-scrollbar{
  width: 0;
}
.patners-button-box::-webkit-scrollbar {
display: none;
}
.patners-btn {
  width: fit-content;
  height: fit-content;
  display:flex;
  align-items: center;
  flex-wrap: nowrap;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  opacity: .5;
  white-space: nowrap;
  padding: 10px 10px 10px 15px;
}

.patners-btn::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 2px solid #111;
  border-right: 3px solid #111;
  transform: skew(-45deg);
  position: absolute;
  border-bottom-right-radius: 5px;
  z-index: -1;
}

.patners-btn:hover {
  color: #8c4b9b;
  opacity: 1;
 
}

.patners-btn:hover::after {
  border-color: #8c4b9b;
}
.patners-btn.ac {
  opacity: 1;
}
.patners-btn.ac::after {
  border-color: #8c4b9b;
}

.customers-container,
.cans-container,
.companies-container,
.services-container {
  width: 100%;
  height: fit-content;
  display: none;
  flex-direction: column;
  transition: all .2s linear;
}
.customers-container.ac,
.cans-container.ac,
.companies-container.ac,
.services-container.ac {
  display: flex;
}

.patners-item {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .2s linear;
  flex-wrap: wrap;
  gap: 30px;
}

.patners-item img {
  width: 178px;
  height: auto;
  object-fit: contain;
  opacity: .5;
  transition: all .5s linear;
}
.patners-item img:hover{
  opacity: 1;
}
.patners-all-links-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 47px;
}

.all-patners-links {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #111111;
  border-radius: 10px;
  gap: 19px;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}
.all-patners-links i {
  transition: all .2s linear;
}
.all-patners-links:hover {
  color: #8c4b9b;
}
.all-patners-links:hover i {
  color: #8c4b9b;
}

/* PATNERS END CODE */

/* TOPICS START CODE */

.topics-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}

.topics-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.topics-title {
	font-style: normal;
	font-weight: 500;
	font-size: 63.9993px;
	line-height: 105%;
	letter-spacing: -0.025em;
	color: #111111;
}

.topics-box {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.topics-item {
 
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.topics-item-title {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.025em;
  color: #111111;
  position: relative;
  /* display: none; */
}

.topics-item-title::after {
  content: "\f078";
  font-family: FontAwesome;
  position: absolute;
  right: 15px;
  display: none;
}

.topics-list {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 25px;
}

.topics-links {
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 100%;
  color: #111111;
  transition: all .2s linear;
}

.topics-links:hover {
 color: #8c4b9b;
}

/* TOPICS END CODE */

/* FOOTER START CODE */

footer {
  width: 100vw;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.popular_topics {
	background: #eeeeee;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	display: none;
}
.popular_topics .popular_topics_title {
	font-weight: 600;
	margin-bottom: 30px;
	font-weight: 500;
}

.popular_items{
	display: grid;
    grid-template-columns: 33% 33% 33%;
}

.popular_items a{
	width: 90%;
	font-weight: 500;
	font-size: 14px;
    padding-top: 4px;
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;	
}

.footer-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.footer-item {
	width: 100%;
	height: 70px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #eeeeee;
}
body.pagedetal .footer-item {
	background-color: #ffffff;
}
body.pagedetal.search_page .footer-item {
	background-color: #eeeeee;
}

.footer-item-content {
  width: 100%;
  max-width: 1296px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer-logo {
  width: 165px;
  height: 100%;
  display: flex;
  align-items: center;
}

.footer-logo img {
  width: 100%;
  height: auto;
}

.footer-sosial {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 24px;
}
.footer-sosial-link {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  transition: all .2s linear;
}
.footer-sosial-link img {
  width: 100%;
  height: 100%;
}

.footer-sosial-link:hover .yt-2,
.footer-sosial-link:hover .vk-2,
.footer-sosial-link:hover .tl-2,
.footer-sosial-link:hover .wp-2,
.footer-sosial-link:hover .in-2 {
  display: block;
}
.footer-sosial-link:hover .yt-1,
.footer-sosial-link:hover .vk-1,
.footer-sosial-link:hover .tl-1,
.footer-sosial-link:hover .wp-1,
.footer-sosial-link:hover .in-1 {
  display: none;
}

.footer-menu {
  width: 100%;
  max-width: 1296px;
  height: 100%;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dedede;
  padding-bottom: 30px;
  gap: 20px;
}

.footer-menu-link {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.05em;
  color: #000000;
  transition: all .2s linear;
}

.footer-menu-link:hover {
  color: #8c4b9b;
}

.copy-right {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.copy-right p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #000000;
  opacity: 0.7;
}
#js-cookie-popup-id{
	display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: ccenterc;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 50px;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:7777;
	padding-bottom:28px;
}
#js-cookie-popup-id .cookie-popup__text{
color: #000;
/* font-family: TT Hoves Pro; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 130%; /* 18.2px */
}
#js-cookie-popup-id .cookie-popup__close{
	padding: 5px 20px;
  color: #fff;
  background-color: transparent;
  width: 140px;
  height: 36px;
  border: solid 1px #000;
  margin-left: 20px;
  text-align: center;

  display: flex;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  font-family: "Roboto", arial, sans-serif;
  outline: none;
  position: relative;
  overflow: hidden;
  line-height: 1.7;
  z-index: 0;
  font-weight: 400;
  background-color:#000;
  color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 14px */
align-items: center;
  border-radius:8px;
}
#js-cookie-popup-id .cookie-popup__container{
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: ccenterc;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  max-width: 824px;
  height: 50px;
  background-color: #D9D9D9;
  padding:14px 21px;
  border-radius:8px;

}
#js-cookie-popup-id .cookie-popup__link {
  color: #000;
/* font-family: TT Hoves Pro; */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 130%;
text-decoration-line: underline;
}

/* FOOTER END CODE */

/* !SUB PAGE START CODE */
body.page .logo-img {
  display: none;
}
body.page .sticky-logo-img {
  display: flex;
}

body.page .sub-btn {
  color: #111;
  background: #fff;
}


body.page .sub-btn::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
body.page .sub-btn:hover {
  border: none;
  color: #fff;
}
body.page .sub-btn:hover::after {
  width: 100%;
  opacity: 1;
}
body.page .sign-in {
  color: #fff;
  background: #111;
}
body.page .sign-in::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #fff;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
body.page .sign-in:hover {
  border: none;
  color: #111;
}
body.page .sign-in:hover::after {
  width: 100%;
  opacity: 1;
}
body.page .line {
  background-color: #fff;
}
body.page #menu-text {
  color: #fff;
}
body.page .call-white {
  display: flex;
}
body.page .call-black {
  display: none;
}

.sub-container {
  width: 100vw;
  height: 654px;
  display: none;
	position: fixed;
	top: 93px;
	left: 0;
	z-index: 77;
  align-items: flex-end;
  justify-content: center;
  background: url(../img/subbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0px;
}
#subscribe-log .panel_lk_recall{
    width: 100%;
    max-width: 580px;
	margin: 0 auto;
}
body .rcl-bttn.rcl-bttn__type-primary{
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  background: none;
  border: 1px solid #111;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  min-width:300px;
    border: 1px solid #fff;
}
#cpsubmit{
  background: #000;
} 
body .rcl-bttn.rcl-bttn__type-primary::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
body .rcl-bttn.rcl-bttn__type-primary:hover {
  border: none;
  color: #fff!important;
}
body .rcl-bttn.rcl-bttn__type-primary:hover::after {
  width: 100%;
  opacity: 1;
}

.link-login-rcl{
	min-width: unset !important;
}

.link-register-rcl{
	min-width: unset !important;
}

.panel_lk_recall.pageform .form-tab-rcl{
	background: none;
	min-width:510px;
	border:none;
	box-shadow: none;
}

.panel_lk_recall.pageform .form-tab-rcl.remblock{
	min-width:700px;
}

.form-block-rcl.seti-form.ptext{
	margin-bottom: 5px;
}

.card-info .sign-in{
	min-width:100%;
	margin-left:-4px;
}
.panel_lk_recall .form_reg, .panel_lk_recall .form_auth{
	width: fit-content;
  height: fit-content;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #fff;
  padding: 0;
  position: relative;
  z-index: 2;
  border-radius: 0;
  border: none;
}
.panel_lk_recall .form-tab-rcl .form_head a{
		border-bottom: none;
	  color: #fff;
	  display: block;
	  padding: 0;
	  text-align: center
}
.panel_lk_recall .form_head {
  display: flex;
  align-items: center;
  justify-content: start;
  overflow: hidden;
  width: 100%;
  gap:30px;
    margin:0 17px 50px 17px;
	width: calc(100% - 34px);
}
#register-form-rcl .form_head{
	width: 44%;
	justify-content: end;
}
.panel_lk_recall .form_active{
	background: #8c4b9b;
	border: none;
	border: 1px solid #8c4b9b;
  display:none;
}
/* .panel_lk_recall .form_reg:hover,
.panel_lk_recall .form_auth:hover{
	background: #8c4b9b;
} */
.panel_lk_recall .form-tab-rcl a.link-tab-rcl:hover {
  color: #fff;
}
#register-form-rcl form,
#login-form-rcl form{
	width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.panel_lk_recall form .form-block-rcl.default-field {
display: flex;
  width: 100%;
  padding: 0 20px;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #dedddd;
  margin-bottom: 10px;
}
#register-form-rcl form .form-block-rcl.default-field{
  margin-bottom: 10px;
	
}
#remember-form-rcl form{
  max-width: 320px;
  margin: auto;	
}
#remember-form-rcl .top-form-block,
#remember-form-rcl .form_head{
	width:100%;
	margin:0;
}



.form_rmmbr{
	display: flex !important;
    justify-content: center !important;
}


.panel_lk_recall form >div.scllgn_buttons_block{
  width: 44%;
  height: fit-content;
    gap: 16px;
  border-radius: 8px;
  margin-bottom: 40px;
display: flex;
  margin: 0 17px 15px;
	
}
.panel_lk_recall form >div.form-block-rcl{
  width: 100%;
  height: fit-content;
    gap: 16px;
  border-radius: 8px;
  margin-bottom: 40px;
}
}
.form-block-rcl.form_extend div.form-block-rcl{
  width: 100%;
}
.panel_lk_recall form  .default-field input{
	background:none;
	-webkit-box-shadow:none !important;
	border:none !important;
}

.panel_lk_recall .form-block-rcl{
	display: flex;
    justify-content: space-between;
}

.popmake-content .form-block-rcl{
	display: block;
	justify-content: unset;
}

.popmake-content .kr{
	display: none;
}

.panel_lk_recall .form-block-rcl .required,
.form-block-rcl.default-field .rcli{
  height: fit-content;
display: block;
	top:0;
	bottom:0;
	margin:auto 0;
}
.panel_lk_recall .form-tab-rcl .block-label {
  color:#fff;
}
#remember-form-rcl.form-tab-rcl .form_head a{
	width: fit-content;
	height: fit-content;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s linear;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	padding: 15px 20px;
	position: relative;
	z-index: 2;
	border-radius: 8px;
	border: 1px solid #fff;
}
#remember-form-rcl form > div.form-block-rcl{
	width:100%;
	margin:0 0 40px 0;
}
.link-remember-rcl-block{
	width: calc(100% - 34px);
	text-align: left;
	margin: 0 17px 20px;
}
.link-remember-rcl.link-tab-rcl{
	color:#fff;
}
.top-form-block h2{
	color: #FFF;

/* PC/H2 */
font-family: TT Hoves Pro Trial;
font-size: 63.999px;
font-style: normal;
font-weight: 500;
line-height: 105%; /* 67.199px */
letter-spacing: -1.6px;
margin-bottom:30px;
display: inline;
}

.top-form-block h2.ri{
	float: right;
}

.popmake-content .regf {
    width: 100% !important;
}

.popmake-content div.panel_lk_recall a {
	color: #000 !important;
}

.popmake-content .top-form-block h2{
	font-size: 24px;
    color: #000;
}

.popmake-content .top-form-block h2:hover{	
    color: #565656 !important;
}

.popmake-content .link-register-rcl:hover{
	color: #565656 !important;
}

.popmake-content .panel_lk_recall.pageform .form-tab-rcl {   
    min-width: 333px;
}

.popmake-content .panel_lk_recall .form_head {
	margin: auto  !important;
}

.popmake-content .form-block-rcl.seti-form.ptext p{
	color: #000;
}

.popmake-content .form-block-rcl.seti-form.ptext p:hover{
	color: #565656 !important;
}

.popmake-content .link-remember-rcl-block a{
	color: #000;
}

.popmake-content .link-remember-rcl-block a:hover{
	color: #565656 !important;
}

.popmake-content .rcl-bttn__type-primary{
	border: 1px solid #8c4b9b !important;
	color: #8c4b9b !important;
}

.popmake-content .seti-form img{
	filter: invert(100%);
    -webkit-filter: invert(100%);
}

.v7{
	display: block;	
}

.popmake-content .v7{
	display: none;
}

.v3{
	display: none !important;	
}

.popmake-content .v3{
	display: block !important;
    width: 100%;
}

.popmake-content div.panel_lk_recall .v3 a{
	color: #8c4b9b !important;	
}


.popmake-content .form_head{
	width: 100% !important;
}

.text_v1{
	display: none;	
}

.popmake-content .text_v1{
	display: block;
	font-size: 27px;
	color: #000;
	margin-bottom: 15px;
}

.text_v2{
	display: none;	
}

.popmake-content .text_v2{
	display: block;
	font-size: 16px;
	color: #000;
	margin-bottom: 15px;
}

.regf{
	width: 50% !important;
	margin-top: 30px !important;
}

footer .popular_items a{
	color: #000;
}

footer .popular_items a:visited{
	color: #000;
}

.form_reg{
	justify-content: space-around !important;
}

.error-container {
	border-top: unset !important;
}

.bg404{
	background: url(/wp-content/themes/cargo/img/subbg.png);   
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #eeeeee;
	    
}

div.panel_lk_recall a {
	color: #545454;
}

.top-form-block p {
	color: #FFF;
/* PC/S2 */
font-family: TT Hoves Pro Trial;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 24px */
letter-spacing: -0.5px;
margin-bottom:40px;
}
.panel_lk_recall form > div.form-block-rcl.seti-form {
  display: flex;
	color: #FFF;
  align-items: center;
  justify-content: center;
	gap: 7px;
}
.form-block-rcl.seti-form a {
	display:inline-block;
}

.sub-container.open {
  display: inline-flex;
}
.detail-text-box ul, .detail-text-box ol, .detail-text-item ol, .detail-text-item ul {
	padding-left: 40px;
}
.detail-text-box ol li, .detail-text-item ol li {
	list-style: decimal;
	line-height: 135%;
}
.detail-text-box ul li, .detail-text-item ul li {
	list-style: disc;
	line-height: 135%;
}
.sub-content {
  width: 100%;
  max-width: 1296px;
  height: 650px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 10px 0;
}

.sub-text-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.sub-form-title {
	color: #fff;
	/* PC/H2 */
	font-size: 63.999px;
	font-weight: 500;
	line-height: 105%;
	letter-spacing: -1.6px;
}

.sub-price-box {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  margin-top: 60px;
}
.sub-price {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
}

.sub-price-btn {
  display: flex;
  padding: 16px 30px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid var(--color-2, #8c4b9b);
  background: var(--color-2, #8c4b9b);
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  line-height: 101.5%;
  letter-spacing: -1.2px;
}
.sub-discont {
  color: #a1a1a1;
  font-size: 48px;
  font-weight: 600;
  line-height: 101.5%;
  letter-spacing: -1.2px;
  text-decoration: line-through;
  text-decoration-color: #fff;
}

.sub-text {
  font-size: 24px;
  letter-spacing: 0.24px;
  color: #fff;
  margin-top: 5px;
}

.sub-form {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
}
.sub-form-ctrl p,
.sub-form-ctrl {
  display: flex;
  width: 292px;
  height: 46px;
  padding: 0 20px;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #dedddd;
  position:relative;
}
.sub-form-ctrl p{
  padding: 0;
	
}
.wpcf7-not-valid-tip {
  font-size: 12px !important;
}
.sub-form-ctrl .wpcf7-not-valid-tip{
	background:#fff;
	font-size:12px;
}
.wpcf7-response-output{
	display:none;
}
.sub-form-ctrl input {
  width: 100%;
  outline: none;
  border: none;
  background: none;
  color: #3d3d3d;
  font-size: 15px;
  font-weight: 500;
  line-height: 80%;
}

.sub-form-ctrl input:focus {
  border: none;
  background: none;
  outline: none;
}
.sub-form-policy {
  width: 100%;
  height: fit-content;
  display: flex;
}
.sub-form-policy label {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
}

.sub-form-policy label input {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #8c4b9b;
  outline: 0;
  border: none;
  appearance: none;
  position: relative;
}
.sub-form-ctrl input:focus::placeholder {
  display: none;
}
.sub-form-policy label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  display: block;
  font-size: 18px;
  color: #fff;
  opacity: 0;
  transition: all .2s linear;
}
.sub-form-policy label input:checked::before {
  opacity: 1;
}
.sub-policy-text {
  color: #fff;
  font-size: 15px;
  line-height: 80%;
  margin-top: 5px;
}

.sub-form-send {
  width: 200px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #fff;
  transition: all .2s linear;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.sub-form-send::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
.sub-form-send:hover {
  border: none;
  color: #fff;
}
.sub-form-send:hover::after {
  opacity: 1;
  width: 100%;
}
/* !SUB PAGE END CODE */

/* !KATALOG PAGE START CODE */

/* KATALOG BANNER START */
.katalog-baner-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.katalog-baner-content {
  width: 100%;
  height: fit-content;
  display: flex;
}
.katalog-baner-item {
  width: 100%;
  height: 316px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background: url(../img/katalogbg.png);
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 20px;
  padding: 0 40px 40px 40px;
  gap: 30px;
}
.katalog-baner-title {
	color: #fff;
	font-size: 63.999px;
	font-weight: 500;
	line-height: 105%;
	letter-spacing: -1.6px;
	margin: 0;
}
.katalog-baner-text {
  width: 62%;
  color: #fff;
  font-size: 24px;
  letter-spacing: 0.24px;
}
/* KATALOG BANNER END CODE */

.scllgn_buttons_block{
	max-width:100%;
}
.scllgn_login_button {
    display: inline-block;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    overflow: hidden;
    width: 100%;
    min-height: 46px;
    margin-bottom: 5px;
    color: #fff;
}
.scllgn_google_button.scllgn_google_dark_btn {
  background: #dedddd;
  border: none;
  padding: 0 20px 0 0;
}
.scllgn_google_button span.scllgn_icon {
  background: url(../img/g-normal.png) #ffffff 5px 50% no-repeat;
    background-position-x: 5px;
    background-position-y: 50%;
  background-position: center;
  border-radius: 5px 0 0 5px;
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 46px;
  padding: 8px;
  margin: 1px;
}
.scllgn_google_button.scllgn_google_dark_btn span.scllgn_buttonText {
  color: #000;
}



/* KATALOG START CODE */

.katalog-container {
	width: 100%;
	max-width: 1296px;
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 80px;
}
.katalog-container.tag_container,
.katalog-container.search_container {
	margin-top: 0;
}
.katalog-content {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.katalog-content.teg-site {
	margin-top: 40px;
}
.katalog-content.search_items {
	margin-top: 40px;
}
.katalog-content.bookmarks-art{
	gap: 2%;
	padding:30px;
}
.katalog-item {
	width: 416px;
	height: 380px;
	display: flex;
}
.katalog-content.bookmarks-art .katalog-item{
	width: 32%;
}

/* KATALOG END CODE */

/* KATALOG-INFORMATION START CODE */

.katalog-information-container {
  width: 100%;
  max-width: 1296px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.katalog-information-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.katalog-information {
  width: 100%;
  height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: url(../img/in1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 29px;
  padding: 30px 30px 40px;
}

.katalog-information-link-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-left: 15px;
}

.katalog-information-link {
  width: fit-content;
  height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;

  z-index: 2;
}
.katalog-information-link::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 2px solid #fff;
  border-right: 3px solid #fff;
  transform: skew(-45deg);
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 5px;
}

.katalog-information-link:hover {
  color: #8c4b9b;
  
}
.katalog-information-link:hover::before {
  border-color: #8c4b9b;
}

.katalog-information-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.katalog-information-title {
	width: 75%;
	font-style: normal;
	font-weight: 500;
	font-size: 48px;
	line-height: 110%;
	letter-spacing: -0.025em;
	color: #ffffff;
}
.katalog-information-form {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 30px;
}

.katalog-information-form-box {
  width: 276px;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #dedddd;
  border-radius: 8px;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  padding: 11px 20px;
  gap: 16px;
}
.katalog-information-form-box img {
  width: 22px;
}
.katalog-information-form-box input {
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #3d3d3d;
}

.katalog-information-form-box input:focus {
  outline: none;
  border: none;
}
.katalog-information-form-box input:focus::placeholder {
  display: none;
}

.katalog-information-form-send {
  width: 260px;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #fff;
  cursor: pointer;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.katalog-information-form-send::before {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  transition: all .2s linear;
  border-radius: 8px;
  left: 0;
}
.katalog-information-form-send:hover {
  border: none;
  color: #fff;
}
.katalog-information-form-send:hover::before {
  width: 100%;
  opacity: 1;
}
/* KATALOG-INFORMATION END CODE */

/* KATALOG2 START CODE */

.katalog2-information {
  width: 416px;
  height: 380px;
  display: flex;
  flex-direction: column;
  background: url(../img/in1.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 8px;
  padding: 30px 30px 30px 40px;
}

.katalog2-information-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.katalog2-information-title {
	width: 100%;
	font-style: normal;
	font-weight: 600;
	font-size: 32px;
	line-height: 110%;
	letter-spacing: -1.05px;
	color: #ffffff;
}
.katalog2-information-form {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.katalog2-information-form-box {
  width: 276px;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #dedddd;
  border-radius: 8px;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  padding: 11px 20px;
  gap: 16px;
}
.katalog2-information-form-box img {
  width: 22px;
}
.katalog2-information-form-box input {
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #3d3d3d;
}

.katalog2-information-form-box input:focus {
  outline: none;
  border: none;
}
.katalog2-information-form-box input:focus::placeholder {
  display: none;
}
.katalog2-information-form-send {
  width: 260px;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid #ffffff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #fff;
  cursor: pointer;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.katalog2-information-form-send::before {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  transition: all .2s linear;
  border-radius: 8px;
  left: 0;
}
.katalog2-information-form-send:hover {
  border: none;
  color: #fff;
}
.katalog2-information-form-send:hover::before {
  width: 100%;
  opacity: 1;
}

/* KATALOG2 INFORMATION END CODE */

/* !KATALOG PAGE END CODE */
.send-form-fon{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	z-index:777777;
	display:none;
}
.send-form-block{
	position:fixed;
	width:100%;
	max-width:520px;
	height:288px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:7777777;
	padding:49px 45px 66px;
	background:#fff url(../img/bac-img-bottom.png) no-repeat 50% 100%;
	display:none;
}
.send-form-block .information-form-send {
  width: 260px;
  height: 46px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 80%;
  color: #000;
  cursor: pointer;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  margin-top:40px;
}
.send-form-block .information-form-send:hover {
  border: none;
  color: #fff;
}
.send-form-close{
  width: 36px;
  height: 36px;
	position:absolute;
	top:20px;
	right:20px;
	background:url(../img/close-sent.png) no-repeat 50% 50%;
	cursor:pointer;
}
.send-form-info{
	font-family: TT Hoves Pro Trial;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 24px */
letter-spacing: -0.5px; 
}
.send-form-info span{
	display:block;
	font-family: TT Hoves Pro Trial;
font-size: 48px;
font-style: normal;
font-weight: 500;
line-height: 110%; /* 52.8px */
letter-spacing: -1.2px; 
margin-bottom:10px;
}
/* !DETAIL PAGE START CODE */

.detail-container {
  width: 100%;
  max-width: 1296px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.detail-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position:relative;
}
.detail-content > div{
	max-width:100%;
}
.detail-top {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-bottom: 23px;
}

.detail-content-off-info {
	width: 100%;
	height: auto;
	z-index: 7;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	background: linear-gradient(rgba(238, 238, 238, 0), rgba(238, 238, 238, 0.1), rgba(238, 238, 238, 0.7), #eee, #eee);
	position: absolute;
	top: 750px;
	bottom: 0;
	left: 0;
}
.detail-content-off-info .detail-content-off-info_title {
	font-family: TT Hoves Pro Trial;
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%; /* 52.8px */
	letter-spacing: -1.2px;
	margin-bottom: 40px;
}
.detail-content-off-info .hr {
	width: 100%;
	height: 2px;
	margin-bottom: 40px;
	background: #8C4B9B;
}
.detail-content-off-info .sub-btn.ac {
	background: #111;
	color: #fff;
}
.detail-content-off-info .sub-btn {
	width: 223px;
	margin-bottom: 20px;
}
.detail-content-off-info .register {
	color: #111;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: TT Hoves Pro Trial;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: 80%; /* 12px */
	margin-bottom: 20px;
}

.detail-top-link {
  width: fit-content;
  height: fit-content;
  display: flex;
  gap: 40px;
}

.detail-link {
  width: fit-content;
  height: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  color: #858585;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;

  z-index: 2;
}
.detail-link::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-bottom: 1px solid #858585;
  border-right: 2px solid #858585;
  transform: skew(-45deg);
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  border-bottom-right-radius: 5px;
}
.detail-link.teg-link:before{
  display:none;
}

.detail-link:hover {
  color: #8c4b9b;
}
.detail-link:hover::before {
  border-color: #8c4b9b;
}

.detail-info-box {
	width: fit-content;
	height: fit-content;
	display: flex;
	align-items: center;
	gap: 20px;
}
.detail-date {
	font-size: 12px;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 1.8px;
	color: #858585;
}
.detail-wiew, .detail-right, .detail-fav {
	display: flex;
	align-items: center;
	gap: 5px;
	cursor: pointer;
}
.wiew-text, .detail-right-text, .detail-fav-text {
	font-size: 12px;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 1.8px;
	color: #858585;
}

.detail-title-box {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	margin-top:0;
}
.detail-title {
	text-align: center;
	font-size: 48px;
	font-weight: 500;
	line-height: 115%;
	letter-spacing: -3.2px;
	color: #111;
	margin: 0;
}
.detail-title-text {
	width: 60%;
	text-align: center;
	font-size: 21px;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: -0.6px;
	color: #111;
}

.detail-big-img {
  width: 100%;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.detail-big-img a{
	display: block;
	max-width: 100%;
	max-height: 100%;
	overflow:hidden;
  border-radius: 20px;
}

.detail-big-img img {
  width: 100%;
  height:auto;
  object-fit: cover;
  border-radius: 20px;
}
.detail-text-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0px;
  position:relative;
}

.detail-text-content {
  width: 1076px;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.detail-text-container .owl-nav {
	display: none;
}
.detail-text-container .owl-dots {
	margin-top: 10px;
}

.detail-text-item {
	width: 100%;
	max-width: 856px;
	height: fit-content;
	display: flex;
	flex-direction: column;
}
.detail-text-item h2, .detail-text-box h2 {
	font-size: 26px;
	letter-spacing: 0.24px;
	color: #111;
	font-weight: 400;
}
.detail-text-item h3, .detail-text-box h3 {
	font-size: 24px;
	letter-spacing: 0.24px;
	color: #111;
	font-weight: 400;
}
.detail-text-item h4, .detail-text-box h4 {
	font-size: 20px;
	color: #111;
	font-weight: 600;
	letter-spacing: 0.16px;
	margin-top: 30px;
}
.detail-text-item p, .detail-text-box p {
	font-size: 20px;
	color: #111;
	letter-spacing: 0.16px;
	margin-top: 15px;
	line-height: 135%;
}
.detail-text-item a, .detail-text-box a {
	text-decoration: none;
	color: #0645ad;
	background: none;
}
.detail-text-item .sub-link, .detail-text-box .sub-link {
	color: #000;
}

.author-box {
	width: 196px;
	height: fit-content;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 5px;
}
.author-box img {
	width: auto;
	height: 100%;
}
.author-box .autor-img {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	overflow: hidden;
}
.author-misson {
	text-align: center;
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 1.8px;
	color: #111;
	margin: 10px 0;
}
.author-name {
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.16px;
	color: #111;
}
.author-des {
	text-align: center;
	font-size: 11px;
	letter-spacing: 0.13px;
	color: #111;
}

.detail-duble-img {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.detail-duble-img.one-img{
  justify-content: center;
}
.img-box {
	width: 636px;
	height: fit-content;
	display: flex;
	flex-direction: column;
}
.img-box img {
	width: 100%;
	height: auto;
	border-radius: 8px;
}
.owl-carousel.detail-duble-img .owl-item .img-box a {
	overflow: hidden;
	border-radius: 8px;
}
.owl-carousel.detail-duble-img .owl-item img {
	display: block;
	width: auto;
	max-width: none;
	height: 417px;
}
.img-box p {
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 1px;
	color: #111;
	opacity: .5;
	margin-top: 10px;
}

.detail-tag-text {
	width: 100%;
	max-width: 856px;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	background: #eeeeee;
	position: relative;
	gap: 20px;
	margin-top: 30px;
	padding: 30px 100px 20px 100px;
}
.stroke-left {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 10px;
	left: 0;
	display: none;
}
.stroke-right {
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: 10px;
	right: 0;
	transform: rotate(-180deg);
	display: none;
}
.aithor-pro-text {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.detail-tag-text p {
	text-align: center;
	font-size: 20px;
	color: #111;
	letter-spacing: 0.18px;	
}

.author-pro {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
}
.author-pro img {
  width: 70px;
  height: 70px;
  border-radius: 100%;
}
.author-pro span {
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1.8px;
  color: #858585;
}
.author-pro h3 {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.16px;
	color: #111;
}

.detail-text-box {
	width: 100%;
	max-width: 856px;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 60px;
}
table {
	width: 100% !important;
}
table td {
	padding: 10px;
	border: 1px solid #ccc;
}
.text-bottom {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sub-link {
  width: 260px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  gap: 10px;
}

.sub-link::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
.sub-link:hover {
  border: none;

  color: #fff;
}
.sub-link:hover::after {
  width: 100%;
  opacity: 1;
}

.comment-container {
  width: 100%;
  max-width: 856px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 30px;
  margin-top: 60px;
}

.detail-sosial {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddddda;
  border-bottom: 1px solid #ddddda;
  gap: 40px;
  padding: 20px 0 40px 0;
}

.tag-box {
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 15px;
}

.tag-box span {
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.sosial-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 5px;
}

.sosial-box p {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.detail-sosial-link {
  width: fit-content;
  height: fit-content;
  display: flex;
  gap: 10px;
}

.detail-sosial-a {
  width: 37px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
}

.detail-sosial-a img {
  width: 100%;
  height: 100%;
  transition: all .2s linear;
}

.detail-sosial-a:hover .yt-2,
.detail-sosial-a:hover .vk-2,
.detail-sosial-a:hover .tl-2,
.detail-sosial-a:hover .wp-2,
.detail-sosial-a:hover .in-2 {
  display: block;
}
.detail-sosial-a:hover .yt-1,
.detail-sosial-a:hover .vk-1,
.detail-sosial-a:hover .tl-1,
.detail-sosial-a:hover .wp-1,
.detail-sosial-a:hover .in-1 {
  display: none;
}

.stabil-comment {
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 15px;
}
.stabil-comment img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.stabil-comment-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.comment-name {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2.1px;
  color: #111;
}

.comment-text {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.16px;
  color: #111;
}

.comment-send {
  width: 100%;
  max-width: 800px;
  height: fit-content;
  display: flex;
  flex-direction: column;
}


.comment-box {
  width: 100%;
  height: 101px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddddda;
}

.comment-box textarea {
  width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  display: flex;
  outline: none;
  border: none;
  appearance: none;
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #858585;
  padding: 20px;
}
.comment-box textarea::placeholder {
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #858585;
}
.comment-box textarea:focus {
  border: none;
}
.comment-box textarea:focus::placeholder {
  display: none;
}

.comment-box textarea {
  scrollbar-width: thin;
  scrollbar-color: #8c4b9b #ddddda;
}

.comment-box textarea::-webkit-scrollbar {
  width: 4px;
  background: #ddddda;
}

.comment-box textarea::-webkit-scrollbar-track {
  background: transparent;
}

.comment-box textarea::-webkit-scrollbar-thumb {
  background-color: #8c4b9b;
  border-radius: 100px;
  border: 3px solid transparent;
}


.comment-send-file-box {
  width: 100%;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  gap: 20px;
}
.comment-send-file-box label {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.comment-file-img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: none;
}
.comment-file-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #858585;
  text-decoration: underline;
}
.comment-send-btn {
  width: 120px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}
.comment-send-btn::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #8c4b9b;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
.comment-send-btn:hover {
  border: none;

  color: #fff;
}
.comment-send-btn:hover::after {
  width: 100%;
  opacity: 1;
}

.user-comment {
  width: 100%;
  max-width: 800px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.user-comment-title {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 15px;
}

.user-comment-title img {
  width: 24px;
  height: 24px;
}

.user-name {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2.1px;
  color: #4b4b4b;
}
.comment-time {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2.1px;
  color: #858585;
}

.user-comment-text {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.user-comment-text p{
  font-size: 15px;
  color: #111;
  letter-spacing: 0.16px;
}

.comment-answer-like {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.answer-btn {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  padding-bottom: 5px;
  border-bottom: 1px solid #111;
}

.answer-btn:hover {
  color: #8c4b9b;
}


.like-dislike-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
}
.like-box,
.dis-like-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}

.dislike-img,
.like-img {
  display: none;
}

.answer-comment-send {
  width: 100%;
  max-width: 800px;
  height: fit-content;
  display: none;
  flex-direction: column;
}

.answer-comment-form {
  width: 100%;
  height: 167px;

  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ddddda;
  border-radius: 8px;
}

.answer-comment-box {
  width: 100%;
  height: 101px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddddda;
}

.answer-comment-box textarea {
  width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
  min-height: 100%;
  display: flex;
  outline: none;
  border: none;
  appearance: none;
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #858585;
  padding: 20px;
}
.answer-comment-box textarea::placeholder {
  font-size: 16px;
  letter-spacing: 0.16px;
  color: #858585;
}
.answer-comment-box textarea:focus {
  border: none;
}
.answer-comment-box textarea {
  scrollbar-width: thin;
  scrollbar-color: #8c4b9b #ddddda;
}

.answer-comment-box textarea::-webkit-scrollbar {
  width: 4px;
  background: #ddddda;
}

.answer-comment-box textarea::-webkit-scrollbar-track {
  background: transparent;
}

.answer-comment-box textarea::-webkit-scrollbar-thumb {
  background-color: #8c4b9b;
  border-radius: 100px;
  border: 3px solid transparent;
}


.answer-comment-send-file-box {
  width: 100%;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  gap: 20px;
}
.answer-comment-send-file-box label {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.answer-comment-file-img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: none;
}
.answer-comment-file-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #858585;
  text-decoration: underline;
}
.answer-comment-send-btn {
  width: 120px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}
.answer-comment-send-btn::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  position: absolute;
  background: #111;
  z-index: -1;
  opacity: 0;
  border-radius: 8px;
  transition: all .2s linear;
  left: 0;
}
.answer-comment-send-btn:hover {
  border: none;

  color: #fff;
}
.answer-comment-send-btn:hover::after {
  width: 100%;
  opacity: 1;
}

/* !DETAIL PAGE END CODE */

/* !MEDIA START CODE */

@media screen and (max-width: 1440px) {
	section {
		width: 100%;
		max-width: 1300px;
		height: fit-content;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	header {
		width: 100%;
		max-width: 1140px;
		height: 90px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		padding: 10px 0;
	}
  header.sticky,
  header.test {
   height: 90px;
  }
  header.sticky .header-content,
  header.test .header-content {
    width: 100%;
    max-width: 1140px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .logo {
    width: 170px;
    height: fit-content;
    display: flex;
    align-items: center;
  }

  .header-item {
    width: fit-content;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  .header-dd-item{
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
  
  }
  .search-form {
    width: 258px;
    height: 46px;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding: 0 15px;
  }

  .search-form label .search-input {
    width: calc(100% - 40px);
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #3d3d3d;
    outline: 0;
    border: none;
    background: transparent;
  }

  .header-btn {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .sign-in {
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: center;
	  width: fit-content;
	  height: fit-content;
	  background: none;
	  border: none;
	  border-radius:50%;
	  font-style: normal;
	  font-weight: 600;
	  font-size: 15px;
	  line-height: 80%;
	  color: #111;
	  transition: all .2s linear;
	  position: relative;
	  z-index: 2;
	}

  .sub-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 125px;
    height: 42px;
    background: #111;
    border: 1px solid #fff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 70%;
    color: #fff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    cursor: pointer;
  }

  .menu-container.ac {
    height: fit-content;
    padding: 60px 0 100px 0;
  }

  .menu-content {
    width: 100%;
    height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-item {
    width: 100%;
    max-width: 1140px;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .menu-a {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s linear;
  }

  nav {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .menu-text-box {
    width: 24%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .menu-slider-container {
    width: 32%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .menu-slider {
    width: 175%;
    height: fit-content;
    display: flex;
  }

  .menu-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 20px;
  }

  /* BANNER START CODE */
  .banner-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .banner-slider-item {
    width: 100%;
    height: 420px;
    display: flex;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
      83.62deg,
      rgba(0, 0, 0, 0.57) -33.18%,
      rgba(0, 0, 0, 0) 35.21%
    );
    position: absolute;
    top: 0;
    left: 0;
    gap: 30px;
    padding: 30px;
    border-radius: 20px;
  }

  .banner-img img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
	.banner-tittle {
		font-weight: 500;
		font-size: 55px;
		line-height: 95%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}

  .banner-link {
    width: 240px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 80%;
    color: #ffffff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* NEWS-CATALOG START CODE*/
  .news-catalog-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news-catalog-content {
    width: 100%;
    height: 440px;
    display: flex;
    justify-content: space-between;
  }

  .news-catalog-left {
    width: 810px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/ct.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .catalog-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 10px;
  }

  .catalog-link-top {
    width: fit-content;
    height: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }

  .catalog-bottom-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .catalog-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .catalog-text {
    width: 85%;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  .news-catalog-right {
    width: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .catalog-link {
    width: 88%;
    height: 55px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.025em;
    color: #111111;
    position: relative;
    transition: all .2s linear;
    z-index: 2;
    margin-right: 20px;
  }


  /* POPULAR START CODE */
  .popular-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .popular-title {
    font-style: normal;
    font-weight: 500;
    font-size: 55px;
    line-height: 95%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .popular-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 40px;
 
  }

  .popular-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }

  .popular-item .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 16px;
  margin-left: 10px;
  margin-top: 10px;
  }

  .popular-item .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.popular-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .popular-item .card-text {
    width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;

  }

  .popular-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .popular-item .card-bottom {
    width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 16px;
  margin-top:16px;

  }

  .popular-item .card-date,
  .popular-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 7px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }


  /* INFORMATION START CODE  */
  .information-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .information-left {
    width: 760px;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 20px 20px 30px;
  }

  .information-title {
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }
  .information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 25px;
  }

  .information-form-box {
    width: 256px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 16px;
  }
  .information-form-box img {
    width: 22px;
  }
  .information-form-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .information-form-send {
    width: 245px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .information-right {
    width: 365px;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/in2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 20px 20px 30px;
  }

  .information-right-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 14px;
  }

  .information-right-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }

  .information-right-text-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .information-right-title {
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-right-p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  /* news START CODE */
  .news-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
  }

  .news-title {
    font-style: normal;
    font-weight: 500;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news-item {
    width: 100%;
    height: 380px;
    display: flex;
    margin-top: 40px;
    gap: 15px;
  }

  .news-left {
    width: 560px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t1.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news-bottom-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 43px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .news-text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin-top: 15px;
  }

  .news-right {
    width: 566px;
    height: fit-content;
    display: flex;
    justify-content: space-between;
  }

  .news-right-item {
    width: 275px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .news-right-item .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 16px;
    margin-left: 10px;
    margin-top: 10px;
  }

  .news-right-item .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news-right-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news-right-item .card-text {
    width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 13px;
  gap: 10px;
  margin-top: 5px;
  }

  .news-right-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news-right-item .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top:16px;

  }

  .news-right-item .card-date,
  .news-right-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* NEWS1 START CODE */
  .news1-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
  }

  .news1-title {
    font-style: normal;
    font-weight: 500;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news1-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 15px;
  }

  .news1-big-box {
    width: 850px;
    height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news1-card {
    width: 273.7px;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }

  .news1-card .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 10px;
  }

  .news1-card .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news1-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news1-card .card-text {
    width: 100%;
	height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
    margin-top: 5px;
    
  }

  .news1-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news1-card .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top:16px;

  }

  .news1-card .card-date,
  .news1-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* news2 START CODE */
  .news2-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
  }

  .news2-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news2-title {
    font-style: normal;
    font-weight: 500;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news2-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 15px;
  }

  .news2-big-box {
    width: 100%;
    height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t3.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news2-card {
    width: 273.5px;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }

  .news2-card .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 10px;
  }

  .news2-card .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news2-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news2-card .card-text {
    width: 100%;
  height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
    margin-top: 5px;
  }

  .news2-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news2-card .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top:16px;

  }

  .news2-card .card-date,
  .news2-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* news3 START CODE */
  .news3-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
  }

  .news3-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news3-title {
    font-style: normal;
    font-weight: 500;
    font-size: 55px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news3-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    gap: 15px;
  }

  .news3-big-box {
    width: 754px;
    height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news3-card {
    width: 370px;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }

  .news3-card .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 13px;
    margin-left: 10px;
    margin-top: 10px;
  }

  .news3-card .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news3-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news3-card.card-text {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 0 13px;
    gap: 10px;
    margin-bottom:16px;

  }

  .news3-card.card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news3-card .card-bottom {
    width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 13px;
  margin-top:16px;

  }

  .news3-card.card-date,
  .news3-card.card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* NEWS4 START CODE */
  .news4-container, 
  .news6-container, 
  .news5-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
  }

  .news4-content, 
  .news6-content, 
  .news5-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news4-title, 
  .news6-title, 
   .news5-title {
    font-style: normal;
    font-weight: 500;
    font-size: 55px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news4-slider, 
  .news6-slider, 
  .news5-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 40px;
  }

  .news4-card, 
  .news6-card, 
  .news5-card {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }

  .news4-card .card-btn-box, 
  .news6-card .card-btn-box, 
  .news5-card .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 10px;
  }

  .news4-card .card .card-img,
  .news6-card .card .card-img,
   .news5-card .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news4-card .card-title, 
	.news6-card .card-title, 
	.news5-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news4-card .card-text, 
  .news6-card .card-text, 
  .news5-card .card-text {
    width: 100%;
    height: 138px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
    margin-top: 5px;
   
  }

  .news4-card .card-text .card-text-p,
  .news6-card .card-text .card-text-p,
   .news5-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news4-card .card-bottom, 
  .news6-card .card-bottom, 
  .news5-card .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top:16px;

  }

   .news4-card .card-date,
  .news4-card .card-wiew span,
   .news6-card .card-date,
  .news6-card .card-wiew span,
  
  .news5-card .card-date,
  .news5-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  /* NEWS4 END CODE */

  /* CONTACK FORM START CODE */
  .form-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
  }

  .form-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .form-box-item {
    width: 750px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    border-radius: 15px;
  }

  .form-title {
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 110%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .contack-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }

  .form-box {
    width: 300px;
    height: 44px;
    display: flex;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding-left: 20px;
    gap: 15px;
  }

  .form-box i {
    font-size: 22px;
    color: #b0afaf;
  }

  .form-box input,
  .form-box input::placeholder {
   
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .form-box input:focus,
  .form-box textarea:focus {
    outline: none;
    border: none;
  }
  .form-box input:focus::placeholder,
  .form-box textarea:focus::placeholder {
    display: none;
  }
  .form-box-file {
    width: 200px;
    height: 44px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    padding-left: 20px;
  }
 

  #dosya-upload-button {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    cursor: pointer;
    gap: 10px;
  }

  #dosya {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .text-area {
    width: 100%;
    height: 105px;
    padding-top: 20px;
  }

  .form-box textarea,
  .form-box textarea::placeholder {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }
  .form-box-send {
    width: 200px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 80%;
    color: #ffffff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .form-card-item {
    width: 375px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .form-card {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }

  .form-card .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 13px;
    margin-left: 10px;
    margin-top: 10px;
}

  .form-card .card .card-img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.form-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .form-card .card-text {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
    margin-top: 5px;
  }

  .form-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .form-card .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top:16px;

  }

  .form-card .card-date,
  .form-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* PATNERS START CODE */
  .patners-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .patners-title {
    font-style: normal;
    font-weight: 500;
    font-size: 55px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }
  .patners-item {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
  }

  .patners-item img {
    width: 140px;
    height: auto;
    object-fit: contain;
  }

  .patners-all-links-box {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 35px;
  }

  /* TOPICS START CODE */
  .topics-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  /* FOOTER START CODE */
  footer {
    width: 100vw;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    margin-bottom: 20px;
  }

  .footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

	.footer-item {
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

  .footer-item-content {
    width: 100%;
    max-width: 1140px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-logo {
    width: 135px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .footer-logo img {
    width: 100%;
    height: auto;
  }

  .footer-sosial {
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .footer-sosial-link {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
  }
  .footer-sosial-link img {
    width: 100%;
    height: 100%;
  }

  .footer-menu {
    width: 100%;
    max-width: 1140px;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    gap: 15px;
  }

  .footer-menu-link {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #000000;
    transition: all .2s linear;
  }


  .copy-right {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .copy-right p {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
  }

  /* !SUB PAGE START CODE */

  .sub-container {
    width: 100vw;
    height: 700px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: url(../img/subbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -150px;
  }

  .sub-content {
    width: 100%;
    max-width: 1140px;
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 50px 0;
  }

	.sub-form-title {
		color: #fff;
		/* PC/H2 */
		font-size: 55px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .sub-price-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
  }
  .sub-price {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .sub-price-btn {
    display: flex;
    padding: 10px 20px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--color-2, #8c4b9b);
    background: var(--color-2, #8c4b9b);
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
  }
  .sub-discont {
    color: #a1a1a1;
    font-size: 40px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
    text-decoration: line-through;
  }

  .sub-text {
    font-size: 20px;
    letter-spacing: 0.24px;
    color: #fff;
  }

  .sub-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .sub-form-ctrl {
    display: flex;
    width: 240px;
    padding: 9px 15px;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: #dedddd;
  }

  .sub-form-ctrl input {
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 500;
    line-height: 80%;
  }

  .sub-form-policy label input {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8c4b9b;
    outline: 0;
    border: none;
    appearance: none;
    position: relative;
  }
  .sub-policy-text {
    color: #fff;
    font-size: 15px;
    line-height: 80%;
  }

  .sub-form-send {
    width: 220px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 80%;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }

  /* !KATALOG PAGE START CODE */

  /* KATALOG BANNER START */
  .katalog-baner-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .katalog-baner-item {
    width: 100%;
    height: 316px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../img/katalogbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 0 30px 30px 30px;
    gap: 20px;
  }

	.katalog-baner-title {
		color: #fff;
		font-size: 55px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .katalog-baner-text {
    width: 60%;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.24px;
  }

  /* KATALOG START CODE */

  .katalog-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 65px;
  }

  .katalog-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .katalog-item {
    width: 370px;
    height: 380px;
    display: flex;
  }

  .katalog-item .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 16px;
    margin-left: 10px;
    margin-top: 16px;
  }

  .katalog-item .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.katalog-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .katalog-item .card-text {
    width: 100%;
  height: 138px;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 13px;
  gap: 10px;
  margin-top: 5px;
  }

  .katalog-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .katalog-item .card-bottom {
    width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 13px;
  margin-top:16px;

  }

  .katalog-item .card-date,
  .katalog-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* KATALOG-INFORMATION START CODE */

  .katalog-information-container {
    width: 100%;
    max-width: 1140px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .katalog-information {
    width: 100%;
    height: 420px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 20px 20px 30px;
  }

  .katalog-information-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: 15px;
  }

  .katalog-information-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;

    z-index: 2;
  }
  .katalog-information-bottom {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

	.katalog-information-title {
		width: 75%;
		font-style: normal;
		font-weight: 500;
		font-size: 40px;
		line-height: 110%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .katalog-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
  }

  .katalog-information-form-box {
    width: 250px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 14px;
  }
  .katalog-information-form-box img {
    width: 20px;
  }
  .katalog-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog-information-form-send {
    width: 240px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* KATALOG2 START CODE */

  .katalog2-information {
    width: 370px;
    height: 380px;
    display: flex;
    flex-direction: column;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    justify-content: center;
  }

  .katalog2-information-bottom {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

	.katalog2-information-title {
		width: 100%;
		font-style: normal;
		font-weight: 600;
		font-size: 30px;
		line-height: 100%;
		letter-spacing: -1.05px;
		color: #ffffff;
	}
  .katalog2-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
  }

  .katalog2-information-form-box {
    width: 260px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 16px;
  }
  .katalog2-information-form-box img {
    width: 22px;
  }
  .katalog2-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog2-information-form-send {
    width: 260px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* !DETAIL PAGE START CODE */

  .detail-container {
    width: 100%;
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }

  .detail-link {
    width: fit-content;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 1.95px;
    text-transform: uppercase;
    color: #858585;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;

    z-index: 2;
  }

	.detail-title {
		font-size: 65px;
	}

  .detail-big-img {
    width: 100%;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .detail-big-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
  }

  .detail-text-container {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0px;
  }
  .detail-text-content {
    width: 1000px;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
  }

	.img-box {
		width: 560px;
	}
	.img-box img {
		height: 380px;
	}

}



@media screen and (max-width: 1200px) {
	section {
		width: 100%;
		max-width: 1140px;
		height: fit-content;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

  header {
    width: 100%;
    max-width: 1024px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 0;
  }
	header.sticky,
	header.test {
		height: 80px;
	}
  header.sticky .header-content,
  header.test .header-content {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-item {
    width: fit-content;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  .header-dd-item{
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
  
  }
  .search-form {
    width: 250px;
    height: 46px;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding: 0 15px;
  }

  .search-icon {
    font-size: 16px;
    color: #8c4b9b;
    transform: rotateY(180deg);
  }

  .menu-container.ac {
    height: fit-content;
    padding: 40px 0 80px 0;
  }

  .menu-content {
    width: 100%;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-item {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .menu-a {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s linear;
  }

  nav {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .menu-text-box {
    width: 24%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .menu-text-box p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 200%;
    letter-spacing: 0.01em;
    color: #ddddda;
  }
  .menu-slider-container {
    width: 32%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .menu-slider {
    width: 185%;
    height: 100%;
    display: flex;
  }

  .menu-slider-item {
    width: 100%;
    max-width: 290px;
    min-width: 290px;
    height: 420px;
    display: flex;
    flex-direction: column;
    margin-right: 0px;
  }

  .menu-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 10px;
  }

  .menu-slider-item .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 16px;
  }

  .menu-slider-item .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.menu-slider-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 18px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .card-text {
    width: 100%;
    height: 138px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
    margin-top:5px;
}

  .menu-slider-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .menu-slider-item .card-bottom {
    width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 13px;
  margin-top:16px;
  }

  .menu-slider-item .card-date,
  .menu-slider-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* BANNER START CODE */
  .banner-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .banner-slider-item {
    width: 100%;
    height: 400px;
    display: flex;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
      83.62deg,
      rgba(0, 0, 0, 0.57) -33.18%,
      rgba(0, 0, 0, 0) 35.21%
    );
    position: absolute;
    top: 0;
    left: 0;
    gap: 30px;
    padding: 25px;
    border-radius: 15px;
  }

  .banner-img img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
  }
	.banner-tittle {
		font-weight: 500;
		font-size: 45px;
		line-height: 95%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}

  .banner-link {
    width: 240px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 80%;
    color: #ffffff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* NEWS-CATALOG START CODE*/
  .news-catalog-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news-catalog-content {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: space-between;
  }

  .news-catalog-left {
    width: 730px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/ct.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .catalog-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 10px;
  }

  .catalog-link-top {
    width: fit-content;
    height: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }

  .catalog-bottom-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .catalog-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 44px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .catalog-text {
    width: 85%;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  .news-catalog-right {
    width: 260px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .catalog-link {
    width: 88%;
    height: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 34px;
    line-height: 110%;
    letter-spacing: -0.025em;
    color: #111111;
    position: relative;
    transition: all .2s linear;
    z-index: 2;
    margin-right: 20px;
  }

  /* POPULAR START CODE */
  .popular-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .popular-title {
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 95%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .popular-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 40px;
    
  }

  .popular-item {
  height: 385px;
 }

  .popular-item .card-btn-box {
    width: 100%;
  height: 27px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 16px;
  }

  .popular-item .card .card-img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.popular-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .popular-item .card-text {
    width: 100%;
    
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 16px;
    gap: 10px;
    margin-top: 5px;
}

  .popular-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .popular-item .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 16px;
    margin-top: 16px;
}

  .popular-item .card-date,
  .popular-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 7px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

  /* INFORMATION START CODE  */
  .information-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .information-left {
    width: 700px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }
  .information-left-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }
  .information-title {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }
  .information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 25px;
  }

  .information-form-box {
    width: 236px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 16px;
  }
  .information-form-box img {
    width: 22px;
  }
  .information-form-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .information-form-send {
    width: 245px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .information-right {
    width: 310px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/in2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .information-right-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 14px;
  }

  .information-right-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }

  .information-right-text-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .information-right-title {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-right-p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  /* news START CODE */
  .news-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news-title {
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news-item {
    width: 100%;
    height: 385px;
    display: flex;
    margin-top: 30px;
    gap: 15px;
  }

  .news-left {
    width: 460px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t1.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }
  .news-link-top {
    width: fit-content;
    height: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }
  .news-date span {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #ffffff;
  }
  .news-bottom-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .news-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin-top: 14px;
  }

  .news-right {
    width: 550px;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .news-right-item {
    width: 266px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .news-right-item .card-btn-box {
    width: 100%;
  height: 27px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 16px;
  }

  .news-right-item .card .card-img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news-right-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news-right-item .card-text {
    width: 100%;
    height: 128px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 16px;
    gap: 10px;
    margin-top: 5px;
  }

  .news-right-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news-right-item .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 16px;
    margin-top: 16px;
  }

  .news-right-item .card-date,
  .news-right-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* NEWS1 START CODE */
  .news1-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news1-title {
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news1-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
  }

  .news1-big-box {
    width: 760px;
    height: 385px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news1-card {
    width: 244px;
    height: fit-content;
    display: flex;
    flex-direction: column;
  }
  .news1-card .card-btn-box {
    width: 100%;
  height: 27px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 16px;
  }

  .news1-card .card .card-img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news1-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news1-card .card-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 16px;
    gap: 10px;
    margin-top: 5px;
  }

  .news1-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news1-card .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 16px;
    margin-top: 16px;
  }

  .news1-card .card-date,
  .news1-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 9px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* news2 START CODE */
  .news2-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news2-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news2-title {
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news2-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
  }

  .news2-big-box {
    width: 100%;
    height: 385px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t3.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news2-card {
    width: 244px;
    height: 385px;
    display: flex;
    flex-direction: column;
  }

  .news2-card .card-btn-box {
    width: 100%;
  height: 27px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 16px;
  }

  .news2-card .card .card-img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news2-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news2-card .card-text {
    width: 100%;
  height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 16px;
    gap: 10px;
    margin-top: 5px;
  }

  .news2-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news2-card .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 16px;
    margin-top: 16px;
  }

  .news2-card .card-date,
  .news2-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* news3 START CODE */
  .news3-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news3-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news3-title {
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news3-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
  }

  .news3-big-box {
    width: 676px;
    height: 385px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news3-card {
    width: 331px;
    height: 385px;
    display: flex;
    flex-direction: column;
  }

  .news3-card .card-btn-box {
    width: 100%;
  height: 27px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 13px;
  margin-left: 10px;
  margin-top: 16px;
  }

  .news3-card .card .card-img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news3-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news3-card .card-text {
    width: 100%;
    height: 128px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 16px;
    gap: 10px;
    margin-top: 5px;
  }

  .news3-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news3-card .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 16px;
    margin-top: 16px;
  }

  .news3-card.card-date,
  .news3-card.card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* NEWS4 START CODE */
  .news4-container, 
  .news6-container, 
  .news5-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news4-content, 
  .news6-content, 
  .news5-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news4-title, 
  .news6-title, 
   .news5-title {
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news4-slider,
  .news6-slider,
   .news5-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 30px;
  }

  .news4-card,
  .news6-card,
   .news5-card {
    width: 100%;
    height: 385px;
    display: flex;
    flex-direction: column;
  }

  .news4-card .card-btn-box,
  .news6-card .card-btn-box,
   .news5-card .card-btn-box {
    width: 100%;
    height: 27px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 13px;
    margin-left: 10px;
    margin-top: 16px;
  }

  .news4-card .card .card-img,
  .news6-card .card .card-img,
   .news5-card .card .card-img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news4-card .card-title, 
	.news6-card .card-title, 
	.news5-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .news4-card .card-text,
  .news6-card .card-text,
   .news5-card .card-text {
    width: 100%;
    height: 128px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
  }

  .news4-card .card-text .card-text-p,
  .news6-card .card-text .card-text-p,
  .news5-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news4-card .card-bottom, 
  .news6-card .card-bottom, 
  .news5-card .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top: 16px;
  }

   .news4-card.card-date,
   .news4-card.card-wiew span,
   .news6-card.card-date,
   .news6-card.card-wiew span,
   .news5-card.card-date,
   .news5-card.card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  /* NEWS4 END CODE */

  /* CONTACK FORM START CODE */
  .form-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .form-content {
    width: 100%;
    height: 625px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .form-box-item {
    width: 676px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 20px;
    border-radius: 15px;
  }

  .form-title {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .contack-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .form-box {
    width: 278px;
    height: 44px;
    display: flex;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding-left: 10px;
    gap: 10px;
  }

  .form-box i {
    font-size: 22px;
    color: #b0afaf;
  }

  .form-box input,
  .form-box input::placeholder {
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .form-box-file {
    width: 180px;
    height: 44px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    padding-left: 10px;
  }
 

  #dosya-upload-button {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    cursor: pointer;
    gap: 10px;
  }

  #dosya {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .text-area {
    width: 100%;
    height: 100px;
    padding-top: 15px;
  }

  .form-box textarea,
  .form-box textarea::placeholder {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }
  .form-box-send {
    width: 200px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 80%;
    color: #ffffff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .form-card-item {
    width: 330px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .form-card {
    width: 100%;
    height: 305px;
    display: flex;
    flex-direction: column;
  }

  .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 13px;
    margin-left: 10px;
    margin-top: 16px;
}

  .form-card .card .card-img {
    width: 100%;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.form-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .form-card .card-text {
    width: 100%;
    height: 50px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
    margin-top: 5px;
}

  .form-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .form-card .card-bottom {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    ;
  }

  .form-card .card-date,
  .form-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* PATNERS START CODE */
  .patners-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .patners-title {
    font-style: normal;
    font-weight: 500;
    font-size: 45px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .patners-item {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
  }

  .patners-item img {
    width: 120px;
    height: auto;
    object-fit: contain;
  }

  .patners-all-links-box {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
  }

  /* TOPICS START CODE */
  .topics-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .topics-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

	.topics-title {
		font-style: normal;
		font-weight: 500;
		font-size: 45px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
	}

  .topics-box {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .topics-item {
    width: 33%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }

  .topics-list {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .topics-links {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    color: #111111;
    transition: all 0.5s linear;
  }

  /* FOOTER START CODE */
  footer {
    width: 100vw;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
    margin-bottom: 20px;
  }

  .footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

	.footer-item {
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

  .footer-item-content {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-logo {
    width: 135px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .footer-logo img {
    width: 100%;
    height: auto;
  }

  .footer-sosial {
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .footer-sosial-link {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
  }
  .footer-sosial-link img {
    width: 100%;
    height: 100%;
  }

  .footer-menu {
    width: 100%;
    max-width: 1024px;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    gap: 15px;
  }

  .footer-menu-link {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #000000;
    transition: all .2s linear;
  }


  .copy-right {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .copy-right p {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
  }

  /* !SUB PAGE START CODE */

  .sub-container {
    width: 100vw;
    height: 700px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: url(../img/subbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -150px;
  }

  .sub-content {
    width: 100%;
    max-width: 1024px;
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 50px 0;
  }

	.sub-form-title {
		color: #fff;
		/* PC/H2 */
		font-size: 45px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .sub-price-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
  }
  .sub-price {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .sub-price-btn {
    display: flex;
    padding: 9px 15px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--color-2, #8c4b9b);
    background: var(--color-2, #8c4b9b);
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
  }
  .sub-discont {
    color: #a1a1a1;
    font-size: 35px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
    text-decoration: line-through;
  }

  .sub-text {
    font-size: 20px;
    letter-spacing: 0.24px;
    color: #fff;
  }

  .sub-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .sub-form-ctrl {
    display: flex;
    width: 240px;
    padding: 9px 15px;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: #dedddd;
  }

  .sub-form-ctrl input {
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 500;
    line-height: 80%;
  }

  .sub-form-policy label input {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8c4b9b;
    outline: 0;
    border: none;
    appearance: none;
    position: relative;
  }
  .sub-policy-text {
    color: #fff;
    font-size: 15px;
    line-height: 80%;
  }

  .sub-form-send {
    width: 220px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 80%;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }

  /* !KATALOG PAGE START CODE */

  /* KATALOG BANNER START */
  .katalog-baner-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .katalog-baner-item {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../img/katalogbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 0 20px 20px 20px;
    gap: 20px;
  }

	.katalog-baner-title {
		color: #fff;
		font-size: 45px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .katalog-baner-text {
    width: 60%;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.24px;
  }

  /* KATALOG START CODE */

  .katalog-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
  }

  .katalog-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .katalog-item {
    width: 331px;
    height: 420px;
    display: flex;
  }

  .katalog-item .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 16px;
    margin-left: 10px;
    margin-top: 16px;
}

  .katalog-item .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .katalog-item .card-text {
    width: 100%;
    height: 138px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
    margin-top: 5px;
}
	.katalog-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
 
  .katalog-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .katalog-item .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top: 16px;
}

  .katalog-item .card-date,
  .katalog-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* KATALOG-INFORMATION START CODE */

  .katalog-information-container {
    width: 100%;
    max-width: 1024px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .katalog-information {
    width: 100%;
    height: 380px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .katalog-information-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: 15px;
  }

  .katalog-information-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;

    z-index: 2;
  }
  .katalog-information-bottom {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

	.katalog-information-title {
		width: 75%;
		font-style: normal;
		font-weight: 500;
		font-size: 35px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .katalog-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
  }

  .katalog-information-form-box {
    width: 250px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 14px;
  }
  .katalog-information-form-box img {
    width: 22px;
  }
  .katalog-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog-information-form-send {
    width: 240px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* KATALOG2 START CODE */

  .katalog2-information {
    width: 331px;
    height: 380px;
    display: flex;
    flex-direction: column;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    justify-content: center;
  }

  .katalog2-information-bottom {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

	.katalog2-information-title {
		width: 100%;
		font-style: normal;
		font-weight: 600;
		font-size: 28px;
		line-height: 105%;
		letter-spacing: -1.05px;
		color: #ffffff;
	}
  .katalog2-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
  }

  .katalog2-information-form-box {
    width: 260px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 16px;
  }
  .katalog2-information-form-box img {
    width: 22px;
  }
  .katalog2-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog2-information-form-send {
    width: 260px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* !DETAIL PAGE START CODE */
  .detail-container {
    width: 100%;
    max-width: 1024px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }

	.detail-title {
		font-size: 60px;
	}

  .detail-big-img {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }

  .detail-text-container {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0px;
  }

  .detail-text-content {
    width: 1024px;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
  }

	.detail-text-item {
		max-width: 776px;
		gap: 30px;
	}

  .detail-duble-img {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }

	.img-box {
		width: 49.5%;
	}
	.owl-item .img-box {
		width: 100%;
	}
	.img-box img {
		height: auto;
	}

	.detail-text-item h3, .detail-text-box h3 {
		font-size: 22px;
	}
	.detail-text-item h4, .detail-text-box h4 {
		font-size: 15px;
	}

	.detail-tag-text p {
		font-size: 16px;
	}

}



@media screen and (max-width: 1040px) {
	section {
		width: 100%;
		max-width: 1024px;
		height: fit-content;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

  header {
    width: 100%;
    max-width: 900px;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 0;
  }
	header.sticky,
	header.test {
		height: 70px;
	}
  header.sticky .header-content,
  header.test .header-content {
    width: 100%;
    max-width: 900px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-item {
    width: fit-content;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  .header-dd-item{
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
  
  }
  .logo {
    width: 140px;
    height: fit-content;
    display: flex;
    align-items: center;
  }
  .search-form {
    width: 220px;
    height: 40px;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding: 0 15px;
  }

  .search-icon {
    font-size: 16px;
    color: #8c4b9b;
    transform: rotateY(180deg);
  }
  .sign-in {
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: center;
	  width: fit-content;
	  height: fit-content;
	  background: none;
	  border: none;
	  border-radius:50%;
	  font-style: normal;
	  font-weight: 600;
	  font-size: 15px;
	  line-height: 80%;
	  color: #111;
	  transition: all .2s linear;
	  position: relative;
	  z-index: 2;
	}

  .sub-btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 115px;
    height: 42px;
    background: #111;
    border: 1px solid #fff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 70%;
    color: #fff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    cursor: pointer;
  }
  .menu-container.ac {
    height: fit-content;
    padding: 40px 0 80px 0;
  }

  .menu-content {
    width: 100%;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-item {
    width: 100%;
    max-width: 900px;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .menu-a {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s linear;
  }

  nav {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .menu-text-box {
    width: 24%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .menu-sosial {
    display: flex;
    gap: 10px;
}
  .menu-text-box p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #ddddda;
  }
  .menu-slider-container {
    width: 32%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .menu-slider {
    width: 185%;
    height: 100%;
    display: flex;
  }

  .menu-slider-item {
    width: 100%;
    max-width: 260px;
    min-width: 260px;
    height: 420px;
    display: flex;
    flex-direction: column;
    margin-right: 0px;
  }

  .menu-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 10px;
  }
 
	.menu-slider-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .menu-slider-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .menu-slider-item .card-date,
  .menu-slider-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

	/* BANNER START CODE */
  .banner-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .banner-slider-item {
    width: 100%;
    height: 350px;
    display: flex;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
      83.62deg,
      rgba(0, 0, 0, 0.57) -33.18%,
      rgba(0, 0, 0, 0) 35.21%
    );
    position: absolute;
    top: 0;
    left: 0;
    gap: 20px;
    padding: 30px 20px;
    border-radius: 10px;
  }

  .banner-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
	.banner-tittle {
		font-weight: 500;
		font-size: 40px;
		line-height: 95%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}

  .banner-link {
    width: 240px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 80%;
    color: #ffffff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

	/* NEWS-CATALOG START CODE*/
  .news-catalog-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news-catalog-content {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: space-between;
  }

  .news-catalog-left {
    width: 640px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/ct.png);
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    padding: 20px 20px 30px;
  }

  .catalog-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 10px;
  }

  .catalog-link-top {
    width: fit-content;
    height: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }

  .catalog-bottom-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .catalog-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .catalog-text {
    width: 85%;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  .news-catalog-right {
    width: 230px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .catalog-link {
    width: 88%;
    height: 45px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 110%;
    letter-spacing: -0.025em;
    color: #111111;
    position: relative;
    transition: all .2s linear;
    z-index: 2;
    margin-right: 20px;
  }

	/* POPULAR START CODE */
  .popular-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .popular-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 95%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .popular-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 40px;
  }

  .popular-item {
    width: 100%;
    height: 420px;
    display: flex;
    flex-direction: column;
  }
  .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .popular-item .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 16px;
    margin-left: 10px;
    margin-top: 16px;
}
.popular-item .card-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
}

.popular-item .card-bottom {
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 16px;
  margin-top: 16px;
}
  .popular-item .card-date,
  .popular-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

	/* INFORMATION START CODE */
  .information-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .information-left {
    width: 570px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 20px 20px 30px;
  }
  .information-left-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }
  .information-title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }
  .information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 25px;
  }

  .information-form-box {
    width: 220px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 16px;
  }
  .information-form-box img {
    width: 22px;
  }
  .information-form-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .information-form-send {
    width: 225px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .information-right {
    width: 310px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/in2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .information-right-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 14px;
  }

  .information-right-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }

  .information-right-text-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .information-right-title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-right-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

	/* news START CODE */
  .news-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news-item {
    width: 100%;
    height: 380px;
    display: flex;
    margin-top: 30px;
    gap: 15px;
  }

  .news-left {
    width: 460px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t1.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 30px 15px;
  }
  .news-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
  .news-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-left: 15px;
}
  .news-link-top {
    width: fit-content;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 10px;
    z-index: 2;
  }
  .news-link-top::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-bottom: 2px solid #fff;
    border-right: 3px solid #fff;
    transform: skew(-45deg);
    position: absolute;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom-right-radius: 5px;
  }
  .news-date span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 120%;
    letter-spacing: 0.15em;
    color: #ffffff;
    text-align: center;
  }
  .news-bottom-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .news-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin-top: 14px;
  }

  .news-right {
    width: 550px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
  }

  .news-right-item {
    width: 267.5px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .news-right-item .card .card-img {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-right-item .card-text {
  width: 100%;
  height: 113px;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
}
	.news-right-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
.news-right-item .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

  .news-right-item .card-date,
  .news-right-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news-right-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

	/* NEWS1 START CODE */
  .news1-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news1-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news1-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
    }

  .news1-big-box {
    width: 290px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }
  .news1-big-box .news-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .news1-big-box .news-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: 15px;
  }
  .news1-big-box .news-date {
    width: 90px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
   
  }
  .news1-big-box .news-bottom-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }
  .news1-big-box .news-bottom-tittle br {
    display: none;
  }
  .news1-card {
    width: 290px;
    height: 360px;
    display: flex;
    flex-direction: column;
  }

  .news1-card .card .card-img {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news1-card .card-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
}
	.news1-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp:4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
.news1-card .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
  .news1-card .card-date,
  .news1-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

	/* news2 START CODE */
  .news2-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news2-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news2-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news2-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
  }

  .news2-big-box {
    width: 595px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t3.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news2-card {
    width: 290px;
    height: 360px;
    display: flex;
    flex-direction: column;
  }

  .news2-card .card .card-img {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news2-card .card-text {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
}
	.news2-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp:4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
.news2-card .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

  .news2-card .card-date,
  .news2-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

	/* news3 START CODE */
  .news3-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news3-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news3-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news3-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
  }

  .news3-big-box {
    width: 595px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news3-card {
    width: 290px;
    height: 360px;
    display: flex;
    flex-direction: column;
  }


  .news3-card .card .card-img {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news3-card .card-text {
  width: 100%;
  height: 113px;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
}
	.news3-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
.news3-card .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

  .news3-card .card-date,
  .news3-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

	/* NEWS4 START CODE */
  .news4-container,
  .news6-container,
   .news5-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .news4-content,
  .news6-content,
   .news5-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news4-title,  
  .news6-title,  
  .news5-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news4-slider,
   .news5-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 30px;
  }

  .news4-card, 
  .news6-card, 
  .news5-card {
    width: 100%;
    height: 360px;
    display: flex;
    flex-direction: column;
  }

 .news4-card .card-btn-box,
  .news6-card .card-btn-box,
   .news5-card .card-btn-box {
    width: 100%;
    height: 27px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 13px;
    margin-left: 10px;
    margin-top: 16px;
}

  .news4-card .card .card-img,
  .news6-card .card .card-img,
   .news5-card .card .card-img {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.news4-card .card-title, 
	.news6-card .card-title, 
	.news5-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

  .news4-card .card-text,
  .news6-card .card-text,
   .news5-card .card-text {
     width: 100%;
  height: 113px;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
  }

  .news4-card .card-text .card-text-p, 
  .news6-card .card-text .card-text-p, 
  .news5-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .news4-card .card-bottom,
  .news6-card .card-bottom,
   .news5-card .card-bottom {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;

  }
  .news4-card .card-date,
  .news4-card .card-wiew span,
   .news6-card .card-date,
  .news6-card .card-wiew span,
 .news5-card .card-date,
   .news5-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
	/* NEWS4 END CODE */

	/* CONTACK FORM START CODE */
  .form-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .form-content {
    width: 100%;
    height: 625px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .form-box-item {
    width: 550px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    border-radius: 15px;
  }

  .form-title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .contack-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
  }

  .form-box {
    width: 500px;
    height: 42px;
    display: flex;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding-left: 10px;
    gap: 10px;
    margin-bottom: 20px;
  }

  .form-box input,
  .form-box input::placeholder {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .form-box-file {
    width: 180px;
    height: 42px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    padding-left: 10px;
  }
 

  #dosya-upload-button {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    cursor: pointer;
    gap: 10px;
  }

  #dosya {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .text-area {
    width: 100%;
    height: 100px;
    padding-top: 15px;
  }

  .form-box textarea,
  .form-box textarea::placeholder {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }
  .form-box-send {
    width: 200px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 80%;
    color: #ffffff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .form-card-item {
    width: 330px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .form-card {
    width: 100%;
    height: 305px;
    display: flex;
    flex-direction: column;
  }

.card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 13px;
    margin-left: 10px;
    margin-top: 10px;
}

  .form-card .card .card-img {
    width: 100%;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.form-card .card-text {
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0 13px;
    gap: 10px;
    margin-top: 5px;
}
	.form-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

.form-card .card-bottom {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
}

  .form-card .card-date,
  .form-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

	/* PATNERS START CODE */
  .patners-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
  }

  .patners-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .patners-item {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
  }

  .patners-item img {
    width: 100px;
    height: auto;
    object-fit: contain;
  }

  .patners-all-links-box {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
  }

	/* TOPICS START CODE */
  .topics-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .topics-item {
    width: 48%;
  }
  .topics-item3 {
    display: none;
  }

	/* FOOTER START CODE */
  footer {
    width: 100vw;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    margin-bottom: 20px;
  }

  .footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

	.footer-item {
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

  .footer-item-content {
    width: 100%;
    max-width: 900px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-logo {
    width: 135px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .footer-logo img {
    width: 100%;
    height: auto;
  }

  .footer-sosial {
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .footer-sosial-link {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
  }
  .footer-sosial-link img {
    width: 100%;
    height: 100%;
  }

  .footer-menu {
    width: 100%;
    max-width: 900px;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    gap: 15px;
  }

  .footer-menu-link {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #000000;
    transition: all .2s linear;
  }


  .copy-right {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .copy-right p {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
  }

  /* !SUB PAGE START CODE */

  .sub-container {
    width: 100vw;
    height: 700px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: url(../img/subbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -130px;
  }

  .sub-content {
    width: 100%;
    max-width: 900px;
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 50px 0;
  }

	.sub-form-title {
		color: #fff;
		/* PC/H2 */
		font-size: 40px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .sub-price-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
  .sub-price {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .sub-price-btn {
    display: flex;
    padding: 7px 15px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--color-2, #8c4b9b);
    background: var(--color-2, #8c4b9b);
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
  }
  .sub-discont {
    color: #a1a1a1;
    font-size: 30px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
    text-decoration: line-through;
  }

  .sub-text {
    font-size: 18px;
    letter-spacing: 0.24px;
    color: #fff;
  }

  .sub-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .sub-form-ctrl {
    display: flex;
    width: 240px;
    padding: 9px 15px;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: #dedddd;
  }

  .sub-form-ctrl input {
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 500;
    line-height: 80%;
  }

  .sub-form-policy label input {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8c4b9b;
    outline: 0;
    border: none;
    appearance: none;
    position: relative;
  }
  .sub-policy-text {
    color: #fff;
    font-size: 15px;
    line-height: 80%;
  }

  .sub-form-send {
    width: 220px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 80%;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }

  /* !KATALOG PAGE START CODE */

  /* KATALOG BANNER START */
  .katalog-baner-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .katalog-baner-item {
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../img/katalogbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 0 20px 20px 20px;
    gap: 20px;
  }

	.katalog-baner-title {
		color: #fff;
		font-size: 40px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .katalog-baner-text {
    width: 60%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.24px;
  }

  /* KATALOG START CODE */

  .katalog-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }

  .katalog-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .katalog-item {
    width: 293.3px;
    height: 360px;
    display: flex;
  }

  .katalog-item .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 16px;
    margin-left: 10px;
    margin-top: 16px;
}

.katalog-item .card .card-img {
  width: 100%;
  height: 135px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.katalog-item .card-text {
width: 100%;
height: 113px;
display: flex;
flex-direction: column;
padding: 0 10px 0 16px;
gap: 10px;
margin-top: 5px;
}
	.katalog-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
.katalog-item .card-text .card-text-p {
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 18px;
letter-spacing: 0.01em;
color: #111111;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.katalog-item .card-bottom {
  width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 13px;
  margin-top: 16px;
}
  .katalog-item .card-date,
  .katalog-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }

  /* KATALOG-INFORMATION START CODE */

  .katalog-information-container {
    width: 100%;
    max-width: 900px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .katalog-information {
    width: 100%;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .katalog-information-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: 15px;
  }

  .katalog-information-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;

    z-index: 2;
  }
  .katalog-information-bottom {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

	.katalog-information-title {
		width: 75%;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .katalog-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
  }

  .katalog-information-form-box {
    width: 250px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 10px;
  }
  .katalog-information-form-box img {
    width: 22px;
  }
  .katalog-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog-information-form-send {
    width: 240px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* KATALOG2 START CODE */

  .katalog2-information {
    width: 291px;
    height: 360px;
    display: flex;
    flex-direction: column;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    justify-content: center;
  }

  .katalog2-information-bottom {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

	.katalog2-information-title {
		width: 100%;
		font-style: normal;
		font-weight: 600;
		font-size: 25px;
		line-height: 105%;
		letter-spacing: -1.05px;
		color: #ffffff;
	}
  .katalog2-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
  }

  .katalog2-information-form-box {
    width: 240px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 16px;
  }
  .katalog2-information-form-box img {
    width: 22px;
  }
  .katalog2-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog2-information-form-send {
    width: 240px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* !DETAIL PAGE START CODE */
  .detail-container {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }

	.detail-title {
		font-size: 55px;
	}

  .detail-big-img {
    width: 100%;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }

  .detail-text-container {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 0px;
  }

  .detail-text-content {
    width: 1000px;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
  }
  .detail-text-content {
    width: 900px;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
  }

	.detail-text-item {
		max-width: 80%;
	}

  .detail-duble-img {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }

	.author-box {
		width: 170px;
	}
	.author-box img {
		border-radius: 100%;
	}

  .tag-box span {
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 2.7px;
    color: #111;
  }

  .sosial-box p {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 2.7px;
    color: #111;
  }

}



@media screen and (max-width: 930px) {
  .popular_items {
    display: grid;
    grid-template-columns: unset;
  }
  .popular_items a {
    width: 99%;
    font-weight: 600;
    font-size: 17px;
    padding-top: 15px;
  }
	
	section {
		width: 100%;
		max-width: 930px;
		height: fit-content;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	header {
		width: 100%;
		max-width: 768px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		position: relative;
		padding: 10px 0;
	}

  header.sticky .header-content,
  header.test .header-content {
    width: 100%;
    max-width: 768px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-item {
    width: fit-content;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  .header-dd-item{
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
  
  }
  .logo {
    width: 120px;
    height: fit-content;
    display: flex;
    align-items: center;
}
  .search-form {
    width: 200px;
    height: 40px;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding: 0 15px;
  }

  .search-icon {
    font-size: 16px;
    color: #8c4b9b;
    transform: rotateY(180deg);
  }
  .search-form label .search-input {
    width: calc(100% - 25px);
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
    outline: 0;
    border: none;
    background: transparent;
  }
  .search-form label .search-input::placeholder{
    font-size: 14px;
  }

.sign-in {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  background: none;
  border: none;
  border-radius:50%;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.sub-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 40px;
  background: #111;
  border: 1px solid #fff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 70%;
  color: #fff;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
  .menu-container.ac {
    height: fit-content;
    padding: 50px 0 70px 0;
  }

  .menu-content {
    width: 100%;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-item {
    width: 100%;
    max-width: 768px;
    height: 100%;
    display: flex;
    justify-content: space-between;
  }

  .menu-a {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size:22px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s linear;
  }

  nav {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .menu-text-box {
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .menu-text-box p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #ddddda;
  }.menu-sosial {
    display: flex;
    gap: 7px;
}
  .menu-slider-container {
    width: 35%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .menu-slider {
    width: 190%;
    height: 100%;
    display: flex;
  }

  .menu-slider-item {
    width: 100%;
    max-width: 250px;
    min-width: 250px;
    height: 360px;
    display: flex;
    flex-direction: column;
    margin-right: 0px;
  }

  .menu-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 10px;
  }

  .menu-slider-item .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 13px;
    margin-left: 10px;
    margin-top: 16px;
}
  
  .menu-slider-item .card .card-img {
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

	.menu-slider-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .card-text {
    width: 100%;
  height: 113px;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
}

  .menu-slider-item .card-text .card-text-p {
    font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  }

  .menu-slider-item .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top: 16px;
}
  
  .menu-slider-item .card-date, 
  .menu-slider-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.10em;
    color: #111111;
    opacity: 0.5;
  }

	/* BANNER START CODE */
  .banner-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .banner-slider-item {
    width: 100%;
    height: 300px;
    display: flex;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
      83.62deg,
      rgba(0, 0, 0, 0.57) -33.18%,
      rgba(0, 0, 0, 0) 35.21%
    );
    position: absolute;
    top: 0;
    left: 0;
    gap: 20px;
    padding: 30px 20px;
   
  }

  .banner-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
	.banner-tittle {
		font-weight: 500;
		font-size: 35px;
		line-height: 95%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}

  .banner-link {
    width: 240px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 80%;
    color: #ffffff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

	/* NEWS-CATALOG START CODE*/
  .news-catalog-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news-catalog-content {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: space-between;
  }

  .news-catalog-left {
    width: 510px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/ct.png);
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    padding: 20px 20px 30px;
  }

  .catalog-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-left: 10px;
  }

  .catalog-link-top {
    width: fit-content;
    height: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }

  .catalog-bottom-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .catalog-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .catalog-text {
    width: 85%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  .news-catalog-right {
    width: 230px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .catalog-link {
    width: 88%;
    height: 45px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 110%;
    letter-spacing: -0.025em;
    color: #111111;
    position: relative;
    transition: all .2s linear;
    z-index: 2;
    margin-right: 20px;
  }

	/* POPULAR START CODE */
  .popular-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .popular-title {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 95%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .popular-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 40px;
 
   
  }

  .popular-item {
    width: 100%;
    height: 360px;
    display: flex;
    flex-direction: column;
  }
 
.popular-item .card-btn-box {
  width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 16px;
  margin-left: 10px;
  margin-top: 16px;
}
.popular-item .card .card-img {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popular-item .card-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
}
	.popular-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
.popular-item .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

  .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }
  .popular-item .card-date, 
  .popular-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
opacity: .5;

  }
  .popular-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

	/* INFORMATION START CODE  */
  .information-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .information-left {
    width: 445px;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 20px 20px 30px;
  }
  .information-left-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
}
  .information-title {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }
  .information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .information-form-box {
    width: 200px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 16px;
  }
  .information-form-box img {
    width: 19px;
  }
  .information-form-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .information-form-send {
    width: 225px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .information-right {
    width: 310px;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/in2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .information-right-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 14px;
  }

  .information-right-link {
    width: fit-content;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;

    z-index: 2;
  }

  .information-right-text-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .information-right-title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-right-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

	/* news START CODE */
  .news-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news-item {
    width: 100%;
    height: 360px;
    display: flex;
    margin-top: 30px;
    gap: 15px;
  
  }

  .news-left {
    width: 246px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t1.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 30px 15px;
  }
  .news-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
  .news-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-left: 15px;
}
  .news-link-top {
    width: fit-content;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 10px;
    z-index: 2;
  }
  .news-link-top::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    border-bottom: 2px solid #fff;
    border-right: 3px solid #fff;
    transform: skew(-45deg);
    position: absolute;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom-right-radius: 5px;
  }
  .news-date {
    width: 80px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
}
  .news-date span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 120%;
    letter-spacing: 0.15em;
    color: #ffffff;
    text-align: center;
  }
  .news-bottom-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }
.news-bottom-tittle br{
  display:none;
}
  .news-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin-top: 14px;
  }

  .news-right {
    width: 492px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    
  }

  .news-right-item {
    width: 238.5px;
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .news-right-item .card .card-img {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-right-item .card-text {
  width: 100%;
  height: 113px;
  display: flex;
  flex-direction: column;
  padding: 0 10px 0 16px;
  gap: 10px;
  margin-top: 5px;
}
	.news-right-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
.news-right-item .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
  .news-right-item .card-date,
  .news-right-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news-right-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

	/* NEWS1 START CODE */
  .news1-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news1-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news1-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 10px;
  }

  .news1-big-box {
    width: 250px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 30px;
  }
  .news1-big-box .news-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.news1-big-box .news-bottom-tittle br{
  display: none;
}
  .news1-card {
    width: 249px;
    height: 360px;
    display: flex;
    flex-direction: column;
  }
  .news1-card .card-date,
  .news1-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  }
  .news1-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 5px 9px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

	/* news2 START CODE */
.news2-container {
  width: 100%;
  max-width: 768px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 70px;
}

.news2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news2-title {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.025em;
  color: #111111;
}

.news2-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 10px;
}

.news2-big-box {
  width: 509px;
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/t3.png);
  background-position: center center;
  background-size: cover;
  border-radius: 15px;
  padding: 15px 15px 30px;
}

.news2-card {
  width: 249px;
  height: 360px;
  display: flex;
  flex-direction: column;
}

.news2-card .card-date,
.news2-card .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.1em;
  color: #111111;
  opacity: 0.5;
}
.news2-card .card-detail-go {
  width: fit-content;
  height: fit-content;
  background: #ececec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #8c4b9b;
  padding: 6px 10px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

	/* news3 START CODE */
  .news3-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news3-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news3-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news3-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 10px;
  }

  .news3-big-box {
    width: 509px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .news3-card {
    width: 249px;
    height: 360px;
    display: flex;
    flex-direction: column;
  }

  .news3-card .card-date,
  .news3-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news3-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 6px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }
  /* NEWS4 START CODE */

  .news4-container, 
  .news6-container, 
  .news5-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news4-content, 
  .news6-content, 
  .news5-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news4-title, 
  .news6-title, 
   .news5-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news4-slider,
  .news6-slider,
   .news5-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 30px;
  }

  .news4-card, 
  .news6-card, 
  .news5-card {
    width: 100%;
    height: 360px;
    display: flex;
    flex-direction: column;
  }

  .news4-card .card-date,
  .news4-card .card-wiew span, 
  .news6-card .card-date,
  .news6-card .card-wiew span,
  .news5-card .card-date,
 .news5-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  } 
   .news4-card .card-detail-go, 
   .news6-card .card-detail-go, 
   .news5-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }
  /* NEWS4 END CODE */

  /* CONTACK FORM START CODE */

  .form-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .form-content {
    width: 100%;
    height: 625px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .form-box-item {
    width: 508px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px;
    border-radius: 15px;
  }

  .form-title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .contack-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
  }

  .form-box {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding-left: 10px;
    gap: 10px;
  }

  .form-box i {
    font-size: 23px;
    color: #b0afaf;
  }

  .form-box input,
  .form-box input::placeholder {
   
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }


  .form-box-file {
    width: 180px;
    height: 42px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    padding-left: 10px;
    margin-bottom: 5px;
    margin-top: 0;
  }


  #dosya-upload-button {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    cursor: pointer;
    gap: 10px;
  }

  #dosya {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .text-area {
    width: 100%;
    height: 100px;
    padding-top: 15px;
  }

  .form-box textarea,
  .form-box textarea::placeholder {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }
  .form-box-send {
    width: 200px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 80%;
    color: #ffffff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .form-card-item {
    width: 249px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .form-card {
    width: 100%;
    height: 305px;
    display: flex;
    flex-direction: column;
  }


  .form-card .card-date,
  .form-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  }
  .form-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }
  /* PATNERS START CODE */

  .patners-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .patners-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }


  .patners-item {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
  }

  .patners-item img {
    width: 100px;
    height: auto;
    object-fit: contain;
  }

  .patners-all-links-box {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
  }

 

  /* TOPICS START CODE */

  .topics-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

 
  /* FOOTER START CODE */

  footer {
    width: 100vw;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    margin-bottom: 20px;
  }

  .footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

	.footer-item {
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

  .footer-item-content {
    width: 100%;
    max-width: 768px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-logo {
    width: 135px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .footer-logo img {
    width: 100%;
    height: auto;
  }

  .footer-sosial {
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .footer-sosial-link {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
  }
  .footer-sosial-link img {
    width: 100%;
    height: 100%;
  }

  .footer-menu {
    width: 100%;
    max-width: 768px;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    gap: 15px;
  }

  .footer-menu-link {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #000000;
    transition: all .2s linear;
  }


  .copy-right {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .copy-right p {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
  }

  /* !SUB PAGE START CODE */

  .sub-container {
    width: 100vw;
    height: 700px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: url(../img/subbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -150px;
  }

  .sub-content {
    width: 100%;
    max-width: 768px;
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 40px 0;
  }

	.sub-form-title {
		color: #fff;
		/* PC/H2 */
		font-size: 40px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .sub-price-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
  .sub-price {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .sub-price-btn {
    display: flex;
    padding: 7px 15px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--color-2, #8c4b9b);
    background: var(--color-2, #8c4b9b);
    color: #fff;
    font-size:27px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
  }
  .sub-discont {
    color: #a1a1a1;
    font-size: 27px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
    text-decoration: line-through;
  }

  .sub-text {
    font-size: 16px;
    letter-spacing: 0.24px;
    color: #fff;
  }

  .sub-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .sub-form-ctrl {
    display: flex;
    width: 240px;
    padding: 9px 15px;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: #dedddd;
  }

  .sub-form-ctrl input {
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 500;
    line-height: 80%;
  }

  .sub-form-policy label input {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8c4b9b;
    outline: 0;
    border: none;
    appearance: none;
    position: relative;
  }
  .sub-policy-text {
    color: #fff;
    font-size: 14px;
    line-height: 80%;
  }

  .sub-form-send {
    width: 200px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 80%;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }

  /* !KATALOG PAGE START CODE */

  /* KATALOG BANNER START */
  .katalog-baner-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .katalog-baner-item {
    width: 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../img/katalogbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 0 20px 20px 20px;
    gap: 20px;
  }

	.katalog-baner-title {
		color: #fff;
		font-size: 35px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .katalog-baner-text {
    width: 65%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.24px;
  }

  /* KATALOG START CODE */

  .katalog-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }

  .katalog-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .katalog-item {
    width: 248.3px;
    height: 360px;
    display: flex;
  }

  .katalog-item .card-date,
  .katalog-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  }

  .katalog-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}
  /* KATALOG-INFORMATION START CODE */

  .katalog-information-container {
    width: 100%;
    max-width: 768px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .katalog-information {
    width: 100%;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 20px 20px 30px;
  }

  .katalog-information-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: 15px;
  }

  .katalog-information-link {
    width: fit-content;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;

    z-index: 2;
  }
  .katalog-information-bottom {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

	.katalog-information-title {
		width: 75%;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .katalog-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 30px;
  }

  .katalog-information-form-box {
    width: 250px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 9px 15px;
    gap: 10px;
  }
  .katalog-information-form-box img {
    width: 22px;
  }
  .katalog-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog-information-form-send {
    width: 240px;
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* KATALOG2 START CODE */

  .katalog2-information {
    width: 248.3px;
    height: 360px;
    display: flex;
    flex-direction: column;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    justify-content: center;
  }

  .katalog2-information-bottom {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

	.katalog2-information-title {
		width: 100%;
		font-style: normal;
		font-weight: 600;
		font-size: 25px;
		line-height: 110%;
		letter-spacing: -1.05px;
		color: #ffffff;
	}
  .katalog2-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px;
  }

  .katalog2-information-form-box {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 16px;
  }
  .katalog2-information-form-box img {
    width: 22px;
  }
  .katalog2-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog2-information-form-send {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }




  /* !DETAIL PAGE START CODE */


  .detail-container {
    width: 100%;
    max-width: 768px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.detail-top-link {
  width: fit-content;
  height: fit-content;
  display: flex;
  gap: 30px;
}
.detail-link {
  width: fit-content;
  height: 25px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  color: #858585;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;
  z-index: 2;
}

	.detail-info-box {
		gap: 15px;
	}
	.detail-date {
		font-size: 11px;
	}
	.wiew-text, .detail-right-text, .detail-fav-text {
		font-size: 11px;
	}

	.detail-title {
		font-size: 45px;
		line-height: 80%;
	}
	.detail-title-text {
		font-size: 20px;
	}
.detail-big-img {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.detail-text-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0px;
}

.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}

.detail-duble-img {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

	.detail-text-item p, .detail-text-box p {
		font-size: 16px;
	}

	.author-box {
		width: 150px;
	}

.tag-box span {
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.sosial-box p {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

  .news6-card .card-date, 
  .news6-card .card-wiew span,
   .news5-card .card-date,
    .news5-card .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.1em;
  color: #111111;
  opacity: 0.5;
}

}



@media screen and (max-width: 800px) {
    .detail-text-item table, .detail-text-box table {
		width: 100% !important;
		overflow: auto;
		display: block;
		overflow: auto;
		max-width: 100%;
	}
	
	section {
		width: 100%;
		max-width: 768px;
		height: fit-content;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

  header {
    width: 100%;
    max-width: 600px;
    height: 70px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 0;
  }

  header.sticky .header-content,
  header.test .header-content {
    width: 100%;
    max-width: 600px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-item {
    width: fit-content;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }
  .header-dd-item{
    width: 100%;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  transition: all .5s linear;
  }

	.header-dd-item.ac{
		height: fit-content;
		z-index: 999;
		padding: 20px 20px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
  .logo {
    width: 120px;
    height: fit-content;
    display: flex;
    align-items: center;
}
  .search-form {
    width: 200px;
    height: 40px;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding: 0 15px;
  }

  .search-icon {
    font-size: 16px;
    color: #8c4b9b;
    transform: rotateY(180deg);
  }
  .search-form label .search-input {
    width: calc(100% - 25px);
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
    outline: 0;
    border: none;
    background: transparent;
  }
  .search-form label .search-input::placeholder{
    font-size: 14px;
  }

.sign-in {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  background: none;
  border: none;
  border-radius:50%;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.sub-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 40px;
  background: #111;
  border: 1px solid #fff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 70%;
  color: #fff;
  transition: none;
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.call-box{
  display: none;
}
.call-white{
  display: none;
}

header.sticky .call-white {
  display: block;
}
header.sticky .call-black {
  display: none;
}
header.test .call-white {
  display: none;
}

header.test .call-black {
  display: none;
}

.menu-container.ac {
  height: fit-content;
  padding: 40px 0 60px 0;
}
  .menu-content {
    width: 100%;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-item {
    width: 100%;
    max-width: 600px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .menu-a {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size:22px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s linear;
  }

  nav {
    width: 40%;
    height: 260px;
    display: flex;
    flex-direction: column;
    order: 1;
  }
  .menu-text-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    order: 3;
    margin-top: -35px;
  }

  .menu-text-box p {
    display: none;
  }
  
  .menu-sosial {
    display: flex;
    gap: 7px;
}
  .menu-slider-container {
    width: 45%;
    height: 100%;
    display: flex;
    flex-direction: column;
    order: 2;
  }
  
  .menu-slider {
    width: 190%;
    height: 100%;
    display: flex;
  }

	.menu-slider-item {
		width: 100%;
		max-width: 250px;
		min-width: 250px;
		display: flex;
		flex-direction: column;
		margin-right: 0px;
	}
  .menu-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 15px;
  }
  .menu-slider-item .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 16px;
  margin-left: 10px;
  margin-top: 16px;
  }
  .menu-slider-item .card .card-img {
    width: 100%;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
	.menu-slider-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}
	.card-text, .form-card .card-text, .popular-item .card-text, .news-right-item .card-text, .katalog-item .card-text, .menu-slider-item .card-text,
	.news1-card .card-text, .news2-card .card-text, .news3-card.card-text, .news3-card .card-text, .news4-card .card-text, .news5-card .card-text, .news6-card .card-text {
		height: fit-content;
	}
  
  .menu-slider-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .menu-slider-item .card-bottom {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 10px;
  }
  
  .menu-slider-item .card-date, 
  .menu-slider-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.10em;
    color: #111111;
    opacity: 0.5;
  }

	/* BANNER START CODE */
  .banner-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .banner-slider-item {
    width: 100%;
    height: 250px;
    display: flex;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
      83.62deg,
      rgba(0, 0, 0, 0.57) -33.18%,
      rgba(0, 0, 0, 0) 35.21%
    );
    position: absolute;
    top: 0;
    left: 0;
    gap: 20px;
    padding: 30px 15px;
  }

  .banner-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
	.banner-tittle {
		font-weight: 500;
		font-size: 30px;
		line-height: 95%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}

  .banner-link {
    width: 220px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 80%;
    color: #ffffff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

	/* NEWS-CATALOG START CODE */
  .news-catalog-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news-catalog-content {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: space-between;
  }

  .news-catalog-left {
    width: 65%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/ct.png);
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    padding: 15px 15px 20px;
  }
  .catalog-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
  .catalog-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: 10px;
  }

  .catalog-link-top {
    width: fit-content;
    height: 25px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }
  .catalog-date {
    width: 100px;
    height: 65px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.catalog-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 115%;
  letter-spacing: 0.15em;
  color: #ffffff;
  text-align: center;
}

  .catalog-bottom-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .catalog-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .catalog-text {
    width: 85%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  .news-catalog-right {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .catalog-link {
    width: 90%;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 110%;
    letter-spacing: -0.025em;
    color: #111111;
    position: relative;
    transition: all .2s linear;
    z-index: 2;
    margin-right: 15px;
  }

	/* POPULAR START CODE */
  .popular-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .popular-title {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 95%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .popular-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 40px;
  }

  .popular-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

  .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }
  .popular-item .card-date, 
  .popular-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
opacity: .5;
  }
  .popular-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

	/* INFORMATION START CODE  */
  .information-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .information-left {
    width: 310px;
    height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 20px;
  }
  .information-left-link {
    width: fit-content;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
}
  .information-title {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-title br{
    display: none;
  }
  .information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }

  .information-form-box {
    width: 220px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 16px;
  }
  .information-form-box img {
    width: 19px;
  }
  .information-form-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .information-form-send {
    width: 220px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .information-right {
    width: 280px;
    height: 370px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/in2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 15px 15px 20px;
  }

  .information-right-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 14px;
  }

  .information-right-link {
    width: fit-content;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }

  .information-right-text-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .information-right-title {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-right-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

	/* news START CODE */
  .news-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
  }

  .news-left {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t1.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 30px 15px;
  }
  .news-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
  .news-link-top {
    width: fit-content;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 10px;
    z-index: 2;
}

.news-left .news-btn-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  margin-left: 15px;
}
.news-left .news-date {
/* width: 70px;
height: 65px; */
display: flex;
align-items: flex-start;
justify-content: center;
border: 1px solid #fff;
border-radius: 8px;
width: fit-content;
border: none;
}
.news-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 120%;
  letter-spacing: 0.15em;
  color: #ffffff;
  text-align: center;
}
  .news-bottom-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .news-text {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin-top: 14px;
  }

  .news-right {
    width:100%;
    height: 360px;
    display: flex;
    justify-content: space-between;
  }

	.news-right-item {
		width: 49%;
		display: flex;
		flex-direction: column;
	}

  .news-right-item .card-date,
  .news-right-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news-right-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

  /* NEWS1 START CODE */

  .news1-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news1-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news1-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 10px;
  }

  .news1-big-box {
    width: 294px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 30px;
  }
  .news1-big-box .news-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
  .news1-big-box .news-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: 15px;
}

.news1-big-box .news-bottom-tittle {
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: -0.025em;
  color: #ffffff;
}
.news1-big-box .news-bottom-tittle br{
  display: none;
}
	.news1-card {
		width: 294px;
		display: flex;
		flex-direction: column;
	}

  .news1-card .card-date,
  .news1-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news1-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

/* news2 START CODE */

.news2-container {
  width: 100%;
  max-width: 600px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.news2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news2-title {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.025em;
  color: #111111;
}

.news2-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 10px;
}

.news2-big-box {
  width: 100%;
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/t3.png);
  background-position: center center;
  background-size: cover;
  border-radius: 15px;
  padding: 15px 15px 20px;
}

	.news2-card {
		width: 294px;
		display: flex;
		flex-direction: column;
	}

.news2-card .card-date,
.news2-card .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.1em;
  color: #111111;
  opacity: 0.5;
}
.news2-card .card-detail-go {
  width: fit-content;
  height: fit-content;
  background: #ececec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #8c4b9b;
  padding: 6px 12px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

  /* news3 START CODE */

  .news3-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news3-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news3-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news3-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 10px;
  }

  .news3-big-box {
    width: 100%;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 20px;
  }

	.news3-card {
		width: 294px;
		display: flex;
		flex-direction: column;
	}
  .news3-card .card-date,
  .news3-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news3-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

  /* NEWS4 START CODE */

  .news4-container,
  .news6-container,
   .news5-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news4-content,
  .news6-content,
   .news5-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news4-title, 
  .news6-title, 
   .news5-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news4-slider,
  .news6-slider,
   .news5-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 30px;
  }
  .news4-slider.owl-theme .owl-nav,
  .news5-slider.owl-theme .owl-nav,
  .news6-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

	.news4-card, 
	.news6-card, 
	.news5-card {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
  .news4-card .card-date,
  .news4-card .card-wiew span,
  .news6-card .card-date,
  .news6-card .card-wiew span,
   .news5-card .card-date,
   .news5-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  } 
   .news4-card .card-detail-go, 
   .news6-card .card-detail-go, 
   .news5-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

  /* NEWS4 END CODE */

  /* CONTACK FORM START CODE */

  .form-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .form-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .form-box-item {
    width: 100%;
    height:600px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 20px;
    border-radius: 15px;
  }

  .form-title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }


  .form-box {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding-left: 10px;
    gap: 10px;
  }


  .form-box input,
  .form-box input::placeholder {
   
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }


  .form-box-file {
    width: 180px;
    height: 42px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    padding-left: 10px;
    margin-bottom:15px;
  }
  

  #dosya-upload-button {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    cursor: pointer;
    gap: 10px;
  }

  #dosya {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }

  .text-area {
    width: 100%;
    height: 100px;
    padding-top: 15px;
  }

  .form-box textarea,
  .form-box textarea::placeholder {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }
  .form-box-send {
    width: 200px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 80%;
    color: #ffffff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .form-card-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
  }

  .form-card {
    width: 294px;
    height: 305px;
    display: flex;
    flex-direction: column;
  }

  .form-card .card-date,
  .form-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .form-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }
  /* PATNERS START CODE */

  .patners-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .patners-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .patners-item {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
  }

  .patners-item img {
    width: 140px;
    height: auto;
    object-fit: contain;
  }

  .patners-all-links-box {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
  }

 

  /* TOPICS START CODE */

  .topics-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }
  .topics-item{
    width:49%;
  }
  .topics-links {
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    color: #111111;
    transition: all 0.5s linear;
}

  /* FOOTER START CODE */

  footer {
    width: 100vw;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
    margin-bottom: 20px;
  }

  .footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

	.footer-item {
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

  .footer-item-content {
    width: 100%;
    max-width: 600px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-logo {
    width: 135px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .footer-logo img {
    width: 100%;
    height: auto;
  }

  .footer-sosial {
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .footer-sosial-link {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
  }
  .footer-sosial-link img {
    width: 100%;
    height: 100%;
  }

  .footer-menu {
    width: 100%;
    max-width: 600px;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    gap: 15px;
  }

  .footer-menu-link {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #000000;
    transition: all .2s linear;
  }

  .copy-right {
    width: 100%;
    max-width: 650px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .copy-right p {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
  }

  /* !SUB PAGE START CODE */
  
  .panel_lk_recall.pageform .form-tab-rcl.remblock {
    min-width: 100%;
  }
  
  .top-form-block h2 {   
    font-size: 42px;
  }
  
  .top-form-block{
	text-align: center;
  }

  .sub-container {
    width: 100vw;
    height: 700px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: url(../img/subbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -150px;
  }

  .sub-content {
    width: 100%;
    max-width: 600px;
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 40px 0;
  }

	.sub-form-title {
		color: #fff;
		/* PC/H2 */
		font-size: 35px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .sub-price-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
  .sub-price {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .sub-price-btn {
    display: flex;
    padding: 7px 12px;
    align-items: flex-start;
    gap: 10px;
    border-radius: 10px;
    border: 1px solid var(--color-2, #8c4b9b);
    background: var(--color-2, #8c4b9b);
    color: #fff;
    font-size:22px;
    font-weight: 500;
    line-height: 101.5%;
    letter-spacing: -1.2px;
  }
  .sub-discont {
    color: #a1a1a1;
    font-size: 22px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
    text-decoration: line-through;
  }

  .sub-text {
    font-size: 16px;
    letter-spacing: 0.24px;
    color: #fff;
  }

  .sub-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .sub-form-ctrl {
    display: flex;
    width: 230px;
    padding: 7px 12px;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #dedddd;
  }

  .sub-form-ctrl input {
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 500;
    line-height: 80%;
  }

  .sub-form-policy label input {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8c4b9b;
    outline: 0;
    border: none;
    appearance: none;
    position: relative;
  }
  .sub-policy-text {
    color: #fff;
    font-size: 13px;
    line-height: 80%;
  }

  .sub-form-send {
    width: 200px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 80%;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }

  /* !KATALOG PAGE START CODE */

  /* KATALOG BANNER START */
  .katalog-baner-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .katalog-baner-item {
    width: 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../img/katalogbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 0 20px 20px 20px;
    gap: 20px;
  }

	.katalog-baner-title {
		color: #fff;
		font-size: 35px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .katalog-baner-text {
    width: 90%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.24px;
  }

  /* KATALOG START CODE */

  .katalog-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }

  .katalog-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

	.katalog-item {
		width: 294px;
		display: flex;
	}
	
	.katalog-item, .menu-slider-item, .popular-item, .news-right-item, .news1-card, .news2-card, .news3-card, .news4-card, .news5-card, .news6-card {
		height: fit-content;
	}
	
	.katalog-item .card-date, .katalog-item .card-wiew span {
		font-style: normal;
		font-weight: 400;
		font-size: 12px;
		line-height: 100%;
		letter-spacing: 0.1em;
		color: #111111;
		opacity: 0.5;
	}
  /* KATALOG-INFORMATION START CODE */

  .katalog-information-container {
    width: 100%;
    max-width: 600px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .katalog-information {
    width: 100%;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 15px 15px 20px;
  }

	.katalog-information-title {
		width: 85%;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .katalog-information-form-box {
    width: 250px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 10px;
  }
  .katalog-information-form-box img {
    width: 22px;
  }
  .katalog-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog-information-form-send {
    width: 240px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* KATALOG2 START CODE */

  .katalog2-information {
    width: 294px;
    height: 360px;
    display: flex;
    flex-direction: column;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    justify-content: center;
  }



  /* !DETAIL PAGE START CODE */


  .detail-container {
    width: 100%;
    max-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.detail-top-link {
  width: fit-content;
  height: fit-content;
  display: flex;
  gap: 30px;
}
.detail-link {
  width: fit-content;
  height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  color: #858585;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;
  z-index: 2;
}

	.wiew-text, .detail-right-text, .detail-fav-text {
		font-size: 10px;
		letter-spacing: 1.4px;
	}

	.detail-title {
		font-size: 40px;
		line-height: 80%;
	}
	.detail-title-text {
		width: 80%;
		font-size: 18px;
	}
.detail-big-img {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.detail-text-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0px;
}

.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}

	.detail-text-item {
		max-width: 100%;
		gap: 20px;
	}

.detail-duble-img {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between; 
  margin-top: 20px;
}

	.detail-text-item p, .detail-text-box p {
		font-size: 17px;
	}

	.author-box {
		width: 160px;
		margin-top: 20px;
	}

.tag-box span {
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.sosial-box p {
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.other-container {
  width: 100%;
  max-width: 768px;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.other-title {
  font-size: 40px;
  font-weight: 500;
  line-height: 105%;
  letter-spacing: -1.4px;
  color: #111;
}

.other-item-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 40px;
}

.other-item {
  width: 248.3px;
  height: 360px;
  display: flex;
  flex-direction: column;
}

.other-item .card-btn-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 13px;
  margin-left: 10px;
}

.other-item .card .card-img {
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}

	.other-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 17px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding: 0 13px 10px 13px;
	}
.other-item .card-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 13px;
  gap: 10px;
  margin-bottom: 16px;
}

.other-item .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 17px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.other-item .card-bottom {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 13px;
}

.other-item .card-date, 
.other-item .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.10em;
  color: #111111;
  opacity: 0.5;
}

.other-item .card-detail-go {
  width: fit-content;
  height: fit-content;
  background: #ececec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #8c4b9b;
  padding: 8px 12px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

}



@media screen and (max-width: 650px) {
	#js-cookie-popup-id .cookie-popup__container{
		padding: 7px;
		height: fit-content;
	}
	#js-cookie-popup-id .cookie-popup__close{
		padding: 5px 43px 5px 5px ;
	}
	html #wpadminbar {
		margin-top: -46px;
	}
	.popmake-content .panel_lk_recall.pageform .form-tab-rcl{
		min-width:100%!important;
	}
	.detail-content-off-info {
		top: 480px;
	}
	.detail-content-off-info .detail-content-off-info_title {
		font-size: 28px;
		text-align: center;
	}
	.pum-theme-801 .pum-container,
	.pum-theme-lightbox .pum-container{
		left: 0!important;
		opacity: 1;
		display: block;
		margin: 0 auto!important;
		right: 0!important;
		width: 90%!important;
	}
	.search-form {
		display: none;
	}
	#js-cookie-popup-id{
    height: fit-content;
		padding:15px;
	}
	
	section, .category_wrapper {
		width: 100%;
		max-width: 100%;
		height: fit-content;
		display: flex;
		align-items: center;
		flex-direction: column;
	}
.pc{display:none !important;}
.mobi{display:flex!important;}
.pum-theme-801 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close{
	right:13px;
}
.sign-in.mobi{
	margin-top:15px;
}
  header {
    width: 100%;
    max-width: 90%;
  height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 0;
  }
 header.sticky,
  header.test {
      height: 60px;

  }
  header.sticky .header-content,
  header.test .header-content {
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-item {
    width: fit-content;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  .header-dd-item {
    width: fit-content;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
  transition: all .5s linear;
  }

  .header-dd-item.ac {
    height: fit-content;
   z-index: 999;
  padding: 15px 15px;
  border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
  }
  .logo {
    width: 120px;
    height: fit-content;
    display: flex;
    align-items: center;
}
  .search-form {
    width: 140px;
    height: 35px;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding: 0 15px;
  }

  .search-icon {
    font-size: 16px;
    color: #8c4b9b;
    transform: rotateY(180deg);
  }
  .search-form label .search-input {
    width: calc(100% - 25px);
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
    outline: 0;
    border: none;
    background: transparent;
  }
  .search-form label .search-input::placeholder{
    font-size: 13px;
  }

.sign-in {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: fit-content;
  background: none;
  border: none;
  border-radius:50%;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.sub-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 115px;
  height: 35px;
  background: #111;
  border: 1px solid #fff;
  border-radius: 8px;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 70%;
  color: #fff;
  transition: all 0s linear;
  position: relative;
  z-index: 2;
  cursor: pointer;
}
.sub-btn::after{
   transition: all 0s linear;
}
.call-box{
  display: none;}
.call-white{
  display: none;
}

header.sticky .call-white {
  display: none;
}
header.sticky .call-black {
  display: none;
}
header.test .call-white {
  display: none;
}

header.test .call-black {
  display: none;
}

.menu-container.ac {
  height: fit-content;
  padding: 30px 0 50px 0;
}
  .menu-content {
    width: 100%;
    height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-item {
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .menu-slider {
    width: 200%;
    height: 100%;
    display: flex;
  }

	/* BANNER START CODE */
  .banner-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .banner-slider-item {
    width: 100%;
    height: 220px;
    display: flex;
    border-radius: 10px;
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }

  .banner-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
      83.62deg,
      rgba(0, 0, 0, 0.57) -33.18%,
      rgba(0, 0, 0, 0) 35.21%
    );
    position: absolute;
    top: 0;
    left: 0;
    gap: 20px;
    padding: 30px 15px;
  }

  .banner-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
	.banner-tittle {
		font-weight: 500;
		font-size: 35px;
		line-height: 95%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .banner-link {
    width: 200px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 80%;
    color: #ffffff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

	/* NEWS-CATALOG START CODE*/
  .news-catalog-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news-catalog-content {
    width: 100%;
    height: 350px;
    display: flex;
    justify-content: space-between;
  }

  .news-catalog-left {
    width: 65%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/ct.png);
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    padding: 15px 15px 20px;
  }
  .catalog-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
  .catalog-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: 10px;
  }

  .catalog-link-top {
    width: fit-content;
    height: 22px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }
 
.catalog-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 105%;
  letter-spacing: 0.15em;
  color: #ffffff;
  text-align: center;
}

  .catalog-bottom-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .catalog-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .catalog-text {
    width: 95%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  .news-catalog-right {
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }

  .catalog-link {
    width: 90%;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 110%;
    letter-spacing: -0.025em;
    color: #111111;
    position: relative;
    transition: all .2s linear;
    z-index: 2;
    margin-right: 15px;
  }

	/* POPULAR START CODE */
  .popular-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .popular-title {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 95%;
    letter-spacing: -0.025em;
    color: #111111;
  }
  .popular-title br{
    display:none;
  }
  .popular-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 40px;
  }

	.popular-item {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
  .popular-item .card-date, 
  .popular-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
opacity: .5;
  }
  .popular-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 8px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

	/* INFORMATION START CODE */
  .information-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }
  .information-content {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
  .information-left {
    width: 100%;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 20px;
  }
  .information-left-link {
    width: fit-content;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
}
  .information-title {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-title br{
    display: none;
  }
  .information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 15px;
  }

  .information-form-box {
    width: 220px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 16px;
  }
  .information-form-box img {
    width: 19px;
  }
  .information-form-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .information-form-send {
    width: 220px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .information-right {
    width:100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/in2.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 15px 15px 20px;
  }

  .information-right-link-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 15px;
    margin-left: 14px;
  }

  .information-right-link {
    width: fit-content;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;

    z-index: 2;
  }

  .information-right-text-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .information-right-title {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-right-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  /* news START CODE */

  .news-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 15px;
  }

  .news-left {
    width: 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t1.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 30px 15px;
  }
  .news-right {
    width:100%;
    height: 360px;
    display: flex;
    justify-content: space-between;
  }

	.news-right-item {
		width: 49%;
		display: flex;
		flex-direction: column;
	}
  .news-right-item .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top: 16px;
}
  .news-right-item .card-date,
  .news-right-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  }
  .news-right-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 4px 8px;
    position: relative;
    z-index: 2;
}

  /* NEWS1 START CODE */

  .news1-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news1-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news1-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
   justify-content: space-between;
   gap: 0;
  }

  .news1-big-box {
    width: 48.5%;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 30px;
    margin-bottom: 10px;
  }

	.news1-card {
		width: 48.5%;
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
	}
  .news1-card .card-date,
  .news1-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news1-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 5px 9px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

/* news2 START CODE */

.news2-container {
  width: 100%;
  max-width: 90%;

  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.news2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news2-title {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.025em;
  color: #111111;
}

.news2-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 0px;
  justify-content: space-between;
}

.news2-big-box {
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/t3.png);
  background-position: center center;
  background-size: cover;
  border-radius: 15px;
  padding: 15px 15px 20px;
  margin-bottom: 15px;
}

	.news2-card {
		width: 48.5%;
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
	}

  /* news3 START CODE */

  .news3-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news3-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news3-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news3-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 0px;
    justify-content: space-between;
  }

  .news3-big-box {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 20px;
    margin-bottom: 15px;

  }

	.news3-card {
		width: 48.5%;
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
	}

  /* NEWS4 START CODE */

  .news4-container, 
  .news6-container, 
  .news5-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news4-content, 
  .news6-content, 
  .news5-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news4-title, 
  .news6-title, 
   .news5-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news4-slider,
  .news6-slider,
   .news5-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 30px;
  }

	.news4-card, 
	.news6-card, 
	.news5-card {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

  /* NEWS4 END CODE */

  /* CONTACK FORM START CODE */

  .form-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .form-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .form-box-item {
    width: 100%;
    height:fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding:30px 20px;
    border-radius: 15px;
    gap: 50px;
  }

  .form-title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }


  .form-box-file {
    width: 180px;
    height: 30px;
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    padding-left: 10px;
    margin-bottom: 5px;
}


  .form-card-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 15px;
  }

  .form-card {
    width: 289px;
    height: 280px;
    display: flex;
    flex-direction: column;
  }


  .form-card .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 13px;
    margin-left: 10px;
    margin-top: 10px;
  }
  
  .form-card .card .card-img {
    width: 100%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
	.form-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
  .form-card .card-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 16px 0 16px;
    gap: 10px;
    margin-top: 5px;
  }
  
  .form-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  
  .form-card .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top:16px;
  
  }
  /* PATNERS START CODE */

  .patners-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .patners-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

 
  .patners-button-box::-webkit-scrollbar{
    width: 0;
  }
.patners-button-box::-webkit-scrollbar {
  display: none;
}

  .patners-button-box {
   
   
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: space-between;
    overflow-x: scroll;


  }
 

  .patners-item {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
  }

  .patners-item img {
    width: 130px;
    height: auto;
    object-fit: contain;
  }

  .patners-all-links-box {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
  }

 

  /* TOPICS START CODE */

  .topics-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .topics-links {
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    color: #111111;
    transition: all 0.5s linear;
}



  /* FOOTER START CODE */

  footer {
    width: 100vw;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

	.footer-item {
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

  .footer-item-content {
    width: 100%;
    max-width: 90%;

    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-logo {
    width: 135px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .footer-logo img {
    width: 100%;
    height: auto;
  }

  .footer-sosial {
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .footer-sosial-link {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
  }
  .footer-sosial-link img {
    width: 100%;
    height: 100%;
  }

  .footer-menu {
    width: 100%;
    max-width: 90%;

    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    gap: 10px;
    flex-wrap: wrap;
  }

  .footer-menu-link {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #000000;
    transition: all .2s linear;
  }


  .copy-right {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .copy-right p {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
  }

  /* !SUB PAGE START CODE */

  .sub-container {
    width: 100vw;
    height:700px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: url(../img/subbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -150px;
  }

  .sub-content {
    width: 100%;
    max-width: 90%;

    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 0;
  }

	.sub-form-title {
		color: #fff;
		/* PC/H2 */
		font-size: 35px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .sub-price-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
  }
  .sub-price {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .sub-price-btn {
    display: flex;
    padding: 10px 20px;
    align-items: flex-start;
    gap: 15px;
    border-radius: 10px;
    border: 1px solid var(--color-2, #8c4b9b);
    background: var(--color-2, #8c4b9b);
    color: #fff;
    font-size:25px;
    font-weight: 500;
    line-height: 101.5%;
    letter-spacing: -1.2px;
  }
  .sub-discont {
    color: #a1a1a1;
    font-size: 25px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -1.2px;
    text-decoration: line-through;
  }

  .sub-text {
    font-size: 16px;
    letter-spacing: 0.24px;
    color: #fff;
  }

  .sub-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .sub-form-ctrl {
    display: flex;
    width: 292px;
    height: 50px;
    padding: 5px 15px;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #dedddd;
  }

  .sub-form-ctrl input {
    width: 100%;
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 500;
    line-height: 80%;
  }

  .sub-form-policy label input {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8c4b9b;
    outline: 0;
    border: none;
    appearance: none;
    position: relative;
  }
  .sub-policy-text {
    color: #fff;
    font-size: 13px;
    line-height: 80%;
  }

  .sub-form-send {
    width: 200px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 80%;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }

  /* !KATALOG PAGE START CODE */

  /* KATALOG BANNER START */
  .katalog-baner-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .katalog-baner-item {
    width: 100%;
    height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../img/katalogbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 0 10px 20px 15px;
    gap: 20px;
  }

	.katalog-baner-title {
		color: #fff;
		font-size: 35px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .katalog-baner-text {
    width: 90%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.24px;
  }

  /* KATALOG START CODE */

  .katalog-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }

  .katalog-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: space-between;
  }

	.katalog-item {
		width: 48.5%;
		display: flex;
		margin-bottom: 15px;
	}

  /* KATALOG-INFORMATION START CODE */

  .katalog-information-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .katalog-information {
    width: 100%;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 15px 15px 20px;
  }

	.katalog-information-title {
		width: 85%;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .katalog-information-form-box {
    width: 250px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 10px;
  }
  .katalog-information-form-box img {
    width: 22px;
  }
  .katalog-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog-information-form-send {
    width: 240px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* KATALOG2 START CODE */

  .katalog2-information {
    width: 48.5%;
    height: 360px;
    display: flex;
    flex-direction: column;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    justify-content: center;
  }



  /* !DETAIL PAGE START CODE */


  .detail-container {
    width: 100%;
    max-width: 90%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.detail-top {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 15px;
}
.detail-top-link {
  width: fit-content;
  height: fit-content;
  display: flex;
  gap: 25px;
}
.detail-link {
  width: fit-content;
  height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  color: #858585;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;
  z-index: 2;
}

	.detail-info-box {
		gap: 10px;
	}

	.detail-title {
		font-size: 35px;
		line-height: 80%;
		letter-spacing: -1.2px;
	}
	.detail-title-text {
		width: 85%;
		font-size: 16px;
	}
.detail-big-img {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.detail-text-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0;
}

.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}

	.detail-text-item {
		max-width: 90%;
	}

.detail-duble-img {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between; 
  margin-top: 20px;
}

	.detail-text-item h3, .detail-text-box h3 {
		font-size: 20px;
	}

	.detail-tag-text {
		max-width: 85%;
		border-top: 2px solid #111;
		border-bottom: 2px solid #111;
		background: #fff;
		margin-top: 60px;
		padding: 20px 50px 10px 60px;
	}
	.stroke-left {
		width: 40px;
		height: 40px;
	}
	.stroke-right {
		width: 40px;
		height: 40px;
	}

.sub-link {
  width: 200px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  gap: 10px;
}

.tag-box span {
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.sosial-box p {
  font-size: 15px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.comment-text {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.16px;
  color: #111;
}

}



@media screen and (max-width: 530px) {
	section {
		width: 100%;
		max-width: 100%;
		height: fit-content;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

  header {
    width: 100%;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 10px 0;
  }

  header.sticky .header-content,
  header.test .header-content {
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header-item {
    width: fit-content;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }


  .header-dd-item.ac{
    height: fit-content;
   z-index: 999;
  padding: 15px 15px;
  border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all .5s linear;
  
  }
  .logo {
    width: 105px;
    height: fit-content;
    display: flex;
    align-items: center;
}
  .search-form {
    width: 45px;
    height: 35px;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding: 0 15px;
  }
.panel_lk_recall.pageform .form-tab-rcl{
	min-width: 100%;
}
.top-form-block p{
	color: #FFF;
text-align: center;
font-family: TT Hoves Pro Trial;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.16px;
}
.top-form-block h2{
	color: #FFF;
text-align: center;
font-family: TT Hoves Pro Trial;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: 105%; /* 39.9px */
letter-spacing: -0.95px;
}

body .rcl-bttn.rcl-bttn__type-primary{
	font-size: 10px;
}

.panel_lk_recall form > div.form-block-rcl,
.panel_lk_recall form .form-block-rcl.default-field{
	width: 100%;
	margin:0 0 10px;
}
body .rcl-bttn.rcl-bttn__type-primary{
	min-width:100%;
}
.form-block-rcl.seti-form p{
	width:100%;
	text-align:center
	color: #FFF;
leading-trim: both;
text-edge: cap;
font-family: TT Hoves Pro Trial;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 80%; /* 12px */
	margin:0 0 20px;
}
.panel_lk_recall form > div.form-block-rcl.seti-form{
	display:block;
	text-align:center
}
.panel_lk_recall .form_head {
  justify-content: center;
}
#remember-form-rcl.form-tab-rcl .form_head a {
  padding: 15px 17px;
}
#register-form-rcl .form_head{
	width:100%;
	margin:0;
  justify-content: center;
}

  .menu-container.ac {
    height: fit-content;
    padding: 30px 0 50px 0;
  }
    .menu-content {
      width: 100%;
      height: 380px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .menu-item {
      width: 100%;
      max-width: 90%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
    }
  
    .menu-a {
      display: block;
      font-style: normal;
      font-weight: 600;
      font-size:22px;
      line-height: 100%;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: #ffffff;
      transition: all .2s linear;
    }
  
    nav {
      width: 40%;
      height: 280px;
      display: flex;
      flex-direction: column;
      order: 1;
    }
    .menu-text-box {
      width: 100%;
      height: fit-content;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      order: 3;
      margin-top: -55px;
    }
  
    .menu-text-box p {
      display: none;
    }
    
    .menu-sosial {
      display: flex;
      gap: 7px;
  }
    .menu-slider-container {
      width: 50%;
      height: 100%;
      display: flex;
      flex-direction: column;
      order: 2;
     
    }
    
    .menu-slider {
      width: 100%;
      height: 100%;
      display: flex;
    }

	.menu-slider-item {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		display: flex;
		flex-direction: column;
		margin-right: 0px;
	}
    .menu-slider.owl-theme .owl-nav {
      width: 100%;
      height: fit-content;
      display: flex;
      align-items: flex-start;
      gap: 20px;
      margin-top: 15px;
    }
    .menu-slider-item .card-btn-box {
      width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 16px;
  margin-left: 10px;
  margin-top: 16px;
}
    .menu-slider-item .card .card-img {
      width: 100%;
      height: 135px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
	.menu-slider-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 19px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}
    .menu-slider-item .card-text .card-text-p {
      font-style: normal;
      font-weight: 400;
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.01em;
      color: #111111;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    .menu-slider-item .card-date, 
    .menu-slider-item .card-wiew span {
      font-style: normal;
      font-weight: 400;
      font-size: 10px;
      line-height: 100%;
      letter-spacing: 0.10em;
      color: #111111;
      opacity: 0.5;
    }

	/* BANNER START CODE */
  .banner-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .banner-slider-item {
    width: 100%;
    height: 230px;
    display: flex;
    border-radius: 10px;
  }

  .banner-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
      83.62deg,
      rgba(0, 0, 0, 0.57) -33.18%,
      rgba(0, 0, 0, 0) 35.21%
    );
    position: absolute;
    top: 0;
    left: 0;
    gap: 20px;
    padding: 30px 15px;
   
  }

  .banner-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
  }
	.banner-tittle {
		font-weight: 500;
		font-size: 35px;
		line-height: 95%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .banner-link {
    width: 200px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 80%;
    color: #ffffff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

	/* NEWS-CATALOG START CODE */
  .news-catalog-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news-catalog-content {
    width: 100%;
    height: 320px;
    display: flex;
    justify-content: space-between;
  }

  .news-catalog-left {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/ct.png);
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    padding: 15px 15px 20px;
  }
  .catalog-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
  .catalog-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: 10px;
  }

  .catalog-link-top {
    width: fit-content;
    height: 22px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }
.catalog-date {
    width: fit-content;
      height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 5px;
    border: none;
}
.catalog-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 105%;
  letter-spacing: 0.15em;
  color: #ffffff;
  text-align: right;
}

  .catalog-bottom-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .catalog-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .catalog-text {
    width: 95%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #ffffff;
  }

  .news-catalog-right {
   display: none;
  }

	/* POPULAR START CODE */
  .popular-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .popular-title {
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 95%;
    letter-spacing: -0.025em;
    color: #111111;
  }
  .popular-title br{
    display:none;
  }
  .popular-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 40px;
  }

  .popular-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

	/* INFORMATION START CODE  */
  .information-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }
 .information-right{
  display: none;
 }

	/* MOBIL BTN  SLIDER START CODE */
.mobil-btn-container{
  width: 100%;
    max-width: 90%;
  height:fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 30px;

}
.mobil-btn-content{
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  
}
.mobil-btn-item{
  width: 100%;
  height: fit-content;
  display: flex;
  overflow-x: auto;
   justify-content: space-between;
   gap: 5px;
   padding-bottom: 7px;
}
.mobil-btn-item::-webkit-scrollbar{
  width: 0;
  display: none;
}
.mobil-btnl {
  width: 125px;
  height: fit-content;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  color: #111;
  transition: all .2s linear;
  border-bottom: 1px solid #111;
  opacity: .6;
  padding-bottom: 8px;
  position: relative;
  flex: 0 0 125px;
  min-height:40px;
}
.mobil-btnl.ac {
  color: #111;
  opacity: 1;
}
.mobil-btnl::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  transition: all .2s linear;
  position: absolute;
  bottom: 0;
  opacity: 0;
  left: 0;
  border-bottom: 3px solid #8c4b9b;

}
.mobil-btnl.ac::after {
  opacity: 1;
}
	/*  MOBIL BTN SLIDER END CODE */

.news-container.ac,
.news1-container.ac,
.news2-container.ac,
.news3-container.ac,
.news4-container.ac
{  
  display: flex;
  margin-top: 0px;
}

	/* news START CODE */
  .news-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    
  }

  .news-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 10px;
  }

  .news-left {
    width: 100%;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t1.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 30px 15px;
  }
  .news-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
  .news-link-top {
    width: fit-content;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 10px;
    z-index: 2;
}

.news-left .news-btn-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  margin-left: 15px;
}
.news-left .news-date {
display: flex;
align-items: flex-start;
justify-content: center;
border: 1px solid #fff;
border-radius: 8px;
width: fit-content;
border: none;
}
.news-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 120%;
  letter-spacing: 0.15em;
  color: #ffffff;
  text-align: center;
}
  .news-bottom-tittle {
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .news-text {
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff;
    margin-top: 14px;
  }

  .news-right {
    width:100%;
    height: 360px;
    display: flex;
    justify-content: space-between;
  }

	.news-right-item {
		width: 49%;
		display: flex;
		flex-direction: column;
	}

	/* NEWS1 START CODE */
  .news1-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news1-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news1-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
   justify-content: space-between;
   gap: 0;
  }

  .news1-big-box {
    width: 49%;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 10px 10px 30px;
    margin-bottom: 10px;
  }
  .news1-big-box .news-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.news1-big-box .news-link-top {
  width: fit-content;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  transition: all .2s linear;
  padding-right: 10px;
  z-index: 2;
}
  .news1-big-box .news-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-left: 15px;
}

.news1-big-box .news-bottom-tittle {
  font-style: normal;
  font-weight: 500;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: -0.025em;
  color: #ffffff;
}
.news1-big-box .news-bottom-tittle br{
  display: none;
}

	.news1-card {
		width: 49%;
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}

  .news2-card .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 13px;
    margin-top: 16px;
}
  .news1-card .card-date,
  .news1-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  }
.news1-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 5px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
}

	/* news2 START CODE */
.news2-container {
  width: 100%;
  max-width: 90%;
  height: fit-content;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.news2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.news2-title {
  font-style: normal;
  font-weight: 500;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.025em;
  color: #111111;
}

.news2-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 0px;
  justify-content: space-between;
}

.news2-big-box {
  width: 100%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.57) 44.79%,
      rgba(0, 0, 0, 0) 68.01%
    ),
    url(../img/t3.png);
  background-position: center center;
  background-size: cover;
  border-radius: 15px;
  padding: 15px 15px 20px;
  margin-bottom: 10px;

}

	.news2-card {
		width: 49%;
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}

.news2-card .card-bottom {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 10px;
  margin-top: 16px;
}
.news2-card .card-date,
.news2-card .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0em;
  color: #111111;
  opacity: 0.5;
}
.news2-card .card-detail-go {
  width: fit-content;
  height: fit-content;
  background: #ececec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #8c4b9b;
  padding: 6px 10px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

	/* news3 START CODE */
  .news3-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news3-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news3-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news3-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 0px;
    justify-content: space-between;
  }

  .news3-big-box {
    width: 100%;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/t2.png);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    padding: 15px 15px 20px;
    margin-bottom: 10px;
  }

	.news3-card {
		width: 49%;
		display: flex;
		flex-direction: column;
		margin-bottom: 10px;
	}
  .news3-card .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 12px;
    margin-top: 16px;
}
  .news3-card .card-info .card-bottom .card-date,
  .news3-card .card-info .card-bottom .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  } 
  .news3-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

	/* NEWS4 START CODE */
  .news4-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }
  
  .news5-container,
  .news6-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
  }

  .news4-content, 
  .news6-content, 
  .news5-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news4-title, 
  .news6-title, 
   .news5-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .news4-slider, 
  .news6-slider, 
  .news5-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 30px;
  }

	.news4-card, 
	.news6-card, 
	.news5-card {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
  .news4-card .card-bottom, 
  .news6-card .card-bottom, 
  .news5-card .card-bottom {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 12px;
    margin-top: 16px;

  }
  .news4-card .card-info .card-bottom .card-date,
  .news4-card .card-info .card-bottom .card-wiew span, 
   .news6-card .card-info .card-bottom .card-date,
  .news6-card .card-info .card-bottom .card-wiew span,
 .news5-card .card-info .card-bottom .card-date,
 .news5-card .card-info .card-bottom .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  } 
   .news4-card .card-detail-go,
   .news6-card .card-detail-go,
    .news5-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 6px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }
	/* NEWS4 END CODE */

	/* CONTACK FORM START CODE */
  .form-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .form-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .form-box-item {
    width: 100%;
    height:fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 15px;
    border-radius: 15px;
    gap: 50px;
  }

  .form-title {
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .form-card-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 10px;
  }

  .form-card {
    width: 49%;
    height: 280px;
    display: flex;
    flex-direction: column;
  }

  .form-card .card-bottom {
        padding: 8px 8px 8px 8px;
  }

  .form-card .card-date,
  .form-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  }
  .form-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 12px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

	/* PATNERS START CODE */
  .patners-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .patners-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }
  .patners-item {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
  }

  .patners-item img {
    width: 130px;
    height: auto;
    object-fit: contain;
  }

  .patners-all-links-box {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 30px;
  }

	/* TOPICS START CODE */
.topics-container {
  width: 100%;
  max-width: 90%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.topics-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

	.topics-title {
		font-style: normal;
		font-weight: 500;
		font-size: 32px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #111111;
	}

.topics-box {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0;
}

.topics-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}

.topics-item-title {
  width: 100%;
  display: flex;
  align-items: center;
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.025em;
  color: #111111;
  position: relative;
  border-top:1px solid #ddddda;
  padding: 20px 0;
  transition: all .2s linear;
}
.topics-item-title::after {
  content: "\f078";
  font-family: FontAwesome;
display: block;
transition: all .2s linear;
}
.topics-item-title.ac {
  background:#8c4b9b;
  padding-left: 10px;
  color:#fff;
}

.topics-item-title.ac::after {
  transform: rotate(-180deg);
}

.topics-list {
  width: 100%;
  height: fit-content;
  display: none;
  flex-direction: column;
  gap: 20px;
}
.topics-list.ac{
  display:flex;
}

.topics-links {
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 100%;
  color: #111111;
  transition: all .2s linear;
}

	/* FOOTER START CODE */
  footer {
    width: 100vw;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

	.footer-item {
		width: 100%;
		height: 60px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

  .footer-item-content {
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-logo {
    width: 135px;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .footer-logo img {
    width: 100%;
    height: auto;
  }

  .footer-sosial {
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .footer-sosial-link {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
  }
  .footer-sosial-link img {
    width: 100%;
    height: 100%;
  }

  .footer-menu {
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    gap: 10px;
    flex-wrap: wrap;
  }

  .footer-menu-link {
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #000000;
    transition: all .2s linear;
  }

  .copy-right {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .copy-right p {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
  }

	/* !SUB PAGE START CODE */
  .sub-container {
    width: 100vw;
    height: 700px;
    display: none;
    align-items: flex-end;
    justify-content: center;
    background: url(../img/subbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 0;
	top:0;
  }

  .sub-content {
    width: 100%;
    max-width: 90%;
    height: 650px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 20px 20px 20px 20px;
    gap: 30px;
  }
  .owl-theme .owl-dots{
	display:none;
  }
.sub-text-item {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
	.sub-form-title {
		color: #fff;
		/* PC/H2 */
		font-size: 38px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -0.95px;
		text-align: center;
	}

  .sub-price-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
  }
  .sub-price {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }

  .sub-price-btn {
    display: flex;
    padding: 13px 30px;
    align-items: flex-start;
    gap: 0px;
    border-radius: 10px;
    border: 1px solid var(--color-2, #8c4b9b);
    background: var(--color-2, #8c4b9b);
    color: #fff;
    font-size:32px;
    font-weight: 500;
    line-height: 101.5%;
    letter-spacing: -1.2px;
  }
  .sub-discont {
    color: #a1a1a1;
    font-size: 32px;
    font-weight: 600;
    line-height: 101.5%;
    letter-spacing: -0.8px;
    text-decoration: line-through;
  }

  .sub-text {
    font-size: 16px;
    letter-spacing: 0.16px;
    color: #fff;
    text-align: center;
    width: 270px;
    margin-top:10px;
  }

  .sub-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }
  .sub-form-ctrl {
    display: flex;
    width: 100%;
    height: 56px;
    padding-left: 20px;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    background: #dedddd;
  }

  .sub-form-ctrl input {
    width: 100%;
    outline: none;
    border: none;
    background: none;
    color: #3d3d3d;
    font-size: 15px;
    font-weight: 500;
    line-height: 80%;
  }

.sub-form-policy label {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
  .sub-form-policy label input {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #8c4b9b;
    outline: 0;
    border: none;
    appearance: none;
    position: relative;
  }
  .sub-policy-text {
    color: #fff;
    font-size: 13px;
    line-height: 80%;
    margin-top: 10px;
  }

  .sub-form-send {
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 80%;
    color: #fff;
    transition: all .2s linear;
    cursor: pointer;
    position: relative;
    z-index: 2;
	padding:0 15px;
  }


  /* !KATALOG PAGE START CODE */

  /* KATALOG BANNER START */
  .katalog-baner-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .katalog-baner-item {
    width: 100%;
    height: 230px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../img/katalogbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 0 10px 20px 15px;
    gap: 20px;
  }

	.katalog-baner-title {
		color: #fff;
		font-size: 35px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .katalog-baner-text {
    width: 90%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.24px;
  }

  /* KATALOG START CODE */

  .katalog-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }

  .katalog-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: space-between;
  }

	.katalog-item {
		width: 49%;
		display: flex;
		margin-bottom: 10px;
	}
	.katalog-item .card-bottom {
		padding: 8px 8px 8px 10px;
	}
	.katalog-item .card-date, .katalog-item .card-wiew span {
		font-style: normal;
		font-weight: 400;
		font-size: 11px;
		line-height: 100%;
		letter-spacing: 0em;
		color: #111111;
		opacity: 0.5;
	}
	
  /* KATALOG-INFORMATION START CODE */

  .katalog-information-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .katalog-information {
    width: 100%;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 15px 15px 20px;
  }

	.katalog-information-title {
		width: 85%;
		font-style: normal;
		font-weight: 500;
		font-size: 30px;
		line-height: 105%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .katalog-information-form-box {
    width: 240px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 10px;
    gap: 10px;
  }
  .katalog-information-form-box img {
    width: 22px;
  }
  .katalog-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog-information-form-send {
    width: 260px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  /* KATALOG2 START CODE */

  .katalog2-information {
    width: 49%;
    height: 360px;
    display: flex;
    flex-direction: column;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 15px 15px 15px 20px;
    justify-content: center;
  }
  .katalog2-information-form-box {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 10px;
}
.katalog2-information-form-box input {
  border: none;
  outline: none;
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 80%;
  color: #3d3d3d;
}
  .katalog2-information-form-send {
    width: 100%;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
}

  /* !DETAIL PAGE START CODE */


  .detail-container {
    width: 100%;
    max-width: 90%;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.detail-top {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 15px;
}
.detail-top-link {
  width: fit-content;
  height: fit-content;
  display: flex;
  gap: 20px;
}
.detail-link {
  width: fit-content;
  height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  color: #858585;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;
  z-index: 2;
}

	.detail-title-text {
		line-height: 120%;
		letter-spacing: -0.6px;
	}
.detail-big-img {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.detail-text-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0px;
}

.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}

.detail-duble-img {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between; 
  margin-top: 20px;
}

	.text-bottom {
		flex-wrap: wrap;
		gap: 25px;
	}
.sub-link {
  width: 200px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  gap: 10px;
}

.detail-sosial {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddddda;
  border-bottom: 1px solid #ddddda;
  gap: 30px;
  padding: 20px 0 30px 0;
  align-items: center;
}
.tag-box span {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.sosial-box p {
  font-size: 15px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.comment-text {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.16px;
  color: #111;
}

.sosial-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.tag-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.user-comment-text p {
  font-size: 14px;
  color: #111;
  letter-spacing: 0.16px;
}

}



@media screen and (max-width: 500px) {
	.menu-container.ac {
		padding: 50px 0 50px 0;
	}
  .menu-content {
    width: 100%;
    height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .menu-item {
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
  }

  nav {
    width: 100%;
    height: 340px;
    display: flex;
    flex-direction: column;
  }

  .menu-a {
    display: block;
    font-style: normal;
    font-weight: 600;
    font-size:24px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #ffffff;
    transition: all .2s linear;
  }

.menu-text-box {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    order: 2;
    margin: 0;
}

  .menu-text-box p {
    display: none;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #ddddda;
  }
  .menu-sosial .sosial-link {
    width: 40px;
    height: 40px;
    transition: all .2s linear;
}
  .menu-sosial {
    display: flex;
    gap: 15px;
}

	/* BANNER START CODE */
  .banner-slider-item {
    width: 100%;
    height: 320px;
    display: flex;
    border-radius: 10px;
  }

  .banner-text {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: linear-gradient(
      83.62deg,
      rgba(0, 0, 0, 0.57) -33.18%,
      rgba(0, 0, 0, 0) 35.21%
    );
    position: absolute;
    top: 0;
    left: 0;
    gap: 40px;
    padding: 75px 10px 45px 10px;
  }

  .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
  }
	.banner-tittle {
		font-weight: 500;
		font-size: 40px;
		line-height: 95%;
		letter-spacing: -0.025em;
		color: #ffffff;
	}
  .banner-link {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 80%;
    color: #ffffff;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    margin: 0 auto;
  }
  .banner-slider.owl-theme .owl-nav.disabled+.owl-dots {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
   margin-top: 0;
   margin-bottom: 10px;
}

	/* NEWS-CATALOG START CODE*/
  .news-catalog-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
  }

  .news-catalog-content {
    width: 100%;
    height: 320px;
    display: flex;
    justify-content: space-between;
  }

  .news-catalog-left {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.57) 44.79%,
        rgba(0, 0, 0, 0) 68.01%
      ),
      url(../img/ct.png);
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
    padding: 10px 10px 40px 10px;
  }
  .catalog-top {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}
  .catalog-btn-box {
    width: fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    margin-left: 10px;
  }

  .catalog-link-top {
    width: fit-content;
    height: 22px;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    transition: all .2s linear;
    padding-right: 15px;
    z-index: 2;
  }
  .catalog-date {
    width: 100px;
    height: 65px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.catalog-date span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 110%;
  letter-spacing: 0.15em;
  color: #ffffff;
  text-align: right;
}

  .catalog-bottom-link {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  .catalog-tittle {
    color: #FFF;
font-size: 32px;
font-weight: 600;
line-height: 110%;
letter-spacing: -0.8px;
  }

   .catalog-tittle br{
    display: none;
   }

  .catalog-text {
    width: 95%;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: #ffffff;
    display: none;
  }

  .news-catalog-right {
   display: none;
  }

	/* POPULAR START CODE */
  .popular-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .popular-title {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 95%;
    letter-spacing: -0.025em;
    color: #111111;
  }
  .popular-title br{
    display:none;
  }
  .popular-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    margin-top: 30px;
   
  }
	.popular-item {
		height: fit-content;
	}
  .popular-slider.owl-theme .owl-nav {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.popular-item .card-btn-box {
  width: 100%;
height: 33px;
display: flex;
align-items: center;
gap: 25px;
padding: 0px 16px;
margin-left: 10px;
margin-top: 16px;
}
.popular-item .card .card-img {
  width: 100%;
  height: 166px;
  display: flex;
  align-items: center;
  justify-content: center;
}
	.popular-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.popular-item .card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}

.popular-item .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.popular-item .card-bottom {
  width: 100%;
height: 52px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
padding: 8px 8px 8px 16px;
margin-top: 16px;
}
.popular-item .card-date,
.popular-item .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.1em;
  color: #111111;
  opacity: 0.5;
}
.popular-item .card-detail-go {
  width: fit-content;
  height: fit-content;
  background: #ececec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #8c4b9b;
  padding: 7px 10px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

	/* INFORMATION START CODE  */
  .information-container {
    width: 100%;
    max-width: 100%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }
  .information-content {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
  .information-left {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0px;
    padding: 35px 15px 25px 15px;
    align-items: center;
    justify-content: center;
  }
  .information-left-link-box {
    display: none;
}
  .information-title {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }

  .information-title br{
    display: none;
  }
  .information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
    margin-top: 20px;
  }

  .information-form-box {
    width: 292px;
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 20px;
    gap: 16px;
  }
  .information-form-box img {
    width: 19px;
  }
  .information-form-box input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .information-form-send {
    width: 292px;
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

  .information-right {
      display: none;
  }

.news-container.ac,
.news1-container.ac,
.news2-container.ac,
.news3-container.ac,
.news4-container.ac {
  display: flex;
  margin-top: 0px;
}


	/* news START CODE */
  .news-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }

  .news-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #111111;
    display: none;
  }

  .news-item {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    gap: 15px;
  }
.news-left{
  display:none;
}
  .news-right {
    width:100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }

	.news-right-item {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

  .news-right-item .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 16px;
  margin-left: 10px;
  margin-top: 16px;
  }
  .news-right-item .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
	.news-right-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.news-right-item .card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}

  .news-right-item .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news-right-item .card-bottom {
    width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 16px;
  margin-top:16px;
  }
  .news-right-item .card-date,
  .news-right-item .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news-right-item .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 7px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

	/* NEWS1 START CODE */
  .news1-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news1-title {
   display: none;
  }

  .news1-item {
    margin-top: 0;
  }

  .news1-big-box {
    display: none;
  }
 
	.news1-card {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}
  .news1-card .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 16px;
  margin-left: 10px;
  margin-top: 16px;
  }
  .news1-card .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
	.news1-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.news1-card .card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}
  .news1-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news1-card .card-bottom {
    width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 16px;
  margin-top:16px;
}
  .news1-card .card-date,
  .news1-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news1-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 7px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

	/* news2 START CODE */
.news2-container {
  width: 100%;
  max-width: 90%;
  height: fit-content;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.news2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news2-title {
  display: none;
 }

 .news2-item {
   margin-top: 0;
 }

 .news2-big-box {
   display: none;
 }

	.news2-card {
		width: 100%;
		height: fit-content;
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}
 
 .news2-card .card-btn-box {
  width: 100%;
height: 33px;
display: flex;
align-items: center;
gap: 25px;
padding: 0px 16px;
margin-left: 10px;
margin-top: 16px;
}
.news2-card .card .card-img {
  width: 100%;
  height: 166px;
  display: flex;
  align-items: center;
  justify-content: center;
}
	.news2-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.news2-card .card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}

.news2-card .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news2-card .card-bottom {
  width: 100%;
height: 52px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
padding: 8px 8px 8px 16px;
margin-top:16px;
}
.news2-card .card-date,
.news2-card .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.1em;
  color: #111111;
  opacity: 0.5;
}
.news2-card .card-detail-go {
  width: fit-content;
  height: fit-content;
  background: #ececec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #8c4b9b;
  padding: 7px 10px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

	/* news3 START CODE */
  .news3-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: none;

    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .news3-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .news3-title {
    display: none;
   }
 
   .news3-item {
     margin-top: 0;
   }
 
   .news3-big-box {
     display: none;
   }
  
	.news3-card {
		width: 100%;
		display: flex;
		flex-direction: column;
		margin-bottom: 20px;
	}
   .news3-card .card-btn-box {
    width: 100%;
  height: 33px;
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0px 16px;
  margin-left: 10px;
  margin-top: 16px;
  }
  .news3-card .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
	.news3-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.news3-card .card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}
  .news3-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news3-card .card-bottom {
    width: 100%;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  padding: 8px 8px 8px 16px;
  margin-top:16px;
}
  .news3-card .card-date,
  .news3-card .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 100%;
    letter-spacing: 0.1em;
    color: #111111;
    opacity: 0.5;
  }
  .news3-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 7px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

	/* NEWS4 START CODE */
  .news4-content, 
  .news6-content, 
  .news5-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .news4-container, 
  .news4-container.ac 
  .news4-title {
   display:none;
  }

   .news4-container.ac .news4-slider {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    margin-top: 0px;
  }

	.news4-card, 
	.news6-card, 
	.news5-card {
		width: 100%;
		display: flex;
		flex-direction: column;
	}
  .news4-card .card-btn-box, 
  .news6-card .card-btn-box, 
  .news5-card .card-btn-box {
    width: 100%;
    height: 33px;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 0px 16px;
    margin-left: 10px;
    margin-top: 16px;
  }
  .news4-card .card .card-img, 
  .news6-card .card .card-img, 
  .news5-card .card .card-img {
    width: 100%;
    height: 166px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
	.news4-card .card-title,
	.news6-card .card-title,
	.news5-card .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.news4-card .card-text, 
	.news6-card .card-text, 
	.news5-card .card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}
  .news4-card .card-text .card-text-p, 
  .news6-card .card-text .card-text-p, 
  .news5-card .card-text .card-text-p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #111111;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .news4-card .card-bottom,
  .news6-card .card-bottom,
  .news5-card .card-bottom {
    width: 100%;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    padding: 8px 8px 8px 16px;
    margin-top: 16px;
  }
  .news4-card .card-info .card-bottom .card-date,
   .news4-card .card-info .card-bottom .card-wiew span,
   .news6-card .card-info .card-bottom .card-date,
   .news6-card .card-info .card-bottom .card-wiew span,
   .news5-card .card-info .card-bottom .card-date,
   .news5-card .card-info .card-bottom .card-wiew span {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0em;
    color: #111111;
    opacity: 0.5;
  } 
   .news4-card .card-detail-go,
   .news6-card .card-detail-go,
    .news5-card .card-detail-go {
    width: fit-content;
    height: fit-content;
    background: #ececec;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s linear;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: 0.15em;
    color: #8c4b9b;
    padding: 6px 10px;
    position: relative;
    z-index: 2;
    border-radius: 8px;
  }

  .all-popular-link {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
	/* NEWS4 END CODE */

	/* CONTACK FORM START CODE */
  .form-container {
    width: 100%;
    max-width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .form-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
  }

  .form-box-item {
    width: 100%;
    height:fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 15px 40px 15px;
    border-radius: 0px;
    gap: 40px;
  }

  .form-title {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: -0.025em;
    color: #ffffff;
  }
.contack-form {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
    margin-top: 30px;
}
.contack-form p {
	width: 100%;
}
  .form-box {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 15px;
    gap: 10px;
}
  .form-box-send {
    width: 100%;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 80%;
    color: #ffffff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
}

  .form-box input,
  .form-box input::placeholder {
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .form-box textarea,
  .form-box textarea::placeholder {
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 80%;
    color: #3d3d3d;
  }
  
	#dosya-upload-button {
		display: flex;
		align-items: center;
		font-weight: 500;
		font-size: 15px;
		line-height: 80%;
		cursor: pointer;
		gap: 10px;
	}

.text-area {
    width: 100%;
    height: 100px;
    padding-top: 15px;
}

  .form-card-item {
   display: none;
  }

	/* PATNERS START CODE */
  .patners-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

  .patners-title {
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 105%;
    letter-spacing: -0.025em;
    color: #111111;
  }

  .patners-item {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0px;
  }

  .patners-item img {
    width: 30%;
    height: auto;
    object-fit: contain;
    margin-bottom: 20px;
  }

  .patners-all-links-box {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }

	/* TOPICS START CODE */
  .topics-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
  }

	/* FOOTER START CODE */
  footer {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: 20px;
  }

  .footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
  }

	.footer-item {
		width: 100%;
		height: fit-content;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

  .footer-item-content {
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
        flex-direction: column;
        gap: 30px;
  }

	.footer-logo {
		width: 100vw;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

  .footer-logo img {
    width: 135px;
    height: auto;
  }

  .footer-sosial {
    width: fit-content;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .footer-sosial-link {
    width: 35px;
    height: 36px;
    display: flex;
    align-items: center;
    transition: all .2s linear;
  }
  .footer-sosial-link img {
    width: 100%;
    height: 100%;
  }

  .footer-menu {
    width: 100%;
    max-width: 90%;
    height: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dedede;
    padding-bottom: 15px;
    gap: 10px;
    flex-wrap: wrap;
  }

  .footer-menu-link {
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.05em;
    color: #000000;
    transition: all .2s linear;
  }

  .copy-right {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .copy-right p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #000000;
    opacity: 0.7;
  }

  /* !KATALOG PAGE START CODE */

	/* KATALOG BANNER START */
  .katalog-baner-container {
    width: 100%;
    max-width: 90%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .katalog-baner-item {
    width: 100%;
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: url(../img/katalogbg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    padding: 0 10px 20px 15px;
    gap: 20px;
  }

	.katalog-baner-title {
		color: #fff;
		font-size: 35px;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: -1.6px;
	}

  .katalog-baner-text {
    width: 90%;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.24px;
  }

	/* KATALOG START CODE */
  .katalog-container {
    width: 100%;
    max-width: 90%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
  }
  .katalog-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    justify-content: space-between;
  }

	.katalog-item {
		width: 100%;
		display: flex;
		margin-bottom: 20px;
	}
	.katalog-item .card-btn-box {
		width: 100%;
		height: 33px;
		display: flex;
		align-items: center;
		gap: 25px;
		padding: 0px 16px;
		margin-left: 10px;
		margin-top: 16px;
	}
	.katalog-item .card .card-img {
		width: 100%;
		height: 166px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.katalog-item .card-title {
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 115%;
		letter-spacing: -0.025em;
		color: #111111;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.katalog-item .card-text {
		width: 100%;
		display: flex;
		flex-direction: column;
		padding: 0 10px 0 16px;
		gap: 10px;
		margin-top: 5px;
	}
.katalog-item .card-text .card-text-p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.01em;
  color: #111111;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.katalog-item .card-bottom {
  width: 100%;
height: 52px;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
overflow: hidden;
padding: 8px 8px 8px 16px;
margin-top:16px;
}
.katalog-item .card-date,
.katalog-item .card-wiew span {
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.1em;
  color: #111111;
  opacity: 0.5;
}
.katalog-item .card-detail-go {
  width: fit-content;
  height: fit-content;
  background: #ececec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s linear;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.15em;
  color: #8c4b9b;
  padding: 7px 10px;
  position: relative;
  z-index: 2;
  border-radius: 8px;
}

	/* KATALOG-INFORMATION START CODE */
  .katalog-information-container {
    width: 100%;
    max-width: 100%;

    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
  }

  .katalog-information {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 0px;
    padding: 30px 10px 20px 10px;
    gap: 30px;
  }
.katalog-information-link-box {
    width: fit-content;
    height: fit-content;
    display: none;
    align-items: center;
    gap: 20px;
    margin-left: 15px;
	}
	.katalog-information-title {
		width: 100%;
		font-style: normal;
		font-weight: 500;
		font-size: 32px;
		line-height: 85%;
		letter-spacing: -0.013em;
		color: #ffffff;
	}

  .katalog-information-form {
    width: 100%;
    height: fit-content;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}
  .katalog-information-form-box {
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #dedddd;
    border-radius: 8px;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
    padding: 7px 12px;
    gap: 10px;
  }
  .katalog-information-form-box img {
    width: 22px;
  }
  .katalog-information-form-box input {
    border: none;
    outline: none;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #3d3d3d;
  }

  .katalog-information-form-send {
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    border-radius: 8px;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 80%;
    color: #fff;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
  }

	/* KATALOG2 START CODE */
  .katalog2-information {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    background: url(../img/in1.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 20px 15px;
    justify-content: center;
    gap: 30px;
  }
	.katalog2-information-title {
		width: 100%;
		font-style: normal;
		font-weight: 600;
		font-size: 32px;
		line-height: 110%;
		letter-spacing: -1.05px;
		color: #ffffff;
	}

	/* !DETAIL PAGE START CODE */
  .detail-container {
    width: 100%;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.detail-top {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 15px;
}
.detail-top-link {
  width: fit-content;
  height: fit-content;
  display: flex;
  gap: 15px;
}
.detail-link {
  width: fit-content;
  height: 24px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 1.95px;
  text-transform: uppercase;
  color: #858585;
  position: relative;
  transition: all .2s linear;
  padding-right: 15px;
  z-index: 2;
}

	.detail-title {
		font-size: 32px;
		line-height: 115%;
	}
.detail-big-img {
  width: 100%;
  height: 204px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top:0px;
}
.detail-big-img img{
 object-fit: 100% 100%;
}
.detail-text-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 0px;
}

.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.detail-text-content {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 0px;
}

	.detail-text-item {
		max-width: 100%;
	}

.detail-duble-img {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between; 
  flex-direction: column;
  margin-top: 20px;
  gap: 15px;
}

	.img-box {
		width: 100%;
	}
	.img-box p {
		font-size: 16px;
		margin: 10px 0;
	}

	.detail-tag-text {
		max-width: 100%;
		margin-top: 40px;
		padding: 20px 20px 10px 20px;
	}

	.text-bottom {
		justify-content: center;
	}
.sub-link {
  width: 292px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
  gap: 10px;
}

.detail-sosial {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #ddddda;
  border-bottom: 1px solid #ddddda;
  gap: 30px;
  padding: 20px 0 30px 0;
  align-items: center;
}
.tag-box span {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
}

.sosial-box p {
  font-size: 15px;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 2.7px;
  color: #111;
  margin-bottom: 20px;
}
.comment-send-file-box {
    width: 100%;
    height: 63px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 10px 10px 10px 30px;
    gap: 20px;
}
.comment-text {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.16px;
  color: #111;
}
.comment-file-img {
  width: 24px;
  height: 24px;
  margin-right: 0px;
  display: flex;
}
.comment-file-text {
  display: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #858585;
  text-decoration: underline;
}

.answer-btn {
    width: fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
  
    border-radius: 0px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    line-height: 80%;
    color: #111;
    transition: all .2s linear;
    position: relative;
    z-index: 2;
   padding-bottom: 5px;
    border-bottom: 1px solid #111;
}
.sosial-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.tag-box {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.user-comment-text p {
  font-size: 14px;
  color: #111;
  letter-spacing: 0.16px;
}
.comment-send-btn {
  width: 200px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #111;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 80%;
  color: #111;
  transition: all .2s linear;
  position: relative;
  z-index: 2;
}

.news4-title, 
.news6-title, 
 .news5-title {
    font-style: normal;
    font-weight: 500;
    font-size: 32px;
    line-height: 105%;
    letter-spacing: -0.08em;
    color: #111111;
}

.answer-comment-file-text {
 display: none;
}

.answer-comment-file-img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  display: block;
}

}



@media screen and (max-width: 450px) {
	#menu-text {
		display: none;
	}
}



@media screen and (max-width: 400px) {
	.menu-sosial {
		display: flex;
		gap: 0px;
		justify-content: space-between;
	}
}