@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p{
  margin-bottom: 0 !important;
}

.wrapper {
  width: 1140px;
  margin: 0 auto;
  padding: 0;
  clear: both;
}
.head {
  text-align: center;
  background-color: #022f50;
  /* height: 185px; */
  padding-bottom: 10px;
  width: 100%;
  max-width: 100%;
}
.head h1 {
  color: #fff;
  padding-bottom: 5px;
  font-size: 28px;
}
.whitehead {
  padding-top: 59px;
}
.logo1 {
  padding: 22px 0 40px 0;
}
.head-btm {
  position: relative;
  background-color: #7b1b2b;
  height: 26px;
}
.head-btm > img {
  clip-path: polygon(64% -20%, 59% 106%, 41% 100%, 35% 5%);
}
.head-btm p {
  position: absolute;
  /* top: 23px;
    left: 485px; */
  color: #fff;
  font-size: 24px;
}
.title-container {
  /* min-height: 340px; */
  background-color: #f9f9f9;
  width: 100%;
}
.sub-title {
  padding: 81px 0 25px 0;
  text-align: center;
}
.sub-title p {
  font-size: 19px;
}
.title {
  background-color: #0c5eb5;
  text-align: center;
}
.title h1 {
  font-size: 25px;
  color: #fff;
  padding: 15px 25px;
  line-height: 2.5rem;
}
.logo-container {
  /* height: 338px; */
  /* background-color: #f9f9f9; */
  width: 100% !important;
  text-align: center;
}
.logo-container > img {
  max-height: 200px;
  margin: 4% 0;
  max-width: 80%;
}
.subheading-container {
  width: 100%;
  background-color: #d1ecf2;
  font-size: 19px;
  color: #132a43;
  padding: 10px 10px 1px 8px;
}
.date-container {
  width: 100%;
  background-color: #022f50;
  text-align: center;
  font-size: 23px;
  color: #fff;
  padding: 10px;
}
.date-container-nexis {
  width: 100%;
  background-color: #eeeeee;
  text-align: center;
  font-size: 23px;
  color: #132a43;
  padding-top: 10px;
}

.date-container hr {
  width: 60%;
  margin: 0 auto;
}
.sectionpage {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  margin-bottom: 40px;
  margin-top: 80px;
  min-height: 850px;
}
.total-summary {
  height: 425px;
  background-color: #014d7e;
  width: 850px;
  text-align: center;
}
.total-summary h1 {
  font-size: 24px;
  color: #fff;
  padding-top: 20px;
}
.right {
  width: 353px;
  height: 385px;
  background-color: #022f50;
  margin-left: 22px;
  margin-top: 20px;
}
.left {
  width: 353px;
  height: 768px;
  background-color: #022f50;
  margin-right: 22px;
  margin-top: -381px;
  float: right;
}
.circle-border {
  border: 11px solid #60c5f5;
  height: 63%;
  border-radius: 146px;
  width: 56%;
  margin-left: 21%;
  margin-top: 2%;
}
.circleReport {
  border: 11px solid #60c5f5;
  height: 65% !important;
  border-radius: 193px !important;
  width: 80% !important;
  margin-left: 8% !important;
  margin-top: 4% !important;
}

.square-shape {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  display: inline-block;
}
.geo-views {
  display: inline-block;
  padding-left: 8px;
  vertical-align: top;
}

.content-classaction-first {
  background-color: #f9f9f9;
}
/* .google-index
    {
        background-color: #022f50;
        padding: 18px 0 18px 0;
    } */
.google_index_section {
  width: 100%;
}
.circle-border .views {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding: 63px 0px 0px 0px;
}
.circle-border :last-child {
  font-size: 14px;
  font-weight: 400;
  color: #ebebeb;
  margin-top: -13px;
}
p.text-white.clicks {
  font-size: 34px;
  font-weight: bold;
}
p.text-white.key-text {
  font-size: 16px;
}

hr.keyword-hr {
  border-top: 1px solid rgb(12, 94, 181, 0.4);
  width: 110%;
  margin-left: -15px;
  padding: 0px !important;
  margin-bottom: 3px;
  margin-top: -10px;
}
.icon-container {
  /* height: 65vh !important; */
  padding: 10vh 0vh;
}
.icon-container > p {
  font-size: 22px;
  color: #223480;
}
.sidev {
  /* border-left: 1px solid #014d7e; */
  margin-top: -4px;
  text-align: left;
}
.text-container :first-child {
  font-size: 16px;
  font-weight: 500;
  color: #223480;
  margin-bottom: 7px;
}
.text-container :last-child {
  font-size: 14px;
}
.wraper {
  border-left: 1px solid #014d7e;
  margin-top: 12px;
  text-align: left;
  height: 99%;
}
hr.text-sep {
  border-top: 1px solid #014d7e;
  margin: 15px 0 14px -15px;
}
.sidev :last-child {
  width: 160%;
}
.hd-top {
  height: 75px;
  background-color: #022f50;
}
.hd-top-translation {
  height: 100px;
  background-color: #022f50;
  color: #ffffff;
}
.hd-top-mediasites {
  height: 100px;
  background-color: #022f50;
  color: #ffffff;
}
.hd-top > h1 {
  font-size: 32px;
}
.first-sec {
  height: 412px;
  justify-content: center;
}
.first-col {
  text-align: center;
  padding: 120px 0px;
}
.first-p {
  justify-content: center;
  font-size: 16px;
  color: #223480;
  font-weight: 500;
}
.first-views {
  justify-content: center;
  font-size: 34px;
  font-weight: 600;
  color: #223480;
}
.border-rightt {
  border-right: 8px solid #0b8b86 !important;
  height: 259px;
  margin: auto;
}
.demograph {
  height: 412px;
  background-color: #2573b7;
  text-align: center;
  width: 100%;
  border-radius:8px;
}
h3.text-w {
  color: #fff;
  padding: 16px;
  font-size: 24px;
  padding-top: 20px;
}
.demograph img {
  width: 75%;
  height: 74%;
  margin-top: 10px;
}
.bgo {
  background-color: #022f50;
}
.img-container {
  margin: 0 auto !important;
}
.img-container img {
  width: 629px;
  height: 629px;
}
h1.google-h1 {
  font-size: 32px;
  color: #fff;
}
.livecampaign {
  height: 412px;
  text-align: left;
  width: 100%;
  padding-left: 15px;
}
h3.text-x {
  color: #424242;
  padding: 24px;
  font-size: 24px;
  padding-top: 20px;
  font-weight: 400;
  text-align: center;
}
.t-key {
  font-size: 26px;
  color: #223480;
  font-weight: 500;
}
.left-bar {
  position: relative;
  width:100%;
  max-width: 600px;
  background: #022f50;
  height: 10px;
  margin: 0 auto;
}
.graph-3m {
  margin: 21px -4px;
}
.icon-container-2 {
  height: 300px !important;
  padding: 5vh 0vh;
}
.box-sho {
  min-height: 850px;
  margin: 20px 20px;
  box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.1);
}
.ai-trans h2 {
  font-size: 46px;
  font-weight: 400;
  letter-spacing: 3px;
}
.ai-trans,
.ai-trans-p {
  justify-content: center;
}
.ai-trans-p {
  font-size: 17px;
  margin-top: -10px;
  letter-spacing: 1px;
}
.voice-top {
  height: 100px;
  background-color: #022f50;
}
.ai-voice h2 {
  font-size: 36px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px;
}
.ai-cntr {
  justify-content: center;
}
.ai-voice-p {
  font-size: 18px;
  margin-top: -10px;
  color: #fff;
  letter-spacing: 1px;
}

