*{ font-family:'Poppins';}
 body{padding: 0;margin: 0;}
        @media (min-width: 768px){
            .modal-dialog { width: 100%;}
            }
            .sticky-top{width: 100%;position: fixed;top:0;line-height: 46px;background: #3c3c3c;  height: 46px;text-align: center;font-size: 20px;  font-weight: bold;  font-stretch: normal;  font-style: normal; letter-spacing: normal;  text-align: center;  color: #fff;z-index: 999;}
            .sticky-top span{color: #c0a4fd;}
       .top{margin: 46px 0 0 0;background-image: url(https://purplemktg.brgsrv.com/sem/man/man-oriented-desktop-top.webp);       background-repeat:no-repeat;background-attachment: scroll;background-position: right;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;height: 545px /**/;       }
      
        .logo-wrap{text-align: center;}
       .logo-wrap a img {width: 400px; margin: 70px auto 45px}
     
        .main-header{ font-size: 50px;  font-weight: 700;  font-stretch: normal;  font-style: normal;  line-height: 1.8;  letter-spacing: normal;  text-align: center;  color: #fff; }
        .sub-header{ font-size: 34px;  font-weight: bold;  line-height: 1.2;  letter-spacing: normal;  text-align: center;  color: #fff;}
        .small-header {font-size: 22px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.2;  letter-spacing: 1.32px;  text-align: center;  color: #fff;}
        
.grid-header{ font-size: 32px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 4.31;  letter-spacing: normal;  text-align: center;  color: #121212;}
     
     .box-expert{border:1px solid #C1C1C1;  border-radius: 30px;width: 850px;height: 186px;    margin: 0 auto 20px;}
      .profile_url{display: block; font-size: 22px;  font-weight: 600;  font-stretch: normal;  font-style: normal;   letter-spacing: normal;  text-align: left;  color: #121212;margin:0 0 7px}
      
          .btn-b{display: inline-block; width: 470px;  height: 86px;line-height: 86px;   border-radius: 60px;  background-color: #7a4ae2; font-size: 24px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  letter-spacing: normal;  text-align: center;  color: #fff;}
          .rev-pop{font-size: 14px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 1.26;  letter-spacing: normal;  text-align: center;  color: #3e3c3c;}
       .rev-pop img{width: 18px;margin-right: 7px;    margin-top: -7px;}
      .btn-b:hover{color:#ffffff;text-decoration: none;}
      .profile-photo{display: inline-block;margin: 30px 20px 0 30px;vertical-align: top;}
      .profile-desc{display: inline-block;width: 186px;margin: 24px 0 0 0;}
      .photo{width: 112px;height: 112px;border-radius: 50%;border:3.7px solid #7a4ae2;}
      .reviews{margin:7px 0 0 0;}
      .reviews img {width:18px;margin:0 7px 0 0;}
      .rating{    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: normal;
    text-align: center;
    color: #3e3c3c;
}
      .status{background: #7fd14a;  width: 80px;  height: 26px; border-radius: 50.9px; font-size: 14px;  font-weight: 500;  font-stretch: normal;  font-style: normal;  line-height: 26px;  letter-spacing: normal;  text-align: center;  color: #fff;margin: 0 0 10px;}
      .description{ font-size: 16px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.27;  letter-spacing: normal;  text-align: left;  color: #121212;margin: 45px 0 0 0;width:218px;display:inline-block;vertical-align:top;}
      .read-more{ font-weight: 600;color: #7a4ae2;}
      .bottom-line{display:inline-block;width:282px;margin:40px 0 0 0; vertical-align:top;}
      .contact-link{ width: 232px;  height: 40px;border-radius: 90px;background-color: #121212;font-size: 18px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 40px;  letter-spacing: normal;  text-align: center;  color: #dfd1ff;display: inline-block;margin: 0 30px 40px 30px}
      .contact-link:hover{color:#ffffff}
      .dedfee{ width: 100px;height: 25px; border: dashed 1px #7a4ae2;  background-color: #fff1a4;font-size: 16px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 25px;  letter-spacing: normal;  text-align: center;  color: #7a4ae2;display: inline-block;    margin: 0 0 0 30px;}
      .perminute{ font-size: 28px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 0.81;  letter-spacing: normal;  text-align: center;  color: #121212;}
      .price-wrap{ font-stretch: normal;  font-style: normal;  line-height: 0.81;  letter-spacing: normal;  text-align: center;  color: #121212;font-size: 18px;  font-weight: normal;}
      #how-sec,#questions{background: #f4f4f4}
      #ques-icon{width: 80px;margin: 20px auto;text-align: center;display: block;}
      .questions-head{font-size: 32px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.38;  letter-spacing: normal;  text-align: center;  color: #121212;}
    .questions-q{ margin: 50px 0; font-size: 24px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 2.29;  letter-spacing: normal;  text-align: left;  color: #3e3c3c;}
    .questions-cta{background: #482692;color:#ffffff; font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 60px;
  letter-spacing: normal;
  text-align: center;border-radius: 127.8px;height: 60px;display: block;width: 300px;margin: 15px auto;}
      #why-sec{}
      #how-sec-mob{display: none;}
        .inner-header{font-size: 36px;  font-weight: 600;   letter-spacing: -0.72px;  text-align: center;  color: #000000;}
        .feat-sub-header{ font-size: 18px;  font-weight: normal;  letter-spacing: -0.36px;  text-align: center;  color: #424242;margin: 25px auto 0;}
         .inner-header.reasons{margin:50px auto 0;  font-size: 40px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 3.05;  letter-spacing: normal;  text-align: center;  color: #121212;}
         .sub-text-why{ font-size: 18px;  font-weight: normal;  font-stretch: normal;  font-style: normal;    letter-spacing: -0.36px;  text-align: center;  color: #434343;margin: 30px auto 0;width: 60%;}
         .inner-sub-head-real{ font-size: 18px;  font-weight: normal;  letter-spacing: -0.36px;  text-align: center;  color: #424242;margin: 22px auto 0;}
        .feat-box-wrap, .reasons-box-wrap{text-align: center;margin: 0 auto;}
        .feat-box{display: inline-block;text-align: center; width: 243px;  height: 243px;  margin: 41px 31px 0 0;  border-radius: 10px;  box-shadow: 0 0 15.8px 0.2px rgba(0, 0, 0, 0.07);}
         .res-box{display: inline-block;text-align: center; width:339px;  height: 243px;  margin: 41px 31px 30px 0; vertical-align: top }
        .how-res-box{display: inline-block; margin:0 30px 50px 0;}
        .feat-box img{text-align: center;margin: 0 auto;}
        .res-box img{text-align: center;margin: 0 auto;}
        .res-box-img-wrap{}
           #apps-wrap{margin: 35px auto;text-align: center;}
     #apps-wrap a img{width: 200px;margin: 0 15px 0 0;}
        .res-box-img-wrap img {width: 80px;    margin: 0 auto;    display: block;    text-align: center;}
          .how-res-box .res-box-img-wrap img {width: 260px; height: 280px;   margin: 0 auto 20px;    display: block;    text-align: center;}
        .res-box-label  {  font-size: 24px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  letter-spacing: normal;  text-align: center; color: #3e3c3c;margin: 30px 0 15px;}
        .how-res-box-label{ font-size: 20px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.1;  letter-spacing: normal;  text-align: center;  color: #3e3c3c;}
        .feat-head{ font-size: 22px;  font-weight: 600;   letter-spacing: -0.44px;  color: #892787;margin: 30px auto 43px;}
        .res-text{  font-size: 16px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.4;  letter-spacing: normal;  text-align: center;  color: #3e3c3c;}
      
        .grid-sub-head{font-size: 18px;font-weight: normal;  letter-spacing: -0.36px;  text-align: center;  color: #424242;margin: 32px auto 0;width: 60%;}
 #see-more-cta{display:block;margin:20px auto 40px;   width: 301px;  height: 60px;    border-radius: 127.8px;  border: solid 1.5px #482692; font-size: 20px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 60px;  letter-spacing: normal;  text-align: center;  color: #482692;  cursor:pointer; }
        .footer{font-size: 20px;  font-weight: bold;text-align: center;color: #000000;margin: 15px 0 0 0; }
        .social-wrap{text-align: center;margin: 0 auto;}
        .social-wrap img{display: inline-block;margin:0 13px 20px 0;width: 46px;}
         .desktop{display: block;}
      .mobile{display: none;}
       .close{ opacity: 1;    top: -21px;    position: absolute;    right: 9%;    background: #ffffff !important;}
       .bottom-head{font-size: 36px;  font-weight: 600;   letter-spacing: -0.72px;  text-align: center;  color: #000;margin: 55px auto 0;}
       .bottom-text-sub{ font-size: 22px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 2.34;  letter-spacing: 0.66px;  text-align: center;  color: #3e3c3c;margin: 40px auto;}
     #recom-btn{ display: block;width: 448px;  height: 60px;  border-radius: 127.8px;  background-color: #7a4ae2;font-size: 20px;  font-weight: 600;  font-stretch: normal;  font-style: normal;  line-height: 60px;  letter-spacing: normal;  text-align: center;  color: #fff;margin: 0 auto 50px}
       .app-wrap{margin: 0 auto 50px;text-align: center;}

       .app-icons img{display: block;margin: 0 0 11px;}
       .app-icon{width: 180px;margin: 0 15px 0 0;}
.discla{ margin: 20px auto;font-size: 18px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.33;  letter-spacing: normal;  text-align: center;  color: #9b9b9b;}
  .footer-social{text-align: center;margin: 0 auto;}
  .footer-logo{width: 69px;display: block;text-align: center;margin: 40px auto 10px;}
  .footer-text-l{font-size: 18px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.44;  letter-spacing: normal;  text-align: center;  color: #000;    padding: 0 0 15px 0;}
  .footer-text-copy{    font-size: 16px;  font-weight: normal;  font-stretch: normal;  font-style: normal;  line-height: 1.47;  letter-spacing: normal;  text-align: center;  color: #b1b1b1;}
  .footer-links-wrap{text-align: center;margin: 5px auto 20px}
  .footer-links{ font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: normal;
  color: #8f63ec;margin-right:10px;text-align: center;text-decoration:underline;}
  #extra-adv{display:none;}
  
      @media screen and (max-width: 1920px) {
      .top{height: 412px;}
     }
     @media screen and (max-width: 1600px) {
       .top{height: 271px;    margin-top: 46px;}
       .logo-wrap a img {    width: 300px;    margin: 20px auto 20px;}
       .how-res-box{width:360px;}
       
     }
    
     @media screen and (max-width: 767px) {/*mobile */
      .sticky-top{font-size:16px;}
            .top{background-image: url(https://purplemktg.brgsrv.com/sem/man/man-oriented-mobile-top.webp);       background-repeat:no-repeat;background-attachment: scroll;background-position: top;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;height: 242px /**/;       }
    .logo-wrap a img{width:194px}
        .res-box{margin: 20px 0 20px 0; height:auto;}
        .reg-disc{width: 50%;}
        .inner-header.reasons{margin: 15px auto 0;font-size:24px;}
       .sub-text-why,.grid-sub-head,.bottom-text-sub{width: 100%;font-size:15px}
       .res-box-label{font-size:20px;margin: 20px 0 7px;}
       .res-box-img-wrap img {width:60px;}
       .how-res-box .res-box-img-wrap img{}
      .desktop{display: none;}
      .mobile{display: block;} 
       .grid-header{line-height:normal;margin:20px auto;}
      .profile-photo{    margin: 10px 10px 0 10px;}
    /*  .profile-desc{width:auto;}*/
    .questions-q {
    margin: 50px 33px;}
          .dedfee{margin: 0;}
          #apps-wrap a img {margin: 15px 0 0 0;}
          .questions-q{font-size: 16px;}
      .profile_url{font-size:21px;}
  .description{ margin: 16.5px 20px 0 20px;width:auto;}
  .rev-pop {font-size: 15px;}
       .logo-wrap {text-align:left;}
     .contact-link{margin: 20px 10px 0 10px;}
     .main-header{font-size: 30px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.1;  letter-spacing: normal;  text-align: center;  color: #fff;}
       .main-text{float: none;text-align:center;color:#000000;width: auto;font-size: 16px;margin: 0 0 23px;}
  .sub-header{       margin: 30px 0 0 0;     font-size: 22px;  font-weight: bold;  font-stretch: normal;  font-style: normal;  line-height: 1.2;  letter-spacing: 0.96px;  text-align: center;  color: #fff;}
.small-header{  font-size: 16px;  font-stretch: normal;  font-style: normal;  line-height: 1.2;  letter-spacing: 0.96px;  text-align: center;  color: #fff;  }
.dedfee {width: 80px;}
.contact-link {width: 124px;font-size:16px;}
.perminute {font-size: 19px;}
.price-wrap {font-size:14px;}
  .box-expert {width:100%;height:300px;}
  .bottom-line{width:auto;margin:0;}
       .row .no-pad{padding: 0;}
         .btn-b{display: block;width:100%;height: 41px;line-height: 41px; font-size: 22px;  font-weight: 600;  text-align: center;   margin:45px 0 22px;}  
         .inner-header {font-size: 22px;}
       .inner-header.feat,.inner-header.real{width: 68%;margin: 0 auto;}
       .app-wrap {margin: 0 auto;text-align: center;    display: block;}
   .how-res-box-label strong{font-size: 20px;line-height:2;}
   .how-res-box-label {font-size:15px;line-height:2;}
          #footer-area{height: 302px;background-size:cover }
          .app-icon{width: 160px;margin: 0 15px 0 0;}
          .how-res-box{width:80%;text-align:center;margin:0 0 20px 0;}
      #recom-btn{width:100%;font-size:17px;}
      
      
     }