body {
   font-family: "Playfair Display", serif;
}

.parallaxPackageBody {
    /* The image used */
    background-image: url("../images/evertopresort/packages-bg.webp") !important;
  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.f-and-q-boxes{
    /*max-width: 24rem;*/
    margin:2%;
    margin-top:0px;
    margin-left:0px;
    background-color:#212529f5!important;
}

.fixed-image {
    z-index:99999;
    position: fixed;
    top: 500px; /* Adjust as needed */
    right: 20px; /* Adjust as needed */
    width: 200px;
    height: 200px;
    /*box-shadow: -1px 5px 10px #121617eb;*/
}


@keyframes colorChange {
/*  0% {
    color: #212529;
  }
  50% {
    color: #0c2461;
  }
  100% {
    color: #c0392b;
  }*/
   0% {
      background: linear-gradient(to right, #ff6b81, #fad390);
    }
    50% {
      background: linear-gradient(to right, #6a89cc, #fd79a8);
    }
    100% {
      background: linear-gradient(to right, #b8e994, #f8c291);
    }
}

.animated-text {
  animation: colorChange 8s infinite;
}

.navbar-toggler {
    margin:4%;
}

.subscription-tf {
    margin-bottom: 2%;
}

#subscribe-btn {
    margin-top: 1.5%;
}

.error {
    border: 2px solid #c0392b;
}

.error:focus {
    border: 2px solid #c0392b;
}

.subscription-email-tf {
    margin-left: 0%;
    margin-bottom: 2%;
}

.subscription-instructions {
    background-color: #212529;
    padding: 2%;
    text-align: justify;
    line-height: 225%;
}

 #preLoaderLogin {
     height: 100vh;
     position: absolute;
     background-color: #ffffffb2;
     width: 100%;
     z-index: 99999;
     /* display: none; */
 }

 .ajax-loader {
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     /* presto! */
 }

 .bg-light {
     background-color: #273E47 !important;
     
     color: #fff;
 }

 .ccv{
     color: #fff !important;

 }


 .topActiveContent {
     border-radius: 6px;
     background: #c0392b;
     color: #fff !important;
 }




 .mainFooter {
     position: fixed;
     bottom: 0;
     background: #000;
     width: 100%;
     text-align: center;
     color: #fff;
     font-style: italic;
     font-weight: inherit;
     z-index: 99999;
     padding:1%;
 }

 .dropdown ul {

     background: #212529;
 }

 .mainMarginPaddingZero {

     margin: 0;
     padding: 0;
 }
 .aboutHomeStyle{

    background: #c0392b;
  padding: 30px;
 }

 .aboutHomeStyle {
     /* The image used */
     background-image: url("../images/background/about-us.webp") !important;
   /* Set a specific height */
   min-height: 500px;

   /* Create the parallax scrolling effect */
   background-attachment: fixed;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;

 }


 .aboutHomeStyle h1 {
     color: #212529 !important;
     text-align: center;
     /* border-bottom: 1px solid #000; */
     font-size: 80px;
 }

 .aboutHomeStyle p {
     text-align: justify;
     padding: 50px;
     background: #f2f1ef;
     border-radius: 25px;
 }

 .aboutStyle h1 {
     color: #212529;
     text-align: center;
     /* border-bottom: 1px solid #000; */
     font-size: 80px;
 }



 .aboutStyle p {

     text-align: justify;
     padding: 50px;
     background: #c0392b;
 }

 .valuesStyle .mainStyle {
     color: #212529;
     text-align: center;
     /* border-bottom: 1px solid #000; */
     font-size: 80px;
 }

 .valuesStyle .mainStyleP {

     text-align: center;
 }

 .valuesStyleSub {

     /* background: #212529; */
     color: #fff;
     margin: 10px 0px;
 }

 .mainContentStyle {

     /* margin-bottom: 120px; */
 }

 .valuesDiv {

     padding: 10px;
     border: 1px solid #fff;
     margin: 50px;
     text-align: center;
     background-color: #00000029;
     border-radius: 20px;
     margin-bottom: 0px;
 }

 .valuesDiv img {
     padding: 25px;
     width: 100%;
 }

 /* .valuesDiv:hover {
    color: #fff;

     background-color: #000;
 } */

 .valuesDiv h1 {
     background: #435;
     padding: 10px 5px;
     margin: 20px;
 }

 .valuesDiv p {
    color: #000;

     text-align: justify;
     margin: 25px;
 }

 .missionStyle h1 {

     color: #212529;
     text-align: center;
     /* border-bottom: 1px solid #000; */
     font-size: 80px;
 }

 .recentPanelServicesImage {

     width: 100%;
     height: 100%;
     border-bottom-left-radius: 20px;
     border-top-left-radius: 20px;
     box-shadow: 6px 2px 5px #121617eb;
 }

 .missionMainContent p {
     padding: 25px;
     color: #fff;
 }


 .serviceMainConStyle p {
     text-align: justify;
     padding: 50px;
     background: #c0392b;
     height: 419px;
     
 }

 .serviceMainConStyle h1 {
     color: #212529;
     text-align: center;
     /* border-bottom: 1px solid #000; */
     font-size: 80px;
 }
.mainNDISContentStyleLevel1{
    padding: 60px 0px;
    background-color: #212529;
    margin: 0px;
}
 .ndisContentStyle {

     margin: 10px;
  display: flex;
     padding: 25px;
     color: #fff;
 }


 .packagesHomeStyle h1 {
     color: #212529;
     text-align: center;
     /* border-bottom: 1px solid #000; */
     font-size: 80px;
 }


 .packagesHomeStyle .mainContentP {

     text-align: justify;
     padding: 50px;
     background: #c0392b;
 }

 .ndisContentStyle div p {

     padding: 10px 20px;
 }

 .ndisContentStyle div img {

     width: 350px;
 }

 .mainDDD {

     margin: 0px;
    
     color: #fff;
     padding: 55px;

 }


 .contactDiv {

     /*background: #212529;*/
     margin: 0px;
     color: #212529;
     padding: 15px;
 }

 .bottomContent {
     margin-bottom: 35px;
 }

 .bottomSpan {

     font-size: 25px;
     border-bottom: 1px solid #fff;
 }

 .bottomH6 {
     font-weight: bold;
     font-size: 20px;
 }

.ndisContentStyleLevel3{

    margin: 50px 0px;
}

.missionMainContent {
    margin: 15px 0px !important;
    border-radius: 20px;
    margin-bottom: 2.5% !important;
    margin-top: -1% !important;
    background-image: url("../images/background/latest-packages.webp") !important;
}

.dogsContent{
    margin: 0px;
    background: #00000059;
}

.allTextWhite{

    color: #fff !important;
}


.headerAllTextStyle{

    text-transform: uppercase;
}

.mainServiceContent p{

    color: #fff !important;
}

.NDISLevelContent p{

    color: #fff !important;
}

.aboutMainContentLevel1{

    background: #c0392b;
    padding: 30px;
    border-radius: 20px;
}

.aboutMainContentLevel1 p{
      background: #fff;
      color: #000 !important;
      margin-bottom: 0px;
      border-radius: 20px;
      border-bottom-right-radius: 0px;
      border-bottom-left-radius: 0px;
}


/* .mainServiceContent2 p{

    color: #fff !important;
} */

.topStyleContent3{
     background: #181818c4;
     padding: 10px;
     margin-top: 3%;
     box-shadow: 7px 6px 10px 2px #121617eb;
     border-radius: 16px;
}

.sliderContent{
    position: absolute;
    color: #fff;
    z-index: 9992;
    top: 16%;

    width: 100%;
}

.fixed-top{
 z-index: 99999;
}

.conType1{
    display: flex;
    /*background: #0f11138f;*/
    /*padding-left:7%;*/
}

.conType1 div{
     /*padding:10px;*/
}

.rightContentDiv{
    display: flex;
    background: #c0392bb8;
    padding: 10px;
    margin-bottom: 12px;
    box-shadow: 3px 6px 5px #121617eb;
    cursor: pointer;
}

.rightCText{
    text-align:right;
    width:29%;
}
.rightStyle1{
    width:69%;
}

.rightMainStyle22{
    overflow-y: scroll;
    height: 400px;
}

.findStyle{
    margin-top: 11px;
    padding: 0px;
}
.adventureLogo{
    width:20px;
    height:20px;
}

.topAdventureTopBox{
        display: flex;
        background: #273E47;
        width: 100%;
        height: 150px;
        background-size: 100% auto;
}

.topAdventureLinkBox{
        display: flex;
        background: #2c3e50;
        /* width: 73%; */
        padding: 10px;
        width: 100%;
}
.topAdventureLinkBox a{
    margin-left: 10px;
}

.topLevelOne{
    width:80%;
    padding: 0px;
}

.topLevelTwo{
    width:20%;
    padding: 10px;
}

.topLevelTwo h6{
    text-align: right;
    color: #fff;
    padding: 10px;
    padding-top: 0px;
    padding-right: 0px;
}

.topContentLevelOne{
   /* background-color: #1f1f2257;*/
    display:flex;
    color: #fff;
}

.topContentLevelTwo{
   /* background-color: #1f1f2257;*/
    display:flex;
    padding: 0px 0px 0px 10px;
}



.adventureHighlightsDurationText{
    font-size:13px;
}

.customizedAnchorTag{
    text-decoration: none;
    color: #fff;
}

.customizedAnchorTag:hover{
    color: #fff;
    text-decoration: underline;
}

.footerCustomizedAnchorTag{
    text-decoration: underline;
    color: #fff;
}

.footerCustomizedAnchorTag:hover{
    color: #fff;
    text-decoration: underline;
}

.specialAboutImg{
    padding-left: 10px;
    padding-top: 10px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px;
}

.mainTopAdventureContent{
 /*   padding: 10px !important;*/
 margin-bottom: 28px;
}

.mainRecentPanelServicesContent{
    padding: 10px !important;
}

.topAdventureNameDiv{
    padding: 10px 0px 0px 10px;
}

.topPackagesText{
    color:#fff;
    padding-left:10px;
}
.topAdventureNumberOfPackages{
    color:#fff;
}


/*#recentPackages {

        background: #fff;
        padding: 10px;
        margin-left: 10px;
        height: 100%;
        color: #000;
        overflow-y: scroll;
        max-height: 328px;
        margin-left: 30px;

}*/

.styleLevelOne{
    display: flex;
    width: 100%;
    background: #1f1f22a1;
    height: 63px;
    cursor: pointer;
}


.mainPackage{
    display:flex;
   /* height:135px;*/
   margin-bottom: 32px;
}

.mainServicePanelServices{
    display:inline;
  /*  height:135px;*/
   margin-bottom: 32px;
}

.linkIconServices{
    margin-right: 8px;
    width:20px;
    height:20px;
}

.leftDivPackagesContent{
    width:100%;
    background-color:#A4243B;
    padding: 15px;
    box-shadow: 0px 6px 10px #121617eb;
    cursor: pointer;
    height: 180px;
}

.leftDivPackagesContent4{

 height: 250px !important;
}

.rightDivPackagesContent{
    width:100%;
    background-color:#c0392b00;
    padding: 10px;
}

.serviceMainImage{
    width:46%;
}
.packagesRightContent{
    width:100%;
    height: 440px;
    overflow:hidden;
    overflow-y: scroll;
}
.leftDivPackagesContent h1{
    font-size: 20px;
    color: #fff;
    text-align: left;
}
.rightDivPackagesContent h2{
    font-size:15px;
    color: #fff;
    background-color:#c0392bd9;
    padding:2%;
    margin:0;
}

.rightDivPackagesContent h6{
    font-size:14px;
    color: #fff;
    background-color:#c0392bd9;
    padding:2%;
}

.leftDivPackagesContent span{
    color: #fff;
      font-size: 15px;
}

.homeOffer {
    display: flex;
    background: #c0392bb8;
    padding: 10px;
    margin-bottom: 12px;
    box-shadow: 3px 6px 5px #121617eb;
    width: 18%;
    margin: 1%;
    cursor: pointer;
    border-radius: 8px;
}

.homeNetworkTypeServices {
    display: flex;
    background: #c0392bb8;
    padding: 10px;
    margin-bottom: 12px;
    box-shadow: 3px 6px 5px #121617eb;
    width: 100%;
    margin: 1%;
    cursor: pointer;
    border-radius: 8px;
}

.homeOfferIconDiv{
    width:60%;
}

.adventureMainDivContentAll{
/*padding:10px;*/
}

#topAdventureSection{
    margin:10px;
    margin-top: 28px;
}


.packagesContentStyle{
margin-top:110px;
}


.recentPackagesAdventureName{
    cursor: pointer;
}


#loginSignInButton, #loginErrorLabel{

    margin-top: 15px;
    margin-bottom: 0px;

}

