@font-face {
    font-family: orpheuspro;
    src: url(../fonts/Orpheus\ Pro.otf);
}

@font-face {
    font-family: Meteora;
    src: url(../fonts/Meteora\ -\ DEMO.ttf);
}


* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
    list-style: none;
}

body {
    width: 100%;
    position: relative;
    scroll-behavior: smooth;
    animation: .5;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background-image: url(../img/global/mm-body-bg.png);
    overflow-x: hidden;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: orpheuspro;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>header start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.img_glass {
    object-fit: cover;
}

.nav-link {
    white-space: nowrap;
}

.ustbar {
    background-color: white;
    box-shadow: 0px 1px 10px 1px rgba(199, 199, 199, 0.4);
    height: 150px;
    position: sticky;
    z-index: 9999999999;
    top: 0;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
    opacity: 1;
    /* background-color: rgba(255, 255, 255, 0.5); */
    backdrop-filter: blur(10px);
}

.acilan {
    display: flex;
    justify-content: center !important;
    margin: 0;
}

.ustbar a div span {
    font-family: Meteora;
    font-size: 40px;
    margin-left: 50px;
    color: #7c7c7c;
}

.ustbar a div img {
    position: relative !important;
    width: 126px !important;
    top: -28.5px !important;
    right: 124.5px !important;
}

.ustbar .contact {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 150px;
    margin: 0;
}

.ustbar .contact button {
    width: 180px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 44px;
    border: 2px solid #f4790e;
    color: #f4790e;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
    cursor: pointer;
    margin-top: 10px;
    background: transparent;
}

.ustbar .contact button:hover {
    transform: '';
    background-color: #f4790e;
    color: white;
    transition: .5s;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>header end<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.glass-box .glass-box >box1 start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.glass-box .box1 .hebir {
    font-size: 110px;
    margin-top: 80px;
    font-weight: 200;
    width: 400px;
    padding-left: 26px;
    white-space: nowrap;

}

.glass-box .box1 .right .ust {
    position: absolute;
    width: 350px;
    z-index: 2;
    display: flex;
    right: -120px;
}

.glass-box .box1 .left .alt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.glass-box .box1 .right {
    position: relative;
    left: -80px;
}

.glass-box .box1 .right .card {
    border: none;
    background-color: transparent;
}

.glass-box .box1 .right .card img {
    border-radius: 350px;
    width: 600px;
    height: 750px;
    object-fit: cover;
}

.glass-box .box1 button {
    width: 250px;
    height: 80px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 44px;
    margin-top: 50px;
    border-color: transparent;
    background-color: #f4790e;
    color: white;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.glass-box .box1 button:hover {
    transform: '';
    background-color: black;
    transition: .5s;
}

.glass-box .box1 .left .alt a {
    color: black;
    text-decoration: none;
    font-size: 14px;
    margin-top: 6px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> .glass-box .glass-box .box1 end<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> .glass-box .box2 start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.glass-box .box2 {
    margin-top: 200px;
}

.glass-box .box2 .left h1 {
    font-size: 82px;
    line-height: 1;
    margin-bottom: 58px;
    font-weight: 300;
}

.glass-box .box2 .cizgi {
    height: 100px;
    width: 1px;
    border: 1px solid #f4790e;
    position: relative;
    left: 25px;
}

.glass-box .box2 .right {
    position: relative;
    right: 0px;
}

.glass-box .box2 .right a {
    color: #f4790e;
    font-size: 17px;
    font-weight: 400;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> .glass-box .box2 end<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> .glass-box .glass-box .box3 start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.glass-box .box3 {
    width: 100%;
    height: 834px;
    margin-top: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.glass-box .box3 .backround {
    height: 833px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.glass-box .box3 .backround .img {
    width: 1920px;
    height: 833px;
    position: relative;
}

.glass-box .box3 .backround .kutu {
    position: absolute;
    width: 1040px;
    height: 754px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.glass-box .box3 .backround .kutu .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 347px;
    margin-bottom: 50px;
}

.glass-box .box3 .backround .kutu .top a {
    height: 347px;
    width: 30%;
    border-radius: 115px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
    padding: 0;

}

.glass-box .box3 .backround .kutu .top a h5 {
    position: absolute;
    color: white;
    text-align: center;
    font-size: 21px;
    text-shadow: 1px 1px 3px black;
    height: 347px;
    width: 100%;
    border-radius: 115px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    backdrop-filter: blur(15px);
    bottom: -200px;
    padding: 35px;
    transition: .5s;
    overflow: hidden;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.glass-box .box3 .backround .kutu .top a h5::before {
    content: '';
    transition: .5s;
}

.glass-box .box3 .backround .kutu .top a:hover h5 {
    bottom: 0;
    padding: 130px 10px;
}

.glass-box .box3 .backround .kutu .top a img {
    position: relative;
    height: 347px;
    width: 100%;
    border-radius: 115px;
}

.glass-box .box3 .backround .kutu .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 347px;

}

.glass-box .box3 .backround .kutu .bot a {
    height: 347px;
    width: 30%;
    border-radius: 115px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
    padding: 0;
}

.glass-box .box3 .backround .kutu .bot a h5 {
    text-align: center;
    position: absolute;
    color: white;
    font-size: 21px;
    text-shadow: 1px 1px 3px black;
    height: 347px;
    width: 100%;
    border-radius: 115px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    backdrop-filter: blur(15px);
    bottom: -210px;
    padding: 20px;
    transition: .5s;
    overflow: hidden;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.glass-box .box3 .backround .kutu .bot a h5::before {
    content: '';
    transition: .5s;
}

.glass-box .box3 .backround .kutu .bot a:hover h5 {
    bottom: 0;
    padding: 140px;
}

.glass-box .box3 .backround .kutu .bot a img {
    position: relative;
    height: 347px;
    width: 100%;
    border-radius: 115px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> .glass-box .glass-box .box3 end<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> .glass-box .glass-box .box4 start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.glass-box .box4 {
    margin-top: 187px;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.glass-box .box4 .kutu {
    max-width: 1341px;
    width: 100%;
    height: 500px;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 50px;
    overflow: hidden;
}

.glass-box .box4 .kutu h3 {
    margin-bottom: 50px;
    padding-top: 84px;
    font-size: 43px;
    position: relative;
    top: -100px;
}

.glass-box .box4 .kutu .mid {
    display: flex;
    align-items: center;
    justify-content: center;
}

.glass-box .box4 .kutu .bot .button-box .midler {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: -190px;
    top: -150px;
}

.glass-box .box4 .kutu .bot .button-box li:nth-child(4) .midler .left svg,
.glass-box .box4 .kutu .bot .button-box li:nth-child(3) .midler .left svg,
.glass-box .box4 .kutu .bot .button-box li:nth-child(2) .midler .left svg {
    width: 130px;
}

.glass-box .box4 .kutu .bot .button-box li:nth-child(4) .midler .left svg path:nth-child(2),
.glass-box .box4 .kutu .bot .button-box li:nth-child(3) .midler .left svg path:nth-child(2),
.glass-box .box4 .kutu .bot .button-box li:nth-child(2) .midler .left svg path:nth-child(2) {
    color: #f4790e;
}


.glass-box .box4 .kutu .bot .button-box .midler .left {
    width: 180px;
    height: 180px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 95px;
}

.glass-box .box4 .kutu .bot .button-box .midler .right {
    width: 826px;
    height: 180px;
    font-family: Montserrat;
    line-height: 1.6;
}

.glass-box .box4 .kutu .bot .button-box .midler .right h4 {
    font-size: 35px;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.glass-box .box4 .kutu .bot .button-box .midler .right p {
    font-size: 16px;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.glass-box .box4 .kutu .bot .button-box .midler h4 {
    font-size: 32px;
}

.glass-box .box4 .kutu .bot {
    width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.glass-box .box4 .kutu .bot .button-box {
    display: flex;
    align-items: center;
    justify-content: center;

    list-style-type: none;
    padding: 50px;

}

.glass-box .box4 .kutu .bot .button-box li {
    position: relative;
    z-index: 11;
}

.glass-box .box4 .kutu .bot .button-box li label {
    position: relative;
    bottom: -90px;
    margin-left: 60px;
    margin-right: 60px;
    height: 10px;

}

.glass-box .box4 .kutu .bot input[type="radio"] {
    display: none;
}

.glass-box .box4 .kutu .bot input[type="radio"]+label {
    padding: 5px 5px;
    border: 1px solid white;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
}

.glass-box .box4 .kutu .bot input[type="radio"]:checked+label {
    background-color: #f4790e;
    color: white;
}

.glass-box .box4 .kutu .bot .cizgi {
    width: 270px;
    height: 1px;
    border: 1px solid white;
    position: relative;
    top: 11.5px;
    z-index: 10;
}

.glass-box .box4 .kutu .bot .button-box .midler {
    display: none;
}

#button1:checked~div {
    display: flex;
    left: -250px;
}

#button2:checked~div {
    display: flex;
    left: -380px;
}

#button3:checked~div {
    display: flex;
    left: -512px;

}

#button4:checked~div {
    display: flex;
    left: -700px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>> .glass-box >box4 end<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>> .glass-box >box5 start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.glass-box .box5 {
    width: 100%;
    margin-top: 187px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 187px;
}

.glass-box .box5 .kutu {
    max-width: 1040px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.glass-box .box5 .kutu .left {
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-right: 50px;
}

.glass-box .box5 .kutu .left h2 {
    font-size: 110px;
    line-height: 110%;
    margin-bottom: 75px;
}

.glass-box .box5 .kutu .left a {
    width: 220px;
    border: 2px solid #f4790e;
    border-radius: 20px;
    padding: 10px 30px;
    font-size: 16px;
    font-weight: 400;
    color: #f4790e;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
}

.glass-box .box5 .kutu .left a:hover {
    background-color: #f4790e;
    color: white;
    transition: .5s;
}




.glass-box .box5 .kutu .right {
    width: 50%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.glass-box .box5 .kutu .right .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    left: 40px;
    margin-bottom: 50px;
    font-family: Montserrat;
}

.glass-box .box5 .kutu .right .top .daire {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background-color: rgb(212, 210, 210);
    backdrop-filter: blur(35px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px;
}

.glass-box .box5 .kutu .right .daire img {
    width: 90%;

}

.glass-box .box5 .kutu .right .top .baslik {
    width: 60%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.glass-box .box5 .kutu .right .top .baslik h5 {
    font-size: 26px;
}

.glass-box .box5 .kutu .right .metin p {
    line-height: 1.6;
}

/* >>>>>>>>>>>>>>>>>>>>>>>.glass-box .glass-box >BOX5 FINISH<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>.glass-box .glass-box >BOX6 start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.glass-box .box6 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 187px;
}

.glass-box .box6 .kutu {
    max-width: 1040px;
    width: 100%;
    height: 484px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    background-color: #eeeeee;
}

.glass-box .box6 .kutu .left {
    height: 436px;
    width: 282px;
    border-radius: 115px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    top: -100px;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
}

.glass-box .box6 .kutu .left img {
    height: 100%;
}

.glass-box .box6 .kutu .right .top h4 {
    font-size: 43px;
}

.glass-box .box6 .kutu .right .bot button {
    font-size: 16px;
    font-weight: 500;
    border-radius: 44px;
    padding: 10px 30px;
    margin-top: 50px;
    border-color: transparent;
    background-color: #f4790e;
    color: white;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.glass-box .box6 .kutu .right .bot button:hover {
    transform: '';
    background-color: black;
    transition: .5s;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>.glass-box .glass-box >box6 finish<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>mirrors-box start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.mirrors-box .box1 {
    margin-top: 80px;
}

.mirrors-box .box1 .hebir {
    font-size: 90px;
    margin-top: 100px;
    font-weight: 200;
    width: 400px;
    padding-left: 130px;

}

.mirrors-box .box1 .right .ust {
    position: absolute;
    width: 350px;
    z-index: 1;
    display: flex;
    right: 100px;
}

.mirrors-box .box1 .left .alt {
    display: flex;
    flex-direction: column;
    margin-left: 140px;
    font-size: 17px;
    margin-bottom: 50px;
    box-sizing: border-box;
    word-wrap: break-word;
}

.mirrors-box .box1 .right {
    position: relative;
    left: 70px;
}

.mirrors-box .box1 .right .card {
    border: none;
    background-color: transparent;
}

.mirrors-box .box1 .right .card img {
    border-radius: 350px;
    width: 400px;
    height: 550px;

}

.mirrors-box .box3 {
    width: 100%;
    text-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.mirrors-box .box3 .backround .kutu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.mirrors-box .box3 .backround .kutu .top {
    display: flex;
}

.mirrors-box .box3 .backround .kutu .top h3 {
    font-size: 45px;
}

.mirrors-box .box3 .backround .kutu .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 347px;

}

.mirrors-box .box3 .backround .kutu .bot a {
    height: 347px;
    width: 230px;
    border-radius: 115px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
}

.mirrors-box .box3 .backround .kutu .bot a h5 {
    position: absolute;
    color: white;
    font-size: 35px;
    height: 347px;
    width: 230px;
    border-radius: 115px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    backdrop-filter: blur(15px);
    bottom: -210px;
    padding: 20px;
    transition: .5s;
    overflow: hidden;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.mirrors-box .box3 .backround .kutu .bot a h5::before {
    content: '';
    transition: .5s;
}

.mirrors-box .box3 .backround .kutu .bot a:hover h5 {
    bottom: 0;
    padding: 140px;
}

.mirrors-box .box3 .backround .kutu .bot a img {
    position: relative;
    height: 347px;
    width: 230px;
    border-radius: 115px;
}

.mirrors-box .box3 .backround .kutu2 {
    flex-wrap: wrap;
    margin-left: 120px;
}

.mirrors-box .box3 .backround .kutu2 .baslik1 {
    font-family: Montserrat;
    font-size: 56px;
    font-weight: 400;
    margin-top: 75px;
    margin-bottom: 50px;
}

.mirrors-box .box3 .backround .kutu2 p {
    font-size: 16px;
    line-height: 1.6;
}

.mirrors-box .box3 .backround .kutu2 a {
    color: black;
    font-size: 18px;
    font-weight: 700;
    text-decoration: underline;
}

.mirrors-box .box3 .backround .kutu2 .baslik2 {
    font-family: Montserrat;
    font-size: 56px;
    font-weight: 100;
    margin-top: 75px;
    line-height: 1.2;
    margin-bottom: 50px;

}

.mirrors-box .box3 .backround .kutu2 .images {
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.mirrors-box .box3 .backround .kutu2 img {
    height: 230px;
    width: 504px;
    border-radius: 20px;
}

.mirrors-box .box3 .backround .kutu2 .baslik3 {
    font-family: Montserrat;
    font-size: 56px;
    font-weight: 100;
    margin-top: 75px;
    line-height: 1.2;
    margin-bottom: 50px;
}

.mirrors-box .box3 .backround .kutu2 ul {
    font-size: 16px;
    line-height: 1.6;
}

/* >>>>>>>>>>>>>>>>>>>>>>>.mirrors-box >BOX6 start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.mirrors-box .box6 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 187px;
    margin-top: 150px;
}

.mirrors-box .box6 .kutu {
    max-width: 1040px;
    width: 100%;
    height: 484px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    background-color: #eeeeee;
}

.mirrors-box .box6 .kutu .left {
    height: 436px;
    width: 282px;
    border-radius: 248px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    top: -70px;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
}

.mirrors-box .box6 .kutu .left img {
    height: 100%;
}

.mirrors-box .box6 .kutu .right .top h4 {
    font-size: 43px;
    font-weight: 400;
    font-family: Montserrat;
    margin-bottom: 10px;
}

.mirrors-box .box6 .kutu .right .top p {
    font-size: 16px;
    line-height: 1.6;
}

.mirrors-box .box6 .kutu .right .bot button {
    font-size: 16px;
    font-weight: 500;
    border-radius: 44px;
    padding: 10px 30px;
    margin-top: 50px;
    border-color: transparent;
    background-color: #f4790e;
    color: white;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.mirrors-box .box6 .kutu .right .bot button:hover {
    transform: '';
    background-color: black;
    transition: .5s;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>.mirrors-box >box6 finish<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.tubs-box >box1 start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.tubs-box .box1 {
    margin-top: 80px;
}

.tubs-box .box1 .hebir {
    font-size: 90px;
    margin-top: 70px;
    font-weight: 200;
    width: 400px;
    padding-left: 130px;

}

.tek_kullanimlik_otel_terlikleri {
    margin-top: 0 !important;
}

.tek_taban_otel_terlikleri {
    margin-top: 125px !important;
}

.panduf {
    margin-top: 95px !important;
}

.buklet {
    margin-top: 0px !important;
}

.tubs-box .box1 .right .ust {
    position: absolute;
    width: 350px;
    z-index: 1;
    display: flex;
    right: 100px;
    background: transparent;
}

.tubs-box .box1 .left .alt {
    display: flex;
    flex-direction: column;
    margin-left: 130px;
    font-size: 17px;
    margin-bottom: 50px;
    box-sizing: border-box;
    word-wrap: break-word;
}

.tubs-box .box1 .right {
    position: relative;
    left: 70px;
}

.tubs-box .box1 .right .card {
    border: none;
    background-color: transparent;
}

.tubs-box .box1 .right .card img {
    border-radius: 350px;
    width: 400px;
    height: 515px;

}

.object-cover {
    object-fit: cover;
}

.tubs-box .box3 {
    width: 100%;
    padding: 0 !important;
}

.tubs-box .box3 .kutu {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;

}

.tubs-box .box3 .kutu .up {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
}

.tubs-box .box3 .kutu h4 {
    position: relative;
    top: 150px;
    font-size: 32px;
    font-weight: 400;
    color: white;
    z-index: 1;
}

.tubs-box .box3 .kutu .mid {
    position: relative;
    width: 100%;
    background-color: #0d0d0f;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 40px;
}

.tubs-box .box3 .kutu .mid .images {
    display: flex;
    justify-content: center;
    padding-top: 200px;
}

.tubs-box .box3 .kutu .mid .images a img {
    width: 316.66px;
    height: 230px;
    border-radius: 20px;
    margin: 10px 2px;
    transition: .5s;
}

.tubs-box .box3 .kutu .mid .images a img:hover {
    transform: scale(1.1);
}

.tubs-box .box3 .kutu .bot {
    transform: scale(1, 1) scaleY(-1) !important;
    width: 100%;
    position: relative;
    top: -100px;
    z-index: -1;
}

.tubs-box .box6 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 187px;
    margin-top: 50px;
}

.tubs-box .box6 .kutu {
    max-width: 1040px;
    width: 100%;
    height: 484px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    background-color: #eeeeee;
}

.tubs-box .box6 .kutu .left {
    height: 436px;
    width: 282px;
    border-radius: 248px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    top: -70px;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
}

.tubs-box .box6 .kutu .left img {
    height: 100%;
}

.tubs-box .box6 .kutu .right .top h4 {
    font-size: 43px;
    font-weight: 400;
    font-family: Montserrat;
    margin-bottom: 10px;
}

.tubs-box .box6 .kutu .right .top p {
    font-size: 16px;
    line-height: 1.6;
}

.tubs-box .box6 .kutu .right .bot button {
    font-size: 16px;
    font-weight: 500;
    border-radius: 44px;
    padding: 10px 30px;
    margin-top: 50px;
    border-color: transparent;
    background-color: #f4790e;
    color: white;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.tubs-box .box6 .kutu .right .bot button:hover {
    transform: '';
    background-color: black;
    transition: .5s;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>.tubs-box >box6 finish<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


/* about start */


.about-box .box1 {
    margin-top: 80px;
}

.about-box .box1 .hebir {
    font-size: 90px;
    margin-top: 100px;
    font-weight: 200;
    width: 400px;
    padding-left: 130px;
}

.about-box .box1 .right .ust {
    position: absolute;
    width: 350px;
    z-index: 1;
    display: flex;
    right: 70px;
}

.about-box .box1 .left .alt {
    display: flex;
    flex-direction: column;
    margin-left: 140px;
    font-size: 17px;
    margin-bottom: 50px;
    box-sizing: border-box;
    word-wrap: break-word;
}

.about-box .box1 .right {
    position: relative;
    left: 70px;
}

.about-box .box1 .right .card {
    border: none;
    background-color: transparent;
}

.about-box .box1 .right .card img {
    border-radius: 350px;
    width: 400px;
    height: 550px;

}

.about-box .box2 {
    width: 100%;
    display: flex;
    justify-content: center;
}

.about-box .box2 .uzun {
    max-width: 1040px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.about-box .box2 .uzun .birinci {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px;
    font-size: inherit;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    font-weight: 400;
}

.about-box .box2 .uzun .birinci .sol {
    width: 520px;
    height: 650px;
    border-radius: 20px;
}

.about-box .box2 .uzun .birinci .sol img {
    width: 100%;
    border-radius: 20px;

}

.about-box .box2 .uzun .birinci .sag {
    position: relative;
    margin-left: 50px;
}


.about-box .box2 .uzun .ikinci ul {
    box-sizing: border-box;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

.about-box .box2 .uzun .baslik1 {
    font-size: 43px;
    font-weight: 300;
    font-family: orpheuspro;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility;
    margin-bottom: 30px;
}

.about-box .box2 .uzun .ucuncu {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.about-box .box2 .uzun .ucuncu .ust {
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

.about-box .box2 .uzun .ucuncu .ust .img {
    width: 520px;
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-box .box2 .uzun .ucuncu .ust .img img {
    height: 100%;
}

.about-box .box2 .uzun .ucuncu .ust p {
    display: flex;
    align-self: center;
    position: relative;
    margin: 20px 0;
    padding: 0;
}

.about-box .box2 .uzun .ucuncu .orta {
    margin: 30px 0;
    box-sizing: inherit;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

.about-box .box2 .uzun .ucuncu .alt {
    width: 100%;
    border-radius: 60px;
    overflow: hidden;
}

.about-box .box2 .uzun .ucuncu .alt img {
    width: 100%;
    border-radius: 20px;
}

.about-box .box2 .uzun .ucuncu .bottle h6 {
    margin-top: 50px;
    font-size: 26px;
    font-family: orpheuspro;
    font-style: normal;
    font-weight: 400;
    color: inherit;
    text-rendering: optimizeLegibility;
}

.about-box .box2 .uzun .ucuncu .bottle p {
    margin-top: 15px;
    font-size: inherit;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

.about-box .box6 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
    margin-top: 100px;
}

.about-box .box6 .kutu {
    max-width: 1040px;
    width: 100%;
    height: 484px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    background-color: #eeeeee;
}

.about-box .box6 .kutu .left {
    height: 436px;
    width: 282px;
    border-radius: 115px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    top: -100px;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
}

.about-box .box6 .kutu .left img {
    height: 100%;
}

.about-box .box6 .kutu .right .top h4 {
    font-size: 43px;
}

.about-box .box6 .kutu .right .bot button {
    font-size: 16px;
    font-weight: 500;
    border-radius: 44px;
    padding: 10px 30px;
    margin-top: 50px;
    border-color: transparent;
    background-color: #f4790e;
    color: white;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
    cursor: pointer;
}

.about-box .box6 .kutu .right .bot button:hover {
    transform: '';
    background-color: black;
    transition: .5s;
}

.about-box .box3 {
    width: 100%;
    text-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 100px;
}

.about-box .box3 .backround .kutu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.about-box .box3 .backround .kutu .top {
    display: flex;
}

.about-box .box3 .backround .kutu .top h3 {
    font-size: 45px;
}

.about-box .box3 .backround .kutu .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 347px;

}

.about-box .box3 .backround .kutu .bot a {
    height: 347px;
    width: 230px;
    border-radius: 115px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
    margin: 0 50px;
}

.about-box .box3 .backround .kutu .bot a h5 {
    position: absolute;
    color: #7c7c7c;
    font-size: 28px;
    height: 347px;
    width: 230px;
    border-radius: 115px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    backdrop-filter: blur(15px);
    bottom: -190px;
    padding: 30px;
    transition: .5s;
    overflow: hidden;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.about-box .box3 .backround .kutu .bot a h5::before {
    content: '';
    transition: .5s;
}

.about-box .box3 .backround .kutu .bot a:hover h5 {
    bottom: 0;
    padding: 140px;
}

.about-box .box3 .backround .kutu .bot a img {
    position: relative;
    height: 347px;
    width: 230px;
    border-radius: 115px;
}

/* resources start */

#kategory {
    width: 60%;
    height: 39px;
    border-radius: 33px;
    padding: 0 30px;
    background: #eee;
    border: none;
}

.blog_filtrele_p {
    font-weight: 400px;
    font-size: 25px;
    padding: 0 30px;
}

.resources-box .box1 {
    margin-top: 80px;
}

.resources-box .box1 .hebir {
    font-size: 90px;
    margin-top: 100px;
    font-weight: 200;
    width: 400px;
    padding-left: 130px;

}

.resources-box .box1 .right .ust {
    position: absolute;
    width: 350px;
    z-index: -1;
    display: flex;
    right: 220px;
}

.resources-box .box1 .left .alt {
    display: flex;
    flex-direction: column;
    margin-left: 140px;
    font-size: 17px;
    box-sizing: border-box;
    word-wrap: break-word;
}

.resources-box .box1 .right {
    position: relative;
    left: 70px;
}

.resources-box .box1 .right .card {
    border: none;
    background-color: transparent;
    margin-top: 100px;
}

.resources-box .box1 .right .card img {
    border-radius: 350px;
    width: 400px;
    height: 550px;

}


.resources-box .box3 {
    width: 100%;
    text-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 100px;
}

.resources-box .box3 .backround .kutu {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.resources-box .box3 .backround .kutu .bot {
    width: 120%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 347px;

}

.resources-box .box3 span {
    display: none;
}

.resources-box .box3 .backround .kutu .bot a {
    height: 347px;
    width: 230px;
    border-radius: 115px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
    margin: 0 50px;
}

.resources-box .box3 .backround .kutu .bot a h5 {
    position: absolute;
    color: white;
    font-size: 35px;
    height: 347px;
    width: 230px;
    border-radius: 115px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    backdrop-filter: blur(15px);
    bottom: -210px;
    padding: 20px;
    transition: .5s;
    overflow: hidden;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.resources-box .box3 .backround .kutu .bot a h5::before {
    content: '';
    transition: .5s;
}

.resources-box .box3 .backround .kutu .bot a:hover h5 {
    bottom: 0;
    padding: 140px;
}

.resources-box .box3 .backround .kutu .bot a img {
    position: relative;
    height: 347px;
    width: 230px;
    border-radius: 115px;
}

.blog_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 70px 200px;
    width: 100%;
}

.blog_box_blog_kutulari {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-bottom: 50px;
}

.blog_yazi_ayarla {
    width: 31%;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
    border-radius: 20px;
    cursor: pointer;
    min-height: 560px;
    margin-bottom: 30px;
}

.blog_resim img {
    width: 100%;
    max-height: 250px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    object-fit: cover;
}

.blog_resim {
    margin-bottom: 30px;

}

.blog_des {
    padding: 20px;
}

.blog_box_bloglar_sag {
    margin-left: 30px;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>footer start<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */


.logo div span {
    font-family: Meteora;
    font-size: 30px;
    color: #fff;
}

.logo {
    margin-right: -30px !important;
}

.logo div img {
    box-sizing: border-box;
    position: relative !important;
    width: 96px !important;
    top: -15px;
    right: 95px;
    object-fit: contain;
}

footer {
    width: 100%;
    background-color: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer .kutu {
    max-width: 1040px;
    height: 386px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

footer .kutu .top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .kutu .top .left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

footer .kutu .top .left .logo {
    margin-right: 73px;

}

footer .kutu .top .left .logo div {
    display: flex;
    justify-content: center;
}


footer .kutu .top .left .showroom {
    width: 178px;
    height: 53px;
    border-radius: 15px;
    border: 1px solid #f4790e;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 12px;
    padding: 11px 19px;
}

footer .kutu .top .left .showroom p {
    margin: 0;
}

footer .kutu .top .left .showroom:first-child {
    font-weight: 600;
    line-height: 14.4px;
    margin: 0;
}

footer .kutu .top .left .showroom:last-child {
    font-weight: 500;
    line-height: 14.4px;
}

footer .kutu .top ul {
    width: 218px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: right;
    margin-bottom: 50px;
    gap: 20px;
}

footer .kutu .top ul li {
    font-size: 20px;
    cursor: pointer;
}

footer .kutu .top ul li:hover {
    color: #f4790e;
}

footer .kutu .mid {
    width: 100%;
    height: 121px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .kutu .mid .sol {
    position: relative;
    top: 15px;
    font-size: 18px;
    line-height: 25px;
}

footer .kutu .mid ul {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0;
}

footer .kutu .mid ul li {
    cursor: pointer;
    line-height: 25px;
}

footer .kutu .mid ul li:hover h2 {
    color: #f4790e;
}

footer .kutu .mid ul li h2 {
    font-size: 20px;
}

footer .kutu .cizgi {
    width: 100%;
    height: 1px;
    border: 1px solid #f4790e;
    margin-top: 30px;
}

footer .kutu .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 38px;
}

footer .kutu .bot .right {
    cursor: pointer;
    color: white;
    display: flex;
    text-decoration: none;
    border-bottom: 1px solid white;
    transition: border .5s;
}

footer .kutu .bot .right h3:hover {
    color: #f4790e;
}

/* Conatct */



.main {
    width: 100%;
}

.baslik h1 {
    font-size: 5.125rem;
    line-height: 1;
    font-family: orpheuspro !important;
    margin-bottom: 120px;
}

.alt_baslik h3 {
    font-size: 2.6875rem !important;
    line-height: 1.2 !important;
    font-family: orpheuspro !important;
    margin-bottom: 70px;
}

.form_label {
    font-weight: 400;
    margin-left: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#name {
    width: 100%;
    border-radius: 33px;
    padding: 0 28px;
    box-shadow: unset;
    border: unset;
    background: #eee;
    height: 39px;
    outline: none;
}

#phone {
    width: 100%;
    border-radius: 33px;
    padding: 0 28px;
    box-shadow: unset;
    border: unset;
    background: #eee;
    height: 39px;
    outline: none;
}

#email {
    width: 100%;
    border-radius: 33px;
    padding: 0 28px;
    box-shadow: unset;
    border: unset;
    background: #eee;
    height: 39px;
    outline: none;
}

#select {
    width: 100%;
    border-radius: 33px;
    padding: 0 28px;
    box-shadow: unset;
    border: unset;
    background: #eee;
    height: 39px;
    outline: none;
}

#textarea {
    width: 100%;
    height: 288px !important;
    border-radius: 33px;
    padding: 20px 28px;
    box-shadow: unset;
    border: unset;
    background: #eee;
    height: 39px;
    outline: none;
}

#social_media {
    margin-top: 20px;
}

.checkbox_div input {
    margin-bottom: 20px;
}

#form_btn {
    color: #fff;
    border: none;
    text-align: center;
    border-radius: 20px;
    background: #f4790e;
    font-size: 16px;
    font-weight: 420;
    text-transform: uppercase;
    padding: 10px 32px;
    padding-bottom: 8px;
    transition: .4s;
    height: 50px;
}

#form_btn:hover {
    background: #000;
}

.and_resim {
    position: relative;
}

.and_resim img {
    position: absolute;
    width: 500px;
    z-index: -1;
    display: flex;
    right: -250px;
}

.contact_right {
    margin-top: 300px;
    margin-left: 80px;
}

.contact_right h4 {
    font-size: 35px;
    font-family: unset;
}

.contact_right p {
    margin-bottom: 1rem;
    font-size: 18px;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
}

.contact_right a {
    text-decoration: none;
    color: black;
}

.contact_right a:hover {
    border-bottom: 2px solid #f4790e;
}

.black_map {
    width: 100%;
    height: 570px;
    background: black;
    min-height: 430px;
    border-radius: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 60px 90px;
    box-sizing: border-box;
    margin: 150px 0;
}

.black_map h3 {
    color: #fff;
    font-family: unset;
    font-size: 36px;
}

.black_map iframe {
    width: 100% !important;
    height: 100% !important;
    border-radius: 60px;
}

.black_map_des {
    color: #fff;
}

.black_map_flex {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.black_map_btn {
    background: white;
    color: #000;
    border-radius: 44px;
    font-size: 16px;
    font-weight: 420;
    text-transform: uppercase;
    line-height: 19.2px;
    padding: 10px 30px;
    transition: .25s ease;
    text-decoration: none;
}

.black_map_btn:hover {
    background: #f4790e;
    color: #fff;
}



/* Conatct */
/* nav resp */

.glass-box .box3 .backround .kutu span {
    display: none;
}

.mirrors-box span {
    display: none;
}

.about-box span {
    display: none;
}

/* Swiper */

.swiper {
    width: 100%;
    height: 100%;
    z-index: 1 !important;
}

.swiper-slide {
    font-size: 18px;
    background: transparent;
    display: flex !important;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
}

.swiper-button-next {
    color: #f4790e !important;
    border: 2px solid #f4790e;
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    top: unset !important;
    bottom: 100px !important;
    background: rgba(transparent, transparent, transparent, 1) !important;
    opacity: 1 !important;
    backdrop-filter: blur(20px) !important;
}

.swiper-button-next::after {
    backdrop-filter: blur(20px) !important;
}

.swiper-button-prev {
    color: #f4790e !important;
    border: 2px solid #f4790e;
    width: 90px !important;
    height: 90px !important;
    border-radius: 50% !important;
    top: unset !important;
    bottom: 100px !important;
    background: rgba(transparent, transparent, transparent, 1) !important;
    opacity: 1 !important;
    backdrop-filter: blur(20px) !important;
}

.swiper-button-prev::after {
    backdrop-filter: blur(20px) !important;
}

/* Swiper */

.ustbar nav .container-fluid .navbar-brand.col--3 img {
    position: relative;
    width: 250px;
}

.tubs_btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: -80px !important;
}

.tubs_btn button {
    font-size: 18px;
    border-radius: 0px !important;
    background-color: transparent !important;
    color: white !important;
    font-family: orpheuspro;
}

.tubs_btn button:hover {
    border-bottom: 1px solid #fff;
}

.aktif_secenek {
    border-bottom: 1px solid #fff;
}

.tubs-box .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Pop Up */

.popUp {
    display: none;
    top: 0;
    position: fixed;
    z-index: 1234567890;
    width: 100%;
    height: 100vh;
    background: rgba(123, 123, 123, 0.6);
    justify-content: center;
    align-items: center;
}

.popUp_icerik {
    width: 35%;
    height: 90vh;
    background: white;
    padding: 15px;
    border-radius: 15px;
}

.popUp_close {
    position: relative;
    top: -5px !important;
    left: 95% !important;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #f4790e;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #f4790e !important;
}

.popUp_belge {
    height: 80vh;
}

.popUp_belge1 {
    cursor: pointer !important;
}

.popUp_belge2 {
    cursor: pointer !important;
}

.popUp_belge3 {
    cursor: pointer !important;
}

/* Pop Up */

/* OTEL TERLİK KULLANİM ALANLARİ */

.otel_terlik_kullanim_alanlari_div {
    padding: 0px 155px;
}

.otel_terlik_kullanim_alanlari {
    font-size: 82px !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 25px !important;
}

.margin_left_0 {
    margin-left: 0 !important;
}

.blog_back_btn {
    width: 100%;
    margin: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_back_btn a button {
    font-size: 16px;
    font-weight: 500;
    border-radius: 44px;
    padding: 10px 30px;
    margin-top: 50px;
    border-color: transparent;
    background-color: #f4790e;
    color: white;
    box-shadow: 2px 4px 30px rgba(0, 0, 0, .2);
    cursor: pointer;
    transition: 0.5s;
}

.blog_back_btn a button:hover {
    background-color: #000;
}

.blog_h2 {
    margin-top: 50px;
}

.blog_h2_alt {
    margin-top: 25px;
    font-size: 25px;
}

/* OTEL TERLİK KULLANİM ALANLARİ */

/* Üretim */

.box_4_üretim {
    margin-bottom: 100px;
}

.box_4_üretim .row {
    justify-content: space-around !important;
}

.box_4_üretim .row a {
    height: 347px;
    width: 230px;
    border-radius: 115px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 4px 6px 30px rgba(0, 0, 0, .2);
    margin: 0 50px;
}

.box_4_üretim .row a img {
    position: relative;
    height: 347px;
    width: 230px;
    border-radius: 115px;
}

.box_4_üretim .bot {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 347px;
}

.box_4_üretim .row a h5 {
    position: absolute;
    color: #7c7c7c;
    font-size: 28px;
    height: 347px;
    width: 230px;
    border-radius: 115px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    backdrop-filter: blur(15px);
    bottom: -190px;
    padding: 30px;
    transition: .5s;
    overflow: hidden;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

.box_4_üretim .row a h5::before {
    content: '';
    transition: .5s;
}

.box_4_üretim .row a:hover h5 {
    bottom: 0;
    padding: 140px;
}

.blog_box_blog_kutulari_üretim {
    margin-top: 50px !important;
    justify-content: space-evenly !important;
    margin-bottom: 0 !important;
}

.blog_box_blog_kutulari_üretim .blog_yazi_ayarla {
    cursor: unset !important;
    box-shadow: none;
    width: 45% !important;
    min-height: 400px !important;
}

.blog_box_blog_kutulari_üretim .blog_yazi_ayarla .blog_resim {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog_box_blog_kutulari_üretim .blog_yazi_ayarla .blog_resim h3 {
    width: 60%;
}

.blog_box_blog_kutulari_üretim .blog_yazi_ayarla .blog_resim img {
    width: 35%;
    margin-right: 20px;
}

/* Üretim */


.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;

}

.custom-select {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    background: #eee;
    border-radius: 4px;
    padding: 10px 28px;
    border: none;
    height: 39px;
    border-radius: 33px;
}

.custom-select-trigger {
    display: flex;
    align-items: center;
    width: 100%;
}

.custom-options {
    position: absolute;
    background: #eee;
    border: 1px solid #ccc;
    border-top: none;
    width: 100%;
    display: none;
    z-index: 10;
    border-radius: 0 0 4px 4px;
    margin-top: 215px;
    border-radius: 20px;
    margin-left: -28px;
}

.custom-option {
    padding: 10px 28px;
    cursor: pointer;
}

.custom-option:hover {
    background: #ccc;
    border-radius: 20px;
}

.custom-select.active .custom-options {
    display: block !important;
}

.custom-option.selected {
    background: #e9e9e9;
}

.custom-option.selected {
    background: #ccc;
    border-radius: 20px;
}

.form_label_check {
    cursor: pointer;
    width: 97%;
}

.checkbox_div {
    padding: 0 20px;
}

#check {
    width: 100%;
    border-radius: 33px;
    padding: 0 28px;
    box-shadow: unset;
    border: unset;
    background: #eee;
    height: 39px;
    outline: none;
}

.invalid {
    border: 1px solid red !important;
}

footer .kutu .mid ul li a {
    text-decoration: none;
    color: white;
}

.box6 .top p {
    max-width: 550px;
}

.social_icon_a {
    text-decoration: none;
    color: white;
}