/* screen - dating-advice-single */

.dating-advice-single {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px none;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
#share-btn{
  display:flex;
  margin-left: auto;
}
.dating-advice-single .header {
  align-items: flex-end;
  align-self: center;
  cursor: pointer;
  display: flex;
  gap: 14px;
  height: 63px;
  margin-left: 16.0px;
  margin-top: 29px;
  min-width: 1378px;
  z-index: 4;
}

.dating-advice-single .flex-row {
  align-items: flex-end;
  display: flex;
  min-width: 962px;
}

.dating-advice-single .executive-search-dating-1 {
  height: 61px;
  width: 246px;
}

.dating-advice-single .how-it-works {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 6px;
  margin-left: 414px;
  min-height: 24px;
  min-width: 103px;
}

.dating-advice-single .locations {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 6px;
  margin-left: 15px;
  min-height: 24px;
  min-width: 78px;
}

.dating-advice-single .angle-down-solid-1-1 {
  height: 19px;
  margin-bottom: 7px;
  margin-left: 4px;
  width: 12px;
}

.dating-advice-single .about-us {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 6px;
  margin-left: 17px;
  min-height: 24px;
  min-width: 73px;
}

.dating-advice-single .flex-col-1 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  min-height: 63px;
  width: 386px;
}

.dating-advice-single .call-us-today-1-833-551-0221 {
  letter-spacing: 0;
  line-height: normal;
  margin-right: 1px;
  min-height: 30px;
  min-width: 296px;
}

.dating-advice-single .navbar-link-container {
  align-items: flex-start;
  display: flex;
  gap: 15px;
  height: 24px;
  margin-top: 3px;
  min-width: 386px;
}

.dating-advice-single .navbar-link-success-stories {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 130px;
}

.dating-advice-single .navbar-link-faq {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 32px;
}

.dating-advice-single .navbar-link-dating-advice {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
  min-width: 113px;
}

.dating-advice-single .navbar-link-place {
  cursor: pointer;
  letter-spacing: 0;
  line-height: normal;
  min-height: 24px;
}

.dating-advice-single .rectangle-26 {
  align-self: center;
  background-color: var(--trinidad);
  border: 1px none;
  border-radius: 2.5px;
  height: 5px;
  margin-left: 111.0px;
  margin-top: 1px;
  width: 113px;
}

.dating-advice-single .overlap-group6 {
  /* height: 1255px; */
  height: auto;
  margin-left: 37px;
  position: relative;
  width: 70%;
  z-index: 2;
}

.dating-advice-single .main-copy {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 2px;
  top: 0;
  width: 90%;
}

.dating-advice-single .mask-group-1 {
	height: 470px;
	width: 100%;
	border-radius: 25px;
	max-width: 100% !important;
	background-size: cover;
	min-width: 100% !important;
}

.dating-advice-single .blog-post-5 {
  height: -1px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 30px;
  width: 100%;
}

.dating-advice-single .overlap-group2 {
  align-items: center;
  background-color: var(--athens-gray);
  border-radius: 165.5px;
  display: flex;
  height: 30px;
  justify-content: flex-end;
  margin-top: 17px;
  padding: 0 13px;
}