.img-bg {
  background-image: url("https://pdfprocessor.icrowdnewswire.com/new/assets/img/voice.png");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 60%;
  /* margin-left: -15px; */
  position: relative;
  z-index: -1;
}
.voice-hdng {
  width: 103%;
}

.voice-hdng h1 {
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 1px;
}
p.voice-text {
  font-size: 19px;
}
.mrt {
  margin: auto;
}
.vhh {
  font-size: 22px;
  letter-spacing: 1px;
}
.voipra {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}
.boox {
  min-height: 35%;
  margin-top: 25px;
  min-width: 80%;
  margin: 40px auto 0 auto;
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  /* display: flex;
    justify-content: space-evenly; */
}
.margin-is {
  margin: auto;
}
.sr-no {
  vertical-align: middle !important;
  text-align: center !important;
}
.heatmap-icons ul li,
.heatmap-icons li {
  list-style-type: none !important;
  display: inline-block;
  padding-right: 10px;
  padding-top: 5px;
}
.heatmap-icons {
  margin: 1.25rem;
}
.sectionnineTabletd {
  text-align: center;
}
.outlet-text {
  text-align: center;
  float: right;
  padding-right: 3%;
  line-height: 23px;
  word-break: normal;
}
.anchor-button {
  font-size: 80%;
  background-color: #3a8bcc;
  border-radius: 5px;
  color: white;
  padding: 0.3em;
  text-decoration: none;
  line-height: 1.5;
  margin-left: 6px;
  float: right;
}

.anchor-button:focus,
.anchor-button:hover {
  background-color: #2c67cc;
  color: White;
}

.rpns-height .left-line {
  height: 411px;
}

@media only screen and (max-width: 392px) {
  .head h1 {
    color: #fff;
    padding-bottom: 41px;
    font-size: 22px;
    line-height: 2rem;
  }
  .head-btm p {
    position: absolute !important;
    top: 10px !important;
    left: 0px !important;
    color: #f5f5f5 !important;
    font-size: 10px !important;
  }
  .circle-border {
    border: 11px solid #60c5f5;
    height: 60%;
    border-radius: 146px;
    width: 80% !important;
    margin: 15px auto;
  }
  .ai-trans,
  .ai-trans-p {
    margin: 0 auto !important;
  }
  .ai-trans h2 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0px;
  }
  .box-sho {
    min-height: 850px;
    margin: 12px 0;
    box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.1);
  }
  .ai-voice h2 {
    font-size: 24px !important;
    letter-spacing: 0px !important;
  }
  .ai-voice-p {
    font-size: 12px !important;
    margin-top: -10px;
    color: #fff;
    letter-spacing: 0px !important;
  }
  .voice-top {
    height: 82px !important;
    background-color: #022f50;
  }
  .hd-top {
    height: 85px !important;
    background-color: #022f50;
  }
  .first-sec {
    height: 412px;
    margin: 0 auto !important;
  }
  .border-rightt {
    border-right: 2px solid #0b8b86 !important;
    height: 259px;
    margin: auto;
  }
  .img-container img {
    width: 288px;
    height: 309px;
  }
  .wraper {
    border-left: 1px solid #014d7e;
    margin-top: 22px;
    text-align: left;
    height: 111%;
  }
}

