/* Banners */
.bannerSection {
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  z-index: 1;
}
.bannerSection::before {
  content: "";
  position: absolute;
  width: 47.604vw;
  aspect-ratio: 1/1;
  top: -3.229vw;
  left: -10.417vw;
  background: url(../images/gradient.png) no-repeat left;
  background-size: cover;
  z-index: -1;
}
.bannerlineVector {
  position: absolute;
  transform: translateY(-50%);
  width: 100px;
  aspect-ratio: 1/2;
  opacity: 0.4;
}
.bannerlineVec1 {
  left: -50px;
  top: 40%;
  /* transform: translateX(-50%); */
}
.bannerlineVec2 {
  right: -50px;
  top: 60%;
}
.bannerTxtWrp > *:last-child {
  margin: 0;
}
.bannerTxtWrp h1 {
font-family:var(--fhTotalLight);
	font-weight:100;
  color: var(--black);
  line-height: 1.3;
  font-size: 42px;
}
.bannerTxtWrp h1 span {
  font-family: var(--fhTotalsemiBold);
}
.bannerTxtWrp p {
  font-weight: 100;
  font-size: 18px;
}
.bannerTxtWrp p span {font-family: var(--fhTotal);}
.bannerCirAnim {
  background: radial-gradient(
    51.27% 51.27% at 46.19% 37.29%,
    #d9d9d9 0%,
    #f2994a 100%
  );
  width: 150px;
  aspect-ratio: 1/1;
  left: 100%;
  position: absolute;
  bottom: 0;
  border-radius: 100%;
  backdrop-filter: blur(50px);
  opacity: 0.2;
  transform: translateX(-50%);
}
.bannerTxtWrp .sohLogo {
  width: 100px;
  margin: 20px 0;
}
.hashtagList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.hashtagList li {
  background: #b49b724d;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 14px;
	font-family:var(--fhTotal)
}
.bannerSection .socialList {
  margin-top: 15px;
}
.bannerSection .socialList a {
  width: 25px;
}
@media (min-width: 768.99px) {
  .bannerlineVector {
    width: 150px;
    top: 50% !important;
  }
  .bannerTxtWrp h1 {
    font-size: 64px;
  }
}
@media (min-width: 991.99px) {
  .bannerlineVector {
    width: 12vw;
  }
  .bannerlineVec1 {
    left: -6vw;
  }
  .bannerlineVec2 {
    right: -6vw;
  }
  .bannerSection h1 {
    font-size: 6.667vw;
  }
  .bannerTxtWrp p {
    font-size: 2.083vw;
  }
  .bannerCirAnim {
    width: 18vw;
  }
  .bannerTxtWrp .sohLogo {
    width: 17.361vw;

    margin: 2vw 0;
  }
  .hashtagList {
    gap: 0.781vw;
  }
  .hashtagList li {
    padding: 1.042vw 2.083vw;
    border-radius: 0.521vw;
    font-size: 1.25vw;
    line-height: 1;
  }
  .bannerSection .socialList {
    margin-top: 1.5vw;
  }
  .bannerSection .socialList a {
    width: 2.894vw;
  }
}

/* Intro */
.introWrp {
  font-size: 26.6px;
  text-align: center;
  font-weight: 100;
  line-height: 1.4;
}

.introWrp span {
  font-family: var(--fhTotal);
}
.introWrp p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768.99px) {
  .introWrp {
    font-size: 40px;
  }
}
@media (min-width: 991.99px) {
  .introWrp {
    font-size: 3.704vw;
  }
  .introWrp p {
    margin-bottom: 3vw;
  }
}

/* About Founder */
.founderSec {
  width: 100%;
  margin: 0 auto;
  border-radius: 0;
}

.animateCir {
  background: linear-gradient(180deg, #b49b72 0%, #f5ecdd 26.93%);
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100rem 100rem 0 0;
}

.founderPicCol {
  background: var(--black);
  overflow: hidden;
  width: 80%;
  border-radius: 50rem 50rem 10px 10px;
  margin-bottom: 50px;
}
.founderInfo {
  text-align: center;
}
.founderInfo > * {
  margin-bottom: 30px;
}
.founderInfo > *:last-child {
  margin-bottom: 0;
}
.founderInfo h4 {
  font-weight: 100;
  line-height: 1.5;
  position: relative;
  font-size: 20px;
  padding: 0 30px;
}
.founderInfo h4::before,
.founderInfo h4:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 20px;
  aspect-ratio: 1/1;
  transform: translateY(-50%);
}
.founderInfo h4::before {
  left: 0;
  background: url(../images/quote.svg) no-repeat center;
  background-size: 100%;
}
.founderInfo h4::after {
  right: 0;
  background: url(../images/quote.svg) no-repeat center;
  background-size: 100%;
  transform: rotate(180deg);
}
.founderInfo h5 {
	font-family:var(--fhTotal);

  font-size: 16px;
}
.founderInfo h5 span {

		font-family:var(--fhTotalBold)
}
@media (min-width: 768.99px) {
  .founderPicCol {
    width: 60%;
  }
}
@media (min-width: 991.99px) {
  .founderPicCol {
    width: 29.271vw;
    margin-bottom: 5vw;
  }
  .founderInfo > * {
    margin-bottom: 3vw;
  }
  .founderInfo h4 {
    font-size: 2.315vw;
    margin-bottom: 3vw;
    padding: 0 5.208vw;
  }
  .founderInfo h4::before,
  .founderInfo h4:after {
    width: 3vw;
  }
  .founderInfo h5 {
    font-size: 1.852vw;
  }
}

