.main-nojoom-btn {
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  background-color: #ED1C24;
  min-width: 163px;
  height: 40px;
  border-radius: 30px;
  padding: 12px 31px;
  font-family: "Ooredoo-Heavy"; }
  .main-nojoom-btn:hover {
    color: #FFF;
    text-decoration: none; }

* {
  box-sizing: border-box; }

body {
  background-color: #F9F9F9 !important; }

.container.regulatory-container {
  max-width: 1091px; }
  @media (min-width: 769px) {
    .container.regulatory-container {
      padding: 0; } }
  @media (min-width: 992px) and (max-width: 1025px) {
    .container.regulatory-container {
      padding: 0 17px; } }

.link-with-arrow {
  color: #ED1C24;
  font-size: 14px;
  font-weight: 900;
  font-family: "Ooredoo-Heavy";
  line-height: 17px; }
  .link-with-arrow::after {
    content: "";
    background: url("../images/red-right-arrow.svg") no-repeat center center;
    background-size: cover;
    width: 15px;
    height: 9.92px;
    display: inline-block;
    margin-left: 5px; }
  .link-with-arrow:hover {
    color: #ED1C24;
    text-decoration: none; }

.main-color {
  color: #ED1C24; }

.regulatory-main-section {
  background: url("../images/regulatory-cover.svg") no-repeat center right;
  background-size: cover;
  min-height: 398px;
  padding: 95px 0;
  margin-top: 142px; }
  @media (max-width: 820px) {
    .regulatory-main-section {
      background: url("../images/regulatory-cover-mobile.svg") no-repeat center right;
      background-size: cover;
      margin-top: 100px;
      padding: 116px 0 96px; } }

.regulatory-main-section__title {
  font: normal normal 900 30px/36px "Ooredoo-Heavy";
  margin-bottom: 14px;
  margin-top: 0;
  color: #000; }
  @media (max-width: 820px) {
    .regulatory-main-section__title {
      font-size: 25px;
      line-height: 28px;
      margin-bottom: 11px; } }

.regulatory-main-section__sub-title {
  font: normal normal 900 25px/30px "Ooredoo-Heavy";
  color: #000;
  margin-top: 51px; }
  @media (max-width: 820px) {
    .regulatory-main-section__sub-title {
      margin-top: 33px;
      font-size: 22px;
      line-height: 28px; } }

.regulatory-main-section__desc {
  font: normal normal 600 16px/22px "Noto Sans", sans-serif, Helvetica;
  color: #000;
  width: 739px;
  margin: auto; }
  @media (max-width: 820px) {
    .regulatory-main-section__desc {
      width: auto;
      font-size: 14px;
      line-height: 24px; } }

.regulatory-accordion {
  padding: 76px 0 82px; }
  @media (max-width: 820px) {
    .regulatory-accordion {
      padding: 56px 0 50.7px; } }

.regulatory-accordion__title {
  font: normal normal 900 25px/30px "Ooredoo-Heavy";
  color: #000;
  margin-bottom: 35px; }
  @media (max-width: 820px) {
    .regulatory-accordion__title {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 28px; } }

.reg-accordion-item {
  border: 1px solid #CECECE;
  border-radius: 10px;
  background-color: #FFF; }
  .reg-accordion-item:not(:last-child) {
    margin-bottom: 15.12px; }
    @media (max-width: 820px) {
      .reg-accordion-item:not(:last-child) {
        margin-bottom: 23.4px; } }

.reg-accordion__title {
  height: 70px;
  padding: 24px 22px 23px 27px;
  font: normal normal 900 20px/24px "Ooredoo-Heavy";
  color: #3B3B3B;
  cursor: pointer; }
  @media (max-width: 820px) {
    .reg-accordion__title {
      height: 75px;
      padding: 28px 18px 25px;
      font-size: 17px;
      line-height: 28px; } }
  .reg-accordion__title::after {
    content: "";
    background-image: url("../images/plus-circle.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 22px;
    height: 22px; }
  .reg-accordion__title.active::after {
    content: "";
    background-image: url("../images/minus-circle.svg"); }

.reg-accordion__body {
  border-top: 2px solid #E8E8E8;
  margin: 0 27px;
  padding-top: 38px;
  padding-bottom: 30px;
  display: none; }
  .reg-accordion__body.archive-body {
    padding-top: 26.5px; }
  @media (max-width: 820px) {
    .reg-accordion__body {
      margin: 0 19.5px; } }

.reg-accordion-list {
  margin-bottom: 13px;
  display: flex;
  flex-wrap: wrap; }
  .reg-accordion-list li {
    position: relative;
    padding-left: 16.7px;
    margin-top: 20px; }
    .reg-accordion-list li::before {
      content: "";
      width: 9px;
      height: 9px;
      background-color: #ED1B24;
      border-radius: 50%;
      position: absolute;
      left: 0;
      top: 6.5px; }
      @media (max-width: 820px) {
        .reg-accordion-list li::before {
          top: 5.5px; } }
  .reg-accordion-list li, .reg-accordion-list a {
    font: normal normal 500 16px/22px "Noto Sans", sans-serif, Helvetica;
    color: #ED1B24; }
    @media (max-width: 820px) {
      .reg-accordion-list li, .reg-accordion-list a {
        font-size: 15px;
        line-height: 20px; } }
  .reg-accordion-list a {
    text-decoration: none; }
  .reg-accordion-list p {
    font: normal normal normal 15px/20px "Noto Sans", sans-serif, Helvetica;
    color: #000;
    margin-top: 12px;
    margin-bottom: 6px;
    margin-left: -16.7px; }
    @media (max-width: 820px) {
      .reg-accordion-list p {
        font-size: 14px;
        line-height: 24px; } }
  .reg-accordion-list.with-two-columns {
    padding-right: 100px; }
    @media (max-width: 820px) {
      .reg-accordion-list.with-two-columns {
        padding-right: 0; } }
    .reg-accordion-list.with-two-columns li {
      flex: 0 0 50%;
      max-width: 50%; }
      @media (max-width: 820px) {
        .reg-accordion-list.with-two-columns li {
          flex: 0 0 100%;
          max-width: 100%; } }
  .reg-accordion-list.with-one-column li {
    flex: 0 0 100%;
    max-width: 100%; }
    .reg-accordion-list.with-one-column li:first-child {
      margin-top: 0; }
    .reg-accordion-list.with-one-column li:last-child {
      margin-top: 20px; }

.reg-accordion-list__title {
  font: normal normal 600 16px/22px "Noto Sans", sans-serif, Helvetica;
  color: #000;
  margin-top: 38px;
  margin-bottom: -7px; }
  @media (max-width: 820px) {
    .reg-accordion-list__title {
      margin-top: 52px;
      margin-bottom: 0; } }

.reg-accordion-link {
  border-radius: 10px;
  background-color: #F9F9F9;
  padding: 19.5px 20px;
  display: flex;
  align-items: center;
  margin-top: 18px; }
  @media (max-width: 820px) {
    .reg-accordion-link {
      padding: 19.5px 15px; } }
  .reg-accordion-link img {
    width: 31px;
    height: 31px;
    -o-object-fit: contain;
       object-fit: contain;
    margin-right: 11px; }
    @media (max-width: 820px) {
      .reg-accordion-link img {
        margin-right: 7px; } }
  .reg-accordion-link a {
    font-size: 15px;
    line-height: 18px; }
    @media (max-width: 820px) {
      .reg-accordion-link a {
        font-size: 14px;
        line-height: 17px; } }

.regulatory-info {
  box-shadow: 0px -3px 15px #4343430D;
  border-radius: 50px 50px 0 0;
  background-color: #FFF;
  padding: 42px 0 90px; }
  @media (max-width: 820px) {
    .regulatory-info {
      padding: 46px 2px 107px; } }

.regulatory-links > .row {
  margin: 0 -22px 40px; }
  @media (max-width: 820px) {
    .regulatory-links > .row {
      margin: 0 -15px 49px; } }
  @media (min-width: 992px) and (max-width: 1025px) {
    .regulatory-links > .row {
      margin: 0 0 49px; } }
  .regulatory-links > .row > div {
    padding: 0 22px; }
    @media (max-width: 820px) {
      .regulatory-links > .row > div {
        padding: 0 15px; } }
  .regulatory-links > .row a {
    padding: 23.8px 13.5px;
    border-radius: 10px;
    background-color: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    font: normal normal 900 18px/22px "Ooredoo-Heavy";
    color: #ED1B24;
    text-align: center;
    text-decoration: none;
    margin-bottom: 25px; }
    @media (max-width: 820px) {
      .regulatory-links > .row a {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 23.2px;
        padding: 27px 15.4px 26.7px; } }

.regulatory-links__title {
  font: normal normal 900 25px/30px "Ooredoo-Heavy";
  color: #000;
  margin-bottom: 37px; }
  @media (max-width: 820px) {
    .regulatory-links__title {
      font-size: 22px;
      line-height: 28px;
      margin-bottom: 28px; } }

.communications-reg-authority {
  border: 1px solid #DDDDDD;
  border-radius: 15px;
  margin-top: 100px;
  position: relative;
  z-index: 1; }
  @media (max-width: 820px) {
    .communications-reg-authority {
      margin-top: 0; } }
  .communications-reg-authority > div {
    background-color: #FFF;
    border-radius: 15px;
    padding: 44px 29px; }
    @media (max-width: 820px) {
      .communications-reg-authority > div {
        padding: 32px 18px 16px; } }
  .communications-reg-authority::before {
    content: "";
    background-color: #E0E0E0;
    border-radius: 0 0 15px 15px;
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 1076px;
    height: 30px;
    z-index: -1; }
    @media (max-width: 820px) {
      .communications-reg-authority::before {
        width: calc(100% - 20px);
        left: 50%;
        bottom: -13px;
        transform: translateX(-50%); } }
    @media (min-width: 992px) and (max-width: 1025px) {
      .communications-reg-authority::before {
        width: calc(100% - 30px); } }
  .communications-reg-authority .com-secondary-info:not(:last-child) {
    margin-bottom: 32px; }
    @media (max-width: 820px) {
      .communications-reg-authority .com-secondary-info:not(:last-child) {
        margin-bottom: 0; } }
  .communications-reg-authority .authority-info span, .communications-reg-authority .authority-info a {
    font: normal normal 900 16px/20px "Ooredoo-Heavy";
    color: #3C3C3C; }
    @media (max-width: 820px) {
      .communications-reg-authority .authority-info span, .communications-reg-authority .authority-info a {
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 16px;
        display: inline-block; } }
  .communications-reg-authority .authority-info a {
    text-decoration: none; }
  .communications-reg-authority .authority-info__label {
    font: normal normal 600 15px/20px "Noto Sans", sans-serif, Helvetica;
    color: #898989;
    margin-bottom: 5px; }
    @media (max-width: 820px) {
      .communications-reg-authority .authority-info__label {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 8.2px; } }
  .communications-reg-authority .com-main-info {
    margin-bottom: 28px; }
    @media (max-width: 820px) {
      .communications-reg-authority .com-main-info {
        margin-bottom: 32px; } }

.communications-reg-authority__title {
  font: normal normal 900 17px/21px "Ooredoo-Heavy";
  color: #000;
  margin-top: 0;
  margin-bottom: 2px; }
  @media (max-width: 820px) {
    .communications-reg-authority__title {
      margin-bottom: 11px; } }

.communications-reg-authority__desc {
  font: normal normal 500 15px/20px "Noto Sans", sans-serif, Helvetica;
  color: #898989; }
  @media (max-width: 820px) {
    .communications-reg-authority__desc {
      font-size: 14px;
      line-height: 19px;
      margin-bottom: 0; } }

@media (max-width: 820px) {
  .communications-reg-authority__img {
    margin-top: 28.7px;
    text-align: center !important; } }

.communications-reg-authority__img img {
  width: 259px;
  height: 69px;
  -o-object-fit: contain;
     object-fit: contain; }
  @media (max-width: 820px) {
    .communications-reg-authority__img img {
      width: 228px;
      height: 60px; } }