body, html{
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale;
overflow-y: auto;
overflow-x: hidden;
font-family: 'Montserrat', sans-serif;
}
@media (min-width: 1200px){
.container {
width: 1170px;
}
}
h1{
font-weight: 700;
font-size: 42px;
}
h2{
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
}
h3{
font-size: 14px;
font-style: italic;
font-weight: 100;
line-height: 26px;
}
h4{
text-transform: uppercase;
font-size: 16px;

padding-top: 10px;
font-weight:600;
}
h5{
text-transform: uppercase;
font-size: 12px;
word-spacing: 2px;
}
h6{
text-transform: uppercase;
font-size: 10px;
word-spacing: 2px;
letter-spacing: 2px;
}
p{
font-weight: 400;
}
hr{
width: 50px;
border-color: #682a8f;
border-width: 3px;
}
a {color: #222222}
a:hover,
a:focus{
color: #682a8f; 
text-decoration: none;
}
/* #home{
background: url(../img/swingdesire-hero.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
height: auto;
min-height: 900px;	
padding-top: 60px;
color: #ffffff;
} */
.home-page .navmenu,
.home-page .navbar-offcanvas {
z-index: 10000;
}
.home-page .sd-topbar {
position: absolute;
z-index: 9999;
}
.home-page .sd-topbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 20;
padding: 22px 35px;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(30, 30, 30, 0.5);
}
.about-page .navmenu,
.about-page .navbar-offcanvas {
z-index: 10000;
}
.about-page .sd-topbar {
position: absolute;
z-index: 9999;
}
.about-page .sd-topbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 20;
padding: 22px 35px;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(30, 30, 30, 0.5);
}
.events-page .navmenu,
.events-page .navbar-offcanvas {
z-index: 10000;
}
.events-page .sd-topbar {
position: absolute;
z-index: 9999;
}
.events-page .sd-topbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 20;
padding: 22px 35px;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(30, 30, 30, 0.5);
}
#home {
background: url(../img/swingdesire-hero.webp);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-attachment: fixed;
background-size: auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: auto;
min-height: 760px;
padding-top: 170px;
color: #ffffff;
}
@media (max-width: 768px) {
#home {
background-image: url('../img/swingdesire-hero-mobile.webp');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
min-height: 760px;
padding-top: 170px;
background-attachment: scroll;
}
}
#home a.down-btn span.fa.fa-angle-down {
font-size: 70px;
/* border: 1px solid #c59a6d; */
border-radius: 2px;
padding: 7px 5px;
position: relative;
margin-top: 100px;
color: #ffffff;
cursor: pointer;
}
#privacy{
background: url(../img/swingdesire-hero.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
height: auto;
min-height: 500px;	
padding-top: 60px;
color: #ffffff;
}
#privacy .content {
padding-top: 6%;
}
/* If your privacy page container uses text-align:center, this fixes lists */
.privacy-policy ul {
list-style-position: inside;  /* moves bullets inside the content box */
padding-left: 0;
margin-left: 0;
}
.cookie-policy ul {
list-style-position: inside;  /* moves bullets inside the content box */
padding-left: 0;
margin-left: 0;
}
.content{
padding-top: 8%;
}
.header-text.btn{

border-radius: 0;
padding-top:30px;
white-space: normal;
/* height: 100px; */
}
.header-text.btn:hover{
color: inherit;
}
.header-text.btn:focus, 
.header-text.btn:active:focus, 
.header-text.btn.active:focus, 
.header-text.btn.focus, 
.header-text.btn:active.focus, 
.header-text.btn.active.focus {
outline: thin dotted transparent;
outline: none;
outline-offset: -2px;
}
.typed-cursor {
opacity: 1;
padding: 10px 2px;
background: #ffffff;
margin: 10px;
-webkit-animation: blink 0.5s linear infinite;
-moz-animation: blink 0.5s linear infinite;
animation: blink 0.5s linear infinite;
}
.sd-logo{
display:block;
max-width:400px;   /* desktop size */
width:100%;         /* scales on mobile */
height:auto;
margin:0 auto 18px; /* centers + spacing */
}
@media (max-width:768px){

#home {
padding-top: 110px;
}

