@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:700|Inter:400,600");
/* The following line is used to measure usage of this code in production. For more info see our usage billing page */
/*@import url("https://px.animaapp.com/604166160b47003ff33c5c94.60416618c5e397710c55b215.9jv0KTG.hcp.png");*/



.screen a {
  display: contents;
  text-decoration: none;
  color:#116bac;
}

.container-center-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  pointer-events: none;
  width: 100%;
  /*background-color: #efefef;*/
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.valign-text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

* {
  box-sizing: border-box;
}

.button-1 {
  color: var(--alabaster);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.product-1 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.product-2 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.prodt-val {
  align-items: center;
  display: flex;
  gap: 51px;
  justify-content: center;
  position: relative;
  width: fit-content;
}

.product-3 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.product-name {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
}

.value-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
}

.product-4 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.value-2 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.value-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
}

.product-5 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.value-4 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.value-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
}

.value-6 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.value-7 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
}

.value-8 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.value-9 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
}

.value-10 {
  align-items: flex-start;
  display: flex;
  gap: 10px;
}

.value-11 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
}

.frame {
  display: flex;
  position: relative;
  width: 100%;
}

.frame-201 {
/*  align-items: center;*/
  flex-direction: column;
/*  gap: 12px;*/
/*  height: 122px;*/
/*  margin-left: 7px;*/
/*  margin-top: 14px;*/
/*  width: 161px;*/
}

.dd-showmore {
/*  align-items: flex-start;*/
  display: flex;
  flex-direction: column;
  gap: 1px;
  position: relative;
/*  width:100%;*/
}

.product-name-6 {
  letter-spacing: 0;
  line-height: normal;
  margin-top:10px;
  position: relative;
  width: fit-content;
}
.cssTooltip, .cssTooltiptop{
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  width: 15%;
    float: right;
}
.cssTooltip .tooltiptext, .cssTooltiptop .tooltiptext { 
  visibility: hidden;
  width: 250px;
 border: 0.5px solid #ced4da; 
 /*background: #f2f2f2;*/
 background: #e5ecf4;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 10px 10px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 28%;
  opacity: 0;
  transition: opacity 1s;
  line-height: 23px;
  margin-top: 0px;
}
.cssTooltip:hover .tooltiptext, .cssTooltiptop:hover .tooltiptext  {
  visibility: visible;
  opacity: 1;
}
/*.rightTooltipText{
  bottom: 41px !important;
    right: 0%;
    left: auto !important;
}*/
.rightTooltipText{
  right: 10%;
  left: auto !important;
  top: -55% !important;
}
.dd-showmore table tbody tr{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dd-showmore table tbody tr td:last-child{
   padding-right: 10px;
}
.cssTooltip:hover{
  cursor:pointer;
}
#rca_tool{
  left: 0%;
}
/*--11-05-2023-*/
.box-title{
    border-left: 0px solid #fcda16;
    padding: 0px 0px 0px 0px !important;
    color: #000;
    /*font-size: 16px;*/
    font-weight: 400;
    position: relative !important;
    text-align: left !important;
    line-height: 21px;
    font-size: 1.25rem;
}
/*.box-title:before{*/
/*    position: absolute;*/
/*    left: 0px;*/
/*    width: 3px;*/
/*    height: 18px;*/
/*    background: #fcda16;*/
/*    content: "";*/
/*    top: 1px;*/
/*}*/
.hover-title{
    color:#116bac !important;
    margin-top: 0px !important;
    border-bottom: 1px solid #dedede;
    padding: 0px 0px 10px !important;
    letter-spacing: 0.2px !important;
    margin-right: 0px !important;
}
.tooltip-title{
    width: 85%;
    float: left;
}
.cssTooltip img{
    width: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.cssTooltiptop img {
    width: 20px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.table-data-list{
    padding: 0px !important;
}
.showmorebtn{
    display: block !important;
    margin-top: 10px;
    color: #fff;
    width: 100%;
}
.showmoreTxt{
    color: #fff;
    font-weight: normal;
    letter-spacing: 0.5px !important;
    text-align: center;
    background:#116bac;
    padding: 12px 0px !important;
    border-radius:5px;
    display: inline;
}
.showmoreTxt img{
    margin-left: 10px;
}
.showmoreTxt i{
    margin-left: 10px;
}
.selction .dropdown-2{
    width: 40%;
}
.selction .dropdown-2:last-child{
    width: 20%;
}
.country-selection1{
    width: 100%;
}
.middle .selectBtn{
    border-radius:5px;
    font-size: 16px;
    border: 0px solid;
    font-weight: normal;
    padding: 12px 10px;
    letter-spacing: 0.5px;
    appearance: none;
    background-image: url(../img/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 50%;
    background-position-x: 95%;
    background-size: 4.5%;
}
.right .selectBtn{
    border-radius:5px;
    color: #fff;
    font-size: 16px;
    border: 0px solid;
    font-weight: normal;
    background-color:#116bac;
    padding: 12px 10px;
    letter-spacing: 0.5px;
    appearance: none;
    background-image: url(../img/select-arrow-white.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 50%;
    background-position-x: 95%;
    background-size: 5%;
    line-height: 25px;
}
.market-analysis .frame{
    justify-content: start !important;
}
.showlessbtn{
    display: block !important;
    color: #fff;
    width: 100%;
}
.overlay-base .showlessTxt{
    color: #fff !important;
    font-weight: normal !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    background:#116bac;
    padding: 12px 0px !important;
    border-radius:5px;
    display: block !important;
    width: 100%;
}
.showless-dd .frame{
    width: 100% !important;
}
.x-ranking .frame{
    justify-content: start !important;
}
.selectBtn:focus-visible{
    outline: 0px !important;
}
.copyright{
    text-align: center;
    color: #000;
    margin: 40px 0px 0px;
    font-size: 14px;
}
.customTitle{
    width: 100% !important;
}
.customTitle .frame{
    justify-content: start !important;
}
.containerBottom{
    justify-content: space-between;
    align-items: center;
    padding:25px 25px 0px !important;
}
.dataAuthors{
    margin-bottom: 15px;
}
.containerBtns{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.containerBtns .first-button{
    width: 100%;
    margin-bottom: 10px;
}
.containerBottom p span{
    font-weight: 600;
}