body{
  background: #F5F5F5;
  line-height: normal;
  color: #000;
}
#pricing_section *{
  font-family: "Nunito", sans-serif;
}
.menu-item, .submenu-item{
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  padding: 10px 20px;
  cursor: pointer;
}
.menu-item.active, .submenu-item.active{
  background: #30619A;
  font-weight: 600;
  border-radius: 10px;
  color: #fff;
}
.submenu{
  background: #fff;
  border-radius: 16px;
}
.submenu_h{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 600;
}
.submenu_h img{
  transition: 0.5s;
}
.submenu-item{
  display: flex;
  align-items: center;
  gap: 20px;
}
.submenu-item:not(:first){
  border: 1px solid #EBEBEB;
}
.rotate_arrow{
  transform: rotate(180deg);
}
.document_area{
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
.doc_table th{
  background: #F5F5F5;
}
.text_section{
  background: #30619A1A;
  padding: 20px;
  border-radius: 16px;
  margin-bottom: 20px;
}
.documentation_section{
  padding: 20px;
}
.h1{
  font-weight: 700;
  font-size: 34px;
}
.h2{
  font-weight: 700;
  font-size: 28px;
}
p{
  font-weight: 400;
  font-size: 18px;
}
.text_section h2{
  font-weight: 700;
  font-size: 20px;
}
.text_area{
  background: #fff;
  border-radius: 10px;
  padding: 20px;
}
.copy_url{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.copy_url img{
  cursor: pointer;
}
ul, ul > li{
  list-style: disc;
  margin-left: 10px;
}
ol, ol > li{
  list-style: decimal;
  margin-left: 10px;
}
.create_section{
  background: #005E481A;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
}
.create_section_header, .retrieve_section_header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.retrieve_section{
  background: #9700161A;
  border-radius: 16px;
  padding: 20px;
}
.create_section h2, .retrieve_section h2{
  font-weight: 700;
  font-size: 20px;
}
.post_btn, .get_btn{
  background: #005E48;
  padding: 6px 30px;
  border-radius: 6px;
  color: #fff;
}
.get_btn{
  background: #970017;
}
.request_section{
  background: #FFF;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}
.request_header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 24px;
  cursor: pointer;
}
.request_header img{
  transition: 0.5s;
}
.request_border_top{
  border-top: 1px solid #CDCDCD;
  margin-top: 20px;
  padding-top: 12px;
}
.api_key{
  background: #F5F5F5;
  width: 200px;
  padding: 10px 20px;
  border-radius: 8px;
  text-transform: lowercase;
  text-align: start;
  border: 1px solid #CCCCCC;
}
.request_section table tr th, .request_section table tr td{
  border: none;
}
.text1{
  font-weight: 500;
  font-size: 18px;
}
.request_section table tr th{
  width: 150px;
  font-weight: 700;
  font-size: 20px;
}
.example_value{
  font-weight: 600;
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.request_body{
  background: #F5F5F5;
  width: 200px;
  padding: 10px 20px;
  border-radius: 8px;
  text-transform: lowercase;
  text-align: start;
  border: 1px solid #CCCCCC;
}
.document_area h2{
  font-weight: 600;
  font-size: 22px;
}
.document_area ul li{
  font-weight: 400;
  font-size: 18px;
}
.code_block{
  background: #E6E6E6;
  padding: 20px;
  border-radius: 10px;
}
.code_header{
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 10px;
}
.code_body{
  background: #FFFFFF;
  padding: 16px;
  font-weight: 500;
  font-size: 19px;
  border-radius: 10px;
}
.code_body code{
  font-weight: 500;
  font-size: 19px;
}
.code_body code span{
  color: #18AF57;
}
.code_body code em{
  font-style: normal;
  color: #646AE0;
}
@media (max-width: 991px) {
  .h1{
    font-size: 20px;
  }
  p{
    font-size: 16px;
  }
  .copy_url{
    font-size: 14px;
  }
  .text_area{
    padding: 10px 20px;
  }
  ul, li{
    font-size: 14px;
  }
  .create_section_header, .retrieve_section_header{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .text1{
    font-size: 14px;
  }
  .post_btn, .get_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 92px;
    height: 32px;
  }
  .request_header{
    font-size: 20px;
  }
  .request_header img{
    width: 16px;
    height: 16px;
  }
  .request_section table tr td, .api_key{
    font-weight: 400;
    font-size: 14px;
  }
  .create_section{
    padding: 10px;
  }
  .retrieve_section{
    padding: 10px;
  }
  .create_section .request_section:last-child{
    margin-bottom: 0;
  }
  .retrieve_section .request_section:last-child{
    margin-bottom: 0;
  }
  .document_area h2{
    font-size: 20px;
  }
  .document_area p{
    font-size: 14px;
  }
  .document_area ul li{
    font-size: 14px;
  }
  .code_header{
    font-size: 20px;
  }
  .code_body{
    font-size: 14px;
  }
  .code_body code{
    font-size: 14px;
  }
}