.sd-logo{
max-width:250px;

}
h1{
font-size: 30px;
}
}
@keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes blink{
0% { opacity:1; }
50% { opacity:0; }
100% { opacity:1; }
}
span.typed-cursor {
top: -5px;
position: relative;
}
#menu-last-item{color: #fff;
font-weight: 600; text-decoration: underline;}
#menu-last-item:hover{text-decoration:underline;color: #d01b8f;}
nav#menu span.fa.fa-bars{
font-size: 30px;
position: fixed;
left: 120px;
color: #c0c0c0;
cursor: pointer;
z-index: 1;
}
.navmenu, .navbar-offcanvas {
width: 270px;
z-index: 10;
}
.navmenu-default, 
.navbar-default .navbar-offcanvas {
background-color: #1E2429;
border-color: #1E2429;
border: 0;
}
.navmenu-default .navmenu-nav>li>a:hover, 
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover, 
.navmenu-default .navmenu-nav>li>a:focus, 
.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus {
color: #d01b8f;
background-color: transparent;
}
.nav > li {
position: relative;
display: block;
text-align: left;
padding-left:20px;
letter-spacing: 0.5px;
}
.navmenu-default .navmenu-nav>li>a, 
.navbar-default .navbar-offcanvas .navmenu-nav>li>a {
color: #ffffff;
text-transform: uppercase;
font-size: 14px;
line-height: 30px;
}
nav#menu span.fa.fa-bars:hover {
color: #d01b8f;
}
.navmenu-default .navmenu-nav>.active>a, 
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a, 
.navmenu-default .navmenu-nav>.active>a:hover, 
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover, 
.navmenu-default .navmenu-nav>.active>a:focus, 
.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus {
color: #d01b8f;
background-color: transparent;
font-weight: 600;
}
.close:hover{
background: #d01b8f;
color: #ffffff;
opacity: 1;
}
.close{
background: #fff;
padding: 10px 12px;
opacity: 1;
transition: all 0.3s;
}
.add-margin{
margin-top: 140px;
}
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
}
#what-we-are,
#different
{
padding: 60px 0;
}
a.down-btn span.fa.fa-angle-down {
font-size: 40px;
/* border: 1px solid #c59a6d; */
border-radius: 2px;
padding: 7px 5px;
position: relative;
cursor: pointer;
color: #682a8f;
margin-top: 30px;
}
#who-its-for {
background: url(../img/swingdesire-couple-on-phone.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
text-align: center;
}
@media (max-width: 768px) {
#who-its-for {
background-image: url('../img/swingdesire-couple-on-phone-mobile.webp');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
}
#who-its-for .overlay{
background: linear-gradient( rgba(95, 0, 130, 0.72), rgba(95, 0, 130, 0.50) );
height: auto;
min-height: 200px;
padding: 4% 0 ;
}
#who-its-for a span.fa.fa-play {
font-size: 40px;
color: #fff;
text-align: center;
margin: auto 0;
}
#event-experiance {
background: url(../img/event-hero.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
text-align: center;
}
#event-experiance .overlay{
background: linear-gradient(rgba(50, 0, 80, 0.55), rgba(50, 0, 80, 0.65));
height: auto;
min-height: 200px;
padding: 4% 0 ;
}
.service{
border: 1px solid #222;
margin-top: 20px;
margin-bottom: 0px;
transition: all 0.3s;
position: relative;
padding: 60px 25px;
}
.service>span.fa{
color: #d01b8f; 
}
.service:hover>h4,
.service:hover>span.fa{
color: #682a8f;
}
.service:hover{
border-color: #682a8f;
margin-top: 0px;
margin-bottom: 0px;
cursor: pointer;
/* padding-top: 80px;
padding-bottom: 80px; */
}
.service p{
font-size: 14px;
padding-top: 20px;
font-family: 'Lato', sans-serif;
}
.service-dark-bg{
border: 1px solid #222;
margin-top: 20px;
margin-bottom: 0px;
transition: all 0.3s;
position: relative;
padding: 60px 10px;
background-color:#fff;
}
.service-dark-bg>span.fa{
color: #d01b8f; 
}
.service-dark-bg:hover>h4,
.service-dark-bg:hover>span.fa{
color: #682a8f;
}
.service-dark-bg:hover{
border-color: #682a8f;
margin-top: 0px;
margin-bottom: 0px;
cursor: pointer;
/* padding-top: 80px;
padding-bottom: 80px; */
}
.service-dark-bg p{
font-size: 14px;
padding-top: 20px;
font-family: 'Lato', sans-serif;
}
.space{ padding-top: 40px; }
#cta{
background: #282f35;
padding: 4% 0;
}
a.btn.go-to-btn{
text-transform: uppercase;
border: 1px solid #682a8f;
word-spacing: 2px;
padding: 7px 30px;
border-radius: 2px;
font-size: 12px;
color: #ffffff;
transition: all 0.5s;
}
a.btn.go-to-btn:hover{
background: #682a8f;
color: #282f35;
}
.nopadding{
padding: 0;
margin: 0;
}
.portfolio-item .hover-bg{
height: 280px;
overflow: hidden;
position: relative;
}
.hover-bg .hover-text {
position: absolute;
text-align: center;
margin: 0 auto;
color: #ffffff;
background: rgba(0, 0, 0, 0.66);
padding: 30% 0;
height: 100%;
width: 100%;
opacity: 0;
transition: all 0.5s;
}
.hover-bg .hover-text>h5{
opacity: 0;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: all 0.3s;
}
.hover-bg:hover .hover-text>h5{
opacity: 1;
-webkit-backface-visibility:hidden;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.hover-bg .hover-text>.hline{
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.3s;
}
.hover-bg:hover .hover-text>.hline{
opacity: 1;
-webkit-backface-visibility:hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.hover-bg:hover .hover-text{
opacity: 1;
}
.hline{
height: 5px;
width: 30px;
border-top: 2px solid #f1f1f1;
margin: 0 auto
}
.hover-text p.lead{
color: #c59a6d;
}
a.btn.read-more-btn{
text-transform: uppercase;
background: #c59a6d;
color: #282f35;
word-spacing: 2px;
padding: 7px 30px;
border-radius: 2px;
font-size: 12px;
color: #ffffff;
transition: all 0.5s;
}
a.btn.read-more-btn:hover{
background: #222222;
color: #ffffff;
}
button.btn.send-btn{
text-transform: uppercase;
background: #d01b8f;
color: #282f35;
padding: 15px 35px;
border-radius: 0;
font-size: 18px;
color: #ffffff;
transition: all 0.5s;
}
button.btn.send-btn:hover{
background: transparent;
border: 1px solid #d01b8f;
color: #ffffff;
}
#why-are-we {
background: url(../img/swingdesire-hero.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
text-align: center;
}
@media (max-width: 768px) {
#why-are-we {
background-image: url('../img/swingdesire-hero-mobile.webp');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
}
#why-are-we .overlay{
background: rgba(34, 34, 34, 0.2);
height: auto;
min-height: 200px;
padding: 8% 0 ;
color: #ffffff;
}
ul, ol{
padding: 0;
moz-padding: 0;
webkit-padding: 0;
}
ul.clients li{
display: inline-block;
padding: 20px 40px;
vertical-align: middle;
}
.team {
border: 1px solid #c3c3c3;
padding: 70px 20px;
text-align: center;
opacity: 0.7;
transition: all 0.8s;
max-height: 340px;
margin-bottom: 30px;
}
.team:hover.hire,
.team.hire{
height: 340px;
border-color: #c59a6d;
color: #c59a6d;
opacity: 1;
}
.team.hire>a{
color: #c59a6d;
}
.team hr{
border-width: 2px;
border-color: #dcc2a7;
}
.team:hover{
opacity: 1;
border: 1px solid #222;
}
.team img {
width: 80px;
margin: 0 auto;
}
#testimonials {
background: url(../img/bg4.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
text-align: center;
}
#testimonials .overlay{
background: rgba(34, 34, 34, 0.85);
height: auto;
min-height: 200px;
padding: 5% 0 ;
color: #ffffff;
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 10px;
height: 10px;
margin: 2px 5px;
filter: Alpha(Opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 0;
background: #C59A6D;
}
#contact{
/* background: #282f35; */
background: #1f2327;
padding: 100px 0;
color: #ffffff;
}