#subscribeContainer{
   color: #fff !important;
       background-image: url("../images/evertopresort/subscribe-bg.webp");
       background-repeat: no-repeat;
       background-size: cover; /* Optional: Adjust the background size */
       padding: 14%;
       padding-top: 2%;
       padding-bottom: 5%;
       margin-top: 7%;
       margin-bottom: 3%;
       background-attachment: fixed; /* Keeps the background fixed while scrolling */
}

#loginContainer{
    color: #fff !important;
    background-image: url("../images/smm/login.webp");
    background-repeat: no-repeat;
    padding: 14%;
    padding-top: 2%;
    padding-bottom: 5%;
    margin-top: 7%;
    height: 600px;
}


/*
#allAdventureDiv {
    overflow-y: scroll;
}
*/


.footer{

    /*background: #212529;*/
  padding: 30px;
  margin: 36px 12px;
    margin-top: 36px;
  color: #212529;
  margin-top: -22px;
  box-shadow: 0px 1px 3px #121617eb;
}

.footer iframe{

    margin-top: 40px;
}
.footer .form-control{

    margin-bottom: 8px;
}

.topActiveContent1{
    padding: 10px !important;
    background: #c0392b !important;;
    color: #fff !important;
    border-radius: 6px;
}

#whoWeContent p,.specialMainStyle p,.adventureMainContainer2 p{
text-align: justify;

}

.logoContainer {
  display: flex;
  flex-direction: row;
  align-items: center; /* Vertically center the items */
}

.logo-left-align {
  /* Add any styling for the image alignment */
  margin-right: 10px; /* Add margin for spacing */
}

.logo-right-align {
  /* Add any styling for the text alignment */
  text-align: right;
}

.findServiceDiv{
   height:65px;
}

.findButtonSpan{
    height:65px;
    background-color: #c0392b;
    color: #fff;
}

.findButtonSpan:hover{
    height:65px;
    background-color: #7e3c16;
    color: #fff;
}

.mainLogoStyle{
    width: 80px;height: 80px;
    box-shadow: -1px 5px 10px #121617eb;
}

.logoText{

    padding: 3px 12px;
}

.logoTextPart1{
    font-size: 22px !important;
}
.address2Contact{

    padding-left: 50px;

}

#navbarSupportedContent{
    margin-left: 25%;
}

#offerContainer{
   /* text-align: center;*/
}

#offerContainerServices{
   margin-bottom:50% !important;
}

.serviceFindDiv{
   margin-top:1.5%;
}