@keyframes slide-in-right {
  0% {
    transform: translateX(200px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.us-icon {
  width: 29px;
  position: relative;
  height: 29px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.bbclogo-icon {
  width: 109px;
  position: relative;
  height: 31px;
}
.bbc-logo,
.bxsuser-icon {
  overflow: hidden;
  flex-shrink: 0;
}
.bbc-logo {
  width: 107px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4xs) 0;
  box-sizing: border-box;
}
.bxsuser-icon {
  width: 24px;
  height: 24px;
}
.bxsuser-icon,
.text-16 {
  position: relative;
}
.text {
  width: 55px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.log-in {
  align-self: stretch;
  width: 71px;
  justify-content: flex-start;
  gap: var(--gap-10xs);
}
.button,
.log-in,
.text1 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.button {
  justify-content: flex-start;
  font-size: var(--font-size-smi);
}
.text1 {
  border-left: 1px solid var(--color-gainsboro-200);
  padding: 0 0 0 var(--padding-3xs);
}
.text1,
.text2 {
  justify-content: center;
}
.logins,
.text-parent,
.text2 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text-parent {
  flex: 1;
  justify-content: flex-start;
  padding: 0 0 0 50px;
  gap: 50px;
}
.logins {
  justify-content: center;
  padding: var(--padding-8xs) var(--padding-7xs);
}
.search-outlined-icon {
  width: 23px;
  position: relative;
  height: 29px;
  overflow: hidden;
  flex-shrink: 0;
}
.text-168 {
  flex: 1;
  position: relative;
}
.button1,
.log-in1,
.text8 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text8 {
  flex: 1;
  justify-content: center;
}
.button1,
.log-in1 {
  justify-content: flex-start;
}
.log-in1 {
  flex: 1;
  background-color: var(--color-gainsboro-200);
  padding: var(--padding-8xs) var(--padding-7xs);
  gap: var(--gap-9xs);
}
.button1 {
  width: 240px;
  gap: var(--gap-5xs);
}
.ermob-icon,
.lupa-icon {
  width: 20px;
  position: relative;
  height: 20px;
}
.lupa-icon {
  width: 30px;
  height: 28px;
}
.menu-kebab,
.mobile {
  align-items: center;
  justify-content: center;
}
.mobile {
  overflow: hidden;
  display: none;
  flex-direction: row;
  gap: var(--gap-lg);
}
.menu-kebab {
  display: flex;
  flex-direction: column;
  padding: var(--padding-8xs) var(--padding-7xs);
}
.tablsea-icon {
  width: 30px;
  position: relative;
  height: 28px;
}
.main,
.tadlet {
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tadlet {
  display: none;
  gap: var(--gap-3xs);
}
.main {
  width: 100%;
  display: flex;
  padding: 0 var(--padding-36xl);
  box-sizing: border-box;
  gap: 22px;
  max-width: 1200px;
  font-size: var(--font-size-xs);
  color: var(--color-black);
}
.baaxmenum-icon,
.news-inscription-icon {
  width: 113.1px;
  position: relative;
  height: 28px;
}
.baaxmenum-icon {
  width: 34px;
  height: 34px;
  overflow: hidden;
  flex-shrink: 0;
}
.text-169 {
  position: relative;
  font-size: var(--font-size-base);
  font-family: var(--font-arial);
  color: var(--color-white);
  text-align: right;
}
.text9 {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--padding-3xs) 0 0;
}
.baaxmenum-parent,
.logo,
.menumob,
.text9 {
  flex-direction: row;
  align-items: center;
}
.baaxmenum-parent {
  cursor: pointer;
  border: 1px solid var(--color-lightcoral);
  padding: var(--padding-11xs) 0;
  background-color: transparent;
  display: none;
  justify-content: flex-end;
  gap: var(--gap-11xs);
}
.logo,
.menumob {
  display: flex;
}
.menumob {
  flex: 1;
  justify-content: flex-end;
}
.logo {
  align-self: stretch;
  border-bottom: 1px solid var(--color-lightcoral);
  justify-content: flex-start;
  padding: var(--padding-mini) var(--padding-36xl);
  gap: var(--gap-3xs);
}
.text-1610 {
  position: relative;
}
.text10,
.text11 {
  justify-content: center;
  padding: 0 0 var(--padding-5xs);
}
.text10 {
  width: 42px;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
}
.text11 {
  color: var(--color-lightcoral);
  font-family: var(--font-arial);
}
.text11,
.text12,
.text14 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text12 {
  width: 117px;
  justify-content: center;
  padding: 0 0 var(--padding-5xs);
  box-sizing: border-box;
}
.text14 {
  width: 110px;
}
.text14,
.text16,
.text18 {
  justify-content: center;
  padding: 0 0 var(--padding-5xs);
  box-sizing: border-box;
}
.text16 {
  width: 58px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text18 {
  width: 43px;
}
.text18,
.text22,
.text24 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text22 {
  width: 23px;
  justify-content: center;
  padding: 0 0 var(--padding-5xs);
  box-sizing: border-box;
}
.text24 {
  width: 65px;
  border-bottom: 3px solid var(--color-white);
}
.text24,
.text26,
.text28 {
  justify-content: center;
  padding: 0 0 var(--padding-5xs);
  box-sizing: border-box;
}
.text26 {
  width: 34px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text28 {
  width: 57px;
}
.m,
.menu1,
.text-group,
.text28 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text-group {
  flex: 1;
  justify-content: flex-start;
  padding: var(--padding-5xs) var(--padding-xl) 0 0;
  gap: var(--gap-3xs);
}
.text-group:active {
  flex-direction: row;
  flex-wrap: wrap;
}
.m,
.menu1 {
  align-self: stretch;
}
.m {
  border-left: 1px solid var(--color-lightcoral);
  justify-content: flex-end;
  padding: 0 0 0 var(--padding-8xs);
  gap: var(--gap-11xs);
  text-align: right;
}
.menu1 {
  justify-content: flex-start;
  padding: 0 var(--padding-36xl);
  gap: var(--gap-3xs);
}
.menu,
.top-line {
  display: flex;
  flex-direction: column;
}
.menu {
  width: 100%;
  align-items: flex-start;
  justify-content: center;

}

.logo{
 padding-left: 0px; 
 padding-right: 0px;
}

.logo .container{
  display: flex;
  align-items: center;
}

.container{
  padding-left: 55px;
  padding-right: 55px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
}


.top-line {
  align-self: stretch;
  background-color: var(--color-firebrick);
  align-items: center;
  justify-content: flex-start;
  color: var(--color-white);
}
.text-15 {
  position: relative;
  line-height: 20px;
}
.text30 {
  width: 77px;
  border-bottom: 3px solid var(--color-firebrick);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
}
.text30,
.text31,
.text32 {
  flex-direction: row;
}
.text31 {
  width: 5px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
  text-align: center;
  color: var(--color-gray-100);
  font-family: var(--font-arial);
}
.text32 {
  width: 93px;
  align-items: center;
}
.text32,
.text34,
.text36 {
  display: flex;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text34 {
  width: 144px;
  flex-direction: row;
  align-items: center;
}
.text36 {
  width: 175px;
}
.text36,
.text38,
.text40 {
  flex-direction: row;
  align-items: center;
}
.text38 {
  width: 94px;
  display: flex;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text40 {
  width: 156px;
}
.text40,
.text42,
.text44 {
  display: flex;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text42 {
  width: 115px;
  flex-direction: row;
  align-items: center;
}
.text44 {
  width: 128px;
}
.news,
.text-container,
.text44,
.text45 {
  flex-direction: row;
  align-items: center;
}
.text-container {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-10xs);
}
.news,
.text45 {
  box-sizing: border-box;
}
.news {
  width: 1200px;
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--padding-3xs) 47.5px;
  max-width: 1200px;
}
.text45 {
  width: 77px;
  border-bottom: 3px solid var(--color-firebrick);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
}
.text46 {
  width: 5px;
  display: flex;
  align-items: flex-end;
  text-align: center;
  color: var(--color-gray-100);
  font-family: var(--font-arial);
}
.text46,
.text47,
.text49 {
  flex-shrink: 0;
  flex-direction: row;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text47 {
  width: 93px;
  display: flex;
  align-items: center;
}
.text49 {
  width: 144px;
}
.text49,
.text51,
.text53 {
  display: flex;
  align-items: center;
}
.text51 {
  width: 175px;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text53 {
  width: 94px;
}
.text53,
.text55,
.text57 {
  flex-shrink: 0;
  flex-direction: row;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text55 {
  width: 156px;
  display: flex;
  align-items: center;
}
.text57 {
  width: 115px;
}
.header,
.mob,
.text57,
.text59 {
  display: flex;
  align-items: center;
}
.text59 {
  width: 128px;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.header,
.mob {
  justify-content: flex-start;
}
.mob {
  width: 100%;
  overflow-x: auto;
  flex-direction: row;
  padding: var(--padding-3xs) 49px;
  box-sizing: border-box;
  gap: var(--gap-9xs);
  max-width: 1200px;
}
.header {
  align-self: stretch;
  flex-direction: column;
}
.title {
  flex: 1;
  position: relative;
  line-height: 55px;
  font-weight: 500;
}
.main2,
.text60,
.title-block {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.main2,
.title-block {
  flex-direction: column;
  align-items: flex-start;
}
.main2 {
  font-family: var(--font-bbc-reith-serif);
}
.formkittime-icon {
  width: 16px;
  position: relative;
  height: 16px;
  overflow: hidden;
  flex-shrink: 0;
}
.text-18 {
  flex: 1;
  position: relative;
  line-height: 22px;
}
.formkittime-parent,
.text61 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.text61 {
  flex: 1;
}
.formkittime-parent {
  align-self: stretch;
  gap: var(--gap-7xs);
}
.share-symbol-icon {
  width: 18px;
  position: relative;
  height: 20px;
}
.frame-parent,
.share {
  display: flex;
  justify-content: flex-start;
}
.share {
  background-color: #eb0000;
  overflow: hidden;
  flex-direction: row;
  align-items: center;
  padding: var(--padding-4xs) var(--padding-3xs);
}
.frame-parent {
  align-self: stretch;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 var(--padding-xl);
  gap: var(--gap-base);
  font-size: var(--font-size-smi);
  color: var(--color-dimgray-200);
}
.img01-icon {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.img-block01 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.text-181 {
  position: relative;
  line-height: 22px;
}
.text62 {
  background-color: var(--color-gray-500);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-8xs);
}
.img-block01-parent,
.info {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.info {
  flex-direction: row;
  margin-top: -31px;
}
.img-block01-parent {
  flex-direction: column;
  font-size: var(--font-size-xs);
  color: var(--color-white);
}
.name {
  flex-direction: row;
  justify-content: flex-start;
}
.info1,
.name,
.text-wrapper {
  display: flex;
  align-items: flex-start;
}
.text-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  font-size: var(--font-size-smi);
  color: var(--color-dimgray-200);
}
.info1 {
  align-self: stretch;
  flex-direction: column;
  justify-content: center;
  gap: var(--gap-8xs);
}
.frame-child {
  width: 80px;
  position: relative;
  background-color: var(--color-gray-100);
  height: 2px;
}
.info-parent,
.main1,
.rectangle-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.info-parent,
.main1 {
  align-items: center;
}
.info-parent {
  gap: var(--gap-mini);
  font-size: var(--font-size-lg);
  color: var(--color-gray-300);
}
.main1 {
  gap: var(--gap-base);
  font-size: 44px;
  color: var(--color-gray-400);
}
.claudia-winkleman {
  font-family: var(--font-bbc-reith-sans);
}
.this-link1 {
  text-decoration: underline;
}
.this-link {
  color: inherit;
}
.total-paid-out {
  color: var(--color-black);
}
.text-1830 {
  flex: 1;
  position: relative;
  line-height: 26px;
}
.calculator-script,
.text96 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.text96 {
  font-size: var(--font-size-base);
  color: #fb4242;
  font-family: var(--font-arial);
}
.calculator-script {
  font-size: var(--font-size-lg);
  color: var(--color-black);
}
.block,
.info2 {
  align-items: center;
}
.block {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-base);
  font-size: var(--font-size-mid);
}
.info2 {
  flex-direction: row;
  margin-top: -34px;
}
.img-content06,
.info2,
.text102 {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
}
.text102 {
  border-left: 1px solid var(--color-dimgray-200);
  flex-direction: row;
  align-items: center;
  padding: 0 var(--padding-3xs);
  font-style: italic;
  font-size: var(--font-size-sm);
  color: var(--color-dimgray-200);
}
.img-content06 {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-8xs);
  font-size: var(--font-size-xs);
  color: var(--color-white);
}
.text-24 {
  flex: 1;
  position: relative;
  line-height: 29px;
}
.text103 {
  align-self: stretch;
  border: 1px solid var(--color-darkslateblue-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.info3 {
  gap: var(--gap-base);
  text-align: left;
  font-size: var(--font-size-mid);
}
.day-1,
.info3,
.info4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.day-1 {
  gap: var(--gap-5xs);
  text-align: center;
}
.info4 {
  text-align: left;
  font-size: var(--font-size-mid);
}
.bank-logo-2-icon {
  width: 121px;
  position: relative;
  height: 32px;
  object-fit: cover;
}
.text114 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 0 var(--padding-7xs);
  font-size: 23px;
}
.text113 {
  filter: blur(2px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-11xs);
}
.barc,
.code,
.first,
.text113,
.text119 {
  display: flex;
  justify-content: flex-start;
}
.barc {
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-xl);
}
.code,
.first,
.text119 {
  flex-direction: row;
  align-items: center;
}
.code,
.first {
  flex-direction: column;
  align-items: flex-start;
}
.first {
  gap: var(--gap-3xs);
}
.head,
.info6,
.text127 {
  display: flex;
  flex-direction: row;
}
.info6 {
  flex: 1;
  filter: blur(2px);
  align-items: flex-start;
  justify-content: flex-end;
  gap: var(--gap-11xl);
}
.head,
.text127 {
  align-self: stretch;
  justify-content: flex-start;
}
.head {
  align-items: flex-start;
  gap: var(--gap-11xs);
}
.text127 {
  filter: blur(2px);
  align-items: center;
}
.text-1214 {
  flex: 1;
  position: relative;
}
.text128 {
  background-color: var(--color-lightgray);
}
.text128,
.text129 {
  align-self: stretch;
  border-right: 2px solid var(--color-gray-200);
  border-bottom: 2px solid var(--color-gray-200);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-9xs);
}
.date {
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.text131 {
  align-self: stretch;
  border-right: 2px solid var(--color-gray-200);
  border-bottom: 2px solid var(--color-gray-200);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-9xs);
}
.balance,
.debit,
.transaction {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.transaction {
  flex: 1;
}
.balance,
.debit {
  width: 70px;
}
.table,
.text138 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
}
.table {
  align-items: flex-start;
  justify-content: flex-start;
  color: var(--color-gray-200);
}
.text138 {
  align-items: center;
  justify-content: flex-end;
  font-family: var(--font-helvetica-neue);
}
.statement,
.statement-details {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.statement-details {
  align-self: stretch;
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-400);
  display: flex;
  padding: var(--padding-3xs) var(--padding-xl);
  gap: var(--gap-base);
}
.statement {
  font-size: var(--font-size-xs);
  color: var(--color-gray-400);
  font-family: var(--font-helvetica);
}
.block2,
.info7,
.statement,
.text140 {
  align-self: stretch;
  display: flex;
}
.info7 {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-mid);
}
.block2,
.text140 {
  align-items: center;
}
.block2 {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.text140 {
  flex-direction: row;
  justify-content: center;
  font-size: 21px;
  font-family: var(--font-arial);
}
.text-1845 {
  flex: 1;
  position: relative;
  line-height: 26px;
  display: inline-block;
}
.one {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.text-171,
.text-1848 {
  position: relative;
  line-height: 26px;
  display: inline-block;
}
.text-1848 {
  flex: 1;
}
.text-171 {
  height: 26px;
}
.frame-div,
.text146 {
  display: flex;
  align-items: center;
}
.text146 {
  align-self: stretch;
  border-radius: var(--br-8xs);
  border: 3px solid var(--color-firebrick);
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-3xs) var(--padding-xl);
  color: var(--color-firebrick);
}
.frame-div {
  justify-content: flex-start;
  gap: var(--gap-7xs);
}
.frame-div,
.frame-group,
.text-parent1 {
  align-self: stretch;
  flex-direction: column;
}
.text-parent1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-7xs);
}
.frame-group {
  justify-content: flex-start;
  padding: 0 0 var(--padding-3xs);
  gap: 11px;
  text-align: center;
  font-family: var(--font-roboto);
}
.block3,
.button2,
.frame-group,
.text149 {
  display: flex;
  align-items: center;
}
.text149 {
  text-decoration: none;
  align-self: stretch;
  border-radius: var(--br-8xs);
  background-color: var(--color-firebrick);
  flex-direction: row;
  justify-content: center;
  padding: var(--padding-mini) 0;
  color: inherit;
}
.block3,
.button2 {
  flex-direction: column;
  justify-content: flex-start;
}
.button2 {
  align-self: stretch;
  text-align: center;
  color: var(--color-white);
  font-family: var(--font-roboto);
}
.block3 {
  padding: var(--padding-3xs) 0 0;
  gap: var(--gap-base);
  font-size: var(--font-size-mid-6);
  color: var(--color-black);
}
.block3,
.div {
  align-self: stretch;
}
.avatar1-icon {
  width: 50px;
  position: relative;
  border-radius: 50%;
  height: 50px;
  object-fit: cover;
}
.text-1645 {
  position: relative;
  font-weight: 700;
  color: inherit;
  text-decoration: none;
}
.text150,
.text151 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text150 {
  justify-content: center;
  font-family: var(--font-bbc-reith-sans);
}
.text151 {
  flex: 1;
  justify-content: flex-start;
  color: var(--color-darkgray);
}
.arrow-icon {
  width: 16px;
  position: relative;
  height: 18px;
}
.carbonarrow-up,
.text-parent3 {
  display: flex;
  flex-direction: row;
}
.carbonarrow-up {
  border-radius: var(--br-11xl);
  background-color: var(--color-gainsboro-300);
  overflow: hidden;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-2xs) var(--padding-xs);
}
.text-parent3 {
  align-items: flex-end;
  color: var(--color-gray-300);
}
.text-parent2,
.text-parent3 {
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.text-frame,
.text-parent2,
.text153 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text153 {
  justify-content: center;
  color: var(--color-gray-300);
  font-family: var(--font-bbc-reith-sans);
}
.text-frame {
  justify-content: flex-end;
  color: var(--color-dimgray-100);
}
.frame-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-8xs);
}
.comment,
.comment1 {
  align-self: stretch;
  border-bottom: 1px solid var(--color-silver);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.comment {
  border-top: 1px solid var(--color-silver);
  padding: 13px 0 var(--padding-3xs);
}
.comment1 {
  padding: 0 0 var(--padding-3xs);
}
.mdirepost-icon {
  width: 13px;
  height: 8px;
  overflow: hidden;
  flex-shrink: 0;
}
.mdirepost-icon,
.text-1667 {
  position: relative;
}
.text-parent10,
.text-parent11,
.text172 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.text172 {
  flex: 1;
  align-items: center;
  color: var(--color-darkgray);
  font-family: var(--font-arial);
}
.text-parent10,
.text-parent11 {
  gap: var(--gap-3xs);
}
.text-parent11 {
  align-items: flex-end;
  color: var(--color-gray-300);
  font-family: var(--font-arial);
}
.text-parent10 {
  align-self: stretch;
  flex-wrap: wrap;
  align-items: center;
}
.text174 {
  align-items: center;
  justify-content: center;
  color: var(--color-gray-300);
}
.comment4,
.text-wrapper4,
.text174 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
}
.text-wrapper4 {
  align-items: center;
  justify-content: flex-end;
  color: var(--color-dimgray-100);
  font-family: var(--font-arial);
}
.comment4 {
  border-bottom: 1px solid var(--color-silver);
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-3xs) var(--padding-47xl);
  gap: var(--gap-base);
  font-family: var(--font-bbc-reith-sans);
}
.avatar6-icon,
.img09-icon {
  width: 50px;
  position: relative;
  height: 50px;
  object-fit: cover;
}
.img09-icon {
  width: 199px;
  height: 98px;
}
.comments {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-base);
}
.text-16122 {
  position: relative;
  font-weight: 500;
}
.text227 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #005ab4;
  font-family: var(--font-ibm-plex-sans);
}
.comment-block,
.content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.comment-block {
  align-self: stretch;
  gap: var(--gap-lg);
  color: var(--color-darkslateblue-200);
  font-family: var(--font-arial);
}
.content {
  flex: 1;
  overflow: hidden;
  gap: var(--gap-base);
  max-width: 700px;
}
.text-wrapper15,
.text228 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text228 {
  flex: 1;
  justify-content: flex-start;
}
.text-wrapper15 {
  align-self: stretch;
  justify-content: flex-end;
  font-size: var(--font-size-5xl);
  color: var(--color-gray-400);
  font-family: var(--font-bbc-reith-sans);
}
.text-16123 {
  flex: 1;
  position: relative;
  line-height: 25px;
}
.popular-title,
.popular1,
.text230 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.popular-title {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-7xs) 0;
}
.popular1,
.text230 {
  align-self: stretch;
  flex-direction: row;
}
.text230 {
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  color: var(--color-dimgray-300);
  font-family: var(--font-bbc-reith-sans);
}
.div1 {
  background-color: var(--color-whitesmoke);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8xs) var(--padding-mini) var(--padding-mini);
}
.div1,
.wrapper {
  align-self: stretch;
}
.popular,
.popular-wrapper,
.wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}
.popular {
  align-self: stretch;
  overflow: hidden;
  padding: var(--padding-8xs) 0 40px;
  gap: var(--gap-mini);
}
.popular-wrapper {
  width: 400px;
  font-size: var(--font-size-lg);
  color: var(--color-black);
  font-family: var(--font-bbc-reith-serif);
}
.content-block,
.text235 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
}
.content-block {
  overflow: hidden;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-36xl);
  gap: 25px;
}
.text235 {
  align-items: center;
  justify-content: flex-start;
}
.famobile-icon {
  width: 22px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.famobile-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.claritymicrophone-solid-icon {
  width: 22px;
  position: relative;
  height: 25px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-parent16,
.mingcutemail-open-line-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-67xl);
}
.mingcutemail-open-line-parent {
  gap: var(--gap-3xs);
}
.nimbusmail-icon {
  width: 22px;
  position: relative;
  height: 22px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-parent15 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-67xl);
  font-size: var(--font-size-lg);
}
.text-parent32,
.text-parent33 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.text-parent32 {
  align-self: stretch;
  background-color: var(--color-gray-300);
  border-bottom: 1px solid var(--color-gray-100);
  padding: var(--padding-xl);
  gap: var(--gap-lg);
}
.text-parent33 {
  flex: 1;
  gap: var(--gap-xl);
}
.text-parent34,
.text242 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.text-parent34 {
  flex: 1;
  border-left: 1px solid var(--color-gray-100);
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 0 var(--padding-xl);
  gap: var(--gap-xl);
}
.frame-parent19,
.mobile1,
.tablet {
  border-bottom: 1px solid var(--color-gray-100);
  flex-direction: row;
  align-items: center;
  padding: 0 0 var(--padding-xl);
}
.frame-parent19 {
  align-self: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: var(--gap-67xl);
}
.mobile1,
.tablet {
  width: 1160px;
  box-sizing: border-box;
  display: none;
  justify-content: space-between;
}
.frame-parent18,
.frame-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: var(--font-size-base);
}
.frame-parent18 {
  background-color: var(--color-gray-300);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px var(--padding-xl);
  gap: var(--gap-mini);
  font-size: var(--font-size-lg);
}
.futer,
.index-claudiawinkleman-new {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.futer {
  align-self: stretch;
  align-items: flex-start;
  font-size: var(--font-size-5xl);
  color: var(--color-white);
}
.index-claudiawinkleman-new {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  align-items: center;
  gap: var(--gap-11xl);
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-gray-300);
  font-family: var(--font-bbc-reith-sans);
}
@media screen and (max-width: 1200px) {
  .mob {
    display: flex;
  }
}
@media screen and (max-width: 1132px) {
  .text-parent {
    display: flex;
    gap: var(--gap-11xl);
    padding-left: 0;
    box-sizing: border-box;
  }
  .button1,
  .log-in1 {
    display: none;
  }
  .lupa-icon,
  .tablsea-icon,
  .tadlet {
    display: flex;
  }
  .text-169 {
    font-size: var(--font-size-mini);
  }
  .logo {
    padding-top: var(--padding-mini);
    box-sizing: border-box;
  }
  .text-1610 {
    font-size: var(--font-size-mini);
  }
  .menu1,
  .text-group {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
  }
  .text-group {
    display: flex;
    flex-wrap: wrap;
    padding-left: var(--padding-xl);
  }
  .menu1 {
    padding-left: 35px;
    padding-top: 0;
    padding-right: var(--padding-36xl);
  }
  .menu,
  .top-line {
    align-items: flex-start;
    justify-content: center;
  }
  .top-line {
    justify-content: flex-start;
  }
  .text-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .news {
    display: flex;
  }
  .mob {
    display: none;
  }
  .popular {
    width: 200px;
  }
  .popular,
  .popular-wrapper {
    display: none;
  }
  .content-block {
    padding-left: var(--padding-51xl);
    padding-right: var(--padding-51xl);
    box-sizing: border-box;
  }
  .famobile-parent,
  .frame-parent16 {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .frame-parent16 {
    flex-direction: column;
    gap: var(--gap-xl);
  }
  .frame-parent15 {
    gap: 150px;
  }
  .frame-parent19 {
    display: none;
  }
  .tablet {
    display: flex;
  }
  .mobile1 {
    display: none;
  }
}
@media screen and (max-width: 870px) {
  .logo .container{
    padding-left: 0px;
    padding-right: 0px;
  }

  .us-icon {
    display: flex;
  }
  .bbc-logo {
    flex: 1;
  }
  .button,
  .button1,
  .text-parent {
    display: none;
  }
  .mobile {
    display: flex;
  }
  .tablsea-icon,
  .tadlet {
    display: none;
  }
  .main {
    align-items: center;
    justify-content: center;
    padding: var(--padding-3xs) var(--padding-6xl);
    box-sizing: border-box;
  }
  .baaxmenum-parent,
  .main,
  .menumob {
    display: flex;
  }
  .logo,
  .text-group {
    box-sizing: border-box;
  }
  .logo {
    height: auto;
    gap: var(--gap-3xs);
    padding: var(--padding-3xs);
  }
  .text-group {
    padding-top: 0;
  }
  .m,
  .text-group {
    display: none;
  }
  .menu1 {
    padding-left: var(--padding-3xs);
    padding-top: var(--padding-mini);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }
  .menu1,
  .text-container {
    display: none;
  }
  .mob,
  .news {
    align-items: center;
    justify-content: flex-start;
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }
  .news {
    display: none;
    padding-left: var(--padding-3xs);
  }
  .mob {
    display: flex;
    padding-left: 3px;
  }
  .title {
    font-size: 32px;
    line-height: 36px;
  }
  .text61 {
    padding-top: 0;
    box-sizing: border-box;
  }
  .img-block01 {
    align-self: stretch;
    width: auto;
    padding-left: 0;
    box-sizing: border-box;
  }
  .rectangle-wrapper {
    display: flex;
  }
  .block,
  .main1 {
    box-sizing: border-box;
  }
  .main1 {
    padding-left: var(--padding-3xs);
    padding-right: var(--padding-3xs);
  }
  .block {
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
  .date {
    flex: 1;
  }
  .debit {
    flex: 1;
    max-width: 70px;
  }
  .balance {
    flex: 1;
  }
  .block2 {
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  .frame-group {
    flex-direction: column;
  }
  .block3 {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  .text-1667,
  .text172 {
    width: 85px;
  }
  .comment-block {
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  .text228 {
    display: none;
  }
  .popular {
    width: 250px;
  }
  .popular,
  .popular-wrapper {
    display: none;
  }
  .content-block {
    display: flex;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
  }
  .frame-parent15,
  .text235 {
    align-items: flex-start;
    justify-content: flex-start;
  }
  .frame-parent15 {
    flex-direction: column;
    gap: var(--gap-xl);
  }
  .text-parent32 {
    gap: var(--gap-3xs);
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-xl);
    box-sizing: border-box;
  }
  .text242 {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .frame-parent19,
  .tablet {
    display: none;
    gap: var(--gap-xl);
  }
  .mobile1 {
    gap: var(--gap-xl);
  }
  .frame-parent18 {
    gap: var(--gap-3xs);
    align-items: center;
    justify-content: center;
    padding: var(--padding-xl);
    box-sizing: border-box;
  }
  .index-claudiawinkleman-new {
    gap: var(--gap-base);
  }
}
@media screen and (max-width: 630px) {
  .info,
  .info1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .block {
    padding-left: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }
  .info2 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .info6 {
    gap: var(--gap-3xs);
  }
  .head {
    flex-direction: row;
  }
  .text-1214 {
    font-size: var(--font-size-3xs);
  }
  .text128,
  .text129 {
    padding-left: var(--padding-12xs);
    padding-right: var(--padding-12xs);
    box-sizing: border-box;
  }
  .text129 {
    flex: 1;
  }
  .date {
    flex: 1;
    align-self: stretch;
    height: auto;
  }
  .text131 {
    padding-left: var(--padding-12xs);
    padding-right: var(--padding-12xs);
    box-sizing: border-box;
  }
  .balance,
  .debit {
    align-self: stretch;
    height: auto;
  }
  .block2,
  .block3,
  .comment-block,
  .frame-parent18,
  .text-parent32 {
    padding-left: var(--padding-3xs);
    padding-right: var(--padding-3xs);
    box-sizing: border-box;
  }
}
.us-icon1 {
  width: 29px;
  position: relative;
  height: 29px;
  overflow: hidden;
  flex-shrink: 0;
}
.ldui-icon {
  width: 109px;
  position: relative;
  height: 31px;
}
.bbc-logo-wrapper,
.bbc-logo1 {
  display: flex;
  flex-direction: column;
}
.bbc-logo1 {
  width: 107px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  padding: var(--padding-4xs) 0;
  box-sizing: border-box;
}
.bbc-logo-wrapper {
  align-items: flex-start;
  justify-content: flex-start;
}
.alio-icon,
.qloi-icon {
  width: 20px;
  position: relative;
  height: 20px;
}
.qloi-icon {
  width: 30px;
  height: 28px;
}
.main3,
.mobile2 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mobile2 {
  overflow: hidden;
  justify-content: center;
  gap: var(--gap-lg);
}
.main3 {
  justify-content: space-between;
  padding: var(--padding-5xs) var(--padding-6xl) var(--padding-6xs);
}
.news-logo-icon {
  width: 113px;
  position: relative;
  height: 28px;
  overflow: hidden;
  flex-shrink: 0;
}
.news-logo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-7xs);
}
.bxmenu-icon {
  width: 34px;
  position: relative;
  height: 34px;
  overflow: hidden;
  flex-shrink: 0;
}
.text-16171 {
  position: relative;
  font-size: var(--font-size-base);
  font-family: var(--font-arial);
  color: var(--color-gray-300);
  text-align: right;
}
.bxmenu-parent,
.text277 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 var(--padding-3xs) 0 0;
}
.bxmenu-parent {
  cursor: pointer;
  border: 0;
  padding: var(--padding-11xs) 0;
  background-color: var(--color-white);
  gap: var(--gap-11xs);
}
.main-parent,
.main4 {
  align-self: stretch;
  display: flex;
}
.main4 {
  background-color: var(--color-firebrick);
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--padding-3xs);
}
.main-parent {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.text-16172 {
  flex: 1;
  position: relative;
}
.text278 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.pressed,
.pressed6 {
  border-bottom: 1px solid var(--color-gainsboro-100);
}
.pressed {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 var(--padding-3xs);
}
.pressed6 {
  font-family: var(--font-arial);
}
.menu2,
.pressed15,
.pressed6 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 var(--padding-3xs);
}
.menu2 {
  border-bottom: 2px solid var(--color-firebrick);
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 var(--padding-xl) var(--padding-2xs);
  gap: var(--gap-mini);
}
.text-1516 {
  position: relative;
  line-height: 20px;
}
.text294 {
  width: 65px;
  border-bottom: 3px solid var(--color-firebrick);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
}
.text-16188 {
  position: relative;
}
.text295,
.text296,
.text298 {
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text295 {
  width: 5px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  text-align: center;
  color: var(--color-gray-100);
}
.text296,
.text298 {
  align-items: center;
}
.text296 {
  width: 93px;
  display: flex;
  flex-direction: row;
}
.text298 {
  width: 147px;
}
.text298,
.text300,
.text301,
.text302 {
  display: flex;
  flex-direction: row;
}
.text300 {
  width: 177px;
  align-items: center;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text301,
.text302 {
  font-family: var(--font-arial);
}
.text301 {
  width: 5px;
  align-items: flex-end;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
  text-align: center;
  color: var(--color-gray-100);
}
.text302 {
  width: 94px;
  align-items: center;
}
.text302,
.text304,
.text306 {
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
}
.text304 {
  width: 155px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text306 {
  width: 111px;
  font-family: var(--font-arial);
}
.news1,
.text-parent46,
.text306,
.text308 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.text308 {
  width: 124px;
  justify-content: center;
  padding: 0 0 var(--padding-8xs);
  box-sizing: border-box;
  font-family: var(--font-arial);
}
.news1,
.text-parent46 {
  flex-wrap: wrap;
}
.text-parent46 {
  flex: 1;
  justify-content: flex-start;
  gap: var(--gap-8xs);
}
.news1 {
  width: 100%;
  justify-content: space-between;
  padding: var(--padding-3xs) var(--padding-xl);
  box-sizing: border-box;
  max-width: 1200px;
}
.news-wrapper {
  align-self: stretch;
  font-size: var(--font-size-base);
  color: var(--color-gray-300);
}
.header1,
.menu-simon-cowell-news-bbc,
.news-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.header1 {
  align-self: stretch;
  gap: var(--gap-smi);
}
.menu-simon-cowell-news-bbc {
  width: 450px;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  opacity: 0;
  height: 100%;
  max-width: 90%;
  text-align: left;
  font-size: var(--font-size-lg);
  color: var(--color-black);
  font-family: var(--font-bbc-reith-sans);
}
.menu-simon-cowell-news-bbc.animate {
  animation: 0.25s ease 0s 1 normal forwards slide-in-right;
}
@media screen and (max-width: 1132px) {
  .qloi-icon {
    display: flex;
  }
  .text-16171,
  .text-16188 {
    font-size: var(--font-size-mini);
  }
  .text-parent46 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .news1 {
    display: flex;
  }
}
@media screen and (max-width: 870px) {
  .us-icon1 {
    display: flex;
  }
  .bbc-logo1 {
    align-self: stretch;
    width: auto;
  }
  .bbc-logo-wrapper {
    padding-top: var(--padding-8xs);
    box-sizing: border-box;
  }
  .mobile2 {
    display: flex;
  }
  .main3 {
    flex-direction: row;
    padding-left: var(--padding-6xl);
    padding-right: var(--padding-6xl);
    box-sizing: border-box;
  }
  .news-logo-wrapper {
    padding-top: var(--padding-8xs);
    box-sizing: border-box;
  }
  .news1,
  .text-parent46 {
    display: flex;
  }
}

img{
  width: 100%;
}