* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body {
   background: #EFF7FE;
   color: #080515;
   font-family: 'Noto Sans Display', sans-serif;
   line-height: 1;
}

.tabs {
   position: relative;
   text-align: center;
}

.tabs input[type=radio] {
   display: none;
}

.tabs label {
   position: relative;
   z-index: 1;
   display: inline-block;
   width: 130px;
   height: 30px;
   line-height: 30px;
   color: white;
   font-size: 14px;
   cursor: pointer;
}

.switch {
   position: absolute;
   top: 0;
   left: 50%;
   height: 30px;
   width: 130px;
   background: #0544fd;
   border-radius: 40px;
   transform: translateX(-130px);
   transition: transform .5s;
}
.tabs section {
   display: none;
   padding: 0;
   animation: scale .7s ease-in-out;
}

@keyframes scale {
   0% {
      transform: scale(0.9);
      opacity: 0;
   }

   50% {
      transform: scale(1.01);
      opacity: 0.5;
   }

   100% {
      transform: scale(1);
      opacity: 1;
   }
}

.tabs #tab1:checked~#content1,
.tabs #tab2:checked~#content2 {
   display: block;
}

.tabs input[type=radio]:checked+label+.switch {
   color: white;
}


.tabs input[type=radio]:not(:checked)+label {
   color: #080515;
   border: 1px solid #555;
   border-radius: 10px;
}

.tabs input[type="radio"]:checked+label+.switch,
.tabs input[type="radio"]:checked+label:nth-of-type(n)+.switch {
   transform: translateX(0);
}

.api-item-inner {
   padding: 30px 20px;
   border-radius: 10px;
   background: white;
   box-shadow: 0 2px 40px rgba(47, 43, 50, .2);
}

.api-item-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   text-align: left;
   padding-bottom: 20px;
   margin-bottom: 20px;
   border-bottom: 1px solid #D7D9DB;
}

.api-title *,
.api-price * {
   display: block;
}

.api-title b,
.api-price b {
   font-size: 18px;
   margin-bottom: 8px;
   font-weight: 500;
}

.api-title span,
.api-price span {
   font-size: 12px;
   color: #9c9ba1;
}

.api-price {
   padding: 8px 10px;
   border-radius: 6px;
   background: #EFF7FE;
}


/*.api-pricing-tables .api-pricing-item:nth-child(2) {*/
/*    border: 7px solid #1e63fe;*/
/*    border-radius: 10px;*/
/*    box-shadow: 0 0 20px rgba(30, 99, 254, 0.3);*/
/*}*/

.api-features {
   list-style: none;
   text-align: left;
   margin-bottom: 30px;
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

.api-features li {
   margin-bottom: 10px;
   font-size: 14px;
}

.api-features li:before {
   content: "\e87f";
   display: inline-block;
   font-family: Linearicons-Free;
   speak: none;
   font-style: normal;
   font-weight: 400;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   margin-right: 5px;
}

/*.api-pricing-button,*/
/*.big {*/
/*   text-decoration: none;*/
/*   background: #0544fd;*/
/*   display: block;*/
/*   font-size: 14px;*/
/*   color: white !important;*/
/*   height: 46px;*/
/*   line-height: 46px;*/
/*   border-radius: 6px;*/
/*   text-align: center;*/
/*   transition: .3s linear;*/
/*}*/


/*.api-pricing-button:hover,*/
/*.big:hover {*/
/*    background: linear-gradient(90deg, #1e63fe 0%, #5c91f1 100%);*/
/*    color: white;*/
/*}*/

.api-pricing-item button,
.api-pricing-item a {
    width: 236px;
    height: 40px;
    padding: 6px 16px;
    gap: 8px;
    opacity: 1;
    border-radius: 24px;
}

.api-pricing-item a {
   display: inline-block;
}


.api-pricing-item button.disabled {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
    background: #F3F3F3;
    color: #484848;
    font-family: Roboto, serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    border: none;
}


@media(max-width:959px) {
   .api-pricing-item {
      width: 350px;
      margin: 0 auto 10px;
   }
   .api-switcher-btn {
      font-size: 16px !important;
      padding: 8px 14px !important;
   }
}

@media(min-width:960px) {
   .tabs section {
      padding: 0 0 40px;
   }

   .api-pricing-tables {
      display: flex;
      margin: 0 -10px;
   }

   .api-pricing-item {
      width: 33.333333333%;
      padding: 30px 20px 50px;
   }
}

@media(min-width:1120px) {
   .api-pricing-wrapper {
      width: 100%;
      max-width: 1060px;
      margin: 0 auto;
   }
}

/* Dark Theme */
body.dark .api-item-inner {
   background: var(--black);
}

body.dark .api-price {
   background: var(--dark-black);
}

body.dark .tabs input[type=radio]:not(:checked)+label {
   color: var(--white);
}

body.dark .api-pricing-item button.disabled {
    background: #484848;
    color: var(--white);
}

.swiper {
   width: 100%;
   padding: 20px 0;
}

.swiper-slide {
   display: flex;
   justify-content: center;
   align-items: center;
}