.dating-advice-single .date {
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.dating-advice-single .lorem-ipsum-dolor-si {
  height: 10px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 22px;
  width: 865px;
}

.dating-advice-single .share-bar {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 21px;
  left: 0;
  top: 450px;
  width: 100%;
  border-bottom: 1px solid #dadada;  
}
.main-copy .mask-group-1{
  margin-bottom: 15px;
}
.dating-advice-single .flex-row-1 {
  align-items: flex-start;
  display: flex;
  margin-left: 0.43px;
  width: 100%;
  margin-bottom: 10px;
}

.dating-advice-single .angle-down-solid-1-1-1 {
  align-self: center;
  height: 12px;
  margin-top: 4.24px;
  width: 19px;
}

.dating-advice-single .go-back {
  align-self: flex-end;
  color: var(--orange);
  cursor: pointer;
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 700;
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 2px;
  width: 193px;
}

.dating-advice-single .overlap-group3 {
  height: 23px;
  position: relative;
}

.dating-advice-single .share {
  color: var(--black);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 700;
  height: 20px;
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  top: 2px;
  width: 89px;
}

.dating-advice-single .facebook-1 {
  height: 23px;
  left: 70px;
  position: absolute;
  top: 0;
  width: 23px;
}

.dating-advice-single .twitter-1 {
  height: 24px;
  margin-left: 17px;
  width: 22px;
}

.dating-advice-single .linkedin-1 {
  height: 24px;
  margin-left: 17px;
  width: 21px;
}

.dating-advice-single .line-5 {
  height: 1px;
  object-fit: cover;
  width: 868px;
}

.dating-advice-single .recent-posts {
  align-items: flex-start;
  display: flex;
  height: 496px;
  right: 35px;
  position: fixed;
  z-index: 5;
  width: initial;
}

.dating-advice-single .overlap-group5 {
  align-items: center;
  background-color: var(--white);
  border: 1.5px solid;
  border-color: var(--alto);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  min-height: 496px;
  padding: 1.0px 1.0px;
  width: 460px;
}

.dating-advice-single .overlap-group {
  border-radius: 10px 9px 0px 0px;
  height: 62px;
  margin-left: 0;
  position: relative;
  width: 100%;
  text-align: center;
}

.dating-advice-single .rectangle-28 {
  background-color: var(--athens-gray);
  border: 1px none;
  border-radius: 10px 9px 0px 0px;
  height: 62px;
  left: 0;
  position: absolute;
  top: 0;
  width: 461px;
}

.dating-advice-single .recent-dating-advice {
  height: 30px;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  height: 62px;
  margin-left: 0;
  position: relative;
  background-color: var(--athens-gray);
  border: 1px none;
  border-radius: 10px 9px 0px 0px;
  width: 100%;
  padding-left: 10px;
}

.dating-advice-single .blog-post-2 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  height: 97px;
  margin-left: 5.0px;
  margin-top: 33px;
  min-width: 428px;
}

.dating-advice-single .mask-group {
  height: 100% !important;
  border-radius: 7px;
  margin-left: 4%;
}

.dating-advice-single .flex-col {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  gap: 13px;
  min-height: 95px;
  min-width: auto;
}

.dating-advice-single .blog-post {
	height: 11px;
	position: absolute;
	width: 60%;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-size: 15px;
	line-height: 24px;
	display: flex;
	align-items: center;
	color: #000000;
	margin-top: 35px;
}
.dating-advice-single .sed-laoreet-finibus {
  height: 71px;
  letter-spacing: 0;
  line-height: normal;
  width: auto;
}

.dating-advice-single .blog-post-1 {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  height: 97px;
  margin-left: auto;
  margin-top: 38px;
  width: 100%;
}

.dating-advice-single .blog-footer {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 33px;
  min-height: 55px;
  width: 100%;
  z-index: 1;
  padding-bottom: 30px;
}

.dating-advice-single .line-4 {
  height: 1px;
  margin-top: -1px;
  object-fit: cover;
  width: 868px;
}

.dating-advice-single .overlap-group-container {
  align-items: flex-start;
  display: flex;
  gap: 24px;
  margin-left: 2px;
  min-width: 561px;
}

.dating-advice-single .overlap-group-1 {
  align-items: center;
  background-color: var(--athens-gray);
  border-radius: 165.5px;
  display: flex;
  height: auto;
  justify-content: flex-end;
  min-width: 21%;
  padding: 0 5px;
}

.dating-advice-single .category-first-date-ideas {
  margin-top: 4px !important;
  margin-bottom: 5px;
  height: auto !important;
  letter-spacing: 0;
  line-height: normal;
}