/* ========== Mobile View (Small Devices) ====================== */
@media only screen and (max-width: 600px) {
  .margin-is {
    margin: 190px auto;
  }
  .mdr__date-text {
    display: flex;
    flex-direction: column;
    margin-bottom: 0 !important;
  }

  .left {
    height: 643px;
    background-color: #022f50;
    margin-top: 20px;
    margin-right: 0px;
  }
  .circle-border {
    border: 11px solid #60c5f5;
    height: 60%;
    border-radius: 146px;
    width: 77%;
    margin: 15px auto;
  }
  .right {
    width: 353px;
    height: 385px;
    background-color: #022f50;
    margin-left: 0px;
    margin-top: 20px;
    max-width: 100%;
  }
  hr.keyword-hr {
    border-top: 1px solid rgb(12, 94, 181, 0.4);
    width: 103%;
    margin-left: -15px;
    padding: 0px !important;
    margin-bottom: 3px;
    margin-top: -10px;
  }
  .rpns-height {
    min-height: 1600px !important;
  }
  .sidev :last-child {
    width: 213% !important;
  }
  .head-btm {
    position: relative;
    background-color: #7b1b2b;
    height: 30px;
    text-align: CENTER;
  }
  .head-btm > img {
    clip-path: polygon(83% 0, 65% 114%, 28% 100%, 35% -5%);
    width: 100%;
    height: 190%;
  }
  .wrapper {
    width: inherit;
    margin: 0 auto;
    padding: 0;
    clear: both;
  }
  .head-btm p {
    position: absolute;
    top: 5px;
    left: 156px;
    color: #f5f5f5;
    font-size: 14px;
  }
  .head-btm p STRONG {
    display: block;
  }
  .img-container img {
    width: 323px;
    height: 330px;
  }
  /* .img-container {
    margin: -148px 0 56px 11px !important;
  } */
  .text-container :first-child {
    font-size: 14px;
    font-weight: 500;
    color: #223480;
    margin-bottom: 2px;
    width: 150% !important;
  }
  .icon-container > p {
    font-size: 16px;
    color: #223480;
    font-weight: 500;
  }
  .hd-top {
    height: 65px;
    background-color: #022f50;
  }
  .demograph img {
    width: 93%;
    height: 47%;
    margin-top: 72px;
  }
  .graph-2 {
    width: 96%;
    height: 40%;
  }
  .graph-3m {
    margin: 21px -4px;
    width: 103%;
    height: 260px;
  }
  .icon-container {
    padding: 15vh 0vh;
  }
  .left-bar {
    width: 229px;
    background: #022f50;
    height: 10px;
    margin: 8px auto;
    position: relative;
  }
  .voice-top {
    min-height: 80px;
    background-color: #022f50;
  }
  .ai-cntr {
    justify-content: center;
  }
  .ai-voice-p {
    font-size: 14px;
    margin-top: -10px;
    color: #fff;
    letter-spacing: 1px;
  }
  .voice-hdng h1 {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .ai-voice h2 {
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
  }
  p.voice-text {
    font-size: 16px;
  }
  .mrt {
    margin-top: -40%;
  }
  .hd-top > h1 {
    font-size: 22px;
  }
  .rpns-height .left-line {
    height: 388px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .head-btm p {
    /* position: absolute;
        top: 13px;
        left: 294px; */
    position: relative !important;
    margin-top: -47px !important;
    display: grid !important;
    color: #fff !important;
    font-size: 1rem !important;
    top: 0 !important;
    left: 0 !important;
  }
  .head-btm > img {
    clip-path: polygon(65% 0%, 60% 106%, 40% 100%, 35% -5%);
    width: 99%;
  }
  .circle-border {
    border: 11px solid #60c5f5;
    height: 50%;
    border-radius: 146px;
    width: 102%;
    margin: 15px auto;
  }
  .icon-container {
    padding: 15vh 0vh;
  }
  .circleReport {
    height: 51% !important;
    width: 100% !important;
    margin-left: 0% !important;
    margin-top: 28% !important;
  }
  /* .rpns-height
    {
        min-height: 1027px !important;
    }
    .rpns-height .left-line{
        height: 533px;

    } */
  .icon-container > p {
    font-size: 13px !important;
  }
}

/* ==========================================  Media websites styles ========================= */
.mt-0a {
  margin: 0 auto !important;
}
.view.view-cascade {
  margin-top: -1.25rem !important;
  margin-right: 4% !important;
  margin-left: 4% !important;
}
.view.view-cascade.gradient-card-header {
  padding: 1.6rem 1rem !important;
  color: #fff !important;
  text-align: center !important;
}
.view.view-cascade {
  border-radius: 0.25rem !important;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.view {
  position: relative !important;
  overflow: hidden !important;
  cursor: default !important;
}
.blue-gradient {
  background: linear-gradient(40deg, #45cafc, #303f9f) !important;
}
.outlet-text {
  font-size: 14px;
  margin-bottom: 0;
}
td span {
  font-size: 13px;
}
/* report old style start here*/


.wrapper {
  width: 1140px;
  margin: 0 auto;
  padding: 0;
  clear: both;
}
.head {
  text-align: center;
  background-color: #022f50;
  /* height: 185px; */
  padding-bottom: 10px;
  width: 100%;
  max-width: 100%;
}
.head-nexis {
  text-align: center;
  background-color: #132a43;
  /* height: 100px; */
  width: 100%;
  max-width: 100%;
}

.logo1 {
  padding: 22px 0 40px 0;
}
.head-btm {
  position: relative;
  background-color: #7b1b2b;
  height: 26px;
  text-align: center;
}
.head-btm > img {
  width: 100%;
  clip-path: polygon(64% -20%, 59% 106%, 41% 100%, 35% 5%);
}
.head-btm p {
  position: relative;
  color: #ffffff;
  font-size: 24px;
  margin-top: -65px;
}

.sub-title {
  padding: 81px 0 25px 0;
  text-align: center;
}
.sub-title p {
  font-size: 19px;
}
.title {
  background-color: #0c5eb5;
  text-align: center;
}
.title h1 {
  font-size: 25px;
  color: #fff;
  padding: 15px 25px;
  line-height: 2.5rem;
}
/* .logo-container {
    height: 338px;
    background-color: #f9f9f9;
    width: 1140px;
    text-align: center;
} */

.total-summary {
  height: 425px;
  background-color: #014d7e;
  width: 850px;
  text-align: center;
}
.total-summary h1 {
  font-size: 24px;
  color: #fff;
  padding-top: 20px;
}
.right {
  width: 353px;
  height: 385px;
  background-color: #022f50;
  margin-left: 22px;
  margin-top: 20px;
}
.left {
  width: 353px;
  height: 768px;
  background-color: #022f50;
  margin-right: 22px;
  margin-top: -381px;
  float: right;
}
.circle-border {
  border: 11px solid #60c5f5;
  height: 65%;
  border-radius: 146px;
  width: 78%;
  margin: 0 auto;
}
.customCircleBorder {
  height: 65% !important;
  border-radius: 193px !important;
  width: 80% !important;
  margin-left: 8% !important;
}
.circle-border .views {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  padding: 63px 0px 0px 0px;
}
.circle-border :last-child {
  font-size: 14px;
  font-weight: 400;
  color: #ebebeb;
  margin-top: -13px;
}
p.text-white.clicks {
  font-size: 34px;
  font-weight: bold;
}
p.text-white.key-text {
  font-size: 16px;
}

hr.keyword-hr {
  border-top: 1px solid rgb(12, 94, 181, 0.4);
  width: 107%;
  margin-left: -15px;
  padding: 0px !important;
  margin-bottom: 3px;
  margin-top: -10px;
}
.icon-container > p {
  font-size: 22px;
  color: #223480;
}

@media only screen and (max-width: 1024px) {
  .outlet-text {
    text-align: center;
    float: inherit !important;
    padding-right: inherit !important;
  }
  .outlet-text .anchor-button {
    float: inherit !important;
    display: block;
    width: max-content;
    margin-top: 5px !important;
    margin: 0 auto;
  }
  #socialWebsites-1 h2 {
    font-size: 19px !important;
  }
  #socialWebsites-1 .subheading {
    padding-bottom: 4rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .icon-container > p {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1025px) {
  .mediasiteTable .sr-no {
    width: 10%;
  }
  .mediasiteTable .links-imgs {
    width: 45%;
  }
  .mediasiteTable .view-release {
    width: 45%;
  }

  .contentCircleReport {
    width: 60% !important;
    margin-left: 20% !important;
    margin-top: 2% !important;
  }
  .classactionCircleReport {
    width: 60% !important;
  }
  .classactionCircleReportPdf {
    width: 71% !important;
  }
  .contentCircleReportPdf {
    width: 71% !important;
  }

  .wireCircleReport {
    height: 64% !important;
    width: 60% !important;
    margin-left: 20% !important;
  }
  .lawCircleReport {
    width: 64% !important;
    margin-left: 19% !important;
  }
  .circleReportWhitelabel {
    width: 60% !important;
  }
  .whiteCircleReportPdf {
    width: 71% !important;
  }
}
.text-container :first-child {
  font-size: 16px;
  font-weight: 500;
  color: #223480;
  margin-bottom: 7px;
}
.text-container :last-child {
  font-size: 14px;
}

hr.text-sep {
  border-top: 1px solid #014d7e;
  margin: 15px 0 14px -15px;
}
.sidev :last-child {
  width: 160%;
}
.hd-top {
  height: 75px;
  background-color: #022f50;
}
.hd-top > h1 {
  font-size: 32px;
}
.first-sec {
  height: 412px;
  justify-content: center;
}
.first-col {
  text-align: center;
  padding: 120px 0px;
}
.first-p {
  justify-content: center;
  font-size: 16px;
  color: #223480;
  font-weight: 500;
}
.first-views {
  justify-content: center;
  font-size: 34px;
  font-weight: 600;
  color: #223480;
}
.border-rightt {
  border-right: 8px solid #0b8b86 !important;
  height: 259px;
  margin: auto;
}
.demograph {
  height: 412px;
  background-color: #2573b7;
  text-align: center;
  width: 100%;
  border-radius:8px;
}
h3.text-w {
  color: #fff;
  padding: 16px;
  font-size: 24px;
  padding-top: 20px;
}
.demograph img {
  width: 75%;
  height: 74%;
  margin-top: 10px;
}
.bgo {
  background-color: #022f50;
}
.img-container {
  margin: 0 auto !important;
}
.img-container img {
  width: 629px;
  height: 629px;
}
h1.google-h1 {
  font-size: 32px;
  color: #fff;
}
.livecampaign {
  height: 412px;
  text-align: left;
  width: 100%;
  padding-left: 15px;
}

.t-key {
  font-size: 26px;
  color: #223480;
  font-weight: 500;
}
.left-bar {
  position: relative;
  width: 600px;
  background: #022f50;
  height: 10px;
  margin: 0 auto;
}
.graph-3m {
  margin: 21px -4px;
  max-width: 100%;
}
.icon-container-2 {
  height: 300px !important;
  padding: 5vh 0vh;
}
.box-sho {
  min-height: 850px;
  margin: 20px 20px;
  box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.1);
}
.ai-trans h2 {
  font-size: 46px;
  font-weight: 400;
  letter-spacing: 3px;
}
.ai-trans,
.ai-trans-p {
  justify-content: center;
}
.ai-trans-p {
  font-size: 17px;
  margin-top: -10px;
  letter-spacing: 1px;
}
.voice-top {
  height: 100px;
  background-color: #022f50;
}
.ai-voice h2 {
  font-size: 36px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1px;
}
.ai-cntr {
  justify-content: center;
}
.ai-voice-p {
  font-size: 18px;
  margin-top: -10px;
  color: #fff;
  letter-spacing: 1px;
}

.voice-hdng h1 {
  font-size: 26px;
  font-weight: 400;
  letter-spacing: 1px;
}
p.voice-text {
  font-size: 19px;
}
.mrt {
  margin: auto;
}
.vhh {
  font-size: 22px;
  letter-spacing: 1px;
}
.voipra {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
}
.boox {
  min-height: 35%;
  margin-top: 25px;
  min-width: 80%;
  margin: 40px auto 0 auto;
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  /* display: flex;
    justify-content: space-evenly; */
}
.margin-is {
  margin: auto;
}
@media only screen and (max-width: 392px) {
  .head h1 {
    color: #fff;
    padding-bottom: 41px;
    font-size: 22px;
    line-height: 2rem;
  }
  .head-btm p {
    position: absolute !important;
    top: 10px !important;
    left: 0px !important;
    color: #f5f5f5 !important;
    font-size: 10px !important;
  }
  .circle-border {
    border: 11px solid #60c5f5;
    height: 60%;
    border-radius: 146px;
    width: 80% !important;
    margin: 15px auto;
  }
  .ai-trans,
  .ai-trans-p {
    margin: 0 auto !important;
  }
  .ai-trans h2 {
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0px;
  }
  .box-sho {
    min-height: 850px;
    margin: 12px 0;
    box-shadow: 0px 2px 5px RGBA(0, 0, 0, 0.1);
  }
  .ai-voice h2 {
    font-size: 24px !important;
    letter-spacing: 0px !important;
  }
  .ai-voice-p {
    font-size: 12px !important;
    margin-top: -10px;
    color: #fff;
    letter-spacing: 0px !important;
  }
  .voice-top {
    height: 82px !important;
    background-color: #022f50;
  }
  .hd-top {
    height: 85px !important;
    background-color: #022f50;
  }
  .first-sec {
    height: 412px;
    margin: 0 auto !important;
  }
  .border-rightt {
    border-right: 2px solid #0b8b86 !important;
    height: 259px;
    margin: auto;
  }
  .img-container img {
    width: 288px;
    height: 309px;
  }
}

/* ========== Mobile View (Small Devices) ====================== */
@media only screen and (max-width: 600px) {
  .margin-is {
    margin: 190px auto;
  }

  .left {
    height: 643px;
    background-color: #022f50;
    margin-top: 20px;
    margin-right: 0px;
    overflow: scroll;
  }
  .circle-border {
    border: 11px solid #60c5f5;
    height: 60%;
    border-radius: 146px;
    width: 77%;
    margin: 15px auto;
  }
  .right {
    width: 353px;
    height: 385px;
    background-color: #022f50;
    margin-left: 0px;
    margin-top: 20px;
  }
  hr.keyword-hr {
    border-top: 1px solid rgb(12, 94, 181, 0.4);
    width: 103%;
    margin-left: -15px;
    padding: 0px !important;
    margin-bottom: 3px;
    margin-top: -10px;
  }
  .rpns-height {
    min-height: 1600px !important;
  }
  .sidev :last-child {
    width: 213% !important;
  }
  .head-btm {
    position: relative;
    background-color: #7b1b2b;
    height: 30px;
    text-align: CENTER;
  }
  .head-btm > img {
    clip-path: polygon(83% 0, 65% 114%, 28% 100%, 35% -5%);
    width: 100%;
    height: 190%;
  }
  .wrapper {
    width: inherit;
    margin: 0 auto;
    padding: 0;
    clear: both;
  }
  .head-btm p {
    position: relative !important;
    top: 10px !important;
    left: 0px !important;
    color: #f5f5f5;
    font-size: 14px;
  }
  .head-btm p STRONG {
    display: block;
  }
  .img-container img {
    width: 323px;
    height: 330px;
  }
  /* .img-container {
    margin: -148px 0 56px 11px !important;
  } */
  .text-container :first-child {
    font-size: 14px;
    font-weight: 500;
    color: #223480;
    margin-bottom: 2px;
    width: 150% !important;
  }
  .icon-container > p {
    font-size: 14px;
    color: #223480;
    font-weight: 500;
  }
  .hd-top {
    height: 65px;
    background-color: #022f50;
  }
  .ai-trans h2 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0px;
  }
  .demograph img {
    width: 93%;
    height: 47%;
    margin-top: 72px;
  }
  .graph-2 {
    width: 96%;
    height: 40%;
  }
  .graph-3m {
    margin: 21px -4px;
    width: 103%;
    height: 260px;
  }
  .icon-container {
    padding: 15vh 0vh;
  }
  .left-bar {
    width: 229px;
    background: #022f50;
    height: 10px;
    margin: 8px auto;
    position: relative;
  }
  .voice-top {
    min-height: 80px;
    background-color: #022f50;
  }
  .ai-cntr {
    justify-content: center;
  }
  .ai-voice-p {
    font-size: 14px;
    margin-top: -10px;
    color: #fff;
    letter-spacing: 1px;
  }
  .voice-hdng h1 {
    font-size: 26px;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .ai-voice h2 {
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 1px;
  }
  p.voice-text {
    font-size: 16px;
  }
  .mrt {
    margin-top: -40%;
  }
  .hd-top > h1 {
    font-size: 22px;
  }
  .logo1 {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
  .head-btm p {
    position: absolute;
    top: 13px;
    left: 294px;
    color: #fff;
    font-size: 18px;
  }
  .head-btm > img {
    clip-path: polygon(65% 0%, 60% 106%, 40% 100%, 35% -5%);
    width: 99%;
  }
  .circle-border {
    border: 11px solid #60c5f5;
    height: 60%;
    border-radius: 146px;
    width: 90%;
    margin: 15px auto;
  }
  .icon-container {
    padding: 15vh 0vh;
  }
}

/* ==========================================  Media websites styles ========================= */
.mt-0a {
  margin: 0 auto !important;
}
.view.view-cascade {
  margin-top: -1.25rem !important;
  margin-right: 4% !important;
  margin-left: 4% !important;
}
.view.view-cascade.gradient-card-header {
  padding: 1.6rem 1rem !important;
  color: #fff !important;
  text-align: center !important;
}
.view.view-cascade {
  border-radius: 0.25rem !important;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
}
.view {
  position: relative !important;
  overflow: hidden !important;
  cursor: default !important;
}
.blue-gradient {
  background: linear-gradient(40deg, #45cafc, #303f9f) !important;
}
.outlet-text {
  font-size: 14px;
  margin-bottom: 0;
}
td span {
  font-size: 13px;
}

/* =============== old report styles ================== */

#emailMediaReach-9,
#emailMediaReach-91 {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  margin-bottom: 40px;
  margin-top: 80px;
  min-height: 280px;
}
#emailMediaReach-9 h1,
#emailMediaReach-91 h1 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 32px;
  height: 75px !important;
  padding-top: 15px;
  padding-bottom: 13px;
}
.communication-list {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 40px;
  margin-top: 80px;
}
.communication-list h1 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 32px;
  /* height: 75px; */
  padding-top: 18px;
  padding-bottom: 18px;
  margin-bottom: 0px;
}

.communication-list-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* .communication-list-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 210px;
  padding: 20px 10px;
} */



@media only screen and (max-width: 320px) {
  #emailMediaReach-9 h1,
  #emailMediaReach-91 h1 {
    height: auto !important;
  }
}
#searchEngine-1 {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  margin-bottom: 40px;
  margin-top: 80px;
  min-height: 280px;
}
#searchEngine-1 h1 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 32px;
  height: auto;
  padding-top: 15px;
  padding-bottom: 13px;
}
#searchEngine-1 h2 {
  width: 100%;
  color: #022f50;
  text-align: center;
  font-size: 24px;
  height: 70px;
  padding-top: 30px;
}
@media only screen and (max-width: 767.98px) {
  #searchEngine-1 h2 {
    padding-top: 0px;
    margin-bottom: 20px;
  }
}
.mediaSitesBoxesCotainer {
  text-align: center !important;
  /* width: 1140px !important; */
  width: 100% !important;
}

