@charset "UTF-8";*{margin:0;padding:0;font-family:light}@font-face{font-family:light;src:url(/assets/PlayfairDisplay-Regular-BzGjw5Te.ttf) format("OpenType")}@font-face{font-family:normal;src:url(/assets/PlayfairDisplay-Medium-DI_XxBWs.ttf) format("OpenType")}@font-face{font-family:heavy;src:url(/assets/PlayfairDisplay-Bold-D-aclrAg.ttf),format("OpenType")}@font-face{font-family:extra-heavy;src:url(/assets/PlayfairDisplay-ExtraBold-Bec3fj1g.ttf) format("OpenType")}.body{height:100%}.aboutCardBody{height:70vh;width:100%;background-color:#004225;display:flex;align-items:center;justify-content:center;overflow:hidden}.cardBody{height:70%;width:60%;background-color:#00f;display:flex;flex-direction:row}.textBox{background-color:#f5f5f5;width:60%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.cardTitle{font-family:light}.cardText{display:flex;height:30%;width:90%}.readMoreButton{justify-self:flex-start;align-self:flex-start;margin-left:1rem}.image{width:100%;height:100%}.poolImg{width:100%;height:100%;filter:contrast(90%)}.aboutBody{height:auto;display:flex;flex-direction:column;width:100%;padding-top:1rem;align-items:center;background-color:#f5f5f5;justify-content:space-between;min-height:250px}.aboutTitle h3{font-family:heavy;color:#004225;font-size:1.5em}.aboutSection{width:50%;text-align:center;font-size:1.1em}.findUs{display:flex;align-items:flex-end;margin-bottom:1rem}.findUs h3{font-weight:500}.landingBody{width:100%;height:250vh}.mainPhoto{height:35%;width:100%;background-image:url(/images/hotel.jpg);background-repeat:no-repeat;background-position:center;background-size:100%;background-size:cover;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.catchPhrase{display:flex;flex-direction:column;align-items:flex-start;width:30%;height:50%;color:#004225}.box{display:flex;flex-direction:column;background-color:#ededed;width:80%;min-height:160px;max-width:350px;min-width:30%;padding:1rem;opacity:.9;max-height:250px}.box h1{padding:1rem;font-family:normal}.para{padding-left:1rem;padding-right:1rem;margin-bottom:1rem;display:flex;color:#000}.offerCard{position:relative;margin-left:1rem;background-color:red;width:20%;height:100%;flex-direction:column;min-height:450px;min-width:150px;width:325px;display:flex;align-items:center;justify-content:center;border-radius:5px;overflow:hidden}.background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:brightness(70%);z-index:0}.insideBox{position:relative;padding:1rem;border:1px solid white;height:80%;width:80%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;color:#fff;z-index:100}.offerCard:hover{transform:scale(1.05);transition:transform .3s ease-in-out;cursor:pointer}.offerCard:hover .background{filter:brightness(50%);transition:filter .3s ease-in-out}.offerCard{transition:transform .3s ease-in-out}.offerCard .background{transition:filter .3s ease-in-out}.offerCard:not(:hover){transform:scale(1)}.offerCard:not(:hover) .background{filter:brightness(70%)}.offerSection{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:50px 0;background-color:#ededed;width:100%;height:80vh}.offerTitle{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;min-height:30%;padding:1rem}.offerTitle h1{font-family:normal}.offerCards{width:98%;display:flex;flex-direction:row;justify-content:space-evenly;margin-bottom:2rem}.offer{font-size:1.1em}.headerBody{position:sticky;top:0;display:flex;flex-direction:column;height:80px;width:100%;background-color:#fff;z-index:99}.logoBody{display:flex;justify-content:center;align-items:center;width:30%}.logoBody a{font-family:light}.navigation{display:flex;flex-direction:row;width:100%}.navUl{display:flex;flex-direction:row;justify-content:space-between;width:80%;list-style:none;align-items:center}.navUl li{display:flex;height:25%;justify-content:center;align-items:center;transition:border .5s ease;border:solid 1px white;padding:.5rem}.navUl li:hover{cursor:pointer;border-left:solid 1px #791b0a;border-right:solid 1px #791b0a}.divider{align-self:center;height:1px;width:90%;background-color:#791b0a}.navBody{display:flex;flex-direction:row;height:100px}.link{text-decoration:none;color:#000}.landingBody2{width:100%;height:80vh;margin-top:1rem}.mainPhoto2{height:100%;width:100%;background-image:url(/images/hotel.jpg);background-repeat:no-repeat;background-position:center;background-size:100%;background-size:cover;display:flex;flex-direction:column;justify-content:start;align-items:flex-end}.catchPhrase2{display:flex;flex-direction:column;align-items:flex-start;width:30%;height:50%;color:#0a7968}.box2 h1{font-family:normal}.box2 h3{text-align:center}.steps{margin-top:1rem;display:flex;justify-content:space-evenly}.steps-number{background-color:#6b0d1e;height:40px;width:40px;display:flex;justify-content:center;align-items:center;border:100%;border-radius:100%}.steps-number.active{background-color:#b28a00}.steps-div{display:flex;flex-direction:column;align-items:center;justify-content:center}.steps-number.completed{background-color:#2a6a4a}.steps-number.completed:hover{cursor:pointer}.text{color:#fff}.line{height:2px;background-color:#e0e0e0;margin-top:20px}.stepperMain{display:flex;flex-direction:column;width:100%;justify-content:space-between}.stepperMain .stepperHeader{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e0e0e0}.step-one-main{display:flex;justify-content:center;align-items:center;height:78vh;position:relative}.background-step-one{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/hotelRoom.jpg);background-size:cover;background-position:center;filter:brightness(50%);z-index:0}.booking-card{display:flex;flex-direction:column;background-color:#fff;width:30%;justify-content:center;align-items:center;height:auto;border-radius:20px;padding:1rem;z-index:10}.booking-card h2{font-family:heavy}.date-picker-div{display:flex;align-self:flex-start;justify-content:space-evenly;width:90%;gap:1rem}.date-picker-label{display:flex;flex-direction:column;width:35%}.date-picker-label label{padding-left:.3rem;font-family:light;font-size:.9em}.date-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:1rem;padding:.675em 6em .675em 1em;background-color:#fff;border:1px solid #caced1;border-radius:.25rem;color:#000;cursor:pointer}.select-parent{display:flex;flex-direction:column;justify-content:space-evenly;min-height:150px;min-width:50%}.select-div{display:flex;flex-direction:column}.custom-select{border-radius:10px;border:none;align-items:center;width:100%}.custom-select label{padding-left:.3rem;font-family:light;font-size:.9em}.custom-select option{font-family:light;font-size:.9em}.custom-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:1.15rem;padding:.675em 6em .675em 1em;background-color:#fff;border:1px solid #caced1;border-radius:.25rem;color:#000;cursor:pointer}.step-one-button-div{width:50%;padding:1rem}.step-one-button{width:100%}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.hotel-card{display:flex;flex-direction:column;background-color:#f5f5f5;padding:1rem;width:451px;height:625px;align-self:center;justify-self:center;border-radius:20px;margin-bottom:1rem}.hotel-card-image-div{width:100%;height:50%;border-radius:20px}.hotel-card-image{width:100%;height:100%;border-radius:20px;filter:brightness(80%)}.hotel-card-info{display:flex;flex-direction:column;padding:1rem;width:80%;height:190px}.book-button-div{justify-content:center;align-items:center;width:100%}.book-button{width:100%}.hotel-card-info h2{font-family:heavy;font-size:1.5em}.hotel-card-info h4{font-family:light;font-size:1em}.hotel-card-price{display:flex;flex-direction:column;align-items:flex-start;padding:1rem;margin-top:1rem}.hotel-card-price h3{font-size:1.5em}.hotel-card-info p{font-size:1em;margin-top:1rem}.hotel-rooms-parent{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;justify-content:space-evenly;justify-self:center;margin-top:1rem}.hotel-rooms-div{display:flex;flex-direction:column;width:100%}.bookable-rooms-div{display:flex;flex-direction:column;align-self:center;width:80%;margin-top:1rem}.bookable-title{display:flex;flex-direction:row;justify-content:center;width:100%;margin-bottom:1rem}.bookable-title h1{font-size:1.5rem;font-weight:600;font-family:light}.rooms{display:flex;flex-direction:row;gap:1rem;width:100%;margin-top:1rem}.no-rooms-available{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:70vh}.no-rooms-available h3{font-size:1.2rem;font-family:light}.change-date-button{margin-top:1rem}.loading{position:absolute;display:flex;width:100%;align-items:center;justify-content:center;flex-direction:column;top:50%}.loading h2{font-size:1.1rem;margin-top:1rem;font-family:light}.loadingscreen-loader{position:relative;background:#0000461a;width:100%;height:4px;max-width:300px}@media only screen and (min-width: 568px){.loadingscreen-loader{margin:1rem auto 0;height:8px}}.loadingscreen-loader span{position:absolute;width:25%;height:100%;left:0;top:0;background:#004225;animation:moveLoader 1.8s cubic-bezier(.6,0,.24,1) normal infinite}@keyframes moveLoader{0%,to{left:75%}50%{left:0%}}.text-field-div{display:flex;align-self:flex-start;width:100%;gap:1rem}.text-field-label{display:flex;flex-direction:column;width:60%}.text-field-label label{padding-left:.3rem;font-family:light;font-size:.9em}.input-field{width:100%;font-size:1rem;padding:.675em 6em .675em .5em;background-color:#fff;border:1px solid #caced1;border-radius:.25rem;color:#000;cursor:pointer}.text-area-div{display:flex;align-self:flex-start;width:100%;gap:1rem}.text-area-label{display:flex;flex-direction:column;width:60%}.text-area-label label{padding-left:.3rem;font-family:light;font-size:.9em}.text-area-field{width:100%;font-size:1rem;padding:.675em 6em .675em .5em;background-color:#fff;border:1px solid #9d9d9d;border-radius:.25rem;color:#000;cursor:pointer;resize:none}.input-field:active{border-color:#ff0d0d}.step-three-main{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}.step-three-card{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;background-color:#f5f5f5;border-radius:10px;padding:1rem;margin-bottom:1rem}.input-fields{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;margin-top:1rem;flex-wrap:wrap}.double-field{display:flex;flex-direction:row;width:100%;align-items:center!important;justify-items:center!important}.center-note{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:80%;margin-top:1rem;margin-bottom:1rem}.step-three-note{width:100%;font-size:1rem;padding:.675em 6em .675em .5em;background-color:#fff;border:1px solid #caced1;border-radius:.25rem;color:#000;cursor:pointer}.button-div{display:flex;justify-content:center;align-items:center;gap:1rem;width:80%;margin-top:1rem}.credential-title{font-size:1.1rem;font-weight:600;font-family:light}.confirm-booking{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.confirm-booking-card{width:70%;display:flex;flex-direction:row;border-radius:10px;box-shadow:0 0 10px #0000001a;background-color:#a3a3a3}.booking-details-card{display:flex;flex-direction:column;width:50%;padding:20px}.booking-details{display:flex;flex-direction:column;width:100%;height:90%}.booking-buttons{display:flex;flex-direction:row;justify-content:space-around;width:100%;padding:20px}.hotel-card-div{display:flex;flex-direction:column;width:50%;padding:20px;height:100%}.booking-hotel-card{width:80%;height:25%}.booking-details label{font-family:light;font-size:1em;margin-top:.5rem}.modal-body{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.modal-header{display:flex;justify-content:space-between;width:100%;padding:.5rem;font-family:light}.modal-content{display:flex;flex-direction:column;width:100%;height:100px}.action-container{border-radius:10px;margin:10px;display:flex;justify-content:center;align-items:center;height:100px;width:150px}.action-container:hover{opacity:.9;cursor:pointer}.action-container:active{opacity:.8}.info-center{display:flex;height:30px;width:100%;justify-content:center;align-items:center;flex-direction:column}.info-center p{margin-bottom:5px}.my-icon{width:24px;height:24px}.action-list{list-style:none;display:flex;width:100%;margin-right:40px}.actions-feed{display:flex;justify-content:start;align-items:center;height:150px;margin-right:20px;padding-left:20px;padding-right:20px;color:#fff;overflow-x:auto;width:100%}aside{float:left;display:flex;flex-direction:column;text-align:center;justify-content:flex-start;width:75px;height:100%;background-color:#004225}.personal-aside{position:relative;left:0%;transition:transform .2s ease-in;transform:translate(-100%);float:left;display:flex;flex-direction:column;text-align:center;justify-content:start;width:75px;height:100%}.personal-aside.show{transform:translate(0)}.empty-aside{background:transparent;padding-top:200px;float:left;display:flex;flex-direction:column;text-align:center;justify-content:start;width:75px;height:80vh}aside p{padding-top:10px;padding-bottom:10px}.inbox-container-write{margin:10px auto;display:flex;height:60px;cursor:pointer;width:60px;justify-content:center;align-items:center;border-radius:20%;color:#fff}.inbox-container-write:hover{background-color:#2a6a4a}.inbox-container{margin:10px auto;display:flex;flex-direction:column;height:60px;cursor:pointer;width:60px;justify-content:flex-end;align-items:center;border-radius:20%}.inbox-container:hover{background-color:#2a6a4a}.inbox-container svg{color:#fff}.inbox-container p{padding-top:0;padding-bottom:10px;font-size:14px}.aside-icons{height:30%;display:flex;justify-content:space-around;flex-direction:column}.personal-header{display:flex;align-items:center;justify-content:space-between;background-color:#000;height:50px}.menu-left{display:flex;align-items:center;justify-content:space-between;padding-left:20px;width:150px}.menu-left svg:hover{cursor:pointer}.menu-left:active svg{border-radius:50%;background-color:#333}.menu-left h1{color:#fff;font-size:medium;font-weight:lighter;font-family:normal}.menu-right{display:flex;justify-content:space-evenly;align-items:center;width:150px}.menu-right p{cursor:pointer;color:#fff;font-size:medium;font-weight:lighter;font-family:normal}.profile-pic{cursor:pointer;background-color:#dbdbdb;border-style:solid;border-color:#fff;width:30px;height:30px;border-radius:50%}.main-body{display:flex;flex-direction:column;height:100vh}.aside-body{display:flex;flex-direction:row}.action-body{width:100%;overflow-x:hidden}.empty-aside{padding-top:200px;float:left;display:flex;flex-direction:column;text-align:center;justify-content:start;width:75px;height:80vh}.logo-div:hover{cursor:pointer}.login-page{height:100vh}.login-area{height:50%;display:flex}.left-picture{width:50%;height:100%;background-color:#fff}.left-picture img{height:100%;width:100%}.right-login-container{width:50%;height:100%;background-color:#f9f9f9}.right-login-container h1{text-align:center;margin-top:20px;margin-bottom:20px;font-family:normal}.login-info-container{display:flex;background-color:#c1c1c1;height:100px}.form{display:flex}.form-container{display:flex;justify-content:center;width:50%;flex-direction:column;padding:20px}.form-container label{width:25%;font-size:12px;font-family:normal}.form-container input{display:inline-block;width:75%;padding:12px 20px;margin:8px 0;box-sizing:border-box;font-weight:500}.form-container button{width:75%;padding:12px 20px;margin:8px 0;box-sizing:border-box;cursor:pointer;font-size:12px;color:#fff;font-family:normal;border:none}.form-container button:hover{opacity:.8}.form-container button:active{opacity:.6}.sign-in-button{background-color:#004225}.need-help-button{background-color:#6b0d1e}.info-box{display:flex;justify-content:center;align-items:center;width:100%;background-color:#000;color:#fff;height:50px}.info-box h3{font-family:normal;font-weight:100;font-size:small}.notice-container{display:flex;justify-content:space-between;align-items:center;height:100%;background-color:#000;color:#fff;margin:5px 10px 5px 105px;border-radius:10px;font-family:normal;font-size:10px;padding:7px}.notice-left{display:flex;align-items:center;justify-content:start}.notice-left p{margin-left:20px}.notice-right{display:flex;align-items:center;justify-content:center}.notice-right button{height:25px;width:27px;background-color:#000;color:#fff;border:none}.notice-right button:hover{cursor:pointer}.schema-container{margin-left:1rem;background-color:#fff;height:400px;margin-right:3rem}.daily-container{border-style:solid;background-color:#fdfdfd;height:100%}.selected-date{display:flex;align-items:center;padding-left:20px;height:50px;font-size:16px;font-weight:300;font-family:normal}.titles{display:flex;justify-content:space-between;padding-left:20px;padding-right:20px;height:30px;font-size:16px;font-weight:300;font-family:normal}.check-in-out-wrapper{display:flex;height:80%;background-color:#fff}.check-in{overflow:auto;max-height:100vh;height:95%;width:50%;border-style:solid;margin-left:20px;margin-right:5px}.check-out{overflow:auto;max-height:100vh;height:95%;width:50%;border-style:solid;margin-right:20px;margin-left:5px}.load-icon{cursor:pointer;display:flex;justify-content:center;align-items:center}.information-card{cursor:pointer;padding:10px;color:#fff;background-color:#2a6a4a;display:flex;justify-content:space-between;align-items:center;margin:7px 10px;font-style:"normal"}.information-card:hover{opacity:.9}.information-card-details{display:flex;justify-content:space-between;align-items:center;width:60%}.schema-list{list-style:none;display:flex}.schema-option.active{background-color:#000}.schema-top-nav{border-top-left-radius:10px;border-top-right-radius:10px;display:flex;color:#fff;height:10%;width:350px;background-color:#313131;opacity:.8;font-size:12px;justify-content:space-evenly}.schema-top-nav div{cursor:pointer;display:flex;justify-content:center;align-items:center;width:300px;border-top-left-radius:10px;border-top-right-radius:10px}.main-booking-details{display:flex;flex-direction:column;justify-self:center;width:90%;border:1px solid black;height:70vh;overflow-x:auto;scrollbar-width:thin}.booking-details-header{display:flex;flex-direction:row;justify-content:space-between;width:100%;min-width:1400px;padding-top:8px;padding-bottom:8px;border-bottom:1px solid black}.header-margin{display:flex;flex-direction:row;justify-content:space-between;width:100%;padding-left:1rem;padding-right:1rem}.header-title{display:flex;flex-direction:row;width:126px;justify-content:center;align-items:center}.drop-down-arrow{display:flex;justify-content:center;align-items:center}.big-header-title{display:flex;flex-direction:row;width:200px;justify-content:center;align-items:center}.header-title p{padding-top:1px}.arrows{display:flex;flex-direction:column}.status-div{background-color:#79b7fa;width:24px;height:24px;border-radius:20px}.status-arrow{display:flex;flex-direction:row;margin-left:1.5rem}.booking-fields{height:70vh;overflow-x:hidden;overflow-y:auto;width:100%;min-width:1400px}.no-data{width:100%;display:flex;justify-content:center;align-items:center;height:100%}.data-form-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:.5rem;padding-bottom:.5rem}.item-title{display:flex;flex-direction:row;width:126px;justify-content:center;align-items:center}.big-item-title{display:flex;flex-direction:row;width:200px;justify-content:center;align-items:center}.item-title p{align-self:center}.my-status-div{width:24px;height:24px;border-radius:20px}.item-date{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.action-buttons{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:126px}.edit-booking{height:100px}.clickable{cursor:pointer}.interaction-button{width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:20px}.interaction-button:hover{cursor:pointer}.action-icon{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff}.edit-note{height:80px;resize:none;padding:.5rem}.edit-note-div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:.5rem;padding-bottom:.5rem}.edit-date{padding-top:1rem;padding-bottom:1rem}.edit-date-picker{width:100%;font-size:1rem;padding:.675em 6em .675em .5em;background-color:#fff;border:1px solid #caced1;border-radius:.25rem;color:#000;cursor:pointer}.updateButton{display:flex;width:100%;justify-content:flex-end}.error{color:red}.personal-booking-div h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;font-family:light}.personal-booking-header{display:flex;flex-direction:row;padding-left:1rem;padding-bottom:1rem;justify-content:space-between;width:90%;min-width:832px;height:60px}.title-and-button{display:flex;flex-direction:row;align-items:center;width:300px;justify-content:space-between}.search-div{display:flex;flex-direction:row;width:350px;align-items:center;justify-content:space-around}.text-input-div{display:flex;flex-direction:row;width:100%;align-items:center}.search-icon{display:flex;width:48px;height:32px;justify-content:center;align-items:center;background-color:#35b8eb;color:#fff;border:3px solid #00a7f4;margin-top:1.4rem;margin-left:2rem}.search-icon:hover{cursor:pointer;background-color:#3cc8ff}.empty-div{display:flex;justify-content:center;align-items:center;color:#fff;margin-top:1.4rem}.clear-button-div{display:flex;width:48px;height:32px;justify-content:center;align-items:center;background-color:#6b0d1e;color:#fff;border:3px solid #6b0d1e;margin-top:1.4rem;margin-left:2rem}.clear-button-div:hover{cursor:pointer;background-color:#b11733}.search-form{display:flex;flex-direction:row;width:100%}.double-field-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.single-field{width:48%}.main-personal-booking-card{width:80%;display:flex;justify-content:center;justify-self:center;height:80vh}.personal-booking-card{background-color:#f5f5f5;border-radius:20px;width:100%;padding:1rem;display:flex;flex-direction:row;box-shadow:0 0 10px #0000001a;min-height:60vh;height:fit-content}h1{font-family:light}.personal-booking-card p{font-size:1.2em}.booker-details{width:40%}.edit-button{margin-top:1rem}.booking-details,.room-details{width:40%}.messenger-pic{background-color:#ebbc66;min-height:40px;min-width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.messenger-pic p{color:#fff;font-size:20px}.message-group-received{display:flex;width:100%;margin-bottom:20px}.message-group-received>div:first-child{margin-top:auto;margin-right:5px}.message-group-received>div:last-child{flex-grow:1}.message-received{max-width:75%;margin:2px 0;display:flex}.message-received:first-child>.message-received-text{border-top-left-radius:20px}.message-received:last-child>.message-received-text{border-bottom-left-radius:20px}.message-received-text{padding:.5rem 1rem;min-height:20px;background-color:#ebebeb;border-radius:4px 20px 20px 4px}.message-received-text p{font-family:sans-serif;font-size:1rem}.message-container{display:flex;flex-direction:column;padding:10px}.message-group-sent{width:100%;text-align:right;margin-bottom:20px}.message-group-sent>div:first-child{margin-top:auto;margin-right:5px}.message-group-sent>div:last-child{flex-grow:1}.message-sent{max-width:75%;margin:2px 0 2px auto;display:flex}.message-sent-text{margin-left:auto;padding:.5rem 1rem;min-height:20px;background-color:#6e3ce6;border-radius:20px;color:#fff}.message-sent-text p{font-family:sans-serif;font-size:1rem}.text-area-wrapper{display:flex;align-items:end;justify-content:center;width:90%;border-radius:5px;padding:25px 25px 30px;position:relative}.text-area-wrapper textarea{width:100%;padding:15px;font-size:18px;font-family:sans-serif;border-color:#d2d2d2;border-radius:5px;outline:none;resize:none;box-sizing:border-box}textarea:is(:focus,:valid){border-width:2px;padding:14px;border-color:#3ea867}textarea::-webkit-scrollbar{width:0px}.submit-textarea{display:flex;justify-content:center;align-items:center;height:40px;width:40px;min-width:40;border-radius:50%;color:#fff;background-color:#000;margin-left:10px;border:none}.submit-textarea:hover{cursor:pointer}.submit-textarea svg{min-width:20px;min-height:20px}.submit-textarea:active{background-color:#3f7058}.messages-aside{background:#2a6a4a;width:15%;min-width:250px;height:100vh}.messages-aside h1{padding-top:10px;padding-bottom:20px;color:#fff;font-family:normal;font-weight:lighter;font-size:16px}.hr-restrict hr{width:80%;margin:0 auto;border:1px solid #ffffff}.chat-grouping{display:flex;align-items:start;justify-content:center;flex-direction:column;margin-bottom:20px}.chat-group-title{display:flex;align-items:center;justify-content:start}.chat-container{display:flex;align-items:center;justify-content:start;width:100%;color:#fff;padding-top:5px;padding-bottom:5px}.chat-container:hover{cursor:pointer;background-color:#3f7058}.messages-aside h2{padding-top:20px;padding-bottom:10px;padding-left:20px;color:#fff;font-family:sans-serif;font-weight:600;font-size:1em}.messages-aside p{font-size:16px;color:#fff;font-family:sans-serif}.online-status{height:15px;width:15px;border-radius:50%;margin-left:20px;margin-right:20px}.user-header{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding-top:10px;padding-bottom:20px;border-bottom:solid .5px #000000}.left-container{display:flex;align-items:center;justify-content:start;padding-left:20px;width:40%}.messages-profile-pic{display:flex;align-items:center;justify-content:center;min-height:50px;min-width:50px;color:#fff;border-radius:50%;background-color:#6392ff}.user-name{margin-left:20px;font-family:normal;font-size:12px}.options{display:flex;align-items:center;justify-content:end;width:10%;margin-right:30px}.options-grey{display:flex;justify-content:center;align-items:center;background-color:#fff;border-style:solid;border-color:#838282;margin-left:5px;margin-right:5px;min-height:30px;min-width:30px;border-radius:50%;cursor:pointer}.options-grey svg{color:#838282}.options-grey:hover{background-color:#838282;border-color:#838282}.options-grey:hover svg{color:#fff}.options-red svg{color:#cd1800!important}.options-red:hover{background-color:#cd1800!important;border-color:#cd1800!important}.options-red:hover svg{color:#fff!important}.header-hr{opacity:.3}.data-body{width:100%;min-height:70vh}.message-header-body{display:flex;flex-direction:row;width:100%}.right-page{height:100%}.messages-area{display:flex;flex-direction:column;justify-content:end;align-items:center;height:90vh;width:100%}.display-messages{width:100%;max-height:90vh;display:flex;flex-direction:column-reverse;overflow-y:auto;scrollbar-width:thin;position:relative}.write-messages{bottom:0;width:100%}.chat-border{opacity:.3;width:95%;margin:auto}.newsLetterBody{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;background-image:url(/images/door.jpg);background-repeat:no-repeat;background-position:center;background-size:contain}.newsHeader{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;height:30%;width:100%}.newsHeaderLogo{margin-top:1rem;width:80%;height:100%;display:flex;justify-content:center;align-items:center}.newsLetterContent{max-width:500px;display:flex;flex-direction:column;align-items:center;margin-top:5rem;padding:1rem;background-color:#f5f5f5;border-radius:20px}.infoContent{max-width:800px;display:flex;flex-direction:column;align-items:center;margin-top:1rem}.languageButtons{min-width:100px;display:flex;flex-direction:row;justify-content:space-around}.flagButton:hover{cursor:pointer}.newsLetterText{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem}.newsLetterText p{font-size:1.5em;text-align:center}@media (max-width: 768px){.newsLetterBody{height:100vh;font-size:1em;width:100%;background-image:url(/images/door.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden}.newsLetterContent{width:90%;padding:1rem;font-size:.8rem}.newsLetterContent h1{font-size:1em}.newsHeader{color:#fff;font-size:.6em;white-space:nowrap}}@media (min-width: 1024px) and (max-width: 1920px){.newsLetterBody{height:100vh;font-size:1.1em;width:100%}.newsLetterContent{width:70%;padding:1rem;font-size:1.1rem}.newsHeader{font-size:.8em}}@media (min-width: 1930px){.newsLetterContent{max-width:700px}}