.sd-difference-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.sd-difference-card {
  position: relative;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
  text-align: center;
  transition: all .25s ease;
}

.sd-difference-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 60px rgba(0,0,0,.12);
}

.sd-difference-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

.sd-difference-icon {
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 8px 25px rgba(0,0,0,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -43px auto 18px;
  position: relative;
  z-index: 2;
}

.sd-difference-icon i {
  color: #d2188f;
  font-size: 36px;
}
.sd-difference-content{
padding: 0 20px 30px;
}
.sd-difference-content h3 {
  text-transform: uppercase;
  font-size: 18px;
  color: #191224;
  margin: 0 0 12px;
  font-weight: 700;
  font-style: normal;
}

.sd-difference-content span {
  display: block;
  width: 45px;
  height: 3px;
  background: #d2188f;
  margin: 0 auto 22px;
}

.sd-difference-content p {
  color: #4d4d4d;
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
}

@media (max-width: 991px) {
  .sd-difference-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto;
  }

  .sd-difference-heading h2 {
    font-size: 36px;
  }

  .sd-difference-card img {
    height: 230px;
  }
}


.sub-page #contact{
background: #282f35;
padding: 100px 0;
color: #ffffff;
border-top: 70px solid #682a8f;
}
ul.social li{
display: inline-block;
margin-right: 20px;
margin-top: 30px;
}
ul.social li a{
color: #ffffff;
font-size: 16px;
}
address strong{
text-transform: uppercase;
font-style: normal;
font-family: 'Montserrat', sans-serif;
}
address:before{
content: "\f041";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 20px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #c59a6d;
vertical-align: middle;
margin-right: 15px;
margin-left: -30px;
}
address{
font-style: italic;
font-size: 14px;
font-family: 'Lato', sans-serif;
letter-spacing: 1px;
}
#contact input.form-control,
#contact textarea.form-control {
margin-bottom: 30px;
}
#contact .form-control {
display: block;
width: 100%;
height: 40px;
padding: 7px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #cecece;
background-color: #1e2429;
background-image: none;
border: 0;
border-top: 2px solid transparent;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
transition: all 0.5s;
}
#contact .form-control:focus {
border-color: #C59A6D;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.launch-form {
display: flex;
flex-direction: column;
align-items: center;
}
.launch-form input {
max-width: 400px;
text-align: center;
}
.launch-form button {
margin-top: 15px;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color:    #222222;
font-family: 'Lato', sans-serif;
font-size: 13px;
letter-spacing: 1px;
font-style: italic;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
color:    #222222;
font-family: 'Lato', sans-serif;
font-size: 13px;
letter-spacing: 1px;
font-style: italic;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
color:    #222222;
font-family: 'Lato', sans-serif;
font-size: 13px;
letter-spacing: 1px;
font-style: italic;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color:    #222222;
font-family: 'Lato', sans-serif;
font-size: 13px;
letter-spacing: 1px;
font-style: italic;
}
nav#footer{
background: #26292b;
padding: 40px 0;
color: #ffffff;
border-bottom: 5px solid #682a8f;
}
.footer-socials {
  margin-top: 18px;
}
#footer span.fa{
color: #fff;
font-size: 26px;
margin-right: 10px;
}
#footer span.fa:hover{
color: #d01b8f;

}
#footer a{
color: #ffffff;
}
#footer a:hover{
color: #d01b8f;}
.privacy-policy {
text-align: left;
}
.privacy-policy hr {
width:100%;
}
.sd-cookie-backdrop{
position:fixed; inset:0; background:rgba(0,0,0,.55); z-index:9998;
}
.sd-cookie-banner{
position:fixed; left:50%; bottom:18px; transform:translateX(-50%);
width:min(720px, calc(100% - 24px)); z-index:9999;
font-family:inherit;
}
.sd-cookie-card{
background:#0f0f14;
color:#fff;
border:1px solid rgba(255,255,255,.12);
border-radius:16px;
padding:16px;
box-shadow:0 12px 40px rgba(0,0,0,.35);
}
.sd-cookie-head{
display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.sd-cookie-head h2{ margin:0; font-size:18px; }
.sd-cookie-x{
background:transparent; border:0; color:#fff; font-size:22px; cursor:pointer;
opacity:.8;
}
.sd-cookie-text{ margin:10px 0 14px; opacity:.92; line-height:1.5; }
.sd-cookie-actions{ display:flex; flex-wrap:wrap; gap:10px; }
.sd-btn{
border-radius:12px; padding:10px 14px; border:1px solid rgba(255,255,255,.14);
background:transparent; color:#fff; cursor:pointer;
}
.sd-btn-primary{ background:#ff4fd8; border-color:#ff4fd8; color:#0b0b10; font-weight:700; }
.sd-btn-ghost{ background:transparent; }
.sd-btn-soft{ background:rgba(255,255,255,.06); }
.sd-cookie-prefs{
margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,.12);
}
.sd-cookie-row{
display:flex; align-items:center; justify-content:space-between; gap:12px;
padding:10px 0;
}
.sd-cookie-sub{ font-size:13px; opacity:.85; margin-top:3px; }
.sd-pill{
font-size:12px; padding:6px 10px; border-radius:999px;
border:1px solid rgba(255,255,255,.14);
}
.sd-pill-on{ background:rgba(255,255,255,.08); }
.sd-switch{ position:relative; display:inline-block; width:46px; height:26px; }
.sd-switch input{ display:none; }
.sd-slider{
position:absolute; cursor:pointer; inset:0; background:rgba(255,255,255,.15);
border-radius:999px; transition:.2s;
}
.sd-slider:before{
content:""; position:absolute; height:20px; width:20px; left:3px; top:3px;
background:white; border-radius:50%; transition:.2s;
}
.sd-switch input:checked + .sd-slider{ background:#ff4fd8; }
.sd-switch input:checked + .sd-slider:before{ transform:translateX(20px); }
.sd-cookie-actions-bottom{
margin-top:10px; justify-content:space-between; align-items:center;
}
.sd-cookie-link{ color:#fff; opacity:.9; text-decoration:underline; }
.sd-hero-btn{
margin-top: 22px;
padding: 14px 26px;
border-radius: 30px;
font-weight: 700;
font-size: 18px;
letter-spacing: .2px;
background: linear-gradient(135deg, #8b1fc9, #ff3fa4);
color: #fff !important;
border: 0;
box-shadow: 0 10px 26px rgba(0,0,0,.25);
transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
display: inline-block;
text-decoration: none !important;
}
.sd-hero-btn:hover,
.sd-hero-btn:focus{
background-color: #672b8f;
box-shadow: 0 14px 30px rgba(0,0,0,.3);
opacity: .95;
}
.sd-hero-purple-btn{
margin-top: 22px;
padding: 14px 26px;
border-radius: 14px;
font-weight: 700;
font-size: 15px;
letter-spacing: .2px;
background: #672b8f;
color: #fff !important;
border: 0;
box-shadow: 0 10px 26px rgba(0,0,0,.25);
transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
display: inline-block;
text-decoration: none !important;
}
.sd-hero-purple-btn:hover,
.sd-hero-purple-btn:focus{
background-color: #d01b8f;
box-shadow: 0 14px 30px rgba(0,0,0,.3);
opacity: .95;
}
#events {
padding: 60px 0;
background: #fff;
}
.events-intro {
max-width: 900px;
margin: 0 auto 60px;
font-size: 18px;
line-height: 1.8;
}
.events-row {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.events-col {
float: none;
display: flex;
justify-content: center;
}
.event-service-box {
width: 100%;
max-width: 560px;
border: 1px solid #dddddd;
padding: 0 0 35px;
background: #fff;
min-height: 520px;
border-radius: 20px;
  overflow: hidden;
}
.event-thumb {
width: 100%;
/* height: 220px; */
object-fit: cover;
display: block;
margin-bottom: 35px;
}
.event-service-box h4 {
padding: 0 25px;
}
.event-service-box p {
padding: 0 30px;
line-height: 1.7;
}
.event-service-box .btn {
margin-top: 15px;
}
@media (max-width: 767px) {
.events-col {
width: 100%;
margin-bottom: 30px;
}
.event-service-box {
max-width: 100%;
min-height: auto;
}
}
#event-membership {
background: url(../img/bg6.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: Fixed;
text-align: center;
}
@media (max-width: 768px) {
#event-membership {
background-image: url('../img/swingdesire-events-bg-mobile.webp');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
}
#event-membership .overlay{
background: linear-gradient( rgba(95, 0, 130, 0.72), rgba(95, 0, 130, 0.40) );
height: auto;
min-height: 200px;
padding: 5% 0 ;
color: #ffffff;
}
.feature-icon {
display: inline-block;
transform-style: preserve-3d;
backface-visibility: visible;
transition: transform 0.3s ease;
}
.feature-icon.flip-icon {
animation: swingIconFlip 0.9s ease forwards;
}
.feature-icon:hover {
animation: swingIconHoverFlip 0.8s ease;
}
@keyframes swingIconFlip {
from { transform: rotateY(0deg); }
to { transform: rotateY(360deg); }
}
@keyframes swingIconHoverFlip {
from { transform: rotateY(0deg); }
to { transform: rotateY(360deg); }
}
.feature-icon:hover {
transform: translateY(-5px) scale(1.1);
transition: all 0.3s ease;
}
#events-home{
background:
linear-gradient(rgba(50, 0, 80, 0.55), rgba(50, 0, 80, 0.65)),url('../img/event-hero.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
height: auto;
min-height: 700px;	
padding-top: 170px;
color: #ffffff;
}
#events-home a.down-btn span.fa.fa-angle-down {
font-size: 70px;
/* border: 1px solid #c59a6d; */
border-radius: 2px;
padding: 7px 5px;
position: relative;
margin-top: 100px;
color: #ffffff;
cursor: pointer;
}
@media (max-width:768px){

#events-home {
padding-top: 110px;
}
}
.sd-faq-section {
background: #050505;
color: #ffffff;
padding: 90px 20px;
}
.sd-faq-container {
max-width: 1100px;
margin: 0 auto;
}
.sd-faq-container h2 {
text-align: center;
font-size: 32px;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0;
font-weight: 800;
}
.sd-faq-line {
width: 80px;
height: 2px;
background: #d81b9c;
margin: 18px auto 45px;
}
.sd-faq-item {

border: 1px solid #525252;
margin-bottom: 14px;
border-radius: 6px;
overflow: hidden;
background: rgba(255,255,255,0.02);
}
.sd-faq-question {
width: 100%;
background: transparent;
color: #ffffff;
border: 0;
padding: 20px 22px;
font-size: 17px;
font-weight: 700;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
}
.sd-faq-icon {
color: #d81b9c;
font-size: 26px;
line-height: 1;
transition: transform 0.3s ease;
}
.sd-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.35s ease;
}
.sd-faq-answer p {
margin: 0;
padding: 0 22px 22px;
color: #e6e6e6;
font-size: 16px;
line-height: 1.7;
}
.sd-faq-item.active .sd-faq-answer {
max-height: 300px;
}
.sd-faq-item.active .sd-faq-icon {
transform: rotate(45deg);
}
@media (max-width: 768px) {
.sd-faq-section {
padding: 65px 16px;
}
.sd-faq-container h2 {
font-size: 24px;
}
.sd-faq-question {
font-size: 15px;
padding: 18px 16px;
}
.sd-faq-answer p {
font-size: 15px;
padding: 0 16px 20px;
}
}
#launch-party-page {
background: #ffffff;
}
.launch-event-hero {
padding: 70px 0 40px;
background: #ffffff;
}
.launch-event-banner {
width: 100%;
max-width: 1100px;
height: auto;
display: block;
margin: 0 auto;
border: 1px solid #222;
}
.launch-event-content {
padding: 40px 0 80px;
background: #ffffff;
}
.launch-event-content h1 {
color: #222222;
font-size: 42px;
font-weight: 700;
margin-top: 0;
}
.launch-date {
color: #682a8f;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 25px;
}
.launch-intro {
max-width: 1024px;
margin: 0 auto 20px;
font-size: 18px;
line-height: 1.8;
}
.launch-event-content p {
max-width: 1024px;
margin-left: auto;
margin-right: auto;
line-height: 1.8;
font-family: 'Lato', sans-serif;
font-size: 18px;
}
.service.launch-service p {
font-size: 16px;
}
.launch-venue-section {
padding: 20px 35px;
}
.launch-expect-section {
padding: 30px 35px;
}
.launch-location-section {
padding: 30px 35px;
}
.launch-feature-row {
margin-top: 20px;
}
.launch-service {
min-height: 330px;
}
.launch-info-box {
max-width: 1024px;
margin: 0 auto;
padding: 45px 35px;
background: #fff;
}
.launch-info-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-top: 35px;
}
.launch-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 35px;
}
.launch-info-grid div {
border: 1px solid #dddddd;
padding: 22px 15px;
background: #fafafa;
}
.launch-info-grid strong {
display: block;
color: #682a8f;
text-transform: uppercase;
font-size: 13px;
margin-bottom: 8px;
}
.launch-info-grid span {
display: block;
font-family: 'Lato', sans-serif;
font-size: 15px;
}
.launch-pricing-section {
max-width: 1024px;
margin: 0px auto;
}
.launch-history {
max-width: 900px;
margin: 0 auto;
padding: 30px 30px;
}
.launch-event-cta {
background: #282f35;
padding: 100px 0;
color: #ffffff;
border-top: 70px solid #682a8f;
}
.launch-event-cta p {
max-width: 750px;
margin: 0 auto 25px;
line-height: 1.8;
font-family: 'Lato', sans-serif;
font-size: 16px;
}
@media (max-width: 991px) {
.launch-service {
min-height: auto;
margin-bottom: 30px;
}
}
@media (max-width: 768px) {
.launch-event-hero {
padding: 70px 0 25px;
}
.launch-event-content {
padding: 35px 0 60px;
}
.launch-event-content h1 {
font-size: 30px;
line-height: 1.3;
}
.launch-date {
font-size: 18px;
}
.launch-intro,
.launch-event-content p {
font-size: 15px;
line-height: 1.7;
}
.launch-info-box {
padding: 35px 18px;
}
.launch-info-grid {
grid-template-columns: 1fr;
gap: 14px;
}

.launch-history {
padding: 35px 15px;
}
.launch-event-cta {
padding: 75px 20px;
border-top: 45px solid #682a8f;
}
}
.sd-topbar {
/*   position: absolute; */
top: 0;
left: 0;
width: 100%;
z-index: 20;
padding: 22px 35px;
display: flex;
align-items: center;
justify-content: space-between;
background: #1e1e1e;
}
/* .sd-topbar-left,
.sd-topbar-socials {
width: 140px;
display: flex;
align-items: center;
} */
.sd-topbar-left,
.sd-topbar-cart {
width: 140px;
display: flex;
align-items: center;
}

