body {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: bold;
  background-color: rgb(12, 12, 12);
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
   overflow-x: hidden;
}

@keyframes SlideUp{
    from{
        opacity: 0.2;
        transform: translateY(300px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}

@keyframes SlideDown{
    from{
        transform: translateY(-2000px);
    }
    to{
        transform: translateY(0px);
    }
}

@keyframes Appear{
    from{
        opacity: 0;
        scale: 0.5;
    }
    to{
        opacity: 1;
        scale: 1;
    }
}

@keyframes SlideRight{
    from{
        transform: translateX(-300px);
    }
    to{
        transform: translateX(0px);
    }
}

@keyframes SlideLeft{
    from{
        transform: translateX(var(--distance, 300px));;
    }
    to{
        transform: translateX(0px);
    }
}

.Icon {
  font-family: 'Material Symbols Outlined';
  font-size: 2.5vh;
  width: 4vh;
  transition: 0.3s;
  font-variation-settings:
    'FILL' 1,
    'wght' 700,
    'GRAD' 0,
    'opsz' 48;
}

.TopPanel {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 14vh;
    background-color: rgb(14, 14, 14);
    border: 4px solid rgb(18, 18, 18);
    z-index: 9999999999999;
}

.MenuButton{
    opacity: 0;
    height: 0;
    width: 0;
}

.Logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Logo img {
    height: 12vh;
    animation: spin 20s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.Name {
    display: flex;
    flex-direction: column;
    justify-content: left;
}

.Name h1 {
    font-size: 4.5vh;
    color: white;
    font-weight: 500;
    border-radius: 100px;
    padding: 1vh;
    padding-left: 3vh;
    padding-right: 3vh;
    background-color: rgb(18, 18, 18);
    border: 3px solid rgb(18, 18, 18);
    transition: 0.8s;
}

.NavTabs {
    width: 40%;
    display: flex;
    justify-content: space-evenly;
}

.NavBtn {
    font-size: 2.5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    border: 0.3vh solid #fd9275;
    padding: 0.8vh;
    padding-left: 1.5vh;
    padding-right: 1.5vh;
    border-radius: 1000px;
    background-color: rgb(31, 31, 31);
    box-shadow: 0 0 30px black;
    transition: 0.3s;
}

.NavBtn:hover {
    border: 0.3vh solid #fe84a3;
    box-shadow: 0 0 20px #fe84a3;
    font-size: 2.7vh;

    .Icon {
        font-size: 2.7vh;
    }
}

.NavBtn:active {
    border: 0.3vh solid #fd9275;
    box-shadow: 0 0 20px #fd9275;
    font-size: 2.4vh;
    color: #fd9275;

    .Icon {
        font-size: 2.4vh;
    }
}

.HomeFrontPage {
    padding-top: 14vh;
    display: flex;
    width: 80%;
}

.HomeFrontPage img {
    width: 40%;
    margin-left: 18vh;
}

.WelcomeDiv {
    display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
    width: 50%;
}


.WelcomeDivInner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.WelcomeDivInner h1 {
    margin: 1vh;
    font-size: 6vh;
    font-weight: 600;
    color: #fd9275;
    background: linear-gradient(180deg, #fd9275, #fe84a3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.WelcomeDivInner p {
    font-size: 2vh;
    color: white;
}

.WelcomeButtonDiv {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.WelcomeButton1 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: bold;
    font-size: 2.5vh;
    border-radius: 1000px;
    padding: 1.6vh;
    padding-left: 2.8vh;
    padding-right: 2.8vh;
    background: linear-gradient(90deg, #fd9275, #fe84a3);
    border: 0;
    transition: 0.2s;
}

.WelcomeButton1:hover {
    box-shadow: 0 0 20px rgb(0, 0, 0);
    cursor: pointer;
    font-size: 2.7vh;
}

.WelcomeButton2 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: bold;
    font-size: 2.5vh;
    border-radius: 1000px;
    padding: 1.6vh;
    padding-left: 2.8vh;
    padding-right: 2.8vh;
    background: linear-gradient(90deg, #3aaeff, #939deb);
    border: 0;
}

.SecondWelcomeDiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 150vh;
}

.SecondHomeDiv {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-evenly;
   width: 50%;
   height: 100%;
}

.StatContainer {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.StatHolderDiv{
    display: flex;
    width: 80%;
    justify-content: center;
    align-items: center;
    height: 13vh;
    background-color: rgb(15, 15, 15);
    border: 3px solid rgb(18, 18, 18);
    box-shadow: 0 0 30px rgb(5, 5, 5);
    padding-left: 6vh;
    padding-right: 6vh;
    border-radius: 3vh;
}

.StatHolderDiv hr{
    opacity: 0;
    width: 0;
}

.StatDiv {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width:30%;
}


.StatIcons {
    background: linear-gradient(180deg, #3aaeff, #939deb);
    color: white;
    font-family: 'Material Symbols Outlined';
    padding: 0.65vh;
    padding-left: 1.1vh;
    padding-right: 1.1vh;
    font-size: 4.5vh;
    transition: 0.3s;
    border-radius: 100%;
    font-variation-settings:
        'FILL' 0,
        'wght' 500,
        'GRAD' 0,
     'opsz' 48;
}

.InStatDiv {
     display: flex;
     flex-direction: column;
     justify-content: center;
      background: linear-gradient(180deg, #3aaeff, #939deb);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.InStatDiv p{
     margin: 0%;
    font-size: 1.8vh;

}

.InStatDiv h1{
     margin: 0%;
     font-size: 4vh;
}

.OurServicesText {
    display: flex;  
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-top: 14vh;
}

.OurServicesText h1{
    margin-top: 8vh;
    color: white;
    font-weight: 500;
    margin-bottom: 0.7vh;
}

.OurServicesText div{
    width: 5%;
    height: 0.5vh;
    background: linear-gradient(90deg, #fd9275, #fe84a3);
    border-radius: 10000px;
}

.ServicesDivContainer {
    display: flex;
    justify-content: space-between;
    align-self: center;
    width: 80%;
    margin-top: 5vh;
}

.ServicesDiv {
    display: flex;
    justify-content: space-evenly;
    align-self: center;
    flex-direction: column;
    width: 16.5%;
    background-color: rgb(19, 19, 19);
    border: 3px solid rgb(26, 26, 26);
    box-shadow: 0 0 20px rgb(8, 8, 8);
    border-radius: 4vh;
    padding: 1.3vh;
    height: 50vh;
     animation: SlideUp linear;
    animation-timeline: view();
    animation-range: entry 0 cover 30%;
}

.ServicesDiv h2 {
    font-size: 3.7vh;
    text-align: center;
    color: white;
}

.ServicesDiv p {
    font-size: 1.8vh;
    text-align: center;
    color: rgb(207, 207, 207);
}

.ServiceIcons {
      background: linear-gradient(180deg, #fd9275, #fe84a3, #939deb, #3aaeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    align-self: center;
    font-family: 'Material Symbols Outlined';
    font-size: 14vh;
    transition: 0.3s;
    margin: 0;
    font-variation-settings:
        'FILL' 0,
        'wght' 350,
        'GRAD' 0,
     'opsz' 48;
}

.FeaturedGetawaysContainer {
    margin-top: 20vh;
    width: 80%;
}

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

.FeaturedText a {
    text-decoration: none;
}

.FeaturedText h1 {
    color: white;
}

.FeaturedText h3{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #fd9275, #fe84a3, #939deb, #3aaeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    transition: 0.3s;
    font-size: 2vh;
}

.FeaturedText h3:hover{
   font-size: 2.2vh;
   .FeaturedArrow{
    font-size: 3.2vh;
   }
}

.FeaturedArrow {

    font-family: 'Material Symbols Outlined';
    font-size: 3vh;
    transition: 0.3s;
    margin: 0;
    font-variation-settings:
        'FILL' 0,
        'wght' 650,
        'GRAD' 0,
        'opsz' 48;
}

.FeaturedContainer {
    width: 80%;
}

.Property {
    width: 30%;
    background-color: rgb(19, 19, 19);
    border: 4px solid rgb(26, 26, 26);
    box-shadow: 0 0 20px rgb(0, 0, 0);
    height: 75vh;
    border-radius: 2.5vh;
      animation: SlideLeft linear;
    animation-timeline: view();
    animation-range: entry 0 cover 30%;
    height: fit-content;
}

.PropertyImgDiv {
    width: 100%;
    height: 28vh;
    object-fit: cover;
     object-position: center;

}

.PropertyImgDiv img{
    object-fit: cover;
     object-position: center;
    width: 100%;
    height: 100%;
     border-radius: 2.5vh 2.5vh 0 0;
}

.PropertyLowerDiv {
    padding: 3%;
    padding-top: 6%;
    margin: 0%;
}


.PropertyLowerDiv h1{
     color: white;
    font-size: 2.3vh;
    margin: 3px;
    font-weight: 600;
    margin: 0%;
}

.PropLocationDiv h3{
    display: flex;
    align-items: center;
    font-size: 1.5vh;
    color: rgb(236, 236, 236);
    font-weight: 400;
    margin: 0%;
}

.PropLocationDiv {
    margin: 0%;
    display: flex;
    justify-content: space-between;
}

.PropLocationDiv h2 {
    background: linear-gradient(90deg, #fd9275, #fe84a3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 2.2vh;
    margin: 0%;
}

.PropertyIcon {
     font-family: 'Material Symbols Outlined';
    font-size: 2vh;
    transition: 0.3s;
    margin: 0;
    font-variation-settings:
        'FILL' 1,
        'wght' 700,
        'GRAD' 0,
        'opsz' 24;
        color: #fe84a3;
}

.PropertyLowerDiv p{
    color: rgb(236, 236, 236);
    font-weight: 400;
    margin-top: 6%;
    font-size: 1.6vh;
}

.PropertyLowerDiv button{
    font-size: 2vh;
    font-family: "Poppins", sans-serif;
    font-weight: 550;
    padding: 2.3%;
    padding-left: 6%;
    padding-right: 6%;
    border-radius: 1.2vh;
    border: 0;
    background: linear-gradient(90deg, #fd9275, #fe84a3);
    margin-top: 1vh;
    transition: 0.3s;
    cursor: pointer;
}

.PropertyLowerDiv button:hover{
    font-size: 2.2vh;
    box-shadow: 0 0 20px rgb(0, 0, 0);
    cursor: pointer;
}

.FeaturedContainer {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.ConvinsingDiv {
    display: flex;
    width: 80%;
    justify-content: space-between;
    margin-top: 13vh;
}

.WhyUsDiv {
    width: 45%;
}

.WhyUsText {

}

.WhyUsText h1{
    margin-top: 8vh;
    color: white;
    font-weight: 500;
    margin-bottom: 0.7vh;
}

.WhyUsText div{
    width: 10%;
    height: 0.5vh;
    background: linear-gradient(90deg, #939deb, #3aaeff);
    border-radius: 10000px;
    margin-bottom: 4vh;
}

.WhyUsChecks {
    height: 32vh;
    background-color: rgb(19, 19, 19);
    width: 79%;
    padding: 3vh;
    border-radius: 2vh;
    border: 3px solid rgb(26, 26, 26);
    box-shadow: 0 0 20px rgb(0, 0, 0);
      animation: SlideRight linear;
    animation-timeline: view();
    animation-range: entry 0 cover 30%;
    height: fit-content;
}

.WhyUsChecksText {
    display: flex;
    align-items: center;
    justify-content: left;
}

.WhyUsChecksText span{
     font-family: 'Material Symbols Outlined';
    font-size: 2.5vh;
    transition: 0.3s;
    margin-right: 0.7vh;
    background: linear-gradient(90deg, #939deb, #3aaeff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-variation-settings:
        'FILL' 1,
        'wght' 700,
        'GRAD' 0,
        'opsz' 24;
}

.WhyUsChecksText h3{
    color: white;
    font-weight: 400;
    margin: 2%;
    font-size: 2.05vh;
}

.ReviewDiv {
    width: 60%
}

.GuestText h1{
    margin-top: 8vh;
    color: white;
    font-weight: 500;
    margin-bottom: 0.7vh;
}

.GuestText div{
    width: 7.5%;
    height: 0.5vh;
    background: linear-gradient(90deg, #fd9275, #fe84a3);
    border-radius: 10000px;
    margin-bottom: 4vh;
}

.ReviewsBoxDiv {
    width: 100%
}

.ReviewsBox {
    width: 24%;
    height: 32vh;
    background-color: rgb(19, 19, 19);
    border: 4px solid rgb(26, 26, 26);
    box-shadow: 0 0 20px rgb(0, 0, 0);
    border-radius: 2vh;
    padding: 3%;
    display: flex;
    flex-direction: column;
    align-items: start;
    animation: SlideUp linear;
    animation-timeline: view();
    animation-range: entry 0 cover 30%;
}

.ReviewsBox p{
    color: white;
    font-size: 1.7vh;
    font-weight: 400;
    margin-bottom: 0.8vh;
}

.ReviewsBox span{
    justify-self: right;
     font-family: 'Material Symbols Outlined';
    font-size: 4vh;
    transition: 0.3s;
    color: #fe84a3;
    font-variation-settings:
        'FILL' 1,
        'wght' 700,
        'GRAD' 0,
        'opsz' 24;
    transform: scale(-1,-1);
    -moz-transform: scale(-1,-1);
    -webkit-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
}

.ReviewRating {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 12vh;
}

.ReviewRating span {
     font-family: 'Material Symbols Outlined';
    font-size: 2.8vh;
    transition: 0.3s;
    margin-right: 0.8vh;
    margin-left: 0.8vh;
    color: #fe84a3;
    font-variation-settings:
        'FILL' 1,
        'wght' 700,
        'GRAD' 0,
        'opsz' 24;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}

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

.StaffImgHolder {
    width: 90%;
}

.StaffImgHolder img{
    width: 100%;
    animation: Appear linear;
    animation-timeline: view();
    animation-range: entry 0 cover 40%;
}

.Pre-Footer {
    background-color: rgb(19, 19, 19);
    border: 4px solid rgb(26, 26, 26);
    box-shadow: 0 0 20px rgb(0, 0, 0);
    animation: SlideUp linear;
    animation-timeline: view();
    animation-range: entry 0;
}

.Footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 85.6%;
    height: 40vh;
    padding-left: 7%;
    padding-right: 7%;
    padding-top: 3vh;
    justify-self: left;
    align-self: flex-start;
}

.StarterFooter {
    height: 100%;
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.StarterFooter p {
    font-size: 2vh;
    color: rgb(204, 204, 204);
    font-weight: 400;
    margin: 0%;
}

.StarterFooterImg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.StarterFooterImg img{
    width: 25%;
}

.StarterFooterImg h3{
    color: white;
    font-size: 2.6vh;
    font-weight: 500;
}

.MediaDiv {
    margin-top: 3vh;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 80%;
    height: 10vh;
    align-self: flex-start;
}

.Contact {
    width: 15%;
}

.Contact img{
    width: 6vh;
    border-radius: 100%;
    border: 4px solid rgb(26, 26, 26);
    box-shadow: 0 0 10px rgb(0, 0, 0);
    transition: 0.3s;
}

.Contact img:hover{
    width: 6.2vh;
    border-radius: 100%;
    border: 4px solid rgb(26, 26, 26);
    box-shadow: 0 0 15px rgb(0, 0, 0);
    transform: rotate(10deg);
}

.QuickLinks {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    margin-bottom: 6vh;
}

.QuickLinks h1 {
    color: white;
    font-weight: 600;
    font-size: 4vh;
}

.QuickLinks a {
    color: rgb(173, 173, 173);
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 1vh;
    font-size: 2vh;
}

.ContactFooter {
     display: flex;
    flex-direction: column;
    margin-bottom: 3.5vh;
}

.ContactFooter h1 {
    color: white;
    font-weight: 600;
    font-size: 4vh;
}

.ContactFooter h3 {
    color: white;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 1vh;
    font-size: 2vh;
    margin: 1.3vh;
    text-align: center;
    display: flex;
    align-items: center;
}

.ContactIconsFooter {
     font-family: 'Material Symbols Outlined';
    font-size: 2.8vh;
    transition: 0.3s;
    margin-right: 0.8vh;
    margin-left: 0.8vh;
    color: #fe84a3;
    font-variation-settings:
        'FILL' 1,
        'wght' 700,
        'GRAD' 0,
        'opsz' 2;
}

.BusinessHours {
      display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    margin-bottom: 3.5vh;
}

.BusinessHours h1 {
    color: white;
    font-weight: 600;
    font-size: 4vh;
}

.BusinessHours h3 {
    color: white;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 1vh;
    font-size: 2vh;
    margin: 1.3vh;
}

.copyrightDiv {
       display: flex;
       justify-content: space-between;
       align-items: center;
       width: 90%;
       margin-left: 5%;
       margin-right: 5%;
       margin-top: 2%;
       margin-bottom: 1%;
}

.copyrightDiv p {
    color: white;
    font-weight: 300;
    font-size: 1.5vh;
}

.Pre-Footer hr{
    opacity: 0.5;
}

@media (max-width: 600px){
    .Name {
        width: 100%;
    }

    .Name h1{
        font-size: 4vw;
        width: 100%;
    }

    .HomeFrontPage img{
      width: 10%;
    }

    .NavBtn {
        display: none;
        width: 0;
        height: 0;
    }

    .NavTabs {
        display: none;
        width: 0;
        height: 0;
    }

    .TopPanel {
        justify-content: left;
        align-items: center;
        height: 11vh;
    }

    html, body {
        overflow-x: hidden;
        width: 100%;
        position: relative;
    }

    .Logo {
        width: 70%;
    }

    .Logo img{
        height: 9vh;
        margin-left: 3vw;
    }

    .MenuButton{
         opacity: 1;
        text-decoration: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 21.5%;
    }

    .MenuButton span{
         font-family: 'Material Symbols Outlined';
        font-size: 4.1vh;
        transition: 0.3s;
        margin-right: 0.8vh;
        margin-left: 0.8vh;
        color: white;
        font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 48;
    }

    .WelcomeButtonDiv {
        width: 100%;
    }

    .WelcomeDivInner h1{
        font-size: 4vh;
        text-align: center;
    }

    .WelcomeDivInner p{
        font-size: 1.7vh;
        text-align: center;
    }

    .WelcomeDivInner {
        width: 100%;
    }

    .WelcomeDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .WelcomeDiv 

    .HomeFrontPage {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .HomeFrontPage img{
        display: none;
        width: 0;
        height: 0;
    }

    .StatContainer {
        margin-top: 7vh;
         width: 100%;
         flex-wrap: wrap;
         margin-bottom: 0;
    }

    .StatDiv {
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
         margin-top: 0;
        margin-bottom: 0;
    }

    .InStatDiv h1{
        font-size: 3vh;
         margin-top: 0;
        margin-bottom: 0;
    }

    .InStatDiv p{
        font-size: 1.5vh;
         margin-top: 0;
        margin-bottom: 0;
    }

    .StatIcons {
        font-size: 3vh;
        margin-right: 2vh;
        margin-left: 3vh;
         margin-top: 0;
        margin-bottom: 0;
    }

    .StatHolderDiv{
         flex-wrap: wrap;
         display: flex;
         justify-content: left;
         align-items: center;
         height: 73vh;
         padding: 0%;
         border: 5px solid rgb(26, 26, 26);
    }

    .StatHolderDiv hr{
        width: 80%;
        opacity: 1;
        margin-top: 0;
        margin-bottom: 0;
        border-top: 1px solid rgb(20, 20, 20);
        background-color: rgb(20, 20, 20);
    }

    .OurServicesText h1{
        font-size: 3vh;
        margin-top: 0vh;
        color: white;
        font-weight: 500;
        margin-bottom: 0.7vh;
    }

    .OurServicesText {
        margin-top: 5vh;
    }

    .ServicesDivContainer {
        flex-wrap: wrap;
        justify-content: center;
        width: 90%;
    }

    .ServicesDiv {
        width: 35%;
        height:36vh;
        margin-right: 1.5vh;
        margin-bottom: 1.5vh;
        border: 6px solid rgb(26, 26, 26);
    }


    .ServicesDiv h2{
        font-size: 1.8vh;
        font-weight: 500;
    }

    .ServicesDiv p{
        font-size: 1.3vh;
        font-weight: 500;
    }

    .FeaturedGetawaysContainer {
        margin-top: 2vh;
        width: 90%;
    }

    .FeaturedText h1{
    font-size: 2.4vh;
    }

    .FeaturedArrow {
        display: none;
        width: 0;
        height: 0;
    }

    .FeaturedText h3 {
        font-size: 0
    }

    .FeaturedText h3::after {
        font-size: 1.5vh;
        content: "View All";
    }

    .Property {
        width: 100%;
        height: fit-content;
    }

    .Property:nth-child(2), .Property:nth-child(3) {
       display: none;
       width: 0;
       height: 0;
    }

    .ConvinsingDiv {
        flex-direction: column;
        margin-top: 2vh;
    }

    .WhyUsDiv {
        width: 100%;
    }

    .WhyUsText {

    }

    .WhyUsText h1{
        font-size: 3vh;
    }

    .WhyUsChecksText h3 {
        text-overflow: clip; /* Reverts ellipsis */
        white-space: normal; /* Allows text to wrap onto new lines */
        overflow: visible; /* Shows overflowing content */
    }

    .WhyUsChecks {
        width: 85%;
        height: fit-content;
        animation: none;
    }

    .ReviewsBoxDiv {
        width: 100%;
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory; /* Tells parent to snap horizontally */
        box-shadow: 0 0 30px black;
    }

    .ReviewsBox {
         flex: 0 0 91%;                /* Full width card example */
        scroll-snap-align: start; 
        width: 91%;
        margin-right: 3vh;
        box-shadow: 0;
    }

    .ReviewDiv {
        width: 100%;
        align-items: flex-end;
        justify-content: right;
    }

    .StarterFooter {
        width: 100%;
    }

    .GuestText h1 {
        font-size: 3vh;
        align-items: flex-end;
        justify-content: right;
    }

    .StaffImgHolder img{
        content: url("Images/StaffImgPhone.png");
        animation: 0;
    }

    .MediaDiv {
        width: 100%;
    }

    .QuickLinks {
        display: none;
        width: 0;
        height: 0;
    }

    .ContactFooter {
        display: none;
        width: 0;
        height: 0;
    }

    .BusinessHours {
        display: none;
        width: 0;
        height: 0;
    }

    .NavTabs {
        
    }

    .copyrightDiv {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
    }

    .copyrightDiv p{
        width: 80%;
        text-align: center;
    }
}