@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #FFA500;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

html {
    background-color: #7c7c79;
    font-family: Lato;
    overflow-x: hidden;
}

.header-container {
    background-color: black;
}

#nav-wrapper {
    width: 1438px;
    height: 587px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    background: url(photos/fota.png), 50% / cover no-repeat, rgba(0, 0, 0, 0.70);
    background-size: cover;
    background-position: center;
}

.nav-bar {
    display: flex;
    width: 100%;
    height: 55.668px;
    padding-right: 0px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    flex-shrink: 0;
}

.navbar-list {
    display: flex;
    color: #FFA500;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    margin-left: 330px;
}

.navbar-list li {
    margin-right: 16px;
}

.navbar-list a {
    padding: 20px 60px;
    color: #FFA500;
}

.logo {
    display: block;
    width: 133px;
    height: 55.668px;
    flex-shrink: 0;
    padding: 20px;
    margin-top: 20px;
}

p {
    font-size: 16px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

a {
    text-decoration: none;
}

.about-us-page-link {
    color: #FFA500;
}

.About-us-page-rectangle {
    display: flex;
    width: 100px;
    height: 33.197px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #0336FF;
    justify-content: center;
    align-items: center;
    color: white;
}

.Home-rectangle {
    display: flex;
    width: 100px;
    height: 33.197px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #0336FF;
    justify-content: center;
    align-items: center;
    color: white;
}

.Counter {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    width: 595px;
    height: 44px;
    flex-shrink: 0;
    color: white;
    font-weight: 700;
    line-height: normal;
    font-size: 30px;

}

.Mark {
    display: flex;
    margin-top: 14px;
    margin-left: auto;
    margin-right: auto;
    width: 1036px;
    height: 179px;
    flex-direction: column;
    flex-shrink: 0;
    color: white;
    text-align: center;
    font-size: 64px;
    font-weight: 800;
}

.Read-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 218px;
    height: 85px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #0336FF;
    text-align: center;
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border: none;
    transition-duration: 0.4s;
}

.Read-frame:hover {
    background-color: white;
    border: 4px solid #0336FF;
    color: #0336FF;
    cursor: pointer;
}

.Scroll-frame {
    display: flex;
    width: 280px;
    height: 47px;
    flex-direction: column;
    flex-shrink: 0;
    color: #FFF;
    font-family: Roboto;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 47.175px;
    margin-left: 590px;
    margin-right: auto;
    margin-top: 40px;
}

.Arrow {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.Landing-wrapper {
    display: flex;
    width: 1440px;
    height: 6200px;
    background: #FFF;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 2.767256498336792px 6.226326942443848px 0px rgba(0, 0, 0, 0.02), 0px 6.650102138519287px 14.962729454040527px 0px rgba(0, 0, 0, 0.03), 0px 12.521552085876465px 28.173492431640625px 0px rgba(0, 0, 0, 0.04), 0px 22.3363094329834px 50.25669479370117px 0px rgba(0, 0, 0, 0.04), 0px 41.777610778808594px 93.99961853027344px 0px rgba(0, 0, 0, 0.05), 0px 100px 225px 0px rgba(0, 0, 0, 0.07);
}

.About-frame {
    display: flex;
    width: 438.231px;
    height: 598px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 70px;
    margin-top: 100px;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}

.cos {
    justify-content: center;
    width: 142px;
    height: 41px;
    color: #000;
    font-family: Lato;
    font-size: 29.649px;
    font-style: normal;
    font-weight: 700;
    line-height: 51.392px;
    margin-bottom: 20px;
}

.cos2 {
    width: 363.897px;
    flex-shrink: 0;
    background: url(), lightgray 50% / cover no-repeat, #C4C4C4;
    background-size: cover;
}


.My-photo {
    width: 363.897px;
    height: 293.804px;
    flex-shrink: 0;
    background: url(photos/women.png);
    border: px solid black;
    background-size: cover;
    margin-bottom: 15px;
}

.Ab-me-rectangle {
    display: flex;
    width: 182px;
    height: 71px;
    flex-shrink: 0;
    margin-right: auto;
    margin-left: auto;
    background: #0336FF;
    color: #FFF;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    border: none;
    transition-duration: 0.4s;
    border-radius: 8px;
    font-size: 16px;

}

.Ab-me-rectangle:hover {
    background-color: #FFF;
    border: 3px solid #0336FF;
    color: #0336FF;
    cursor: pointer;
}

.Tipsandtricks-frame {
    width: 783px;
    height: 862px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-top: 100px;
    margin-left: 76px;
    margin-right: 73px;
}

.Categories-frame {
    width: 438.231px;
    height: 598px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 70px;
    margin-top: 41px;
    justify-content: center;
}

.Categories-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    text-align: center;
    color: #000;
    font-family: Lato;
    font-size: 29.649px;
    font-style: normal;
    font-weight: 700;
    line-height: 51.392px;
}