/* Magzine launch monthly */
.sohLogo {
  width: 100px;
  margin-bottom: 30px;
}

.monthRow {
  gap: 20px 0;
  margin-bottom: 30px;
}
.monthRow li {
  cursor: pointer;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0 10px;
  font-size: 16px;
	font-family:var(--fhTotal)
}
.monthRow li.active {
  color: var(--gold);
}
.monthRow li::before {
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 100%;
}
.monthRow li.active::before {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23b49b72' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 100%;
}
.magzineCol {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.magzinePic {
  aspect-ratio: 100/129;
  overflow: hidden;
  border-radius: 100rem 100rem 10px 10px;
  transform-origin: 50% 50%;
  background: var(--primary);
}
.magzinePic img,
.magzinePic video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 575.99px) {
  .sohLogo {
    width: 200px;
  }
}
@media (min-width: 768.99px) {
  .magzineCol {
    width: 60%;
  }
}
@media (min-width: 991.99px) {
  .sohLogo {
    width: 15.232vw;
    margin-bottom: 2.5vw;
  }

  .monthRow {
    gap: 3vw 0;
  }
  .monthRow li {
    font-size: 1.563vw;
    gap: 0 0.8vw;
  }
  .monthRow li::before {
    width: 1.2vw;
  }
  .magzineCol {
    width: 24.323vw;
    height: 34.479vw;
    /* margin-top: -10vw; */
  }
  .magzineTabsWrp .magzineCol {
    margin-top: -10vw;
  }
  .magzineCol .pluses span {
    border-radius: 16.406vw 16.406vw 0.521vw 0.521vw;
  }
}

/* Our Founder */
.founderSec {
  z-index: 1;
  position: relative;
}
.principleAccWrp {
  border-top: 1px solid var(--black);
  margin-top: -100vh;
  position: relative;
  z-index: 2;
  background: linear-gradient(180deg, #f5ecdd 0%, #b49b72 50%, #f5ecdd 100%);
}
.principleAccWrp .accordianCard {
  border-bottom: 1px solid var(--black);
}
.principleAccWrp .accordianCard .accHead {
  padding: 20px 0;
  font-size: 20px;
  line-height: 1;
	font-family:var(--fhTotal)
}
.principleAccWrp .accordianCard span {
  font-weight: 700;
  font-style: italic;
}
.principleAccWrp .accordianCard .accContent {
  font-size: 16px;
}
.principleAccWrp .accContent .container > * {
  margin-bottom: 20px;
}
.scrollBtn:after {
  content: "";
  display: block;
  margin: 0 auto;
  width: 20px;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media (min-width: 991.99px) {
  h2.title.prinHeadTitle {
    margin-bottom: 15vw;
  }

  .principleAccWrp .accordianCard .accHead {
    font-size: 2.778vw;
    padding: 4.63vw 0;
  }
  .principleAccWrp .accordianCard .accContent {
    padding-bottom: 4.63vw;
  }
  .principleAccWrp .accordianCard .accContent {
    font-weight: 300;
    font-size: 2.083vw;
    line-height: 2.708vw;
  }
  .principleAccWrp .accContent .container > * {
    margin-bottom: 2vw;
  }
  .principleAccWrp .accContent .container > *:last-child {
    margin-bottom: 0;
  }

  .scrollBtn {
    font-size: 1.25vw;
  }
  .scrollBtn:after {
    width: 1.5vw;
  }
}

/* Testimonial Section */
.testSec {
  background: var(--primary);
}
.testSwiper .swiper-slide {
  background: var(--primary);
}

.testDetails h5 {
  font-weight: 100;
}
.testPicCol {
  border: 1px solid rgba(180, 155, 114, 1);
  position: relative;
  margin-bottom: 1px;
  padding: 5px;
}
.testPicCol,
.testPicCol img {
  border-radius: 100rem 100rem 10px 10px;
}
.testPicCol span {
  width: 40px;
  height: 1px;
  background: rgba(180, 155, 114, 1);
  display: block;
  position: absolute;
}
.testPicCol span::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 5px;
  aspect-ratio: 1/1;
  background: rgba(180, 155, 114, 1);
  border-radius: 100%;
}
.testPicCol span:nth-child(1):before {
  left: 0;
}
.testPicCol span:nth-child(2)::before {
  right: 0;
}
.testPicCol img {
  aspect-ratio: 3/4;
  object-fit: cover;
}
.testDetails {
  text-align: center;
}
.testContent {
  font-family: var(--interFont);
  font-weight: 300;
  position: relative;
}

.testContent > *:last-child {
  margin: 0;
}
.testContent::before,
.testContent::after {
  content: "";
  aspect-ratio: 1/1;
  display: block;
  width: 30px;
}
.testContent::before {
  background: url(../images/goldQuote.svg) no-repeat center;
  background-size: 100%;
  margin-bottom: 1rem;
}
.testContent::after {
  background: url(../images/goldQuote.svg) no-repeat center;
  background-size: 100%;
  margin-left: auto;
  transform: rotate(180deg);
}
.testContent {
  font-size: 12px;
}
@media (min-width: 991.99px) {
  .testDetails h5 {
    font-size: 2.778vw;
  }
  .testPicCol {
    padding: 0.579vw;
  }
  .testPicCol span {
    width: 14.323vw;
  }
  .testDetails {
    text-align: left;
  }
  .testContent {
    font-size: 1.157vw;
    line-height: 2.199vw;
  }

  .testContent::before {
    margin-bottom: 2vw;
  }

  .testPicCol span {
    width: 14.323vw;
  }
  .testContent::before,
  .testContent::after {
    width: 3.472vw;
  }
  .testContentPara {
    display: -webkit-box;
    display: box; /* optional for older specs */
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    box-orient: vertical; /* optional for older specs */
    overflow: hidden;
  }
}

/* Who we are section */
.whoareTxt {
  font-weight: 100;
}
.whoareTxt > * {
  line-height: 1.2;
}
.whoareTxt span {
  font-weight: 400;
}
.whoareTxt > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 991.99px) {
  .whoareTxt {
    font-size: 3.333vw;
  }
  .whoareTxt > * {
    margin-bottom: 2vw;
  }
}