#socialWebsites-1,
#iCrowdNewswieNetwork-2,
#searchEngine-3 {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  margin-bottom: 40px;
  margin-top: 80px;
  min-height: 450px;
}
#socialWebsites-1 h1 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 32px;
  height: 75px;
  padding-top: 15px;
  padding-bottom: 13px;
}
@media only screen and (max-width: 355px) {
  #socialWebsites-1 h1 {
    height: auto !important;
  }
}
#socialWebsites-1 h2 {
  width: 100%;
  color: #022f50;
  text-align: center;
  font-size: 24px;
  height: 70px;
  padding-top: 30px;
}
#iCrowdNewswieNetwork-2 h1 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 32px;
  height: 70px;
  padding-top: 13px;
}
#iCrowdNewswieNetwork-2 h2 {
  width: 100%;
  color: #022f50;
  text-align: center;
  font-size: 24px;
  /* height: 70px; */
  padding-top: 30px;
}
#searchEngine-3 h1 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 32px;
  height: 70px;
  padding-top: 13px;
}
#searchEngine-3 h2 {
  width: 100%;
  color: #022f50;
  text-align: center;
  font-size: 24px;
  height: 70px;
  padding-top: 30px;
}
#searchEngine-4 h1 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 32px;
  height: auto;
  padding-top: 15px;
  padding-bottom: 13px;
}
#campaignsummary-5,
#campaignsummary-6 {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  margin-bottom: 40px;
  margin-top: 80px;
  min-height: 300px;
}
#campaignsummary-5 h3 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 25px;
  height: 70px;
  padding-top: 20px;
}
#campaignsummary-6 h1 {
  width: 100%;
  background: #022f50;
  color: #fff;
  text-align: center;
  font-size: 25px;
  height: 70px;
  padding-top: 20px;
}
/* old style end here */