.dating-advice-single .overlap-group1 {
  align-items: center;
  background-color: var(--athens-gray);
  border-radius: 165.5px;
  display: flex;
  height: 30px;
  padding: 0 15px;
}

.dating-advice-single .tags-first-date-i {
  height: 20px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 14px !important;
}

.dating-advice-single .span-1 {
  color: var(--mine-shaft);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-s);
  font-weight: 400;
}

.dating-advice-single .footer {
  align-items: flex-start;
  display: flex;
  margin-top: 45px;
  min-width: 1442px;
  z-index: 3;
}

.dating-advice-single .overlap-group4 {
  align-items: flex-start;
  background-color: var(--white);
  border: 1px solid;
  border-color: var(--alto);
  display: flex;
  height: 84px;
  min-width: 1440px;
  padding: 29px 37px;
}

.dating-advice-single .x2022-copyright-exe {
  align-self: center;
  height: 19px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1.0px;
  width: 737px;
}

.dating-advice-single .facebook-1-1 {
  height: 24px;
  margin-left: 413px;
  width: 24px;
}

.dating-advice-single .twitter-1-1 {
  height: 24px;
  margin-left: 19px;
  width: 24px;
}

.dating-advice-single .instagram-1 {
  height: 24px;
  margin-left: 18px;
  width: 21px;
}

.dating-advice-single .linkedin-1-1 {
  height: 24px;
  margin-left: 22px;
  width: 21px;
}

.dating-advice-single .youtube-1 {
  height: 24px;
  margin-left: 21px;
  width: 28px;
}

.screen {
  margin: auto !important;
}
.dating-advice-single .main-copy p {
  margin-top: 0px;
}
.category-first-date-ideas{
  padding: 0 13px;
}
.dating-advice-single .blog-footer {
  border-top: 1.5px solid #dadada;
}
.dating-advice-single .overlap-group-container {
  margin-top: 20px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

@media only screen and (max-width: 1400px){
  .dating-advice-single .overlap-group6 {
    width: 60%;
  }
}
@media only screen and (max-width: 1200px) {
  .main-copy .mask-group-1 {
    margin-top: 15px !important;
  }
	.dating-advice-single .blog-post-5 {
		width: 100%;
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 600;
		font-size: 20px;
		line-height: 30px;
		display: flex;
		align-items: center;
		text-align: center;
		color: #000000;
	}
  .dating-advice-single .overlap-group2 {
    margin: auto;
    margin-top: 15px;
  }
  .dating-advice-single .overlap-group6 {
    width: 100%; 
  }
  .dating-advice-single {
		align-items: flex-start;
		background-color: var(--white);
		border: 1px none;
		display: block;
		flex-direction: column;
		height: auto;
		overflow: hidden;
		width: 100%;
	}
  .dating-advice-single .overlap-group6 {
    order: 1;
    height: auto;
  }
	.dating-advice-single .recent-posts {
		align-items: flex-start;
		display: flex;
		height: 496px;
		left: 30px;
		position: inherit;
		top: 1600px;
		z-index: 5;
    order: 3;
    margin: auto;
    margin-top: 30px;
    width: auto;
    margin-bottom: 20px;
	}
  .dating-advice-single .main-copy {
    min-height: auto;
    position: inherit;
    margin: auto;
  }
  .dating-advice-single .blog-footer {
    order: 2;
  }
  .dating-advice .hero-image {
    align-items: flex-start;
    display: flex;
    height: 500px;
    justify-content: center;
    margin-top: 26px;
    min-width: 1360px;
    z-index: 8;
  }
  .dating-advice-single .overlap-group6 {
    margin: auto;
  }
  .dating-advice-single .mask-group-1 {
    margin-left: auto;
	height: 200px;
  }
  #share-btn {
	margin-right: 0px !important;
  }
	.dating-advice-single .blog-post {
		height: auto;
		position: absolute;
		width: 290PX;
		font-family: 'Poppins';
		font-style: normal;
		font-weight: 600;
		font-size: 15px;
		line-height: 24px;
		display: flex;
		align-items: center;
		color: #000;
		margin-top: 17px;
	}
  .dating-advice-single .overlap-group5 {
    margin: auto;
  }
}

