.home-slide{position:relative;height: 100vh;overflow: hidden;}#slide{    width:max-content;}.item{    width: 12.4vw;    height: 17.76vw;    background-position: 50% 50%;    display: inline-block;    transition: 0.9s;    background-size: cover;    position: absolute;    z-index: 1;    top:calc(calc(100vh - 17.76vw) - 134px);    transform: translate(0,0%);    border-radius: 20px;    box-shadow:  0 30px 50px #505050;    aspect-ratio: 300 / 430;}.item:nth-child(1),.item:nth-child(2){    left:0;    top:0;    transform: translate(0,0);    border-radius: 0;    width:100%;    height:100%;    box-shadow: none;}.item:nth-child(3){    left:60%;}.item:nth-child(4){    left:calc(56% + 220px);}.item:nth-child(5){    left:calc(56% + 440px);}.item:nth-child(n+6){    left: calc(76% + 660px);    opacity: 0;}.item .content{    position: absolute;    top: 56%;    left: var(--container-out);    width: 26vw;    text-align: left;    padding:0;    color:rgb(255 255 255 / 60%);    transform: translate(0,-50%);    display: none;}.item:nth-child(2) .content{    display: none;    z-index: 11111;}.item:nth-child(2) .content-2{    display: none;    z-index: -1;}.item .name{    font-size: 18px;    font-weight: bold;    opacity: 0;    animation:showcontent 1s ease-in-out 1 forwards}.item .des{	font-size:40px;    margin:20px 0;    opacity: 0;    animation:showcontent 1s ease-in-out 0.3s 1 forwards}.item button{    padding:10px 20px;    border:none;    opacity: 0;    animation:showcontent 1s ease-in-out 0.6s 1 forwards}.item .button{    border:none;    opacity: 0;    animation:showcontent 1s ease-in-out 0.6s 1 forwards}.item .content .name{    font-size: 14px;    font-weight: 500;    text-transform: uppercase;    letter-spacing: 2.5px;	margin-bottom:40px;}.item .content .des{	font-size: 83px;	margin: 40px 0 40px;	line-height: 80px;	font-family: "Kalnia", serif;}.item .content .button{font-size: 18px;font-weight: 400;}@keyframes showcontent{    from{        opacity: 0;        transform: translate(0,100px);        filter:blur(33px);    }to{        opacity: 1;        transform: translate(0,0);        filter:blur(0);    }}.buttons{    z-index: 2;    text-align: left;    width:100%;    display: flex;    gap: 20px;}.buttons button{    width: 64px;    height: 64px;    border-radius: 50%;    border: 1px solid rgb(255 255 255 / 100%);    transition: 0.9s;    font-size: 16px;    color: rgb(255 255 255 / 100%);    background: transparent;    cursor: pointer;}div#slide {    position: relative;    height: 100vh;    width: 100%;    display: inline-block;}.item:nth-child(5) {    left: calc(calc(62% + 24.8vw) + 60px);}.item:nth-child(4) {    left: calc(calc(62% + 12.4vw) + 30px);}.item:nth-child(3) {    left: 62%;}.item button {    color: #000;}.item:nth-child(2):before {    content: "";    position: absolute;    width: 100%;    height: 100%;    background-color: rgb(0 0 0 / 24%);    top: 0;    left: 0;}.item:nth-child(1) {    z-index: 0;}.item:nth-child(2) {    z-index: 1;}.item:nth-child(n+6) {    z-index: -1;}/*sonrası*/.pagination {  position: absolute;  left: var(--container-out);  bottom: 49px;  display: flex;  justify-content: space-between;  width: var(--container-width);}.pagination > .arrow {  z-index: 60;  width: 50px;  height: 50px;  border-radius: 999px;  border: 2px solid #ffffff55;  display: grid;  place-items: center;}.pagination > .arrow:nth-child(2) {  margin-left: 20px;}.pagination > .arrow svg {  width: 24px;  height: 24px;  stroke-width: 2;  color: #ffffff99;}.pagination .progress-sub-container {  margin-left: 0;  z-index: 2;  width: 74%;  height: 50px;  display: flex;  align-items: center;  justify-content: end;}.pagination .progress-sub-container .progress-sub-background {  width: 1200px;  height: 3px;  background-color: #ffffff33;}.pagination .progress-sub-container .progress-sub-background .progress-sub-foreground {  height: 3px;  background-color: #273182;  width: 0px;  transition: all 0.9s;}.pagination .slide-numbers {  width: 50px;  height: 50px;  overflow: hidden;  z-index: 60;  position: relative;}.pagination .slide-numbers .item {  width: 50px;  height: 50px;  position: absolute;  color: white;  top: 0;  left: 0;  display: grid;  place-items: center;  font-size: 32px;  font-weight: bold;}.content-2{    position: absolute;    bottom: 0;    color: #fff;    left: 0;    padding: 20px;    }.content-2 .name{font-size: 13px;font-weight: 400;}.content-2 .des{font-family: "Kalnia", serif;font-size: 20px;font-weight: 400;width: 80%;margin-top: 10px;}/*end*/@media(max-width: 1024px){    .content-2 .name {        font-size: 10px;    }    .content-2 .des {        font-size: 12px;        width: 95%;    }}@media(max-width: 992px){    .item .content {        top: 40%;        max-width: 32rem;        width: 100%;    }    .item {width: 20vw;height: 28.6vw;top: calc(calc(100vh - 28.6vw) - 134px);}	.item:nth-child(5) {    left: calc(45% + 40vw + 60px);}.item:nth-child(4) {    left: calc(calc(45% + 20vw) + 30px);}.item:nth-child(3) {    left: 45%;}.item .content .des {    font-size: 55px;    margin: 15px 0 20px;    line-height: 64px;}.item .content .name {    margin-bottom: 19px;}}@media(max-width: 768px){    .item:nth-child(3) {        left: calc(35%);    }    .item:nth-child(4) {        left: calc(35% + 24vw + 25px);    }    .item {        width: 24vw;        height: 34.3vw;        top: calc(calc(100vh - 34.3vw) - 134px);    }    .item:nth-child(5) {        left: calc(35% + 48vw + 50px);    }}@media(max-width: 550px){    .item:nth-child(5) {        opacity: 0;        left: calc(50% + 50vw + 40px);    }    .item .content {        top: 45%;        left: 0;        padding-left: 15px;        padding-right: 15px;        width: 100%;        max-width: 22rem;    }    .item:nth-child(3) {        left: 50%;    }    .item {        width: 28vw;        height: 40vw;        top: calc(calc(100vh - 15vw) - 134px);    }    .item:nth-child(4) {        left: calc(50% + 25vw + 30px);    }    .buttons {        padding-left: 15px;        text-align: left;        padding-right: 15px;    }    .pagination {       width: 100%;        left: 0;        flex-direction: column;        bottom: 0;    }    .content-2 .des {        display: none;    }    .item .content .des {        font-size: 34px;        margin: 8px 0 8px;        line-height: 39px;    }    .pagination .progress-sub-container {        margin-left: 0;        z-index: 2;        width: 100%;        height: 5px;       margin-top: 44px;    }}