.sd-topbar-left {
justify-content: flex-start;
}
.sd-topbar-logo {
flex: 1;
text-align: center;
}
.sd-topbar-logo-img {
max-width: 230px;
width: 100%;
height: auto;
}
/* .sd-topbar-socials {
justify-content: center;
gap: 18px;
}
.sd-topbar-socials a {
color: #c0c0c0;
font-size: 24px;
transition: 0.3s ease;
}
.sd-topbar-socials a:hover {
color: #d01b8f;
} */

.sd-topbar-cart {
justify-content: center;
gap: 18px;
}
.sd-topbar-cart a {
color: #c0c0c0;
font-size: 30px;
transition: 0.3s ease;
}
.sd-topbar-cart a:hover {
color: #d01b8f;
}


@media (max-width: 768px) {
.sd-topbar nav#menu span.fa.fa-bars,
.sd-topbar #menu span.fa.fa-bars {
position: static !important;
left: auto !important;
}
}
.sd-topbar nav#menu span.fa.fa-bars,
.sd-topbar #menu span.fa.fa-bars {
top: 47px;

}
@media (max-width: 768px) {
.sd-topbar {
padding: 18px 18px;
}
.sd-topbar-left,
.sd-topbar-cart {
width: 75px;
}
.sd-topbar-logo-img {
max-width: 170px;
}
.sd-topbar-cart {
gap: 10px;
}
/*  .sd-topbar-socials a {
font-size: 18px;
} */
}
.sd-event-hero-content {
padding-top: 170px;
}
.sd-hero-subtitle {
color: #ffffff;
font-size: 20px;
letter-spacing: 1px;
margin-top: 12px;
text-transform: uppercase;
}
@media (max-width: 768px) {
.sd-event-hero-content {
padding-top: 140px;
}
.sd-hero-subtitle {
font-size: 15px;
}
}
@media (max-width: 768px) {
.sd-topbar {
height: 90px;
padding: 0 16px;
}
.sd-topbar-left,
.sd-topbar-cart {
width: 40px;
}
.sd-topbar-logo-img {
max-width: 170px;
}
.sd-topbar-cart {
gap: 10px;
}
}
.lovedo-sidebar-banner{
margin-top:30px;
background:#111;
border:1px solid rgba(216,27,156,0.35);
border-radius:18px;
overflow:hidden;
text-align:center;
}
.lovedo-sidebar-banner img{
width:calc(100% - 30px);
margin:15px;
display:block;
box-sizing:border-box;
}
.lovedo-banner-content{
padding:15px;
}
.lovedo-banner-content h4{
margin:0 0 10px;
color:#fff;
font-size:18px;
font-weight:700;
}
.lovedo-banner-content p{
margin:0 0 15px;
color:#ccc;
line-height:1.5;
font-size:14px;
}
.lovedo-banner-btn{
display:inline-block;
background:#d81b9c;
color:#fff;
text-decoration:none;
padding:10px 18px;
border-radius:999px;
font-weight:700;
}
.lovedo-banner-btn:hover{
background:#b91482;
color:#fff;
}
@media (max-width: 850px) {
/* .lovedo-sidebar-banner img {
display: none;
} */
.member-image{
display: none !important;	
}
}
.sidebar-discount{
display:block;
margin:14px 0 12px;
background:#111;
border:1px solid rgba(216,27,156,.45);
border-radius:14px;
padding:12px;
text-align:center;
}
.sidebar-discount span{
display:block;
font-size:15px;
font-weight:800;
color:#fff;
letter-spacing:1px;
margin-bottom:10px;
}
.sidebar-discount .copy-btn{
width:100%;
padding:10px 12px;
font-size:14px;
}
.lovedo-banner-btn{
display:block;
width:100%;
text-align:center;
margin-top:10px;
padding:12px 10px;
font-size: 16px;
}
.sd-membership-page {
background: #2d2d2d;
color: #fff;
min-height: 85vh;
padding: 70px 0;
}
.member-wrapper {
max-width: 1170px;
margin: 0 auto;
padding: 40px 20px;
display: flex;
gap: 30px;
}
.member-header{
text-align:center;
/* padding:40px 20px 10px; */
margin-bottom: 20px;
}
.member-header img{
max-width:250px;
height:auto;
margin-bottom: 30px;
}
.member-header h1 {
font-size: 38px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 18px;
}
.member-header p {
max-width: 1170px;
margin: 0 auto;
font-size: 17px;
line-height: 1.8;
color: #ddd;
}
.member-sidebar {
width: 260px;
background: #111;
border: 1px solid rgba(216,27,156,0.35);
border-radius: 18px;
padding: 24px;
}
.member-sidebar h3 {
margin: 0 0 10px;
color: #d81b9c;
font-size: 22px;
font-style: normal;
font-weight: 700;
border-bottom: 2px solid #d81b9c;
padding-bottom: 10px;
}
.member-sidebar a {
display: block;
color: #fff;
text-decoration: none;
padding: 13px 0;
border-bottom: 1px solid rgba(255,255,255,0.08);
font-weight: 600;
}
.member-sidebar a:hover {
color: #d81b9c;
}
.member-main {
flex: 1;
}
.member-hero {
background: linear-gradient(135deg, #171717, #2a0620);
border-radius: 22px;
padding: 35px;
margin-bottom: 28px;
border: 1px solid rgba(216,27,156,0.3);
}
.member-hero h1 {
margin: 0 0 10px;
font-size: 32px;
}
.member-hero p {
margin: 0;
color: #ddd;
line-height: 1.6;
}
.dashboard-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
}
.dashboard-card {
background: #111;
border: 1px solid rgba(255,255,255,0.08);
border-radius: 18px;
padding: 26px;
}
.discount-box{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
margin-top:15px;
margin-bottom:15px;
background:#111;
border:1px solid rgba(216,27,156,.35);
border-radius:12px;
padding:12px 15px;
}
.discount-box span{
font-size:18px;
font-weight:800;
color:#fff;
letter-spacing:1px;
}
.copy-btn{
background:#d81b9c;
color:#fff;
border:none;
border-radius:999px;
padding:8px 16px;
font-weight:700;
cursor:pointer;
}
.copy-btn:hover{
background:#b91482;
}
.dashboard-card h2 {
margin: 0 0 12px;
font-size: 21px;
color: #fff;
}
.dashboard-card p {
margin: 0 0 16px;
color: #ccc;
line-height: 1.6;
}
.status-pill {
display: inline-block;
background: rgba(216,27,156,0.18);
color: #fff;
border: 1px solid #d81b9c;
padding: 7px 14px;
border-radius: 999px;
font-size: 14px;
font-weight: 700;
text-transform: capitalize;
}
.discount-code {
display: inline-block;
background: #d81b9c;
color: #fff;
padding: 10px 16px;
border-radius: 8px;
font-weight: 800;
letter-spacing: 1px;
}
.member-button {
display: inline-block;
background: #d81b9c;
color: #fff;
text-decoration: none;
padding: 11px 18px;
border-radius: 999px;
font-weight: 700;
}
.member-button:hover {
background: #b91482;
}
@media (max-width: 850px) {
.member-wrapper {
flex-direction: column;
padding: 25px 16px;
}
.member-sidebar {
width: auto;
}
.dashboard-grid {
grid-template-columns: 1fr;
}
.member-hero h1 {
font-size: 24px;

}
.member-header h1{font-size:26px; padding: 5px;}
.member-header p{ padding: 0px 14px;
}
}
@media (max-width: 768px) {
    .member-button,
    .copy-btn,
    .lovedo-banner-btn {
        text-align: center;
        justify-content: center; /* if using display:flex */
    }
}
.lovedo-sidebar-banner{
margin-top:30px;
background:#111;
border:1px solid rgba(216,27,156,0.35);
border-radius:18px;
overflow:hidden;
text-align:center;
}
.lovedo-sidebar-banner img{
width:calc(100% - 30px);
margin:15px;
display:block;
box-sizing:border-box;
}
.lovedo-banner-content{
padding:15px;
}
.lovedo-banner-content h4{
margin:0 0 10px;
color:#fff;
font-size:18px;
font-weight:700;
}
.lovedo-banner-content p{
margin:0 0 15px;
color:#ccc;
line-height:1.5;
font-size:14px;
}
.lovedo-banner-btn{
display:inline-block;
background:#d81b9c;
color:#fff;
text-decoration:none;
padding:10px 18px;
border-radius:999px;
font-weight:700;
}
.lovedo-banner-btn:hover{
background:#b91482;
color:#fff;
}
@media (max-width: 850px) {
/* .lovedo-sidebar-banner img {
display: none;
} */
.member-image{
display: none !important;	
}
.member-dashboard {
  padding: 20px 0 !important;
}
}
.sidebar-discount{
display:block;
margin:14px 0 12px;
background:#111;
border:1px solid rgba(216,27,156,.45);
border-radius:14px;
padding:12px;
text-align:center;
}
.sidebar-discount span{
display:block;
font-size:15px;
font-weight:800;
color:#fff;
letter-spacing:1px;
margin-bottom:10px;
}
.sidebar-discount .copy-btn{
width:100%;
padding:10px 12px;
font-size:14px;
}
.lovedo-banner-btn{
display:block;
width:100%;
text-align:center;
margin-top:10px;
padding:12px 10px;
font-size: 16px;
}
.payment-icons {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
display: flex;
gap: 12px;

color: #ffffff;
opacity: 0.9;
}
.payment-icons i:hover {
opacity: 1;
}
.footer-payments{
margin-top: 24px;

font-size: 28px;
}
.footer-payments i{
margin-right: 8px;
color: #ffffff;
}

