:root {
--primary_clr: #028090;
--white_clr: #ffffff;
--text_clr: #000000;
--hover-transition: all 0.3s ease-in-out;
}
* {
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
body {
font-family: "Manrope", sans-serif;
letter-spacing: 0.3px;
}
h1,
h2,
h3 {
font-family: "Spinnaker", sans-serif;
}
p {
font-size: 16px;
line-height: 28px;
}
.py-80 {
padding: 100px 0px;
}
.pt-80 {
padding-top: 80px;
}
.pb-80 {
padding-bottom: 80px;
}
.font_40 {
font-size: 40px
}
.font_16 {
font-size: 16px
}
.modal-dialog .modal-body {
padding: 25px;
}
header {
position: absolute;
left: 50%;
top: 0px;
transform: translate(-50%, 0%);
width: 100%;
z-index: 99;
transition: var(--hover-transition); }
header .navbar {
padding: 10px 0px;
}
header.scrolled .navbar {
padding: 4px 0px;
}
header .navbar-brand {
width: 100%;
display: inline-block;
max-width: 240px;
padding: 0px;
color: var(--white_clr);
text-transform: uppercase;
margin: 0px;
}
header .logo-wrapper {
max-width: 540px;
width: 100%;
text-align: center;
}
header .navbar-nav {
column-gap: 15px;
margin-left: 0px !important;
}
header .nav-link {
font-size: 18px;
color: var(--white_clr) !important;
display: flex;
align-items: center;
column-gap: 5px;
}
header .nav-link:focus-visible,
button:focus-visible,
button:focus,
header .navbar-brand:focus-visible {
outline: 0px !important;
box-shadow: none !important;
}
header .nav-link.call-link {
display: inline-flex;
background-color: var(--primary_clr);
border-radius: 50px;
padding: 7px 12px !important;
margin-top: 3px;
}
header .book_btn {
z-index: 9;
padding: 8px 20px;
border-radius: 30px;
border: 1px solid var(--white_clr);
background: transparent;
color: var(--white_clr);
letter-spacing: 0px;
transition: var(--hover-transition);
font-family: "Manrope", sans-serif;
}
header .book_btn:hover {
background-color: var(--white_clr);
color: var(--text_clr);
}
header .navbar-collapse {
flex-direction: column;
align-items: flex-end;
row-gap: 35px;
}
header .navbar>.container {
align-items: flex-start;
}
header.scrolled .navbar>.container {
align-items: center;
}
header.scrolled {
position: fixed;
background-color: #1B1B1BE6;
}
header.scrolled .navbar-nav {
display: none;
} .home_banner {
position: relative;
overflow: hidden;
}
.hero-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.banner_content {
position: relative;
z-index: 2;
} .main_banner { background-image: url(//smokieschaletescapes.com/wp-content/themes/smokieschaletescape/assets/images/banner-img.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: 0% 30%;
height: 100vh;
position: relative;
display: flex;
align-items: flex-end;
padding-bottom: 50px; }
.main_banner:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.35);
}     .banner_services {
display: flex;
align-items: center;
column-gap: 30px;
flex-wrap: wrap; text-align: center;
justify-content: center;
margin-bottom: 10px;
}  .banner_services .service_count {
font-size: 20px;
font-weight: bold;
}
.banner_services p {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 3px;
margin-bottom: 0px;
}
.primary_btn {
background-color: var(--primary_clr);
z-index: 9;
padding: 15px 40px;
border-radius: 30px;
border: 1px solid var(--primary_clr);
color: var(--white_clr);
transition: var(--hover-transition);
font-size: 15px;
line-height: 20px;
font-weight: 600;
text-transform: capitalize;
font-family: "Manrope", sans-serif;
}
.primary_btn:hover {
opacity: 0.85;
}
.cta_wrapper .cta_content {
max-width: 732px;
margin-inline: auto;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 10px;
}
.cta_wrapper .cta_content p {
font-size: 18px;
line-height: 35px;
font-weight: 500;
margin-bottom: 0px;
}
.cta_wrapper .cta_content .primary_btn {
margin-top: 10px;
}
.section_heading {
display: inline-block;
font-size: 40px;
line-height: 50px;
text-transform: uppercase;
color: var(--primary_clr);
font-weight: 700;
position: relative;
padding-bottom: 10px;
margin-bottom: 15px;
}
.section_heading::before {
content: '';
position: absolute;
left: 50%;
bottom: 0px;
transform: translate(-50%, -50%);
width: 54px;
height: 2px;
background-color: currentColor;
}
.photo_gallery .filter_option {
display: flex;
flex-direction: column;
row-gap: 20px;
margin: 0px 0px;
}
.photo_gallery .filter_upper {
display: flex; justify-content: flex-start;
column-gap: 10px;
font-size: 18px;
line-height: 30px;
max-width: 1100px;
width: 100%;
margin-inline: auto;
}
.photo_gallery .filter_upper ul {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 15px;
margin-bottom: 0px;
}
.photo_gallery .filters li {
cursor: pointer;
}
.filter_upper ul li.active {
position: relative;
font-weight: 600;
}
.filter_upper ul li.active::before {
content: '';
position: absolute;
left: 0px;
bottom: -3px;
width: 100%;
height: 2px;
background-color: var(--primary_clr);
}
.photo_gallery .filter_upper span {
font-weight: 700;
}
.photo_gallery .gallery-img {
width: calc(33.333% - 12px);
overflow: hidden;
padding: 5px;
aspect-ratio: 1/1;
}
.photo_gallery .gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.photo_gallery .gallery-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--hover-transition);
}
.no-result {
display: none;
text-align: center;
padding: 20px;
font-size: 25px;
font-weight: 600;
text-transform: uppercase;
}
.filter_btn {
display: none;
}
.fancybox__carousel {
padding: 70px 0px;
}
.fancybox__backdrop {
background: rgba(0, 0, 0, .8);
}
.video_text_grid {
background-color: #f7f5f5;
}
.video_text_grid .video_heading {
font-size: 40px;
line-height: 50px;
font-weight: 700;
color: var(--primary_clr);
}
.video_text_grid .video_text {
padding-right: 35px;
}
.video_text_grid .video_wrapper {
border-radius: 10px;
overflow: hidden;
}
.video_text_grid .video_wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial_review {
background: linear-gradient(140deg, #025e73 0%, #018fa5 100%);
color: var(--white_clr);
}
.testimonial_slider {
width: 80%;
margin-inline: auto;
text-align: center;
padding-inline: 20px;
}
.testimonial_slider .testi_desc {
font-size: 18px;
}
.testimonial_slider .review_star {
display: flex;
align-items: center;
column-gap: 15px;
justify-content: center;
font-size: 20px;
}
.testimonial_slider .testi_img {
width: 100px;
height: 100px;
margin: 30px auto;
border-radius: 50%;
overflow: hidden;
}
.testimonial_slider .testi_img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial_slider .testi_title {
font-size: 30px;
line-height: 30px;
margin-bottom: 0px;
}
.custom-arrow {
color: var(--white_clr) !important;
width: 45px;
height: 45px;
transition: var(--hover-transition);
border-radius: 50%;
}
.custom-arrow:hover {
background-color: #014b57;
}
.custom-arrow::before {
display: none;
}
.custom-arrow i {
font-size: 22px;
}
.location_map {
margin-top: 15px;
}
.form-control {
padding: 10px 20px;
font-family: "Manrope", sans-serif;
}
.form-control:focus {
box-shadow: none;
outline: none;
border: 1px solid var(--primary_clr);
}
.form_wrapper form {
row-gap: 5px;
}
.form_wrapper form .primary_btn {
padding: 10px 30px;
margin: 10px 0px 0px 40px;
}
.form_wrapper form .form-check {
padding: 20px 35px 20px 45px;
border: 1px solid #dee2e6;
border-radius: 6px;
width: 65%;
display: flex;
align-items: center;
column-gap: 10px;
}
.form_wrapper form .form-check input {
width: 25px;
height: 25px;
}
.form-check-input:checked {
background-color: var(--primary_clr);
border-color: var(--primary_clr);
}
.form-check-input:focus {
border-color: var(--primary_clr);
box-shadow: none;
}
.form_wrapper form .form-check label {
cursor: pointer;
margin-left: 5px;
}
.form-check-input:checked {
background-color: var(--primary_clr);
border-color: var(--primary_clr);
}
.footer_top {
background-color: #151515;
padding: 50px 0px;
color: var(--white_clr);
opacity: 0.9;
}
.modal_link {
background-color: transparent;
color: var(--white_clr);
border: none;
padding: 0px;
font-family: "Manrope", sans-serif;
}
.main-footer .footer_title {
font-size: 20px;
line-height: 30px;
margin-bottom: 0px;
}
.footer_menu_content {
width: 100%;
max-width: 350px;
display: flex;
flex-direction: column;
row-gap: 10px;
align-items: flex-start;
}
.footer_menu_content p {
font-size: 14px;
line-height: 24px;
color: #b9b8b8;
margin-bottom: 5px;
}
.footer_menu_content .modal_link {
font-size: 16px;
line-height: 30px;
color: var(--white_clr);
}
.modal_link i {
font-size: 14px;
margin-left: 3px;
transition: var(--hover-transition);
}
.modal_link:hover i {
margin-left: 7px;
}
.footer_social {
display: flex;
align-items: center;
column-gap: 22px;
margin-bottom: 0px;
margin-top: 30px;
}
.footer_social .social_link {
color: #fff;
opacity: 0.8;
font-size: 24px;
}
.footer_social .social_link:hover {
opacity: 1;
}
.footer_bottom {
background-color: var(--text_clr);
padding: 20px 0px;
}
.footer_bottom * {
font-size: 14px;
color: #b9b8b8;
}
.footer_bottom .footer_payment {
display: flex;
align-items: center;
column-gap: 24px;
justify-content: flex-end;
}
.footer_bottom .payment_cards i {
font-size: 24px;
color: #b9b8b8;
}
button.move_top {
position: fixed;
right: 30px;
bottom: 15px;
background-color: #00000073;
color: #fff;
border: none;
padding: 10px 14px;
border-radius: 5px;
}
.modal_subheading {
font-size: 16px;
line-height: 26px;
font-weight: 600;
}
.modal-body p {
line-height: 25px;
}
.modal-body ul {
margin: 10px 0px;
padding-left: 10px;
list-style: none;
display: flex;
flex-direction: column;
row-gap: 10px;
}
.modal-body ul li {
font-size: 16px;
display: flex;
align-items: baseline;
column-gap: 15px; }
.modal-body ul li i {
font-size: 14px;
}
.modal-body ul li p {
font-size: 14px;
line-height: 20px;
font-weight: 400;
}
.modal-block {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 20px;
}
.modal-block .modal_link {
color: var(--text_clr);
text-decoration: underline;
margin-top: 5px;
text-underline-offset: 2px;
}
.modal-block p {
font-size: 16px;
line-height: 24px;
}
.offer_section {
background-color: var(--primary_clr);
color: var(--white_clr);
}
.offer_section .modal_link {
font-size: 16px;
line-height: 24px;
background-color: var(--white_clr);
color: var(--primary_clr);
border: none;
padding: 8px 20px;
font-weight: 600;
border-radius: 26px;
margin-top: 35px;
font-family: "Manrope", sans-serif;
}
.amenties_grid {
padding: 15px 30px 0px;
}
.amenties_card {
display: flex;
align-items: center;
flex-direction: column;
gap: 15px; padding: 15px 10px;
border-radius: 10px;
justify-content: center;
height: 100%; }
.amenties_card span {
display: inline-flex;
width: 55px;
height: 55px;
align-items: center;
justify-content: center;
border: 2px solid var(--white_clr);
border-radius: 50%;
}
.amenties_card span i {
font-size: 20px;
}
.amenties_card h3 {
font-size: 18px;
line-height: 30px;
font-weight: 600;
margin-bottom: 0px;
text-align: center;
} .about_us {
background-image: url(//smokieschaletescapes.com/wp-content/themes/smokieschaletescape/assets/images/447RH-7.jpeg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.about_us::before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgb(1 38 44 / 70%);
}
.about_text {
max-width: 730px;
margin-inline: auto;
text-align: center;
color: #fff;
z-index: 3;
position: relative;
}
.about_text .primary_btn {
background-color: var(--white_clr);
padding: 13px 35px;
color: var(--primary_clr);
font-size: 16px;
margin-top: 20px;
} .about_text .about_heading {
font-size: 40px;
line-height: 55px;
font-weight: 600;
color: var(--white_clr);
}
.about_img {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.about_img img {
width: 48%;
height: 240px;
object-fit: cover;
border-radius: 10px;
box-shadow: 1px 5px 8px #908d8d;
}
.accordion .accordion-item {
margin-bottom: 15px;
border-radius: 4px;
overflow: hidden;
}
.accordion .accordion-button {
background-color: #f3f3f3c9;
}
.accordion-item:not(:first-of-type) {
border-top: 1px solid #dee2e6;
border-radius: 5px;
overflow: hidden;
}
.accordion-body li {
position: relative;
padding: 0px 0px 10px 20px;
}
.accordion-body li:before {
content: '*';
position: absolute;
left: 0px;
top: 7px;  font-size: 25px;
line-height: 20px;
}
.accordion-button:not(.collapsed) {
color: #ffffff;
background-color: #027d8d;
box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
filter: invert(1);
}
.accordion-button:focus {
box-shadow: none;
}
.coming-soon-text {
padding: 15px;
text-align: center;
display: flex;
align-items: center;
gap: 5px;
position: absolute;
left: 56%;
top: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff9e;
width: 50%;
color: #313030;
justify-content: center;
}
.coming-soon-text h2 {
font-size: 20px;
font-weight: 600;
margin: 0px;
} .full-width {
padding: 0px 50px;
}
header .navbar-brand {
max-width: 350px;
}
.banner_content .banner_heading {
font-size: 30px;
line-height: 40px;
font-weight: 600;
}
.banner_content p {
font-size: 18px;
line-height: 28px;
margin-bottom: 7px;
}
.banner_services .service_count {
font-size: 24px;
}
.banner_content .primary_btn {
padding: 10px 35px;
font-size: 20px;
line-height: 30px;
}
.banner_content {
background-color: #0C0C0CDE;
width: auto;
display: inline-flex;
padding: 25px 35px 25px 35px;
color: var(--white_clr);
position: relative;
z-index: 4;
flex-direction: column;
align-items: center;
text-align: center;
row-gap: 5px;
max-width: 540px;
width: 100%;
} @media only screen and (max-width:1799px) {
header .logo-wrapper {
max-width: 500px;
}
.banner_content {
padding: 20px 20px 20px 20px;
max-width: 500px;
}
}
@media only screen and (max-width:1599px) {
header .logo-wrapper {
max-width: 450px;
}
header .navbar-nav {
column-gap: 8px;
}
header .navbar-brand {
max-width: 280px;
}
header .nav-link {
font-size: 15px;
}
header .navbar-nav {
column-gap: 4px;
}
.banner_content {
max-width: 450px;
width: 100%;
text-align: center;
}
.banner_content .primary_btn {
padding: 8px 30px;
font-size: 18px;
line-height: 28px;
}
.banner_content {
padding: 20px 35px 20px 35px;
}
.banner_content .banner_heading {
font-size: 28px;
line-height: 35px;
font-weight: 600;
margin-bottom: 5px;
}
.banner_content p {
font-size: 14px;
line-height: 24px;
margin-bottom: 7px;
}
}
@media only screen and (max-width:1399px) {
.py-80 {
padding: 80px 0px;
}
header .nav-link {
font-size: 14px;
column-gap: 4px;
}
header .navbar-brand {
max-width: 220px;
}
header .logo-wrapper {
max-width: 350px;
}
header .navbar-nav {
column-gap: 2px;
}
header .nav-link.call-link {
padding: 4px 10px !important;
}
.banner_content .banner_heading {
font-size: 22px;
line-height: 30px;
}
.banner_content p {
font-size: 14px;
line-height: 20px;
margin-bottom: 5px;
}
.banner_services .service_count {
font-size: 20px;
}
.banner_services p {
font-size: 12px;
line-height: 16px;
margin-bottom: 0px;
}
s .banner_services {
column-gap: 20px;
}
.banner_content .primary_btn {
padding: 7px 25px;
font-size: 16px;
line-height: 26px;
}
.banner_content {
width: 100%;
max-width: 350px;
row-gap: 5px;
padding: 15px 15px 15px 15px;
}
.cta_wrapper .cta_content p {
font-size: 16px;
line-height: 30px;
}
.slick-prev {
left: 0px;
z-index: 9;
}
.slick-next {
right: 0px;
z-index: 9;
}
.photo_gallery .filter_upper {
font-size: 16px;
line-height: 24px;
max-width: 1000px;
}
.photo_gallery .filter_option {
row-gap: 14px;
}
}
@media only screen and (max-width:1299px) {
header .logo-wrapper {
max-width: 320px;
}
}
@media only screen and (max-width:1199px) {
header .navbar-brand {
max-width: 200px;
}
header .logo-wrapper {
max-width: 300px;
}
header .nav-link {
font-size: 10px;
column-gap: 2px;
}
.banner_content .banner_heading {
font-size: 18px;
line-height: 25px;
margin-bottom: 2px;
}
.banner_content .primary_btn {
padding: 4px 22px;
font-size: 14px;
line-height: 24px;
}
.banner_content p {
font-size: 10px;
line-height: 14px;
}
.banner_content {
width: 100%;
padding: 15px 15px 15px 15px;
max-width: 300px;
}
.banner_services {
column-gap: 12px;
}
.banner_services .service_count {
font-size: 18px;
}
.banner_services p {
font-size: 10px;
line-height: 14px;
}
.section_heading,
.about_text .about_heading {
font-size: 30px;
line-height: 40px;
}
.photo_gallery .filter_upper ul {
column-gap: 15px;
}
.photo_gallery .filter_upper {
font-size: 14px;
line-height: 20px;
max-width: 900px;
}
.testimonial_slider .testi_desc {
font-size: 16px;
}
.testimonial_slider .review_star {
font-size: 16px;
}
.testimonial_slider .testi_title {
font-size: 25px;
}
}
@media only screen and (max-width:991px) {
.py-80 {
padding: 70px 0px;
}
.pb-80 {
padding-bottom: 60px;
}
.pt-80 {
padding-top: 60px;
} p,
.cta_wrapper .cta_content p {
font-size: 14px;
line-height: 22px;
}
header .navbar-collapse {
background-color: #1B1B1BE6; border-radius: 10px;
overflow: hidden;
margin-top: 10px;
}
header.scrolled .navbar-collapse {
background-color: transparent;
}
header.scrolled .navbar-nav {
display: block;
}
header .navbar-brand {
max-width: 170px;
}
header .navbar-nav {
margin: 15px 25px 20px !important;
}
header .nav-link {
font-size: 14px;
column-gap: 10px;
}
header .nav-link.call-link {
padding: 7px 16px !important;
margin: 10px 0px 5px;
}
header .book_btn {
margin: 0px 25px 25px;
padding: 8px 30px;
font-size: 14px;
line-height: 20px;
}
.navbar-toggler {  padding: 8px 8px;
width: 45px;
height: 40px;
font-size: 15px;
line-height: 15px;
background-color: #ffffff;
}
.navbar-toggler:focus {
box-shadow: none;
}
header .navbar>.container {
align-items: center;
}
.main_banner {
padding-bottom: 4vh;
height: 75vh;
}
.photo_gallery .filter_upper ul {
row-gap: 5px;
}
.testimonial_slider {
width: 100%;
padding-inline: 10px;
}
.testimonial_slider .testi_img {
width: 80px;
height: 80px;
margin: 20px auto;
}
.testimonial_slider .testi_title {
font-size: 20px;
line-height: 25px;
}
.testimonial_slider .testi_desc {
font-size: 14px;
}
.form_wrapper form .form-check {
width: 100%;
}
.video_text_grid .row {
flex-direction: column-reverse;
row-gap: 20px;
}
.video_text_grid .video_text {
padding-right: 0px;
}
.footer_social {
margin-top: 5px;
}
.main-footer .row {
row-gap: 30px;
} .photo_gallery .filter_option {
row-gap: 5px;
}
.fancybox__carousel {
padding: 70px 20px;
} .filter_btn i {
color: var(--primary_clr);
}
.filter_btn:focus-visible {
outline: none;
}
.offcanvas-title {
font-size: 25px;
font-weight: 600;
color: var(--primary_clr);
text-transform: uppercase;
}
.offcanvas-header {
padding-bottom: 0px;
}
#photoFilter {
width: 350px;
}
.filter_main {
display: flex;
}
.filter_main .filter_upper {
flex: 1;
display: flex;
flex-direction: column;
row-gap: 10px;
}
.filter_main .filter_upper span {
font-weight: 600;
text-decoration: underline;
text-decoration-style: dotted;
text-underline-offset: 3px;
}
.filter_main .filter_upper ul {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.offcanvas-backdrop.show {
opacity: 0;
}
}
@media only screen and (max-width:767px) {
.banner_content p {
font-size: 12px;
line-height: 18px;
margin-bottom: 5px;
}
.banner_services p {
font-size: 10px;
line-height: 14px;
margin-bottom: 0;
}
.main_banner {
height: 100svh;
padding-bottom: 10vh;
background-position:50% 30%
}
.primary_btn,
.about_text .primary_btn {
padding: 10px 30px;
}
.section_heading,
.about_text .about_heading {
font-size: 22px;
line-height: 30px;
margin-bottom: 7px;
}
.amenties_card h3 {
font-size: 16px;
line-height: 25px;
}
.photo_gallery .filter_option {
row-gap: 20px;
margin-top: 15px;
}
.photo_gallery .filter_upper ul {
row-gap: 10px;
}
.photo_gallery .filter_upper {
max-width: 100%;
padding-inline: 10px;
}
.photo_gallery .gallery-img {
width: 50%;
padding: 10px;
}
.testimonial_slider .testi_img {
width: 60px;
height: 60px;
margin: 10px auto;
}
.testimonial_slider .testi_title {
font-size: 18px;
}
.form_wrapper form .primary_btn {
padding: 10px 30px;
margin: 10px auto;
}
.main-footer .footer_title {
font-size: 18px;
line-height: 22px;
}
.footer_menu_content {
max-width: 100%;
row-gap: 5px;
}
.footer_menu_content .modal_link {
font-size: 14px;
line-height: 30px;
}
.main-footer .footer_bottom .row {
row-gap: 12px;
text-align: center;
}
.footer_bottom .footer_payment {
justify-content: center;
}
.slick-prev {
left: 10px;
}
.slick-next {
right: 10px;
}
}
@media only screen and (max-width:576px) { .full-width {
padding: 0px 20px;
}
header .logo-wrapper {
max-width: 180px;
}
.banner_content {
width: 100%;
max-width: 100%;
}
.banner_services {
gap: 10px;
justify-content: center;
}
.banner_services li {
width: 44%;
}
.filter_main {
display: flex;
flex-direction: column;
row-gap: 10px;
}
.photo_gallery .gallery-img {
width: 48%;
padding: 10px;
}
#photoFilter {
width: 200px;
}
.offcanvas-title {
font-size: 16px;
}
.modal_subheading {
font-size: 16px;
line-height: 25px;
}
.modal-dialog .modal-body {
padding: 15px;
}
.video_text_grid .video_text {
text-align: center;
}
a.call_btn {
background-color: var(--primary_clr);
color: var(--white_clr);
display: inline-flex;
padding: 8px 12px;
border-radius: 40px 0px 0px 40px;
font-weight: 800;
font-size: 14px;
position: fixed;
right: 0px;
bottom: 20%;
text-decoration: none;
align-items: center;
gap: 5px;
box-shadow: 1px 1px 6px #ddd;
transition: var(--hover-transition);
z-index: 3;
}
}
@media only screen and (min-width:1200px) {
.container {
max-width: 1300px;
}
}