.Categories-container {
    width: 120px;
    margin-top: 50px;
    margin-left: 44px;

}

.Categories-container p {
    color: #000;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

.Popular-frame {
    display: flex;

    width: 445px;
    height: 107px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 67px;
    margin-top: 41px;
    justify-content: center;
}

.Popular-frame p {
    color: #000;
    font-family: Lato;
    font-size: 31.637px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.983px;
}

.Moretips-frame {
    width: 445px;
    height: 364px;
    flex-shrink: 0;
    fill: rgba(17, 14, 194, 0.30);
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 67px;
    margin-top: 41px;
    background: url(photos/car.png), lightgray 50% / cover no-repeat;
    background-size: cover;
}

.Moretips-text1 {
    color: #FFF;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.814px;
    display: flex;
    width: 397px;
    height: 17px;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: auto;
}

.Moretips-text2 {
    display: flex;
    width: 370.943px;
    height: 88.876px;
    flex-direction: column;
    flex-shrink: 0;
    color: #FFFEFE;
    font-family: Lato;
    font-size: 31.637px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.983px;
    margin-left: 36px;
    margin-top: 83px;

}

.Moretips-Arrows {
    display: flex;
    width: 100px;
    margin-top: 38px;
    margin-left: 36px;
}

.Arrow1 {
    display: flex;
    width: 41px;
    height: 50px;
    flex-shrink: 0;
    background: #FFF;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
}

.Arrow2 {
    display: flex;
    width: 41px;
    height: 50px;
    flex-shrink: 0;
    background: #FFF;
    justify-content: center;
    align-items: center;
}

.recent-Post {
    display: flex;
    justify-content: center;
    width: 445px;
    height: 107px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 69px;
    margin-top: 41px;
}

.recent-Post p {
    color: #000;
    font-family: Lato;
    font-size: 31.637px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.983px;
}

.Posts {
    height: 324px;
    width: 445px;
    margin-left: 70px;
    margin-top: 41px;
}

.Post {
    width: 420px;
    height: 107px;
}

.Hiking-photo1 {
    width: 100px;
    height: 80px;
    flex-shrink: 0;
    background: url(photos/Hikingphoto1.png), lightgray 50% / cover no-repeat;
}

.Post-Text1 {
    display: flex;
    width: 397px;
    height: 23px;
    flex-direction: column;
    flex-shrink: 0;
    color: #0A0909;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.814px;
    margin-left: 110px;
    margin-top: -15px;
}

.Post-Text3 {
    display: flex;
    width: 397px;
    height: 23px;
    flex-direction: column;
    flex-shrink: 0;
    color: #000;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 125% */
    margin-left: 110px;
    margin-top: -15px;
}

.Post-Text2:hover {
    color: #0336FF;
}

.Post-Text2 {
    display: flex;
    width: 371px;
    height: 71px;
    flex-direction: column;
    flex-shrink: 0;

    color: #000;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-left: 110px;
    margin-top: -55px;
}

.Post-Text2 p {
    margin-top: -5px;
    color: #0336FF;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    /* 125% */
}

.Article-box-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px;
    margin-left: 76px;
    margin-right: 73px;
    margin-top: 55px;
}

