.text-hide,
a {
    background-color: transparent;
}
.custom_hero_button,
.custom_hero_button_sec,
section.api-glossary .container a:hover {
    text-decoration: none !important;
}
.button,
section.modules .module .box,
section.stats ul li {
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.05), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.button,
.ccSYht,
.submenu a {
    white-space: nowrap;
}
.clearfix:after,
.clearfix:before,
.container:after,
.container:before {
    display: table;
    content: " ";
}
.clearfix:after {
    clear: right;
}
hr,
img,
section.hero .container .options > div:last-of-type {
    border: 0;
}
.button,
img {
    vertical-align: middle;
}
.container:after,
.header .logo:after,
.header ul:after {
    clear: both;
}
.header.dark_bg ul > li.go_to_dashboard > a,
.header.dark_bg ul > li.login > a {
    box-shadow: none;
}
.header.dark_bg ul > li.go_to_dashboard > a {
    border: 2px solid #d7d7d9;
    top: -2px;
}
.header.dark_bg ul > li.login > a {
    margin-left: 6px;
}
section.legal.api-glossary h2 {
    font-size: 28px;
}
p.glossary-sub-heading {
    font-size: 18px !important;
}
section.api-glossary .container h2 {
    font-weight: 700;
    font-size: 18px;
}
section.api-glossary .container a {
    text-decoration: none !important;
    font-size: 18px;
    color: #1a4164;
}
.contact_form .line-checkbox-outer-block,
html.api-glossary section.hero .container h2,
html.sub-glossary section.hero .container h2,
section.contact_form form fieldset.info .line.email,
section.faq.large .faq_section:last-of-type,
section.hero.subpage.api-glossary .container h2,
section.modules .module:last-of-type,
section.preapp form fieldset.plan.free .line {
    margin-bottom: 0;
}
@font-face {
    font-family: Linearicons;
    src: url(../ipstack_fonts/Linearicons/Linearicons.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-display: swap !important;
    font-weight: 400;
    src: url("../ipstack_fonts/Linearicons/open-sans-v34-latin-regular.eot");
    src: local(""),
        url("../ipstack_fonts/Linearicons/open-sans-v34-latin-regular.eot?#iefix")
            format("embedded-opentype"),
        url("../ipstack_fonts/Linearicons/open-sans-v34-latin-regular.woff2")
            format("woff2"),
        url("../ipstack_fonts/Linearicons/open-sans-v34-latin-regular.woff")
            format("woff"),
        url("../ipstack_fonts/Linearicons/open-sans-v34-latin-regular.ttf")
            format("truetype"),
        url("../ipstack_fonts/Linearicons/open-sans-v34-latin-regular.svg#OpenSans")
            format("svg");
}
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-display: swap !important;
    font-weight: 400;
    src: url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-regular.eot");
    src: local(""),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-regular.eot?#iefix")
            format("embedded-opentype"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-regular.woff2")
            format("woff2"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-regular.woff")
            format("woff"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-regular.ttf")
            format("truetype"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-regular.svg#RobotoMono")
            format("svg");
}
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-display: swap !important;
    font-weight: 500;
    src: url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-500.eot");
    src: local(""),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-500.eot?#iefix")
            format("embedded-opentype"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-500.woff2")
            format("woff2"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-500.woff")
            format("woff"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-500.ttf")
            format("truetype"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-500.svg#RobotoMono")
            format("svg");
}
@font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-display: swap !important;
    font-weight: 700;
    src: url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-700.eot");
    src: local(""),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-700.eot?#iefix")
            format("embedded-opentype"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-700.woff2")
            format("woff2"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-700.woff")
            format("woff"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-700.ttf")
            format("truetype"),
        url("../ipstack_fonts/Linearicons/roboto-mono-v22-latin-700.svg#RobotoMono")
            format("svg");
}
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
a {
    color: #283f59;
    text-decoration: none;
}
:active,
:focus,
a:active,
a:hover {
    outline: 0;
}
b,
section.preapp form fieldset.plan .line > label span,
strong {
    font-weight: 700;
}
h1 {
    margin: 0.67em 0;
}
small {
    font-size: 80%;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee;
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}
body {
    margin: 0;
    line-height: 1.4;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a:focus {
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%;
}
.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h1,
h1 {
    font-size: 36px;
}
.card h2,
.h2,
h2,
section.sub-glossary .container h1 {
    font-size: 30px;
}
.h3,
h3 {
    font-size: 24px;
}
.h4,
a.custom_hero_button,
h4 {
    font-size: 18px;
}
.d-flex.align-items-center,
.h5,
h5,
p {
    font-size: 14px;
}
.h6,
h6 {
    font-size: 12px;
}
p {
    margin: 0 0 10px;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.invisible {
    visibility: hidden;
}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 0;
}
.header,
section.hero {
    background-color: #fff;
}
h4,
p {
    line-height: 30px;
}
#more,
.header_banner,
.hidden,
.ipchecker .i_body .rows .row .subrows,
.ipchecker .i_body.loading .rows,
.logo_retina.inline,
.mobile_menu_icon,
.more-blog,
.owl-item.active .owl-testimonials-content,
.show_mobile,
body.monthly [data-type="price_yearly"],
body:not(.monthly) [data-type="price_monthly"],
img#__lpform_email_icon,
img#__lpform_password_icon,
section.contact_form form fieldset.alerts.hidden,
section.documentation .content .doc_section pre div.xml,
section.faq.large ul li .q:before,
section.preapp form fieldset.plan.free .frequency,
section.pricing_content_hide .container .plan.professional .heading:before,
section.pricing_header .container .switch input {
    display: none;
}
body {
    position: relative;
    background: #ebeff4;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #6881a9;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.button,
.header .logo a,
section.contact p,
section.contact p a,
section.faq ul + span,
section.hero_small,
section.preapp h2,
section.stats .container > p,
section.stats ul li .heading {
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
}
.next,
.prev,
h1.pricing_top_heading,
h4.subscribe_text,
section.customers:not(.index) ul li.text,
section.hero .container h1,
section.pricing_content
    .container
    .plan
    .features
    span.billing-professional:before {
    color: #333;
}
h2 {
    font-size: 30px;
    line-height: 40px;
}
h3 {
    font-size: 40px;
    line-height: 43px;
}
footer .right_side span,
h4 {
    font-size: 16px;
}
.header .logo a,
section.legal h2 {
    font-size: 24px;
    line-height: normal;
}
.button {
    width: 160px;
    height: 60px;
    border-radius: 3px;
    padding: 20px 12px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
}
.copyright-content,
.footer-logo,
.popup img,
.related_img,
section {
    width: 100%;
}
.container,
.navbar-container {
    margin-left: auto;
    padding-right: 15px;
}
.cirrmE .swiper,
.contact-sec,
.container,
.navbar-container,
section {
    margin-right: auto;
}
section.faq ul li .q:before,
section.presentation .side > h3:before,
section.pricing_content .container .plan .features h4:before,
section.pricing_content .container .plan .heading p:before {
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
}
section.affiliates {
    color: #16222f;
    background: #fff;
    padding: 50px 0;
}
section.affiliates .container {
    max-width: 960px;
}
section.affiliates .container img {
    margin-bottom: 25px;
}
section.affiliates .container h3 + p {
    line-height: 20px;
}
.contact_form .confirmation-note,
section.affiliates .container ul {
    margin-bottom: 20px;
}
.cGjzzu,
section.affiliates .container ul li {
    margin-bottom: 12px;
}
section.affiliates .container h3 + p a,
section.faq.on_contact a {
    text-decoration: underline;
}
section.affiliates .container h3 {
    font-size: 18px;
    line-height: normal;
    font-family: Promo, Helvetica, Arial, sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
}
section.affiliates .container a.button.join {
    background-color: #4f78a9;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 250px;
    font-family: inherit;
    text-transform: capitalize;
    font-size: 14px;
    padding: 18px;
}
section.affiliates .container table {
    border-collapse: collapse;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 45px;
}
section.affiliates .container table th {
    padding: 12px 15px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    font-weight: 600;
    text-align: left;
}
section.affiliates .container table td {
    padding: 15px 15px 13px;
    border-bottom: 1px dashed #e0e0e0;
    text-align: left;
}
section.affiliates .container table td span:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
    content: "\e605";
}
section.affiliates .container table td span.basic:before {
    content: "\e83a";
}
section.affiliates .container table td span.professional:before {
    content: "\e837";
}
section.affiliates .container table td span.business:before {
    content: "\e74a";
}
.container.custom-container {
    display: flex;
    justify-content: flex-start;
}
.container.custom-container ul {
    width: 196px;
}
.container.custom-container:last-of-type {
    padding-top: 30px;
}
.footer-logo {
    display: flex;
    justify-content: flex-start;
}
.new-logo {
    max-width: 100%;
    margin-bottom: 72px;
}
.right_side.copyright-section {
    width: 27%;
}
.copyright-section p {
    border-top: 0;
    margin-top: 10px;
    padding-top: 5px;
    font-size: 13px;
    margin-bottom: 0;
}
.confirmation-note {
    color: #000;
    text-align: justify;
    font-weight: 400;
    font-size: 13px;
}
.button,
.contact-sec,
.docs-contact-btn,
section.cta,
section.customers ul,
section.legal .glossary-img a,
section.modules,
section.pricing-volume,
section.pricing_content .container,
section.pricing_header .container {
    text-align: center;
}
.confirmation-note span {
    font-weight: 600;
    color: #002f4a;
}
section {
    margin-left: auto;
}
section .content-box .section-heading {
    color: #49a3ff;
    font-weight: 300;
    margin-bottom: 30px;
}
.container {
    padding-left: 15px;
    width: 1170px;
}
.navbar-container {
    padding-left: 15px;
    width: 1350px;
}
img.logo-github {
    margin: 9px 0 0 15px;
}
footer.footer_bg_color ul li a.postman-run-button {
    background: 0 0 !important;
    height: 0 !important;
}
ul.submenu li a.postman-run-button {
    background: 0 0 !important;
    height: 30px !important;
    width: 100% !important;
}
.button {
    display: inline-block;
    margin-bottom: 0;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    line-height: 1.42857;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.header .logo img {
    display: inline-block;
    margin-right: 10px;
    top: 0;
    position: relative;
}
.header .logo {
    float: left;
    padding-left: 15px;
}
span.github-text {
    font-size: 9px;
    border: 1px solid #333;
    padding: 0 3px;
    border-radius: 5px;
    top: 30px;
    position: absolute;
    margin-left: -5px;
}
.header {
    right: 0;
    left: 0;
    z-index: 1030;
    border-radius: 0;
    top: 0;
    position: absolute;
    border: none;
    height: 70px;
}
.custom_hero_button,
section.hero .container .cta {
    background-color: #e97c2a;
    text-transform: capitalize;
}
nav.header.header_index {
    background: #f8f8f8 !important;
}
#navbar {
    position: fixed;
    width: 100%;
    display: block;
    transition: top 0.3s;
    z-index: 1;
}
.header.dark_bg {
    background: #283f59;
}
.header ul {
    margin: 0;
    float: right;
    padding-left: 0;
    list-style: none;
}
.header ul:after,
.header ul:before {
    content: " ";
    display: table;
}
.header ul > li,
.header ul > li > a {
    display: -webkit-inline-box;
    position: relative;
}
.br-title,
.header ul > li,
section.modules .module.rl p {
    float: left;
}
.header ul > li > a {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 35px;
    margin: 16px 15px 19px;
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
}
#classes-of-private-ip-address .hero-content-text,
.br-link a,
.copyright-link a,
.header.light .logo a,
.header.light ul > li > a,
.ip-banner-text h2,
section.pricing_content .container .plan.marked .features h4,
section.pricing_content .container .plan.marked .footer .tagline,
section.pricing_content .container .plan.marked .heading h3,
section.pricing_content .container .plan.marked .heading p {
    color: #fff;
}
.header ul > li.status > a:before {
    content: "";
    width: 10px;
    height: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: inline-block;
    background-color: #47c652;
    position: relative;
    top: 1px;
    left: -6px;
    margin-left: 4px;
}
.header ul > li.status > a {
    padding: 0 10px 1px;
    border-radius: 3px;
    background: 0 0;
    margin-right: 0;
    margin-left: 6px;
}
.header ul > li.action > a {
    padding: 0 10px;
    border-radius: 3px;
    margin-right: 0;
}
.header ul > li.action.login > a {
    padding: 0 10px 1px;
}
.header ul > li.action.cta > a {
    background: #e97c2a;
    color: #fff;
    text-transform: uppercase;
    padding: 0 10px 1px;
    margin-right: 0;
}
.header ul > li.go_to_dashboard > a,
.header.light ul > li.login > a {
    background: #e97c2a;
    border-radius: 50px;
    padding: 0 20px;
    color: #fff;
}
.header .logo a {
    color: #333;
    margin-top: 14px;
    font-weight: 700;
    float: left;
    margin-left: -15px;
}
section.hero .container h2,
section.hero .container h4 {
    color: #333;
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
}
section.hero {
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 150px;
    padding-bottom: 50px;
    background-size: contain;
}
section.hero .container h2 {
    font-weight: 700;
    letter-spacing: -2px;
    margin-bottom: 20px;
}
section.hero .container h4 {
    font-weight: 500;
}
section.hero .container .cta {
    margin-top: 20px;
    border-radius: 50px;
}
.custom_hero_button {
    padding: 16px 33px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    border: 2px solid #e97c2a;
}
.custom_hero_button_sec {
    padding: 12px 30px;
    margin-left: 20px;
    color: #1a4164;
    background: 0 0;
    border-radius: 50px;
    border: 2px solid #1a4164;
    text-transform: capitalize;
    font-weight: 600;
}
h3.hero_sec_text {
    margin-bottom: 50px;
    font-size: 16px;
    font-family: "Open Sans" !important;
    margin-top: 25px;
    color: #000 !important;
    max-width: 550px;
}
.testimonials h2,
section.cta,
section.faq:not(.large):not(.on_contact) ul:before {
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
}
.details-tab-text h2,
a.posts_text,
a.strong-text,
h1.hero_sec_heading,
section.preapp h2 span {
    font-weight: 600;
}
section.hero .container .secondary {
    margin-top: 20px;
    color: #1a4164;
    background: 0 0;
    border-radius: 50px;
    border: 2px solid #1a4164;
    text-transform: capitalize;
}
section.presentation .side.right {
    margin-left: 10px;
}
section.presentation .side > h3 {
    margin-bottom: 11px;
    font-weight: 600;
    font-size: 20px;
    margin-top: 0;
}
section.presentation .side > h3:before {
    margin-bottom: 5px;
    font-family: Linearicons;
    font-size: 40px;
    margin-right: 20px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e6b8";
    border: none;
    padding: 0;
    font-weight: 400;
}
section.modules .module,
section.modules .module .box {
    text-align: left;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
}
section.presentation .side.left > h3.trusted:before {
    content: "\e886";
}
section.presentation .side.right > h3.dev:before,
section.pricing_content .container .plan .features h4.fluctuation:before {
    content: "\e7fb";
}
section.presentation .side > p {
    padding-bottom: 25px;
    line-height: normal;
    font-size: 15px;
    margin-top: 15px;
}
section.presentation .side > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
section.presentation .side.left > ul li:before,
section.presentation .side.right > ul li:before {
    position: absolute;
    left: -5px;
    top: 5px;
    background-size: 100% 100% !important;
    margin-bottom: 5px;
    font-family: Linearicons;
    font-size: 40px;
    margin-right: 20px;
    vertical-align: middle;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e6b8";
}
section.modules {
    background: 0 0 / cover #f5f9ff;
    padding: 30px 0 50px;
    margin-top: -1px;
}
section.modules .module {
    width: 943px;
    margin: 0 auto 25px;
}
section.modules .module .box {
    display: inline-block;
    width: 350px;
    height: 150px;
    background: #7490af;
    margin: 0;
    float: left;
    overflow: hidden;
    position: relative;
}
section.modules .module .box img {
    width: 250px;
    opacity: 0.3;
    position: absolute;
    right: -65px;
    border-radius: 8px;
    bottom: -41px;
}
section.modules .module .box pre {
    margin: 0;
    position: absolute;
    font-weight: 600;
    right: -58px;
    bottom: -29px;
    line-height: normal;
    color: rgba(0, 0, 0, 0.2);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
section.modules .module.timezone .box pre {
    right: -192px;
    bottom: -12px;
}
section.modules .module.currency .box pre {
    right: -23px;
    bottom: -12px;
}
section.modules .module.connection .box pre {
    right: -85px;
    bottom: -12px;
    color: #7490af;
}
section.modules .module.security .box pre {
    right: -13px;
    bottom: -93px;
}
section.modules .module .box a {
    position: absolute;
    right: 11px;
    bottom: 11px;
    color: #fff;
    border-bottom: 1px solid;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.5px;
    display: none;
}
.forgot_password a,
section.modules .module .box a:hover,
section.modules .module p a:hover {
    text-decoration: none;
}
section.modules .module .box .module_header {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
section.modules .module .box .module_header:before {
    margin-bottom: 5px;
    font-family: Linearicons;
    font-size: 80px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    border: 4px solid #fff;
    padding: 15px;
    border-radius: 99px;
    font-weight: 400;
    position: absolute;
    width: 150px;
    text-align: center;
    left: -30px;
    bottom: -65px;
}
section.modules .module.location .box .module_header:before {
    content: "\e781";
}
section.modules .module.currency .box .module_header:before {
    content: "\e763";
}
section.modules .module.timezone .box .module_header:before,
section.pricing_content .container .plan .features h4.timezone_module:before {
    content: "\e8e8";
}
section.modules .module.connection .box .module_header:before,
section.pricing_content .container .plan .features h4.connection_module:before {
    content: "\e8c8";
}
section.modules .module.security .box .module_header:before,
section.pricing_content .container .plan .features h4.security_module:before,
section.pricing_content .container .plan .features h4.ssl:before {
    content: "\e668";
}
section.modules .module p span {
    font-weight: 700;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 5px;
}
section.modules .module p a {
    margin-top: 5px;
    display: block;
    border-bottom: 1px solid;
    width: 77px;
}
section.modules .module p {
    line-height: normal;
    margin-top: 16px;
    color: #333;
    display: inline-block;
    width: 500px;
    float: right;
    height: 150px;
    font-size: 15px;
}
.box-img-align,
section.modules .module.rl .box {
    float: right;
}
section.modules .module.location .box {
    background: #ffcc3d;
}
section.modules .module.currency .box {
    background: #7490af;
}
section.modules .module.timezone .box {
    background: #fb9267;
}
section.modules .module.connection .box {
    background: #004a74;
}
section.modules .module.security .box {
    background: #c0c4ca;
}
section.cta {
    padding: 30px 0;
    background: url(../ipstack_images/hero_chain_transparent_less.svg)
        center/cover no-repeat #7490af;
}
section.cta.surrounded_icons {
    padding: 10px 0;
}
section.cta span {
    display: inline-block;
    color: #fff;
    font-weight: 700;
    margin-right: 25px;
}
footer p a,
section.about ul li a,
section.legal a,
section.preapp form fieldset.plan .line > label .right a {
    color: inherit;
}
footer ul,
section.customers ul,
section.stats ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
section.blog-content-article p a {
    color: #00e;
    text-decoration: underline;
}
section.contact p span.non_bold,
section.cta.surrounded_icons span,
section.preapp form fieldset.plan .line > div > label {
    font-weight: 400;
}
section.customers ul li.text,
section.pricing_header .container h2 {
    font-weight: 700;
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
}
section.cta .button.docs {
    color: #787c81;
    background: #fff;
    margin-right: 5px;
}
section.cta .button.cta {
    background-color: #e97c2a;
}
section.cta.surrounded_icons .button.cta {
    background-color: #ff6a2e;
    padding: 10px;
    width: auto;
    height: auto;
}
section.customers {
    background: 0 0;
    padding-top: 0;
    margin-top: 0;
}
section.customers:not(.index) {
    height: 100px;
    padding-top: 28px;
}
section.customers.index {
    opacity: 0.4;
    display: flex;
    align-items: baseline;
}
.pricing_content-bg-color,
.professional-bg-color,
.tabs li:hover,
section.contact.white_bg,
section.customers.white_bg,
section.g2-banner,
section.hero_small,
section.presentation-trusted,
section.pricing_header,
section.testimonail-sec {
    background: #fff;
}
section.customers ul li {
    display: inline-block;
    margin: 0 17px;
}
section.customers ul li.text {
    color: #fff;
    top: 1px;
    position: relative;
}
section.pricing_header .container h2 {
    color: #fff;
    letter-spacing: -1px;
    margin-left: -100px;
    margin-top: 10px;
    margin-bottom: 15px;
}
section.pricing_header .container h6 {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}
section.pricing_header .container .toggle {
    display: inline-flex;
    margin-bottom: 10px;
}
section.pricing_header .container .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-left: 20px;
    margin-right: 20px;
}
section.pricing_header .container .freq_changer {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 5px;
}
section.pricing_header .container .freq_changer:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #7490af;
    -webkit-transition: 0.4s;
    transition: 0.5s;
    border-radius: 3px;
}
section.pricing_content .container .plan.professional .heading .button,
section.pricing_header .container input:checked + .freq_changer {
    background-color: #173855;
}
section.pricing_header .container input:focus + .freq_changer {
    box-shadow: 0 0 1px #3bdedf;
}
section.pricing_header .container input:checked + .freq_changer:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
section.pricing_content .container .plan {
    width: 210px;
    border-radius: 5px;
    margin-top: -281px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
}
.platinum-pricing-icon::before {
    content: "\e60c";
    font-family: Linearicons;
    color: #0b26d8;
    font-size: 40px;
}
section.pricing-volume {
    background: #fff;
    padding-top: 50px;
}
.contact-sec {
    justify-items: normal;
    margin-left: auto;
    background-color: #fff;
    width: 100%;
    max-width: 660px;
    height: 40%;
    border-radius: 10px;
    display: flex;
    padding: 20px;
    border: 1px solid #e97c2a;
}
.pricing-text p {
    font-size: 16px;
    color: #000;
    width: 100%;
    margin-top: 15px;
}
.pricing-text {
    text-align: left;
    margin-left: 20px;
    width: 100%;
    max-width: 480px;
}
.pricing-btn {
    border: 2px solid #0b26d8;
    border-radius: 35px;
    width: 100%;
    max-width: 140px;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 16px;
}
.ipchecker,
section.faq.large ul li {
    width: 500px;
}
.br-link-text a,
.pricing-btn a,
b.blue-text,
section.pricing_content .container .blue-icon .heading p:before {
    color: #0b26d8;
}
section.pricing_content .container .plan .heading {
    padding-bottom: 10px;
    background: rgba(255, 255, 255, 0.1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
}
section.pricing_content .container .plan.professional .heading:before {
    display: block;
    background: #e97c2a;
    color: #fff;
    font-weight: 700;
    content: "MOST POPULAR";
    font-size: 12px;
    padding: 5px 0;
    border-top-left-radius: 27px;
    border-top-right-radius: 27px;
}
section.pricing_content .container .plan.enterprise .heading {
    background: #173855;
}
section.pricing_content .container .plan .heading p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 10px;
}
section.pricing_content .container .plan .heading p:before {
    margin-bottom: 25px;
    font-family: Linearicons;
    font-size: 40px;
    display: block;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e6b8";
    padding: 10px 0 0;
    font-weight: 400;
}
section.pricing_content .container .plan.free .heading p:before {
    content: "\e605";
}
section.pricing_content .container .plan.basic .heading p:before {
    content: "\e744";
}
section.pricing_content .container .plan.professional .heading p:before {
    content: "\e837";
    color: #0b26d8;
}
section.pricing_content .container .plan.professional_plus .heading p:before {
    content: "\e7b9";
}
section.pricing_content .container .plan.enterprise .heading p:before {
    content: "\e60c";
}
section.pricing_content .container .plan .heading h3 {
    font-size: 25px;
    line-height: 25px;
    color: #fff;
    font-weight: 600;
}
section.pricing_content .container .plan .heading h6 {
    font-size: 13px;
    font-weight: 500;
}
section.pricing_content .container .plan .heading .button {
    width: 190px;
    height: auto;
    background-color: #7490af;
    padding: 7px 12px;
    margin-top: 20px;
    margin-right: 0;
}
section.pricing_content .container .plan.enterprise .heading .button {
    background: #7490af;
    width: 230px;
}
section.pricing_content .container .plan.free .heading .button {
    color: #787c81;
    background: #d6dbe3;
}
section.pricing_content .container .plan .features {
    text-align: left;
    margin-right: -4px;
    padding-left: 18px;
    margin-top: 15px;
}
section.pricing_content .container .plan.marked .features,
section.pricing_content .container .plan.professional_plus .features {
    border-right: 0;
}
section.pricing_content .container .plan.professional_plus .features {
    padding-left: 13px;
}
section.pricing_content .container .plan .features h4 {
    font-size: 14px;
    line-height: 25px;
    color: #080059;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 0;
}
section.pricing_content .container .plan .features h4:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    margin-right: 10px;
    margin-top: -3px;
    content: "\e71f";
    position: relative;
    top: 1px;
}
section.pricing_content .container .plan .features h4.api_calls:before {
    content: "\e90b";
}
section.pricing_content .container .plan .features h4.updates:before {
    content: "\e661";
}
section.pricing_content .container .plan .features h4.historical:before {
    content: "\e663";
}
section.pricing_content
    .container
    .plan
    .features
    h4.conversion_endpoint:before {
    content: "\e8da";
}
section.pricing_content
    .container
    .plan
    .features
    h4.change_base_currency:before {
    content: "\e75c";
}
section.pricing_content .container .plan .features h4.time_series:before {
    content: "\e789";
}
section.about ul li.support:before,
section.pricing_content .container .plan .features h4.support_level:before {
    content: "\e7ed";
}
section.pricing_content .container .plan .features h4.custom_solutions:before {
    content: "\e874";
}
section.pricing_content .container .plan .features h4.location_module:before {
    content: "\e77a";
}
section.pricing_content .container .plan .features h4.currency_module:before {
    content: "\e75f";
}
section.pricing_content .container .plan .features h4.bulk_endpoint:before {
    content: "\e977";
}
section.pricing_content .container .plan .features h4.empty:before,
span.hidden-color {
    color: transparent;
}
section.pricing_content .container .plan .features h6 {
    margin-top: 0;
    margin-bottom: 20px;
}
section.pricing_content .container .plan .footer {
    padding: 0 10px 10px;
}
section.pricing_content .container .plan .footer .tagline {
    padding: 20px 10px;
}
section.pricing_content .container .plan .footer .cta {
    width: 100%;
    height: auto;
    background-color: #507eb1;
    padding: 12px;
    margin-top: 8px;
}
section.pricing_content .container .plan.marked {
    width: 190px;
    background-color: #173855;
    position: relative;
    border: 1px solid;
}
section.pricing_content .container .plan.marked .footer .cta {
    background-color: #e97c2a;
    padding: 7px 12px;
    margin-top: 15px;
}
section.testimonials {
    margin-bottom: 50px;
    margin-top: 50px;
}
.testimonials h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 500;
    text-decoration: underline;
}
section.stats {
    padding: 50px 0 120px;
    background: url(../ipstack_images/transition_wave_white.svg) bottom/101%
            no-repeat,
        url(../ipstack_images/ipstack_presentation_bg_optimised.png) bottom/101%
            no-repeat;
    letter-spacing: normal;
}
section.faq,
section.stats ul li {
    background: #fff;
    text-align: center;
}
section.stats ul {
    text-align: center;
}
section.stats .container > p {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 25px;
    color: #fff;
}
section.stats ul li {
    width: 275px;
    display: inline-block;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    letter-spacing: -0.5px;
}
section.stats ul li .heading {
    display: inline-block;
    font-weight: 400;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-size: 29px;
    line-height: 50px;
}
section.stats ul li p {
    font-size: 14px;
    letter-spacing: normal;
}
section.stats ul li.avg_response_time .heading {
    color: #ff6a2e;
}
section.stats ul li.unique_locations .heading {
    color: #59e4d3;
}
section.stats ul li.requests_per_day .heading {
    color: #5fcef8;
}
section.stats ul li.database_updates .heading {
    color: #ca9bf4;
}
section.stats ul li.number_customers .heading {
    color: #507eb1;
}
section.stats ul li.cities_supported .heading {
    color: #ff8959;
}
section.faq:not(.large):not(.on_contact) {
    padding-top: 60px;
}
section.faq ul {
    list-style: none;
    padding: 0 0 20px;
    margin: 0 0 35px;
    text-align: center;
    border-bottom: 1px solid #e0ebfc;
    position: relative;
}
section.faq:not(.large):not(.on_contact) ul:before {
    position: absolute;
    top: -60px;
    left: 19px;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid;
    content: "Frequently Asked Questions";
}
section.faq.large .faq_section {
    padding: 0;
    background: #ebeff4;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 30px;
}
section.faq.large ul {
    margin: 0;
    padding: 10px 0;
    border: 0;
}
.onsite_popup ul li,
section.documentation .content .doc_section ul.endpoints li,
section.documentation .content .doc_section ul.languages li,
section.faq.no_cta ul,
section.preapp.login form fieldset .line {
    margin-bottom: 10px;
}
section.faq ul li {
    display: inline-block;
    width: 490px;
    text-align: left;
    margin: 15px 25px;
    box-sizing: border-box;
    letter-spacing: normal;
    font-size: 15px;
}
section.faq.large ul li.marked {
    background: #ffc;
    padding: 15px;
    border-radius: 5px;
}
section.faq.large h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: left;
    margin: 0;
    background: rgba(40, 63, 89, 0.5);
    color: #fff;
    padding: 0 10px;
    line-height: 30px;
}
section.faq ul li .q {
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
    position: relative;
}
section.faq ul li .q:before {
    font-size: 14px;
    display: inline-block;
    speak: none;
    font-weight: 700;
    margin-top: 0;
    position: absolute;
    left: -34px;
    top: 2px;
    content: "?";
    background: #7490af;
    color: #fff;
    width: 21px;
    padding: 0 0 2px;
    text-align: center;
    border-radius: 4px;
}
section.faq ul + span {
    display: inline-block;
    color: #333;
    font-weight: 700;
    margin-right: 25px;
    letter-spacing: normal;
}
section.faq ul + span + a.button.docs {
    color: #787c81;
    background: #d6dbe3;
    letter-spacing: normal;
    margin-right: 5px;
    box-shadow: none;
}
section.faq ul + span + a + a.button.cta {
    background-color: #e97c2a;
    letter-spacing: normal;
    box-shadow: none;
}
section.faq ul + span + a + a.button.cta .small {
    text-transform: lowercase;
}
form fieldset.alerts,
section.preapp form fieldset.alerts {
    background: #e35256;
    padding: 5px 10px 7px;
    font-weight: 600;
}
form fieldset.alerts.success {
    background: #3da07b !important;
}
section.preapp.signup form fieldset:not(.captcha):not(.plan) {
    padding-bottom: 5px;
}
section.preapp.signup form fieldset.captcha {
    text-align: center;
    padding-top: 25px;
}
section.preapp.login form fieldset {
    width: 350px;
    padding-top: 5px;
}
section.preapp form fieldset.captcha div:not(.line) {
    margin: 0;
    width: auto !important;
    height: auto !important;
}
section.preapp form fieldset.captcha div.line {
    margin-top: 20px;
    margin-bottom: 0;
    padding: 14px 25px 10px;
}
section.preapp form fieldset.captcha div.line.tos {
    margin-top: 0;
}
section.preapp form fieldset.captcha .line.checkboxes input {
    width: 20px;
    display: inline-block;
    float: left;
    position: relative;
    left: -5px;
    top: 1px;
}
section.preapp form fieldset.captcha .line.checkboxes input.error + label,
section.preapp form fieldset.captcha .line.checkboxes input.error + label a,
span.required {
    color: red;
}
section.preapp form fieldset.captcha .line.checkboxes label {
    text-align: left;
    font-weight: 400;
    margin-bottom: 0;
    float: right;
    width: calc(100% - 25px);
    position: relative;
    top: -2px;
    right: 5px;
    font-size: 12px;
}
footer ul li,
section.preapp form fieldset.plan.free .line > label {
    margin-bottom: 8px;
}
.checkboxes label {
    font-size: 12px !important;
}
section.hero_small .container h2 {
    line-height: 22px;
    font-size: 15px;
}
section.preapp.forgot form fieldset p {
    color: #333;
    text-align: left;
    padding: 10px 15px 15px;
    font-size: 14px;
    line-height: normal;
}
section.preapp.forgot form fieldset p span {
    font-weight: 700;
    display: block;
    margin-bottom: 5px;
}
section.preapp form fieldset.captcha label.submit {
    background: rgba(40, 63, 89, 0.2);
    padding: 10px 20px 13px;
    font-weight: 700;
    pointer-events: none;
    border-radius: 50px;
}
.signup_button_submit {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}
section.contact_form form fieldset .line,
section.preapp form fieldset .line {
    display: block;
    margin-bottom: 10px;
    padding: 5px 10px 0;
}
section.contact_form form fieldset .line:last-of-type,
section.preapp.login form fieldset .line:last-of-type {
    margin-bottom: 30px;
}
section.contact_form form fieldset .line.double input,
section.preapp form fieldset .line.double input {
    width: 49%;
}
section.contact_form form fieldset .line label,
section.preapp form fieldset .line label {
    display: block;
    margin-bottom: 7px;
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
section.preapp form fieldset .line label a.forgot,
section.preapp.forgot form fieldset .line label a.log_in_instead {
    float: right;
    text-decoration: underline;
    color: inherit;
}
section.preapp form fieldset .line label span.star {
    color: red;
    font-size: 12px;
    position: relative;
    top: -3px;
    left: 0;
    margin-right: 0;
}
input.error,
select.error {
    background: #fce3e4 !important;
    border-color: #f3b9bb !important;
}
section.contact_form form fieldset .line select,
section.preapp form fieldset .line select {
    width: 100%;
    height: 41px;
    background: #fff;
    color: #333;
    border: 1px solid rgba(40, 63, 89, 0.35);
    border-radius: 3px;
}
form fieldset .line select.disabled {
    pointer-events: none;
    cursor: default;
    background: #d8e0ea !important;
    border: 0 !important;
}
.blog-content-feature-img img,
.blog-feature-img,
section.about ul li,
section.preapp form fieldset.plan .line > label {
    margin-bottom: 15px;
}
section.preapp form fieldset.plan .line > label .right {
    float: right;
    text-decoration: none;
}
.copyright-text a,
footer p a,
section.legal a {
    text-decoration: underline;
}
section.preapp form fieldset.plan .line > div > label input {
    display: inline;
    width: 20px;
}
section.preapp form fieldset .discount,
section.preapp form fieldset.plan .line > div > label .discount {
    background: #3da07b;
    color: #fff;
    display: inline-block;
    padding: 1px 6px 3px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    margin-left: 2px;
}
section.legal {
    padding: 40px 0;
    color: #333;
    line-height: normal;
    background: #fff;
}
section.legal h2 {
    margin-bottom: 10px;
    font-weight: 700;
}
section.legal h4 {
    font-weight: 700;
    line-height: 20px;
    margin-top: 20px;
    display: block;
    position: relative;
}
section.legal p {
    font-size: 15px;
    line-height: 20px;
}
section.legal ul {
    font-size: 15px;
}
section.legal ul li {
    margin-bottom: 13px;
}
section.legal strong.definition {
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
    font-size: 17px;
}
.owl-carousel-item,
.owl-stage,
section.legal .glossary-img {
    display: flex;
    justify-content: center;
}
section.documentation .content .doc_section table tbody tr td:first-of-type,
section.legal img.img-w {
    width: 40%;
}
section.contact p {
    text-align: center;
    color: #333;
    font-weight: 700;
    padding: 20px 0 25px;
    margin-bottom: 0;
}
section.contact_form h3,
section.contact_form p {
    text-align: center;
    color: #fff;
}
section.contact p a {
    background-color: #283f59;
    margin-left: 15px;
    height: 40px;
    padding: 10px 12px;
}
section.contact_form {
    padding: 40px 0 50px;
    background: #d8e0ea;
    text-align: center;
}
section.contact_form h3 {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 0;
    padding: 0 0 1px;
    margin-bottom: 20px;
    background: #173855;
    text-transform: uppercase;
}
section.contact_form fieldset.info h3 {
    background: rgba(40, 63, 89, 0.35);
    margin-bottom: 15px;
}
section.contact_form form fieldset {
    border: 0;
    width: 600px;
    display: inline-block;
    margin: 0 auto;
    background: #b9c2ce;
    border-radius: 5px;
    padding: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    top: 0;
}
section.contact_form form fieldset.alerts {
    width: 908px;
    padding: 5px 10px 7px;
    margin-bottom: 20px;
    color: #fff;
    background: #e35256;
}
section.contact_form form fieldset.info {
    width: 290px;
    margin-left: 15px;
    position: relative;
    color: #333;
    height: 150px;
    vertical-align: top;
}
section.contact_form form fieldset.info .line.address:before,
section.contact_form form fieldset.info .line.email:before {
    font-family: Linearicons;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e781";
    float: left;
    line-height: 60px;
    top: -20px;
    position: relative;
}
section.contact_form form fieldset.info .line.address:before {
    content: "\e782";
    top: -15px;
}
section.contact_form form fieldset.info .line.email:before {
    content: "\e697";
}
section.contact_form form fieldset .line textarea {
    border-radius: 3px;
    border: 1px solid rgba(40, 63, 89, 0.35);
    padding: 10px 7px;
    width: 100%;
    color: #333;
    min-height: 100px;
}
section.contact_form form fieldset .line.submit {
    padding: 0;
    margin: 0;
}
section.contact_form form fieldset .line label.submit {
    margin-bottom: 0;
    color: #fff;
}
section.contact_form form fieldset .line {
    padding: 5px 15px;
}
section.hero .container .options {
    width: 455px;
    border-radius: 50px;
    overflow: hidden;
    margin-top: -30px;
}
section.hero .container .options > div:first-of-type {
    background: #e6e9fb;
}
section.hero .container .options > div {
    padding: 12px 15px 0;
    border-bottom: 1px solid #dce2e8;
    height: 63px;
    position: relative;
}
section.hero .container .options > div span.price {
    display: inline-block;
    width: 60px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    top: 32px;
    margin-left: 60px;
    color: #000;
}
section.hero .container .options > div a.cta,
section.hero .container .options > div a.option-cta {
    margin-right: 0;
    font-weight: 700;
    width: 110px;
    position: relative;
    float: right;
    text-align: center;
    padding: 10px 10px 11px;
    margin-top: 0;
    text-transform: uppercase;
}
small.billed-price {
    font-size: 10px !important;
    font-weight: 300;
}
section.hero .container .options > div a.cta {
    background: #0b26d8;
    color: #fff;
    border-radius: 50px;
    font-size: 13px;
}
section.hero .container .options > div a.option-cta {
    background: #e97c2a;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    top: 20px;
}
section.hero .container .options > div p {
    display: inline-block;
    max-width: 220px;
    margin-bottom: 0;
    font-size: 14px;
    color: #333;
    line-height: normal;
}
section.hero .container .options > div span.heading {
    font-size: 13px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    display: inline-block;
}
section.contact_form form fieldset .line.checkboxes input {
    width: 20px;
    display: inline-block;
    vertical-align: top;
}
section.contact_form form fieldset .line.checkboxes label {
    display: inline-block;
    width: calc(100% - 25px);
    position: relative;
    bottom: 3px;
}
section.about {
    padding: 40px 0;
    color: #333;
    letter-spacing: normal;
    line-height: normal;
}
section.about p {
    line-height: 23px;
    font-size: 15px;
    letter-spacing: 0;
}
footer ul li,
section.article p {
    line-height: 20px;
}
section.about h5 {
    font-size: 15px;
    font-weight: 600;
}
section.about ul {
    margin: 40px 0 0;
    padding: 0;
    list-style: none;
}
section.about ul li:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    margin-right: 10px;
    content: "\e71f";
    position: relative;
    top: 3px;
}
section.about ul li.pricing:before {
    content: "\e68d";
}
section.about ul li.api_doc:before {
    content: "\e718";
}
section.about ul li a {
    font-weight: 500;
}
section.about img {
    width: 200px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 99px;
    padding: 10px;
}
section.documentation .doc_section a.outgoing_link:after,
section.documentation .doc_section a.popup_link:before {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
    border: none;
    padding: 0;
    top: 1px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-family: Linearicons;
}
section.about img + h5 {
    display: block;
    font-size: 22px;
    margin-left: 0;
    position: relative;
    top: -5px;
}
section.blog-post,
section.documentation {
    background: #fff;
    padding: 100px 0 40px;
}
section.documentation .doc_section a {
    color: #157fb8;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-font-smoothing: subpixel-antialiased;
}
section.documentation .doc_section a.popup_link:before {
    margin-right: 5px;
    content: "\e925";
}
section.documentation .doc_section a.outgoing_link:after {
    margin-left: 6px;
    content: "\e7b0";
}
section.documentation .doc_section pre a {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.25);
    padding: 9px;
    position: absolute;
    right: 10px;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif;
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer;
}
section.documentation .doc_section pre a.output {
    bottom: 10px;
    right: 70px;
    width: 50px;
    text-align: center;
}
section.documentation .doc_section pre a.output + a.output {
    right: 10px;
}
section.documentation .doc_section pre a.output.current {
    background: #fff;
    color: #333 !important;
}
h6.monthly-text,
p.price_title,
p.price_title_professional,
section.documentation .doc_section pre a.output.current span {
    color: #333 !important;
}
section.documentation .doc_section pre a.output.current.only {
    width: 90px;
    right: 10px;
}
section.documentation .doc_section pre a:hover {
    background: rgba(255, 255, 255, 0.35);
}
section.documentation .doc_section a.docs_btn {
    background: #e97c2a;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 5px;
    display: block;
    width: 175px;
    text-align: center;
}
section.documentation .sidebar ul li:last-of-type a {
    border-bottom: 0;
}
section.documentation .sidebar ul.github li a {
    padding-left: 40px;
    position: relative;
}
section.documentation .sidebar ul.github li a:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    background: url(../ipstack_images/github_svg.svg) 0 0 / contain;
    display: inline-block;
    left: 12px;
    top: 9px;
}
section.documentation .content .doc_section ul.endpoints {
    padding: 0 20px;
}
section.documentation .content .doc_section ul.endpoints li a {
    font-weight: 600;
    display: block;
    text-decoration: underline;
}
section.documentation .content .doc_section ul.languages li code {
    width: 57px;
    display: inline-block;
    text-align: center;
}
section.documentation .content .doc_section p {
    line-height: 20px;
    margin-bottom: 15px;
}
section.documentation .content .doc_section h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: normal;
    margin-top: 0;
    margin-bottom: 15px;
}
section.documentation .content .doc_section h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    margin-top: 0;
}
section.documentation .content .doc_section pre {
    background: #192738;
    padding: 10px;
    overflow: hidden;
    overflow-x: scroll;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    font-size: 13px;
    position: relative;
    max-width: none;
}
section.documentation .content .doc_section code {
    background: rgba(40, 63, 89, 0.15);
    padding: 1px 5px 3px;
    border-radius: 3px;
}
section.documentation .content .doc_section table {
    width: 100%;
    text-align: left;
    border-radius: 5px;
    overflow: hidden;
    border: 0;
}
section.documentation .content .doc_section table thead tr th {
    background: #283f59;
    color: #fff;
    padding: 5px 10px;
}
section.documentation .content .doc_section table tbody tr td {
    padding: 5px 10px;
    height: 45px;
}
section.documentation
    .content
    .doc_section
    table.error_codes
    tbody
    tr
    td:first-of-type {
    width: unset;
}
section.sitemap {
    text-align: center;
    padding: 60px 0;
}
section.sitemap ul {
    padding: 0 0 0 55px;
    margin: 0 auto;
    list-style: none;
    display: inline-block;
    width: 250px;
    text-align: left;
}
section.sitemap ul li {
    margin: 5px 0;
}
section.sitemap ul li.heading {
    font-weight: 700;
    color: #283f59;
    margin-bottom: 15px;
}
.ipchecker {
    display: inline-block;
    height: 400px;
    background: #fff;
    float: right;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(50, 50, 93, 0.1);
}
.ipchecker .i_footer {
    width: 100%;
    height: 25px;
    background: #f1f4f9;
    display: none;
}
.ipchecker .i_header > div,
.main-menu li,
.top-image-faq {
    position: relative;
}
.ipchecker .i_header input[type="text"]::-webkit-input-placeholder {
    color: #6881a9;
    opacity: 1;
}
.ipchecker .i_header input[type="text"]:-moz-placeholder {
    color: #6881a9;
    opacity: 1;
}
.ipchecker .i_header input[type="text"]::-moz-placeholder {
    color: #6881a9;
    opacity: 1;
}
.ipchecker .i_header input[type="text"]:-ms-input-placeholder {
    color: #6881a9;
    opacity: 1;
}
.ipchecker .i_header label[disabled] {
    opacity: 0.25;
}
.ipchecker .i_header label:hover {
    background: #e97c2a;
}
.ipchecker .i_header input[type="submit"] {
    visibility: hidden;
    position: absolute;
}
@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ipchecker .i_body.error,
.ipchecker .i_body.loading {
    background: #f1f4f9;
    height: 100%;
    position: relative;
}
.ipchecker .i_body.error:before {
    position: relative;
    background-size: 100% 100% !important;
    font-family: Linearicons;
    font-size: 40px;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    margin: 0 auto;
    display: block;
    width: 40px;
    top: 95px;
    content: "\e99c";
}
.ipchecker .i_body.error:after,
.ipchecker .i_body.loading:before {
    font-size: 19px;
    display: block;
    margin: 0 auto;
    position: relative;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif;
}
.ipchecker .i_body.error:after {
    width: 300px;
    top: 105px;
    text-align: center;
    content: "IP Lookup Failed. Please try again.";
}
.ipchecker .i_body.error.rate_limit_exceeded:after {
    content: "Rate limit reached. Try again later.";
    width: 305px;
}
.ipchecker .i_body.loading:before {
    width: 193px;
    top: 110px;
    content: "IP Lookup In Progress";
}
.ipchecker .i_body.loading:after {
    margin: 0 auto;
    top: 90px;
    position: relative;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: 0.6s linear infinite load8;
    animation: 0.6s linear infinite load8;
    border-top: 2px solid rgba(104, 129, 169, 0.15);
    border-right: 2px solid rgba(104, 129, 169, 0.15);
    border-bottom: 2px solid #6881a9;
    border-left: 2px solid #6881a9;
    margin-top: 45px !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: block;
    content: "";
}
.ipchecker .i_body .rows .row {
    color: #414770;
    margin-bottom: 2px;
    font-weight: 500;
    white-space: nowrap;
}
.ipchecker .i_body .rows .row:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.ipchecker .i_body .rows .row.array > i {
    background: url(../ipstack_images/triangle.svg) center no-repeat;
    cursor: pointer;
}
.ipchecker .i_body .rows .row.array.open > i {
    transition: transform 0.2s, -webkit-transform 0.2s;
    transform: rotate(90deg);
}
.ipchecker .i_body .rows .row span {
    color: #414770;
    display: inline-block;
    margin-right: 20px;
}
.ipchecker .i_body .rows .row.number span {
    color: #fa7459;
}
.ipchecker .i_body .rows .row.string span {
    color: #149570;
}
.ipchecker .i_body .rows .row.boolean span {
    color: #6772e4;
}
.ipchecker .i_body .rows .row.array > span {
    color: #414770;
}
.ipchecker .i_body .rows .row.null span {
    color: #91a2b0;
}
.ipchecker .i_body .rows .row.number:before {
    background: url("../ipstack_images/ipcheck_number.svg") no-repeat;
}
.ipchecker .i_body .rows .row.string:before {
    background: url("../ipstack_images/ipcheck_string.svg") no-repeat;
}
.ipchecker .i_body .rows .row.boolean:before {
    background: url("../ipstack_images/ipcheck_boolean.svg") no-repeat;
}
.ipchecker .i_body .rows .row.array:before {
    background: url("../ipstack_images/ipcheck_array.svg") no-repeat;
}
.ipchecker .i_body .rows .row.null:before {
    background: url("../ipstack_images/ipcheck_null.svg") no-repeat;
}
.ipchecker .i_body .rows .row.open > .subrows {
    display: block;
    margin-left: 20px;
    margin-top: 2px;
    margin-bottom: 5px;
}
.inline {
    display: inline-block;
    float: left;
}
footer {
    text-align: center;
    padding: 50px 0 100px;
    background: #004973;
    font-size: 14px;
}
footer .right_side,
footer ul {
    display: inline-block;
    text-align: left;
    width: 150px;
}
#card-button,
.blog-pagination,
.support-btn,
.tabs li,
p.logo-text {
    text-align: center;
}
footer ul li.heading {
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}
footer ul li a {
    color: #fff;
    cursor: pointer;
}
footer .right_side {
    font-size: 12px;
    position: relative;
    top: 5px;
}
footer p {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 40px;
    padding-top: 10px;
    font-size: 13px;
    margin-bottom: 0;
}
.header_banner a {
    color: #444;
    font-weight: 700;
}
body.has_legacy_banner .header_banner {
    display: block;
    padding: 5px 15px 7px;
    text-align: center;
    color: #333;
    background: #d6dbe3;
}
img.payment_logos.processed_by {
    position: relative !important;
    margin-left: 0;
    float: right !important;
}
.payment_logos.secure {
    position: relative;
    top: -1px;
    margin-left: 2px;
}
.alert.payment_method.creditcard {
    border: 1px solid #e1e1e1 !important;
    background: #f1f1f1 !important;
    font-size: 1.3rem;
    color: #444;
    -webkit-border-radius: 0 !important;
    margin-top: -4px;
}
.alert.payment_method {
    padding: 10px 0;
    width: 100% !important;
}
.inline_logo {
    float: none;
}
.alert_inner {
    max-width: 95%;
    margin: 0 auto;
}
.cOrKLu,
.ccSYht,
.dXFIAi,
.fHSlag {
    max-width: 100%;
}
.credit_card_form_container {
    width: 100%;
    min-width: 100%;
    height: auto;
    padding: 10px 0;
    margin-top: -10px;
    border-top: none;
}
.StripeElement {
    box-sizing: border-box;
    height: 50px;
    padding: 15px 12px;
    border: 1px solid #d7d7d9;
    border-radius: 4px;
    background-color: #f9f9f9;
    -webkit-transition: box-shadow 150ms;
    transition: box-shadow 150ms;
    margin-top: 10px;
}
.stripe img.stripe_payment_icons {
    height: 35px;
}
.stripe {
    min-height: 320px;
    position: relative;
    padding: 20px;
}
#card-button {
    background: #283f59;
    padding: 10px 10px 11px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    float: left;
    letter-spacing: 0.4px;
    font-size: 12px;
    color: #fff !important;
    font-weight: 500 !important;
    cursor: pointer;
    border: 0;
    margin-top: 15px;
    position: relative;
    z-index: 1;
}
.stripe span {
    position: absolute;
    bottom: 5px;
    left: 20px;
    font-size: 12px;
    color: #999;
}
.stripe span p {
    padding: 0;
    margin-top: 10px;
}
.cycle {
    background: #f6f8f9;
    border: 0 solid rgba(55, 63, 67, 0.125);
    padding: 5px 0;
    border-radius: 5px;
    vertical-align: middle;
    font-weight: 400;
    color: #49545a;
}
.monthly_data,
.yearly_data,
table.price_td {
    background: #f2f4fd;
}
.price-bg,
tr.table-tr td {
    border-bottom: 1px solid #c7cdd1;
}
.cycle a.selected {
    background: #d8dcdf;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
}
label.bar_bg {
    padding: 15px 15px 25px;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}
td.table-plan-price.table-plane-text.text-right {
    background: #f2f4fd !important;
}
table.price_td {
    width: 100%;
}
.price-bg {
    background: #f6f8f9;
    border-top: 1px solid #c7cdd1;
}
.price_td td,
.price_td th {
    padding: 14px;
}
.price_td th,
.price_td tr {
    padding: 13px;
}
.btn-default {
    background-color: #fff;
    color: #5c6870;
    font-weight: 300;
    border: 1px solid #c7cdd1;
    padding: 5px;
}
.cycle a.yearly {
    margin-left: 4px;
    padding-right: 6px;
}
input.radio-btn {
    width: auto !important;
    margin-right: 3px;
}
table#pltnm-support {
    margin: 50px 0;
}
.support-btn {
    margin-top: 40px;
}
.card,
.sidebar {
    margin-top: 20px;
}
a.platinum-btn {
    background: #e97c2a;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 2px;
    font-size: 16px;
}
.header_banner span:before {
    font-family: Linearicons;
    font-size: 18px;
    margin-right: 20px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: grayscale;
    content: "\e8aa";
    border: none;
    padding: 0;
    font-weight: 400;
    position: absolute;
    margin-left: -23px;
    margin-top: -2px;
}
body.has_legacy_banner nav.header {
    top: 31px;
}
body.has_legacy_banner section.hero {
    padding-top: 151px;
}
.prettyprint {
    background: #1d1f21;
    font-family: Menlo, Bitstream Vera Sans Mono, DejaVu Sans Mono, Monaco,
        Consolas, monospace;
    border: 0 !important;
}
.pln {
    color: #eaeaea !important;
}
.xml .com,
.xml .kwd,
.xml .pln,
.xml .pun {
    color: #ffce54 !important;
}
ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #969896;
}
li.L0,
li.L1,
li.L2,
li.L3,
li.L4,
li.L5,
li.L6,
li.L7,
li.L8,
li.L9 {
    padding-left: 1em;
    background-color: #1d1f21;
    list-style-type: decimal;
}
.onsite_popup_overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    border: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
}
.box,
.card {
    background-color: #ebeff4;
}
.onsite_popup {
    position: fixed;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    z-index: 9999999999999999999999999999;
}
.onsite_popup section {
    width: 400px;
    height: auto;
    background: #fff;
    top: 0;
    display: block;
    font-size: 14px;
    border-radius: 5px;
    margin-top: 10%;
    color: #333;
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 6px rgba(50, 50, 93, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2);
}
.onsite_popup .onsite_popup_header {
    height: 50px;
    padding: 5px 15px;
    background: rgba(0, 0, 0, 0.1);
}
.rightcolumn,
.rightcolumn.blog-space {
    padding-left: 50px;
}
.onsite_popup .onsite_popup_header h1 {
    font-size: 20px;
    line-height: normal;
    margin: 5px 0 0;
    display: inline-block;
}
.onsite_popup .onsite_popup_header a {
    position: absolute;
    right: 15px;
    padding: 7px;
    border-radius: 3px;
    color: #333;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    top: 10px;
    background: rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.onsite_popup ul {
    margin: 20px 0;
}
section.preapp h1,
section.preapp h2 {
    margin-bottom: 35px;
    letter-spacing: -1px;
}
.leftcolumn {
    float: left;
    width: 25% !important;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 10px;
    height: fit-content;
    width: -webkit-fill-available;
}
.sidebar {
    width: 300px;
}
.rightcolumn {
    float: left;
    width: 75%;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.faq-top-space,
div#blog_more,
p.testimonial_bottom_space {
    margin-bottom: 50px;
}
.blog-row {
    margin-right: 200px;
    margin-left: -200px;
}
.bg-inline-row,
.blog-content-row,
.quickstart-btn,
.tab-main-content,
ul.inline_feature {
    display: inline-flex;
}
.card,
section.presentation-text .side {
    display: inline-block;
    border-radius: 5px;
}
section.blog {
    padding: 100px 0 40px;
    background-color: #fff;
}
.card {
    width: 49%;
    padding: 20px;
    color: #283f59;
}
.card h3 {
    font-size: 20px;
    line-height: 25px;
    color: #283f59;
}
.card a {
    color: #6881a9;
}
h2.sidebar-post {
    color: #0b26d8;
    padding: 0 20px;
    margin-bottom: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 20px;
    text-transform: uppercase;
}
.sidebar {
    border-radius: 5px;
}
.br-link {
    margin-top: 30px;
    float: right;
    text-align-last: end;
    text-transform: uppercase;
}
section.breadcrumbs {
    background: #283f59;
    color: #fff;
    margin-top: -30px;
    margin-bottom: 30px;
    padding: 20px;
    text-transform: uppercase;
}
@media screen and (max-width: 800px) {
    h1.hero_sec_heading {
        font-size: 18px;
        font-weight: 400 !important;
    }
    footer,
    h3.hero_sec_text {
        font-size: 15px;
    }
    section.customers ul {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        padding: 0 50px 0 30px;
    }
    .hero .inline {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 0;
        text-align: center;
    }
    .header_banner span:before,
    .hero .codebox,
    .ipchecker,
    footer ul li.empty,
    section.about img,
    section.affiliates .container table td span:before,
    section.faq ul li .q:before,
    section.faq.large ul li.empty,
    section.hero .container h4 br,
    section.presentation .side > h3:before,
    section.pricing_content .container .plan .features h4.empty,
    section.pricing_content .container .plan .footer,
    section.pricing_header h6 span,
    section.sitemap {
        display: none;
    }
    .container,
    .container.custom-container ul,
    section.contact_form form fieldset.alerts,
    section.faq.large ul li {
        width: 100%;
    }
    section.presentation {
        padding: 15px 0 65px;
        background-size: 100%, cover;
    }
    section.presentation .side {
        width: 100%;
        margin: 0 !important;
    }
    section.presentation .side.right {
        margin-top: 15px !important;
    }
    footer ul,
    section.cta .button,
    section.cta span {
        display: block;
        width: 100%;
    }
    section.cta span {
        max-width: 350px;
        margin: 0 auto;
    }
    section.cta span > span {
        display: inline;
        margin: 0;
    }
    section.cta .button {
        margin: 20px 0 0 !important;
        display: inline-block;
        width: auto;
        float: none;
    }
    section.cta .button.docs {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    footer {
        padding: 20px 0;
    }
    footer ul li {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        border-radius: 0;
        background: rgba(0, 0, 0, 0.05);
        border: 1px solid rgba(0, 0, 0, 0.05);
        margin-top: -1px;
    }
    footer ul li.heading {
        margin-bottom: 0;
        margin-top: 10px;
        background: #8a94a3;
        color: #fff;
        border-bottom: 0;
    }
    footer .right_side {
        margin: 30px auto 0;
        text-align: center;
    }
    footer p {
        line-height: normal;
    }
    .header .mobile_menu_icon,
    .show_mobile,
    section.preapp.login p.join a,
    ul.main-menu.open {
        display: block;
    }
    .header ul.main-menu,
    .header ul.submenu {
        display: none;
        background: #fff;
        margin: 0;
        left: 0;
        top: 70px;
        border-bottom: 2px solid #d7d7d9;
        width: 100%;
        float: none;
        color: #333;
    }
    .header .mobile_menu_icon:before {
        position: absolute;
        top: 11px;
        right: 0;
        background-size: 100% 100% !important;
        margin-bottom: 5px;
        font-family: Linearicons;
        font-size: 30px;
        margin-right: 20px;
        vertical-align: middle;
        display: inline-block;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: grayscale;
        color: #fff;
        content: "\e92b";
    }
    .header.light .mobile_menu_icon:before,
    section.pricing_content .container .plan.marked .heading .button,
    section.pricing_content .container .plan.professional .heading .button {
        color: #fff;
    }
    .header ul.main-menu {
        position: absolute;
    }
    .submenu {
        box-shadow: none;
    }
    .header ul.submenu {
        position: static;
        border-top: 1px solid rgba(0, 0, 0, 0.2);
    }
    ul.main-menu li.open > ul.submenu {
        display: block !important;
    }
    .dropdown:hover .submenu {
        display: none !important;
    }
    .header ul > li > a {
        color: #333;
        margin: 5px 0 !important;
        padding-left: 20px !important;
    }
    .header ul > li {
        display: block;
        float: none;
        width: 100%;
        padding-left: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    }
    .header ul > li > ul.submenu li {
        border-bottom: none;
    }
    .header ul > li:last-child {
        border-bottom: 0;
    }
    .header ul > li.status > a:before {
        margin-left: 6px;
    }
    .header ul > li.status > a {
        padding: 0 7px 1px;
    }
    .header ul > li.action > a {
        padding: 0;
        background: 0 0;
        color: #333;
    }
    .header ul > li.action.cta > a {
        margin: 10px !important;
        border-radius: 0;
        padding: 6px;
        background: #e97c2a !important;
        color: #fff !important;
    }
    section.hero .container h4 {
        max-width: 550px;
        margin: 0 auto;
    }
    section.hero .container .button {
        width: 150px;
    }
    section.pricing_content .container .plan {
        width: 100%;
        display: block;
        max-width: 300px;
        margin: 0 auto 15px;
        box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11),
            0 1px 3px rgba(0, 0, 0, 0.08);
    }
    section.pricing_header {
        padding-top: 75px;
        padding-bottom: 50px;
        background: #1a4164;
    }
    section.about img + h5,
    section.pricing_header .container h2 {
        margin-left: 0;
    }
    section.pricing_content .container .plan .features {
        margin-top: 0;
        border: 0;
        margin-right: 0;
        padding: 10px 0;
        color: #fff;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 0 0 5px 5px;
    }
    section.pricing_content .container .plan .heading .button {
        color: #787c81;
        background: #d6dbe3;
    }
    section.pricing_content .container .plan .features h4 {
        padding: 0 20px;
        color: #fff;
        width: 215px;
        margin: 10px auto;
    }
    section.pricing_content .container .plan.marked {
        width: 100%;
        top: 0;
    }
    section.pricing_content .container .plan.marked .features {
        background: 0 0;
    }
    section.pricing_content {
        padding-bottom: 20px;
        background: #1a4164;
    }
    section.faq ul {
        margin: 0 0 20px;
    }
    section.faq ul li {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    section.faq {
        padding: 20px 10px;
    }
    section.faq ul + span {
        margin-bottom: 20px;
        margin-right: 0;
    }
    section.faq .button {
        margin-bottom: 10px;
    }
    section.faq.large ul {
        padding: 0 10px;
    }
    section.contact p a {
        margin: 10px 0 0;
    }
    section.documentation .content,
    section.documentation .sidebar {
        float: none;
        width: 100%;
    }
    .header.dark_bg ul > li.go_to_dashboard > a {
        border: none;
        top: 0;
    }
    section.contact_form form fieldset {
        float: none;
        width: 100%;
        display: block;
    }
    section.contact_form form fieldset.info {
        width: 100%;
        top: unset;
        margin: 20px 0 0;
    }
    section.faq.no_cta ul + p {
        text-align: left;
        line-height: normal;
    }
    section.hero_small p {
        width: 100%;
        margin-bottom: 0;
        margin-top: 20px;
    }
    section.preapp form fieldset,
    section.preapp.login form fieldset {
        width: 100%;
        max-width: 350px;
    }
    section.preapp form fieldset.captcha .line.checkboxes label {
        float: none;
        width: auto;
    }
    body.has_legacy_banner .header_banner {
        white-space: nowrap;
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
        overflow-x: scroll;
    }
    body.has_legacy_banner section.hero {
        padding-top: 75px;
    }
    section.documentation .doc_section pre a.run {
        position: relative;
        display: block;
        right: 0;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 15px;
    }
    section.documentation .content .doc_section table.response_objects {
        overflow: scroll;
        white-space: nowrap;
        display: block;
    }
    .scroll_notice {
        color: green;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        display: block;
    }
    section.hero {
        padding-top: 100px;
        padding-bottom: 180px;
    }
    section.modules,
    section.stats {
        padding-bottom: 20px;
    }
    section.modules .module .box {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    section.modules .module p {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }
    section.modules .module {
        width: 100%;
        border-radius: 0;
        margin-bottom: 0;
    }
    .header.light ul > li.action > a,
    section.presentation .side {
        box-shadow: none;
        background: 0 0;
        color: #fff;
    }
    section.stats {
        background: #7490af;
    }
    section.faq:not(.large):not(.on_contact) ul:before {
        top: unset;
        left: unset;
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        display: block;
        border: none;
        text-align: left;
    }
    section.faq:not(.large):not(.on_contact) {
        padding-top: 30px;
    }
    .header.light ul > li > a {
        color: #333;
    }
    section.affiliates .container ul {
        padding: 0;
        list-style: none;
    }
    .container.custom-container {
        display: block;
        justify-content: center;
    }
    .footer-logo {
        justify-content: center;
    }
    .new-logo {
        max-width: 100%;
        margin: 0 auto 20px;
    }
    .container.custom-container:last-of-type {
        padding-top: 0;
    }
    .right_side.copyright-section {
        width: 100%;
        padding: 10px 0;
    }
}
pre.pretty-blog {
    max-height: 450px;
}
pre.prettyprint span.primary-color {
    color: #b5b5b5;
}
pre.prettyprint span.secoundary-color {
    color: #586d4c;
}
pre.prettyprint span.third-color {
    color: #b86f31;
}
section.article h2 {
    font-weight: 700;
    font-size: 20px;
    color: #333;
}
section.article p,
ul.blog-list li,
ul.ipstack_blog_bullets li {
    font-size: 15px;
    color: #333;
}
section.blog-post .container h1 {
    font-weight: 700;
    font-size: 30px;
    color: #333;
}
.br-title h1,
a.api-request-btn span.pln,
a.api-request-btn span.typ {
    color: #fff !important;
}
.blog-pagination {
    margin-top: 50px;
}
a.blog-next,
a.blog-previous {
    margin: 10px;
}
.copyright-link {
    margin-top: 70px;
    margin-bottom: 15px;
    color: #fff;
}
.copyright-text {
    color: #fff;
    font-size: 12px;
}
.copyright-text a {
    color: #fff;
}
.social-logo {
    margin-left: 5px;
    margin-right: 5px;
}
.social-links {
    display: flex;
    margin-top: 30px;
}
.button-more {
    text-align: right;
    margin-top: 50px;
    margin-right: 200px;
}
.related_blogs {
    display: flex;
    overflow: auto;
}
.box {
    padding: 10px;
    border-radius: 5px;
}
.popup,
.related_block {
    padding: 20px;
}
h2.related_title {
    color: #333;
    margin-left: 20px;
}
span.align-top {
    font-size: 14px !important;
    vertical-align: super;
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}
.accordion .label::before,
.nav,
.owl-nav {
    transform: translateY(-50%);
}
a.apilayer-support {
    cursor: pointer;
}
section.customers_logo {
    padding: 80px 0 0;
}
p.most_popular {
    color: #fff !important;
    background: #e97c2a !important;
    padding: 0;
    margin: auto !important;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
p.btm_space {
    margin-top: 4px;
}
section.pricing_content .container .enterprise-bg-color .btm_space_features {
    margin-top: 18px !important;
}
p.logo-text {
    font-weight: 700;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif;
    color: #000;
}
section.presentation-text .side {
    width: 715px;
    line-height: normal;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px 25px;
    margin: 0 auto;
    text-align: left;
    font-size: 13px;
}
section.tab-button,
section.visitors {
    background-color: #fff;
    padding: 20px 0 50px;
}
.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #f4f6f8;
    border-bottom: none;
    border-top: 3px solid #dce2e8;
    border-right: 3px solid #dce2e8;
    border-left: 3px solid #dce2e8;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.tabs li {
    margin: 0;
    padding: 10px 20px 5px;
    cursor: pointer;
    font-size: 1.2em;
    line-height: 2em;
    color: #fff;
    width: 20%;
}
.banner-images-inline,
.ip-banner-inline,
.ip-banner-top-inline,
.trusted-box,
ul.tabs {
    display: flex;
}
.tabs li.current {
    background: #ebeff4;
    color: #fff;
}
.tab-content {
    display: none;
    background: #fff;
    padding: 20px 40px;
    border: 3px solid #dce2e8;
    line-height: 1.4;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
h6.hidden-color,
p.hidden-color,
p.hidden-color-basic,
p.hidden-color-professional-plus,
p.most-popular-hide {
    color: transparent !important;
}
.ipstack-tab-content.ipstack-current,
.tab-content.current {
    display: inherit;
}
.banner-logo-images,
.banner-text,
.details-tab-img,
.ip-banner-img,
.tab-img,
.tab-title,
.trusted-img-sec,
.trusted-text-sec {
    width: 50%;
}
h2.tab_hedaing,
p.tab_hedaing {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    margin-top: 50px;
}
p.tab_des {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
p.tab-nav {
    color: #3f3c3c;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
}
p.tab-heading,
h3.visitor-des,
h2.visitor-heading {
    text-align: center;
    color: #000;
}
p.tab-heading {
    padding: 0 0 10px;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 50px;
}
section.pricing_content {
    padding-bottom: 10px;
}
h2.visitor-heading {
    padding: 50px 0 10px;
    font-weight: 600;
    font-size: 30px;
    line-height: 1.5em;
}
h3.visitor-des {
    font-size: 15px;
}
.inline_hero_img {
    display: inline-block;
    width: 500px;
    height: 450px;
    float: right;
    overflow: hidden;
    margin-top: -70px;
    text-align: right;
}
.testimonials-card,
.trusted-inline {
    display: flex;
    margin-top: 50px;
}
.review-card {
    width: 33.333%;
    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
}
section.review {
    padding: 70px 0 150px;
    background-color: #f3f5f7;
}
p.review-heading {
    font-weight: 700;
    font-size: 20px;
    color: #333;
    padding: 30px 20px 0;
}
p.review-des {
    font-size: 15px;
    color: #333;
    padding: 0 20px 10px;
    font-weight: 600;
}
p.review-text {
    font-size: 14px;
    color: #333;
    padding: 0 20px;
}
a.review-button,
a.review-button-secoundary {
    padding: 15px 30px;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
}
a.review-button {
    background-color: #fff;
    color: #0b26d8;
    border-radius: 50px;
    border: 2px solid;
}
a.review-button-secoundary {
    background-color: #0b26d8;
    color: #fff;
    border-radius: 50px;
    margin-left: 10px;
    border: 2px solid #0b26d8;
}
.review-cta {
    text-align: center;
    margin-top: 70px;
    padding-bottom: 70px;
}
.home_pricing_header {
    background: #fff !important;
}
.basic-bg-color,
.free-bg-color,
.professional_plus-bg-color,
.starter-bg-color {
    background: #fff;
    border: 1px solid #e97c2a;
}
.enterprise-bg-color {
    background: #eceefc !important;
    border-radius: 30px !important;
}
p.bold_text {
    font-weight: 600;
    margin-top: 3px;
}
a.customize_button {
    border: 2px solid #0b26d8;
    border-radius: 50px;
    color: #0b26d8;
    text-decoration: none;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif;
}
a.customize_white_button {
    background: #e97c2a;
    border: 2px solid #e97c2a;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif;
}
section.pricing_content .container .des_clr h3,
section.pricing_content .container .professional_text h3 {
    font-size: 25px;
    line-height: 25px;
    color: #333;
    font-weight: 600;
}
section.pricing_content .container .des_clr h6,
section.pricing_content .container .professional_text h6 {
    font-size: 13px;
    font-weight: 500;
    color: #333;
}
section.pricing_content .container .plan_description .features h4 {
    font-size: 14px;
    line-height: 25px;
    color: #333 !important;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 0;
}
section.pricing_content .container .plan_professional_description .features h4 {
    font-size: 14px;
    line-height: 25px;
    color: #333;
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 0;
}
section.home_pricing_header .container .freq_changer {
    background-color: #e6e6e6;
    border-radius: 50px;
}
section.home_pricing_header .container input:checked + .freq_changer {
    background-color: #e6e6e6;
}
section.home_pricing_header .container .freq_changer:before {
    background-color: #0b26d8;
    border-radius: 50px;
}
section.pricing_content .container .basic-bg-color .features,
section.pricing_content .container .free-bg-color .features,
section.pricing_content .container .professional-bg-color .features {
    border-right: none;
}
section.pricing_content .container .professional-bg-color {
    border-radius: 30px;
    border-color: #e97c2a !important;
    border: 1px solid;
}
section.pricing_content .container .basic-bg-color,
section.pricing_content .container .free-bg-color,
section.pricing_content .container .professional_plus-bg-color,
section.pricing_content .container .starter-bg-color {
    border-radius: 30px;
}
p.hide_color {
    color: #f5f9ff !important;
}
section.pricing_content .container .professional-bg-color .heading {
    background: #fff !important;
    border-top-right-radius: 30px !important;
    border-top-left-radius: 30px !important;
}
section.presentation .side.left > h3.pre_side:before {
    content: "\e886";
    display: none;
}
p.pre_side_text {
    font-size: 19px !important;
    width: 90%;
    font-weight: 600;
}
h3.pre_side {
    font-size: 22px !important;
    font-weight: 800;
}
.box-text,
p.feature_text {
    width: 55%;
}
li.feature_length {
    width: 60%;
}
.footer_bg_color ul li.heading_bg {
    color: #1a4164;
    font-weight: 700;
    font-size: 16px;
}
.footer_bg_color {
    background-color: #fff;
}
.leftcoulmn-blog,
.rightcoulmn-blog {
    background: #f2f4fd;
    margin-top: 50px;
}
.copyright-link-footer,
.copyright-link-footer a,
.copyright-text-footer,
.footer_bg_color ul li a {
    color: #1a4164;
}
.copyright-text-footer a {
    color: #1a4164;
    text-decoration: none;
}
p.newsletter_text {
    border-top: none;
    margin: auto;
    padding: inherit;
    color: #1a4164;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
}
form.footer_newsletter {
    margin-top: 10px;
    display: flex;
    border: 2px solid #1a4164;
    border-radius: 50px;
    padding: 5px;
    width: 200px;
}
input.email-field {
    border: none;
    width: 100%;
}
input.email-field::placeholder {
    color: #000;
}
input.signup-field {
    width: 100%;
    border: 1px solid #1a4164;
    padding: 3px 7px 4px;
    border-radius: 50px;
    background-color: #1a4164;
    color: #fff;
}
.checker-img img {
    position: relative;
    top: 60px;
    z-index: 1;
    margin-left: 45px;
}
.ipchecker .i_header input[type="text"] {
    font-family: inherit;
    font-size: 15px;
    line-height: 27px;
    border-radius: 50px;
    transition: box-shadow 0.2s;
    position: relative;
    color: #fff;
    background: #1a4164;
    display: inline-block;
    border: 1px solid #1a4164;
    padding: 2px 10px 3px 31px;
    width: 340px;
}
.ipchecker .i_header label {
    padding: 7px 9px;
    color: #fff;
    background: #e97c2a;
    border: 1px solid #e97c2a;
    border-radius: 50px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}
.rightcoulmn-blog,
img.blog-main-img {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.ipchecker .i_header > div:before {
    font-family: Linearicons;
    font-size: 17px;
    display: inline-block;
    content: "\e77a";
    top: 5px;
    left: 7px;
    z-index: 1;
    position: absolute;
    color: #fff;
}
.ipchecker .i_body {
    padding: 20px 15px;
    font-family: Source Code Pro, monospace;
    max-height: 350px;
    overflow: scroll;
    background-color: #e8ecef;
}
.ipchecker .i_body .rows {
    padding: 5px 0;
    background-color: #fff;
    border-radius: 10px;
}
.ipchecker .i_header {
    width: 100%;
    height: 60px;
    background: #e8ecef;
    padding: 20px 10px 0;
    text-align: center;
}
.ipchecker .i_body .rows .row i {
    width: 10px;
    height: 10px;
    display: inline-block;
    float: left;
    position: relative;
    left: unset;
    top: 6px;
}
img.inline_img {
    margin-left: 100px;
}
.checker-img-test {
    display: inline-flex;
    margin-top: 50px;
    margin-bottom: 100px;
}
.social-links-index {
    display: flex;
    margin-top: 25px;
    margin-bottom: 40px;
}
.right_side.copyright-section-index {
    width: 30%;
}
.accordion,
.box-text p,
.ipstack-tabs p,
.trusted-text-sec h3,
.trusted-text-sec ul, 
.trusted-text-sec p, 
a.read-more-btn {
    color: #000;
}

.trusted-text-sec h3 {
    font-size: 16px;
    line-height: 1.5;
}
.leftcoulmn-blog {
    padding-left: 200px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-right: 10px;
    height: fit-content;
    width: 35%;
}
.rightcoulmn-blog {
    padding-left: 50px;
    margin-left: 200px;
    width: 65%;
}
.feature-blog-text {
    margin-left: 20px;
    margin-right: 20px;
}
.blog_cards {
    display: inline-flex;
    width: 100%;
    border-radius: 30px;
    padding: unset;
    background: #fff;
}
.br-link-text {
    color: #0b26d8;
    padding: 0 20px;
}
h3.post_title {
    font-weight: 600;
    margin-top: 40px;
}
h2.blog-sidebar-content-post,
h2.blog-sidebar-post {
    color: #0b26d8;
    padding: 0 20px 0 0;
    margin-bottom: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 20px;
    font-weight: 600;
}
.sidebar ul li::marker {
    color: #0b26d8;
    font-size: 15px;
}
.blog-main-posts {
    padding: 10px 20px 20px 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
a.more-btn {
    background: #0b26d8;
    padding: 10px 40px;
    color: #fff;
    border: 1px solid #0b26d8;
    border-radius: 50px;
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
}
img.rightcolumn-top-img {
    margin-top: -70px;
    margin-left: 450px;
}
.leftcolumn-blog-content {
    margin-top: 50px;
    padding-left: 120px;
    background: #f2f4fd;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    width: 35%;
}
.content-blog-posts {
    padding: 10px 50px 20px 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.rightcolumn-blog-content {
    margin-top: 150px;
    margin-bottom: 100px;
    margin-left: -130px;
    width: 65%;
    background: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding: 0 50px 50px;
}
p.author-date-content {
    color: #283f59;
}
h1.article-heading {
    color: #000;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 20px;
}
.blog-content-article p {
    text-align: justify;
}
section.top-header-space {
    padding-top: 150px !important;
}
section.pricing-content-bottom {
    padding-bottom: 100px;
}
p.testimonial-title {
    color: #111;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    margin-top: 4px;
}
p.testimonial-text {
    color: #000;
    font-size: 15px;
    font-weight: 600;
}
p.testimonial-des {
    color: #111;
    line-height: 1.6;
    font-size: 16px;
}
.testimonial-img img {
    float: left;
    margin-right: 12px;
    border-radius: 50%;
    margin-top: 3px;
}
p.author-name {
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.fHSlag {
    display: flex;
    flex-wrap: nowrap;
}
.gzevtd,
.gzevtd * {
    box-sizing: border-box !important;
    outline: 0 !important;
}
.cirrmE .swiper {
    margin-left: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.gzevtd {
    position: relative;
    width: 100%;
    -webkit-font-smoothing: antialiased;
}
.gHMJig {
    font-size: inherit;
    color: inherit;
    text-align: inherit;
    font-weight: 700;
}
.igrTNK {
    width: 100%;
    line-height: 1.4;
    color: #111;
    font-size: 16px;
    text-align: left;
}
.RmrUb svg {
    background: 0 0;
}
.iXGAkL img,
.iXGAkL svg {
    display: block;
    object-fit: contain;
    height: 32px;
}
svg:not(:root) {
    overflow: hidden;
}
.dXFIAi {
    color: inherit;
    text-decoration: none;
    position: static !important;
    border: none !important;
}
.jFKnnr,
a.quickstart-docs-btn {
    text-decoration: none !important;
}
span.checked-color {
    color: #fcbf02;
    font-size: 20px;
}
.cptvNA::after {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    box-shadow: rgba(17, 17, 17, 0.1) 0 0 2px inset;
}
.ccSYht {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
}
.jGSija {
    display: inline;
    cursor: default;
}
.cOrKLu,
.dsCEWT,
.jFKnnr {
    display: flex;
}
.cOrKLu {
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    min-width: 0;
}
.fPCDkg {
    margin-top: 12px;
}
.jFKnnr {
    font-size: 12px;
    -webkit-box-align: center;
    align-items: center;
}
.bLHpzR {
    margin-bottom: 6px;
}
.dsCEWT {
    -webkit-box-align: center;
    align-items: center;
}
p.author-date {
    color: #111;
    font-size: 12px;
    margin-top: -22px;
}
.horizontal-tab-box-img,
.login-right-img {
    text-align: right;
}
section.preapp {
    padding-top: 100px;
    padding-bottom: 40px;
    background: 0 0 / contain #fff;
    color: #000;
}
.preapp-login-form {
    background: #f2f4fd;
    width: 650px;
    border-radius: 30px;
    padding-top: 50px;
    padding-bottom: 50px;
}
.forgot_password {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}
section.contact_form form fieldset .line input,
section.preapp form fieldset .line input {
    border-radius: 50px;
    border: 1px solid #1a4164;
    padding: 10px 7px;
    width: 100%;
    color: #333;
}
section.preapp.login form fieldset label.submit {
    padding: 7px 40px 10px;
    font-weight: 700;
    text-align: center;
    width: 50%;
    border-radius: 50px;
}
.login_button {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 5px;
}
section.preapp form fieldset.captcha label.submit.enabled,
section.preapp.login form fieldset label.submit {
    background: #0b26d8;
    pointer-events: all;
    cursor: pointer;
    color: #fff;
}
.login_join {
    margin-top: 50px;
    padding-top: 70px;
    padding-bottom: 70px;
    background: url(../ipstack_images/Icon-location-man.png) bottom
        right/contain no-repeat #f9f9f9;
}
section.preapp.forgot,
section.preapp.login {
    padding-bottom: 100px;
    padding-top: 120px;
}
section.preapp h2 {
    text-align: center;
    margin-top: 10px;
    font-weight: 400;
}
section.preapp h1 {
    text-align: center;
    margin-top: 10px;
}
section.hero_small h2,
section.hero_small p {
    width: 700px;
    margin: 0 auto 20px;
    line-height: 22px;
}
section.preapp.login p.join {
    text-align: center;
    margin-top: 10px;
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif;
    letter-spacing: -0.1px;
}
section.preapp.login p.join a {
    background: #d5d9f4;
    color: #0b26d8;
    text-transform: capitalize;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    margin-left: 5px;
    border: 2px solid #0b26d8;
}
section.contact_form form fieldset label.submit,
section.preapp.forgot form fieldset label.submit {
    padding: 7px 20px 10px;
    font-weight: 700;
    background: #0b26d8;
    cursor: pointer;
    pointer-events: all;
    text-align: center;
    margin-top: 20px;
    border-radius: 50px;
    color: #fff;
}
.forgot_submit_button {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 25px;
}
section.preapp form fieldset {
    border: 0;
    margin: 0 auto 15px;
    border-radius: 3px;
    width: 560px;
    padding: 0;
    overflow: hidden;
}
.documentation-sidebar {
    width: 25%;
    padding-left: 120px;
    background: #f2f4fd;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    height: fit-content;
    padding-bottom: 45px;
}
.documentation-sidebar-list {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
}
.documentation-content {
    width: 75%;
    color: #283f59;
    margin-right: 190px;
    margin-left: 70px;
    margin-top: 25px;
}
section.documentation .sidebar ul {
    margin: 0 0 20px;
    border-radius: 5px;
    overflow: hidden;
}
section.documentation-sec {
    display: inline-flex;
    width: 100%;
}
section.documentation .sidebar ul li.heading {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 700;
    text-align: left;
    margin: 20px 0 0;
    color: #0b26d8;
    padding: 0 10px;
    line-height: 25px;
}
section.documentation .sidebar ul li a {
    display: block;
    padding: 10px;
}
section.documentation .content .doc_section {
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px 0 35px;
}
a.quickstart-docs-btn {
    margin-left: 100px;
    background: #d5d9f4 !important;
    color: #0b26d8 !important;
    font-weight: 700 !important;
    padding: 10px !important;
    border-radius: 50px !important;
    border: 2px solid #0b26d8;
    margin-bottom: 5px !important;
    display: block;
    width: 200px !important;
    text-align: center !important;
}
.pretty-sec {
    border: 2px solid #bcbcbc;
    padding: 50px;
    border-radius: 30px;
}
pre.prettyprint_block {
    background: #fcfcfc !important;
    overflow-x: hidden !important;
    padding: 20px !important;
    border-radius: 20px !important;
}
a.api-request-btn {
    background: #0b26d8 !important;
    border-radius: 50px !important;
    padding: 10px 20px !important;
}
.orange-text span.pln,
.orange-text span.pun,
.orange-text span.str,
pre.orange-text span.pun,
pre.orange-text span.str,
span.orange-text span.pln,
span.orange-text span.pun {
    color: #474646 !important;
}
.orange-text span.com {
    color: #707070 !important;
}
section.contact-documentation {
    background: #f9f9f9;
    padding: 10px 0 40px;
}
section.container-bg-img {
    padding: 50px;
    background: url(../ipstack_images/Icon-location-man.png) bottom
        right/contain no-repeat #f9f9f9;
}
p.docs-contact-text {
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif !important;
    font-size: 20px;
}
.header_index ul > li > a,
a.cont-btn,
h1.faq-title,
section.hero_small h2,
section.hero_small p {
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif;
}
a.cont-btn {
    background: #0b26d8;
    border-radius: 50px;
    padding: 13px 20px !important;
    height: unset !important;
    text-transform: capitalize;
}
img.any-qst-btm-right-img,
img.any-qst-right-img {
    height: 300px;
    position: absolute;
}
.doc_section_one {
    border-bottom: 2px solid #bcbcbc;
}
td.td-billing,
th.th-billing {
    border: 1px solid #ddd;
    padding: 8px;
}
table.billing-table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0 40px;
}
img.any-qst-btm-right-img {
    margin-top: -200px;
}
#ipstack-tabs-group,
.faq-bottom-space,
.trusted-btn,
h1.faq-title {
    margin-top: 50px;
}
.top-image-faq img {
    position: absolute;
    top: -80px;
    right: -50px;
}
section.hero_small {
    padding-top: 80px;
    padding-bottom: 10px;
    background-size: cover;
    color: #000;
    text-align: center;
}
h1.faq-title {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
}
section.hero_small p {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}
section.hero_small h2 {
    text-align: center;
    font-size: 16px !important;
    font-weight: 300;
}
a.faq-cta-blue-btn {
    background: #0b26d8 !important;
    color: #fff !important;
}
p.faq-text-btn {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    padding: 25px 0;
}

.hover-underline:hover {
    text-decoration: underline !important;
}

.faq-bottom-space {
    margin-top: 50px;
}
.faq-top-space {
    margin-bottom: 50px;
}

section.faq {
    padding: 50px 0;
    background: #fff;
    margin-top: -1px;
}
.accordion .label {
    position: relative;
    padding: 10px 0;
    font-size: 18px;
    color: #0b26d8;
    cursor: pointer;
    text-align: left;
}
.accordion .label::before {
    content: "+";
    color: #0b26d8;
    position: absolute;
    top: 50%;
    right: -5px;
    font-size: 30px;
}
.accordion .content {
    position: relative;
    height: 0;
    font-size: 18px;
    text-align: justify;
    overflow: hidden;
    transition: 0.5s;
}
.accordion hr {
    width: 100;
    margin-left: 0;
    border: 1px solid grey;
}
.accordion .container_box.active .content {
    height: auto;
    width: 1000px;
}
.accordion .container_box.active .label::before {
    content: "-";
    font-size: 30px;
}
.faq-block {
    border: 3px solid #dce2e8;
    border-radius: 15px;
    padding-bottom: 20px;
    padding-top: 20px;
}
#classes-of-private-ip-address ul.listing li:first-child,
.container_box {
    padding-top: 10px;
}
.container_box {
    padding-left: 40px;
    padding-right: 40px;
}
h1.faq_head {
    text-align: left;
    padding-left: 40px;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px;
}
section.preapp form fieldset > span {
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    padding: 5px 10px;
    font-size: 15px;
}
a.sitemap-btn {
    background: #d5d9f4 !important;
    color: #0b26d8;
    text-transform: capitalize;
    padding: 8px 20px !important;
    font-size: 13px;
    font-weight: 700;
    border: 2px solid #0b26d8;
    border-radius: 50px;
}

.ipstack-tabs h2,
.trusted-text-sec h2,
h1.logo_head,
h2.logo_head, 
.box-text h2 {
    color: #000;
    font-weight: 600;
}

.box-text ul {
    color: #000;
}


.box-text h3 , .ipstack-tabs h3, .is-info h3{
    font-size: 16px;
    line-height: 1.5;
        color: #000;
}


p.sitmap-text {
    font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial,
        sans-serif !important;
}
.bg-g2-banner {
    background: #f7f7f7;
    border-radius: 50px;
}
.leader-banner {
    display: flex;
    padding: 25px;
}
#classes-of-private-ip-address ul.listing,
.ipstack-tabs {
    padding: 0;
    list-style: none;
}
h1.logo_head,
h2.logo_head {
    margin: 15px 0 10px;
    font-size: 30px;
    line-height: 1.1;
}
.banner-text h3 {
    color: #000;
    font-size: 20px;
    line-height: 1.5;
}
.trusted-text-sec h2 {
    line-height: 1.1;
}
button#myBtn {
    background: #fff;
    border: 2px solid #0b26d8;
    border-radius: 50px;
    padding: 5px 20px;
    color: #0b26d8;
    font-weight: 600;
    margin-bottom: 50px;
}
section.trusted-bg {
    background: #f7f7f7;
    padding: 50px 0 80px;
}
.logo_inline_img {
    margin: 15px 10px 0;
}
.box-img {
    width: 45%;
}

section.ip-tabs {
    background: #fff;
    padding: 10px 0 50px;
}
.ipstack-tabs {
    margin: 0;
    border: 0 !important;
    background: #fff !important;
}
.ipstack-tabs li {
    display: inline-block;
    margin: 0 10px !important;
    padding: 4px !important;
    border: 0 !important;
    font-size: 13px;
    color: #525151;
    font-weight: bolder;
    width: auto !important;
    cursor: pointer;
}
.ipstack-tabs li.ipstack-current {
    background: #fff;
    color: #2c27d8 !important;
    border: 1px solid #2c27d8 !important;
    border-radius: 11px;
}
.ipstack-tab-content {
    display: none;
    background: #fff;
}
.details-tab {
    padding: 1rem 1.5rem;
    font-size: 1.2rem;
    color: #a1a1a1;
    font-weight: 600;
    display: block;
    order: 0;
    background: #ffffff13;
    border-radius: 1.5rem;
    margin-right: 0.35rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}
.details-tabs {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.details-content {
    order: 1;
    padding: 5rem 8rem;
    width: 100%;
    color: #000;
    background: #f7f7f7;
    border-radius: 30px;
    margin-top: 30px;
    display: flex;
}
.top-border-container::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 50%;
    width: 90%;
    height: 0;
    border-top: 15px solid #0b26d8;
    transform: translateX(-50%);
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.top-border-container {
    position: relative;
    width: 100%;
    margin: 50px auto;
}
.details-tab-text {
    width: 450px;
}
.details-tab-btn a {
    color: #0b26d8;
    border: 2px solid;
    border-radius: 50px;
    padding: 5px 15px;
    font-weight: 600;
}
.details-tab-btn {
    margin-top: 30px;
}
section.review_testimonials {
    max-width: 1350px;
}
.star-icon {
    display: flex;
    margin-bottom: 15px;
}
.item-content {
    text-align: left;
    padding-left: 30px;
}
.dots,
.ip-banner-top-img,
.item,
.owl-dots,
section.pricing_header {
    text-align: center;
}
.review_testimonials {
    position: relative;
    overflow: hidden;
    max-width: 1200px;
    margin: auto;
}
.nav,
.owl-nav,
.submenu {
    position: absolute;
}
.slider-container {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.item {
    min-width: 33.33%;
    box-sizing: border-box;
    padding: 10px;
}
.shadow-effect {
    background: 0 0;
    padding: 50px 20px;
    border-radius: 10px;
    display: flex;
    border: 1px solid #afa9a9;
    height: 390px;
}
.dot,
.img-circle {
    border-radius: 50%;
}
.img-circle {
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin-bottom: 20px;
}
.testimonial-name {
    margin-top: 10px;
    font-weight: 700;
    color: #333;
}
.dots {
    padding-top: 15px;
}
.dot {
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 5px;
    background: #ccc;
    cursor: pointer;
}
.dot.active {
    background: #000;
}
.nav {
    top: 45%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.dropdown:hover .submenu,
.main-menu a,
.owl-item.active.center .owl-testimonials-content {
    display: block;
}
.nav .next,
.nav .prev {
    background: #afa9a9;
    padding: 10px 17px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
}
.nav .next:hover,
.nav .prev:hover {
    background: #bbb;
}
.ip-banner-bg.container {
    background: #0b26d8;
    padding: 50px 50px 0;
    border-radius: 50px;
}
section.ip-banner {
    background: #fff;
    padding-bottom: 100px;
}
img.banner-left-img {
    margin-bottom: -16px;
}
img.top-banner-left-img {
    margin-bottom: -5px;
}
.ip-banner-text p {
    color: #fff;
    width: 50%;
}
.ip-banner-btn a,
.ip-banner-top-btn a {
    background: #fff;
    padding: 7px 18px;
    border-radius: 50px;
    color: #0b26d8;
    font-weight: 600;
}
.ip-banner-btn,
.ip-banner-top-btn {
    margin-top: 35px;
}
.most-p {
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    padding: 4px 2px;
}
.most-top-white-space {
    padding-top: 7px;
}
.most-volume-top-white-space {
    padding-top: 13px;
}
.ip-banner-top-bg.container {
    background-image: image-set(
        url("../ipstack_images/new-bg.avif") type("image/avif"),
        url("../ipstack_images/new-bg.webp") type("image/webp"),
        url("../ipstack_images/new-bg.png") type("image/png")
    );
    padding: 30px;
    border-radius: 50px;
    background-position: center;
}
.ip-banner-top-img {
    width: 50%;
}
.ip-banner-top-text h2 {
    color: #fff;
    line-height: 30px;
}
.ip-banner-top-text p {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.ip-banner-top-text {
    margin-top: 35px;
    margin-left: 80px;
}
.avatar {
    margin: auto;
    border-radius: 50%;
    max-width: 96px;
}
.owl-testimonials-box {
    background-color: #fff;
    border-radius: 6px;
    color: #4a4a4a;
    display: block;
    padding: 20px 10px;
    border: 2px solid #afa9a9;
}
.owl-item.active {
    width: 290px !important;
    display: grid;
}
.owl-item.active.center {
    width: 600px !important;
}
section.is-info {
    background-color: #fff;
    color: #333;
}
.is-info h2 {
    font-weight: bold;
}
.owl-carousel-container {
    width: 1350px !important;
    overflow: hidden;
}
.owl-item {
    width: 100%;
    float: left;
}
.owl-item.active .img-circle {
    width: 200px;
}
#customers-testimonials .box {
    opacity: 0.5;
    transform: scale(0.8);
    transition: 0.3s ease-in-out;
}
#customers-testimonials .owl-item.center .box {
    opacity: 1;
    transform: scale(1.2);
}
.owl-carousel .owl-stage-outer {
    padding-top: 50px;
    padding-bottom: 50px;
}
.owl-carousel {
    z-index: auto;
}
.owl-carousel .owl-item img {
    display: inline-block;
    width: 150px !important;
    margin: 30px 0 0;
}
.owl-testimonials-content {
    padding-left: 30px;
    display: none;
}
.owl-nav {
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}
.owl-nav button {
    background: 0 0;
    border: none;
    font-size: 2em;
    color: #fff;
    cursor: pointer;
    pointer-events: auto;
}
.owl-nav button:hover {
    color: #ddd;
}
.owl-dots {
    margin-top: 20px;
}
.owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    background-color: #ccc;
    border-radius: 50%;
    cursor: pointer;
}
.blue,
.dark-blue,
.horizontal-blue,
.horizontal-dark-blue,
.horizontal-white,
.light-blue,
.white {
    border-radius: 15px;
}
.owl-dot.active {
    background-color: #333;
}
.header_index ul > li > a {
    color: #000;
}
.header_index ul > li.action.cta > a {
    border-radius: 50px;
    padding: 0 20px;
}
section.pricing_header {
    padding-top: 20px;
    padding-bottom: 326px;
    background-size: contain;
    color: #fff;
}
#classes-of-private-ip-address a {
    font-size: 15px !important;
    color: #1e16f2 !important;
    text-decoration: underline !important;
}
#classes-of-private-ip-address h3 {
    font-size: 24px;
    font-weight: 600;
}
#classes-of-private-ip-address .b-bottom {
    border-bottom: 1px solid #eee;
}
#classes-of-private-ip-address .hero-content img {
    min-width: 250px !important;
}
#classes-of-private-ip-address .hero-content-text h1 {
    font-weight: 600;
    padding-bottom: 15px;
    line-height: normal;
}
#classes-of-private-ip-address .hero-content-text p {
    font-size: 18px;
    line-height: 25px;
}
#classes-of-private-ip-address p.note {
    font-weight: 600;
    background-color: #def2f6;
    padding: 15px;
    border-left: 4px solid #5bc0de;
    color: #043a46;
    text-align: center;
    margin: 25px 0;
}
#classes-of-private-ip-address .hero-content {
    display: flex;
    background-color: #6aa4dd;
    justify-content: space-around;
    align-items: center;
    padding: 15px;
    flex-flow: row;
    gap: 50px;
}
#classes-of-private-ip-address .hero-content-two {
    display: flex;
    background-color: #ea8236;
    justify-content: space-around;
    align-items: center;
    padding: 15px;
    flex-flow: row;
    gap: 50px;
}
#classes-of-private-ip-address .hero-content-two p.hero-content-two-text {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
    line-height: normal;
}
#classes-of-private-ip-address .hero-content-two p.hero-content-two-text a {
    font-size: 20px !important;
    font-weight: 700;
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
}
#classes-of-private-ip-address .hero-content-two img {
    max-width: 350px !important;
}
@media screen and (max-width: 768px) {
    p br {
        display: none;
    }
    #classes-of-private-ip-address .hero-content,
    #classes-of-private-ip-address .hero-content-two {
        flex-flow: column;
        gap: 50px;
    }
}
.p-0 {
    padding: 0 !important;
}
.pl-12 {
    padding: 12px !important;
}
.m-0 {
    margin: 0 !important;
}
.main-menu {
    list-style: none;
    display: flex;
}
.main-menu > li {
    margin-right: 20px;
}
.main-menu a {
    text-decoration: none;
    color: #000;
}
.submenu {
    display: none;
    top: 100%;
    left: 0;
    background-color: #fff;
    list-style: none;
    padding: 0;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.submenu li {
    margin: 0;
}
ul.submenu li a {
    margin: 5px 20px 0;
}
.fa-caret-down:before {
    content: "\f0d7";
    margin-left: 5px;
}
.box-container {
    position: sticky;
    width: 450px;
    height: 280px;
}
.box-container-vertically {
    position: sticky;
    width: 325px;
    height: 300px;
    margin-left: 65px;
}
.trusted-box-one {
    margin-top: 200px;
}
.tab_box {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: 0.3s;
    padding: 10px 30px;
    
}
.dark-blue {
    background-color: #00159c;
    z-index: 1;
    left: 0;
}
.blue {
    background-color: #0b26d8;
    z-index: 2;
    left: 40px;
}
.light-blue {
    background-color: #d1d7ff;
    z-index: 3;
    left: 80px;
}
.white {
    background-color: #fff;
}
.horizontal-dark-blue {
    background-color: #00159c;
    z-index: 1;
    top: 0;
}
.horizontal-blue {
    background-color: #0b26d8;
    z-index: 2;
    top: 40px;
}
.horizontal-blue , .horizontal-dark-blue {
    color:white;
}
.horizontal-light-blue {
    background-color: #d1d7ff;
    border-radius: 15px;
    z-index: 3;
    top: 80px;
}
.horizontal-white {
    background-color: #fff;
    z-index: 4;
    top: 120px;
}
.horizontal-white, .horizontal-light-blue {
    color: #000;
}
p.horizontal-dark-head,
p.vertically-dark-head {
    color: #333;
    font-weight: 600;
    margin: 0;
}
p.horizontal-dark-text {
    color: #333;
    line-height: 1.6;
}
p.horizontal-light-head {
    color: #fff;
    margin: 0;
    font-weight: 700;
}
p.horizontal-light-text {
    color: #fff;
    line-height: 1.6;
    
}
p.vertically-dark-text {
    color: #333;
    line-height: 1.6;
}
p.vertically-light-head {
    color: #fff;
    font-weight: 600;
}
p.vertically-light-text {
    color: #fff;
    line-height: 1.6;
}
.vertically-tab-box-img {
    margin: 30px 0 15px;
}
.tab_box:hover {
    z-index: 10;
    transform: scale(1.1);
}
.code-green {
    background: rgba(40, 63, 89, 0.15);
    padding: 1px 5px 3px;
    border-radius: 3px;
    color: #188038 !important;
}
section.pricing_content .container .plan .features span.billing_module:before {
    content: "\1F6C8";
}
section.pricing_content .container .plan .features span:before {
    font-family: Linearicons;
    font-size: 20px;
    display: inline-block;
    speak: none;
    font-weight: 400;
    margin-top: -3px;
    content: "\1F6C8";
    position: relative;
    top: 2px;
    cursor: pointer;
    color: #16222f;
}
pre[class*="language-"] {
    max-height: 300px;
    overflow: auto;
    margin: 0;
    padding: 5em;
    border-radius: 0.3em;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
code[class*="language-"] {
    white-space: pre-wrap;
    word-break: break-word;
}
pre[class*="language-"]::-webkit-scrollbar {
    display: none;
}
.copyIcon {
    cursor: pointer;
    font-size: 24px;
    width: 24px;
    height: 24px;
    background-image: url(../ipstack_images/copy-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
    position: absolute;
    right: 10px;
    top: 10px;
}
.new_container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media screen {
    .white .atn,
    .white .atv,
    .white .clo,
    .white .com,
    .white .dec,
    .white .fun,
    .white .kwd,
    .white .lit,
    .white .opn,
    .white .pln,
    .white .pun,
    .white .str,
    .white .tag,
    .white .typ,
    .white .var {
        color: #707070 !important;
    }
    .fade .atn,
    .fade .atv,
    .fade .clo,
    .fade .com,
    .fade .dec,
    .fade .fun,
    .fade .kwd,
    .fade .lit,
    .fade .opn,
    .fade .pln,
    .fade .pun,
    .fade .str,
    .fade .tag,
    .fade .typ,
    .fade .var {
        color: #999 !important;
    }
    .atv,
    .orange .atn,
    .orange .atv,
    .orange .clo,
    .orange .com,
    .orange .dec,
    .orange .fun,
    .orange .kwd,
    .orange .lit,
    .orange .opn,
    .orange .pln,
    .orange .pun,
    .orange .str,
    .orange .tag,
    .orange .typ,
    .orange .var {
        color: #ffce54 !important;
    }
    .code .kwd,
    .code .pln {
        color: #ff7f7f !important;
    }
    .code.jquery .kwd,
    .code.jquery .pln {
        color: #fff !important;
    }
    .str {
        color: #7ec699 !important;
    }
    .kwd {
        color: #cc99cd !important;
    }
    .com {
        color: #a2a2a2 !important;
    }
    .typ {
        color: #4fc1e9 !important;
    }
    .atn,
    .lit {
        color: #a0d468 !important;
    }
    .clo,
    .fun,
    .opn,
    .pun,
    .var {
        color: #e6e9ed !important;
    }
    .tag {
        color: #ed5565 !important;
    }
    .dec {
        color: #ac92ec !important;
    }
}
@media screen and (min-width: 801px) {
    body,
    html {
        min-width: 1170px;
    }
}
@media screen and (max-width: 1440px) {
    section.hero {
        padding-top: 160px;
    }
}
@media screen and (max-width: 350px) {
    section.modules .module .box pre {
        display: none;
    }
}
@media screen and (max-width: 820px) and (max-height: 1180px) {
    .row.related_blogs {
        display: flex;
        overflow: auto;
    }
}
@media screen and (max-width: 800px) {
    section.customers ul {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: scroll;
        padding: 0 50px 0 30px;
    }
    .hero .inline {
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 0;
        text-align: center;
    }
    .header_banner span:before,
    .hero .codebox,
    .ipchecker,
    section.about img,
    section.faq ul li .q:before,
    section.faq.large ul li.empty,
    section.hero .container h4 br,
    section.presentation .side > h3:before,
    section.pricing_content .container .plan .features h4.empty,
    section.pricing_content .container .plan .footer,
    section.pricing_header h6 span,
    section.sitemap {
        display: none;
    }
    .container,
    section.contact_form form fieldset.alerts,
    section.faq.large ul li {
        width: 100%;
    }
    section.presentation {
        padding: 15px 0 65px;
        background-size: 100%, cover;
    }
    section.presentation .side {
        width: 100%;
        margin: 0 !important;
    }
    section.presentation .side.right {
        margin-top: 15px !important;
    }
    section.cta .button,
    section.cta span {
        display: block;
        width: 100%;
    }
    section.cta .button,
    section.preapp form fieldset.captcha .line.checkboxes label {
        width: auto;
        float: none;
    }
    section.cta span {
        max-width: 350px;
        margin: 0 auto;
    }
    section.cta span > span {
        display: inline;
        margin: 0;
    }
    section.cta .button {
        margin: 20px 0 0 !important;
        display: inline-block;
    }
    section.cta .button.docs {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    section.hero .container h4 {
        max-width: 550px;
        margin: 0 auto;
        font-weight: 400;
        font-size: 15px;
    }
    section.hero .container .button {
        width: 150px;
    }
    section.pricing_content .container .plan {
        width: 100%;
        display: block;
        max-width: 300px;
        margin: 0 auto 15px;
        box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11),
            0 1px 3px rgba(0, 0, 0, 0.08);
    }
    section.pricing_header {
        padding-top: 75px;
        padding-bottom: 50px;
        background: #1a4164;
    }
    section.about img + h5,
    section.pricing_header .container h2 {
        margin-left: 0;
    }
    section.pricing_content .container .plan .features {
        margin-top: 0;
        border: 0;
        margin-right: 0;
        padding: 10px 0;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 0 0 5px 5px;
    }
    section.pricing_content .container .plan .heading .button {
        color: #787c81;
        background: #d6dbe3;
    }
    section.pricing_content .container .plan .features h4 {
        padding: 0 20px;
        width: 215px;
        margin: 10px auto;
    }
    section.pricing_content .container .plan.marked .heading .button,
    section.pricing_content .container .plan.professional .heading .button {
        color: #fff;
    }
    section.pricing_content .container .plan.marked {
        width: 100%;
        top: 0;
    }
    section.pricing_content .container .plan.marked .features {
        background: 0 0;
    }
    section.pricing_content {
        padding-bottom: 20px;
        background: #1a4164;
    }
    section.faq ul {
        margin: 0 0 20px;
    }
    section.faq ul li {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    section.faq {
        padding: 20px 10px;
    }
    section.faq ul + span {
        margin-bottom: 20px;
        margin-right: 0;
    }
    section.faq .button {
        margin-bottom: 10px;
    }
    section.faq.large ul {
        padding: 0 10px;
    }
    section.contact p a {
        margin: 10px 0 0;
    }
    section.documentation .content,
    section.documentation .sidebar {
        float: none;
        width: 100%;
    }
    .header.dark_bg ul > li.go_to_dashboard > a {
        border: none;
        top: 0;
    }
    section.contact_form form fieldset {
        float: none;
        width: 100%;
        display: block;
    }
    section.contact_form form fieldset.info {
        width: 100%;
        top: unset;
        margin: 20px 0 0;
    }
    section.faq.no_cta ul + p {
        text-align: left;
        line-height: normal;
    }
    section.hero_small p {
        width: 100%;
        margin-bottom: 0;
        margin-top: 20px;
    }
    section.preapp form fieldset,
    section.preapp.login form fieldset {
        width: 100%;
        max-width: 350px;
    }
    body.has_legacy_banner .header_banner {
        white-space: nowrap;
        padding-left: 20px;
        padding-right: 20px;
        overflow: hidden;
        overflow-x: scroll;
    }
    body.has_legacy_banner section.hero {
        padding-top: 75px;
    }
    section.documentation .doc_section pre a.run {
        position: relative;
        display: block;
        right: 0;
        text-align: center;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-bottom: 15px;
    }
    section.documentation .content .doc_section table.response_objects {
        overflow: scroll;
        white-space: nowrap;
        display: block;
    }
    .show_mobile,
    section.preapp.login p.join a {
        display: block;
    }
    .scroll_notice {
        color: green;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        display: block;
    }
    section.hero {
        padding-top: 100px;
        padding-bottom: 180px;
    }
    section.modules,
    section.stats {
        padding-bottom: 20px;
    }
    section.modules .module .box {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    section.modules .module p {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }
    section.modules .module {
        width: 100%;
        border-radius: 0;
        margin-bottom: 0;
    }
    .header.light ul > li.action > a,
    section.presentation .side {
        box-shadow: none;
        background: 0 0;
        color: #fff;
    }
    section.stats {
        background: #7490af;
    }
    section.faq:not(.large):not(.on_contact) ul:before {
        top: unset;
        left: unset;
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        display: block;
        border: none;
        text-align: left;
    }
    section.faq:not(.large):not(.on_contact) {
        padding-top: 30px;
    }
    .header.light ul > li > a {
        color: #333;
    }
    .leftcolumn,
    .rightcolumn {
        width: 100%;
        padding: 0;
    }
    .header .mobile_menu_icon:before {
        color: #000;
    }
    section.pricing_content .container .enterprise-bg-color {
        top: 0 !important;
    }
}
@media only screen and (max-width: 768px) {
    div.feature-img img {
        width: 100%;
        height: auto;
    }
    .social-links,
    .social-links-index {
        justify-content: center;
    }
    section.hero .container .options {
        width: 100%;
        max-width: 500px;
    }
    section.hero .container .options > div a.option-cta {
        top: auto;
    }
    section.hero .container .options > div span.price {
        width: auto;
    }
    .related_blogs {
        display: block !important;
    }
    section.hero,
    section.mobile_view {
        background: #fff;
    }
    .checker-img img,
    .rightcolumn,
    a.review-button-secoundary {
        margin-left: unset;
    }
    .stripe img.stripe_payment_icons {
        height: auto;
    }
    .stripe {
        min-height: 380px;
    }
    .hero .inline {
        margin-bottom: auto;
    }
    p.logo-text {
        padding: 0;
    }
    section.trusted_sec .side {
        color: #333;
    }
    section.pricing_content .container .enterprise-bg-color {
        box-shadow: none;
    }
    img.inline_img {
        width: 100%;
        height: 100%;
    }
    .visitors-space {
        margin-top: 50px;
    }
    h3.hero_sec_text {
        margin-bottom: 50px !important;
    }
    section.hero {
        padding-bottom: 5px;
    }
    .tab-main-content {
        display: block;
    }
    .bg-inline-row,
    .blog_cards,
    .quickstart-btn,
    .testimonial-block,
    section.documentation-sec,
    ul.inline_feature {
        display: inline-block;
    }
    .blog-content-feature-img img,
    .tab-title,
    input.email-field {
        width: 100%;
    }
    img.tab-content-img {
        width: 215px;
        height: 165px;
    }
    .tabs li {
        padding: unset;
    }
    p.tab-nav {
        font-size: 10px;
    }
    .enterprise-bg-color {
        background: 0 0 !important;
    }
    section.pricing_header {
        padding-bottom: 50px;
    }
    img.mobile-view-img {
        width: 340px;
        height: 400px;
    }
    .inline_hero_img {
        float: none;
        text-align: inherit;
        width: unset;
        height: unset;
    }
    .button-more,
    .tab-img,
    .tab-title,
    h1.faq_head,
    h3.trusted.pre_side,
    p.newsletter_text,
    p.pre_side_text {
        text-align: center;
    }
    .tab-img,
    li.feature_length,
    p.feature_text,
    p.pre_side_text,
    section.hero_small p {
        width: unset;
    }
    .top-image img,
    .top-image-faq img {
        position: absolute;
        top: -30px;
        right: -15px;
        height: 60px;
        width: 60px;
    }
    section.pricing_content {
        padding-bottom: unset;
    }
    h2.visitor-heading {
        line-height: normal;
        padding: 10px 0;
    }
    .tab-content,
    section.presentation .side {
        padding: 20px;
    }
    .blog_cards {
        width: 100%;
        border-radius: 30px;
        padding: unset;
    }
    img.blog-main-img {
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        border-bottom-left-radius: unset;
    }
    .container_box,
    .leftcolumn {
        padding-left: 10px;
        padding-right: 10px;
    }
    .rightcolumn {
        padding-left: unset;
        padding-right: unset;
    }
    .blog-row {
        margin-right: 0;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }
    .button-more {
        margin-right: unset;
    }
    .br-link-text {
        padding: 20px 20px 0;
    }
    .preapp-login-form {
        width: 350px;
    }
    section.preapp.forgot,
    section.preapp.login {
        padding-bottom: unset;
        padding-top: 120px;
    }
    section.preapp.login p.join a {
        margin-left: 50px;
        margin-right: 50px;
    }
    .documentation-sidebar {
        width: 100%;
        padding-left: unset;
        background: #f2f4fd;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }
    .leftcolumn-blog-content,
    .leftcoulmn-blog,
    .rightcoulmn-blog {
        width: -webkit-fill-available;
    }
    .documentation-content {
        color: #283f59;
        margin-right: unset;
        margin-left: unset;
        padding: 30px 15px 10px;
    }
    section.faq {
        padding: 20px 15px;
    }
    .accordion .container_box.active .content {
        height: auto;
        width: 270px;
    }
    .accordion .label {
        padding: 8px 15px 8px 0;
    }
    section.contact-documentation {
        padding: 15px 0 20px;
        position: relative;
    }
    h1.faq_head {
        padding-left: 0;
    }
    .faq-block {
        padding-top: 0;
    }
    p.faq-text-btn {
        padding-bottom: 0;
    }
    p.tab-heading,
    section.contact p {
        padding: 0 0 10px;
    }
    a.cont-btn {
        width: auto;
        padding: 10px 15px !important;
    }
    a.button.cta.cont-btn,
    a.button.docs.cont-btn {
        margin: 0 !important;
    }
    img.any-qst-right-img {
        position: absolute;
        height: 150px;
        margin-top: 30px;
    }
    img.any-qst-btm-right-img {
        position: absolute;
        height: 150px;
        margin-top: -55px;
    }
    .leftcoulmn-blog {
        padding: 0 10px;
    }
    .leftcolumn-blog-content {
        padding-left: 10px;
        margin-top: 0;
    }
    .rightcolumn-blog-content {
        margin-left: -150px;
        width: auto;
        margin-top: 100px;
        padding: 0 15px 50px;
    }
    .blog-feature-img img {
        width: 170px;
    }
    h1.article-heading {
        color: #000;
        font-weight: 700;
        font-size: 18px;
        line-height: 25px;
    }
    section.article.blog-content-article h2 {
        line-height: 25px;
    }
    p.author-date-content {
        color: #283f59;
        font-size: 12px;
    }
    .login_join {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    h2.blog-sidebar-content-post {
        font-size: 15px;
    }
    .posts-content {
        font-size: 12px;
    }
    .content-blog-posts {
        padding: 10px 170px 20px 0;
    }
    a.review-button,
    a.review-button-secoundary {
        padding: 15px;
    }
    .platinum_pricing_support {
        margin: 0 20px !important;
        width: auto !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    section.hero .container .options {
        width: 100%;
        max-width: none;
    }
    .inline_hero_img {
        width: 100%;
        text-align: center;
    }
    .documentation-content {
        width: 60%;
        margin-right: auto;
        margin-left: auto;
    }
    .blog-row {
        margin-right: 10px;
    }
    section.preapp.login p.join a {
        margin-left: 250px;
        margin-right: 250px;
    }
    .blog-main-posts {
        width: max-content;
    }
    .documentation-sidebar {
        padding-left: 10px;
    }
    img.any-qst-right-img {
        margin-top: 10px;
    }
    .rightcolumn-blog-content {
        margin-left: -50px;
    }
    .content-blog-posts {
        padding: 10px 50px 20px 0;
    }
}
@media (min-width: 1025px) and (max-width: 1440px) {
    .documentation-sidebar {
        padding-left: 20px;
    }
}
@media only screen and (width: 768px) and (height: 1024px) {
    .accordion .container_box.active .content {
        width: 650px;
    }
}
@media only screen and (width: 820px) and (height: 1180px) {
    .blog-row {
        margin-right: 70px;
    }
    .card h3 {
        font-size: 15px;
    }
    section.preapp.login p.join a {
        margin-left: 50px;
        margin-right: 50px;
    }
    .blog-main-posts,
    .inline_hero_img {
        width: auto;
    }
    .leftcolumn,
    .leftcoulmn-blog {
        padding-left: 100px;
    }
    .documentation-sidebar {
        padding-left: 50px;
    }
    .top-image img {
        position: absolute;
        top: -30px;
        right: -15px;
        height: 60px;
        width: 60px;
    }
    .top-image-faq img {
        position: absolute;
        top: -50px;
        right: -12px;
        height: 100px;
        width: 100px;
    }
    img.any-qst-right-img {
        margin-top: 50px;
        height: 200px;
    }
    section.contact-documentation {
        position: relative;
    }
    img.any-qst-btm-right-img {
        height: 250px;
        margin-top: -90px;
    }
    .leftcolumn-blog-content {
        padding-left: 30px;
    }
}
@media only screen and (max-width: 480px) {
    .banner-logo-images,
    .banner-text,
    .box-img,
    .box-text,
    .ip-banner-text p,
    .ip-banner-top-img,
    .trusted-img-sec,
    .trusted-text-sec {
        width: 100%;
    }
    .banner-text,
    .details-tab-img,
    .ip-banner-text,
    .ip-banner-top-inline,
    .ip-banner-top-text {
        text-align: center;
    }
    section.hero .container .options > div {
        height: auto;
        padding: 12px 15px;
    }
    section.hero .container .options > div a.cta {
        float: none;
        display: block;
        width: 100%;
    }
    .leader-banner {
        display: inline-block;
    }
    .banner-images-inline {
        display: block;
        text-align: center;
    }
    .ip-banner-inline,
    .owl-item.active,
    .trusted-box,
    .trusted-inline,
    section.customers.index {
        display: block;
    }
    .trusted-box-one {
        margin-top: -50px;
    }
    .box-text {
        margin-top: 150px;
    }
    .box-container,
    .details-tab-text,
    .ip-banner-img,
    .right_side.copyright-section-index {
        width: auto;
    }
    .box-container-vertically {
        width: 240px;
        height: 300px;
        margin: 30px 0 0;
    }
    .details-tabs {
        display: grid;
    }
    .details-tab {
        width: fit-content;
    }
    .details-content {
        display: block;
        padding: 2rem;
    }
    .details-tab-img {
        width: auto;
        margin: 50px 0 20px;
    }
    .box-img-align {
        float: none;
    }
    img.details-tab-content-img {
        width: 250px;
        height: auto;
    }
    section.pricing_content .container .plan.marked {
        background: #eceefc !important;
    }
    p.testimonial_bottom_space {
        padding: 0 20px;
        margin-bottom: 0;
    }
    img.banner-left-img {
        width: 300px;
    }
    .ip-banner-bg.container {
        padding: 50px;
    }
    form.footer_newsletter {
        margin-top: 30px;
    }
    .newsletter_sec {
        margin-bottom: 30px;
    }
    .copyright-text-footer {
        margin-left: auto;
    }
    .owl-carousel-item {
        display: block;
        justify-content: flex-start;
        width: 300px;
    }
    .owl-testimonials-content {
        display: block !important;
    }
    .owl-item.active.center {
        width: 400px !important;
    }
    #customers-testimonials .box {
        opacity: 100%;
    }
    .review-cta {
        margin-top: 0;
    }
    .owl-carousel .owl-stage-outer {
        padding-bottom: 0;
    }
    .owl-carousel-container {
        width: auto !important;
    }
    #customers-testimonials .owl-item.center .box {
        transform: scale(1);
    }
    .ip-banner-top-btn {
        margin-bottom: 10px;
    }
    .ip-banner-top-inline {
        display: block;
        padding-bottom: 25px;
    }
    img.top-banner-left-img {
        width: 100%;
        padding: 20px;
        height: auto;
    }
    .ip-banner-top-text {
        margin-top: auto;
        margin-left: auto;
    }
    .ip-banner-top-bg.container {
        padding: 50px;
        background-size: cover;
    }
    .container {
        overflow: hidden;
    }
    .ip-banner-top-text h2 {
        padding-top: 20px;
    }
    section.ip-banner {
        padding: 20px 0 10px;
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .banner-logo-images,
    .banner-text,
    .box-img,
    .box-text,
    .ip-banner-text p,
    .ip-banner-top-img,
    .trusted-img-sec,
    .trusted-text-sec {
        width: 100%;
    }
    .banner-text,
    .details-tab-img,
    .ip-banner-text,
    .ip-banner-top-text {
        text-align: center;
    }
    section.hero .container .options > div {
        height: auto;
        padding: 12px 15px;
    }
    section.hero .container .options > div a.cta {
        float: none;
        display: block;
        width: 100%;
    }
    .leader-banner {
        display: inline-block;
    }
    .ip-banner-top-text {
        margin-left: auto;
    }
    .ip-banner-top-img {
        padding-bottom: 25px;
    }
    .banner-images-inline {
        display: block;
        text-align: center;
    }
    .logo_inline_img img {
        width: 120px;
    }
    .ip-banner-inline,
    .ip-banner-top-inline,
    .owl-item.active,
    .trusted-box,
    .trusted-inline,
    section.customers.index {
        display: block;
    }
    img.top-banner-left-img {
        width: 300px;
        padding: 20px;
    }
    .trusted-box-one {
        margin-top: -50px;
    }
    .box-text {
        margin-top: 150px;
    }
    .box-container,
    .details-tab-text,
    .ip-banner-img,
    .right_side.copyright-section-index {
        width: auto;
    }
    .box-container-vertically {
        width: 240px;
        height: 300px;
        margin: 30px 0 0;
    }
    .details-tabs {
        display: grid;
    }
    .details-tab {
        width: fit-content;
    }
    .details-content {
        display: block;
        padding: 2rem;
    }
    .details-tab-img {
        width: auto;
        margin: 50px 0 20px;
    }
    .box-img-align {
        float: none;
    }
    img.details-tab-content-img {
        width: 250px;
        height: auto;
    }
    section.pricing_content .container .plan.marked {
        background: #eceefc !important;
    }
    p.testimonial_bottom_space {
        padding: 0 20px;
        margin-bottom: 0;
    }
    img.banner-left-img {
        width: 300px;
    }
    .ip-banner-bg.container {
        padding: 50px;
    }
    form.footer_newsletter {
        margin-top: 30px;
    }
    .newsletter_sec {
        margin-bottom: 30px;
    }
    .copyright-text-footer {
        margin-left: auto;
    }
    .owl-carousel-item {
        display: block;
        justify-content: flex-start;
        width: 300px;
    }
    .owl-testimonials-content {
        display: block !important;
    }
    .owl-item.active.center {
        width: 400px !important;
    }
    #customers-testimonials .box {
        opacity: 100%;
    }
    .review-cta {
        margin-top: 0;
    }
    .owl-carousel .owl-stage-outer {
        padding-bottom: 0;
    }
    .owl-carousel-container {
        width: auto !important;
    }
    #customers-testimonials .owl-item.center .box {
        transform: scale(1);
    }
    .ip-banner-top-bg.container {
        background-size: cover;
    }
    section.ip-banner {
        padding-bottom: 10px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
    .box-img,
    .box-text,
    .right_side.copyright-section-index {
        width: auto;
    }
    img.top-banner-left-img {
        width: 300px;
    }
    .ip-banner-top-text {
        margin-left: 50px;
    }
    .ip-banner-top-bg.container {
        padding: 30px;
    }
    section.ip-banner {
        padding-bottom: 50px;
    }
    .trusted-box {
        display: block;
    }
    .box-text {
        margin-top: 150px;
    }
    .box-container-vertically {
        width: 350px;
        height: 300px;
        margin-left: 0;
    }
    .details-content {
        padding: 3rem;
        display: block;
    }
    .details-tab-img {
        width: fit-content;
        margin-top: 50px;
    }
    .details-tab-text {
        width: auto;
        height: auto;
    }
    section.pricing_content .container .plan.marked {
        background: #eceefc !important;
    }
    .ip-banner-bg.container {
        padding: 30px 30px 0;
    }
    .ip-banner-text {
        margin: 0 0 0 50px;
    }
    p.newsletter_text {
        text-align: left;
    }
    .social-links-index {
        justify-content: left;
    }
    .owl-carousel-item {
        display: flex;
        justify-content: center;
    }
    .owl-item.active {
        display: grid;
        width: 200px !important;
    }
    .owl-item.active.center {
        width: 400px !important;
    }
    .owl-item.active,
    .owl-item.active.center,
    .owl-item.cloned {
        margin-right: 5px !important;
    }
    p.testimonial_bottom_space {
        margin-bottom: 0;
    }
    .review-cta {
        margin-top: 0;
    }
    .owl-carousel .owl-stage-outer {
        padding-bottom: 0;
    }
    #customers-testimonials .owl-item.center .box {
        opacity: 1;
        transform: scale(1);
    }
    .owl-carousel-container {
        width: auto !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .right_side.copyright-section-index {
        width: 30%;
    }
    .details-tab-text {
        width: 50%;
    }
    .details-content,
    .trusted-box {
        display: flex;
    }
    .details-tab-img {
        width: 50%;
        margin-top: 30px;
    }
    .box-text,
    .review-cta {
        margin-top: 0;
    }
    .box-img {
        width: 45%;
    }
    .box-text {
        width: 55%;
    }
    .box-container-vertically {
        width: 350px;
        height: 265px;
        margin-left: 20px;
    }
    .owl-carousel-item {
        display: flex;
        justify-content: center;
    }
    .owl-item.active {
        display: grid;
        width: 300px !important;
    }
    .owl-item.active.center {
        width: 600px !important;
    }
    .owl-item.active,
    .owl-item.active.center,
    .owl-item.cloned {
        margin-right: 5px !important;
    }
    p.testimonial_bottom_space {
        margin-bottom: 0;
    }
    .owl-carousel .owl-stage-outer {
        padding-bottom: 0;
    }
    #customers-testimonials .owl-item.center .box {
        opacity: 1;
        transform: scale(1);
    }
    .owl-carousel-container {
        width: auto !important;
    }
}



/* JSON IP API Page Styles */


    .json-ip-api.hero-section {
        background-color: #dbeafe;
    }

    .json-ip-api .hero-container {
        max-width: 1024px;
        margin: auto;
        text-align: center;
        padding: 16rem 0;
    }


    .json-ip-api .hero-heading {
        font-weight: 800;
        color: black;
        font-size: 6rem;
    }

    .json-ip-api .hero-heading > span{
        color: #155dfc;
    }

    .json-ip-api .hero-content {
        color: #4a5565;
        font-size: 2rem;
    }

    .json-ip-api .hero-cta ,
    .json-ip-api .cta-buttons {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        margin: 2rem auto;

    }
    .json-ip-api .cta-buttons  > .secondary{
        background-color:transparent;
        color:white;
        border: 1px solid white;
    }

    .json-ip-api .hero-cta > a, .cta-buttons > a {
        padding: 1.25rem 3rem; 
        border-radius: 6px;
        font-weight: 700;
        font-size:18px;
        display: flex;
        align-items: center;
        gap: 4px;
        border: none;
    }

    .json-ip-api .hero-cta > .primary {
        color: white;
        background-color: #1447e6;
    }

    .json-ip-api .hero-cta > .secondary {
        border: 2px solid #d1d5dc;
        color: #1e2939;
        
    }

    .json-ip-api .hero-stats {
        display: flex;
        margin: 2rem auto;
        justify-content: center;
        gap: 16px;
        font-size:18px;

    }

    .json-ip-api .stat {
        display: flex;
        align-items: center;
        gap: 8px;

    }

    .json-ip-api .stat > svg {
        color: #1447e6;
    }


    .json-ip-api.features-section, .json-ip-api.example-section , .json-ip-api.cta-section{
        padding: 10rem 0;
        background-color: white;
    }

    .json-ip-api .features-container, .json-ip-api .example-container , .json-ip-api .cta-container{
        max-width: 1024px;
        text-align:center;
        margin: auto;
    }

    .json-ip-api .features-heading, .json-ip-api .example-heading, .json-ip-api .cta-heading {
        font-weight: 700;
        font-size: 4rem;
        color: #101828;
    }

    .json-ip-api .features-subheading, .json-ip-api .example-subheading , .json-ip-api .cta-subheading{
        color: #4a5565;
        font-size: 2rem;
        max-width:640px;
        margin : auto;
    }

    .json-ip-api .feature-cards-container {
        margin: 3rem auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }

    .json-ip-api .feature-card {
        border-radius: 6px;
        padding: 2rem 1rem;
        background: white;
    
    }

    .json-ip-api .feature-icon {
        border-radius: 50%;
        background-color: #dbeafe;
        color:#1447e6;
        display:inline-flex;
        justify-content: center;
        align-items:center;
        padding: 1rem;
    }


    .json-ip-api .feature-name {
        color:#101828;
        font-weight:bold;
        margin: 1rem 0;
    }

    .json-ip-api.example-section {
        padding-top: 2rem;
        
    }

    .json-ip-api .example-container {
        max-width: 1280px;
    }

    .json-ip-api .sample-container {
        margin-top: 3rem;
        display:flex;
        align-items:center;
        gap: 5rem;
    }

    .json-ip-api .data-points-wrapper {
        flex-basis:50%;
        text-align:left;
    }

    .json-ip-api .data-points-heading, .response-heading {
        font-weight:700;
        font-size:3rem;
        color:#101828;
    }

    .json-ip-api .data-points-container {
        margin-top: 2rem;

        
    }

    .json-ip-api .data-point {
        display: flex;
        gap: 0.5rem;
        margin-bottom: 1rem;

    }

    .json-ip-api .data-point .check-circle {
        color: #00a63e;

    }

    .json-ip-api .data-point h6 {
        margin: 0;
        font-size: 1.5rem;
        margin-bottom: 0.5rem;
        font-weight: bold;
        color: black;
    }
    .json-ip-api .data-point p {
        line-height: 1;
    }
    .json-ip-api .data-points-subheading {
        font-size: 1.5rem;
        line-height: 1.5; 
    }

    .json-ip-api .response-heading {
        text-align: left;
    }


    .json-ip-api.cta-section { 
        background-color: #1447e6;
    }


    .json-ip-api .cta-heading, .json-ip-api .cta-subheading {
        color: white;
    }


    .json-ip-api .cta-buttons > a {
        color: #1447e6;
        background-color: white;
    }

    .json-ip-api .js-example-header {
        background-color: #333;
        color: #ddd;
        padding: 0.5rem 1rem;
        position: absolute;
        border-radius: 8px 8px 0 0;
        border-bottom: 1px solid #444;
        width: 100%;

    }


    .json-ip-api .js-example {
        text-align: left;
        max-width: 768px;
        margin: auto;
        position: relative;


    }

    .json-ip-api .js-example>.prettyprint {
        border-radius: 8px;
        padding: 1rem;
        padding-top: 4rem;
        color: white;
        line-height:1;

    }

    .json-ip-api .sample-response-container {
        flex-basis: 50%;
        width: 50%;
        position: relative;
    }

    .json-ip-api .sample-response {
        background-color: black;
        max-height: 500px;
        overflow:auto;
        text-align:left;
        color: white;
        max-width: 100%;
        border-radius: 8px;
        scrollbar-width: none; 
        -ms-overflow-style: none; 
    }

    .sample-response::-webkit-scrollbar, .prettyprint::-webkit-scrollbar {
        display: none; 
    }

    .prettyprint {
        padding: 1rem;
        padding-top: 3rem;
    }

    /* Mobile styles (<640px) */
    @media (max-width: 639px) {

        .json-ip-api .hero-container {
            padding: 10rem 1rem 0 1rem;
        }

        .json-ip-api .hero-heading {
            font-size: 3rem;
        }

        .json-ip-api .hero-content {
            font-size: 1.5rem;
            line-height: 1.25;
        }

        .json-ip-api .hero-cta, .json-ip-api .cta-buttons {
            flex-direction: column;
            gap: 1rem;
        }


        .json-ip-api .hero-cta > a, .cta-buttons > a {
            padding: 1rem 2rem; 
            font-weight: 700;
            font-size:14px;
            border: none;
            gap: 4px;
        }

        .json-ip-api.features-section {
            padding: 6rem 1rem 1rem;
        }

        .json-ip-api .features-subheading , .json-ip-api .sample-subheading{
            font-size: 1.25rem; 
            line-height: 1.5;
        }

        .json-ip-api .hero-stats {
            align-items: flex-start;
            gap: 1rem;
            font-size: 1rem;
        }

        .json-ip-api .feature-cards-container {
            grid-template-columns: 1fr;
        }

        .json-ip-api.example-section {
            padding: 1rem 1rem 6rem 1rem;

        }

        .json-ip-api .sample-container {
            flex-direction: column;
            gap: 2rem;
        }

        .json-ip-api .sample-response-container,
        .json-ip-api .data-points-wrapper {
            width: 100%;
            flex-basis: auto;
        }

        .json-ip-api .data-points-container {
            flex-direction: column;
            align-items:flex-start; 
            
        }

        .json-ip-api .data-points-container > ul > li {
            padding: 1rem;
            
        }

        .json-ip-api .data-points-container {
            padding: 0;
        }

        .json-ip-api .features-heading,
        .json-ip-api .example-heading,
        .json-ip-api .cta-heading, 
        .json-ip-api .data-points-heading {
            font-size: 2.5rem;
        }

        .json-ip-api .data-points-heading {
            text-align: center;
        }

        .json-ip-api .features-subheading,
        .json-ip-api .example-subheading,
        .json-ip-api .cta-subheading {
            font-size: 1.5rem;
            line-height: 1.5;
        }

        .json-ip-api.cta-section {
            padding: 3rem 1.5rem;
        }

        
    }



/* Free IP API Page Styles */

    .free-ip-api.hero-section {
        background-color: #f5f3ff;
    }

    .free-ip-api .hero-container {
        max-width: 1024px;
        margin: auto;
        text-align: center;
        padding: 12rem 0 8rem;
    }

    .free-ip-api .highlight-badge {
        font-size: 16px;
        background-color: #ede9fe;
        color: #aa00ed;
        border-radius: 40px;
        padding: 1rem 1.25rem;
        font-weight: 700;
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }

    .free-ip-api .hero-heading {
        font-weight: 800;
        color: black;
        font-size: 6rem;
        max-width: 768px;
        margin: auto;
        line-height: 1.2;

    }

    .free-ip-api .hero-heading>span {
        color: #aa00ed;
    }

    .free-ip-api .hero-content {
        color: #4a5565;
        font-size: 2rem;
        max-width: 768px;
        margin: auto;
    }

    .free-ip-api .hero-cta,
    .free-ip-api .cta-buttons {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        margin: 2rem auto;

    }

    .free-ip-api .hero-cta>a,
    .free-ip-api .cta-buttons>a {
        padding: 1.25rem 3rem;
        border-radius: 6px;
        font-weight: 700;
        font-size: 18px;
        display: flex;
        align-items: center;
        gap: 4px;
        border: none;
    }

    .free-ip-api .hero-cta>.primary {
        color: white;
        background-color: #aa00ed;
    }

    .free-ip-api .hero-cta>.secondary {
        border: 2px solid #d1d5dc;
        color: #1e2939;

    }

    .free-ip-api.features-section,
    .free-ip-api.pricing-section,
    .free-ip-api.cta-section {
        padding: 6rem 0;
        background-color: white;
    }

    .free-ip-api .features-container,
    .free-ip-api .pricing-container,
    .free-ip-api .cta-container {
        max-width: 1024px;
        text-align: center;
        margin: auto;
    }

    .free-ip-api .features-heading,
    .free-ip-api .pricing-heading,
    .free-ip-api .cta-heading {
        font-weight: 700;
        font-size: 4rem;
        color: #101828;
    }

    .free-ip-api .features-subheading,
    .free-ip-api .pricing-subheading,
    .free-ip-api .cta-subheading {
        color: #4a5565;
        font-size: 2rem;
        max-width: 640px;
        margin: auto;

    }


    .free-ip-api .feature-cards-container {
        margin: 3rem auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }

    .free-ip-api .feature-card {
        border-radius: 6px;
        padding: 2rem 1rem;
        background: white;

    }

    .free-ip-api .feature-icon {
        border-radius: 40px;
        background-color: #ddd6ff;
        color: #aa00ed;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 1.5rem;
    }


    .free-ip-api .feature-name {
        color: #101828;
        font-weight: bold;
        margin: 1rem 0;
    }

    .free-ip-api.pricing-section {
        padding-top: 2rem;

    }

    .free-ip-api .pricing-container {
        max-width: 1280px;
    }

    .free-ip-api .js-example {
        text-align: left;
        max-width: 768px;
        margin: auto;
        position: relative;;

    }

    .free-ip-api .js-example>.prettyprint {
        border-radius: 8px;
        padding: 1rem;
        padding-top: 3.5rem;
        color: white;

    }

    .free-ip-api .js-example-wrapper {
        background-color: white;
        padding: 1rem;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        max-width: 768px;
        margin: auto;
    }

    .free-ip-api .js-example-header {
        background-color: #333;
        color: #ddd;
        padding: 0.5rem 1rem;
        position: absolute;
        width: 100%;
        border-radius: 8px 8px 0 0;
        border-bottom: 1px solid #444;
    }

    .free-ip-api .js-example .prettyprint{
        margin: 0;
    }


    /* Mobile styles (<640px) */
    @media (max-width: 639px) {


        .free-ip-api .hero-container {
            padding: 10rem 1rem 0 1rem;
        }

        .free-ip-api .hero-heading {
            font-size: 3rem;
        }

        .free-ip-api .hero-content {
            font-size: 1.5rem;
            line-height: 1.25;
        }

        .free-ip-api .hero-cta,
        .free-ip-api .cta-buttons {
            flex-direction: column;
            gap: 1rem;
        }

        .free-ip-api .highlight-badge {
            font-size: 14px;
        }


        .free-ip-api .hero-cta>a,
        .free-ip-api .cta-buttons>a {
            padding: 1rem 2rem;
            font-weight: 700;
            font-size: 14px;
            border: none;
            gap: 4px;
        }

        .free-ip-api .features-section {
            padding: 6rem 1rem;
        }

        .free-ip-api .features-subheading,
        .free-ip-api .sample-subheading {
            font-size: 1.25rem;
            line-height: 1.5;
        }

        .free-ip-api .feature-cards-container {
            grid-template-columns: 1fr;
        }

        .free-ip-api.pricing-section {
            padding: 1rem 1rem 6rem 1rem;

        }

        .free-ip-api .features-heading,
        .free-ip-api .pricing-heading,
        .free-ip-api .cta-heading {
            font-size: 2.5rem;
        }

        .free-ip-api.features-subheading,
        .free-ip-api.pricing-subheading,
        .free-ip-api.cta-subheading {
            font-size: 1.5rem;
            line-height: 1.5;
        }

        .free-ip-api.js-example {
            display: none;
        }

    }



    /* Geolocation API Page Styles */
    .geolocation-api.hero-section {
        background-color: #dbeafe;
    }

    .geolocation-api .hero-container {
        max-width: 1024px;
        margin: auto;
        text-align: center;
        padding: 16rem 0;
    }

    .geolocation-api .highlight-badge {
        font-size: 16px;
        background-color: #bedbff;
        color: #155dfc;
        border-radius: 40px;
        padding: 1rem 1.25rem;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }

    .geolocation-api .hero-heading {
        font-weight: 800;
        color: black;
        font-size: 6rem;
        
    }

    .geolocation-api .hero-heading > span {
        color: #155dfc;
    }

    .geolocation-api .hero-content {
        color: #4a5565;
        font-size: 2rem;
        max-width: 800px;
        margin:auto;
    }

    .geolocation-api .hero-cta , .cta-buttons {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        margin: 2rem auto;

    }

    .geolocation-api .hero-cta > a, .geolocation-api .cta-buttons > a {
        padding: 1.25rem 3rem; 
        border-radius: 6px;
        font-weight: 700;
        font-size:18px;
        display: flex;
        align-items: center;
        gap: 4px;
        border: none;
    }

    .geolocation-api .hero-cta > a > svg, .geolocation-api .cta-buttons > a > svg {
        margin-left:6px;
    }

    

    .geolocation-api .hero-cta > .primary {
        color: white;
        background-color: #1447e6;
    }

    .geolocation-api .hero-cta > .secondary {
        border: 2px solid #d1d5dc;
        color: #1e2939;
        
    }

    .geolocation-api .hero-stats {
        display: flex;
        margin: 2rem auto;
        justify-content: center;
        gap: 16px;
        font-size:18px;
        color:#2f3135;

    }

    .geolocation-api .stat {
        display: flex;
        align-items: center;
        gap: 8px;

    }

    .geolocation-api .stat > svg {
        color: #1447e6;
    }


    .geolocation-api.features-section,
    .geolocation-api.example-section,
    .geolocation-api.cta-section{
        padding: 10rem 0;
        background-color: white;
    }

    .geolocation-api .features-container,
    .geolocation-api .example-container,
    .geolocation-api .cta-container{
        max-width: 1024px;
        text-align:center;
        margin: auto;
    }

    .geolocation-api .features-heading,
    .geolocation-api .example-heading,
    .geolocation-api .cta-heading {
        font-weight: 700;
        font-size: 4rem;
        color: #101828;
    }

    .geolocation-api .features-subheading,
    .geolocation-api .example-subheading,
    .geolocation-api .cta-subheading{
        color: #4a5565;
        font-size: 2rem;
        max-width:640px;
        margin : auto;
        
    }


    .geolocation-api .feature-cards-container {
        margin: 3rem auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }

    .geolocation-api .feature-card {
        border-radius: 6px;
        box-shadow: 0px 4px 10px 0 #d1d5dc;
        padding: 2rem 1rem;
        background: white;
    
    }

    .geolocation-api .feature-icon {
        border-radius: 0.5rem;
        background-color: #dbeafe;
        color:#1447e6;
        display:inline-flex;
        justify-content: center;
        align-items:center;
        padding: 1rem;
    }


    .geolocation-api .feature-name {
        color:#101828;
        font-weight:bold;
        margin: 1rem 0;
    }

    .geolocation-api .example-section {
        padding-top: 2rem;
        
    }

    .geolocation-api .example-container {
        max-width: 1280px;
    }

    .geolocation-api .sample-container {
        margin-top: 3rem;
        display:flex;
        align-items:center;
        gap: 5rem;
    }

    .geolocation-api .data-points-wrapper {
        flex-basis:50%;
        text-align:left;
    }

    .geolocation-api .data-points-heading,
    .geolocation-api .response-heading {
        font-weight:700;
        font-size:20px;
        color:#101828;
    }

    .geolocation-api .data-points-container {
        margin-top: 2rem;
        display:flex;
        justify-content: space-between;
        align-items: center;
        color: #555;
        
    }

    .geolocation-api .data-points-container > ul {
        margin: 0;
        padding: 0;

    }

    .geolocation-api .data-points-container > ul > li {
        padding: 1rem 0 1rem 1rem;
        margin-left: 2rem;

    }


    .geolocation-api .data-points-container > ul > li::marker {
        font-size: 1.5em; 
        color: #1447e6;
    }

    .geolocation-api .response-heading {
        text-align: left;
    }


    .geolocation-api.cta-section {
        background-color: #1447e6;
    }



    .geolocation-api .cta-heading,
    .geolocation-api .cta-subheading {
        color: white;
    }


    .geolocation-api .cta-buttons > a {
        color: #1447e6;
        background-color: white;
    }

    .geolocation-api .sample-response-container {
        flex-basis: 50%;
        width: 50%;
        padding: 2rem;
        box-shadow: 0px 4px 10px 0#dfdcdc;
        border-radius: 8px;

    }
    .geolocation-api .sample-response {
        background-color: black;
        max-height: 600px;
        overflow-y:auto;
        text-align:left;
        color: #00c950;
        max-width: 100%;
        border-radius: 8px;
        scrollbar-width: none; 
        -ms-overflow-style: none;   
    }

    .geolocation-api .sample-response pre {
        padding: 1rem;
        margin: 0;
        
    }

    .geolocation-api .sample-response::-webkit-scrollbar,
    .geolocation-api .prettyprint::-webkit-scrollbar {
        display: none; 
    }

    .geolocation-api .prettyprint {
        padding: 1rem;
        padding-top: 3rem;
    }



    /* Mobile styles (<640px) */
    @media (max-width: 639px) {


        .geolocation-api .hero-container {
            padding: 10rem 1rem 0 1rem;
        }

        .geolocation-api .hero-heading {
            font-size: 3rem;
        }

        .geolocation-api .hero-content {
            font-size: 1.5rem;
            line-height: 1.25;
        }

        .geolocation-api .hero-cta, .geolocation-api .cta-buttons {
            flex-direction: column;
            gap: 1rem;
        }

        .geolocation-api .highlight-badge {
            font-size: 14px;
        }


        .geolocation-api .hero-cta > a, .geolocation-api .cta-buttons > a {
            padding: 1rem 2rem; 
            font-weight: 700;
            font-size:14px;
            border: none;
            gap: 4px;
        }

        .geolocation-api.features-section {
            padding: 6rem 1rem;
        }

        .geolocation-api .features-subheading,
        .geolocation-api .sample-subheading{
            font-size: 1.25rem; 
            line-height: 1.5;
        }

        .geolocation-api .hero-stats {
            align-items: flex-start;
            gap: 1rem;
            font-size: 1rem;
        }

        .geolocation-api .feature-cards-container {
            grid-template-columns: 1fr;
        }

        .geolocation-api.example-section {
            padding: 1rem 1rem 6rem 1rem;

        }

        .geolocation-api .sample-container {
            flex-direction: column;
            gap: 2rem;
        }

        .geolocation-api .sample-response-container,
        .geolocation-api .data-points-wrapper {
            width: 100%;
            flex-basis: auto;
        }

        .geolocation-api .data-points-container {
            flex-direction: column;
            align-items:flex-start; 
            
        }

        .geolocation-api .data-points-container > ul > li {
            padding: 1rem;
            
        }

        .geolocation-api .data-points-container {
            padding: 0;
        }

        .geolocation-api .features-heading,
        .geolocation-api .example-heading,
        .geolocation-api .cta-heading {
            font-size: 2.5rem;
        }

        .geolocation-api .features-subheading,
        .geolocation-api .example-subheading,
        .geolocation-api .cta-subheading {
            font-size: 1.5rem;
            line-height: 1.5;
        }

        .geolocation-api.cta-section {
            padding: 3rem 1.5rem;
        }

        .geolocation-api .cta-button > a {
            width: 100%;
        }
    }



    /* How To Use IPStack API Page */


    .how-to-use-ipstack-api.hero-section {
        background-color: #ecfdf5;
    }

    .how-to-use-ipstack-api .hero-container {
        max-width: 1024px;
        margin: auto;
        text-align: center;
        padding: 16rem 0;
    }

    .how-to-use-ipstack-api .hero-heading {
        font-weight: 800;
        color: black;
        font-size: 6rem;
    }

    .how-to-use-ipstack-api .hero-heading>span {
        color: #00a36a;
    }

    .how-to-use-ipstack-api .hero-content {
        color: #4a5565;
        font-size: 2rem;
        max-width: 768px;
        margin: auto;
    }

    .how-to-use-ipstack-api .hero-cta {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        margin: 2rem auto;

    }

    .how-to-use-ipstack-api .hero-cta>a {
        padding: 1.25rem 3rem;
        border-radius: 6px;
        font-weight: 700;
        font-size: 18px;
        display: flex;
        align-items: center;
        gap: 4px;
        border: none;
    }

    .how-to-use-ipstack-api .hero-cta>.primary {
        color: white;
        background-color: #00a36a;
    }

    .how-to-use-ipstack-api .hero-cta>.secondary {
        border: 2px solid #d1d5dc;
        color: #1e2939;

    }


    .how-to-use-ipstack-api.steps-section,
    .how-to-use-ipstack-api.features-section
     {
        padding: 10rem 0;
        background-color: white;
    }

    .how-to-use-ipstack-api .steps-container,
    .how-to-use-ipstack-api .features-container
     {
        max-width: 1024px;
        text-align: center;
        margin: auto;
    }

    .how-to-use-ipstack-api .example-container {
        text-align: center;
    }

    .how-to-use-ipstack-api.example-section {
        background-color: white;
        padding: 1rem 0;
    }

    .how-to-use-ipstack-api .steps-heading,
    .how-to-use-ipstack-api .example-heading,
    .how-to-use-ipstack-api .cta-heading {
        font-weight: 700;
        font-size: 4rem;
        color: #101828;
    }

    .how-to-use-ipstack-api .steps-subheading,
    .how-to-use-ipstack-api .example-subheading,
    .how-to-use-ipstack-api .cta-subheading {
        color: #4a5565;
        font-size: 2rem;
        max-width: 640px;
        margin: auto;
    }

    .how-to-use-ipstack-api .step-cards-container {
        margin: 3rem auto 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }

    .how-to-use-ipstack-api .step-card {
        padding: 2rem 1rem;
        background: white;

    }

    .how-to-use-ipstack-api .step-icon {
        border-radius: 40px;
        background-color: #d0fae5;
        color: #00a36a;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }


    .how-to-use-ipstack-api .step-name {
        color: #101828;
        font-weight: bold;
        margin: 1rem 0;
    }
    .how-to-use-ipstack-api .step-name > a:hover {
        text-decoration:underline;
    }

    .how-to-use-ipstack-api .step-number {
        padding: 0.5rem 1rem;
        background-color: #00a36a;
        color: white;
        font-weight: bold;
        border-radius: 40px;
        line-height: 0;
    }

    .how-to-use-ipstack-api.features-section {
        padding-top: 2rem;

    }

    .how-to-use-ipstack-api .features-container,
    .how-to-use-ipstack-api .example-container {
        max-width: 1280px;
        margin: auto;
    }

    .how-to-use-ipstack-api .sample-container {
        margin-top: 3rem;
        display: flex;
        gap: 5rem;
    }

   .how-to-use-ipstack-api .data-points-wrapper {
        flex-basis: 50%;
        text-align: left;
    }

    .how-to-use-ipstack-api .data-points-heading,
    .how-to-use-ipstack-api .response-heading {
        font-weight: 700;
        font-size: 2.5rem;
        color: #101828;
    }

    .how-to-use-ipstack-api .data-points-container {
        margin-top: 2rem;


    }

    .how-to-use-ipstack-api .data-point {
        display: flex;
        gap: 1rem;
        margin-bottom: 1rem;
        color: #555;

    }

    .how-to-use-ipstack-api .data-point .check-circle {
        color: #00a36a;

    }

    .how-to-use-ipstack-api .data-points-subheading {
        font-size: 1.5rem;
        line-height: 1.5;
        max-width: 425px;
        color: #555;
    }

    .how-to-use-ipstack-api .response-heading {
        text-align: left;
    }

    .how-to-use-ipstack-api .endpoints-container {
        padding: 0 2.5rem;
        background-color: #ecfdf5;
        text-align: left;
        flex-basis: 50%;
        border-radius: 12px;


    }

    .how-to-use-ipstack-api .endpoints-heading {
        font-weight: bold;
        font-size: 2.5rem;
        color: black;

    }

    .how-to-use-ipstack-api .endpoint-cards-container>div {
        margin-bottom: 1rem;
    }


   .how-to-use-ipstack-api  .endpoint-card {
        background-color: white;
        border: 1px solid #00a36a;
        border-radius: 8px;
        padding: 2.5rem 1rem;

    }

   .how-to-use-ipstack-api .endpoint {
        font-weight: bold;
        color: #00a36a;
        display: block;
        margin-bottom: 0.5rem
    }


    /* Mobile styles (<640px) */
    @media (max-width: 639px) {

        .how-to-use-ipstack-api .hero-container {
            padding: 10rem 1rem 1rem 1rem;
        }

        .how-to-use-ipstack-api .hero-heading {
            font-size: 3rem;
        }

       .how-to-use-ipstack-api  .hero-content {
            font-size: 1.5rem;
            line-height: 1.25;
        }

       .how-to-use-ipstack-api .hero-cta {
            flex-direction: column;
            gap: 1rem;
        }

        .how-to-use-ipstack-api .highlight-badge {
            font-size: 14px;
        }


        .how-to-use-ipstack-api .hero-cta>a{
            padding: 1rem 2rem;
            font-weight: 700;
            font-size: 14px;
            border: none;
            gap: 4px;
        }

        .how-to-use-ipstack-api.steps-section {
            padding: 6rem 1rem;
        }

        .how-to-use-ipstack-api .steps-subheading,
        .how-to-use-ipstack-api .sample-subheading {
            font-size: 1.25rem;
            line-height: 1.5;
        }

        .how-to-use-ipstack-api.example-section {
            padding-top: 1rem;
        }

        .how-to-use-ipstack-api .example-container  {
            padding: 0 1em;
        }

        .how-to-use-ipstack-api .example-heading, 
        .how-to-use-ipstack-api .steps-heading {
            font-size: 2.5rem;
        }
        .how-to-use-ipstack-api .hero-stats {
            align-items: flex-start;
            gap: 1rem;
            font-size: 1rem;
        }

        .how-to-use-ipstack-api .step-cards-container {
            grid-template-columns: 1fr;
        }

        .how-to-use-ipstack-api.features-section {
            padding: 1rem 1rem 6rem 1rem;

        }

        .how-to-use-ipstack-api .sample-container {
            flex-direction: column;
            gap: 2rem;
        }

        .how-to-use-ipstack-api .data-points-wrapper {
            width: 100%;
            flex-basis: auto;
        }

        .how-to-use-ipstack-api .data-points-container {
            flex-direction: column;
            align-items: flex-start;

        }

        .how-to-use-ipstack-api .data-points-container>ul>li {
            padding: 1rem;

        }

       .how-to-use-ipstack-api .data-points-container {
            padding: 0;
        }

        .how-to-use-ipstack-api .steps-heading,
        .how-to-use-ipstack-api .example-heading,
        .how-to-use-ipstack-api .cta-heading {
            font-size: 2.5rem;
        }

        .how-to-use-ipstack-api .steps-subheading,
        .how-to-use-ipstack-api .example-subheading,
        .how-to-use-ipstack-api .cta-subheading{
            font-size: 1.5rem;
            line-height: 1.5;
        }

        .how-to-use-ipstack-api .data-points-heading,
        .how-to-use-ipstack-api .data-points-subheading {
            text-align: center;
        }
    }


    @media screen and (min-width: 801px) {
       .how-to-use-ipstack-api  .prettyprint {
            max-width: 100%;
            background-color: transparent;
            padding: 0;
        }

    }

   .how-to-use-ipstack-api  pre.prettyprint {
        padding: 0 !important;
        background-color: #192738
    }

   .how-to-use-ipstack-api pre[class*=language-] {
        padding: 2rem;
        background-color: #192738
    }



/* Real Time IP Lookup API Page Styles */

    .real-time-ip-lookup-api.hero-section {
        background-color: #dbeafe;
    }

    .real-time-ip-lookup-api .hero-container {
        max-width: 1170px;
        margin: auto;
        text-align: center;
        padding: 14rem 0;
    }

    .real-time-ip-lookup-api .highlight-badge {
        font-size: 16px;
        background-color: #bedbff;
        color: #155dfc;
        border-radius: 40px;
        padding: 1rem 1.25rem;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-bottom: 1.5rem;
    }

    .real-time-ip-lookup-api .hero-heading {
        font-weight: 800;
        color: black;
        font-size: 6rem;
        max-width: 768px;
        margin: auto;
    }

    .real-time-ip-lookup-api .hero-heading > span{
        color: #155dfc;
    }

    .real-time-ip-lookup-api .hero-content {
        color: #4a5565;
        font-size: 2rem;
        max-width: 768px;
        margin: auto;
    }

    .real-time-ip-lookup-api .hero-cta ,
    .real-time-ip-lookup-api .cta-buttons {
        display: flex;
        gap: 8px;
        align-items: center;
        justify-content: center;
        margin: 2rem auto;

    }

    .real-time-ip-lookup-api .hero-cta > a,
    .real-time-ip-lookup-api .cta-buttons > a {
        padding: 1.25rem 3rem; 
        border-radius: 6px;
        font-weight: 700;
        font-size:18px;
        display: flex;
        align-items: center;
        gap: 4px;
        border: none;
    }

    .real-time-ip-lookup-api .hero-cta > .primary {
        color: white;
        background-color: #1447e6;
    }

    .real-time-ip-lookup-api .hero-cta > .secondary {
        border: 2px solid #d1d5dc;
        color: #1e2939;
        
    }

    .real-time-ip-lookup-api .hero-stats {
        display: flex;
        margin: 2rem auto;
        justify-content: center;
        gap: 16px;
        font-size:18px;

    }

    .real-time-ip-lookup-api .stat {
        display: flex;
        align-items: center;
        gap: 8px;

    }

    .real-time-ip-lookup-api .stat > svg {
        color: #1447e6;
    }


    .real-time-ip-lookup-api.features-section,
    .real-time-ip-lookup-api.example-section ,
    .real-time-ip-lookup-api.cta-section{
        padding: 10rem 0;
        background-color: white;
    }

   .real-time-ip-lookup-api .features-container,
   .real-time-ip-lookup-api .example-container,
   .real-time-ip-lookup-api .cta-container{
        max-width: 1170px;
        text-align:center;
        margin: auto;
    }

    .real-time-ip-lookup-api .features-heading,
    .real-time-ip-lookup-api .example-heading,
    .real-time-ip-lookup-api .cta-heading {
        font-weight: 700;
        font-size: 4rem;
        color: #101828;
    }

    .real-time-ip-lookup-api .cta-heading {
        color: white;
    }

    .real-time-ip-lookup-api .features-subheading,
    .real-time-ip-lookup-api .example-subheading,
    .real-time-ip-lookup-api .cta-subheading{
        color: #4a5565;
        font-size: 2rem;
        max-width:640px;
        margin : auto;
    }

    .real-time-ip-lookup-api .feature-cards-container {
        margin: 3rem auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2rem;
    }

    .real-time-ip-lookup-api .feature-card {
        border-radius: 6px;
        box-shadow: 0px 4px 10px 0 #d1d5dc;
        padding: 2rem 1rem;
        background: white;
    
    }

    .real-time-ip-lookup-api .feature-icon {
        border-radius: 0.5rem;
        background-color: #dbeafe;
        color:#1447e6;
        display:inline-flex;
        justify-content: center;
        align-items:center;
        padding: 1rem;
    }


    .real-time-ip-lookup-api .feature-name {
        color:#101828;
        font-weight:bold;
        margin: 1rem 0;
    }

    .real-time-ip-lookup-api.example-section {
        padding-top: 2rem;
        
    }

    .real-time-ip-lookup-api .example-container {
        max-width: 1170px;
    }

    .real-time-ip-lookup-api .sample-container {
        margin-top: 3rem;
        display:flex;
        gap: 2rem;
    }

    .real-time-ip-lookup-api .data-points-wrapper {
        flex-basis:50%;
        text-align:left;
        background-color: white;
        box-shadow: 0 0 5px  #d1d5dc;
        border-radius: 8px;
        padding: 2rem;
    }

    .real-time-ip-lookup-api .data-points-heading,
    .real-time-ip-lookup-api .response-heading {
        font-weight:700;
        font-size:20px;
        color:#101828;
    }

    .real-time-ip-lookup-api .data-points-container {
        margin-top: 2rem;
        
    }

    .real-time-ip-lookup-api .data-point {
        display: flex;
        gap: 1rem;
        margin-bottom: 1rem;
        color: #555;
    }

    .real-time-ip-lookup-api .data-point .check-circle {
        color: #00a36a;


    }

    .real-time-ip-lookup-api .response-heading {
        text-align: left;
    }


    .real-time-ip-lookup-api.cta-section {
        background-color: #1447e6;
    }



    .real-time-ip-lookup-api.cta-heading,
    .real-time-ip-lookup-api .cta-subheading {
        color: white;
    }


    .real-time-ip-lookup-api .cta-buttons > a {
        color: #1447e6;
        background-color: white;
    }

    .real-time-ip-lookup-api .sample-response-container {
        flex-basis: 50%;
        width: 50%;
        box-shadow: 0 0 5px  #d1d5dc;
        border-radius: 8px;
        padding: 2rem;
        background-color: #e0eafa;

    }

    .real-time-ip-lookup-api .sample-response {
        background-color: black;
        max-height: 500px;
        overflow-y:auto;
        text-align:left;
        color: #00c950;
        max-width: 100%;
        border-radius: 8px;
    }



    @media (max-width: 639px) {

        .real-time-ip-lookup-api .hero-container {
            padding: 10rem 1.5rem 6rem 1.5rem;
        }

        .real-time-ip-lookup-api .highlight-badge {
            font-size: 14px;
            padding: 0.5rem 1rem;
            gap: 6px;
            flex-wrap: wrap;
        }

        .real-time-ip-lookup-api .highlight-badge svg {
            width: 20px;
            height: 20px;
        }

        .real-time-ip-lookup-api .hero-heading {
            font-size: 2.5rem;
            line-height: 1.5;
            margin-top: 1.5rem;
        }

        .real-time-ip-lookup-api .hero-content {
            font-size: 1.5rem;
            line-height: 1.6;
            margin-top: 1rem;
            padding: 0 1rem;
        }

        .real-time-ip-lookup-api .hero-cta {
            flex-direction: column;
            gap: 12px;
            margin-top: 2rem;
        }

        .real-time-ip-lookup-api .hero-cta > a {
            width: 100%;
            justify-content: center;
            font-size: 16px;
            padding: 1rem 2rem;
        }

        .real-time-ip-lookup-api .hero-cta svg {
            width: 18px;
            height: 18px;
        }

        .real-time-ip-lookup-api.features-section {
            padding: 6rem 1.5rem 4rem 1.5rem;
        }

        .real-time-ip-lookup-api .features-container {
            padding: 0 1.5rem;
        }

        .real-time-ip-lookup-api .features-heading {
            font-size: 2rem;
            line-height: 1.4;
        }

        .real-time-ip-lookup-api .features-subheading {
            font-size: 1.5rem;
            line-height: 1.6;
            margin-top: 1rem;
        }

        .real-time-ip-lookup-api .feature-cards-container {
            grid-template-columns: 1fr;
            gap: 1.5rem;
            margin-top: 2rem;
        }

        .real-time-ip-lookup-api .feature-card {
            padding: 1.5rem 1rem;
            text-align: center;
        }

        .real-time-ip-lookup-api .feature-icon {
            padding: 0.75rem;
        }

        .real-time-ip-lookup-api .feature-icon svg {
            width: 20px;
            height: 20px;
        }

        .real-time-ip-lookup-api .feature-name {
            font-size: 1.5rem;
            margin: 1rem 0 0.5rem 0;
        }

        .real-time-ip-lookup-api .feature-text {
            font-size: 1.5rem;
            line-height: 1.5;
        }

        .real-time-ip-lookup-api .example-container {
            padding: 0 1.5rem;
        }

        .real-time-ip-lookup-api .example-heading {
            font-size: 2rem;
            line-height: 1.4;
        }

        .real-time-ip-lookup-api .example-subheading {
            font-size: 1.5rem;
            line-height: 1.6;
            margin-top: 1rem;
        }

        .real-time-ip-lookup-api .sample-container {
            flex-direction: column;
            gap: 2rem;
            margin-top: 2rem;
        }

        .real-time-ip-lookup-api .data-points-wrapper,
        .real-time-ip-lookup-api .sample-response-container {
            flex-basis: 100%;
            width: 100%;
            padding: 1.5rem;
        }

        .real-time-ip-lookup-api .data-points-heading,
        .real-time-ip-lookup-api .response-heading {
            font-size: 2rem;
            
        }

        .real-time-ip-lookup-api .data-points-container > ul > li {
            font-size: 1.3rem;
            line-height: 1.5;
            padding: 0.75rem 0 0.75rem 1rem;
        }

        .real-time-ip-lookup-api .sample-response {
            font-size: 0.85rem;
            line-height: 1.4;
            padding: 1rem;
            max-height: 300px;
        }

        .real-time-ip-lookup-api.cta-section {
            padding: 0; 
        }

        .real-time-ip-lookup-api .cta-container {
            padding: 2rem 1.5rem;
            text-align: center;
        }

        .real-time-ip-lookup-api .cta-heading {
            font-size: 2rem;
            line-height: 1.4;
        }

        .real-time-ip-lookup-api .cta-subheading {
            font-size: 1.5rem;
            line-height: 1.5;
            margin-top: 1rem;
        }

        .real-time-ip-lookup-api .cta-buttons {
            flex-direction: column;
            gap: 12px;
            margin-top: 2rem;
        }

        .real-time-ip-lookup-api .cta-buttons > a {
            width: 100%;
            justify-content: center;
            font-size: 16px;
            padding: 1rem 2rem;
        }

        .real-time-ip-lookup-api .cta-buttons svg {
            width: 18px;
            height: 18px;
        }
    }

/* Menu */

/* Wrapper */
.nav-wrapper {
  width: 100%;
  background: #2c3a4a;
  /* padding: 12px 3px; */
}

/* Max width container */
#header-navigation .navbar {
  max-width: 1170px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  position: relative;
  padding: 10px;
}

/* Logo */
#header-navigation .logo {
  display: flex;
  align-items: center;
  gap: 10px;
}



/* Navigation */
#header-navigation .nav-links {
  display: flex;
  /* gap: 35px; */
  align-items: center;
  list-style: none;
  height: 25px;
}

#header-navigation .nav-links li a {
  color: white;
  text-decoration: none;
  font-size: 12px;
    font-weight: 500;
    line-height: 35px;
    margin: 16px 15px 19px;
    font-family: "Roboto Mono", Helvetica, Arial, sans-serif;
}

/* Status dot */
#header-navigation .status {
  display: flex;
  align-items: center;
  gap: 6px;
}

#header-navigation .status a.api-status{
    display: flex;
    align-items: center;
}
#header-navigation .status .dot {
  width: 10px;
  height: 10px;
  background: #6dd96d;
  border-radius: 50%;
}

/* Buttons */
#header-navigation .btn {
  /* padding: 10px 22px; */
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
}

#header-navigation .login {
  background: #1b2f45;
      margin-right: 15px;
}

#header-navigation .free-key {
  background: #e6803c;
}

/* Hamburger icon */
#header-navigation .hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
}

#header-navigation .hamburger span {
  width: 28px;
  height: 3px;
  background: white;
  border-radius: 5px;
}

/* Hide checkbox */
#header-navigation #menu-toggle {
  display: none;
}

/* -------------------- */
/* MOBILE STYLES        */
/* -------------------- */

@media (max-width: 900px) {
  #header-navigation .nav-links {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background: #1f3044;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 10px;
    display: none;
    height: auto;
  }

  /* Show menu when checkbox checked */
  #header-navigation #menu-toggle:checked ~ .nav-links {
    display: flex;
  }

  #header-navigation .hamburger {
    display: flex;
  }

  #header-navigation .nav-links li a {
    margin: 10px;
    }
}