.livecampaigngoogle {
  height: 412px;
  /* text-align: left; */
  /* width: 100%; */
  padding-left: 15px;
  margin: 0 auto;
  display: block;
}

.bootstrap_alert {
  padding-top: 27px;
  margin-bottom: 0;
}

img.graph-2 {
  max-width: 99%;
}
img.graphImage {
  width: 97% !important;
}
/* new css fields added 3/10/20 */
.imageStyle {
  max-width: 100%;
}
.divshadow {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
}

img.graphImage_1 {
  width: 85%;
}
.export_to_pdf {
  display: block !important;
  margin: 2% auto !important;
}
.text_decoration_none {
  text-decoration: none;
}
@media (max-width: 767px){
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  
  @media screen and (max-device-width: 767px){
    table, thead, tbody, th, td, tr {
        display: block;
    }
    }
  .socialicons {
    /* text-align: center;margin: 40px 0px !important; */
  }
  #campaignsummary-6 h1 {
    width: 100%;
    background: #022f50;
    color: #fff;
    text-align: center;
    font-size: 25px;
    padding-top: 20px;
    height: auto;
  }
  #searchEngine-1 h1 {
    width: 100%;
    background: #022f50;
    color: #fff;
    text-align: center;
    font-size: 32px;
    height: auto;
    padding-top: 13px;
    padding-bottom: 10px;
  }
  #iCrowdNewswieNetwork-2 h1 {
    width: 100%;
    background: #022f50;
    color: #fff;
    text-align: center;
    font-size: 32px;
    height: auto;
    padding-top: 13px;
  }
}
.socialicons {
  /* text-align: center; margin: 22px 266px; */
}
.socialicons img {
  width: 85px;
}
.triggerd_keyword {
  height: 370px;
  overflow-x: hidden;
  overflow-y: scroll;
}
ul.posting_on_media li {
  display: block !important;
}
span.export_to_pdf_section {
  width: 200px;
  display: block;
  margin: 28px auto;
}
span.export_to_pdf_section a {
  text-decoration: none;
}
.livecampaigngoogle .graph-2 {
  max-height: 81%;
}