@media only screen and (max-width: 700px) {
  .dating-advice-single .overlap-group-container {
    display: block;
  }
  .dating-advice-single .overlap-group-1, .dating-advice-single .overlap-group1 {
    width: fit-content;
  }
  .dating-advice-single .overlap-group1 {
    margin-top: 20px;
  }
  .dating-advice-single .blog-footer {
    gap: 5;
    margin-left: auto;
  }
   #share-btn {
	  margin-left: -45px;
    margin-right: 0px !important;
  }
  .dating-advice-single .overlap-group-container {
    min-width: auto;
  }
  .dating-advice-single .overlap-group1 {
    height: auto;
  }
  .dating-advice-single .tags-first-date-i {
    margin-top: 5px !important;
    margin-bottom: 5px;
    height: auto !important;
  }
  .dating-advice-single .recent-posts {
    margin: auto;
    margin-top: 30px;
    height: auto;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 450px) {
	.dating-advice-single .recent-posts {
		margin: auto;
		margin-top: 30px;
		height: auto;
    width: 100%;
	}
  .dating-advice-single .overlap-group5 {
    width: 95%;
  }
  .dating-advice-single .blog-post {
    height: auto;
  }
  #share-btn {
	  margin-left: -45px;
    margin-right: 0px !important;
  }
  .dating-advice-single .blog-post-1 {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    height: 97px;
    margin-left: auto;
    margin-top: 38px;
    width: 100%;
  }
  .dating-advice-single .mask-group {
    height: 75% !important;
    border-radius: 7px;
    margin-left: 4%;
  }
  .dating-advice-single .blog-post {
    width: 57%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape) {
	.poppins-normal-orange-14px {
		color: #F66828;
		font-family: var(--font-family-poppins);
		font-size: var(--font-size-s);
		font-style: normal;
		font-weight: 400;
	}
	.poppins-normal-orange-14px {
		color: #F66828;
		font-family: var(--font-family-poppins);
		font-size: var(--font-size-s);
		font-style: normal;
		font-weight: 400;
	}
	.dating-advice-single .go-back {
		align-self: flex-end;
		color: #F66828;
		cursor: pointer;
		font-family: var(--font-family-poppins);
		font-size: var(--font-size-m);
		font-weight: 700;
		height: 20px;
		letter-spacing: 0;
		line-height: normal;
		margin-left: 2px;
		width: 193px;
	}
	.dating-advice-single .go-back {
		align-self: flex-end;
		color: #F66828;
		cursor: pointer;
		font-family: var(--font-family-poppins);
		font-size: var(--font-size-m);
		font-weight: 700;
		height: 20px;
		letter-spacing: 0;
		line-height: normal;
		margin-left: 2px;
		width: 193px;
	}
	.poppins-normal-orange-14px {
		color: #F66828;
		font-family: var(--font-family-poppins);
		font-size: var(--font-size-s);
		font-style: normal;
		font-weight: 400;
	}
  .dating-advice-single .overlap-group5 {
    border: 2px solid  var(--alto) !important;
  }
}
.dating-advice-single .overlap-group2 {
  margin-bottom: 15px;
}
@media screen and (min-device-width: 1440px) and (max-device-height: 900px) and (orientation: landscape){
  .dating-advice-single .main-copy {
    width: 88%;
  }
  
}

@media screen and (min-device-width: 1920px) and (max-device-height: 1080px) and (orientation: landscape){
  .dating-advice-single .overlap-group5 {
    border: 2px solid var(--alto) !important;
  }
  
}