NatureAttractions.css

.desktop-3-child {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0);
    width: 1440px;
    height: 1024px;
}
.kabak-koyu-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1440px;
    height: 961px;
    object-fit: cover;
}
.desktop-3-item {
    position: absolute;
    top: 0px;
    left: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(2, 2, 2, 0.3) 24.5%, rgba(4, 4, 4, 0) 40%, rgba(5, 5, 5, 0.85) 85%, rgba(5, 5, 5, 0.9) 90%, rgba(6, 6, 6, 0.99) 95%, #080808);
    width: 1440px;
    height: 961px;
}
.desktop-3-inner {
    position: absolute;
    top: 60px;
    left: 235px;
    border-right: 4px solid #fff;
    box-sizing: border-box;
    width: 4px;
    height: 32px;
}
.turkey {
    margin: 0;
}
.turkey-tourists {
    position: absolute;
    top: 0px;
    left: 0px;
    letter-spacing: 0.03em;
    line-height: 115%;
    display: inline-block;
    width: 131px;
    height: 66px;
}
.b {
    position: absolute;
    top: 12px;
    left: 102px;
    font-size: 40px;
    line-height: 0%;
    display: inline-block;
    color: #befc13;
    width: 20px;
    height: 20px;
}
.turkey-tourists-parent {
    position: absolute;
    top: 47px;
    left: 89px;
    width: 131px;
    height: 66px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
}
.b1 {
    position: absolute;
    top: 420px;
    left: 446px;
    font-size: 40px;
    line-height: 0%;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.home {
    position: absolute;
    top: 0px;
    left: 0px;
    letter-spacing: -0.01em;
}
.toolbar1 {
    width: 47px;
    position: relative;
    height: 20px;
}
.toolbar2 {
    width: 99px;
    position: relative;
    height: 20px;
}
.toolbar3 {
    width: 89px;
    position: relative;
    height: 20px;
    color: #befc13;
}
.toolbar4 {
    width: 73px;
    position: relative;
    height: 20px;
}
.toolbar5 {
    width: 95px;
    position: relative;
    height: 20px;
}
.toolbar6 {
    width: 136px;
    position: relative;
    height: 20px;
}
.toolbar1-parent {
    position: absolute;
    top: 0px;
    left: 0px;
    filter: drop-shadow(0px 4px 7.7px rgba(0, 0, 0, 0.25));
    backdrop-filter: blur(5px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 29px;
}
.group-div {
    position: absolute;
    top: 64px;
    left: 645px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    width: 684px;
    height: 20px;
    font-size: 17px;
    color: #fff;
    font-family: 'Inria Serif';
}
.discover1 {
    color: #befc13;
}
.span {
    white-space: pre-wrap;
}
.turkeys-top {
    margin: 0;
    white-space: pre-wrap;
}
.attractions1 {
    margin: 0;
    color: #befc13;
}
.discover-turkeys-top-container {
    position: absolute;
    top: 0px;
    left: 0px;
    letter-spacing: 0.06em;
    line-height: 138%;
    display: inline-block;
    width: 529px;
    height: 207px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.discover-turkeys-top-attracti-wrapper {
    position: absolute;
    top: 244px;
    left: 172px;
    filter: blur(3px);
    width: 529px;
    height: 207px;
    color: #fff;
}
.discover-turkeys-top-attracti-container {
    position: absolute;
    top: 244px;
    left: 172px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    width: 529px;
    height: 207px;
    color: #fff;
}
.group-child {
    position: absolute;
    top: 0px;
    left: 0px;
    filter: blur(30px);
    border-radius: 6px;
    background-color: #befc13;
    width: 116px;
    height: 6px;
}
.group-item {
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
    background-color: #befc13;
    width: 116px;
    height: 6px;
}
.rectangle-parent {
    position: absolute;
    top: 469px;
    left: 172px;
    width: 116px;
    height: 6px;
}
.mouse-1-icon {
    position: absolute;
    top: 32px;
    left: 75px;
    width: 36px;
    height: 36px;
    object-fit: cover;
}
.right-arrow-1-icon {
    position: absolute;
    top: 74px;
    left: 81px;
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.discover-more {
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 138%;
    display: inline-block;
    width: 187px;
    height: 27px;
}
.mouse-1-parent {
    position: absolute;
    top: 863px;
    left: 626px;
    width: 187px;
    height: 98px;
    text-align: center;
    font-size: 16px;
}
.nature-attractions {
    position: absolute;
    top: 1018px;
    left: 96px;
    letter-spacing: 0.02em;
    line-height: 138%;
    display: inline-block;
    width: 1118px;
    height: 76px;
}
.nature-attractions1 {
    position: absolute;
    top: 1658px;
    left: 98px;
    letter-spacing: 0.02em;
    line-height: 138%;
    display: inline-block;
    width: 1118px;
    height: 76px;
}
.nature-attractions2 {
    position: absolute;
    top: 2298px;
    left: 100px;
    letter-spacing: 0.02em;
    line-height: 138%;
    display: inline-block;
    width: 1118px;
    height: 76px;
}
.group-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    box-shadow: 0px 4px 4px rgba(72, 72, 72, 0.25);
    border-radius: 45px;
    background-color: #000;
}
.frame-icon {
    position: absolute;
    height: 74.85%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 25.15%;
    left: 0%;
    border-radius: 45px 45px 0px 0px;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}
.rectangle-group {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
}
.uzungl-long-lake {
    position: absolute;
    height: 8.99%;
    width: 86.75%;
    top: 77.53%;
    left: 5.25%;
    font-size: 30px;
    letter-spacing: -0.01em;
    display: inline-block;
    color: #fff;
}
.trabzon {
    position: absolute;
    height: 6.52%;
    width: 39.5%;
    top: 89.44%;
    left: 10%;
    letter-spacing: -0.01em;
    display: inline-block;
}
.lake {
    position: absolute;
    height: 6.52%;
    width: 35.75%;
    top: 89.44%;
    left: 47.25%;
    letter-spacing: -0.01em;
    display: inline-block;
}
.b2 {
    position: absolute;
    height: 1.35%;
    width: 2%;
    top: 82.25%;
    left: 6.25%;
    font-size: 50px;
    letter-spacing: -0.01em;
    display: inline-block;
}
.b3 {
    position: absolute;
    height: 1.35%;
    width: 2%;
    top: 82.25%;
    left: 43.25%;
    font-size: 50px;
    letter-spacing: -0.01em;
    display: inline-block;
}
.like-icon {
    position: absolute;
    height: 10.43%;
    width: 11.6%;
    top: 6.52%;
    right: 8.15%;
    bottom: 83.06%;
    left: 80.25%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}
.att10 {
    width: 400px;
    position: relative;
    height: 445px;
    flex-shrink: 0;
}
.icon {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 45px 45px 0px 0px;
    width: 400px;
    height: 333px;
    object-fit: cover;
}
.like-icon1 {
    position: absolute;
    height: 13.93%;
    width: 11.6%;
    top: 8.71%;
    right: 8.15%;
    bottom: 77.36%;
    left: 80.25%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}
.parent {
    position: absolute;
    height: 74.85%;
    width: 100%;
    top: 0%;
    right: 0%;
    bottom: 25.15%;
    left: 0%;
    border-radius: 45px 45px 0px 0px;
    overflow: hidden;
}
.rize {
    position: absolute;
    height: 6.52%;
    width: 31.25%;
    top: 89.44%;
    left: 10%;
    letter-spacing: -0.01em;
    display: inline-block;
}
.icon2 {
    position: absolute;
    top: -4px;
    left: -28px;
    width: 456px;
    height: 342px;
    object-fit: cover;
}
.min-1-icon {
    position: absolute;
    top: 0px;
    left: -74px;
    width: 622px;
    height: 415px;
    object-fit: cover;
}
.x1080-38-icon {
    position: absolute;
    top: 0px;
    left: -74px;
    width: 499px;
    height: 333px;
    object-fit: cover;
}
.att10-parent {
    position: absolute;
    top: 1130px;
    left: calc(50% - 645px);
    width: 1288px;
    height: 437px;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    font-size: 20px;
    font-family: 'Inria Serif';
}
.att20-parent {
    position: absolute;
    top: 1770px;
    left: calc(50% - 643px);
    width: 1288px;
    height: 437px;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    font-size: 20px;
    font-family: 'Inria Serif';
}
.att30-parent {
    position: absolute;
    top: 2410px;
    left: calc(50% - 641px);
    width: 1288px;
    height: 437px;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 30px;
    font-size: 20px;
    font-family: 'Inria Serif';
}
.destinations-wrapper {
    position: absolute;
    top: 33px;
    left: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
}
.attractions-wrapper {
    position: absolute;
    top: 76px;
    left: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
}
.activities-wrapper {
    position: absolute;
    top: 119px;
    left: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px;
    cursor: pointer;
}
.main-pages {
    position: absolute;
    top: 0px;
    left: 10px;
    letter-spacing: 0.02em;
    line-height: 138%;
    display: inline-block;
    color: #befc13;
    width: 221px;
    height: 33px;
}
.frame-parent {
    position: absolute;
    top: 0px;
    left: 531px;
    width: 231px;
    height: 167px;
}
.profile {
    position: relative;
    letter-spacing: 0.02em;
    line-height: 138%;
}
.frame-group {
    position: absolute;
    top: 0px;
    left: 812px;
    width: 231px;
    height: 167px;
}
.frame-container {
    position: absolute;
    top: 0px;
    left: 1072px;
    width: 231px;
    height: 124px;
}
.group-child24 {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 7.2px;
    background-color: rgba(217, 217, 217, 0.15);
    border: 1.2px solid #bbff00;
    box-sizing: border-box;
    width: 343.2px;
    height: 41.4px;
}
.group-child25 {
    position: absolute;
    top: 0px;
    left: 246px;
    border-radius: 7.2px;
    background-color: rgba(190, 252, 19, 0.8);
    border: 1.2px solid #befc13;
    box-sizing: border-box;
    width: 97.2px;
    height: 41.4px;
}
.subscribe {
    position: absolute;
    top: calc(50% - 7.7px);
    left: calc(50% + 78px);
    letter-spacing: 0.02em;
    line-height: 138%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 16.8px;
}
.rectangle-parent15 {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 343.2px;
    height: 41.4px;
    text-align: center;
    color: #000;
}
.the-latest-updates {
    color: #fff;
}
.get-the-latest-container1 {
    width: 100%;
}
.get-the-latest-container {
    position: absolute;
    top: 24px;
    left: 5px;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 138%;
    display: flex;
    align-items: center;
    width: 342px;
    height: 25px;
}
.newsletter-txt {
    line-break: anywhere;
    width: 100%;
}
.newsletter {
    position: absolute;
    top: 0px;
    left: 5px;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 138%;
    display: flex;
    align-items: center;
    width: 342px;
    height: 25px;
}
.group-container {
    position: absolute;
    top: 106px;
    left: 0px;
    width: 347px;
    height: 91.4px;
    font-size: 12px;
    color: #befc13;
}
.turkey-tourists-group {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 131px;
    height: 66px;
    font-size: 24px;
}
.copyright-2024 {
    position: absolute;
    top: 209px;
    left: 540px;
    font-size: 11px;
    letter-spacing: 0.02em;
    line-height: 138%;
    color: #befc13;
    text-align: center;
}
.write-your-email {
    position: absolute;
    top: calc(50% + 57px);
    left: calc(50% - 638.9px);
    font-size: 12px;
    letter-spacing: 0.02em;
    line-height: 138%;
    display: flex;
    color: rgba(255, 255, 255, 0.4);
    text-align: center;
    align-items: center;
    justify-content: center;
    width: 218.4px;
    height: 16.8px;
}
.group-parent {
    position: absolute;
    top: 2983px;
    left: 69px;
    width: 1303px;
    height: 224px;
    font-size: 20px;
    color: #fff;
}
.f1v4byj09dqb1-icon {
    position: absolute;
    top: 45px;
    left: 1361px;
    border-radius: 50%;
    width: 58px;
    height: 58px;
    object-fit: cover;
    cursor: pointer;
}
.component-28-child {
    position: absolute;
    height: 100%;
    width: 15.69%;
    top: 0%;
    right: 84.31%;
    bottom: 0%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
    object-fit: cover;
}
.line-icon {
    position: absolute;
    width: 0.47%;
    top: 100%;
    right: 99.53%;
    left: 0%;
    max-width: 100%;
    overflow: hidden;
    height: 0px;
}
.search {
    position: absolute;
    height: 81.63%;
    width: 100%;
    top: 0%;
    left: 0%;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
}
.vector-parent {
    position: absolute;
    height: 76.56%;
    width: 52.45%;
    top: 0%;
    right: 25.98%;
    bottom: 23.44%;
    left: 21.57%;
}
.component-28 {
    position: absolute;
    top: 64px;
    left: 277px;
    width: 204px;
    height: 32px;
    font-size: 1px;
    color: rgba(255, 255, 255, 0);
    font-family: 'Inria Sans';
}
.desktop-3 {
    width: 100%;
    position: relative;
    background-color: #020202;
    height: 3230px;
    overflow: hidden;
    text-align: left;
    font-size: 50px;
    color: #befc13;
    font-family: 'Inknut Antiqua';
}
img:hover {
    transform: scale(1.05); 
    transition: transform 0.3s ease-in-out;
}