.Super_perimum_heading {
  max-width: 100%;
  width: 100%;
}
.Super_perimum_heading img {
  display: block;
  margin: 0 auto;
  padding: 5% 0;
}
.Super_perimum_headline {
  height: auto;
  padding: 2% 0 1% 0;
  background: #022f50;
  color: #fff;
  text-align: center;
}
.Super_perimum_heading_section {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  margin-bottom: 40px;
  margin-top: 80px;
  min-height: 474px;
}
.heatmap_image img {
  width: 100%;
  max-width: 97%;
  margin: 0 auto;
}
.row.heatmap_image {
  width: 100%;
  max-width: 100%;
  margin: 0 13px 10px 3px;
}
.location_image {
  width: 100%;
  max-width: 100%;
}
.location_image img {
  margin: 0 auto;
}
.premium_add_live mt-5 img {
  width: 95%;
  margin: 0 auto;
  display: block;
  max-height: 75%;
}
.premium_add_live mt-5 {
  max-width: 100%;
  width: 100%;
}
.premium_add_live mt-5 {
  width: 100%;
  max-width: 100%;
}
.premium_add_live mt-5 img {
  width: 95%;
  margin: 0 auto;
  display: block;
  max-height: 75%;
}
.premium_add_live mt-5 h3 {
  padding: 18px 0 10px 28px;
  color: #092e4e;
}
.premium_add_live mt-5 h3 {
  padding: 0 0 10px 28px;
  color: #092e4e;
}
.facebook_campaign h1 {
  /* border-bottom: 1px solid #718A9C; */
  padding-bottom: 10px;
}
.super_pack_title {
  margin: 0 24px;
  background: #fff;
  box-shadow: 0 0px 7px 0 rgba(0, 0, 0, 0.2), 0 0px 1px rgba(0, 0, 0, 0.19);
  text-align: center;
  padding: 1%;
}

.super_pack_title_nexis {
  text-align: center;
  padding-left: 15%;
  padding-right: 15%;
  padding-top: 6%;
}

.super_pack_title_nexis h1 {
  word-break: break-word;
}
.super_pack_title h1 {
  font-weight: 600;
  line-height: 1.5;
}
.sectionpage11 {
  position: relative;
}

.date_white {
  position: absolute;
  bottom: 0;
}

p.geographic {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 95px;
}
@media only screen and (max-width: 600px) {
  p.geographic {
    overflow-x: auto;
  }
}

.social-media-sceenshots img {
  width: 65%;
  margin: 10px auto;
}
.social-media-sceenshots {
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .super_pack_title h1 {
    font-weight: 600;
    line-height: 1.5;
    font-size: 24px;
  }
}

.white-lable-logo img {
  padding-top: 2px;
  width: 100%;
  height: 100px;
}

.white-lable-logo {
  width: 322px;
  margin: 0 auto;
  padding-bottom: 20px;
  height: 105px;
}

.graphIndex {
  min-height: 1440px;
}
.graph-indexsummary {
  width: 65%;
  max-width: 100%;
  height: 1350px;
  margin-top: 20px;
}
.graphLexis {
  min-height: 1150px;
}
.graph-lexissummary {
  max-width: 100%;
  height: 480px;
  margin-top: 20px;
}
@media only screen and (max-width: 600px) {
  .graph-indexsummary {
    margin-top: 30px !important;
    width: 90%;
    height: auto;
  }
  .graph-lexissummary {
    width: 90%;
    height: auto;
  }
  .graphIndex {
    min-height: 660px;
  }
  .graphLexis {
    min-height: 450px;
  }
  .google-index {
    padding-top: 4px !important;
  }
}
.mediasiteTable tr td img {
  height: 52px;
  object-fit: contain;
}
.sectionnineTabletd {
  text-align: left;
}

@media only screen and (max-width: 1024px) {
  .sectionnineTabletd {
    text-align: center;
  }
}
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .wrapper {
    width: 100%;
  }
  .google_index_section {
    height: 98px;
  }
  .google_index_section .google-h1 {
    margin: 14px 0 14px 0;
  }
}

/* report new style added by Shakeel Ahmad */

td.sectionnineTabletd.pt-audience {
  padding: 4% 0 0 2%;
}
.rss-feed-section {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  margin-bottom: 40px;
  margin-top: 80px;
}
.indexing-trific {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  margin-bottom: 40px;
  margin-top: 80px;
}
section.row.rpns-height.sectionpage {
  min-height: 884px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  section.row.rpns-height.sectionpage {
    min-height: 979px;
  }
  .rpns-height .left-line {
    height: 498px;
  }
}

@media only screen and (min-width: 460px) and (max-width: 767px) {
  section.row.rpns-height.sectionpage {
    min-height: 1012px;
  }
  .rpns-height .left-line {
    height: 512px;
  }
}

/* media query for ipad pro */
@media only screen and (max-width: 1024px) {
  td.sectionnineTabletd.pt-audience {
    padding: 1.5% 0 1.5% 0;
  }
  tbody.pp-partners-body > tr > td > a > img {
    display: block;
    margin: 0 auto;
    width: 90%;
  }
  tbody.rf-network-images > tr > td > img {
    display: block;
    margin: 0 auto;
    width: 90%;
  }
  .socialicons > table > tbody > tr > td > a > img {
    display: block;
    margin: 0 auto;
  }
}

/* media query for mobile pro */
@media only screen and (max-width: 430px) {
}

/* new Consolidated page with Grid structure*/

.container.u-nn-bg {
  color: #434040;
}

.u-nn-rtitle {
  font-size: 20px;
}

.nn-u-bs {
  border-width: 11px !important;
}
.nn-grid .nn-u-bs {
  border-width: 11px !important;
}
.u-nn-bg {
  background-color: #014d7e;
}
.u-nn-bg-views {
  background-color: #022f50;
}
.u-bg-white {
  background-color: #fff;
}

.u-nn-w-circle {
  width: 170px;
  height: 170px;
  font-size: 12px;
}
.nn-views-title {
  font-size: 17px;
}

.u-fsize-nn {
  font-size: 17px;
  font-weight: 600;
}

/* p {
  word-wrap: break-word;
} */
.u-nn-bg-line {
  border: 2px solid #034379;
}

.u-nn-box-shadow {
  box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
}
.u-nn-p-mb {
  margin-bottom: 0 !important;
}

.u-nn-scroll {
  overflow-x: hidden;
  overflow-y: auto;
}

.u-mx-3 {
  max-height: 300px;
}
.u-mxh-1 {
  max-height: 80px;
}

.u-mxh-500{
  max-height: 500px;
}

.u-nn-fs-sm {
  font-size: 12.5px;
}

.u-nn-scroll::-webkit-scrollbar {
  width: 13px;
}