#footer .pull-right{
    text-align:right;
}

#footer .pull-right .fa-facebook,
#footer .pull-right .fa-instagram{
    font-size:26px;
    margin-left:12px;
}

#footer .footer-payments{
    margin-top: 87px;
}

#footer .footer-payments i{
    font-size:30px;
    margin-left:8px;
}


@media (max-width:768px){

    #footer .pull-left,
    #footer .pull-right{
        float:none;
        width:100%;
        text-align:center;
    }

    .footer-socials{
        margin:20px 0 15px;
    }

    .footer-socials a{
        margin:0 10px;
        font-size:28px;
    }

    .pull-right{
        margin-top:10px;
    }

    .footer-payments{
        margin-top:25px !important;
        padding-right:0 !important;
        text-align:center;
    }

    .footer-payments i{
        margin:0 6px;
        font-size:30px;
    }
}

#faq-page .sd-faq-section {
background:none;
padding: 0px;
}
.sd-faq-page-header {
text-align: center;
margin: 0 auto 55px;
}
#faq-page .sd-faq-container {
max-width: inherit;
margin: 0 auto;
}
.sd-faq-page-header h1 {
color: #ffffff;
font-size: 38px;
font-weight: 800;
text-transform: uppercase;
margin: 0;
}
.sd-faq-page-header p {
color: #d8d8d8;
font-size: 17px;
line-height: 1.7;
margin: 0 auto;
}
.sd-faq-layout {
display: grid;
grid-template-columns: 280px 1fr;
gap: 35px;
align-items: start;
}
.sd-faq-nav {
position: sticky;
top: 120px;
border: 1px solid #525252;
border-radius: 16px;
padding: 22px;
}
.sd-faq-nav h3 {
color: #ffffff;
font-size: 18px;
font-style: normal;
font-weight: 800;
margin: 0 0 15px;
}
.sd-faq-nav a {
display: block;
color: #ffffff;
padding: 12px 0;
border-bottom: 1px solid rgba(255,255,255,0.08);
font-size: 14px;
font-weight: 600;
}
.sd-faq-nav a:hover {
color: #d81b9c;
}
.sd-faq-nav-btn {
margin-top: 16px;
padding: 12px 14px !important;
text-align: center;
background: #d81b9c;
border-radius: 999px;
border-bottom: 0 !important;
color: #ffffff !important;
}
.sd-faq-nav-btn.ghost {
background: transparent;
border: 1px solid #d81b9c !important;
}
.sd-faq-main {
min-width: 0;
}
.sd-faq-group {
margin-bottom: 42px;
scroll-margin-top: 120px;
}
.sd-faq-group h2 {
color: #ffffff;
font-size: 24px;
font-weight: 800;
text-transform: none;
margin: 0 0 18px;
padding-bottom: 12px;
border-bottom: 2px solid #d81b9c;
}
.sd-faq-bottom-cta {
text-align: center;
border: 1px solid #525252;
border-radius: 22px;
padding: 40px 25px;
margin-top: 50px;
}
.sd-faq-bottom-cta h2 {
margin-top: 0;
color: #ffffff;
margin-bottom:10px;
}
.sd-faq-bottom-cta p {
max-width: 650px;
margin: 0 auto 20px;
color: #dddddd;
line-height: 1.7;
}
@media (max-width: 850px) {
.sd-faq-layout {
grid-template-columns: 1fr;
}
.sd-faq-nav {
position: relative;
top: auto;
}
.sd-faq-page-header h1 {
font-size: 28px;
}
}
#faq-page {
background: #2d2d2d;
color: #fff;
min-height: 85vh;
padding: 70px 0;
}
#sd-about-hero{
background:
linear-gradient(rgba(0,0,0,.62), rgba(0,0,0,.72)),
url('/img/about-us-image-test.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
height: auto;
min-height: 620px;	
padding-top: 170px;
color: #ffffff;
}
@media (max-width:1024px){
#sd-about-hero{min-height:500px;}
}
@media (max-width:660px){
#sd-about-hero{background: linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.42)), url('/img/about-us-image-mobile-new.webp');
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-top:110px;
}
}
.sd-about-page {
background:#1c1c1c;
color:#fff;
}
.content-sd-about {
padding-top: 8%;
}
.sd-about-hero img {
max-width:250px;
margin-bottom:35px;
}
.sd-about-hero h1 {
font-size:46px;
font-weight:800;
text-transform:uppercase;
margin-bottom:20px;
color:#fff;
}
.sd-about-hero p {
font-size:20px;
line-height:1.8;
color:#eee;
max-width:780px;
margin:0 auto;
}
.sd-about-section {
padding:75px 20px;
}
.sd-about-wrap {
max-width:1170px;
margin:0 auto;
}
.sd-about-card {
background:#111;
border:1px solid rgba(216,27,156,.35);
border-radius:22px;
padding:38px;
box-shadow:0 18px 50px rgba(0,0,0,.35);
margin-bottom:28px;
}
.sd-about-card h2 {
font-size:30px;
font-weight:800;
text-transform:uppercase;
margin-bottom:18px;
}
.sd-about-card p {
color:#ddd;
font-size:17px;
line-height:1.8;
margin-bottom:18px;
}
.sd-about-grid {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
margin-top:30px;
}
.sd-about-feature {
background:#111;
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
padding:28px;
}
.sd-about-feature .fa {
color:#d81b9c;
margin-bottom:18px;
}
.sd-about-feature h3 {
font-size:21px;
font-weight:800;
text-transform:uppercase;
margin-bottom:14px;
}
.sd-about-feature p {
color:#ccc;
line-height:1.7;
}
.sd-about-cta {
text-align:center;
background:#0b0b0b;
padding:75px 20px;
border-top:1px solid rgba(216,27,156,.25);
}
.sd-about-cta h2 {
font-size:34px;
font-weight:800;
text-transform:uppercase;
margin-bottom:16px;
}
.sd-about-cta p {
max-width:760px;
margin:0 auto 28px;
color:#ddd;
font-size:17px;
line-height:1.8;
}
.sd-btn {
background:#d81b9c;
color:#fff;
border:0;
border-radius:999px;
padding:13px 28px;
font-weight:800;
text-decoration:none;
display:inline-block;
}
.sd-btn:hover {
background:#b91482;
color:#fff;
text-decoration:none;
}
@media(max-width:850px) {
.sd-about-hero {
min-height:540px;
padding:70px 18px;
}
.sd-about-hero h1 {
font-size:32px;
}
.sd-about-hero p {
font-size:17px;
}
.sd-about-card {
padding:26px 20px;
}
.sd-about-card h2,
.sd-about-cta h2 {
font-size:25px;
}
.sd-about-grid {
grid-template-columns:1fr;
}
}
.faq-page .sd-topbar {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 20;
padding: 22px 35px;
display: flex;
align-items: center;
justify-content: space-between;
background: rgba(30, 30, 30, 0.5);
}
.faq-page .navmenu,
.faq-page .navbar-offcanvas {
z-index: 10000;
}
.faq-page .sd-topbar {
position: absolute;
z-index: 9999;
}
#sd-faq-hero {
background: linear-gradient(rgba(50, 0, 80, 0.55), rgba(50, 0, 80, 0.65)),url('https://www.swingdesire.com/img/event-hero.webp');
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-attachment: scroll, scroll;
background-size: auto, auto;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
height: auto;
min-height: 520px;
padding-top: 170px;
color: #ffffff;
}