.Article-Container1 {
    flex: 2;
    width: 379.9px;
    height: 636.873px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Article-Container2 {
    flex: lid;
    width: 377.637px;
    height: 636.873px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Youtube-Frame1 {
    width: 783px;
    height: 862px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 76px;
    margin-right: 73px;
    margin-top: 55px;
}

.Order {
    width: 777px;
    height: 425px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 76px;
    margin-right: 70px;
    margin-top: 55px;
}

.Article-Container3 {
    flex: 2;
    width: 377.637px;
    height: 636.873px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Article-Container4 {
    flex: lid;
    width: 377.637px;
    height: 636.873px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Article-Container5 {
    flex: 2;
    width: 377.637px;
    height: 636.873px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Article-Container6 {
    flex: lid;
    width: 377.637px;
    height: 636.873px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Youtube-Frame2 {
    width: 783px;
    height: 862px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 76px;
    margin-right: 73px;
    margin-top: 55px;
}

.Article-Container7 {
    flex: lid;
    width: 377.637px;
    height: 636.873px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Article-Container8 {
    flex: lid;
    width: 377.637px;
    height: 636.873px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Helper-frame {
    width: 450px;
    height: 378px;
    flex-shrink: 0;
    margin-left: 70px;
    margin-top: 41px;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.Helper-Text1 {
    display: flex;
    width: 146.275px;
    height: 33.192px;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;

    color: #000;
    font-family: Lato;
    font-size: 29.649px;
    font-style: normal;
    font-weight: 700;
    line-height: 51.392px;
}

.Helper-Text2 {
    width: 260px;
    display: flex;
    margin-top: 37px;
    margin-left: auto;
    margin-right: auto;

    color: #000;
    font-family: Lato;
    font-size: 29.649px;
    font-style: normal;
    font-weight: 700;
    line-height: 51.392px;
}

.Helper-Text3 {
    display: flex;
    width: 345px;
    height: 118px;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px;

    color: #0B0A0A;
    text-align: center;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 33.814px;
}

.Details-button {
    display: flex;
    width: 182px;
    height: 71px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    background: #0336FF;
    justify-content: center;
    align-items: center;

    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition-duration: 0.4s;
    border: none;
}

.Details-button:hover {
    background-color: #FFF;
    color: #0336FF;
    border: 3px solid #0336FF;
    cursor: pointer;
}

.Products-frame {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 107px;
    flex-shrink: 0;
    margin-left: 67px;
    margin-top: 74px;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    text-align: center;

    color: #000;
    font-family: Lato;
    font-size: 31.637px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.983px;
}

.Socials {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 107px;
    flex-shrink: 0;
    margin-top: 41px;
    margin-left: 67px;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    text-align: center;

    color: #000;
    font-family: Lato;
    font-size: 31.637px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.983px;
}

.Post-photo1 {
    width: 100px;
    height: 80px;
    flex-shrink: 0;
    background: url(photos/fota.png);
    background-size: cover;
    background-position: center;
    margin-top: 12px;
}

.Post-photo2 {
    width: 100px;
    height: 80px;
    flex-shrink: 0;
    background: url(photos/mac.png);
    background-size: cover;
    background-position: center;
    margin-top: 12px;
}

.Post-photo3 {
    width: 100px;
    height: 80px;
    flex-shrink: 0;
    background: url(photos/iphone.png);
    background-size: cover;
    background-position: center;
    margin-top: 12px;
}

.Post-photo4 {
    width: 100px;
    height: 80px;
    flex-shrink: 0;
    background: url(photos/watch.png);
    background-size: cover;
    background-position: center;
    margin-top: 12px;
}

.Tipsandtricks-photo {
    width: 783px;
    height: 453px;
    flex-shrink: 0;
    background: url(photos/canyon.png), lightgray 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.Tips-Text1 {
    display: flex;
    width: 284px;
    height: 34px;
    flex-direction: column;
    flex-shrink: 0;
    margin-top: 12px;
    margin-left: 25px;

    color: #000;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.814px;
}

.Tips-Text2 {
    display: flex;
    width: 769.12px;
    height: 123px;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: 25px;

    color: #000;
    font-family: Lato;
    font-size: 31.637px;
    font-style: normal;
    font-weight: 600;
    line-height: 46.983px;
}

.Tips-Text3 {
    display: flex;
    width: 686px;
    height: 150px;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: 25px;

    color: #000;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

.Tips-Content-wrap {
    width: 732px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    margin-top: 30px;
}

.Tips-Vector {
    display: flex;
    width: 18.75px;
    height: 25px;
    flex-shrink: 0;
    float: left;
    clear: both;
}

.Tips-Vector2 {
    display: flex;
    width: 23.264px;
    height: 16px;
    flex-shrink: 0;
    float: right;
    margin-top: -25px;
    margin-right: 130px;
}

.child1 {
    display: flex;
    width: 137px;
    height: 25px;
    flex-shrink: 0;
    margin-left: 30px;
    margin-top: -20px;
}

.child2 {
    display: flex;
    width: 114.299px;
    flex-direction: column;
    flex-shrink: 0;
    float: right;
    margin-top: -25px;
}

.Article-photo1 {
    width: 379px;
    height: 268px;
    flex-shrink: 0;
    margin-top: -5px;


    background: url(photos/car.png);
    background-size: cover;
}

.Article-photo2 {
    width: 379px;
    height: 268px;
    flex-shrink: 0;
    margin-top: -5px;


    background: url(photos/boat.png);
    background-size: cover;
}

.Article-photo3 {
    width: 379px;
    height: 268px;
    flex-shrink: 0;
    margin-top: -5px;


    background: url(photos/world.png);
    background-size: cover;
}

.Article-photo4 {
    width: 379px;
    height: 268px;
    flex-shrink: 0;
    margin-top: -5px;


    background: url(photos/beach.png);
    background-size: cover;
}

.Article-photo5 {
    width: 379px;
    height: 268px;
    flex-shrink: 0;
    margin-top: -5px;


    background: url(photos/city.png);
    background-size: cover;
}

.Article-photo6 {
    width: 379px;
    height: 268px;
    flex-shrink: 0;
    margin-top: -5px;


    background: url(photos/dear.png);
    background-size: cover;
}


.Article-Text1 {
    display: flex;
    width: 284px;
    height: 34px;
    flex-direction: column;
    flex-shrink: 0;
    margin-top: 12px;
    margin-left: 20px;
    margin-top: -2px;

    color: #000;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 33.814px;
}

.Article-Text2 {
    display: flex;
    margin-top: 52px;
    margin-left: 12px;
    width: 370.943px;
    height: 90.876px;
    flex-direction: column;
    flex-shrink: 0;

    color: #000;
    font-family: Lato;
    font-size: 31.637px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.983px;
}

.Article-Content-wrap {
    width: 300px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    margin-top: 30px;
    border: lid solid black;
}

.Order {
    background: url(photos/order.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.Order-text {
    display: flex;
    width: 746px;
    height: 121px;
    flex-direction: column;
    flex-shrink: 0;
    margin-left: 31px;
    margin-top: 13px;

    color: #FFA500;
    font-family: Lato;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 46.983px;
}

.Order-rectangle {
    width: 182px;
    height: 71px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 168px;
    margin-left: 297px;

    border-radius: 8px;
    background: #0336FF;
    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border: none;
    transition-duration: 0.4s;
}

.Order-rectangle:hover {
    background-color: #FFF;
    color: #0336FF;
    border: 3px solid #0336FF;
    cursor: pointer;
}

.Youtube-frame {
    width: 783px;
    margin-top: 62px;
    height: 862px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-left: 76px;
    margin-right: 73px;
}

.Tipsandtricks-frame {
    width: 783px;
    height: 862px;
    flex-shrink: 0;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
    margin-top: 100px;
    margin-left: 76px;
    margin-right: 73px;
}

.Yt-photo {
    width: 783px;
    height: 453px;
    flex-shrink: 0;
    background: url(photos/national.png), lightgray 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.Footer {
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    width: 1440px;
    height: 296px;
    margin-left: auto;
    margin-right: auto;

}

.Footer-informations1 {
    background-color: #FFF;
    border: 1px solid white;
    height: 400px;
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.form-container {
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: center;
    margin-left: 714px;
    margin-right: 397px;
    margin-top: 134px;
    width: 600px;
    margin-top: -75px;
}

.form-container .form-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: blue;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
    width: 201px;
    height: 65px;
    flex-shrink: 0;
    border-radius: 8px;
    float: right;

    color: #FFF;
    text-align: center;
    font-family: Lato;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-container input[type="text"] {
    margin-right: 10px;
    height: 78px;
    width: 330px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 400;
}

.Reader-text {
    width: 474px;
    margin-top: 134px;
    color: #000;
    font-family: Lato;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 176px;
}

.Footer-informations1 hr {
    margin-top: 75px;
}

.photo-logo {
    display: flex;
    width: 149px;
    height: 63px;
    flex-shrink: 0;
    margin-top: 23px;
    margin-bottom: 16px;
    margin-left: 207px;
}

.Footer-informations2 {
    display: flex;
    border: lid solid #464545;
    width: 1440px;
    height: 572px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    background: #464545;
}

.horizontal-line {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 1440px;
    margin-top: -130px;
}

.Footer-information-text1 {
    display: flex;
    width: 337px;
    flex-direction: column;
    flex-shrink: 0;
    margin-top: 40px;
    margin-left: 207px;
}

.Footer-information-text1 p {
    color: #EEE;
    font-family: roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
}

.Footer-information-text2 ul {
    text-decoration: none;
    list-style-type: none;
    font-family: Roboto;
    color: #EEE;
    margin-top: 40px;

}

.Footer-list {
    display: flex;
    gap: 270px;
    font-family: Lato;
    list-style-type: none;
    margin-left: 550px;
    margin-top: -60px;
}

.lista2 {
    margin-left: 192px;
}

.lista1 {
    margin-left: 100px;
}

.footer-end {
    display: flex;
    width: 1200px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.social-photo {
    width: 123px;
    height: 20px;
    flex-shrink: 0;
    margin-left: 83px;
    margin-right: 83px;
    margin-top: 10px;
}

.end-footer-list {
    display: flex;
    list-style-type: none;
    gap: 20px;
    color: #EEE;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-top: 8px;
    margin-left: 100px;
}

.Article-location {
    display: flex;
    list-style-type: none;
    gap: 5px;
    margin-left: -30px;
}

.Article-location2 {
    display: flex;
    list-style-type: none;
    gap: 5px;
    margin-right: 10px;
    margin-top: -35px;
    float: right;
}

.Article-location-wrap {
    margin-top: 138px;
    border: lid solid white;
}

.About-text {
    display: flex;
    margin-top: 152px;
    margin-left: auto;
    margin-right: auto;
    width: 1036px;
    height: 179px;
    flex-direction: column;
    flex-shrink: 0;
    color: white;
    text-align: center;
    font-size: 64px;
    font-weight: 800;
}

#nav-wrapper-About-us-page {
    width: 1438px;
    height: 587px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    background: url(photos/globus.png), 50% / cover no-repeat, rgba(0, 0, 0, 0.70);
    background-size: cover;
    background-position: center;
}

.About-us-page-wrapper {
    width: 1440px;
    height: 4385px;
    background: #EEE;
    margin-left: auto;
    margin-right: auto;
}

.About-us-page-text1 {
    display: inline-flex;
    padding: 8px;
    align-items: flex-start;
    gap: 10px;
    height: 94px;
    width: 505px;
    margin-top: 244px;
    margin-left: 78px;

    color: var(--grey-3, #4E4B66);
    text-align: justify;
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.8px;
}

.About-us-page-text1 span {
    color: var(--orange, #FFA500);
    font-family: Roboto;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.8px;
    text-decoration-line: underline;
}

.About-us-page-text2 {
    width: 640px;
    height: 237px;
    flex-shrink: 0;
    margin-top: 173px;
    margin-right: 70px;
    float: right;
    clear: right;

    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.36px;
}

.About-us-page-text2 p {
    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.36px;
}

.About-us-page-photo1 {
    width: 1300px;
    height: 472px;
    flex-shrink: 0;
    margin-top: 177px;
    margin-left: auto;
    margin-right: auto;
    background: url(photos/friends.png);
    background-size: cover;
    background-position: center;

}

.About-us-page-text3 {
    width: 1299px;
    height: 353px;
    flex-shrink: 0;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;

    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.27px;
}

.About-us-page-text3 p {
    margin-top: 20px;
    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.27px;
}

.About-us-page-text-wrapper {
    width: 1300px;
    height: 1300px;
    margin-left: auto;
    margin-right: auto;
}

.About-us-page-content-wrapper1 {
    display: flex;
    height: 595px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    column-gap: 20px;
}

.About-us-page-content-wrapper2 {
    display: flex;
    height: 595px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    column-gap: 20px;
}

.About-us-page-content1 {
    width: 640px;
    height: 585px;
    margin-top: auto;
    margin-bottom: auto;
}

.About-us-page-content1 p {
    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.27px;
}

.About-us-page-content2 {
    width: 640px;
    height: 585px;
    margin-top: auto;
    margin-bottom: auto;
}

.About-us-page-content2 p {
    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.27px;
}

.About-us-page-content3 {
    width: 640px;
    height: 585px;
    margin-top: auto;
    margin-bottom: auto;
}

.About-us-page-content3 p {
    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.27px;
}

.About-us-page-content4 {
    width: 640px;
    height: 585px;
    margin-top: auto;
    margin-bottom: auto;
}

.About-us-page-content4 p {
    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.27px;
}

.About-us-page-firms-photo {
    width: 1440px;
    height: 232px;
    flex-shrink: 0;
    background: #d9d6d6;
    border: 1px solid #d9d6d6;
    mix-blend-mode: darken;
    margin-top: 100px;
    clear: right;
}

.About-us-page-list {
    display: flex;
    gap: 121px;
    list-style-type: none;
    margin-top: 42px;
    margin-left: 95px;
    margin-right: 137px;
}

.About-us-page-list img {
    width: 205px;
    height: 142px;
    flex-shrink: 0;
}

.Social-container1 {
    display: flex;
    height: 71px;
    width: 391px;
    margin-left: 95px;
    margin-top: 32px;
}

.twitter {
    display: flex;
    border: none;
    background: #60B7FE;
    border-radius: 8px;
    width: 182px;
    height: 71px;
    margin-left: 27px;
}

.twitter svg {
    margin-top: 22px;
    margin-left: 17px;
}

.twitter span {
    width: 43px;
    height: 33px;
    flex-shrink: 0;
    margin-top: 20px;
    margin-left: 21px;
    margin-bottom: 18px;
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 100% */
}

.face {
    display: flex;
    border: none;
    background: #4056AC;
    border-radius: 8px;
    width: 182px;
    height: 71px;
}

.face svg {
    margin-top: 21px;
    margin-left: 27px;
}

.face span {
    width: 43px;
    height: 33px;
    flex-shrink: 0;
    margin-top: 20px;
    margin-left: 33px;
    margin-bottom: 18px;
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 100% */
}

.yt {
    display: flex;
    border: none;
    background: #FE2C3C;
    border-radius: 8px;
    width: 182px;
    height: 71px;
    margin-right: 27px;
}

.yt svg {
    margin-top: 10px;
    margin-left: 7px;
}

.yt span {
    width: 43px;
    height: 33px;
    flex-shrink: 0;
    margin-top: 20px;
    margin-left: 6px;
    margin-bottom: 18px;
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 100% */
}

.insta {
    display: flex;
    border: none;
    background: #E14D93;
    border-radius: 8px;
    width: 182px;
    height: 71px;
}

.insta svg {
    margin-top: 21px;
    margin-left: 15px;
}

.insta span {
    width: 43px;
    height: 33px;
    flex-shrink: 0;
    margin-top: 20px;
    margin-left: 23px;
    margin-bottom: 18px;
    color: #FFF;
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    /* 100% */
}

.Social-container2 {
    display: flex;
    height: 71px;
    width: 391px;
    margin-left: 95px;
    margin-top: 32px;
}

.About-us-page-boxes {
    width: 1210px;
    height: 471px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    gap: 7%;
}

.About-us-page-box {
    width: 349px;
    height: 471px;
    flex-shrink: 0;
    border-radius: 30px;
    box-shadow: 8px 8px 24px 0px rgba(66, 68, 90, 0.3);
}

.box-text1 {
    width: 270px;
    height: 280px;
    flex-shrink: 0;
    color: #000;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.27px;
    margin-left: auto;
    margin-right: auto;
}

.box-text2 {
    width: 86px;
    height: 63px;
    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-left: 10%;
}

.box-text2 span {
    color: #000;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0.27px;
}

.wihajster {
    width: 6px;
    height: 32px;
    flex-shrink: 0;
    background: #FFA500;
    margin-top: 10px;
    clear: right;
}

.cosik {
    display: flex;
}

.cosik2 {
    display: flex;
    margin-top: 21px;
}

.wihajster2 {
    width: 2.894px;
    height: 23.643px;
    flex-shrink: 0;
    background: #FFA500;
    margin-top: 3px;
}

#nav-wrapper-Destination-page {
    width: 1438px;
    height: 422px;
    flex-shrink: 0;
    margin-left: auto;
    margin-right: auto;
    background: url(photos/mountain.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.Destination-content-wrapper {
    width: 1440px;
    height: 2950px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
    border: 1px solid white;
}

.Destination-page-text1 {
    display: inline-flex;
    align-items: flex-start;
    font-family: Lato;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    height: 154px;
    width: 636px;
    margin-top: 85px;
    clear: right;
    margin-left: 53px;
}

.Destination-page-text2 {
    margin-top: 58px;
    width: 449px;
    height: 214px;
    flex-shrink: 0;
    color: #000;
    text-align: justify;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    /* 222.222% */
    letter-spacing: 0.36px;
    float: right;
    margin-right: 68px;
}

.Destination-page-list {
    display: flex;
    margin-top: 141px;
    margin-left: 25px;
    width: 1300px;
    list-style-type: none;
    color: #000;
    font-family: Lato;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.Destination-page-list li {
    border: 2px solid #C4C4C4;
    width: 259px;
    height: 88px;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.4s;
}

.Destination-page-list li:hover {
    background: #0336FF;
    color: #FFF;
    cursor: pointer;
}

.Destination-page-items {
    border: 1px solid black;
    margin-top: 104px;
    height: 1510px;
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
}

.Destination-page-item {
    width: 100%;
    height: 30%;
    border: 1px solid black;
    margin-top: 80px;
    display: flex;
}

.nvg {
    border: 1px solid black;
    height: 360px;
    width: 380px;
}

.nvn {
    width: 349.099px;
    height: 302.233px;
    flex-shrink: 0;
    border: 1px solid black;
}