.u-nn-scroll--sm::-webkit-scrollbar {
  width: 7px;
}

.u-nn-fb {
  font-weight: 600;
}

/* Scrollbar Track */
.u-nn-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

.u-nn-scroll--sm::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
}

/* Handle */
.u-nn-scroll::-webkit-scrollbar-thumb {
  background: #014d7e;
  border-radius: 10px;
}

/* Handle on hover */
.u-nn-scroll::-webkit-scrollbar-thumb:hover {
  background: #0268ac;
}

hr.keyword-hr {
  border-top: 1px solid rgb(12, 94, 181, 0.4);
  width: 100%;
  display: block;
}
.u-nn-height {
  min-height: 700px;
  max-height: 700px;
}
@media (min-width: 460px) {
  .u-nn-w-circle {
    width: 250px;
    height: 250px;
    font-size: 16px;
  }
  .nn-views-title {
    font-size: 32px;
  }
}

/* @media (min-width: 767px) {
  .u-mt-network {
    margin-top: -320px;
  }
} */

@media (max-width: 992px) and (min-width: 768px) {
  .u-nn-w-circle {
    width: 190px;
    height: 190px;
    font-size: 14px;
    padding: 1.2rem !important;
  }
  .nn-views-title {
    font-size: 20px;
  }
}

.media-reach-image {
  min-height: 409px;
}

/*  New consolidated with Grid structue Ends here */


/* Reboot */
img {
  max-width: 100%;
}
/* Theme */
:root {
  /* Colors */
  --rep-color-primary: #014d7e;
  --rep-color-primary-dark: #022f50;
  --rep-color-secondary: #0088f5;
  --rep-color-body: #2d2d2d;
  --color-white: #fff;
  --rep-color-blue-100: #2c68b2;
  /* Typography */
  --fs-100: 16px;
  --fs-200: 20px;
  --fs-300: 24px;
  --fs-400: 32px;
  /* Spacing */
  --r-bs-100: 12px;
  --r-bs-200: 16px;
  --r-bs-300: 24px;
  --r-bs-400: 32px;
  --r-bs-500: 48px;
  --r-bs-600: 64px;
  --r-bs-700: 80px;
  --r-bs-800: 96px;

  /* Shadows */
  --bs-shadow-100: 0 0px 7px 0 rgb(0 0 0 / 20%), 0 0px 1px rgb(0 0 0 / 19%);
}

body{
  font-family: "Lato", sans-serif !important;
  line-height: 1.5;
}
/* Sections Style */
.section-mdr:not(:last-of-type) {
  margin-bottom: var(--r-bs-500);
}
.mdr__logo{
  /* max-width: 180px; */
}
/* Header Styles */
.mdr__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
  background-color: #fff;
  padding: var(--r-bs-200) var(--r-bs-400);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
}
.mdr__header--nexis {
  background-color: #0f2742 !important;
}
.mdr__sidebar--nexis {
  background-color: #173a63 !important;
}
/* Typography Style */
.mdr__heading {
  color: var(--color-white);
  text-align: right;
}

.mdr__heading--primary {
  color: #1d1d1d;
  text-align: right;
  font-size: 36px;
  font-weight: 900;
  line-height: 1.4;
}

.mdr__heading--tertiary {
  font-size: var(--fs-400);
  text-align:center;
  line-height: 1.5;
}

.law__consolidated__figure {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.mdr__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 44px;

  padding: 140px var(--r-bs-400);
}

.mdr__body-text {
  line-height: 1.4;
  text-align: center;
  font-weight: 600;
}

.mdr__date {
  background-color: #2573B7;
  color: var(--color-white);
  padding: var(--r-bs-200);
  font-size: 19px;
  text-align: center;

  display: flex;
  justify-content: center;
}

.mdr__date-text{
  margin-bottom: 0 !important;
}

/* Utils Classes */
.u-mdr-bg-primary {
  background-color: var(--rep-color-primary);
}

.u-mdr-bg-secondary {
  background-color: #2573B7 !important;
}

.u-mdr-bg-tertiary {
  background-color: #fbfbfb !important;
}

/* Consolidated Style */

.u-nn-bg {
  background-color: #efefef;
}

.consolidated__title {
  padding-top: 24px;
  padding-bottom: 24px;
  color: #1d1d1d;
  text-align: center;
}

.u-nn-box-shadow {
  box-shadow: 0 7px 30px -10px #96aab480;
}