@media only screen and (max-width: 608px){
nav#menu span.fa.fa-bars {
left: 60px;
}
.header-text.btn {
height: auto;
white-space: inherit;
}
.hover-bg .hover-text {
padding: 15% 0;
}
}

@media only screen and (max-width: 460px){
h3 {
    font-size: 12px;
}
nav#menu span.fa.fa-bars {
left: 30px;
}
#home .content {
padding-top: 12%;
}
.header-text.btn {

  padding-top: 10px;
padding-bottom: 40px;
}
.content {
padding-top: 30%;
}
.hover-bg .hover-text {
padding: 20% 0;
}
#overview-video .overlay {
    padding: 30% 0px;
}
}
@media only screen and (max-width: 360px){
h1 {
    font-size: 36px;
}
h3 {
    font-size: 11px;
}
hover-bg .hover-text {
    padding: 25% 0px;
}
.pull-left,
.pull-right {
    float: none !important;
    text-align: center;
}
}
@media only screen and (max-width: 320px){
h1 {
    font-size: 30px;
}
hover-bg .hover-text {
    padding: 30% 0px;
}
}

/* Blog FAQ Only */
.blog-faq {
    background: #ffffff;
    padding: 10px;
    border-radius: 12px;
    margin-top: 40px;
}

.blog-faq h2 {
    color: #111;
}

.blog-faq .sd-faq-line {
    background: #c02cff;
}

.blog-faq .sd-faq-item {
    background: #f8f8f8;
    border: 1px solid #e5e5e5;
    margin-bottom: 10px;
    border-radius: 8px;
}

.blog-faq .sd-faq-question {
    background: transparent;
    color: #111;
}

.blog-faq .sd-faq-question:hover {
    background: #f2f2f2;
}

.blog-faq .sd-faq-answer {
    color: #555;
}

.blog-faq .sd-faq-answer p {
    color: #555;
}

.blog-faq .sd-faq-icon {
    color: #c02cff;
}