/* Video section */
.videoSec {
  background: var(--primary);
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.videoSec video {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  object-fit: cover;
}
.videoSec img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

/* About us  -  what we do section */
.wwdSec p {
  font-weight: 100;
  font-size: 20px;
}
.wwdSec p:last-child {
  margin-bottom: 0;
}
@media (min-width: 991.99px) {
  .wwdSec p {
    font-size: 2.083vw;
  }
  .wwdRow {
    --bs-gutter-x: 5vw;
  }
}

/* meet the founder */
.mtfSec h2.title span {
  display: inline-block;
}
.mtfSec p {
  font-weight: 100;
  font-size: 20px;
}
.mtfSec p span,
.mtfSec h6 {
  font-weight: 400;
}
.mtfSec h6 {
  margin-bottom: 0 !important;
  font-size: 20px;
}
.mtfSec h6 span {
  font-weight: 700;
  display: block;
}
.founderName {
  gap: 0 15px;
}
.leafWrp {
  width: 30px;
}
@media (min-width: 991.99px) {
  .mtfSec .row {
    --bs-gutter-x: 6.25vw;
  }
  .mtfSec h2.title {
    font-size: 3.333vw;
    margin-bottom: 3.385vw;
  }
  .mtfSec p,
  .mtfSec h6 {
    font-size: 1.875vw;
    margin-bottom: 3vw;
  }
  .founderName {
    gap: 0 1.302vw;
  }
  .leafWrp {
    width: 3.125vw;
  }
}

/* company core principle */
.ccpSec .accordianCard:last-child {
  border: 0;
}

/* Contact Page */
.contactWrp {
  border: 1px solid var(--black);
  border-radius: 10px;
  padding: 15px;
  overflow: hidden;
}
.contInfoBox {
  border: 1px solid var(--black);
  border-radius: 5px;
  /* padding: 15px 15px 0 15px; */
  padding: 15px;
}
.contInfoBox > * {
  margin-bottom: 20px;
}
.contInfoBox > *:last-child {
  margin-bottom: 0;
}
.contactHead {
  font-size: 25px;
font-family:var(--fhTotal)
}
.contInfoBox h6 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0.5px;
	font-family:var(--fhTotal)
}
.contInfoList li {
  position: relative;
  margin-bottom: 20px;
}
.contInfoList li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1/1;
  background: url(../images/gradStar.svg) no-repeat center;
  background-size: 100%;
}
.contInfoList li:last-child {
  margin-bottom: 0;
}
.contInfoList li p {
  /*font-family: var(--interFont);*/
  font-weight: 300;
}
.contInfoList li p:last-child {
  margin-bottom: 0;
}
.officeInfo {
  background: rgb(172 128 57 / 10%);
  /* margin: 0 -15px; */
  padding: 15px;
}
.officeInfo li {
 /* font-family: var(--interFont);
  font-weight: 300;*/
  margin-bottom: 20px;
}
.officeInfo li:last-child {
  margin-bottom: 0;
}
.officeInfo li > * {
  margin-bottom: 10px;
}
.officeInfo li > *:last-child {
  margin-bottom: 0;
}
.officeInfo li h6 {
font-family:var(--fhTotal);

}

.gdCta {
  color: rgba(172, 128, 57, 1);
  font-weight: 500;
  display: flex;
  align-items: end;
  line-height: 1;
  gap: 0 5px;
}
.gdCta:after {
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23AC8039' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M9.42758 3.41116L1.38902 11.4497L0.388997 10.4497L8.42756 2.41114L3.13787 2.33671L3.11825 0.942297L10.7885 1.05022L10.8964 8.72047L9.50201 8.70085L9.42758 3.41116Z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 100%;
}
.contactForm > * {
  margin-bottom: 20px;
}
.contactForm > *:last-child {
  margin-bottom: 0;
}
.contactForm .form-floating label {
  padding-left: 0;
  padding-right: 0;
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.7) translateY(-1rem) translateX(0);
}

