@font-face {
    font-family: 'Campton-ExtraLight';
    src: url(/fonts/Campton/Campton-ExtraLight.woff2) format('woff2'), url(/fonts/Campton/Campton-ExtraLight.woff) format('woff'), url(/fonts/Campton/Campton-ExtraLight.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-Light';
    src: url(/fonts/Campton/Campton-Light.woff2) format('woff2'), url(/fonts/Campton/Campton-Light.woff) format('woff'), url(/fonts/Campton/Campton-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-Medium';
    src: url(/fonts/Campton/Campton-Medium.woff2) format('woff2'), url(/fonts/Campton/Campton-Medium.woff) format('woff'), url(/fonts/Campton/Campton-Medium.ttf) format('truetype');
}
@font-face {
    font-family: 'Campton-ExtraBold';
    src: url(/fonts/Campton/Campton-ExtraBold.woff2) format('woff2'), url(/fonts/Campton/Campton-ExtraBold.woff) format('woff'), url(/fonts/Campton/Campton-ExtraBold.ttf) format('truetype');
}


.main-landing{
  font-family: 'Campton-Light';
}
.header-mobile__logo {
    margin-left: 10px;
    text-align: left;
}
.main-landing {
    margin-bottom: 10em;
}
.main-landing section.banner {
  font-family: 'Campton-Light';
  height: calc(100vh - 0px);
  width: 100%;
  background-image: url(https://storage.googleapis.com/cdn-v1/promo/Potrait/Asset/logo_potrait.png),url(https://storage.googleapis.com/cdn-v1/promo/Potrait/Asset/img%20header%20d.png);
  background-size: 20%, cover;
  background-repeat: no-repeat;
  background-position: top 55% left 30% ,top 0 center;
  position: relative;
  z-index: -1;
}.main-landing  .experiece{
  position: relative;
  text-align: center;
  background: url(https://storage.googleapis.com/cdn-v1/promo/Potrait/Asset/bg_pat.png);
  background-repeat: repeat;
  background-size: contain;
}.main-landing  .experiece img{
  position: absolute;
  top: -18px;
  z-index: 2;
  height: 36px;
  margin: 0 auto;
  text-align: center;
  left: calc(50% - 18px);
}.block{
  display: block;
}.main-landing  .experiece p{
  font-size: 1.2em;
  padding: 2em 0;
  letter-spacing: 1px;
}.main-landing h2{
  text-align: center;
  font-weight: 700;
}section.bodyPotrait{
  margin-top: -10px;
  padding: 4em 0;
  background:#EFF1F5;
}section.bodyPotrait .card{
  padding: 3em 0 0;
  /* border: thin solid #000; */
  box-shadow: 6px 6px 5px #b9b9b9;
  border-radius: 1em;
  background: #EFF1F5;
  background: #fff;
  margin: 0 0 2em;
  margin-bottom: 2em;
}section.bodyPotrait .container .row, section.bodyPotrait .container {
  overflow: hidden;
}section.bodyPotrait .container, section.tnc .container{
  padding: 0px 9%;
}section.bodyPotrait .card-head img{
  width: 75%;
}section.bodyPotrait .card-head{
  text-align: center;
}section.bodyPotrait .card-body{
  text-align: center;
  padding-bottom: 1em;
}section.bodyPotrait .card-body p{
  font-family: Campton-Medium;
  font-size: 1.2em;
  color:#585858;
}section.bodyPotrait .card-body p span{
  font-family: Campton-Light;
}.main-landing h2{
  font-family: Campton-ExtraBold;
  margin-bottom: 1em;
  letter-spacing: 1px;
}section.bodyPotrait .card-foot{
  background: #caad81;
  padding: 15px 0;
  text-align: center;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}section.bodyPotrait .card-foot a{
  color: #fff;
  font-family: Campton-Medium;
  font-size: 1.3em;
  letter-spacing: 2px;
}section.bodyPotrait .card-body h3{
  font-size: 2.25em;
  font-family: 'Campton-Medium';
}section.bodyPotrait .mn-head{
  padding: 0 3em;
  position: relative;
    width: 100%;
    display: block;
}section.bodyPotrait .mn-head .img{

  width: 50%;
}section.bodyPotrait .mn-head .img img{
  width: 90%;
}section.bodyPotrait .mn-head .titles{
  width: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
}section.bodyPotrait .mn-head .titles h3{
  font-size: 2.25em;
  font-family: 'Campton-Medium';
}section.bodyPotrait .card-body ul{
  margin: 0;
  padding: 2em 3em 2em 4em;
}.main-landing ul li{
  list-style: none;
  color:#585858;
  text-align: left;
  font-size:1.25em;
  margin-bottom: 15px;
  font-family: 'Campton-Medium';
}.main-landing ul li::before{
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #c4a880; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}.main-landing ul li span, .main-landing section.tnc li{
  font-family: 'Campton-Light';
  color:#585858;
}.main-landing section.tnc{
  padding: 3em 0 4em;
}.swiper-slide{
  position: relative;
}




@media screen and (max-width:760px) {
  .main-landing section.banner {
    background-image: url(https://storage.googleapis.com/cdn-v1/promo/Potrait/Asset/logo_potrait.png), url(https://storage.googleapis.com/cdn-v1/promo/Potrait/Asset/img%20header%20m.png);
    background-size: 75%, cover;
    background-position: center top 20%,center center;
    height: calc(100vh - 55px);
  }
}

@media screen and (max-width:600px) {
  .main-landing .experiece p {
    font-size: 1em;
    padding: 15px 15px 10px;
  }.main-landing .experiece img {
    top: -11px;
    height: 22px;
    left: calc(50% - 11px);
  }section.bodyPotrait .container, section.tnc .container {
    padding: 0px 15px;
  }section.bodyPotrait .card-body h3 {
    font-size: 1.75em;
  }section.bodyPotrait .card{
    margin-bottom: 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }section.bodyPotrait .card-foot{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }.card.wwyg{
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
  }section.bodyPotrait .mn-head {
    padding: 0 3em 0 2em;
  }section.bodyPotrait .card-body ul{
    padding: 2em 3em 2em 3em;
  }.brs{
    border-bottom-left-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
    margin-bottom: 2em !important;
  }section.bodyPotrait .container .row{
    overflow: initial;
  }
}