.u-fsize-nn {
  font-size: 17px;
  font-weight: 600;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.u-nn-bg-line {
  border: 2px solid #034379;
}

.u-bg-side {
  background: #2573B7;
}

hr.keyword-hr {
  border-top: 1px solid #0c5eb566;
  width: 100%;
  display: block;
}

.u-pr-scroll {
  max-height: 300px;
  overflow-y: auto;
}

/* width */
.u-pr-scroll::-webkit-scrollbar,
.geo-target-text::-webkit-scrollbar {
  width: 10px;
  border-radius: 100px;
}

.u-pr-scroll {
  scrollbar-width: thin; 
  scrollbar-color:#014d7e #002b47  !important;
}

.geo-target-text  {
  scrollbar-width: thin; 
  scrollbar-color:#014d7e #aab5bd  !important;
}

/* Track */
.u-pr-scroll::-webkit-scrollbar-track,
.geo-target-text::-webkit-scrollbar-track {
  border-radius: 100px;
  border: 1px solid #666666;
  background: transparent;
}

/* Handle */
.u-pr-scroll::-webkit-scrollbar-thumb,
.geo-target-text::-webkit-scrollbar-thumb {
  background: #014d7e;
  border-radius: 100px;
}

/* Handle on hover */
.u-pr-scroll::-webkit-scrollbar-thumb:hover,
.geo-target-text::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* scroll for geographic targeting */
.g-pr-scroll {
  max-height: 100px;
  overflow-y: auto;
}

/* width */
.g-pr-scroll::-webkit-scrollbar {
  width: 10px;
  border-radius: 100px;
}

/* Track */
.g-pr-scroll::-webkit-scrollbar-track {
  border-radius: 100px;
  /* border: 1px solid #666666; */
  background: transparent;
}

/* Handle */
.g-pr-scroll::-webkit-scrollbar-thumb {
  background: #014d7e;
  border-radius: 100px;
}

/* Handle on hover */
.g-pr-scroll::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* end */

.u-nn-fs-sm {
  font-size: 12.5px;
}

.u-bg-white {
  background-color: #fff;
}

.network-content {
  max-width: 400px;
  padding: 0 !important;
  border-left: 1px solid #dee2e6 !important;
}

.geo-target-text {
  color: #444444;
  font-weight: 600;
  letter-spacing: 0.16px;
  line-height: 1.7;
  font-size: 12.5px;
  width: 300px;
  max-height: 85px;
  overflow: auto;
}

.geo-graphic-list {
  overflow-y: auto;
}

.u-height {
  height: 164px;
}

@media (max-width: 992px) {
  .u-height {
    height: 298px;
  }
}

@media (max-width: 767.9px) {
  .u-bg-side {
    display: none;
  }
  .u-height {
    height: auto;
  }
  .u-mt-network {
    padding-bottom: 0 !important;
  }
  .mdr__heading--primary {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
  }
  .mdr__heading--tertiary {
    font-size: 26px;
  }
}

.mdr-section {
  box-shadow: 1px 4px 11px RGBA(0, 0, 0, 0.2);
  /* margin-bottom: 40px; */
  margin-top: 80px;
}

.consolidated__views {
  color: var(--color-white);
  padding: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  align-self: flex-start;
  background-color: #0fb9b2;
}

.consolidated__views--shape {
  border-radius: 100%;
  border: 11px solid #17a2b8 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 24px;
  margin-top: 24px;

  font-size: 12px;
  text-align: center;
  width: 170px;
  height: 170px;
}

@media (max-width: 992px) and (min-width: 768px) {
  .consolidated__views--shape {
    width: 190px !important;
    height: 190px !important;
    font-size: 14px;
    padding: 1.2rem !important;
  }
}

@media (min-width: 460px) {
  .consolidated__views--shape {
    width: 250px;
    height: 250px;
    font-size: 16px;
  }
}

.consolidated__clicks {
  color: var(--color-white);
  text-align: center;
  padding: 20px;
  align-self: flex-start;
  background-color: #0fb9b2;
}

.consolidated__map {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.consolidated__label {
  font-size: 12.5px;
  font-weight: 600;
}
.consolidated__age {
  font-weight: 600;
  font-size: 12.5px;
}
.consolidated__url {
  margin-left: 8px;
  margin-right: 2px;
  font-size: 17px;
  padding: 4px 0;
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }
}

.row {
  /* margin-right: 0 !important;
  margin-left: 0 !important; */
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

/*  */
.campaign-layout {
  display: grid;
  grid-template-columns: 50px 1fr;
}

.campaign-layout__sidebar {
  grid-column: 1 / span 1;
  grid-row: 1 / span 2;
  background: #2573B7;
  padding: 24px 12px;
}

.campaign-layout__header {
  grid-column: 2 / -1;
  background-color: #0fb9b2;
  padding: var(--r-bs-200) var(--r-bs-400);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--color-white);
}

.campaign-layout__content {
  grid-column: 2 /-1;
  padding: var(--r-bs-200);
}

@media (max-width: 767.9px) {
  .mdr__header {
    flex-direction: column;
    gap: 24px;
  }
  .mdr__heading {
    text-align: center;
  }
  .campaign-layout {
    display: grid;
    grid-template-columns: 1fr;
  }
  .campaign-layout__sidebar {
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .campaign-layout__sidebar img {
    width: 50px;
  }

  .campaign-layout__header,
  .campaign-layout__content {
    grid-column: auto;
    grid-row: auto;
  }
}

.campaign-layout__photo {
  max-width: 100%;
  object-fit: contain;
  object-position: top center;
  margin: auto;
}

.u-mx-60 {
  max-width: 50px !important;
}

.u-bg-side.u-mx-60 {
  padding: 24px 12px;
}

.u-alexa {
  width: 100%;
  margin: 30px auto;
  max-width: 450px;
  box-shadow: 1px 4px 11px rgba(0, 0, 0, 0.2);
  padding: 24px 56px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.u-alexa > div{
  text-align: center;
}

@media (max-width: 460px) {
  .u-nn-w-circle {
    width: 250px;
    height: 250px;
    font-size: 16px;
  }
  .u-alexa {
    justify-content: center;
  }
}

.pb-sub-heading {
  font-size: 24px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 44px;
}

.u-border-grey {
  border: 1px solid #ddd;
}

.u-sm-icon {
  padding: 5px;
  border: 1px solid lightgrey;
  width: 32px !important;
}

.u-sm-icon img {
  max-width: 100%;
}

.remove-bg-grey {
  background-color: initial !important;
}

.u-df-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.u-df-center img {
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.row.text-center.col-12  > .table-responsive > table > tbody > tr > td > img{
  height: 40px;
  width: auto !important;
} 

.campaign__sidebar--linkedin {
  background-color: #007ebb !important;
}

.campaign__sidebar--taboola {
  background-color: #004462;
}

.u-bg-white {
  background-color: #fff !important;
}

.campaign-layout__sidebar img,.campaign__sidebar__logo {
  width: 50px;
}

.campaign__sidebar--instagram {
  background: radial-gradient(circle at -4% 107%, #285AEB 0%, #d6249f 5%, #d6249f 45%,#d6249f 60%,#285AEB 90%);
}


.campaign__taboola_video_ad_content {
  text-align: center;
  margin-top: 30px;
}

.campaign__taboola_video_ad_content > a {
  background-color: #003050;
  text-decoration: none !important;
  color: white !important;
  font-weight: bold;
  font-size: clamp(1.00rem, calc(0.95rem + 0.25vw), 1.25rem);
  padding: 14px;
  max-width: 500px;
  display: block;
  margin: auto;
}



.campaign__taboola_video_ad_content > p {
  margin-top: 40px;
  text-decoration: underline;
  color: #003050;
  font-weight: bold;
}


.u-mh-850{
  min-height: 850px;
}

.u-mx-7{
  max-height: 700px !important;
}
.u-mh-12h{
  max-height: 1250px !important;
  object-fit: contain !important;
}

.u-mx-40-obj{
  max-height: 40px;
  object-fit: contain;
}
.u-nl-date-bg{
  background: #eeeeee !important;
  color: #132a43 !important;
}

/* .u-mx-td{
  max-width: 130px !important;
  word-break: break-all !important;
} */

.campaign__sidebar--linkedin + .campaign-layout__content > .campaign-layout__photo{
  display: block;
  margin: auto;
}

.page-breaker {
  break-after: page;
}

@media print {
  body {
    background: #000;
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
  }
}
/* New Styles Ends */




.campaign__taboola_video_ad_content--link {
  max-width: 277px !important;
  border-radius: 5px !important;
  text-align: center !important;
  font: normal normal 600 20px/24px Montserrat !important;
  text-transform: uppercase !important;
}

.campaign__taboola_video_ad_content--link + p {
  margin-top: 56px !important;
  font: normal normal normal 18px/22px Lato !important;
  letter-spacing: 0px !important;
  color: #000000 !important;
  opacity: 1 !important;
  text-decoration: none !important;
}

.u-pb78 {
  padding-bottom: 78px !important;
}
.footer_icn_main {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.u-tt-none{
  text-transform: none !important;
}

.the-state-journal-3075138, .jewish-link-3075138, .gritdaily-3075138 {
    display: none !important;
}

@media (max-width: 767px){
  .tnw-links-table tr {
    padding: 10px;
    height: auto !important;

  }
}