.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  background: transparent;
}

.contactForm .form-floating .form-control {
  border: 0;
  background: none;
  border-bottom: 1px solid #000;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 24px;
}
.contactForm .radioCol .btn {
  border: 1px solid var(--black);
  display: flex;
  align-items: center;
  gap: 0 5px;
 /* font-family: var(--interFont);*/
  font-size: 12px;
}

.contactForm .radioCol .btn::before {
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  border: 1px solid var(--black);
  border-radius: 100%;
}
.contactForm .radioCol .btn-check:checked + .btn::before {
  background-color: rgba(172, 128, 57, 1);
  border-color: rgba(172, 128, 57, 1);
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.contactForm .radioCol .btn-check:checked + .btn {
  background: rgba(172, 128, 57, 0.2);
}
.mapSec iframe {
  width: 100%;
  height: 300px;
  display: block;
  filter: grayscale(100);
}
.officePic {
  position: relative;
}
.officePic img {
  border-radius: 100rem 100rem 10px 10px;
  object-fit: cover;
  width: 75%;
}

.officePic img.officePic2 {
  position: absolute;
  bottom: 10%;
  right: 0;
  width: 50%;
  border: 5px solid var(--primary);
}
.officeContact {
  background: rgb(172 128 57 / 10%);
  font-weight: 500;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 10px;
}
.officeContact:last-child {
  margin-bottom: 0;
}

.officeContact h6 {
  font-weight: 400;
  margin-bottom: 15px;
  font-size: 16px;
}
.officeContact li {
  font-family: var(--interFont);
}
.officeContact li span {
  font-weight: 300;
}

.mapSec {	  background:#dfdfdf; margin-bottom:-50px}

@media (min-width: 991.99px) {
  .contactWrp {
    border-radius: 1.042vw;
    padding: 1.563vw;
  }
  .contactWrpRow {
    --bs-gutter-x: 2.969vw;
  }
  .contInfoBox {
    border-radius: 0.521vw;
    padding: 1.823vw 1.823vw 0 1.823vw;
    /* padding: 1.823vw; */
  }
  .contactHead {
    font-size: 1.875vw;
    margin-bottom: 2.292vw;
  }
  .contInfoBox h6 {
    font-size: 1.042vw;
    margin-bottom: 0.5vw;
  }
  .contInfoBox > * {
    margin-bottom: 2vw;
  }
  .contInfoList li {
    margin-bottom: 1.823vw;
    padding-left: 1.5vw;
  }
  .contInfoList li:before {
    width: 1.042vw;
  }
  .officeInfo {
    margin: 0 -1.823vw;
    padding: 1.823vw;
  }
  .officeInfo li {
    margin-bottom: 2vw;
  }
  .officeInfo li > * {
    margin-bottom: 1.042vw;
  }
  .officeInfo li h6 {
    font-size: 1.042vw;
  }
  .gdCta {
    font-size: 0.926vw;
    gap: 0 0.289vw;
  }
  .gdCta:after {
    width: 0.868vw;
  }
  .contactFormWrp {
    margin-top: 1.823vw;
  }
  .contactForm {
    --bs-gutter-x: 2.344vw;
  }
  .contactForm > * {
    margin-bottom: 1.823vw;
  }

  .contactForm .form-floating > label {
    font-size: 1.25vw;
  }
  .contactForm .radioCol .btn {
    padding: 0.781vw 1.042vw;
    font-size: 0.833vw;
    gap: 0 1.042vw;
  }

  .contactForm .radioCol .btn::before {
    width: 1.458vw;
  }
  .contactForm .form-control {
    height: 3.542vw;
    min-height: 3.542vw;
    font-size: 1.25vw;
  }
  .officeRow {
    --bs-gutter-x: 2.604vw;
  }
  .officePic {
    width: 35.521vw;
  }
  .officePic img {
    height: 39.063vw;
  }
  .officePic .officePic2 {
    height: 25vw;
  }
  .officeContact {
    background: rgb(172 128 57 / 10%);
    border-radius: 1.042vw;
    padding: 2.083vw;
    margin-bottom: 1.302vw;
    font-weight: 500;
  }
  .officeContact:last-child {
    margin-bottom: 0;
  }
  .officeContact h6 {
    margin-bottom: 1.5vw;
    font-weight: 400;
    font-size: 1.25vw;
  }
  .officeContact li {
    font-family: var(--interFont);
    font-size: 0.833vw;
  }
  .officeContact li span {
    font-weight: 300;
  }
  .mapSec {
    margin-bottom: -5vw;
	  padding-bottom:5vw!important;

  }
  .mapSec iframe {
    height: 40vw;
  }
}

/********** SOH Page  **********/
.audienceSwiper {
  margin-bottom: 30px;
}
.audienceMagzCard {
  border-radius: 10px;
  overflow: hidden;
  display: block;
}
.audienceMagzCard img {
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.audiHead > * {
  margin-bottom: 30px;
}
.audienceContent > *:last-child {
  margin-bottom: 0;
}
.audiHead {
  text-align: center;
}
.audiHead p {
  font-weight: 100;
  font-size: 18px;
}
.audienceContent .starIcon {
  display: table;
  margin: 0 auto;
  width: 30px;
}
.avilableCol h5 {
  text-align: center;
	font-family:var(--fhTotal)
}

.sohMagzineSec {
  height: 100vh;
}
.sohMagzineSec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sohSec {
  background: linear-gradient(180deg, #dbccb2 0%, #f5ecdd 100%);
}

.scrollList {
  z-index: 9999;
  position: relative;
}

.printWrp {
  margin-bottom: 50px;
}
.printWrp > * {
  margin-bottom: 50px;
}
.scrollSec > div {
  padding: 50px 0 0 0;
  margin: 0;
}

.printWrp > *:last-child {
  margin-bottom: 0;
}

.pmSwiper {
  margin-bottom: 30px;
}
.pmCard {
  display: block;
  aspect-ratio: 4/5;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.pmCard:after {
  content: "";
  position: absolute;
  top: 98px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 79.74%);
}
.pmCard img {
  height: 100%;
  object-fit: cover;
}
.pmCardTxt {
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding: 15px;
}
.pmCardTxt .publishDetails {
  color: var(--white);
}
.pbDate {
  text-align: center;
  width: 50px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--primary);
  font-weight: 500;
  line-height: 1;
  padding-bottom: 10px;
  color: var(--black);
}
.pbDate span {
  display: block;
  background: #ac8039;
  color: var(--white);
  padding: 10px 0;
  margin-bottom: 10px;
}
.publishDetails h4 {
  font-size: 18px;
}
.publishDetails p {
  margin-bottom: 0;
  line-height: 1.3;
  font-weight: 300;
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; */
}

.digitalWrp {
  margin-bottom: 50px;
}

.dePicWrp {
  position: relative;
  padding: 0 50px 50px 0;
}
.dePicWrp img {
  border-radius: 100rem 100rem 0 0;
}
.dePicWrp img:nth-child(2) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 55%;
  border: 5px solid var(--primary);
}
.digitalRightCol > * {
  margin-bottom: 50px;
}
.digitalRightCol > *:last-child {
  margin-bottom: 0;
}

.smWrp {
  margin-bottom: 50px;
}
.smBox {
  padding: 30px;
  border-radius: 10px;

  border: 1px solid transparent;
  background: linear-gradient(#eee3d2, #eee3d2) padding-box,
    linear-gradient(180deg, #ac8039 0%, #f5ecdd 100%) border-box;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.socialIcon {
  width: 50px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border: 1px solid rgba(180, 155, 114, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
}
.socialIcon img {
  width: 50%;
  height: 50%;
}

.eventCard {
  border: 1px solid #b49b72;
  overflow: hidden;
  border-radius: 10px;
}
.eventImgWrp {
  aspect-ratio: 2/1;
}
.eventImgWrp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.eventContent .evDate {
  background: #b49b724d;
  text-align: center;
  font-weight: 500;
  overflow: hidden;
  line-height: 1;
}
.eventContent .evDate span {
  background: #ac8039;
  display: block;
  color: var(--white);
}
.eventContent {
  font-weight: 300;
}
.eventContent h4 {
  font-size: 2.5vw;
  font-weight: 300;
}
.eventCard .publishDetails {
  padding: 10px;
}
.eventCard .publishDetails .pbDate {
  background: rgba(180, 155, 114, 0.3);
}

.instaFeedSec {
  overflow: hidden;
}
.instaFeedSwiper {
  overflow: visible;
  margin-bottom: 30px;
}
.feedBox {
  aspect-ratio: 4/5;
}
.feedBox img {
  height: 100%;
  object-fit: cover;
}

@media (min-width: 575.99px) {
  .dePicWrp {
    width: 60%;
    margin: 0 auto;
  }

  .eventCard .publishDetails {
    padding: 15px;
  }
}

@media (min-width: 768.99px) {
  .audienceSwiper {
    margin: 7.5vw 2.604vw 0 2.604vw;
    overflow: visible;
  }
  .audienceSwiper .swiper-wrapper {
    flex-wrap: wrap;
    --bs-gutter-x: 2vw;
    --bs-gutter-y: 2vw;
  }
  .audienceSwiper .swiper-wrapper .swiper-slide {
    flex: 0 0 auto;
    width: 20%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
  }
  .audienceSwiper .swiper-wrapper .swiper-slide:nth-child(2),
  .audienceSwiper .swiper-wrapper .swiper-slide:nth-child(4),
  .audienceSwiper .swiper-wrapper .swiper-slide:nth-child(7),
  .audienceSwiper .swiper-wrapper .swiper-slide:nth-child(8) {
    margin-top: -7.5vw;
  }
  .audienceSwiper .swiper-wrapper .swiper-slide:nth-child(8) {
    margin-left: 20%;
  }

  .dePicWrp {
    width: 100%;
  }

  .eventCard .publishDetails {
    padding: 25px;
  }
}

@media (min-width: 991.99px) {
  .audienceSwiper .swiper-wrapper {
    --bs-gutter-x: 2.5vw;
    --bs-gutter-y: 2.5vw;
  }
  .audienceContent {
    margin-top: -3vw;
  }
  .audiHead > * {
    margin-bottom: 3vw;
  }
  .audienceMagzCard {
    border-radius: 0.521vw;
  }
  .audiHead p {
    font-size: 1.852vw;
  }
  .audienceContent .starIcon {
    width: 5.938vw;
  }
  .avilableCol h5 {
    font-size: 2.083vw;
    margin-bottom: 1vw;
  }

  /* .scrollList {
    margin-bottom: 7.292vw;
  } */

  .scrollSec > div {
    padding: 10vw 0 0 0;
    margin: 0;
  }

  .printWrp > * {
    margin-bottom: 4.896vw;
  }
  .pmSwiper {
    margin-bottom: 2.604vw;
  }
  .pmYearList {
    margin-bottom: 2.604vw;
  }
  .pmCardTxt {
    padding: 1.302vw;
  }
  .pbDate {
    width: 3.125vw;

    border-radius: 0.521vw;

    padding-bottom: 0.521vw;
  }
  .pbDate span {
    padding: 0.521vw 0;
    margin-bottom: 0.521vw;
  }
  .publishDetails h4 {
    font-size: 1.25vw;
  }

  .digitalWrp {
    margin-bottom: 14.583vw;
  }
  .digitalWrpRow {
    --bs-gutter-x: 2.604vw;
  }
  .dePicWrp {
    padding: 0 4.427vw 4.427vw 0;
  }
  .digitalRightCol > * {
    margin-bottom: 5.208vw;
  }

  .smWrp {
    margin-bottom: 10vw;
  }
  .smBox {
    padding: 2.5vw;
    border-radius: 0.625vw;
  }
  .smBox:before {
    border-radius: 0.625vw;
  }
  .socialIcon {
    width: 6.25vw;
    margin: 0 auto 2.5vw auto;
  }

  /* .eventWrp .title span {
    margin-left: 25%;
  } */
  .eventCard {
    border-radius: 1.042vw;
  }
  .eventCard .publishDetails {
    padding: 3.125vw 2.604vw;
  }
  .eventCard .publishDetails .pbDate {
    min-width: 5.729vw;
    padding-bottom: 1vw;
    font-size: 1.458vw;
  }
  .eventCard .publishDetails .pbDate span {
    margin-bottom: 1vw;
    padding: 1vw 0;
  }
  .eventCard .publishDetails h4 {
    font-size: 2.5vw;
  }
  .eventCard .publishDetails p {
    font-size: 1.25vw;
    line-height: 1.4;
  }

  .instaFeedSwiper {
    margin-bottom: 4.688vw;
  }
}

@media (max-width: 991.99px) {
  .sohSec {
    padding-top: 65px;
  }

  .publishDetails .row {
    --bs-gutter-x: 10px;
  }
}
@media (max-width: 575.99px) {
  .scrollList li {
    font-size: 12px;
  }
}

/* Press Release Page */
.AboutPress {
  margin-bottom: 30px;
}
.AboutPress h2.title {
  margin-bottom: 20px;
}
.AboutPress p {
  font-size: 20px;
  font-weight: 100;
  line-height: 1.3;
}
.pressCardRow {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 10px;
  margin-bottom: 30px;
}
.pressCard {
  background: #fff9ef;
  border-radius: 10px;
  overflow: hidden;
	height:100%
}
.pressImg {
  aspect-ratio: 7/4;
}
.pressImg img {
  height: 100%;
  object-fit: cover;
}
.pressContent {
  padding: 15px;
}
.pressContent > * {
  margin-bottom: 20px;
}
.pressContent > *:last-child {
  margin-bottom: 0;
}
.catDateWrp {
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 2;
  line-height: 1;
}
.pressContent h4 {
  font-size: 18px;
	font-family:var(--fhTotal)
}
.podcastCard {
  border-radius: 10px;
  padding: 10px;
  background: #fff9ef;
  display: block;
}
.podcastPic {
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 5/3;
}
.podcastPic img {
  height: 100%;
  object-fit: cover;
}
.podcastContent {
  height: 100%;
  position: relative;
	font-family:var(--fhTotal)
}
.podcastContent h4 {
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 1.4;
}
.podcastContent span {
  font-size: 14px;
  display: block;
}

.podcastVidIcon {
  width: 44px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background-color: #ac8039;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  transition: all 0.3s ease-in-out;
}
.podcastCard:hover .podcastVidIcon {
  background-color: var(--black);
}
@media (min-width: 991.99px) {
  .AboutPress {
    margin-bottom: 10.417vw;
  }
  .AboutPress h2.title {
    margin-bottom: 2vw;
  }
  .AboutPress p {
    font-size: 2.778vw;
  }
  .pressCardRow {
    --bs-gutter-x: 1.157vw;
    --bs-gutter-y: 1.157vw;
    margin-bottom: 4.63vw;
  }
  .pressCard {
    border-radius: 1.157vw;
  }
  .pressContent {
    padding: 1.736vw;
  }
  .pressContent > * {
    margin-bottom: 2.315vw;
  }

  .catDateWrp {
    font-size: 0.694vw;
  }
  .pressContent h4 {
    font-size: 1.852vw;
	  height:4.3vw
  }

  .podcastCard {
    border-radius: 1.157vw;
    padding: 1.157vw;
  }
  .podcastCard > .row {
    --bs-gutter-x: 2.025vw;
  }
  .podcastPic {
    border-radius: 1.157vw;
  }

  .podcastContent h4 {
    font-size: 1.389vw;
    margin-bottom: 0.5vw;
  }
  .podcastContent span {
    font-size: 0.926vw;
  }
  .pubPodcast {
    font-size: 0.926vw;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .podcastVidIcon {
    width: 2.546vw;
  }
}

/* Press details */
.pressDtBanner {
  aspect-ratio: 16/9;
  margin-top: 50px;
}
.pressDtBanner img {
  height: 100%;
  object-fit: cover;
}
.aboutPD {
  margin-bottom: 20px;
}
.aboutPD h4 {
  font-size: 22px;
  margin-bottom: 20px;
}
.aboutPD ul {
  display: flex;
}
.aboutPD ul li {
  margin-right: 20px;
  position: relative;
  font-weight: 300;
}
.aboutPD ul li:after {
  content: "|";
  margin-left: 20px;
}
.aboutPD ul li:last-child:after {
  display: none;
}
.pdContent > * {
  margin-bottom: 25px;
}
.pdContent > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 991.99px) {
  .pressDtBanner {
    aspect-ratio: inherit;
    margin-top: 6vw;
    height: calc(100vh - 6vw);
  }
  .aboutPD {
    margin-bottom: 3vw;
  }
  .aboutPD h4 {
    font-size: 2.778vw;
    margin-bottom: 1.8vw;
  }
  .aboutPD ul li {
    margin-right: 1.157vw;
  }
  .aboutPD ul li:after {
    margin-left: 1.157vw;
  }
  .pdContent {
    font-size: 1.389vw;
  }
  .pdContent > * {
    margin-bottom: 2.5vw;
  }
}

/* Work for us */
.cultureTxt > * {
  margin-bottom: 20px;
}
.cultureTxt > *:last-child {
  margin-bottom: 0;
}
.cultureTxt h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}
.cultureTxt p {
 /* font-family: var(--interFont);*/
  line-height: 1.9;
}

.visionList li {
  margin-bottom: 25px;
}
.visionList li:last-child {
  margin-bottom: 0;
}
.visionList li > * {
  margin-bottom: 15px;
}
.visionList li > *:last-child {
  margin-bottom: 0;
}
.visionList li span {
  width: 60px;
  aspect-ratio: 1/1;
  background: #e5d9c3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.visionList li span img {
  width: 50%;
}

.workVidSec {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.videoParallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.workVidSec video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jobsAccSec .principleAccWrp .accordianCard .accContent {
  font-weight: 100;
  line-height: 1.7;
}
.jobsAccSec .principleAccWrp .accordianCard .accContent .cta {
  font-size: 14px;
}
.carNote {
  text-align: center;
  font-weight: 100;
  margin-top: 50px;
  font-size: 20px;
}
.carNote a {
  font-weight: 400;
  text-decoration: underline;
}
@media (min-width: 991.99px) {
  .cultureTxt > * {
    margin-bottom: 3vw;
  }
  .cultureTxt h6 {
    font-size: 2.083vw;
  }
  .cultureTxt p {
    font-size: 1.157vw;
    padding-right: 8.391vw;
  }

  .visionList li {
    margin-bottom: 3vw;
  }
  .visionList li > * {
    margin-bottom: 1vw;
  }
  .visionList li span {
    width: 6.944vw;
  }
  .visionList li h4 {
    font-size: 2.083vw;
  }
  .visionList li p {
    font-size: 1.389vw;
  }

  .jobsAccSec h2.title {
    font-size: 3.704vw;
  }
  .jobsAccSec .principleAccWrp .accordianCard .accContent .cta {
    font-size: 0.926vw;
  }
  .carNote {
    margin-top: 8vw;
    font-size: 2.315vw;
  }
}

@media (max-width: 575.99px) {
  .visionPicCol {
    width: 80%;
  }
}

/* Event listing */
.eventVidSec {
  text-align: center;
}
.eventVidSec .vidWrp {
  border-radius: 15px;
  overflow: hidden;
  aspect-ratio: 16/9;
}

.eventVidSec .vidWrp .videoBtnWrp {
  background: rgba(180, 155, 114, 0.5);
}
.eventVidSec .vidWrp .videoBtnWrp button {
  background-color: rgba(0, 0, 0, 0.78);
}
.eventVidSec h4 {
  font-weight: 100;
}
.eventVidSec h4 span {
  font-weight: 400;
}
.eventJourneySec {
  background: linear-gradient(180deg, #dbccb2 0%, #f5ecdd 100%);
}

.upEventCard {
  border-radius: 15px;
  overflow: hidden;
}
.upEventLeft {
  background: rgba(172, 128, 57, 1);
  padding: 25px;
}
.upEventLeft .evDetail {
  color: var(--white);
}
.upEventLeft .evDetail > * {
  margin-bottom: 0;
}
.upEventLeft .evDetail .pbDate {
  background: rgba(255, 255, 255, 0.3);
  color: var(--black);
}
.upEventLeft .evDetail .pbDate span {
  background: rgba(255, 255, 255, 1);
  color: var(--black);
}
.upEventLeft h4 {
  font-weight: 400;
}
.evLabel span {
  display: block;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100rem;
  font-size: 12px;
  line-height: 1;
}
.eventImg {
  height: 100%;
  object-fit: cover;
}
@media (min-width: 991.99px) {
  .eventVidSec .vidWrp {
    border-radius: 1.736vw;
    margin-bottom: 10vw;
  }
  .eventVidSec h4 {
    font-size: 3.704vw;
    margin-bottom: 5vw;
  }
  .upEventIntro {
    margin-bottom: 3vw;
  }
  .upEventIntro h2.title {
    margin-bottom: 2vw;
  }
  .upEventIntro p {
    font-size: 1.852vw;
  }
  .upEventCard {
    border-radius: 1.736vw;
  }
  .upEventLeft {
    padding: 2.894vw 2.894vw 7vw 2.894vw;
  }
  .upEventLeft .evDetail > * {
    margin-bottom: 2.894vw;
  }
  .evDetail {
    margin-bottom: 5vw;
  }
  .upEventLeft .pbDate {
    width: 6.366vw;
    margin-bottom: 2.315vw;
    font-size: 1.62vw;
    padding-bottom: 1.157vw;
    border-radius: 1.042vw;
  }
  .upEventLeft .pbDate span {
    padding: 1.157vw 0;
    margin-bottom: 1.157vw;
  }
  .upEventLeft .evDetail h4 {
    font-size: 2.083vw;
  }
  .upEventLeft .evDetail ul li {
    font-size: 1.389vw;
    margin-bottom: 1.157vw;
  }
  .evLabel span {
    font-size: 0.8vw;
    padding: 0.579vw 1.157vw;
  }
  .eventImg {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.founderSocial {
  /*position: absolute;
  bottom: 5%;
  right: 5%;*/
  gap: 0 10px;
}
.founderSocial li a {
  width: 25px;
  aspect-ratio: 1/1;
  display: block;
}
@media (min-width: 991.99px) {
  .founderSocial {
    gap: 0 1vw;
  }
  .founderSocial li a {
    width: 1.5vw;
  }
}

.emSwiper {
  overflow: visible;
}

.emSwiperWrp .swiper-wrapper {
  transition-timing-function: linear !important;
}

.emSwiperWrp .swiper-wrapper .swiper-slide {
  width: 28.935vw;
  height: 16.204vw;
}
.emSwiperWrp .swiper-wrapper .swiper-slide img {
  height: 100%;
  object-fit: cover;
  border-radius: 1.157vw;
}
.emSwiper {
  margin-bottom: 2vw;
}

.emSwiperWrp .swiper-wrapper .swiper-slide:nth-child(4n + 3) {
  width: 13.31vw;
}

.advertiseWrp h4 {font-size:24px; font-family:var(--fhTotal)}
.advertiseWrp > * {margin-bottom:20px;}
.advertiseWrp > *:last-child {margin-bottom:0}
.advertiseWrp p {font-weight:100; font-size:20px}
.advertiseWrp p span {font-family:var(--fhTotal)}
@media(min-width:991.99px){
	.advertiseWrp > * {margin-bottom:3vw;}

	.advertiseWrp h4 {font-size:2.778vw}
		.advertiseWrp p {font-size:2.083vw}
}


.newsPopup {display:none; border-radius:0!important; background:none; width:83.449vw; padding:0!important;}
.popupForm.newsPopup .f-button {top:0!important; right:0!important; border-color:#fff}
.popupForm.newsPopup .f-button svg {stroke:#fff;}
.newsPopupInner {background:#F5ECDD; border-radius:20px; overflow:hidden; margin-top:40px}
.newsImgWrp {background:#AC8039;}
.newsImgWrp img {max-width:100%; width:auto; display:table; margin:0 auto}
.newsTxt {padding:20px;}
.newsTxt h4 {font-family:var(--fhTotal)}
.newsTxt p {font-family:var(--fhTotalLight)}
.newsTxt p:last-child {margin:0}
@media(min-width:991.99px){
	.newsPopup {width:83.449vw;}
	.newsPopupInner  {border-radius:2.315vw; margin-top:4vw;}
	.newsImgWrp img {height:35vw}
	.newsTxt {padding:2.894vw}
	.newsTxt h4 {font-size:2.083vw; margin-bottom:2vw;}
	.newsTxt p {font-size:1.389vw}
}

.founderPara > *:last-child {position:relative; }
.founderPara > *:last-child:after {content:''; display:inline-block; width:15px; aspect-ratio:1/1; background:url(../images/leaf.svg) no-repeat center; background-size:100%; margin-left:5px;}

@media(min-width:991.99px){
	.mtfSec .founderName {margin-top:6vw;}
	.founderPara > *:last-child:after {width:1.736vw; margin-left:.5vw;}
	
	    .bannerTxtWrp .sohLogo.advertiseSohLogo {width:7.234vw}
}