.quality-bad-ads-popup__right ul li .popup-slide__btn a {color: #ffffff; text-transform: uppercase; padding-bottom: 20px; }
.quality-bad-ads-popup__right ul li .popup-slide__btn a:before{ display: none; }
.open_popup { text-decoration: none; color: #6748ff; cursor: pointer; position: relative; }
.open_popup:before { content: ''; position: absolute; background-color: #ef1e4a; width: 27px ; height: 4px ; bottom: -6px ; transition: all 0.3s ease-in-out 0s; }
.quality-bad-ads-popup__right ul li:nth-child(4) .open_popup:before { height: 4.5px; bottom: -4.5px; }
.quality-bad-ads-popup__right ul li:nth-child(5) .open_popup:before { height: 4.5px; bottom: -4.5px; }
.quality-bad-ads-popup__right ul li:nth-child(6) .open_popup:before { height: 4.5px; bottom: -4.5px; }
.open_popup:hover:before { width: 100%; transition: all 0.3s ease-in-out 0s; }



body .quality-bad-ads-popup__right .popup-slide__heading h3 { font-weight: 500 !important; line-height: 57px; letter-spacing: 1.8px; }

.quality-bad-ads-popup__right ul li .popup-slide__btn a span:after {
  content: "";
  width: 100%;
  height: 4px;
  background: #fff;
  position: absolute;
  /*bottom: -3px;*/
  bottom: -8px;
  left: 0;
}


.quality-bad-ads-popup__right ul li .popup-slide__btn a span {
  position: relative;
}

/*** Popup css ******/


.WB21__popup__outer.quality-bad-cont-popup {
  right: unset;
  top: 0px;
  left: 225px;
  height: 468px;
}


/*** SPopup css  ******/



/*** Security Product ******/

.quality-bad-ads-popup__outer_col.security-product-attackers {
  background-color: #fff !important;
  margin-top: 0px;
  padding-top: 177px;
}

.quality-bad-ads-popup__outer_col.security-product-attackers:after {
  content: "";
  position: absolute;
  /*background-image: url(https://f.hubspotusercontent20.net/hubfs/5994026/Web-2021/security-product/attacker-work.png);*/
  background-image: url(https://f.hubspotusercontent20.net/hubfs/5994026/Web-2021/security-product/attacker-work-2.png);
  background-repeat: no-repeat;
  width: 161px;
  height: 154px;
  background-position: center;
  bottom: -60px;
  /*left: 178px;*/
  background-size: contain;
  z-index: 9;
  left: 159px;
}

.hs-content-id-56463922800 .row-fluid-wrapper.row-depth-1.row-number-3 .span12.widget-span.widget-type-cell.dnd-column {
  padding: 0px;
}


/*** Security Product ******/


.popup_body{
  display:none;
  position:fixed;
  top:0;left:0;right:0;bottom:0;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -ms-transition: 300ms;
  transition: 300ms;
  z-index: 999999;
}
.popup_body_show{
  display:block;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -ms-transition: 300ms;
  transition: 300ms;
}
.popup_back{
  background: rgba(0,0,0,0.4);
  position: fixed;
  left:0;right:0;top:0;bottom:0;
}
.popup_contain {
    position: relative;
    max-width: 462px;
    min-height: 150px;
    padding: 10px 20px;
    transform: translate(-50%, 0%);
    top: 200px;
    left: 50%;
}
.popup_close img { cursor: pointer; }
.popup_close{ position: absolute; right:20px; top:-10px; }


/* ------ select2 -------- */
.select2-container { width: 100% !important; }
.custom-select { width: 100%; position: relative; margin: 20px 0; }
.custom-select select { display: none; }
.selected-item { background: #be0071; padding: 5px 20px; color: #fff; cursor: pointer; z-index: 99; }
.selected-item:after { font-family: FontAwesome; content: "\f107"; font-size: 20px; color: #fff; position: absolute; right: 10px; transition: 0.5s; }
.arrowanim.selected-item:after { transform: rotate(180deg); }
.item { background: #be0071; padding: 5px 20px; color: #fff; border-top: 1px solid #99005c; cursor: pointer; }
.item:hover { background: #99005c; }
.all-items { position: absolute; top: 100%; left: 0; width: 100%; z-index: 100; }
.all-items-hide { display: none; }
.sdf { border: 1px solid red; }
.quality-bad-ads-popup__outer_col { margin-top: -200px; padding: 264px 0px 100px; background: rgba(216, 216, 216, 0.3)!important; position: relative; }
.centering{ display: none; }
.quality-bad-ads-popup__inner_col { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; position: relative; max-width: 1420px; margin: 0px auto; }
.quality-bad-ads-popup__right .popup-slide__para { padding-bottom: 53px; }

.quality-bad-ads-popup__left { width: 398px; }

.quality-bad-ads-popup__right { width: calc(100% - 552px); }

.quality-bad-ads-popup__right ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.quality-bad-ads-popup__right ul li {
  flex: 0 28%;
  color: #6748FF;
  font-size: 18px;
  line-height: 24px;
  font-family: 'native bold';
  margin-bottom: 64px;
  position: relative;
}

.quality-bad-ads-popup__right ul li a:hover:before {
  width: 100%;
  transition: all 0.3s ease-in-out 0s;
}

.quality-bad-ads-popup__left h2 {
  font-family: 'Druk Medium';
  font-size: 70px;
  line-height: 70px;
  letter-spacing: 2.1px;
  color: #EF1E4A;
  text-transform: uppercase;
  font-weight: 500;
}

.quality-bad-ads-popup__left--text p {
  margin: 0px;
  font-size: 18px;
  line-height: 26px;
  font-family: ff-good-web-pro-wide,sans-serif;
}

.quality-bad-ads-popup__outer_col:after {
    content: '';
    position: absolute;
    background-image: url(https://f.hubspotusercontent20.net/hubfs/5994026/Web-2021/quality-product-page/power-dots.svg);
    background-repeat: no-repeat;
    width: 161px;
    height: 125px;
    background-position: center;
    bottom: -60px;
    right: 22%;
    background-size: contain;
    z-index: 9;
}

.drop-box-item h3 {
    color: #fff;
    letter-spacing: 0px;
    font-weight: 500;
    font-family: 'native bold';
    margin: 0px;
    padding-bottom: 4px;
    font-size: 26px;
    display: none;
}

.drop-box-item p { font-size: 18px; font-weight: 500; }

.quality-bad-ads-popup__right ul li a {
  text-decoration: none;
  color: #6748ff;
  position: relative;
}

.quality-bad-ads-popup__right ul li a:before {
  content: '';
  position: absolute;
  background-color: #ef1e4a;
  width: 27px;
  height: 4px;
  bottom: -4px;
  transition: all 0.3s ease-in-out 0s;
}

.quality-bad-ads-popup__left--text p span {
    color: #6748FF;
    font-family: 'native bold';
}

.quality-bad-ads-popup__right {width: calc(100% - 550px); margin-right: 0}


@media screen and (max-width: 1650px) {
  body .quality-bad-ads-popup__right .popup-slide__heading h3 { line-height: 44px; }
  .quality-bad-ads-popup__outer_col { margin-top: -200px ; padding: 260px 0px 100px ;  }
  .quality-bad-ads-popup__right { width: calc(100% - 480px); }
  .quality-bad-ads-popup__right ul li { flex: 0 31%; margin-bottom: 60px; }
  .quality-bad-ads-popup__inner_col:after { left: 0; bottom: -165px; }
  .quality-bad-ads-popup__right ul li .popup-slide__btn a span:after {
    height: 3px;
    bottom: -3px;
    left: 0;
  }
  
  .quality-bad-ads-popup__right ul li .popup-slide__btn a { padding-bottom: 15px; }
  .quality-bad-ads-popup__right {margin-right: 0%}
}

@media (max-width: 1640px) {
  .quality-bad-ads-popup__outer_col.security-product-attackers:after {
    left: 5px;
  }
}

@media (max-width: 1080px) {
  .quality-bad-ads-popup__outer_col {
    padding-bottom: 80px;
  }

  .quality-bad-ads-popup__left {
    flex: 0 40%;
  }

  .quality-bad-ads-popup__right ul {
    align-items: end;
  }

  .quality-bad-ads-popup__inner_col:after {
    bottom: -140px;
  }
}

@media (max-width: 990px) {
  .quality-bad-ads-popup__left {
    flex: 0 100%;
    margin-bottom: 40px;
  } 

  .quality-bad-ads-popup__right {
    flex: 0 100%;
  }

  .quality-bad-ads-popup__inner_col:after {
    width: 140px;
    height: 132px;
    bottom: -132px;
    left: 0;
  }
  
  .quality-bad-ads-popup__outer_col.security-product-attackers:after {
    background-image:none;
  }

}

@media screen and (max-width: 840px) {
  .quality-bad-ads-popup__outer_col { margin-top: 0px; }
  .quality-bad-ads-popup__outer_col { padding-top: 80px; }

}

@media (max-width: 767px) {
  
  body .select2-results__option--selectable { cursor: pointer; height: auto !important; }
  
  
  .select2-container--default .select2-selection--single { background-color: #E0DAFE !important; border: 1px solid #E0DAFE !important; border-radius: 0 !important; height: 69px !important; font-size: 18px;}
  .select2-container--default .select2-selection--single .select2-selection__rendered { color: #6748FF !important; line-height: 28px; font-family: 'native bold' !important; padding: 23px !important; }
  .select2-container--default .select2-selection--single .select2-selection__arrow { height: 69px !important; position: absolute; top: 1px ; right: 1px ; width: 50px !important; }
  .select2-container--default .select2-selection--single .select2-selection__arrow b { 
    /*border-color: #6748ff transparent transparent transparent !important; */
    border-style: solid; 
    /*border-width: 15px 10px 0 10px !important ; */
    border-width: medium !important;
    /*height: 0; */
    /*left: 20% !important; */
    margin-left: -4px; 
    /*margin-top: -6px!important; */
    position: absolute; 
    top: 50%; 
    /*width: 0; */
    
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-color: transparent #6748ff #6748ff transparent !important;
    width: 15px !important;
    height: 15px !important;
    left: 30% !important;
    margin-top: -10px!important;
  }
  
  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(224deg);
    margin-top: 0 !important;
  }
  
  .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #6748FF !important; color: white !important; }
  .select2-results__option--selectable { cursor: pointer; height: 69px !important; padding: 23px !important; font-family: 'native bold'!important; color: #6748ff!important; }
  .wb21-power-to-control_outer {background: #fff;}
  /* .centering:before { width: 120%; left: -10%; height: 100%; top: 35px ; content: ''; background: #6748FF; position: absolute; z-index: -1; } */
  .drop-box-item p { color: #FFFFFF; font-family: 'ff-good-web-pro-wide'; font-weight: 100; }
  .drop-box-item a { color: #fff; position: relative; font-size: 26px; text-transform: uppercase; font-family: 'ff-good-headline-web-pro'; font-weight: 800; }
  .drop-box-item a:after { position: absolute; content: ''; background: #fff; width: 50px ; height: 5px ; left: 0; bottom: -9px ; }
  .select2-container--default .select2-results>.select2-results__options { max-height: initial !important; overflow-y: auto; font-size: 18px; }
  .centering { display: block; position: relative; padding-bottom: 0px; }
  .quality-bad-ads-popup__right ul { display: none; }

  .quality-bad-ads-popup__outer_col { /*padding: 79px 0px 77px;*/ padding: 79px 0px 38px; }
  .quality-bad-ads-popup__inner_col:after { display: none; }
  .quality-bad-ads-popup__left--text-bad-ads-popup__left h2 { font-size: 60px; line-height: 62px; }
  .quality-bad-ads-popup__right ul { max-width: 100%; margin: 0 auto; background-color: #E0DAFE; box-sizing: border-box; position: absolute; z-index: 999999; width: 100%; }
  .quality-bad-ads-popup__outer_col .page-center { padding: 0px; }
  .quality-bad-ads-popup__left__inner { padding: 0px 36px; }
  .drop-box { background-color: #6748FF; padding: 64px 36px; margin-top: -30px; margin-bottom: -37.91px; }
  .custom-select { margin: 0px !important; padding: 0px 36px; }

  .quality-bad-ads-popup__right ul li {
    flex: 0 100%;
    text-align: left;
    margin-bottom: 0px;
    background-color: #E0DAFE;
    z-index: 999999;
    padding: 12px;
  }

  .quality-bad-ads-popup__right {
    position: relative;
  }

  /*   .quality-bad-ads-popup__right:before {
  content: '';
  position: absolute;
  background-color: #6748FF;
  width: 100%;
  height: 100%;
  left: -200px;
  z-index: 0;
  top: 30px;
} */

  /*   .quality-bad-ads-popup__right:after {
  content: '';
  position: absolute;
  background-color: #6748FF;
  width: 100%;
  height: 100%;
  right: -200px;
  z-index: 0;
  top: 30px;
}
  */
  .quality-bad-ads-popup__right ul li a:before {
    display: none;
  }

  .mobile-tech-col {
    display: block !important;
    margin-top: 80px;
    position: relative;
    z-index: 999;
  }

  .mobile-tech-col p {
    margin: 0px;
    font-size: 18px;
    line-height: 26px;
    font-family: ff-good-web-pro-wide,sans-serif;
    color: #ffffff;
    margin-bottom: 20px;
  }

  .mobile-tech-col a {
    font-family: 'Druk Medium';
    letter-spacing: 0.52px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 26px;
    position: relative;
    text-decoration: none;
  }

  .mobile-tech-col a:before {
    content: '';
    position: absolute;
    background-color: #fff;
    width: 18%;
    height: 3px;
    bottom: -3px;
    transition: all 0.3s ease-in-out 0s;
  }

  .mobile-tech-col a:hover:before {
    width: 100%;
  }


  .quality-bad-ads-popup__right ul li:first-child:after {
    content: '';
    position: absolute;
    border-left: 2px solid #6748FF;
    border-bottom: 2px solid #6748FF;
    transform: rotate(315deg);
    width: 15px;
    height: 15px;
    right: 30px;
    top: 13px;
  }

  .quality-bad-ads-popup__right ul.active li:first-child:after {
    transform: rotate(132deg);
    top: 20px;
  }

  .quality-bad-ads-popup__outer_col:after {
    right: 0;
    left: 16px;
    display: none;
    bottom: -64px;
  }
  
  .quality-bad-ads-popup__outer_col.security-product-attackers {
    padding-top: 40px;
  }
  
  .quality-bad-ads-popup__left .WB21__popup__inner .addpopupclass {
    display: none;
  }
  
  .quality-bad-ads-popup__left .WB21__popup__inner .addpopupclass.slide {
    display: block;
  }
  
  .quality-bad-ads-popup__left { margin-bottom: 50px; }

  .quality-bad-ads-popup__outer_col.security-product-attackers:after {
    display:none;
  }
  
  .quality-bad-ads-popup__left h2 {
    font-size:50px;
    line-height:52px;
    letter-spacing:2px;
  }
}

@media (max-width: 479px) {

  .mobile-tech-col p { max-width: 290px; }


  .quality-bad-ads-popup__right:before {
    left: -80px;
  }

  .quality-bad-ads-popup__inner_col:after {
    width: 111px;
    height: 9%;
    bottom: -121px;
  }

  .quality-bad-ads-popup__left--text h2 {
    font-size: 50px;
    line-height: 52px;
    margin-bottom: 20px;
  }

  .quality-bad-ads-popup__outer_col { /*padding: 79px 0px 80px;*/ padding: 79px 0px 37px; }



  .quality-bad-ads-popup__right:after { right: -40px; }


}

@media (max-width: 320px) {
  .quality-bad-ads-popup__inner_col:after {
    width: 129px;
    height: 10%;
  }
}